@font-face{font-family:Inter Regular;
 src:url(../fonts/Inter-Regular.ttf);
 }
  @font-face{font-family:Inter Medium;
 src:url(../fonts/Inter-Medium.ttf);
 }
 @font-face{font-family:Inter Semi Bold;
 src:url(../fonts/Inter-SemiBold.ttf);
 }
  @font-face{font-family:Inter Bold;
 src:url(../fonts/Inter-Bold.ttf);
 }
  @font-face{font-family:The Castle Elizah;
 src:url(../fonts/The-Castle-Elizah.ttf);
 }
 

 
/*-----------------------*/
html {scroll-behavior:smooth;}
body { padding: 0; margin: 0 auto;font-family:Inter Regular;position: relative; font-weight: 400; overflow-x: hidden; color: #000; font-size: 16px;background:#fff;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color:#202833; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; width: 100%;}
p {padding: 0px; margin: 0px;}
h1, h2, h3, h4, ul, p { padding: 0px; margin: 0px;}
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }.latest-newsbox::placeholder {color:#666666; font-size:15px;}
.form-control:focus { box-shadow: none }
ul { padding: 0; list-style: none;}
a { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }

.csn-ul{margin-left:20px;  text-align: justify;}
.csn-ul li {position: relative;margin-bottom:7px;}
.csn-ul li:before {position: absolute;top:9px;left:-19px;height: 8px;width: 8px;
background:#014d49;border-radius: 100%;content: '';}

/*===============header===============*/
#header-id {
    height: auto;
}
#header-id {
  background:#ffffff;
  height:74px;
  transition: transform .3s ease-in-out;
  width:100%;
  margin:0px auto;
  top:0px;border-bottom:1px solid #CCCCCC;
  position: relative;
}
.header-inner {
    margin: 0 auto;
    max-width:1280px;
    width:100%;
}

