:root{
    --yellow: #ebad2a;
	--dark-yellow: #cba148;
	--light-yellow: #f7de7b;
}


/* reset css */
	*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
	img{max-width: 100%;height: auto;}
	ul,li{list-style: none;margin: 0;}
	a{text-decoration: none !important;display: inline-block;font-size: 18px;cursor: pointer; font-weight: 500;  color: #ffffffd6;}
	select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
	select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
	input::placeholder, textarea::placeholder, li {opacity: 1;color: #ffffffd6;}  
	textarea{resize: none;}
	p {color: #ffffffd6;font-size: 16px;margin: 15px 0;text-align: justify;  line-height: 1.5; letter-spacing: 0.3px;}

	iframe{width: 100%;height: 100%;border: none;}

	h1{font-size: 32px;color: #ebad2a; font-weight: 500;}
	h2{font-size: 28px; font-weight: 500;color: #ebad2a; padding: 0 0 20px;}
	h3{font-size: 26px; font-weight: 500;color: #ebad2a;}
	h4{font-size: 24px; font-weight: 400;}
	h5{font-size: 22px;}
	h6{font-size: 20px;}

	h2.index-h2 { font-size: 60px; text-align: left; font-weight: 600; background: linear-gradient(to left, #D76511 0%, #f48534 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	h3.index-h3 { font-size: 44px; }

	h2.inner-h2 { font-size: 40px; font-weight: 400; line-height: 1.4;}
	h3.inner-h3 { font-size: 30px; font-weight: 600; color: var(--orange);}
	body{background: #0a0a0a;}

	*,:after,:before, body, a, ul, li, select, input, textarea, button, input::placeholder, textarea::placeholder, p, h1, h2, h3, h4, h5, h6 {font-family: "Raleway", serif;}
/* reset css */

/* common css */
	.wrapper {width: 100%;overflow: hidden;}
	.fluid-container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
/* common css */

/*  Resp menu css  */

	html.hc-nav-yscroll {overflow-y: scroll;}
	.desk-resp-ham {display: none; z-index: 1000;}
	.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 32px;bottom: 0px;margin: auto;top: 0px;height: 25px;}
	.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 3px; right: 0; margin: 0 auto; width: 30px; opacity: 1; background: var(--dark-yellow); transition: all .25s ease;  z-index: 1;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 52%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 84%;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
	.inner-desk-ham {display: flex;}
	.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;  background: #0a0a0a;}
	.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #24293e;top: 0;left: 0;bottom: 0;}
	.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
	.desk-resp-ham .sidebar.active { left: 0px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); padding: 0px 0 120px; top: 0px;}
	.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: none;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
	.desk-resp-ham .sidebar a > img { width: 100%;max-width: 130px;background: none;border-radius: 10px}
	.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
	.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
	.nav-dropdown li a {padding: 10px 0 10px 35px !important;}
	.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px;}
	.nav-dropdown li a:hover {background: #fff;color: #24293e!important;}
	.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #fff ;border-bottom: 2px solid #fff;}
	.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { background: var(--green); color: var(--yellow) !important;  font-weight: 600;}
	.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: var(--dark-green);width: 100%; max-width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
	.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; background: none; color: #1a1a1a !important;}
	.desk-ham-menu li a.act-link::before { border-right: 2px solid #1a1a1a !important; border-bottom: 2px solid #1a1a1a !important;}
	.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
	.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
	.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
	.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
	.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
	.nav-dropdown {display: flex;flex-direction: column;gap: 0px !important;background: #8595a442;}
	.nav-dropdown li a {font-size: 14px !important;}
	.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
	.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span img { width: 100%; max-width: 15px !important; transition: 1s ease-in-out; filter: invert(1); background: none;}
	.desk-resp-ham .sidebar ul.menu li:hover > a.dropdown-span img, .desk-resp-ham .sidebar ul.menu li.act-link > a.dropdown-span img { transition: 1s ease-in-out;filter: invert(1);}
  	.nav-dropdown li {background: linear-gradient(to right, #ffb000 0%, #ffb000 100%);}
  	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span.act-link img {transition: 1s ease-in-out;filter: invert(86%) sepia(21%) saturate(3171%) hue-rotate(336deg) brightness(95%) contrast(93%);}
  	.desk-ham-menu .nav-dropdown-1 li a {padding: 10px 0 10px 50px !important; background: transparent;color: var(--dark-green) !important;font-size: 14px;position: relative;}
  	.desk-ham-menu .nav-dropdown-1 li a::before {content: "";position: absolute;left: 30px;top: 3px;}
	.resp-home.resp-link{color: var(--yellow) !important;font-weight: 600;}
/*  Resp menu css  */


/* header css */
	.header-wrapper{z-index: 1;position: relative;padding: 5px 0 0;}
	.header-inner-wrapper::before, .header-inner-wrapper::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); height: 1px; background: #d4af37;  width: calc(50% - 680px);}
	.header-inner-wrapper::before {left: 0;}
	.header-inner-wrapper::after {right: 0;}
	.header-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 100px;width: 100%;max-width: 100%;}
	.nav-links{display: flex;justify-content: space-between; align-items: center; gap: 20px; width: 100%; }
	.nav-links li a, .nav-links li span{padding: 36px 0px; color: #ffffffd6; font-weight: 500; font-size: 16px;}
	.nav-links li {position: relative;}
	.nav-links li a:hover, .nav-links li a.act-link, .nav-links li span:hover, .nav-links li span.act-link{color: var(--yellow)}
	.logo{width: 100%; max-width: 100px;}
	.logo img{width: 100%; max-width: 100px;}
	/* .header-phone a, .header-book a {padding: 4px 14px; border: 1px solid #d4af37; border-radius: 4px; color: #d4af37; font-size: 16px; position: absolute; z-index: 1;       transition: all 0.3s ease;position: absolute; top: 0;    margin: 10px 0px;}
	.header-phone a{left: 20px;}
	.header-book a{right: 20px;} */

 .nav-links li:hover .first-route{opacity: 1;visibility: visible;top: 50px;}  
.first-route{position: absolute;width: 300px;opacity: 0;visibility: hidden;top: 50px;display: block;transition: 0.5s;left: -50px;margin: auto; z-index: 3;display: flex;padding: 0px 2px;border-bottom: 0px solid var(--yellow);}
 .first-route li a{display: block;padding: 0 !important;color: #fff !important;text-transform: capitalize;}
 .first-child-route{width: 100%; max-width: 600px; display: flex;flex-direction: column;border-right: 1px solid #ffffff2e;position: relative; background: #1a1a1a;}
 .first-child-route li {
	border-image: linear-gradient(to right, #f7de7b75, #cba1488c 100%) 1;	
  border-width: 0 0 1px 0;
  border-style: solid; display: flex; justify-content: flex-start;}
 .first-child-route li:last-child {border-bottom: none;}
 .first-child-route li a{font-size: 16px !important;color: #fff;font-weight: initial !important;padding: 10px 15px !important;display: block; line-height: 1.6;margin: 0px 0;width: 100%;max-width: 100%;}
.first-child-route li a:hover, .first-child-route li a.act-link{background: linear-gradient(to right, #cba148, #f7de7b, #cba148);  color: #0e0d0d !important;}

/* header css */

/* scrolled header css */
	header.scrolled-header .header-wrapper { position: fixed; top: 0; left: 0; right: 0; z-index: 99;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #0a0a0a; border-bottom: 1px solid #ebad2aa8;}
	header.scrolled-header .header-inner-wrapper > span img, header.scrolled-header .header-inner-wrapper > span { max-width: 100px;}
	.scrolled-header .logo{max-width: 80px;}
	header.scrolled-header .nav-links li a, header.scrolled-header .nav-links li > span {padding: 28px 0; }
	header.scrolled-header .header-inner-wrapper::before, header.scrolled-header .header-inner-wrapper::after {display: none;}
/* scrolled header css */

/* Footer css */
	.footer-wrapper{background-color: #131313;padding: 30px 0px;}
	.footer-inner-wrapper img{width: 100%; max-width: 130px;}
	.footer-links ul{display: flex; justify-content: space-evenly; align-items: center; gap: 30px; padding: 30px 0px 50px; flex-wrap: wrap;}
	.contact-section{display: flex; justify-content: space-evenly; align-items: flex-start; gap: 30px; flex-wrap: wrap;}
	.contact-section li a span{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(to right, #f7de7b, #cba148);margin: 0 auto 10px;}
	.contact-section li a span img{width: 100%; max-width: 20px;}
	.footer-inner-wrapper > a{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 130px; margin: auto;}
	.footer-links ul li a{font-weight: 500;font-size: 14px;}
 	.footer-links ul li a:hover, .contact-section li a:hover, .footer-section ul li a:hover{color: var(--yellow)}
 	.contact-section li a {text-align: center; font-weight: 400;font-size: 14px; letter-spacing: 0.4px; line-height: 1.4;}
 	.copyrights-wrapper{background-color: var(--dark-yellow);}
 	.copyrights {display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 10px 0;flex-wrap: wrap;}
 	.copyrights p {font-size: 14px;color: #100f0f;margin: 0;text-align: center; font-weight: 500;}
 	.copyrights a {font-size: 14px;color: #100f0f;}
 	.copyrights a:hover{color: #fff;}
	.footer-links ul li a.act-link{color: var(--yellow);} 
/* Footer css */

/* common button css */
	.common-btn{display: flex; justify-content: center; align-items: center;}
	.common-btn a, button{display: flex; justify-content: center; align-items: center; gap: 10px; background: linear-gradient(to right, #cba148, #f7de7b, #cba148); width: 100%; max-width: fit-content; min-width: 130px;padding: 7px 15px; font-size: 18px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border: 3px solid var(--dark-yellow); color: #0a0a0a;   transition: all 0.35s ease;}
	.common-btn a:hover, .common-btn button:hover {box-shadow: 0 8px 20px rgba(212,169,65,0.5);}
/* common button css */

/* banner css */
	.banner-wrapper{position: relative; height: 100vh;     box-shadow: -1px 33px 14px -3px rgb(235 173 42 / 15%);}
	.hero-podcast{background-position:center;background-repeat:no-repeat;background-size:cover;}
	/* Reserve the final carousel geometry before Owl initializes. Without this,
	   four 100vh slides stack briefly and create a very large layout shift. */
	.banner-slider .owl-carousel.is{display:block;height:100vh;overflow:hidden;}
	.banner-slider .owl-carousel.is:not(.owl-loaded) > .banner-wrapper:not(:first-child){display:none;}
	.banner-slider .owl-carousel.is.owl-loaded{overflow:hidden;}
	[data-aos]{opacity:1!important;transform:none!important;}
	.banner-wrapper .fluid-container {height: 100%;display: flex;justify-content: center;align-items: flex-end;}
	.banner-wrapper::before{content:''; position: absolute; width: 100%; height: 100%; top: 70px; left:0; background: var(--cdn-banner-bg) no-repeat center center/cover; z-index: 1;}
	.banner-wrapper::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at center, transparent 0%, #0a0a0a 70%);}
	.banner-inner-wrapper{position: relative; z-index: 1; padding: 0 0 150px;}
	.banner-inner-wrapper h2{ text-align: center;}
	.banner-inner-wrapper p{ text-align: center;}
	.banner-slider .owl-carousel{z-index: 0;}

	.custom-pagination {display: flex; justify-content: center; align-items: center; gap: 20px; position: relative; z-index: 10;}
	.custom-icon img {width: 20px; opacity: 0.5; filter: invert(71%) sepia(60%) saturate(593%) hue-rotate(350deg) brightness(95%) contrast(94%); cursor: pointer;}
	.custom-icon.active img {opacity: 1;}
/* banner css */

/* about css */
	.about-wrapper{padding: 80px 0px 65px; contain: layout paint;}
	.about-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px}
	.about-inner-left{width: 100%; max-width: 500px;}
	.about-inner-left img{width: 100%; max-width: 500px; height: auto;}
	.about-right-wrapper{width: 100%; max-width: 700px;}
	.about-inner-right{width: 100%; max-width: 700px;}
	.about-inner-right p{text-align: left; font-size: 16px;}
	.about-inner-right ul li span{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(to right, #f7de7b, #cba148); flex-shrink: 0;}
	.about-inner-right ul li span img{width: 100%; max-width: 20px;}
	.about-inner-right ul li{display: flex; justify-content: flex-start; align-items: center; gap: 20px;margin: 15px 0px; font-size: 16px;}
	.about-inner-right.inner ul li{display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px;margin: 15px 0px; font-size: 16px;}
	.about-right-wrapper .common-btn{justify-content: flex-start;margin: 20px 0 0;}
	.about-inner-right .common-btn{justify-content: flex-start;margin: 20px 0 0;}
	.li-content p{margin: 5px 0;}
/* about css */

/* create css */
	.create-wrapper{padding: 250px 0 50px;position: relative;}
	.create-wrapper::before{content:''; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgb(10 10 10 / 95%) 18%, rgb(0 0 0 / 58%) 47%, rgb(10 10 10 / 51%) 74%);width: 100%; height: 100%;}
	.create-inner-wrapper{position: relative;}
	.create-inner-wrapper h2{text-align: center; color: #fff; padding: 0;}
	.create-inner-wrapper .common-btn{margin: 20px 0px;}
	.create-wrapper::after{content:''; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.53) 0%, rgb(235 173 42 / 93%) 45%, rgba(10, 10, 10, 0.73) 100%);width: 100%; height: 2px; right: 0; margin: auto;}
/* create css */

/* why choose css */
	.why-choose-wrapper{padding: 80px 0px;}
	.why-choose-wrapper h2{text-align: center;}
	.why-choose-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 60px;position: relative;}
	.why-choose-inner{width: 100%; max-width: 100%; margin: auto;}
	.why-choose span{display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #f7de7b, #cba148);flex: 0 0 60px;     animation: float 3s ease-in-out infinite;}
	@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

	.why-choose span img{width: 100%; max-width: 30px;}
	.why-choose-image{width: 100%; max-width: 200px;}
	.why-choose-image img{width: 100%; max-width: 200px;}
	.why-choose-inner-wrapper::before{content:''; position: absolute; width: 100%; height: 100%; background: var(--cdn-cta-bg) no-repeat center center/cover; opacity: 0.15; z-index: -1;}
	.why-choose{display: flex; justify-content: center; align-items: center; gap: 30px; padding: 15px 0;}
	.why-choose-inner:first-child .why-choose {flex-direction: row-reverse;}
	.why-choose-inner:first-child .why-choose p{text-align: end;}
	.why-choose-inner:last-child .why-choose {flex-direction: row;}
	.why-choose-inner:last-child .why-choose p{text-align: left;}
	.why-choose p{width: 100%; max-width: 200px;}
/* why choose css */

/* ready css */
	.ready-wrapper{padding: 70px 0px;position: relative; }
	.ready-wrapper::before{content: '';position: absolute;background: linear-gradient(90deg, rgb(0 0 0 / 57%) 18%, rgb(0 0 0 / 44%) 41%, rgb(10 10 10 / 63%) 77%);width: 100%; height: 100%; top: 0; left: 0;}
	.ready-inner-wrapper{position: relative;}
	.ready-inner-wrapper h2{text-align: center; padding: 0px;}
	.ready-inner-wrapper p{text-align: center; color: #fff; font-weight: 500;}
	.ready-wrapper::after{content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.53) 0%, rgb(235 173 42 / 93%) 45%, rgba(10, 10, 10, 0.73) 100%); width: 100%; height: 2px; right: 0; margin: auto;}
	.ready-wrapper .fluid-container{position: relative;}
	.ready-wrapper .fluid-container::before{content: ''; position: absolute; bottom: -70px; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.53) 0%, rgb(235 173 42 / 93%) 45%, rgba(10, 10, 10, 0.73) 100%); width: 100%; height: 2px; right: 0; margin: auto;}
	.ready-wrapper.inner h2{padding: 0 0 20px;}
	/* .ready-wrapper.inner{margin: 0 0 80px;} */
/* ready css */

/* services css */
	.our-services-wrapper{padding: 80px 0px 150px;}
	.our-services-wrapper h2{text-align: center;}
	.our-services-inner-wrapper{display: flex; justify-content: space-between; align-items: center; gap: 70px 30px;}
	.our-services-image{position: relative;}
	.our-services-image span:nth-child(1){display: flex; justify-content: center; align-items: center; width: 100%; max-width: 280px;position: relative;}
	.our-services-image span:nth-child(1) img{width: 100%; max-width: 280px; border-radius: 999px;border: 1px solid #f7de7bbf;}
	.our-services-image span:nth-child(1)::before{    content: '';
    position: absolute;
    width: 5px;
    height: 40px;
    background: var(--yellow);
    bottom: -76px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;}
	.our-services-image span:nth-child(2){display: flex; justify-content: center; align-items: center;width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to right, #f7de7b, #cba148);    position: absolute; left: 0; right: 0; margin: auto; bottom: 116px;    transform-origin: top center; animation: swing 5s ease-in-out infinite;}
  @keyframes swing {
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
	.our-services-image span:nth-child(2) img{width: 100%; max-width: 30px;}
	.our-services-image p{text-align: center;margin: 60px 0 0; color: #fff; font-weight: 500; padding: 80px 0 0; margin: 0; font-size: 20px;}
	.our-services-image:nth-child(2n){transform: translatey(85px);}
/* services css */

/* our works css */
	.our-works-wrapper h2{text-align: center;}
	.our-works-wrapper{position: relative;}
	.our-works-wrapper::before{content: ''; position: absolute;  width: 100%; height: 100%; top: 0; left: 0;     background: linear-gradient(90deg, rgb(0 0 0 / 48%) 18%, rgb(0 0 0 / 0%) 41%, rgba(10, 10, 10, 0.73) 77%); z-index: 2; pointer-events: none;}
	.our-works-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 10px;}
	.our-works-images span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 400px;}
	.our-works-images span img{width: 100%; max-width: 400px;}
	.our-works-images{position: relative; flex-shrink: 0; width: 400px;}
	.our-works-images p{position: absolute; bottom: 7px; left: 0; right: 0; margin: auto; display: flex; justify-content: center; align-items: center; font-weight: 500;color: #fff;}

/* our works css */

/* our clients css */
	.our-clients-wrapper{padding: 80px 0px;}
	.our-clients-wrapper h2{text-align: center;}
	.our-clients-inner-wrapper{display: flex;justify-content: center;align-items: stretch;gap: 30px}
	/* .our-clients-inner{width: 100%;max-width: 350px;position: relative;
		background: #131313;padding:70px 10px 20px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 90px auto 0px;border: 1px solid #f7de7b;
	border-image: linear-gradient(
    to bottom, 
    rgba(247, 222, 123, 0), 
    rgba(247, 222, 123, 1) 100%, 
    rgba(247, 222, 123, 1) 
  ) 1;} */
   .our-clients-inner{width: 100%; max-width: 350px; position: relative; padding: 70px 10px 20px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 90px auto 0px; border: 2px solid transparent;  background:  linear-gradient(#131313, #131313) padding-box, linear-gradient( to bottom,   rgba(247, 222, 123, 0),   rgba(247, 222, 123, 1) 100%,   rgba(247, 222, 123, 1)  ) border-box;}
	.our-clients-inner span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100px;}
	.our-clients-inner span img{width: 100%;max-width: 100px;height: 100px;border-radius: 50%;position: absolute;top:-50px;left:0;right: 0;margin: auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.our-clients-inner p{text-align: center;font-size: 16px;line-height: 1.4;}
	.our-clients-inner h3{font-size: 20px;font-weight: 400;text-align: center;color: #f7de7b}

	button.owl-dot{min-width: 30px}
.our-clients-wrapper .owl-dot {width: 30px;  height: 30px; padding: 0; margin: 0 10px;}
.our-clients-wrapper .owl-dot span {display: block;  width: 30px;  height: 30px;background: var(--cdn-microphone-icon) no-repeat center center/cover; opacity: 0.3; filter: invert(59%) sepia(91%) saturate(280%) hue-rotate(3deg) brightness(93%) contrast(89%);}

.our-clients-wrapper .owl-dot.active span {
	/* filter: invert(88%) sepia(47%) saturate(546%) hue-rotate(331deg) brightness(103%) contrast(94%); */
	filter: invert(59%) sepia(91%) saturate(280%) hue-rotate(3deg) brightness(93%) contrast(89%);
	opacity: 1;
}

.our-clients-wrapper .owl-dots {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 100px;
    margin: 20px auto 0px;
}



.our-clients-inner-wrapper .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}

.our-clients-inner-wrapper .owl-item {
  display: flex;
  align-items: stretch;
}




/* our clients css */


/* booking css */
.book-session-wrapper{padding: 30px 0px;position: relative; border-radius: 0 0px 120px 120px; overflow: hidden;}
.book-session-wrapper::before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background: linear-gradient(90deg, rgb(0 0 0 / 48%) 18%, rgb(0 0 0 / 64%) 41%, rgba(10, 10, 10, 0.73) 77%);}
.booking-steps {display: flex; justify-content: center; align-items: center; gap: 40px;}
.arrow-wrapper {position: relative; width: 130px;  height: 1px; background: #fff;}
.arrow-wrapper:before {content: ''; position: absolute; right: -5px; top: -4px;  width: 0; height: 0; border-top: 5px solid transparent;  border-bottom: 5px solid transparent;  border-left: 5px solid #fff;}
.book-session-inner-wrapper {position: relative;  padding-top: 20px;}
.book-session-inner-wrapper h2{text-align: center;}
.book-session-inner-wrapper span{text-align: center; display: block; color: #fff; font-size: 20px; padding: 0 0 20px;}
.booking-steps-inner p{text-align: center; font-weight: 500; color: #fff;}
.book-session-wrapper::after{content:''; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.53) 0%, rgb(235 173 42 / 93%) 45%, rgba(10, 10, 10, 0.73) 100%);width: 100%; height: 2px; right: 0; margin: auto;}
/* .book-session-wrapper::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 3px; 
    background: linear-gradient(to right, #f7de7b, #cba148);
} */
/* booking css */

/* go to top css */
	#to-top {position: fixed;right: 10px;bottom: 35px;padding: 5px;display: flex;justify-content: center;align-items: center;cursor: pointer; width: 50px; height: 50px; background: var(--yellow); border-radius: 50%; z-index: 2;}
	#to-top img {width: 100%;max-width: 15px;}
    #to-top::after { content: "Go Top"; position: absolute; bottom: -29px;   background: var(--dark-yellow); color: #0a0a0a; padding: 5px 10px; font-size: 12px; border-radius: 4px; opacity: 0; pointer-events: none; white-space: nowrap; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateY(5px);}
    #to-top:hover::after { opacity: 1; transform: translateY(0);}

	.cta {position: fixed;right: 10px;bottom: 85px;padding: 5px;display: flex;justify-content: center;align-items: center;cursor: pointer; z-index: 2;}
	.cta img {width: 100%;max-width: 45px;}

/* go to top css */

/* inner page ccs */
  .inner-page-banner-wrapper{ position: relative; background: var(--yellow);}
  .inner-page-banner-wrapper::before{content: '';position: absolute;background: linear-gradient(90deg, rgb(0 0 0 / 57%) 18%, rgb(0 0 0 / 44%) 41%, rgb(10 10 10 / 63%) 77%);width: 100%; height: 100%; top: 0; left: 0;}
  .inner-page-banner-wrapper .fluid-container{height: 100%; display: flex; justify-content: flex-start; align-items: flex-end;}
  .banner-text{position:relative; padding: 10px 20px;}
  .banner-text h1{color:  #fff6e5; padding: 0 0 5px;}
  .banner-text ol li span img{width: 100%; max-width: 15px; filter: invert(1);}
  .banner-text nav ol {display: flex; justify-content: flex-start; align-items: center;gap: 10px;}
  .banner-text nav ol li a, .banner-text nav ol li span{color: #fff; display: flex; justify-content: center; align-items: center; font-size: 13px;}
  .active-breadcrumb {color: var(--yellow) !important; display: block;}
/* inner page ccs */

/* contact css */
	.contact-wrapper{padding: 80px 0px;}
	.contact-inner-wrapper{display: flex; justify-content: center; align-items: flex-start; gap: 30px; background: linear-gradient(500deg, rgba(19, 19, 19, 0.53) 56%, rgb(231 190 42 / 39%) 89%);padding: 40px;    border-radius: 10px;}
	.contact-details-wrapper li a span{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(to right, #f7de7b, #cba148); flex-shrink: 0;}
	.contact-details-wrapper li a span img{width: 100%; max-width: 18px;}
	.contact-details-wrapper li a {text-align: left; font-weight: 400;font-size: 18px; display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; margin: 15px 0px; line-height: 1.4; color: #fff;}
	.contact-left-wrapper{width: 100%; max-width: 500px;}
	.contact-right-wrapper{width: 100%; max-width: 500px;}
	.contact-details-wrapper li a:hover{color: var(--yellow)}
	.contact-left-wrapper h4{color: #ebad2a; padding: 30px 0px 0px;}

	.form-md { width: 100%; text-align: center; margin: 32px auto 32px auto;}
 .form-md .form-group {max-width: 500px;}
 .form-group {margin: 25px 0;position: relative;}
 .form-md input, .form-md textarea, .form-md select {position: relative;display: block;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.37);margin: 0px auto;padding: 15px 0px;outline: none !important;font-size: 14px;color: rgba(255, 255, 255, 0.85);transition: all .2s ease-in-out;}
 .form-md label {position: absolute;top: -6px; left: 12px;text-align: left;display: inline-block;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;color: #eee8e8;margin: 0px auto;cursor: text;transition: all .15s ease-in-out; color: #fff; font-weight: bold;}
 .form-md input:hover, .form-md input:focus, .form-md textarea:hover, .form-md textarea:focus, .form-md select:focus, .form-md select:hover{ border-bottom: 1px solid #faf3f3; }
 .form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -6px;color: #fff;font-weight: bold;}
input:-webkit-autofill{background-color: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #f7f7f7 !important;
    box-shadow: 0 0 0 50px #141212 inset !important;
}
.form-md .common-btn{justify-content: flex-start;}

 #services option {
  background-color: #1a1a1a;
  color: #fff;             
}




 .map {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 90%;border-radius: 15px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 0px auto 80px;}
 .map iframe {height: 500px;}
/* contact css */


/* Sitemap css */
.sitemap-wrapper {padding: 65px 0;}
.sitemap-page {margin: 15px 0px;}
.sitemap-page > a, .sitemap-page > span {padding: 3px 0 0 20px; position: relative;}
.sitemap-page > a::before, .sitemap-page > span::before {content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--dark-yellow); top: 8px; left:0;}
.sitemap-page > a:hover {color: #f4c24e;}
.sitemap-page > .sitemap-list {padding-left: 30px; }
.sitemap-page > .sitemap-list .sitemap-page {margin-bottom: 5px; }
.sitemap-page > .sitemap-list .sitemap-page a, .sitemap-page > .sitemap-list .sitemap-page span  { transition: color 0.2s; padding: 2px 0 0 20px;}
.sitemap-page > .sitemap-list .sitemap-page a:hover {color: #f4c24e;}
/* Sitemap css */


/* packages css */
.packages-wrapper{padding: 80px 0px;}
.packages-wrapper.services{padding: 0 0 80px;}
.packages-wrapper.services .packages-inner-wrapper h3{text-align: center;}
.packages-wrapper.services .packages-inner-wrapper h3:nth-of-type(2){padding: 40px 0 0;}
.packages-inner-wrapper h1{text-align: center;padding: 0px;}
.packages-inner-wrapper p{text-align: center;padding: 0px 20px;}
.packages-inner {display: flex; justify-content: center; align-items: Stretch; gap: 50px; padding: 30px 0px 0;}
.package-inner {background: #111; color: #fff; width: 400px; padding: 35px 25px; border-radius: 16px; text-align: left; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: transform 0.5s ease, box-shadow 0.3s ease; border: 1px solid #ebad2a59;}
.package-inner:hover{  transform: translateY(-8px) scale(1.01); box-shadow: 0 10px 20px rgba(235, 173, 42, 0.3);}
.package-inner h4 { padding: 0 0 20px;}
.package-price { display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 0 0 10px;}
.charge {display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important; color: #fff !important;}
.duration {display: block; font-size: 16px; color: #aaa; font-weight: 400;}
.package-price span:first-child {display: block; font-size: 22px; font-weight: 700;}
.package-price span:last-child {display: block; font-size: 16px; color: #aaa; font-weight: 400;}
.common-ul li { margin: 15px 0px; position: relative; padding: 0 0px 0 25px;}
.common-ul li::before {content:''; position: absolute; width: 18px; height: 18px; background: var(--cdn-check-icon) no-repeat center center / cover; top:0; left:0; filter: invert(81%) sepia(61%) saturate(1632%) hue-rotate(339deg) brightness(97%) contrast(90%);}
.package-inner .common-btn{justify-content: flex-start; margin: 30px 0 0;}

/* .packages-inner:nth-child(2n){background: #f7de7b5e; padding: 30px 0px;}	 */
/* packages css */

/* services css */
.podcast-wrapper{padding: 80px 0px 65px;}
.podcast-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px}
.podcast-inner-wrapper span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 600px;}
.podcast-inner-wrapper span img{ width: 100%; max-width: 600px;}
.podcast-right-wrapper{width: 100%; max-width: 600px;}
.podcast-right-wrapper h1{padding: 0 0 5px;}
.podcast-right-wrapper h2{padding: 0 0 15px;}
.podcast-right-wrapper h2 i{font-size: 26px;}
/* .podcast-right-wrapper ul li span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 20px;}
.podcast-right-wrapper ul li span img{width: 100%; max-width: 20px;filter: invert(90%) sepia(23%) saturate(826%) hue-rotate(348deg) brightness(97%) contrast(100%);} */
.podcast-right-wrapper ul li{display: flex; justify-content: flex-start; align-items: center; gap: 20px;margin: 15px 0px; font-size: 16px; position: relative; padding: 0 0 0 30px; line-height: 1.5;}
.podcast-right-wrapper ul li::before{content:''; position: absolute; width: 18px; height: 18px; background: var(--cdn-microphone-icon) no-repeat center center / cover; top:7px; left:0; filter: invert(81%) sepia(61%) saturate(1632%) hue-rotate(339deg) brightness(97%) contrast(90%);}
.podcast-right-wrapper > span{display: block; color: #ffffffd6; font-size: 20px; font-weight: 500;}
.podcast-right-wrapper .common-btn{justify-content: flex-start; margin: 30px 0px 0px;}
/* services css */

/* faq css */
.faq-wrapper{padding: 80px 0px;}
.faq-inner-wrapper h2{text-align: center;}
.faq-inner-questions{margin: auto;}
 .faq-inner-wrapper span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 500px;}
 .faq-inner-wrapper span img{width: 100%;max-width: 500px;}
 .faq-inner-questions{width: 100%;max-width: 800px;}
 .question{width: 100%;max-width: 800px;padding: 15px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #fff;margin: 15px 0px;gap: 20px;font-weight: 500; border-radius: 10px; color: #ffffffd6; cursor: pointer;}
 .question span{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 15px;}
 .question span img{width: 100%;max-width: 15px; filter: invert(1);}
 .answer{padding:0px 10px;display: none;border-top: none;line-height: 1.5; color: #ffffffd6;}
 .faq-inner-questions > .answer:nth-of-type(2) {display: block; color: #fff;}
 .question:hover {background: var(--yellow);color: #131212}
 .question:hover span img{filter: invert(0);}
 .open {background: var(--yellow);color: #131212;}
 .question.open span img{filter: invert(0);}	
/* faq css */

/* about css */
.why-wrapper{padding: 0 0 80px;}
.why-wrapper h2{text-align: center;}
.why-inner-wrapper{display: flex;justify-content: center;align-items: Stretch; gap: 30px; flex-wrap: wrap;}
.why-inner{width: 100%; max-width: 270px; border: 1px solid #ebad2a7d; padding: 20px 20px 5px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.why-inner span{display: flex;justify-content: center;align-items: center; width: 80px; height: 80px; background: linear-gradient(to right, #f7de7b, #cba148); border-radius: 50%; margin: auto;}
.why-inner span img{width: 100%; max-width: 50px; }
.why-inner p{text-align: center;}
/* about css */

/* terms and conditions css */
.terms-conditions-wrapper{padding: 80px 0px;}
.terms-conditions-inner-wrapper h2{padding: 0px;}
.terms-conditions-inner{padding: 0px 0px 30px;}
.terms-conditions-inner span{display: block; color: var(--yellow); font-size: 20px; padding: 15px 0 0;}
/* terms and conditions css */


 
/* SECTION */


/* FORM WRAPPER */
.booking-form-wrapper {width: 100%; max-width: 1100px; background: linear-gradient(180deg, #121212, #0b0b0b); padding: 40px; border-radius: 14px; box-shadow: 0 30px 80px rgba(0,0,0,0.7);}
.booking-form-wrapper h2 {margin: 0 0 8px;}
.form {display: flex; flex-direction: column; gap: 20px;}
.form-row {display: flex; justify-content: center; align-items: center; gap: 20px;}
.form-field {flex: 1; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.form-field label {font-size: 16px; margin: 0 0 5px; color: #d3d0d0;}
.form-field input, .form-field select, .form-field textarea { background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 8px; padding: 14px; color: #fff; font-size: 14px;}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {border-color: #f0b429; box-shadow: 0 0 0 1px rgba(240,180,41,.4);}
.checkbox-group {display: flex; align-items: center; gap: 30px; flex-wrap: wrap; padding: 10px 0 0;}
.checkbox-group label {display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px;}
.checkbox-group input[type="checkbox"] { width: 16px; height: 16px;}
.checkbox-line { display: block !important; gap: 10px;}
.checkbox-line label {display: inline; line-height: 1.4; font-size: 14px; color: #ccc; cursor: pointer;}
.checkbox-line a {color: #f0b429; font-size: 16px;}
.checkbox-line input[type="checkbox"] {width: 20px;}
.quote-container {position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 1000; display: none; justify-content: center; align-items: center;}
.quote-container.active {display: flex;}
.quote-container .rot {position: relative; width: 100%; max-width: 1100px; border-radius: 12px; padding: 30px 0px 0px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.7); margin: 0 10px;}
.close-modal {position: absolute; top: 15px; right: 18px; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; z-index: 20;}
.close-modal:hover {color: #f0b429;}
.rot::-webkit-scrollbar {width: 6px;}
.rot::-webkit-scrollbar-thumb { background: #444; border-radius: 10px;}
.form-field input[type="date"]::-webkit-calendar-picker-indicator {filter: invert(1); cursor: pointer;}