body{font-family: "Outfit", sans-serif;}
.main-header { position: fixed; top: 20px; left: 0; width: 100%; z-index: 9; transition: all 0.4s ease;}
.main-header.scrolled { top: 0; background: #000; box-shadow: 0 4px 15px rgba(0,0,0,0.1); height: 150px;}
.main-header.scrolled .mainmenu .navbar-nav{ margin-top: 49px;}
.main-header.scrolled .navbar-brand{ top: 10px;}
.main-header.scrolled .header-inner{ margin-top: 40px;}
.header-inner { display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 700px; margin-top: 50px;}
.logo img {}
.menu-wrapper {position: relative; z-index: 1; overflow: visible;}
.menu-wrapper::before { content: ""; position: absolute; top: 0; width: calc(100vw + 120px); height: 70px; background: #f4b400; border-radius: 100px 0 0 100px; z-index: -1;}
.menu { display: flex; align-items: center; padding: 22px 30px;}
.menu a { margin: 0 14px; color: #000; font-weight: 500; text-decoration: none;}
.menu-toggle { display: none; cursor: pointer; z-index: 10001;}
.menu-toggle span { display: block; width: 26px; height: 3px; background: #000; margin: 5px 0; transition: 0.3s;}
.menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px);}
.menu-toggle.active span:nth-child(2) { opacity: 0;}
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px);}
.mainmenu .nav-link{ font-size: 16px; font-weight: 400; color: #000000 !important; padding-bottom: 0;}
.mainmenu .navbar-nav{ margin-top: 79px;}
.mainmenu .dropdown-menu{ top: 157%;}
.main-header .navbar-brand{ position: absolute; top: 40px;}
.main-header .navbar-brand img{transition: 0.3s; height: 120px;}
.main-header.scrolled .navbar-brand img { height: 120px;}
.hero-slider { position: relative; height: 100vh; overflow: hidden;}
.bg-img { width: 100%; height: 100vh; object-fit: cover;}
.hero-slider .banner-content { position: absolute; right: 20%; top: 50%; transform: translateY(-50%); text-align: right;}
.hero-slider .banner-content p{ font-size: 22px; font-weight: 300; color: #000000;}
.hero-slider .banner-content p span{ display:  block;}
.hero-slider .banner-content h2{ font-size: 55px; color: #3d3d3d; font-weight: 400;}
.hero-slider .banner-content h2 label{ color: #3d3d3d; font-size: 160px; font-family: "Great Vibes", cursive; font-weight: 400; vertical-align: text-top; position: relative; left: -57px; top: -11px;}
.hero-slider .banner-content h2 label em{ font-size: 132px; color: #ffba00; font-family: "Great Vibes", cursive; text-transform:  capitalize;}
.hero-slider .banner-content h2 label span{ font-family: "Outfit", sans-serif; font-size: 55px; position: absolute; right: -64px; top: 25px;}
.hero-slider .banner-content h2 sub{ bottom: 0; letter-spacing: 5px; margin-left: 10px;}
.hero-slider .banner-content a { display: inline-block; background: #ffba00; color: #232323; padding: 12px 25px; border-radius: 30px; font-weight: 500; text-decoration: none; font-size: 17px; text-transform:  uppercase;
  border:  none;}
.hero-slider .slick-dots { position: absolute; right: 20%; bottom: 14%; transform: translateY(-50%); text-align: right; display:  none;}
.hero-slider .slick-dots li button:before { font-size: 25px; color: #3d3d3d; opacity: 1;}
.hero-slider .slick-dots li.slick-active button:before { color: #ffba00;}
.hero-slider .slick-slide{ position: relative;}
.slick-dotted.slick-slider{ margin: 0;}
.bydhwtbic { position: relative; margin-top: -2px;}
.bydhwtbicc { position: relative; overflow: hidden;}
.bydhwtbic .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; min-width: 1140px; z-index: 2; padding: 0 15px;}
.bydhwtbic .banner-content h1 { font-size: 22px; margin-bottom: 10px; color: #ffba00; font-size: 80px; font-weight: 400; font-family: "Great Vibes", cursive;}
.bydhwtbic .banner-content p { font-size: 20px; line-height: 32px; font-weight: 300;}
.stats { display: flex; justify-content: center; gap: 100px; margin-bottom: 30px;}
.stats h2 { font-size: 156px; font-weight: 100;}
.stats span { display: block; font-size: 40px; color: #ffc107; letter-spacing: 2px; font-weight: 100;}
.bydhwtbic .banner-content a { display: inline-block; padding: 12px 30px; background: #ffba00; color: #000; border-radius: 30px; text-decoration: none; font-weight: 500; font-size: 20px;}
.lmpts { padding: 60px 20px;}
.lmpts h2{ color: #ffba00; font-size: 125px; font-weight: 400; font-family: "Great Vibes", cursive;}
.lmpts h3{ color: #232323; font-size: 50px; font-weight: 300; text-transform:  uppercase;}
.lmpts p{ color: #000000; font-size: 20px; font-weight: 400;}
.lmpts .tabs { position: relative; display: flex; justify-content: center; gap: 10px; background: #ffce4b; padding: 6px; border-radius: 40px; max-width: 800px; margin: 0 auto;}
.lmpts .tab-indicator { position: absolute; height: 88%; background: #fff; border-radius: 25px; top: 3px; left: 0; width: 0; transition: all 0.4s ease; z-index: 0; padding: 10px 20px; text-decoration:  none;}
.lmpts .tab-btn { position: relative; z-index: 1; background: none; border: 1px solid #e4b843; padding: 8px 25px; border-radius: 30px; cursor: pointer; color: #000; text-transform: uppercase;
  font-size: 18px; font-weight: 500; transition: all 0.3s ease; white-space: nowrap; outline:  none;}
.lmpts .tab-content { display: none;}
.lmpts .tab-content.active { display: block; border:  none;}
.lmpts .tab-btn.active{ border:  none;}
.project_slider .project-card { background: #fff; border-radius: 15px; padding: 15px; margin: 10px; text-align: center; position: relative;}
.project_slider .project-card a{ display: inline-block; padding: 12px 30px; background: #ffba00; color: #000; border-radius: 30px; text-decoration: none; font-weight: 500; font-size: 16px;
 text-transform:  uppercase;}
.project_slider .project-card img { width: 100%; border-radius: 10px;}
.project_slider .info-box h4{ color: #000000; font-size: 40px; font-weight: 700; text-transform:  uppercase; text-align: left;}
.project_slider .info-box h5{ color: #000000; font-size: 20px; font-weight: 500; text-transform:  uppercase; text-align: left;}
.project_slider .info-box h5 i{ color: #ffba00; margin-right: 10px;}
.project_slider .info-box { padding: 20px 30px; }
.project_slider .info-item { display: flex; align-items: center; padding: 15px 0; }
.project_slider .info-item i { font-size: 40px; color: #f4b400;  margin-right: 12px; }
.project_slider .info-title { font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 2px; text-transform:  uppercase; }
.project_slider .info-value {font-size: 19px; font-weight: 700; color: #000; text-transform:  uppercase; }
.project_slider .divider { border-right: 1px solid #ddd;}
.project_slider .custom-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border: 1px solid #000; width: 40px; height: 40px; border-radius: 50%; color: #000; font-size: 16px;
  z-index: 10; cursor: pointer; transition: 0.3s; outline:  none;}
.project_slider .prev-arrow { left: 16px;}
.project_slider .next-arrow { right: 16px;}
.exprtscton {position: relative; background: url('../images/trusted_bg.webp') no-repeat center center; background-size: cover; padding: 50px 0 0 0; color: #fff; z-index: -1;}
.exprtscton .pattern{ position: absolute; left: 0; width: 100%; top: -410px; text-align: center;}
.exprts-title { position: relative; z-index: 2; text-align: center; margin-bottom: 50px;}
.exprts-title span { background: #fff; color: #000; padding: 5px 40px; border-radius: 35px; font-weight: 600; font-size: 50px;}
.exprts-cntnt { position: relative; z-index: 2;}
.exp-item { margin-bottom: 60px;}
.exp-number { font-size: 60px; color: #ccc; font-weight: 200;}
.exp-text { font-size: 30px; line-height: 1.4; font-weight: 400; color: #fff;}
.exp-text span { font-weight: 400; display:  block;}
.exp-text label{ color: #ffb400;}
.exp-center-img { text-align: center; position: relative; margin-top: 81px;}
.exp-center-img img { max-width: 410px; position: relative; z-index: 2;}
.wtorcntsy { background: url('../images/testimonial-bg.webp') center/cover no-repeat; padding: 175px 0; position: relative;}
.wtorcntsytle{ text-align: center;}
.wtorcntsy h2{ color: #ffba00; font-size: 125px; font-weight: 500; font-family: "Great Vibes", cursive;}
.wtorcntsy h3{ color: #232323; font-size: 70px; font-weight: 500; text-transform:  uppercase;}
.wtorcntsy p{ color: #000000; font-size: 20px; font-weight: 400;}
.testi_slider { position: relative; z-index: 2; margin-top: 40px;}
.testi_slider .testimonial-card { background: #fff; padding: 50px 90px; border-radius: 15px; margin: auto; border: 1px solid #ddd;}
.testi_slider .testimonial-text { font-size: 20px; color: #000000; margin-bottom: 20px; font-weight: 400; line-height: 30px;}
.testi_slider .user-info { display: flex; align-items: center; justify-content: space-between;}
.testi_slider .user-left { display: flex; align-items: center;}
.testi_slider .user-left i { font-size: 30px; color: #f4b400; margin-right: 10px;}
.testi_slider .user-name { font-weight: 600; color: #000000; font-size: 24px; text-transform:  uppercase;}
.testi_slider .user-location { font-size: 20px; color: #000000; font-weight: 400;}
.testi_slider .google-review { text-align: right; font-size: 12px;}
.testi_slider .slick-prev, .testi_slider .slick-next { width: 45px; height: 45px;background: #f4b400; border-radius: 50%; z-index: 10;}
.testi_slider .slick-prev:before,.testi_slider .slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; font-size: 18px;}
.testi_slider .slick-prev:before { content: "\f053";}
.testi_slider .slick-next:before { content: "\f054";}
.wtorcntsy .testi_more{ margin-top: 20px;}
.wtorcntsy .testi_more a{ display: inline-block; padding: 8px 30px; background: #ffba00; color: #000; border-radius: 30px; text-decoration: none; font-weight: 400; font-size: 20px; text-transform: uppercase;}
.bydht { background: url('../images/book_home_bg.webp') no-repeat center/cover; position: relative; padding: 80px 0;}
.bydht .custom-input { background: #fff; border-radius: 40px; padding: 15px 25px; border: none; width: 100%; margin-bottom: 35px; outline: none; color: #353535; font-size: 20px; font-weight: 500;
  text-transform:  uppercase;}
.bydht .submit-btn { background: #f5b400; border: none; padding: 15px 65px; border-radius: 40px; font-weight: 500; display: block; margin: 20px auto 0; font-size: 20px; color: #353535;}
.bydht .checkbox-text { font-size: 14px; font-size: 20px; font-weight: 500; color: #fff;}
.bydht .error { color: red; font-size: 13px;}
.bydht h2{ font-size: 50px; color: #ffffff; text-transform:  uppercase; font-weight: 400; text-align: center; margin-bottom: 30px;}
.bydht h2 span{ color: #ffba00;;}
.endeefaq .card-header { position: relative;}
.endeefaq .accordion-title::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 28px; font-weight: 600; color: #000; transition: 0.3s;}
.endeefaq .accordion-title:not(.collapsed)::after {content: "−"; color: #f1b72b;}
.endeefaq{ padding: 50px 0 0 0;}
.endeefaq h2{ text-align: center; margin-bottom: 30px; text-transform:  uppercase; color: #242424; font-size: 70px; font-weight: 700;}
.endeefaq .card-link{ display:  block; font-size: 25px; font-weight: 500; color: #242424; font-family: "Poppins", sans-serif;}
.endeefaq .card-body{ line-height: 40px; font-size: 20px; font-weight: 400; font-family: "Poppins", sans-serif;} 
.endeefaq .card{ margin-bottom: 30px; border:  none;}
.footer { position: relative;}
.footer .bg-img{ height:  inherit;}
.footer .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; min-width: 1140px; z-index: 2; padding: 0 15px;}
.footer ul{ padding: 0 0 0 25px; margin: 0; position: relative;}
.footer ul:before{ content: ''; position: absolute; left: 0; top: 14px; bottom: 15px; border-left: 1px solid #777778;}
.footer ul li{ list-style:  none; position: relative;}
.footer ul li:before{ content: ''; position: absolute;left: -24px; top: 14px; border-bottom: 1px solid #777778; width: 15px;}
.footer ul li a { color: #fff; display: block; margin-bottom: 8px; text-decoration: none; font-size: 20px; font-weight: 300;}
.footer ul li a:hover { color: #f5b400;}
.footer_logo{}
.footer .footers{}
.footer .footers p{ color:#fff; font-size: 20px; font-weight: 300;}
.footer .footers p b{ font-size: 26px; font-weight: 500; margin-bottom: 12px; display:  inline-block; color: #fdea6a;}
.footer .footers p a{ font-size: 25px; color: #fff; text-decoration:  none;}
.footer .footers h5{ color: #ffba00; font-size: 26px; font-weight: 500;}
.footer .icon { color: #f5b400; margin-right: 10px;}
.social-icons a { display: inline-block; width: 35px; height: 35px; background: #f5b400; color: #000; text-align: center; line-height: 35px; border-radius: 50%; margin-right: 10px;}
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); margin-top: 30px; text-align: center; font-size: 18px; padding: 10px 0; color: #fff;
   font-weight: 300;}
.footer-bottom a{ text-decoration:  none; color: #fff;}
.lmpts .tab-btn label{ margin: 0;}
.mainmenu .navbar-nav li .active{ border-bottom: 1px solid #000;}
.mainmenu .dropdown-item.active{ background: #f5b400; border:  none;}
.mainmenu .navbar-nav .dropdown-menu{ padding: 0;}
.footer ul li a.active{ color: #f5b400;}
.letter-animate { font-size: 80px; font-family: "Great Vibes", cursive; font-weight: 400; color: #ffba00; line-height: 1.2;}
.letter-animate .top-line { display: block; font-size: 22px; color: #fff; font-family: sans-serif; margin-bottom: 10px;}
.letter-animate .letter { opacity: 0; display: inline-block; transform: translateY(40px); animation: letterFade 0.3s ease forwards;}

@keyframes letterFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-slider.innrabt{ height:  inherit;}
.hero-slider.innrabt .bg-img{ height:  inherit;}
.hero-slider .banner-content.innrabt{ left: 20%; text-align: center;}
.hero-slider .banner-content.innrabt .breadcrumb{ background:  none; display:  inherit;}
.hero-slider .banner-content.innrabt p{ color: #fff; font-size: 34px; font-weight: 500; text-transform:  uppercase;}
.hero-slider .banner-content.innrabt .breadcrumb li{ display:  inline-block;}
.hero-slider .banner-content.innrabt .breadcrumb li a{ background:  none; color: #fff; text-transform:  capitalize; font-size: 20px; font-weight: 400; padding: 0;}
.hero-slider .banner-content.innrabt .breadcrumb li a.active{ color: #f5b400;}
.wdwwpwncoq{ }
.wdwwpwncoqc{ position: relative; background: url(../images/inner_about_bg.webp) center; background-size:  cover; padding: 90px 0; text-align: center;}
.wdwwpwncoqc h1{ color: #000000; font-size: 70px; font-weight: 500; text-transform:  uppercase;}
.wdwwpwncoqc h2{ color: #000000; font-size: 30px; font-weight: 400; font-style:  italic; margin-bottom: 55px;}
.wdwwpwncoqc p{ color: #000000; font-size: 20px; font-weight: 400; line-height: 30px; margin-bottom: 30px;}
.chairman-section { background: #f9f9f9;}
.chairman-title {font-size: 70px; font-weight: 500; margin-bottom: 0;}
.chairman-title span { color: #ffba00;}
.chairman-subtitle {font-size: 30px; color: #000000; font-weight: 500;}
.chairman-img {width: 100%; height: 350px; background: #050a30; border-radius: 25px;}
.chairman-content p {font-size: 20px; line-height: 35px; color: #000000; line-height: 35px;}
.chairman-content h5 {font-weight: 600; color: #000000; font-size: 28px;}
.chairman-content small {color: #000000; font-size: 20px;font-weight: 400;}
.advantages-section { padding: 70px 0 0 0;}
.adv-title { font-family: 'Great Vibes', cursive; font-size: 140px; color: #ffba00;}
.adv-subtitle { font-size: 70px; font-weight: 500; color: #232323;}
.adv-wrapper { position: relative;}
.adv-item { display: flex; justify-content: space-between; background: #fff; padding: 25px 30px; border-radius: 15px; margin-bottom: 30px; position: relative; border: 1px solid #e2e2e2; border-top:  none;}
.adv-left {}
.adv-icon { font-size: 28px; color: #f5b000; margin-right: 15px;}
.adv-left h5 { font-weight: 700; margin-bottom: 5px; font-size: 35px; color: #000000;}
.adv-left h5 img{ margin-right: 10px;}
.adv-left p { font-size: 20px; color: #000000; font-weight: 400; line-height: 30px; margin-top: 20px;}
.adv-number {font-size: 60px; color: #ddd; font-weight: 400;}
.adv-item:nth-child(odd){ border-left:  none;}
.connect-section { background: #f9f9f9; position: relative; font-family: 'Poppins', sans-serif;}
.connect-bg{ position: relative; background: url(../images/inner_about_bg.webp) center; background-size:  cover;}
.connect-title { font-size: 40px; font-weight: 500; color: #000000;}
.connect-subtitle { color: #000000; font-size: 20px; font-weight: 400; font-style: italic;}
.contact-box { margin-bottom: 30px;}
.contact-box h5 { margin-bottom: 5px; color: #05051b; font-weight: 600; font-size: 25px;}
.contact-box p { color: #000000; font-size: 18px; line-height: 25px; font-weight: 400;}
.contact-box p b{ font-weight: 500; margin: 10px 0 5px 0; display:  inline-block;}
.contact-box p a{ color: #05051b; font-size: 25px; font-weight: 200; text-decoration:  none;}
.contact-box .icon-circle { width: 50px; height: 50px; background: #f5b000; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
.contact-box .icon-circle i { color: #000; font-size: 24px;}
.map-box { border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.1);}
.scroll-top { position: fixed; right: 25px; bottom: 25px; width: 60px; height: 60px; cursor: pointer; z-index: 999; opacity: 0; visibility: hidden;  transition: 0.3s;}
.scroll-top.show { opacity: 1; visibility: visible;}
.progress-ring { transform: rotate(-90deg);}
.progress-bg { stroke: #eee; stroke-width: 4; background: #000;}
.progress-bar { fill: none; stroke: #f5b000; stroke-width: 4; stroke-dasharray: 163; stroke-dashoffset: 163; transition: stroke-dashoffset 0.2s linear;}
.arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; font-weight: bold; color: #fff;}
.social { position: fixed; top: 45%; right: 0; z-index: 9999;}
.social ul { padding: 0; margin: 0;}
.social ul li { transform: translateX(90px); display: block;margin: 5px 0; background: #ffba00; width: 100%; text-align: left; padding: 10px; border-radius: 30px 0 0 30px; transition: 1.8s;}
.social ul li:hover { transform: translateX(0); background: rgba(255,255,255);}
.social ul li a { color: #fff; text-decoration: none; display: flex; align-items: center;}
.social ul li i { margin-right: 10px; background: #fff; color: #000; padding: 10px; border-radius: 50%; transition: 1.8s; width: 40px; height: 40px; font-size: 20px;}
.social ul li:hover a { color: #000;}
.social ul li:hover i { transform: rotate(360deg); color: #fff;}
.social ul li:hover i.fa-facebook-f { background: #1877f2; }
.social ul li:hover i.fa-instagram { background: #e4405f; }
.social ul li:hover i.fa-whatsapp { background: #25d366; }
.social ul li:hover i.fa-phone { background: #353636; }
.offcanvas-menu { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; background: #000; transition: 0.4s; z-index: 9999;}
.offcanvas-menu.active { right: 0; padding-left: 25px;}
.offcanvas-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9998;}
.offcanvas-overlay.active { opacity: 1; visibility: visible;}
.close-btn { font-size: 24px; color: #fff; cursor: pointer; display: block; text-align: right; padding-right: 20px;}
.close-btn i { transition: 0.3s;}
.offcanvas-menu .offcanvas-links{ padding-left: 15px;}
.offcanvas-menu h4{ color: #fff; padding-left: 15px; font-size: 25px; font-weight: 600;}
.offcanvas-menu li{ padding: 7px 0; list-style:  none;}
.offcanvas-menu li a{ color: #fff; font-size: 20px; font-weight: 400; text-decoration:  none;}
.offcanvas-menu .contact-box{ border-top: 1px solid rgba(255,255,255,.5); padding: 10px 0; margin-bottom: 0;}
.offcanvas-menu .contact-box h5{ color: #fff;}
.offcanvas-menu .contact-box p{ color: #fff; margin: 0; font-size: 16px;}
.offcanvas-menu .contact-box p a{ color: #fff; font-size: 18px; font-weight: 400;}
.offcanvas-menu .contact-box img{ margin-top: 30px;}
.lmpts .tab-content.completed{ display:  block;}
.lmpts .tab-content.completed .project-card { background: #fff; border-radius: 15px; padding: 15px; text-align: center;}
.lmpts .tab-content.completed .downbrou{ position: absolute; right: 30px; top: 30px; }
.lmpts .tab-content.completed .downbrou a{ display: inline-block; padding: 12px 30px; background: #ffba00; color: #000; border-radius: 30px; text-decoration: none; font-weight: 500; font-size: 16px;
 text-transform:  uppercase;}
.lmpts .tab-content.completed .project-card img { width: 100%; border-radius: 10px;}
.lmpts .tab-content.completed .info-box h4{ color: #000000; font-size: 35px; font-weight: 700; text-transform:  uppercase; text-align: left;}
.lmpts .tab-content.completed .info-box h5{ color: #000000; font-size: 20px; font-weight: 500; text-transform:  uppercase; text-align: left;}
.lmpts .tab-content.completed .info-box h5 i{ color: #ffba00; margin-right: 10px;}
.lmpts .tab-content.completed .info-box { padding: 20px 30px; border: 1px solid #ddd; border-top:  none; }
.lmpts .tab-content.completed .info-item { display: flex; align-items: center; padding: 15px 0; }
.lmpts .tab-content.completed .info-item i { font-size: 40px; color: #f4b400;  margin-right: 12px; }
.lmpts .tab-content.completed .info-title { font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 2px; text-transform:  uppercase; }
.lmpts .tab-content.completed .info-value {font-size: 21px; font-weight: 700; color: #000; text-transform:  uppercase; }
.lmpts .tab-content.completed .divider { border-right: 1px solid #ddd;}
.offcanvas-menu li a.active{ color: #f4b400;}
.success-stories { padding: 60px 0; background: #f5f5f5;}
.section-title { text-align: center; font-weight: 600; margin-bottom: 52px; color: #000000; text-transform:  uppercase; font-size: 52px;}
.testimonial-card { position: relative; background: url(../images/inner_testi_bg.webp); background-size:  cover; padding: 85px 45px 30px 45px; border-radius: 10px; margin-bottom: 30px; border: 1px solid #ddd;
  overflow: hidden;}
.testimonial-card::before {content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(135deg,rgba(0,0,0,0.02), rgba(0,0,0,0.02) 2px, transparent 2px, transparent 6px); z-index: 0;}
.testimonial-card { position: relative; z-index: 1;}
.testimonial-card p { font-size: 20px; color: #000000; margin-bottom: 20px;font-weight: 400; line-height: 30px; min-height: 236px;}
.testimonial-card h4 { color: #f5a100; font-weight: 600; margin-bottom: 15px;}
.google { display: flex; align-items: center; gap: 8px;}
.google img {}
.google span { font-size: 12px;}
.quote-top { position: absolute; top: 10px; left: 40px; font-size: 75px; color: #f5a100;}
.quote-bottom {position: absolute; bottom: -60px; right: 15px; font-size: 145px; color: #f5a100;}
.rebldvtr{ text-align: center; padding: 70px 0;}
.rebldvtr h2{ font-size: 50px; text-transform:  uppercase; color: #151515; font-weight: 600;}
.rebldvtr p{ font-size: 20px; color: #151515; font-weight: 400;}
.lmpts .tab-content.completed .downbrou.vewglry{ right:  inherit; left: 30px;}
.villa-entrance-gallery-row.jointven{ justify-content: center; margin-top: 50px;}
.villa-entrance-gallery-item img.jointven{ height:  auto;}
.project_slider .project-card .readymove{ position: absolute; top: 35px; right: 35px;}
.project_slider .project-card .readymove label{ background: #1e9e4e;  color: #fff; border-radius: 50px; padding: 5px 20px;}
.vistavdoawrd{}
.vistavdoawrds{}
.vistavdoawrds img{ height: 465px; width: 100%;}
.project_slider .project-card .plyvdo{ position: absolute; top: 35px; left: 35px;}
.wrapper { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.video-main { position: relative; display: inline-block;}
.video-main a{ background: #EC3939 !important; width: 30px !important; height: 30px !important; border-radius: 100% !important; line-height: 31px !important; padding: 0 !important;
position: relative; left: 25px; top: 25px; color: #fff !important;}
.video { height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 100%; background: transparent; color: #fff; display: inline-block; background: #000000; z-index: 999;}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.video-main .fa-play:before { content: "\f04b";}
.waves { position: absolute; width: 150px; height: 150px; background: rgba(0, 0, 0, 0.3); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  border-radius: 100%;
     right: -85px; bottom: -85px; z-index: -1;  -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite;}
.wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s;}
.wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.jnd a{ color: #000000; font-size: 20px; text-transform:  uppercase; font-weight:  400; text-decoration:  underline; margin-top: 30px; display:  inline-block;}
.jnd a i{ color: #cc4b4c; font-size: 30px; margin-right: 5px;}
.homeblg{ padding: 70px 0 30px 0;}
.homeblgt{ text-align: center;}
.homeblgt h2{ color: #ffba00; font-size: 100px; font-weight: 500; font-family: "Great Vibes", cursive;}
.homeblgt p{ color: #000000; font-size: 20px; font-weight: 400;}
.blog_slider{ position: relative;}
.blog_slider .blog-card{ padding: 15px;}
.blog_slider .blog-cards{ padding: 30px; border-radius: 20px; border: 1px solid #ddd;}
.blog_slider .blog-card h3{ color: #030303; font-size: 24px; font-weight: 700; margin: 20px 0;}
.blog_slider .blog-card h3 a{ color: #030303; font-size: 24px; font-weight: 700; text-decoration:  none; background:  none; padding: 0; text-transform:  capitalize;}
.blog_slider .blog-card p{ color: #030303; font-size: 20px; font-weight: 400; line-height: 30px;}
.blog_slider .blog-card a{ background: #ffba00; color: #000000; font-size: 14px; text-transform:  uppercase; padding: 7px 20px; border-radius: 20px; text-decoration:  none;}
.blog_slider .datepub{ text-transform:  uppercase; color: #030303; font-size: 14px;}
.blog_slider .datepub span{ float:  right;}
.blog_slider .slick-prev, .blog_slider .slick-next { width: 45px; height: 45px;background: #f4b400; border-radius: 50%; z-index: 10;}
.blog_slider .slick-prev:before, .blog_slider .slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; font-size: 18px;}
.blog_slider .slick-prev:before { content: "\f053";}
.blog_slider .slick-next:before { content: "\f054";}
.testi_more{ margin-top: 30px;}
.testi_more a{ background: #ffba00; color: #000000; font-size: 20px; text-transform:  uppercase; padding: 7px 20px; border-radius: 20px; text-decoration:  none;}
.blog_slider.blog{ display: contents;}


.endeeblog{ padding: 70px 0;}
.blog-card {}
.sidebar-box { background: #f8f9fa; padding: 20px; margin-bottom: 30px; border-radius: 1rem; border: 1px solid #ddd;}
.endeeblog .card{ border-radius: 1rem; margin-bottom: 30px;}
.endeeblog .card-body{ padding: 2rem;}
.endeeblog .card-body img{ border-radius: 30px;}
.endeeblog .card-body h1{ color: #2b2b2b; font-size: 30px; font-weight: 700; margin: 20px 0 0 0;}
.endeeblog .card-body h2{ font-weight: 600; font-size: 25px;}
.endeeblog .card-body p{ color: #2b2b2b; font-size: 18px; font-weight: 400; line-height: 32px; margin: 20px 0;}
.endeeblog .card-body a{ background: #ff7c24; color: #fff; text-decoration:  none; font-size: 18px; font-weight: 400; border-radius: 20px; padding:2px 10px; display:  inline-block;}
.endeeblog .date_info{ margin-top: 20px; margin-right: 15px;}
.endeeblog .date_info span{ font-size: 18px; text-transform: uppercase; font-weight: 700;}
.endeeblog .date_info span .fa-solid{ margin-right: 3px;}
.sidebar-box h5{ color: #2b2b2b; font-size: 25px; text-transform:  uppercase; font-weight: 700; margin-bottom: 20px;}
.sidebar-box ul li{ border-bottom: 1px solid #ddd; padding: 10px 0; position: relative; padding-left: 30px;}
.sidebar-box ul li a{ color: #2b2b2b; font-size: 18px; font-weight: 400; text-decoration:  none;}
.sidebar-box ul li a.active{ color: #f5b400;}
.sidebar-box ul li:last-child{ border:  none;}
.sidebar-box ul li .fa-angles-right{ position: absolute; left: 0; top: 18px; color: #f5b400;}

.sidebar-box .custom-input { background: #fff; border-radius: 40px; padding: 7px 25px; border: none; width: 100%; margin-bottom: 15px; outline: none; color: #353535; font-size: 16px; font-weight: 500;
  text-transform:  uppercase; border: 1px solid #ddd;}
.sidebar-box .submit-btn { background: #f5b400; border: none; padding: 15px 65px; border-radius: 40px; font-weight: 500; display: block; margin: 20px auto 0; font-size: 16px; color: #353535;}
.sidebar-boxs{ padding: 0;}



/*jana start*/

.jnd h2{color: black;font-size: 50px;text-transform: uppercase;margin-bottom: 0;}
.jnd label{color:#ffba00;}
.jnd span {font-size: 20px;font-weight: 400;}
.jnd p{font-size: 20px;  line-height: 32px;  font-weight: 400;padding-top: 20px;  padding-bottom: 0;margin-bottom: 0;}
.dfnhbgdfg{position: relative;padding: 60px 0;}
.dfnhbgdfg::before{content: "";  position: absolute;  top: 0;  right: 0;  background-image: url("../images/inner_project_bg.webp");  background-size: cover;  background-position: center;  background-repeat: no-repeat;  z-index: 0;width: 100%;height: 100%;}
button.project{background-color: #ffba00;border: none;padding: 10px 35px; border-radius: 30px;font-weight: 400;margin-top: 50px;z-index: 1;}
button.project:focus{outline: 0px;}
.promenti{background-color: #1f1f1f;position: relative;padding: 130px 0;}
.promenti::before{content: "";  position: absolute;  top: 0;  right: 0;  background-image: url("../images/inner_project_amenities_bg.webp");  background-size: cover;  background-position: center;  background-repeat: no-repeat;  z-index: 0;width: 100%;height: 100%;}
.inampo h3{color: #ffba00;  font-size: 100px;  font-weight: 400;  font-family: "Great Vibes", cursive;margin-bottom: 0;}
.inampo span{font-size: 26px;  letter-spacing: 2px;  text-transform: uppercase; color: white;}
.ameni label{color: white;margin-bottom: 0;padding-top: 10px; font-size: 22px;}
.ameni img{display: block;  margin: 0 auto;  border: 2px solid #72706c;  border-radius: 10px;  padding: 34px;}
.ameni{text-align: center;padding-bottom: 60px;}
button.Amenitiess{background-color: white;border: none;padding: 10px 35px; border-radius: 30px;font-weight: 400;color: black;z-index: 1;}
button.Amenitiess:focus{outline: 0px;}
.poende{padding-top: 60px;}
.jd-project-navbar { position: sticky; top: 20px; z-index: 9; width: 70%; margin: 20px auto; padding: 25px 45px; background-color: white; border-radius: 30px; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;overflow: visible;}
.jd-project-navbar.jd-sticky-active{ width: 100%;top: 0%;padding: 62px 45px; border-radius: 0; margin: 0;}
.jd-menu-wrap { overflow: hidden;}
.jd-menu-list { display: flex; justify-content: center; align-items: center; gap: 34px; list-style: none; margin: 0; padding: 0; flex-wrap: nowrap;}
.jd-nav-item { flex: 0 0 auto;}
.jd-nav-arrow { display: none;}
.jd-nav-item a{color: black;font-weight: 450;font-size: 17px;}
.jd-nav-item a:hover{text-decoration-line: none;color: black;}
.jd-link{position: relative;}
.jd-link.jd-active{color: #ffba00;}
.jd-link.jd-active:hover{color: #ffba00;}
.jd-menu-wrap::-webkit-scrollbar,.jd-menu-list::-webkit-scrollbar { display: none;}
.jd-menu-wrap,.jd-menu-list { scrollbar-width: none;}
.jd-menu-wrap { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden;}
.jd-link { -webkit-tap-highlight-color: transparent;}
.jd-link:focus,.jd-link:active { outline: none; box-shadow: none;}
.njhdfg h4{color: black; font-size: 50px; text-transform: uppercase; margin-bottom: 0;}
.njhdfg label{ color: #ffba00;}
.evleic {padding: 60px 0 85px; background: #f3f3f3; position: relative;}
.evleic::before{content: ""; position: absolute; top: 0; right: 0; background-image: url("../images/elevation-pics-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;
    z-index: 0; width: 100%; height: 100%;}
.elevation-slider-wrapper { position: relative; padding-top: 25px;}
.elevation-slider .elevation-slide-item { position: relative; padding: 0 10px;}
.elevation-slider .elevation-slide-item img { width: 100%; height: 600px; object-fit: cover; border-radius: 30px; display: block;}
.elevation-caption { position: absolute;left: 50%; bottom: -9px; transform: translateX(-50%); background-color: #fff; color: #111;font-size: 20px; font-weight: 400; text-transform: uppercase;
    padding: 12px 30px; border-radius: 50px; z-index: 3;}
.elevation-slide-item {position: relative;overflow: visible;}
.elevation-slider .elevation-slide-item img { width: 100%; object-fit: cover; border-radius: 30px; display: block; position: relative;z-index: 1;}
.elevation-slider .slick-prev,.elevation-slider .slick-next { width: 70px; height: 70px; border-radius: 50%; background: rgba(255,255,255,0.95); box-shadow: 0 2px 10px rgba(0,0,0,0.08); z-index: 5;
     display: flex !important; align-items: center; justify-content: center;}
.elevation-slider .slick-prev:before,.elevation-slider .slick-next:before { display: none;}
.elevation-slider .slick-prev { left: -35px;}
.elevation-slider .slick-next {right: -35px;}
.elevation-slider .slick-prev i,.elevation-slider .slick-next i { font-size: 30px; color: #111;}
.elevation-slider .slick-prev:hover,.elevation-slider .slick-next:hover { background: #fff;}
.elevation-slider .slick-dots { bottom: -50px;}
.elevation-slider .slick-dots li button:before {font-size: 12px; color: #caa12b;}
.loccation{position: relative;padding: 60px 0;}
.loccation::before{content: ""; position: absolute;top: 0;right: 0; background-image: url("../images/location-advatanges-bg.webp");background-size: cover; background-position: center; background-repeat: no-repeat;
    z-index: 0; width: 100%; height: 100%;}
.tabsde h5{font-size: 100px; font-weight: 400; font-family: "Great Vibes", cursive; margin-bottom: 0;color: #1f1f1f;}
.tabsde span{font-size: 26px; letter-spacing: 2px; text-transform: uppercase; color: #1f1f1f;}
.location-advantage-section { padding: 60px 0;}
.location-content-box {padding-right: 20px;}
.location-main-title { font-size: 25px; font-weight: 450; text-transform: uppercase; margin: 0 auto 30px; position: relative; padding-bottom: 10px; width: fit-content;}
.location-main-title::after{position: absolute;content: '';left: 0; right: 0; width: 100%; height: 2px; background-color: #1f1f1f; bottom: 0;}
.location-minute-tabs .nav-link { width: 90px; height: 90px; border: 1px solid #222; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;font-size: 18px;
    font-weight: 700;color: #000;background: transparent; text-align: center;}
#location-tab.nav.flex-column.nav-pills.location-minute-tabs{align-content: center}
#location-tabContent.tab-content.location-tab-content{align-content: center;}
.location-minute-tabs .nav-link.active { color: #ffba00; background: transparent; border-color: #222;}
.location-item {margin-bottom: 20px; padding-bottom: 0; border-bottom: none; text-align: left;}
.location-item-inner {border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.location-item h5 { font-size: 17px; font-weight: 400; line-height: 1.3; color: #111; text-transform: uppercase; margin-bottom: 10px;}
.location-item span { display: inline-block; background: #ffba00; color: #000; font-size: 14px; font-weight: 600; padding: 6px 12px;}
.location-static-image img { width: 100%; max-width: 420px; border-radius: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.12); border: 3px solid #cecece;}
.fllloor h3{font-size: 100px;font-weight: 400; font-family: "Great Vibes", cursive; margin-bottom: 0;  color: #1f1f1f;}
.fllloor span{font-size: 26px;letter-spacing: 2px; text-transform: uppercase; color: #1f1f1f;}
.floorpos { padding: 60px 0; background-color: #111; position: relative;}
.floorpos::before { content: ""; position: absolute; top: 0; right: 0; background-image: url("../images/floor-plan-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat;
    z-index: 0; width: 100%; height: 100%;}
.fllloor h3 {font-size: 100px; font-weight: 400; font-family: "Great Vibes", cursive; margin-bottom: 0; color: #ffba00;}
button.Amenitiess.fl{margin-top: 50px;}
.fllloor span { color: white; letter-spacing: 2px; text-transform: uppercase;}
.floor-slider { position: relative;}
.floor-item { padding: 0 10px;}
.floor-box { background: #f3f3f3; border-radius: 18px; padding: 25px; text-align: center;}
.floor-box img { width: 100%; border-radius: 10px; cursor: pointer; transition: 0.3s;}
.floor-box img:hover { transform: scale(1.02);}
.floor-caption {  margin-top: 15px; font-size: 22px;  font-weight: 600; color: #111;}
.floor-slider .slick-prev,.floor-slider .slick-next { width: 60px; height: 60px; background: #fff; border-radius: 50%; z-index: 5; display: flex !important; align-items: center; justify-content: center;
     border: none;}
.floor-slider .slick-prev { left: -25px;}
.floor-slider .slick-next { right: -25px;}
.floor-slider .slick-prev:before,.floor-slider .slick-next:before { display: none;}
.floor-slider i { font-size: 22px; color: #111;}
.fancybox__container { z-index: 9999 !important;}
.speif h2{font-size: 100px; font-weight: 400; font-family: "Great Vibes", cursive; margin-bottom: 0; color: #1f1f1f;}
.speif span{font-size: 26px; letter-spacing: 2px; text-transform: uppercase; color: #1f1f1f;}
.specfg { padding: 60px 0;}
.speif h2 { font-size: 100px;font-weight: 400;font-family: "Great Vibes", cursive; margin-bottom: 0; color: #1f1f1f;}
.speif span { font-size: 26px;letter-spacing: 2px;text-transform: uppercase; color: #1f1f1f;}
.spec-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 18px 0 10px; border-bottom: 1px solid #cecece;}
.spec-header h5 { font-size: 22px; margin: 0; text-transform: uppercase;}
.spec-header.active h5 { color: #ebad06;}
.spec-icon { font-size: 28px; font-weight: bold; transition: 0.3s;}
.spec-header.active .spec-icon { content: "-";}
.spec-body { padding: 20px 0 20px; border-bottom: 1px solid #cecece;}
.spec-body ul { padding-left: 20px; margin-bottom: 0;}
.spec-body li { margin-bottom: 10px;font-size: 17px;}
.map-section { padding: 60px 0; background: #f3f3f3;}
.map-title h2 {font-size: 100px; font-weight: 400; font-family: "Great Vibes", cursive; margin-bottom: 0; color: #1f1f1f;}
.map-title span { font-size: 26px; letter-spacing: 2px; text-transform: uppercase; color: #1f1f1f;}
.map-box { border-radius: 20px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.map-box iframe { display: block; width: 100%; height: 450px;}
.project-gallery-section { padding: 60px 0;}
.project-gallery-card { background: transparent; transition: all 0.3s ease;}
.project-gallery-img { overflow: hidden;}
.project-gallery-img img { width: 100%; height: 300px; object-fit: cover; display: block; transition: transform 0.4s ease;}
.project-gallery-content {background: #f4b400; text-align: center; padding: 14px 10px 12px;}
.project-gallery-content h4 {font-size: 22px; font-weight: 500; color: #000; margin-bottom: 3px; text-transform: uppercase;}
.project-gallery-content p { font-size: 17px;font-weight: 500; color: #000; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0;}
.project-gallery-card:hover .project-gallery-img img { transform: scale(1.05);}
.project-gallery-section a{text-decoration-line: none;}
.villa-entrance-heading{padding-bottom: 30px;}
.villa-entrance-gallery-row .hsd{padding: 0px 0 0 0;}
.villa-entrance-gallery-section { padding: 60px 0; position: relative;}
.villa-entrance-gallery-section::before {content: "";position: absolute; top: 0;right: 0; background-image: url("../images/gallery-detial-bg.webp"); background-size: cover; background-position: center;
    background-repeat: no-repeat; z-index: 0; width: 100%; height: 793px;}
.villa-entrance-heading h2 { font-size: 35px; color: #111;    text-transform: uppercase; margin-bottom: 0;}
.villa-entrance-heading h2 span { color: #f4b400;}
.villa-entrance-gallery-row { justify-content: left;}
.villa-entrance-gallery-item { overflow: hidden; padding: 6px;}
.villa-entrance-gallery-item a {  display: block;}
.villa-entrance-gallery-item img { width: 100%; height: 270px;  object-fit: cover; display: block;  transition: transform 0.4s ease;}
.villa-entrance-gallery-item:hover img { transform: scale(1.04);}
.fancybox__container { z-index: 9999 !important;}
.img-vector{padding-top: 20px;padding-bottom: 20px;}
.dsg{padding: 0;}



@media (max-width: 991px) {

button:focus{outline: none;}
.jd-project-navbar { width: 100%; margin: 0; border-radius: 0;  top: 12%; padding: 25px 40px; overflow: visible; z-index: 1; }
.jd-menu-wrap {overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.jd-menu-wrap::-webkit-scrollbar { display: none;}
.jd-menu-list { justify-content: flex-start; width: max-content; white-space: nowrap; }
.jd-nav-arrow { display: flex !important; align-items: center; justify-content: center; position: absolute; top: 50%;transform: translateY(-50%); width: 30px; height: 30px; border: none;border-radius: 50%;
    background: #ffd400;color: #000;font-size: 16px;line-height: 1;cursor: pointer; z-index: 99999;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.jd-nav-arrow-left { left: 5px;}
.jd-nav-arrow-right {right: 5px;}
.evleic { padding: 50px 0;}
.evleic .njhdfg h4 { font-size: 28px; margin-bottom: 0; }
.elevation-slider .elevation-slide-item img {height: 450px; border-radius: 20px;}
.elevation-caption { font-size: 16px; padding: 10px 12px; bottom: 0; }
.elevation-slider .slick-prev,.elevation-slider .slick-next {width: 52px; height: 52px;}
.elevation-slider .slick-prev { left: 10px;}
.elevation-slider .slick-next { right: 10px; }
.elevation-slider .slick-prev i,.elevation-slider .slick-next i { font-size: 20px; }
.location-content-box { padding-right: 0; margin-bottom: 30px;}
.location-main-title {font-size: 28px; }
.location-item h5 {font-size: 18px;}
.location-minute-tabs { flex-direction: row !important; justify-content: center; margin-bottom: 25px; }
.location-minute-tabs .nav-link { width: 75px;height: 75px; font-size: 16px; margin: 0 10px 0 0;}
.fllloor h3 {font-size: 35px; }
.floor-box { padding: 15px;}
.floor-caption { font-size: 16px; }
.floor-slider .slick-prev,.floor-slider .slick-next { width: 45px; height: 45px; }
.floor-slider .slick-prev { left: 10px; }
.floor-slider .slick-next { right: 10px;}
.map-title h2 { font-size: 28px;}
.map-box iframe {height: 300px;}
.project-gallery-img img {height: 260px;}
.project-gallery-content h4 {font-size: 16px;}
.project-gallery-content p { font-size: 13px;}
.villa-entrance-gallery-section { padding: 60px 0;}
.villa-entrance-heading h2 { font-size: 34px;margin-bottom: 35px;}
.villa-entrance-gallery-item img { height: 220px;}

}


@media (max-width:1200px){
  
}
@media (max-width: 1041px) {
 
}
@media (max-width: 992px) {
 
}

@media (max-width: 768px) {

.hero-slider .banner-content{ right: 15px;}
.main-header .navbar-brand{ position: static;}
.hamburger { width: 28px; height: 2px; background: #fff; display: block; position: relative; transition: 0.3s; margin-top: 8px; margin-right: 60px;}
.hamburger::before,.hamburger::after { content: ""; position: absolute; width: 28px; height: 2px; background: #fff; left: 0; transition: 0.3s;}
.hamburger::before { top: -8px; }
.hamburger::after { top: 8px; }
.navbar-toggler:not(.collapsed) .hamburger { background: transparent;}
.navbar-toggler:not(.collapsed) .hamburger::before { transform: rotate(45deg); top: 0;}
.navbar-toggler:not(.collapsed) .hamburger::after { transform: rotate(-45deg); top: 0;}
.mainmenu{ margin: 0;}
.navbar-brand{ padding-left: 15px;}
.navbar-brand img{ height: 65px;}
.custom-navbar{ background: #2a2a2a;}
.mainmenu .nav-item{ border-bottom: 1px solid rgba(255,255,255,.4); padding: 9px;}
.mainmenu .navbar-nav .nav-link.active{ border:  none; color: #f5b400 !important;}
.mainmenu .dropdown-toggle::after{ vertical-align: 0;}
.navbar-toggler{ border:  none;}
.navbar-toggler:after{ content:'Menu'; position: absolute; right: 30px; top: 45px; color: #fff; font-size: 20px; font-weight: 400;}
.custom-navbar button:focus{ outline:  none;}
.mainmenu .dropdown-item{ font-size: 16px;}
.navbar-nav .show > .nav-link{ color: #fff;}
.mainmenu .nav-link{ color: #fff !important; padding-top: 0;}
.mainmenu .navbar-nav{ margin-top: 15px;}
.hero-slider .banner-content{ text-align: center;}
.hero-slider .banner-content h2 label em{ font-size: 75px;}
.hero-slider .banner-content h2{ font-size: 30px;}
.hero-slider .banner-content h2 label span{ font-size: 38px;}
.hero-slider .banner-content h2 label{ font-size: 115px;}
.hero-slider .banner-content{ top: 30%;}
.hero-slider .banner-content h2 label span{ top: 12px;}
.hero-slider .banner-content p span{ display:  initial;}
.hero-slider .slick-dots{ bottom: 0; display:  none;}
.stats{ display:  inherit;}
.stats span{ font-size: 25px;}
.bydhwtbic .banner-content h1{ font-size: 35px; padding-top: 40px;}
.bydhwtbic .banner-content h1 span{ font-size: 25px;}
.stats h2{ font-size: 60px;}
.bydhwtbic .banner-content{ position: absolute; top: 0; left: 0; transform:  none; min-width:  inherit;}
.main-header.scrolled{ height:  inherit;}
.main-header.scrolled .navbar-toggler::after{ top: 39px;}
.main-header .navbar-brand img{ height:  80px;}
.main-header.scrolled .navbar-brand img { height:  65px;}
.bydhwtbic .banner-content .container{ padding: 0;}
.lmpts .tab-btn{ font-size: 11px;}
.lmpts{ padding: 25px 0;}
.lmpts.completed{ padding: 25px 15px;}
.lmpts .tabs{ padding: 6px 0;}
.lmpts h2{ font-size: 70px;}
.lmpts h3{ font-size: 28px;}
.lmpts .container{ padding: 0;}
.project_slider .info-box{ padding: 20px 0;}
.project_slider .info-box h4{ font-size: 25px;}
.project_slider .info-value{ font-size: 15px;}
.project_slider .info-item i{ font-size: 26px; margin-left: 0; margin-right: 5px;}
.project_slider .project-card{ padding: 15px 5px;}
.project_slider .info-title{ font-size: 12px;}
.main-header.scrolled .mainmenu .navbar-nav{ margin-top: 12px;}
.project_slider .custom-arrow{ top: 37%;}
.exprts-title span{ font-size: 25px;}
.exp-center-img{ display:  none;}
.exprtscton{ padding-top: 75px;}
.exprtscton .pattern{ display:  none;}
.exprts-cntnt{ text-align: center;}
.wtorcntsy h2{ font-size: 65px;}
.wtorcntsy h3{ font-size: 28px;}
.testi_slider .testimonial-card{ padding: 50px 25px;}
.testi_slider .user-name{ font-size: 10px;}
.testi_slider .user-location{ font-size: 15px;}
.wtorcntsy{ padding: 35px 0;}
.testi_slider .testimonial-text{ text-align: center;}
.testi_slider .slick-prev, .testi_slider .slick-next{ width: 30px; height: 30px; line-height: 30px;}
.testi_slider .slick-prev{ left: -10px; line-height: 1px;}
.testi_slider .slick-next{ right: -10px; line-height: 1px;}
.bydht h2{ font-size: 35px;}
.bydht .custom-input{ margin-bottom: 20px;}
.bydht .checkbox-text{ text-align: center; font-size: 16px;}
.footer-mobile { background: url('../images/mob_footer_bg.webp') no-repeat center/cover; background-size: auto;background-size: cover; color: #ccc; padding: 20px 15px; position: relative; overflow: hidden;}
.footer-inner { position: relative; z-index: 2;}
.footer-inner img { margin-bottom: 15px; width:100%;}
.footer-inner p { margin-bottom: 10px; font-size: 16px; color: #fff; font-weight: 300;}
.footer-inner p a{ color: #fff; text-decoration:  none;}
.footer-inner p i{ color: #f5b400;}
.social-icons a { width: 35px; height: 35px; background: #f5b400; color: #000; display: inline-block; text-align: center; line-height: 35px; border-radius: 50%; margin-right: 10px;}
.footer-accordion { margin-top: 20px;}
.accordion-item { border-top: 1px solid rgba(255,255,255,0.3); padding: 12px 0;}
.accordion-title { display: flex; justify-content: space-between; cursor: pointer; font-size: 18px; color: #f5b400;}
.accordion-content { display: none; padding-top: 10px;}
.accordion-content a { display: block; color: #ddd; margin-bottom: 6px; text-decoration: none;}
.accordion-content a:hover { color: #f5b400;}
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.3); margin-top: 8px; padding-top: 10px; font-size: 13px; padding-bottom: 45px;}
.endeefaq .card-header{ padding: 10px 0;}
.endeefaq .card-link{ font-size: 17px; padding-right: 32px;}
.endeefaq .card-body{ font-size: 16px; line-height: 32px;}
.footer-mobile .btn-link { width: 100%; text-align: left; color: #f1b72b; font-weight: 600; text-decoration: none; position: relative; font-size: 25px; padding: 10px 0 0 0; font-family: "Poppins", sans-serif;
  outline: none; outline: 0; border: 1px solid #888888; border-radius: 0; border-right:  none; border-left: none; border-bottom:  none;}
.footer-mobile .btn:focus{ box-shadow:  none;}
.footer-mobile .card{ background:  none;}
.footer-mobile .card-header{ padding: 0;}
.endeefaq h2{ font-size: 35px;}
.footer-mobile .card-body ul{ padding: 0 0 10px 25px; margin: 0; position: relative;}
.footer-mobile .card-body  ul::before { content: ''; position: absolute; left: 0; top: 14px; bottom: 22px; border-left: 1px solid #777778;}
.footer-mobile .card-body{ padding: 0;}
.footer-mobile .card-body ul li { list-style: none; position: relative;}
.footer-mobile .card-body ul li a{ color: #fff; text-decoration:  none; font-size: 18px;}
.footer-mobile .card-body ul li::before { content: ''; position: absolute; left: -24px; top: 14px; border-bottom: 1px solid #777778; width: 15px;}
.endeefaq .card{ margin-bottom: 15px;}
.footer-inner p strong{ font-size: 20px;}
.lmpts .tab-btn label{ display:  none;}
.bydhwtbic .banner-content a{ font-size: 16px;}
.project_slider .project-card a{ font-size: 14px; padding: 12px 15px;}
.bydht{ padding: 40px 0;}
.wdwwpwncoqc{ padding: 30px 0;}
.wdwwpwncoq{ padding: 0 15px;}
.wdwwpwncoqc h1{ font-size: 35px;}
.chairman-title{ font-size: 30px;}
.chairman-content{ text-align: center;}
.chairman-content h5{ font-size: 22px;}
.adv-title{ font-size: 70px;}
.adv-subtitle{ font-size: 35px;}
.adv-item{ display:  inherit; padding: 25px 15px;}
.adv-left h5{ font-size: 21px;}
.adv-left h5 img{ height: 35px;}
.adv-number{ position: absolute; top: 0; right: 0; font-size: 40px; width: 100%; text-align: center;}
.adv-left{ padding-top: 45px; text-align: center;}
.bydhwtbic .banner-content p{ font-size: 16px;}
.testi_slider .testimonial-text{ font-size: 16px;}
.bydht .custom-input{ font-size: 14px;}
.exp-item{ margin-bottom: 30px;}
.hero-slider.innrabt .bg-img{ height: 400px;}
.hero-slider .banner-content.innrabt{ left: 0; bottom: -75px; top:  inherit;}
.hero-slider .banner-content.innrabt p{ font-size: 22px;}
.wdwwpwncoqc p{ font-size: 16px; margin-bottom: 0;}
.chairman-content p{ font-size: 16px;}
.adv-left p{ font-size: 16px;}
.contact-box p{ font-size: 16px;}
.connect-title{ font-size: 30px;}
.contact-box p a{ font-size: 22px;}
.mobsocial{ position: fixed; bottom: -17px; width: 100%; left: 0; z-index: 2;}
.mobsocial ul{ background: #f5b400; text-align: center; padding: 15px 0;}
.mobsocial ul li{ display:  inline-block; width: 24%; border-right: 1px solid #000;}
.mobsocial ul li:last-child{ border:  none;}
.mobsocial ul li a{ display:  block; text-decoration:  none; color: #000;}
.scroll-top{ bottom: 55px; right: 7px;}
.lmpts .tab-content.completed .info-box{ padding: 20px 5px;}
.lmpts .tab-content.completed .info-box h4{ font-size: 22px;}
.lmpts .tab-content.completed .info-item i{ font-size: 25px; margin-right: 5px;}
.lmpts .tab-content.completed .info-value{ font-size: 13px;}
.lmpts .tab-content.completed .downbrou a{ font-size: 13px;}
.section-title{ font-size: 30px;}
.testimonial-card{ padding: 85px 15px 30px 15px; text-align: center;}
.quote-top{ left: 20px;}
.testimonial-card p{ font-size: 16px; min-height:  inherit;}
.success-stories{ padding-bottom: 0;}
.jnd h2{ font-size: 35px;}
.jnd p{ font-size: 16px;}
.promenti{ padding: 45px 0;}
.inampo h3{ font-size: 60px;}
.tabsde h5{ font-size: 50px;}
.speif h2{ font-size: 60px;}
.loccation{ padding-bottom: 0;}
.rebldvtr h2{ font-size: 30px;}
.hero-slider .bg-img{width: 100%;  height: 65vh;  margin-top: 100px;}
.hero-slider{ height:  inherit;}
.lmpts .tab-content.completed .info-box h5{ font-size: 16px;}
.lmpts .tab-content.completed .info-title{ font-size: 11px;}
.homeblgt h2{ font-size: 50px;}
.blog_slider .blog-card{ padding: 0;}
.blog_slider .blog-cards{ padding: 30px 15px;}
.blog_slider .blog-card p{ font-size: 16px;}
.blog_slider .slick-prev{ left: -10px; width: 25px;  height: 25px;}
.blog_slider .slick-next{ right: -10px; width: 25px;  height: 25px;}
.blog_slider.blog{ padding: 0 15px; display:  initial;}
.blog_slider .blog-card.blog{ margin-bottom: 20px;}
.endeeblog .card-body{ padding: 15px;}
.endeeblog .card-body h1{ font-size: 25px;}
.endeeblog .card-body p{ font-size: 16px;}

.villa-entrance-gallery-row.jointven .hsd{ margin-bottom: 20px;}
.rebldvtr{ padding: 35px 0;}


  
}



@media (max-width: 580px) {
 

}

@media (max-width: 575px) {

.project-gallery-section {padding: 40px 0;}
.project-gallery-img img { height: 220px;}
.project-gallery-content { padding: 12px 8px 10px;}
.project-gallery-content h4 {font-size: 15px;}
.project-gallery-content p {font-size: 12px;letter-spacing: 0.5px; }
.villa-entrance-heading h2 {font-size: 26px;line-height: 1.3;}
.villa-entrance-gallery-item img {height: 180px;}

}

@media (max-width: 1199px) {

.villa-entrance-heading h2 {font-size: 30px; margin: 0;}
.villa-entrance-gallery-item img { height: 240px;}

}