.headerTertiary {
  align-items: center;
  display: flex;
height: 74px;
position: relative;
z-index: 666;
background: none;
margin: auto;
max-width:90rem; width:100%;
padding: 1rem;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.emergency-no a{color:#e30000 !important;}
.nav-topright{  padding-top:20px;margin-right: 0px;}
.sticky .nav-topright{padding-top:10px;padding-bottom: 8px;}
.nav-topright ul {
    display: flex;
    font-size:15px; font-weight:700;
    justify-content: flex-end;
    line-height: 1.25rem;
    margin-bottom: 0;
}
.nav-topright li {
    margin-left:.3rem;position: relative; padding-left:4px
}

.nav-topright li a {
    color:#6d6e71;
}
.nav-topright li a:hover{
    color:#2278b5;
}




.headerSecondry{
  align-items: center;
  background:none;
  display: flex;
  height:60px;
  position: relative;

}
.logo-scrollup{display:block;}
.logo-scrolldown{display:none;}
.logo-d > img {
  width:100%;
  position:relative;
}
.logo-d{
  width:180px !important;
  transform: translateY(-35px);
  position: relative;
  transition: transform .3s ease-in-out;
  position: absolute;
  z-index: 6;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
}
.sticky  .logo-d{
width:120px !important;}
.sticky .logo-d > img {max-width:100px; transform:translateY(1px);}
.sticky .logo1-d {max-width:100px !important; transform:translateY(15px) !important; margin-left:110px;}
.logo-m > img {
  max-width: 130px;
  transform:translateY(-1px);
  position:absolute;
  display:none;
  left: 20px;
  
}
.sticky{position:fixed !important;top:0;width:100% !important;  backdrop-filter: blur(40px); z-index: 999; /*box-shadow:1px 5px 10px rgba(0,0,0,0.2);*/     }
/*.sticky .headerTertiary{display:none;}*/
.sticky .headerSecondry{height: auto;}

.sticky .page-header {padding:0.0rem 1rem 0rem 1rem;}
.sticky .logo-scrollup{display:none;}
.sticky .logo-scrolldown{display:block;}


.navbar__buttons{display: flex;align-items: center;gap: 1.5rem;flex-grow: 1; justify-content: right;}
.navbar__buttons a {
    color: var(--text-gray-color);
    font-weight: 500;
    transition: 0.3s ease;
}

@media (min-width: 64rem){.navbar__buttons a {font-size:14px;}.page-header ul a{font-size:14px !important;}
}

@media (min-width:90rem){.navbar__buttons a {font-size:16px;}.page-header ul a{font-size:16px !important;}
}

.contact-top-button{display:flex; margin:0px; padding:0px; position:relative;}
.contact-top-button a{width:100%; background:linear-gradient(120deg, #eb485c 0%, #27aae1 100%); color:#ffffff; border-radius: 8px; margin:0px; padding: 10px 16px; position:relative;}
.contact-top-button a:hover{background:linear-gradient(120deg, rgb(132, 250, 176) 0%, rgb(143, 211, 244) 100%); color:#000000;}

/*--Head END--*/
.wiki-mk{padding-left:40px; padding-right:40px;}
.midbox-inner{margin:auto;max-width:85rem;width:100%;}
  
#home-slider{width: 100%;
    background: #ffffff;
    height: 100%;
    overflow: hidden;
    padding: 0px;
    position: relative;
    margin: 0px;
}
#home-slider::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
	 background:url(../images/2024/01/bg-slider.png) no-repeat;
    
    background-size: cover;
    z-index: 1;
}
.home-slider{display:flex; gap:30px; margin:0px; padding:0px 0px 25px; position:relative;}
.hometop-section{
  display: flex;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.home-slider-doc{
  width: 60%;
  margin:0 auto;
  padding: 0px;
}
.hometop-section h1 {
  font-size:60px;font-family: The Castle Elizah;
  color: #ffffff;font-weight:Bold;text-align:center;
  padding-bottom:40px;
  z-index: 1;
  width:100%;
  position: relative;
  display: block;
}
.hometop-section h3{
  font-size:38px; 
  color: #ffffff; 
  padding-bottom:90px;font-family:Inter Medium;
  z-index: 1;
  width:100%;
  position: relative;
  display: block;
}
.hometop-section p {
  font-size:15px;
  color: #ffffff;
  width:70%;
  margin-bottom:50px;
}
.hometop-section-button{display:flex; gap:20px;  justify-content:center; margin:0px; padding:0px; position:relative;}
.hometop-section-button .get-in-touch{
background:linear-gradient(120deg, #eb485c 0%, #27aae1 100%);
  color: #ffffff !important;
  margin: 20px 0;
  font-size: 16px;
  font-weight: 500;
  border-radius: 81px;
  padding:10px 20px;
  position: relative;
  border:1px solid #fff;
  display: flex;
  align-items:center;
}

 .get-in-touch img{width:auto !important; height:15px; margin-left:10px;}
.get-to-know {
 font-family:Inter Medium;
  color: #ffffff;
  margin: 20px 0;
  font-size: 18px;
  padding:10px 10px 10px 60px;
  position: relative;
}
.get-to-know img{width:50px !important; position:absolute; left:0px; top:0px;}
.get-to-know:hover{color:#fff;}



#home-slider-bottom{background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%);padding:60px 0px 60px;margin: 0px;position: relative;overflow:hidden;}
#home-slider-bottom h2 {
    font-size: 50px;color:#fff;
    font-weight: 500;
    margin: 0px auto;
    padding: 0px 0px 60px;
    position: relative;
    text-align: center;
    font-family: The Castle Elizah;
}
#home-slider-bottom p {
    width:60%;
    color: #ffffff;
    font-size: 18px;
    margin: 0px auto;
    padding: 10px 0px 60px;
    text-align: center;
}

#home-slider-bottom ul {display: flex; gap:20px;  justify-content:center;}
#home-slider-bottom li{width:33.33%; align-items: center;text-align: left;justify-content: left;padding:20px;border-radius: 12px;background:#fff; border:1px solid #D8D8D8; position:relative; transition:600ms ease transform;  overflow: hidden;}
#home-slider-bottom li:hover{box-shadow: 1px 5px 10px rgba(0,0,0,0.1); transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
#home-slider-bottom li h3{width:100%; font-size:20px; color:#eb485c; font-weight:500;  margin:0px; padding:10px 0px; position:relative;}
#home-slider-bottom li h3:before{content: ''; position:absolute; width:70%; height:1.5px; background:#D8D8D8; bottom:0px;}
#home-slider-bottom li .arrow-icon{position:absolute; right:0px; top:20px; padding:0px; margin:0px; width:18px; height:auto;}
#home-slider-bottom li p{width:100%; text-align:left !important; color:#000; font-size:14px; margin:0px !important; padding:10px 0px 0px; height: 120px;}
#home-slider-bottom li img{width:100%; padding:0px; margin:0px;  height:auto; border-radius:12px;}
#home-slider-bottom li:hover{background:#dd4562;}
#home-slider-bottom li:hover h3{color:#ffffff;}#home-slider-bottom li h3:before{background:rgba(216, 216, 216, 0.57);}
#home-slider-bottom li:hover p{color:#ffffff;}
#home-slider-bottom li:hover .arrow-icon{filter: brightness(0) invert(1);}

#home-slider-bottom li a{
background:#f01569;
  color: #ffffff !important;
  margin: 20px 0px 0px;
  font-size:16px;
  font-weight: 500;
  border-radius: 81px;
  padding:8px 70px 8px 20px;
  position: relative;
  border:1px solid #fff;
  display: flex;
  align-items:center;
  width: max-content;
      z-index: 1;
}
#home-slider-bottom li a::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 100%;
    background:linear-gradient(120deg, #f2a322 0%, #f01569 100%);
    z-index: -1;
    bottom: 0px;
    right: 0px;
    border-radius: 0px 20px 20px 0;
}
#home-slider-bottom li a img{
	width: 35px !important;
    position: absolute;
    right: 5px;
    top:5px;
    padding: 8px 10px;
	height: auto;
    filter: brightness(0) invert(1);}




#home-festival-highlights{background:linear-gradient(120deg, #27aae1 0%, #4f269b 100%);padding:60px 0px 110px;margin: 0px;position: relative;overflow:hidden;}
#home-festival-highlights h2 {
    font-size: 50px;color:#fff;
    font-weight: 500;
    margin: 0px auto;
    padding: 0px 0px 60px;
    position: relative;
    text-align: center;
    font-family: The Castle Elizah;
}
#top-festival{padding-left:7%;}

#top-festival .top-festival-img{ border-radius:8px;}
.top-festival-item{ padding:8px 0px 15px; background:#fff; margin-top: -20px;  border-radius:22px; position:relative; box-shadow: 0px 10px 12px 0px rgba(13, 94, 244, .2);}
.top-festival-item h3 {color: #000000;font-size:24px; font-family: The Castle Elizah; font-weight: 500;margin: 0px;padding: 5px 0px 20px;text-align:center; }
.top-festival-item p{color:#505050;font-size:18px;margin: 0px;padding: 5px 0px 0px;text-align:center;}


.top-festival-item  a{
background:#27aae1;
  color: #ffffff !important;
  margin:0px auto;
  font-size:16px;
  font-weight: 500;
  border-radius: 81px;
 padding:8px 70px 8px 20px;
  position: relative;
  border:1px solid #fff;
  display: flex;
  align-items:center;
  width: max-content;
  z-index:1;
}
.top-festival-item a::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 100%;
    background:linear-gradient(120deg, #221cae 0%, #27aae1 100%);
    z-index: -1;
    bottom: 0px;
    right: 0px;
    border-radius: 0px 20px 20px 0;
}
.top-festival-item  a img{width: 35px !important;
    position: absolute;
    right: 5px;
    top:5px;
    padding: 8px 10px;
	height: auto;
    filter: brightness(0) invert(1);}


#highlights-no{background: #EEFAFF;
  padding:0px 0 0px;
  margin: 0px;
  width: 100%;
  position: relative;
  overflow: hidden;z-index: 1;
}
.highlights-no ul{position:absolute; margin:0px; padding:0px 7%; left:20px; bottom:20px;display: flex; width: 100%;}
.highlights-no li {
  flex: 0 0 25%;
  align-items: center;
  text-align:left;
  justify-content: left;padding:10px 8px;
}
.highlights-no h3{font-family:Inter Semi Bold; font-size:90px; color:#fff;}
.highlights-no  p{font-size:14px !important;text-align:left !important;width:100% !important;color: #ffffff !important; padding-bottom:0px !important;}


#home-gallery{
  background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%);
  padding: 60px 0px 110px;
  margin: 0px;
  position: relative;
  overflow: hidden;
}
#home-gallery h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}

.home-gallery-box{display:flex; gap:20px; margin:0px; padding:0px; position:relative; z-index:1;}
.home-gallery-left{width:33%;display:flex; margin:0px; padding:0px; position:relative; z-index:1; transition:600ms ease transform;}
.home-gallery-left:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-gallery-mid{width:33%;display:flex; margin:0px; padding:0px; position:relative; flex-direction: column; gap:20px;}
.home-gallery-item{margin:0px; padding:0px; position:relative; z-index:1;  transition:600ms ease transform;}
.home-gallery-item:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-gallery-right{width:33%;display:flex; margin:0px; padding:0px; position:relative; z-index:1; transition:600ms ease transform;}
.home-gallery-right:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}


#home-about{
  background: linear-gradient(120deg, #ffd200 0%, #eb740b 100%);
  padding: 60px 0px 110px;
  margin: 0px;
  position: relative;
  overflow: hidden;
}
#home-about h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
.home-about{display:flex; align-items:center; gap:55px; margin:0px; padding:0px; position:relative; justify-content: space-between;}
.home-about-left{width:45%;  margin:0px;  position:relative;}
.home-about-left img{border-radius:12px;}
.home-about-right{width:55%;  margin:0px;  position:relative;}
.home-about-right h3{
    font-size: 54px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 500;
    font-family: The Castle Elizah;
    margin: 0px 0px 15px;
    position: relative;
}

.home-about-right ul{margin-left:0px; }
.home-about-right ul li {position: relative;color: #ffffff; padding-left: 20px;margin-bottom: 14px;font-size: 17px; margin-left: 17px;list-style: none;}
.home-about-right ul li:before {position: absolute;top:9px;left:-19px;height: 8px;width: 8px; background:#ffffff;border-radius: 100%;content: '';}

.home-about-right h4{
    font-size:20px;
	font-weight:bold;
    color: #ffffff;
    margin: 0px 0px 15px;
    padding: 0px;
    position: relative;
}
.home-about-right p {
    font-size: 16px;
    color: #ffffff;
    margin: 0px 0px 20px;
    padding: 0px;
}
.home-about-right a{
    width: max-content;
    color: #ffffff;
    border: 1px solid #0161FE;
    background:linear-gradient(120deg, #eb485c 0%, #27aae1 100%);
    margin: 20px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    border-radius: 81px;
    padding: 10px 35px 10px;
    transition: all 0.4s ease;
    position: relative;
}
.home-about-right a:hover{  color: #000; background: linear-gradient(120deg, rgb(132, 250, 176) 0%, rgb(143, 211, 244) 100%);}


#testimonials-wiki{
  width: 100%;
  background:#ffffff;
  height: auto;
  overflow: hidden;
  padding:60px 0px 110px;
  position: relative;
  margin: 0px;
  z-index:1;
}
#testimonials-wiki{
    background: url(../images/2024/01/bg.jpg) fixed center center;
    background-size: cover;
    padding: 200px 0;
}

#testimonials-wiki h2 {
  font-size:54px;
  color:#202833;
  font-family: The Castle Elizah;
  text-align: center;
  padding-bottom:40px;
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
}

#testimonials-wiki h2 span {
  color: #202833;
  position: relative;
  z-index: 1;
}
 
.item-testimonials{position:relative; padding-left:110px; margin: 0px 22%;}
.item-testimonials:before{content:""; width:100px; height:100px; background:url(../images/2024/01/04/do-icon.png) no-repeat; background-size:70%; position:absolute; left:0px; top:0px;  }
.item-testimonials p{font-size:14px; color:#202833; text-align: center; margin:0px; padding:0px;}
.testimonials-img{width:max-content;  margin-top:50px; display:flex;   position:relative; padding:0px;}
.testimonials-img img{width:70px !important; height:70px; border-radius:100%; position:absolute; left:0px; top:-10px; margin:0px;}
.testimonials-text{display:block; padding-left:90px; height:100px;}
.testimonials-text h3{font-size:18px; color:#202833; font-family:Inter Medium; padding-bottom:7px;}
.testimonials-text h4{font-size:14px; color: #202833;}
.testimonials-text h4 img{position:relative; width:auto !important; height:30px; border-radius:0px; top:0px;}


#contact-us-section{
  background:#ffffff;
  padding: 60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#contact-us-section{
    background: url(../images/2024/01/bg.jpg) fixed center center;
    background-size: cover;
    padding:100px 0;
}

#contact-us-section h1{
  width: 60%;color:#202833;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 10px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#contact-us-section p {
  width:50%;
  color:#505050;
  font-size: 18px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}
.contact-us-section{display:flex; gap:30px; margin:0px; padding:0px; position:relative; justify-content: center;}
.contact-section-left{width:65%; margin:0px; padding:40px 30px; position:relative; border-radius:12px;background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%); }

.contact-section-left .contact-us-form {width: 100%;gap: 15px;padding-bottom:20px;display: flex;}
.contact-us-form .contact-us-form-box {display:block;width: 100%;}
.contact-us-form ::placeholder {color:#818181; font-size:16px;}
.contact-us-form-box .iti{width: 100%; width: 100%;}.contact-us-form-box .iti__country-list{width: 390px;}
.contact-us-form input, textarea {
  border:1px solid #919396;
  height: 50px;color:#818181;
  background:#ffffff;
  padding-left: 15px;
  width: 100% !important;
  font-size: 16px;
  border-radius: 8px;
  outline: none;
  text-align: left;
}
.contact-us-form .magbox {width: 100%;border:1px solid #919396;background:#ffffff;height:170px;color:#818181;font-size: 16px;padding-top: 10px;padding-left: 16px;}
.contact-us-form .send-message{
  background:#f01569;
  width: max-content;
  border: 2px solid #ffffff;
  color:#ffffff;
  height:45px;
  padding: 4px 60px 4px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.contact-us-form .send-message::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 100%;
  background:linear-gradient(120deg, #f2a322 0%, #f01569 100%);
  z-index: -1;
  bottom: 0px;
  right: 0px;
  border-radius: 0px 20px 20px 0;
}
.contact-us-form .send-message img {
  width: 38px;
  position: absolute;
  right: 5px;
  top:6px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}
.contact-us-form .send-message:hover {
  background: #a1387a;
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
}
.agree-box{color:#fff; font-size:12px;}.agree-box a{color:#fff; font-size:12px; text-decoration:underline;}
.contact-section-right{width:35%; margin:0px; padding:40px 30px; position:relative; border-radius:12px;background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%);}
.contact-section-right h3{color:#ffffff; font-size:30px; font-family: The Castle Elizah; font-weight:500; margin-bottom:8px;}
.contact-section-right p{width:100% !important; color:#ffffff !important; text-align:left !important; font-size:16px !important; margin-bottom:50px !important; padding:0px !important;}
.contact-section-right ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.contact-section-right li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.contact-section-right li a {
    color:#eb485c;border:2px solid #eb485c;
    display: block;background:#ffffff;
    border-radius:100%;
    width: 45px;
  height: 45px;
  line-height: 40px;
  font-size:20px;
  justify-content: center;
  align-items: center;
}
.contact-section-right li a:hover{background:#eb485c; color:#ffffff; border:2px solid #ffffff;}


#map-section{
  background: #ffffff;
  padding: 60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#map-section h2 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}

#map-section iframe{width:100%; height:450px; border:1px solid #CCCCCC; border-radius:12px;}



#about-kafila{
  background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%);
  padding:60px 0px 0px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#about-kafila h1 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  color:#fff;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#about-kafila p {
  width:60%;
  color:#fff;
  font-size: 16px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
#why-kafila{
  background:linear-gradient(120deg, #27aae1 0%, #4f269b 100%);
  padding:60px 0px 80px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#why-kafila h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#why-kafila{
  background: url(../images/2024/03/why.jpg) fixed center center;
    background-size: auto;
  background-size: cover;
  padding:100px 0;
}


#artists{
  background: linear-gradient(120deg, #ffd200 0%, #eb740b 100%);
  padding: 60px 0px 110px;
  margin: 0px;
  position: relative;
  overflow: hidden;
}
#artists h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 10px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#artists h5{
  width: 60%;
  margin: 0px auto;
  text-align: center;
  color: #fff;
  font-size:24px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}

.artists-box {
  display: flex;
  margin: 0px;
  padding: 6px;
  flex-direction: column;
  border:0px solid #EBEBEB;
  border-radius: 10px;
}

.artists-box ul {display: flex; flex-wrap:wrap; gap:20px;  justify-content:center;}
.artists-box li{width:22.66%; align-items: center;text-align: left;justify-content: left;padding:20px;border-radius: 12px;background:#fff;  border:1px solid #D8D8D8; position:relative; transition:600ms ease transform;  overflow: hidden;}
.artists-box li:hover{box-shadow: 1px 5px 10px rgba(0,0,0,0.1); transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.artists-box li h3{width:100%; text-align:center; font-weight:bold; font-size:20px; color:#eb485c; font-weight:500;  margin:0px; padding:10px 0px; position:relative;}
.artists-box li p{width:100%; text-align:center; font-weight:bold; font-size:14px; color:#444; font-weight:500;  margin:0px; padding:0px 0px; position:relative;}

.artists-box li:hover{background:#dd4562;}
.artists-box li:hover h3{color:#ffffff;}#home-slider-bottom li h3:before{background:rgba(216, 216, 216, 0.57);}
.artists-box li:hover p{color:#ffffff;}



.artists-headbox {
  display: flex;
  gap: 30px;
  padding: 10px;
  margin: 5px;
}
.artists-headtitle-1{width:10%;text-align:left;color:#fff;font-weight:bold; font-size:18px;}
.artists-headtitle-2{width:25%;text-align:left;color:#fff;font-weight:bold; font-size:18px;}
.artists-headtitle-3{width:65%;text-align:left;color:#fff;font-weight:bold; font-size:18px;}

.artists-headbox1 {
  display: flex;
  gap: 30px;
  padding: 10px;
  margin: 5px;
  background:linear-gradient(120deg, #f2a322 0%, #f01569 100%);border:1px solid #fff; border-bottom:2px solid #fff;
  border-radius:8px;
}
.artists-headbox1:hover{background:linear-gradient(120deg, #eb485c 0%, #a1387a 100%);border-bottom:2px solid #fff;}
.artists-doc-1{width:10%; padding-left:2%; text-align:left;color:#ffffff; font-size:18px;}
.artists-doc-2{width:25%;text-align:left;color:#ffffff; font-size:18px;}
.artists-doc-3{width:65%;text-align:left;color:#ffffff; font-size:16px;}




#schedule{
  background:linear-gradient(120deg, #27aae1 0%, #4f269b 100%);
  padding: 60px 0px 110px;
  margin: 0px;
  position: relative;
  overflow: hidden;
}
#schedule h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 20px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#schedule p{color:#fff; margin-bottom:10px;}
#schedule .day-schedule{margin-top:40px; }

#schedule h3 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 20px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#schedule h5{
  width: 60%;
  margin: 0px auto;
  text-align: center;
  color: #fff;
  font-size:24px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}

.schedule-box {
  display: flex;
  margin: 0px;
  padding: 6px;
  flex-direction: column;
  border: 1px solid #EBEBEB;
  border-radius: 10px;
}
.schedule-headbox {
  display: flex;
  gap: 30px;
  padding: 10px;
  margin: 5px;
}
.schedule-headtitle-1{width:13%;text-align:center;color:#fff;font-weight:bold; font-size:18px;}
.schedule-headtitle-2{width:29%;text-align:center;color:#fff;font-weight:bold; font-size:18px;}
.schedule-headtitle-3{width:29%;text-align:center;color:#fff;font-weight:bold; font-size:18px;}
.schedule-headtitle-4{width:29%;text-align:center;color:#fff;font-weight:bold; font-size:18px;}

.schedule-headbox1 {
  display: flex;align-items: center; justify-content:center;
  gap: 30px;
  
  margin: 5px;
  background:linear-gradient(120deg, #221cae 0%, #27aae1 100%);border:1px solid #fff; border-bottom:2px solid #fff;
  border-radius:8px;
}
.schedule-headbox1:hover{background:linear-gradient(120deg, #221cae 0%, #000 100%);border-bottom:2px solid #fff;}
.schedule-headbox1 p{color:#ffffff; font-size:14px; font-weight:400;}
.schedule-doc-1{width:13%; text-align:center;color:#ffffff; font-weight:bold; font-size:16px; padding: 10px;}
.schedule-doc-2{width:29%; text-align:center;color:#ffffff; font-weight:bold; font-size:16px; padding: 10px;}
.schedule-doc-3{width:29%;text-align:center;color:#ffffff; font-weight:bold; font-size:16px; padding: 10px;}
.schedule-doc-4{width:29%;text-align:center;color:#ffffff; font-weight:bold; font-size:16px; padding: 10px;}



/*----footer ----*/
footer{display:flex;flex-direction:column; margin:0px; padding:40px 0px 10px; position:relative; background:#0a5897;     z-index: 1;}
footer::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: url(../images/2024/01/footer-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
}
.footer-newsletter{display:flex; gap:30px; margin:0px; padding:30px 0; position:relative;}
.footer-newsletter-left{width:100%; margin:0px; padding:0px; position:relative;}
.footer-newsletter-left h2{width:100%; font-size:52px; line-height:65px;  color:#ffffff;}
.footer-newsletter-left p{width:100%; font-size:14px; padding-top:10px;  color:rgba(255, 255, 255, 0.64);}
.footer-newsletter-right{width:100%; margin:0px; padding:0px; position:relative;}
.footer-newsletter-right .footer-form-box{display:block;width: 100%; margin-bottom:10px;}
.footer-newsletter-right .footer-form-box input, textarea {
	border:0px;
    border-bottom:1px solid rgba(255, 255, 255, 0.21);
    height:45px;color:#fff;
    padding-left:4px;
    width: 100%; 
    font-size:16px;
    background:none;
    outline: none;
    text-align: left;
}
.footer-form-box input::placeholder {color:rgba(255, 255, 255, 0.69); font-size:16px;}
.footer-form-box input:focus {border-bottom:1px solid rgba(255, 255, 255, 0.21);}
.footer-form-box .submit-now {display:flex; width: max-content; margin-top:20px; float: right; background:none; border:0px;}
.footer-form-box .submit-now img{width: auto;height: 12px;margin-left: 7px;}

.footer-section {
    margin: 0px;
    padding: 0px;
    display: flex;gap:30px;
    position: relative;
	border-top:1px solid rgba(255, 255, 255, 0.21);
}
.footer-about{
    width:47%;
    margin: 0px;
    padding-right:4%;
    display: flex;
    flex-direction: column;
}
.footer-about img {
    width:100px;
    margin:20px 0 20px;
    padding: 0px;border-radius:8px;
}
.footer-about p {
  color: #ffffff;
  font-size: 12px;
  position: relative;
}

.footer-links{width:100%;margin:50px 0px 0; padding:0px;display: flex; justify-content: space-between;}
.footer-navbox{width:auto;} .footer-nav-des{display:block;}.footer-nav-mob{display:none;}
.footer-navbox h4{font-size:16px;font-weight: 400;color: #ffffff;padding-bottom: 10px;margin:0px;}
.footer-navbox ul{display: block;margin: 0px;padding: 0px;}
.footer-navbox li{display: block;padding: 0px;list-style: none;}
.footer-links a{display:block;font-size:14px;   margin:0px;padding:5px 0px;color:#ffffff;}
.footer-links a:hover{color:#e1e1e1;}
.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}
.footerbox a .fa{padding-right:7px;}


.footer-soc li{padding-left:25px; position:relative;}
.footer-navbox li .fa{position:absolute; left:0px; top:10px;}

.copyright {
	margin-top:20px;padding-top:20px; margin-top:50px; border-top:1px solid rgba(255, 255, 255, 0.21);
    font-size: 16px;
    display: flex;color:#ffffff;
    width: 100%;justify-content: space-around;
}
.footer-about .wiki {
    width:90%;margin-top:20px;
}
.footer-about .wiki ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.footer-about .wiki li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.footer-about .wiki li a {
    color:#fff;border:2px solid #eb485c;
    display: block;background:#eb485c;
    border-radius:100%;
    width:35px;
    height:35px;
    line-height:30px;
    font-size:18px;
}
.footer-about .wiki li a:hover{background:#ffffff; color:#000;}
.copyright .wh{
    width:100%;
    text-align:center;
}
.copyright .wh a{color:#f1a29d;}

.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}
 

.footer-bottom-mob {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  border-radius: 24px 24px 0px 0px;
  border: 1px solid #E0E0E0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, #FFF 100%);
  box-shadow: 0px -10px 57.3px -10px rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(26.200000762939453px);
  display: none;
}
.navigation-mobile-link {
  height: 60px;
  color: #1E1E2F !important;
  text-align: center !important;
  justify-content: center !important;
  flex-grow: 1 !important;
  flex-direction: column !important;
  display: flex !important;
  text-decoration: none;
  border-right: 0px solid #ffffff;
}
.navigation-mobile-link {
  color: #1E1E2F !important;
  text-align: center !important;
}
.navigation-mobile-link .mx-auto {
  margin-left: auto !important;
  width: auto;
  height:24px;
  margin-right: auto !important;
}
.f-12 {font-size:12px; color:#000;  padding-top:1px;}
.footer-bottom-mob .phone-bottom img{height:65px; margin-top: -43px;}


.get-an-estimate{position: fixed;bottom:30px;right:30px;z-index: 800;cursor: pointer;background-color:#00accd;border-radius: 81px;padding:3px 20px 3px 1px;font-weight: 500;width:max-content;text-align: center; border-bottom: 4px solid #000000; box-shadow: 0 10px 20px rgb(232 164 105 / 20%), 0 5px 10px rgb(232 164 105 / 10%);}
.get-an-estimate a{color:#ffffff !important; height: 40px;display: flex;width: 100%;align-items: center;}
.get-an-estimate img{vertical-align:middle;  padding:6px;   width:40px; height:40px; margin:0 2px 0px 3px;}
.get-an-estimate:hover{border-bottom:4px solid #00accd; background-color:#00accd;}
 

.mob-head-button{display:none;}
#button {
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index:999;
  -webkit-animation: button-top 4s ease-in-out infinite alternate;
  animation: button-top 4s ease-in-out infinite alternate;
}
 
#button:active {
  background:#fff; border:1px solid #0161FE;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/*----END footer ----*/

/*---------END Header------- */
.get-started-m a {color:#fff;background: #000000;font-size:13px;border-radius:5px;padding:5px 7px;border: 1px solid #000000;}
.mob-head-button{display:none;}
.m-searchbox{display:flex;align-items: center;justify-content: center;width:auto;}
.mob-phone{display:flex;align-items: center;justify-content: center;width:auto;} 
.get-started-m{display:flex;align-items: center;font-family:Inter Medium;width: auto;}.get-started-m a{color:#ffffff; background: #000000;font-size: 13px; border-radius: 5px;padding:5px 7px; border: 1px solid #000000;}
.get-started-m a:hover{color:#ffffff; background:#000000;}
/*---------END Header------- */


@media screen and (max-width:880px) {
#enquiry-bottom-all{display:none;}
	
.slider-des{display:none !important;}.slider-mob{display:block !important;} .iti__country-list{width:280px; overflow-x:hidden;}
.mob-head-button{display:flex; margin:0px; gap:10px; right:15px;top:14px;position: absolute; align-items: center;justify-content: center;}
.m-searchbox img{width:30px;height:auto;}	
.mob-phone img{width:30px;height:auto;}.get-started-m{display:flex;}	

.dropdown-phone1{z-index:999; right:0px; min-width:340px; padding-top:20px;}.sticky .dropdown-phone1{padding-top:8px;}
.dropdown-phone1 ul{z-index:999;}
.dropdown-phone1 a{font-size:14px;}
/*---------END Header------- */
.page-header{display:none !important;}
.m-search-box{display:flex;display: flex;align-items: center;justify-content: center;}
.m-search-box img {width: 25px;height: 25px;}
.m-phone{display:flex;display: flex;align-items: center;justify-content: center;}
.m-phone img {width: 25px;height: 25px;}
#header-id{height:70px; width: 100%;  padding:1px 0;}.headerSecondry{height:auto;}
 .headerTertiary{display:none !important;}  
.logo-m > img{max-width:110px; display:block;  transform: translateY(-10px);   z-index: 6;background: #fff;border-radius:7px;padding: 8px;}
 
 .sticky .logo-m > img{transform: translateY(-1px); max-width: 91px;}
 .sticky .logo-d > img{max-width:134px; transform: translateY(17px); z-index: 666;}
.sticky{backdrop-filter:none; height:60px !important;}
/*---------END Header------- */

.midbox-inner {margin: 0 auto;max-width:100%;width:100%; }
.wiki-mk {padding-left:20px;padding-right:20px;}

 .home-slider-doc{width:95%;}
.hometop-section h1{font-size:20px; padding-bottom:15px;}
.hometop-section-button{gap:10px;}
.hometop-section-button .get-in-touch{margin:0px; font-size: 12px; padding:7px 10px;}
.get-in-touch img{height: 12px; }
 .get-to-know{font-size: 12px;  padding:10px 10px 10px 40px; margin:0px;}.get-to-know img{width:27px !important;  left: 5px;
  top: 7px;}
  
.home-slider{flex-direction: column; gap:10px; margin-bottom: 25px;}
.home-slider-left{width:100%;}.home-slider-right{width:100%;}
.home-slider-left h1{font-size:30px;}.home-slider-left h1 span{margin-bottom:0px; color: #000; display:inline-block;}
.home-slider-right p{font-size:16px;}
#home-slider-bottom{padding:20px 0px 20px;}
#home-slider-bottom ul{flex-direction: column;}#home-slider-bottom li{flex: 0 0 100%; width: 100%; margin-bottom:10px; padding:15px;}
#home-slider-bottom li h2{font-size:20px;}#home-slider-bottom li p{font-size:14px; margin-bottom:20px;}#home-slider-bottom li img{width:100%;}.home-slider-img{object-fit:cover;  height:100%;}

 #home-slider-bottom h2{font-size:25px;}
 #home-festival-highlights h2{font-size:25px; padding: 0px 0px 20px;}
 #top-festival{padding:0px 20px;}
.highlights-no img{object-fit:cover;  height:300px;}
.highlights-no ul{ flex-wrap: wrap; padding: 0px 20px; left:0px;}
.highlights-no  li {flex: 0 0 auto;width: 50%;}
.highlights-no  h3 {font-size: 40px;}
.highlights-no  p {width: 100%;font-size:12px !important;}

#home-about{padding:60px 0px;}
#home-about h2{font-size:30px; padding: 0px 0px 20px;}
.home-about{flex-direction: column; gap:20px;}
.home-about-left{width:100%;}.home-about-right{width:100%;}.home-about-right h3{font-size:25px; line-height:30px; margin: 0px 0px 10px;}
.home-about-right h4{font-size:18px;  margin: 0px 0px 10px;}.home-about-right p{font-size:14px;}

.home-about-right ul li{font-size: 14px;}

#home-gallery h2{font-size:30px; padding: 0px 0px 20px;}

#testimonials-wiki{padding:60px 0px 60px;}
#testimonials-wiki h2{font-size:28px; padding-bottom:20px;}
.testimonials-text h4 img{height:20px;}
#testimonials-video{padding-left:20px; padding-right:20px;}
.item-testimonials{margin:0px;}
.item-testimonials::before{width:40px;height:40px;}.item-testimonials{padding-left:45px;}
.testimonials-text{padding-left:65px; height:50px;}.testimonials-img img{width:50px !important;height:50px; top:-2px;}.testimonials-text h3{font-size:16px;}.testimonials-text h4{font-size:12px;}

/*----About ---*/
.about-page-head{flex-direction: column;}.about-page-headleft{width:100%;padding-right:0%;}.about-page-headright{width:100%;margin-top:40px;}.about-page-headleft h1{width:100%;font-size:30px;}.about-page-headleft p{font-size:14px;}
#our-excellence h2{width:100%;font-size:30px;}#our-excellence ul{flex-direction: column;}
#our-excellence li{width:100%;}#products-user h2{width:100%;font-size:30px;}
#about-product {margin-top: 20px;padding:0 20px;}.about-question-box{flex-direction: column;}
.about-question-box li{flex: 0 0 100%;}.about-question-box li h2{width:100%;font-size:25px;}.about-question-box li p{font-size:14px;}.about-question-box li .arrow-icon{top:18px;}
/*----END About ---*/

/*---- artists ---*/
#artists h2{font-size:30px;}#artists h5{width:100%; font-size:18px; padding:0px 0px 20px;}
.artists-headbox{display:none;}
.artists-box ul {flex-direction: column; gap:10px;}
.artists-box li{width:100%;}
.artists-headbox1{flex-direction: column; gap:10px;}
.artists-doc-1{width:100%; font-size:14px;}.artists-doc-2{width:100%; font-size:14px;}.artists-doc-3{width:100%; font-size:14px;} 
/*---- artists ---*/

/*---- Schedule ---*/
#about-kafila h1{width:100%; font-size:30px;}
#about-kafila p{width:100%;font-size:14px;}
#schedule h2{font-size:30px;}#schedule p{font-size:14px;}
#schedule h3{font-size:25px; padding:20px 0px 20px;}
.schedule-headbox{display:none;}.schedule-headbox1{flex-direction: column; gap:0px;}
.schedule-doc-1{width:100%; font-size:14px;}.schedule-doc-2{width:100%; font-size:14px;}.schedule-doc-3{width:100%; font-size:14px;}.schedule-doc-4{width:100%; font-size:14px;}
/*----Schedule END ---*/

/*---- Contact ---*/
#contact-us-section h1{width:100%;font-size:30px; padding: 0px 0px 0px;}#contact-us-section p{width:100%;font-size:14px;}
.contact-us-section{flex-direction: column;}.contact-section-left{width:100%; padding:40px 15px;}
.contact-section-left .contact-us-form{flex-direction: column;}
.contact-section-right{width:100%; padding:40px 15px;}.contact-section-right p{margin-bottom:30px !important;}
#map-section h2{width:100%;font-size:30px; padding:0px 0px 30px;}
/*----END Contact ---*/
 


/*------Footer-----*/
.footer-newsletter{flex-direction: column; gap:0px;}.footer-newsletter-left h2{font-size:30px;line-height:40px;}
.footer-newsletter-right{margin-top:25px;}

.footer-section{flex-direction: column; gap:0px;}.footer-about{width:100%; padding-right:0%; padding-bottom:20px; border-bottom:1px solid #ffffff;}.footer-navbox h4{font-size:16px;}.footer-links{flex-direction: column; margin:0px 0px 0;}.footer-navbox{margin:12px 0 0px;}.copyright{flex-direction: column;border-top:0px;  padding-bottom:60px; margin-top:10px; font-size: 14px;}.copyright .wiki{width:100%; margin-bottom:14px;}.copyright .wiki ul{justify-content: center;}.copyright .wh{width:100%; text-align: center;}.footerbox{display:none; }  .footer-navbox ul{display:none; padding-top:10px;}.but{cursor:pointer; position:relative; border-bottom:1px solid #fff;} .but .fa-chevron-down{display: flex;position: absolute;right:8px;top:0px;}.footer-bottom-mob{display:flex;}
#button{display:none;}.footer-nav-des{display:none;}.footer-nav-mob{display:block;}
/*------END Footer-----*/
 

}