body {
	font-family: Poppins, sans-serif
}

html,
body {
	scroll-behavior: smooth !important;
	overflow-x: hidden;
}

/* .navbar {
	z-index: 99;
    position: absolute;
    top: 60px;
    right: 50%;
    transform: translate(50%, -50%);
    width: 90%;
    background-color: rgba(6, 32, 54,0.7);
} */

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FA854F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  

.navbar-light .navbar-toggler {
	border: none;
}

.nav-item a {
	font-size: 18px;
	font-weight: 500;
}

.video-hero {
	height: 700px;
	object-fit: cover;
}

.container-custom {
	max-width: 1600px !important;
	padding: 0px 30px;
}

.left-div,
.right-div {
	background-color: rgba(249, 166, 166, 0.5);
	/* Semi-transparent background */
	color: white;
	padding: 10px;
	border-radius: 5px;
}

.hero-title {
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
}

.overlay-hero {
	background: #0009;
/* 	height: 700px !important; */
}

.hero-para {
	font-size: 32px;
	line-height: 51.2px
}

.btn-hero {
	background: rgb(230, 68, 1);
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	transition: .2s all ease;
	color: #000;
	box-shadow: 0 0 10px #00000040;
	cursor: pointer;
	border: none;
	border-radius: 13px;
	min-width: 360px;
	padding: 16.4px;
	font-size: 32px;
}
.btn-hero:hover{
	background:rgb(6, 32, 54)!important; 
}

.full-bg {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: -1;
	flex-direction: column;
	overflow: hidden;
	background: #f6fcfd;
}

.dynamic-heading {
	color: #082F7B;
	font-size: 54px;
	line-height: 64.8px;
	font-weight: 700;
}

.dynamic-para {
	color: rgb(6, 32, 54);
	font-size: 32px;
	line-height: 51.2px;
}

.tab-video {
	display: none;
	width: 100%;
}

.tab-video.open {
	display: block;
}

.tab-cont {
	display: none;
}

.tab-cont.open {
	display: block;
}

.tabs-btns .tab {
	cursor: pointer;
	text-align: center;
}

.tab-video div {
	width: 100%;
	border-radius: 30px;
	box-shadow: 0 10px 10px #00000040;
	overflow: hidden;
	background: #fff;
}

.tab-button {
	font-size: 25px;
	line-height: 41.6px
}

.tab-open.open {
	font-weight: 700;
	border-bottom: 2px solid #FA854F;
}

.tab-cont p {
	font-size: 21px;
	line-height: 33.6px;
}

.read-more {
	text-decoration: none;
	font-size: 21px;
	font-weight: 700;
	line-height: 33.6px;
	text-decoration: none;
	color: #082F7B;
}

.read-more:hover {
	color:#e64401;
}

.youtube-img {
	width: 160px;
	vertical-align: middle;
}

.youtube-text {
	font-size: 25px;
	line-height: 41.6px;
}

.book-sec {
	background: url(../assets/Focus-Strip-light.png), linear-gradient(#082F7B, #1451cc);
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding: 1rem 1rem 2rem;
	text-align: center;
}

.book-sec-para {
	font-size: 54px;
	font-weight: 700;
	line-height: 64.8px
}

.btn-book {
	background: rgb(230, 68, 1);
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	transition: .2s all ease;
	color: #000;
	box-shadow: 0 0 10px #00000040;
	cursor: pointer;
	border: none;
	border-radius: 13px;
	min-width: 360px;
	padding: 16.4px;
	font-size: 32px;
}


.testimonials-wrap {
	background: url(../assets/testimonials-bg.png), linear-gradient(180deg,#052033, #1B2233);;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	color: #fff;
}


.testi-heading {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.client-name {
	font-size: 24px;
	line-height: 38.4px;
	font-style: italic;
}


.carousel-indicators {
	position: relative;
	top: 30px;
}

.tab.btn.tab-button:hover {
  color: #000;
}

#testimonialsCarousel {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.logo-certify1 {

	width: 100%;
	max-width: 200px;

}

.logo-certify2 {

	width: 100%;
	max-width: 130px;

}

.logo-certify3 {

	width: 100%;
	max-width: 400px;

}


/* General dot styles */
.carousel-indicators button {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
	/* Make dots circular */
	background-color: #cccccc;
	/* Default dot color */
	border: none;
	/* Remove border */
	transition: background-color 0.3s ease;
	/* Smooth transition for hover/active state */
	opacity: 0.6;
	/* Slightly transparent by default */
}

.carousel-indicators button:hover,
.carousel-indicators button:focus {
	background-color: #fff;
	/* Change color on hover/focus */
	opacity: 1;
	/* Fully opaque on hover */
}

.carousel-indicators .active {
	background-color: #fff !important;
	/* Active dot color */
	opacity: 1;
	/* Fully opaque */
}

/* Adjust positioning of dots (optional) */
.carousel-indicators {
	bottom: 20px;
	/* Adjust vertical position */
	gap: 8px;
	/* Space between dots */
}
.full-bg img {
  width: 100%;
  mix-blend-mode: multiply;
}

.image-box img {
	border-radius: 15px;
}

.image-box h3 {
	color: #082F7B;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

.blog-item-txt {
	font-size: 12px;
    line-height: 18px;
}

.blog-btn {
	border-radius: 5px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #555555;
	min-width: 200px;
	display: inline-block;
	font-weight: 600;
	color: #fff;
	background:#062036;
}

/* .footer {
	background: linear-gradient(0deg, #062036, #062036 218.33%);
	box-shadow: 0 0 16px #e64401;
} */

.footer-items {
	font-size: 20px;
}

.footer-items:hover {
	color: #000;
}

.small-footer-link {
	font-size: 16px;
	color: #000;
}

.blog-btn:hover {
	color: #062036;
  background: #e64401;
border:none;
}

.blog-sec {
	padding-bottom: 100px;
}

.footer-logo img {
	width: 100%;
	max-width: 300px;
}

.container-custom-footer{
  max-width: 1500px !important;
}

.btn.btn-white:hover {
  color: #34d5e2;
}

.blog-single p {
  font-size: 21px;
}
/* .nav-btn {
background:#E64401;
font-size: 18px;
padding: 13px 25px;
border-radius: 6.7px;
border: none;
font-weight: 600;
	color:#000;
} */

/* .nav-btn:hover{
	background:rgb(6, 32, 54)!important; 
} */
.navbar-toggler:focus {
  box-shadow: 0 0 0 0;
}

.navbar-light .navbar-nav .nav-link {
	color: #E64401;
  }
  .navbar-light .navbar-nav .nav-link:hover {
	color: rgb(72, 230, 240);
  }
.navbar-light .navbar-nav .nav-link.active{
	color:#fff !important;
}
  .navbar-light .navbar-nav .navbar-light .navbar-nav .show > .nav-link {
	color: #fa0085;
	border-bottom: 2px solid #fa0085;
  }


  .footer-p {
	padding: 0 30px;
  }




  /* solution */
  .container-custom-page{
	max-width: 1550px !important;
  }
  .container-custom-solution{
	max-width: 1480px !important;
  }
.page-title{
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
	color: #000;
	border-bottom: 3px solid #FA854F;
}
.solution-video-title{
	font-size: 40px;
	line-height: 54px;
	color: #555;
	font-weight: 700;
}
.solution-btn {
	border-radius: 5px;
	border: 1px solid #555555;
	padding: 10px 22px;
    color: #000;
  }
  .play-icon{
	color: #555555;
  }

  .solution-para {
	font-size: 21px;
	line-height: 33.6px;
	color: #000;
  }
.highlight{
	color: #FA854F;
}
.adver-heading{
	font-size: 50px;
	font-weight: 700;
	line-height:1.3;
}
.adver-title {
	font-size: 50px;
	font-weight: 700;
	line-height:1.3;
  }
  .btn:hover {
	color: #fff;
  }
  .adver-box{
	background: #34d5e2;
	border-radius: 10px;
    padding: 30px;
    color: #fff;
  }
  .see-more-btn{
	font-size: 26px;
	font-weight: 700;
	line-height: 41.6px;
  }
  .sort-right-icon{
	width: 100%;
	max-width: 20px;
  }
  .sort-right-icon{
	width: 100%;
	max-width:17px;
	height:17px;
	object-fit: cover;
  }
.sort-right-div{
	top:8px;
}


/* publisher */
.publisher-heading{
	font-size: 54px;
	font-weight: 700;
	line-height: 64.8px;
	color: #555;
  }
  .dashboard-para{
	font-size: 26px;
	line-height: 41.6px;
  }
  .border-end{
	border-inline-end: 3px solid #bfbfbf;
  }
  .rounded-border{
	border-radius: 20px;
  }
  .seamless-para{
	font-size: 21px;
	line-height: 1.4;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
  }
  
  .btn-white {
	background: #fff;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	transition: .2s all ease;
	color: #34d5e2;
	box-shadow: 0 0 10px #00000040;
	cursor: pointer;
	border: none;
	border-radius: 13px;
	min-width: 360px;
	padding: 16.4px;
	font-size: 32px;
  }
  .book-smaller-title {
	font-size:45px;
	font-weight: 700;
	line-height: 1.3;
	color: #555;
  }

  .book-sec-smaller-heading{
	font-size: 45px;
	font-weight: 500;
	line-height: 1.3;
  }

  .advertisers-ani{
	font-size:30px;
	line-height:1.5;
	color: #000;
  }
  .pink {
	color: #FA854F;
  }
  .counter {
	font-size: 160px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 0px;
  }
  .bar-part:nth-child(1) .bar {
	background: #ec79b2;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	color: #760039;
  }
  .btn-white-demo:hover{
	color: #000;
  }
    .btn-white-demo a:hover{
	color: #fff !important;
  }



/* advertisers */

  .advertisers-ani{
	font-size:30px;
	line-height:1.5;
	color: #000;
  }
  .pink {
	color: #ff007a;
  }
  .counter {
	font-size: 160px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 0px;
  }
  .bar-part:nth-child(1) .bar {
	background: #ec79b2;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	color: #760039;
  }
  .btn-white-demo:hover{
	color: #44e5ef;
  }
  .btn-white-demo a:hover{
	color: #44e5ef;
  }

  .bar-wrap{
	display: grid;
    grid-template-columns: 22% 19% 15% 15% 10% 10% 6%;
  }
  .bar-part:nth-child(2) .bar {
	background: #db7bf8;
     color: #560065;
  }
  .bar-part:nth-child(3) .bar {
	background: #b482f7;
  color: #3d007e;
  }
  .bar-part:nth-child(4) .bar {
	background: #9d7ef7;
  color: #2a0088;
  }
  .bar-part:nth-child(5) .bar {
	background: #7a7cf7;
  color: #0200a7;
  }
  .bar-part:nth-child(6) .bar {
	background: #7d8ff7;
  color: #00178e;
  }
  .bar-part:nth-child(7) .bar {
	background: #7fabf8;
  color: #00388c;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  }
  .bar-part .bar {
	font-size: 20px;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .bar-logos img{
	padding-left: 30px;
    padding-right: 30px;
  }
 .featured-blog-txt .pill {
	height: 32px;
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding: 7px 20px;
	font-weight: 700;
	background: #ff007a;
  }
  .featured-blog-img{
	border-radius: 15px;
  }
  .featured-blog-title{
	font-size: 40px;
	font-weight: 700;
	color: #555;
	line-height: 1.35;
  }
  .featured-blog-text{
	font-size: 21px;
  }
  .power-title{
	font-size: 54px;
	color: #555;
	font-weight: 700;
  }
  .power-text{
	font-size: 26px;
  }

  .circle-container {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: center;
}

.circle {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle2 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.circle-progress{
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: conic-gradient(
		#ff00ff calc(var(--percentage) * 1%),
		#e4dfee calc(var(--percentage) * 1%)
	);
	mask: radial-gradient(farthest-side,#0000 calc(99.8% - 40px),#000 calc(100% - 40%));
}
.circle-progress2{
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: conic-gradient(
		#c623ff calc(var(--percentage) * 1%),
		#e4dfee calc(var(--percentage) * 1%)
	);
	mask: radial-gradient(farthest-side,#0000 calc(99.8% - 40px),#000 calc(100% - 40%));
}
.circle-content {
	position: absolute;
	text-align: center;
	z-index: 999;

}

.circle-content h2 {
	margin: 0;
	font-size: 84px;
	color: #ff00ff;
	font-weight: 700;
}
.circle-content2{
	color: #c623ff;
}

.circle-content p {
	margin: 0;
	font-size: 21px;
	color: #000;
}
.book-btn-wrap {
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
  }
  .advertisers-item {
	display: flex;
	padding-bottom: 2rem;
  }
  .advertisers-txt {
    font-size: 60px;
	line-height: 1.2;
  padding-right: 23px;
  color: #555;
  font-weight: 700;
  flex: 0 0 542px;
  }
  .advertisers-small-txt{
	font-size: 26px;
	line-height: 41.6px;
	position: relative;
	padding-left: 3.5rem;
  }
  .advertisers-small-txt::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 90%;
	border-radius: 3px;
	background: #ff007a;
	left: 0;
	bottom: 5%;
  }


  /* contact */
  .container-custom-contact{
	max-width: 1400px !important;
  }
  .contact-head{
	font-size: 32px;
font-weight: 700;
line-height: 51.2px
  }
  .contact-para1{
	font-size:26px;
	line-height:41.6px;
  }
  .contact-mail{
	color: #1E8594;
	font-size: 26px;
	font-weight: 700
  }
.contact-head2{
	font-size: 54px;
font-weight: 700;
line-height: 64.8px;
}
.contact-para2{
	font-size: 21px;
	line-height: 33.6px;
}
.share-link img {
	height: 100%;
	width: 100%;
	max-width: 50px;

  }



      .page-title-legal{
         font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  color: #000;
      }
      .legal-sec p{
         font-size: 26px;
         line-height: 41.6px;
         color: #000
      }


	  .contact-form{
		background: #ffffff67;
		border-radius: 10px;
		backdrop-filter: blur(2px);
		box-shadow: 0 0 10px #0000002e;
		text-align: center;
		margin: 0px 40px;
	padding: 10px 20px;
	  }
	  .cus-input input, textarea{
		background: #ebebeb;
		border-radius: 5px;
		border: none;
		color: #0b1330;
		width: 100%;
		padding: 13px;
		font-size: 18px;

	  }
      .wpcf7-form-control {
      width: 100%;
      }
      
      
    .form-btn {
  background: linear-gradient(180deg,#062036 .43%,#062036 126.74%);
  width: 100%;
  border-radius: 13px;
  min-width: 360px;
  padding: 16.4px;
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

/* Style for labels */
.type-field p {
	
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap:10px;
}

.type-field label {
    display: inline-block;
    padding: 15px 60px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #eaeaea;
    color: #000;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-grow: 1;
}
/* .type-field label {
  display: inline-block;
  padding: 15px 60px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #eaeaea;
  color: #000;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  transition: all 0.3s ease;
} */

/* Hide the default radio button */
.type-field input[type="radio"] {
  display: none;
}

/* Highlight the selected label */
.type-field input[type="radio"]:checked + label {
  background: #082F7B;
  color: #fff;
  font-weight: 700;
  border: none;
}

   
 .link-animation {
  text-align: center;
  color: #212529;
  width: 250px;
  transition: all .2s ease;
}


   .flux-item.active {
  color: #e64401; /* Example background change */
  transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.icon-hover {
  position: absolute;
  opacity: 0;
  transition: all .2s ease;
}
.link-animation:hover {
  font-weight: 700;
  color: #E64401;
}
.link-animation:hover .icon-hover {
  opacity: 1;
}
.link-animation-para{
   font-size: 26px;
font-weight: 700;
line-height: 41.6px;
}
  .flux-heading {
    font-size: 40px;
    line-height: 54px;
    font-weight:700;
  }

  .flux-para {
    font-size: 26px; 
    line-height:41px; 
  }
  
  #canv{
   opacity: 0.3;
  z-index: 0;
}


.adver-box {
  background: url(../assets/Focus-Strip-light-pub.png),linear-gradient(#4ae8f2,#2cd5e0);
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 1rem;
  text-align: center;
}

.post_title{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
}

.blog-item-txt p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-height: 1.4;
}

.btn.btn-book.btn-books:hover {
  color: #000;
}


/* percentange */

  .grap-wrap {
	background: url("../assets/graph.svg");
    background-repeat: repeat;
	background-position: center -20px;
	background-repeat: no-repeat;
	margin-bottom: -100px;
}

.grap-item:nth-child(1) .per-text {
	color: #760aba;
	font-size: 40px;	
}  
.grap-item:nth-child(2) .per-text {
	color: #5828b8;
	font-size: 40px;	
}  
.grap-item:nth-child(3) .per-text {
	color: #4745ca;
	font-size: 40px;	
}  
.grap-item:nth-child(4) .per-text {
	color: #3165d5;
	font-size: 40px;	
}  
.grap-item:nth-child(5) .per-text {
	color: #1a83e0;
	font-size: 40px;	
}  
.grap-item:nth-child(6) .per-text {
	color: #06a0eb;
	font-size: 40px;	
}  

.per-text {
	line-height: 1.35;
	font-size: 40px;	
}  

/* Keyframe animation for scale and opacity */
@keyframes scaleOpacity {
    0% {
        transform: scale(1);
        opacity: 0; /* Initially invisible */
    }
    50% {
        transform: scale(1.1);
        opacity: 0.5; /* Partially visible */
    }
    100% {
        transform: scale(1);
        opacity: 1; /* Fully visible */
    }
}

/* Apply animation to each grap-item with delay */
.grap-item:nth-child(1).animate-highlight {
    animation: scaleOpacity .9s ease-in-out;
    animation-delay: .3s; /* Delay for synchronization */
    animation-fill-mode: forwards; /* Ensures final state is retained */
}
.grap-item:nth-child(2).animate-highlight {
    animation: scaleOpacity .9s ease-in-out;
    animation-delay: .8s;
    animation-fill-mode: forwards;
}
.grap-item:nth-child(3).animate-highlight {
    animation: scaleOpacity .9s ease-in-out;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
}
.grap-item:nth-child(4).animate-highlight {
    animation: scaleOpacity .9s ease-in-out;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
}
.grap-item:nth-child(5).animate-highlight {
    animation: scaleOpacity .9s ease-in-out;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
}
.grap-item:nth-child(6).animate-highlight {
    animation: scaleOpacity 2s ease-in-out;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
}




.grap-item:nth-child(1){

	margin-top: 175px;
}
.grap-item:nth-child(2){

	margin-top: 125px;
}

.grap-item:nth-child(3){

	margin-top: 80px;
}

.grap-item:nth-child(4){

	margin-top: 60px;
}

.grap-item:nth-child(5){

	margin-top: 0px;
}
.grap-item:nth-child(6){
	margin-top: -30px;
}

.para-per{
  font-size: 15px;
  line-height: 24px;
}


.opengrap .grap-item {
	opacity: 1;
	transform: translateY(0);
  }
  .grap-item:nth-child(1) .grap-oval{
	background: linear-gradient(75deg,#760aba 7.83%,#681dbf 87.05%);
	-webkit-filter: drop-shadow(0px 0px 20px rgba(0,0,0,.25));
  }
  .grap-oval {
	border-radius: 100%;
	color: #fff;
	height: 100px;
    width: 100px;
    padding-top: 30px !important;
	font-size: 26px;
  }


  .grap-item:nth-child(2) .grap-oval {
	background: linear-gradient(72deg,#5828b8 12%,#5039c4 88.74%);
  }
  .grap-item:nth-child(3) .grap-oval {
	background: linear-gradient(87deg,#4745ca 1.91%,#3957ce 97.9%);
  }
  .grap-item:nth-child(4) .grap-oval {
	background: linear-gradient(86deg,#3165d5 5.78%,#237ade 96.69%);
  }
  .grap-item:nth-child(5) .grap-oval {
	background: linear-gradient(75deg,#1a83e0 7.83%,#0e93e3 92.31%);
  }
  .grap-item:nth-child(6) .grap-oval {
	background: linear-gradient(75deg,#06a0eb 7.83%,#48b9e9 92.31%);
  }
  
  
  .solution-btns:hover .solution-btn {
  background: #ff007a;
  border-color: #ff007a;
  color: #fff;
  font-weight: 700;

  }

.btn-close {
  color: #fff;
 
}

.modal-header {
  border-bottom: none;

}

.popup-video {
  height: 100%;
  object-fit: cover;

}

.modal-content.popup-content {
background-color: #0000 !important;
  border: none !important;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
  top: 60px;
}

.blog-btn-app{
	border-radius: 5px;
    font-size: 14px;
    padding: 10px;
    border: 2px solid #662d91;
    min-width: 200px;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    background-color: #662d91 !important;
}
.blog-btn-app{border: 2px solid #fff;
    color: #fff !important;
	background-color: #662d91 !important;}

.btn-book:hover{
	background:rgb(6, 32, 54);
	border:1px solid  #E64401 !important;
	color:#E64401 !important;
}

.hero-bg {
   position: relative;
   width: 100%;
   height: 100vh; /* full screen */
   overflow: hidden;
}

.hero-image {
   background: url('./background.png') no-repeat center center;
   background-size: cover;
   width: 100%;
   height: 100%;
}