@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url(components.css);
 :root {
  /* Primary */
  --primary:#F15228;
  --primary-shade1:#F2633E;
  --primary-shade2:#F47553;
  --primary-shade3:#F58669;
  --primary-shade4:#F7977E;

  /* Secondary */
  --secondary:#F6B65F;
  --secondary-shade1:#F7BD6F;
  --secondary-shade2:#F8C57F;
  --secondary-shade3:#F9CC8F;
  --secondary-shade4:#FAD39F;

  /* alert */
  --success:#008A20;
  --info:#000DFF;
  --warning:#FFAA00;
  --error:#DC3545;
  --disabled:#EF233C;


  /* gry */
  --gry-900:#000000;
  --gry-800:#1A1A1A;
  --gry-700:#333333;
  --gry-600:#4D4D4D;
  --gry-500:#666666;
  --gry-400:#999999;
  --gry-300:#999999;
  --gry-200:#B3B3B3;
  --gry-100:#CCCCCC;
  --gry-50:#E6E6E6;

  /* genral-color */
  --balck:#000000;
  --white:#FFFFFF;



}



* { padding: 0px;margin: 0px; }
html,body{ padding: 0px;margin: 0px;font-family: "Inter", sans-serif;font-style: normal;font-size: 14px;font-weight: 400; }
a { text-decoration: none !important; }
img{max-width:100%;}

header { background-color: var(--balck);position: fixed;top: 0;width: 100%;left: 0;z-index: 999; }
header .navbar-expand-lg .navbar-nav .nav-link { color: var(--white);font-size: 14px;font-weight: 500;padding:10px 15px;border-radius: 40px; }
header .navbar-expand-lg .navbar-nav .nav-link.active { color: var(--white);background-color: var(--secondary); }
header .navbar-expand-lg .navbar-nav .nav-link:hover { background-color: var(--gry-700);}
header .navbar-expand-lg .navbar-nav { column-gap: 5px; }
.header-right-part { margin-right: 135px; }
.hours-call-24 { display: flex;flex-direction: column;gap: 5px; }
.hours-call-24 .d-flex { justify-content: end; align-items: center; gap: 10px;font-size: 16px;font-weight: 600;color: var(--white); }
.text-call { display: flex;align-items: center;gap: 10px;background-color: var(--primary);padding: 5px;border-radius: 40px;font-size: 25px;font-weight: 700;padding-right: 15px;color: var(--white); }
.text-call span { display: flex;align-items: center;width: 40px;height: 40px;border-radius: 50%;background-color: var(--white);justify-content: center; }
.container-fluid { padding: 0px 2%;  }
.trust-badge { position: absolute;top:-5px;right: 2%; }
.navbar-brand img { width: 160px; }
.hero-section { display: flex; min-height: 100vh; padding: 100px 0px; background-image: url(../images/hero-banner.jpg);background-attachment: fixed;  background-size: cover;background-position: center;background-repeat: no-repeat; }
.hero-top-part { text-align: center; }
.hero-top-part h1 {font-size: 61px;font-weight: 700;color: var(--white); }
.hero-top-part p {font-size: 26px;font-weight: 500;color: var(--white); }
.hero-call-part { text-align: center; }
.hero-call-part h4 { color: var(--white); }
.hero-call-part .text-call { display: inline-flex; }
.hero-section .container {max-width: 940px;display: flex; }
.hero-section .hero-content {display: flex;flex-direction: column;justify-content: space-between;gap: 50px;padding-top: 100px; }
.hero-bottom-part .btn { justify-content: center;font-size: 18px;}
.welcome-section-inner { text-align: center; padding: 100px; background: url(../images/banner-welcome.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 20px; }
.welcome-section-inner h4 { font-size: 44px;font-weight: 700;color: var(--white); }
.welcome-section-inner-container { display: flex;flex-direction: column;gap: 25px; }
.welcome-section-inner-container p,.welcome-section-inner-container h4 { margin: 0; }
.welcome-section-inner-container p { font-size: 20px;font-weight: 500;color: var(--white); }
.welcome-section { padding: 2% 0; }
.heading-text { font-size: 42px;font-weight: 700; }
.sub-heading-text { font-size: 18px;font-weight: 500;color: var(--gry-500); }
.about-section-text .hero-call-part h4 { color: var(--balck);font-size: 18px;font-weight: 700; }
.about-section-image { margin: 0;}
.about-section-image img { border-radius: 20px; }
.section-padding { padding: 70px 0; }
.services-section { background-color: var(--balck); }
.services-section-inner { padding: 50px; background: url(../images/services-bg.jpg);background-size: cover;background-position: right;background-repeat: no-repeat;border-radius: 20px; }
.services-inner-container { max-width: 800px; }
.services-inner-container-item { background: rgba(0, 0, 0, 0.43);backdrop-filter: blur(36.7px);padding: 20px;border-radius: 8px; }
.services-inner-container-item h3 { margin: 0;font-size: 18px;font-weight: 700;color: var(--white);text-align: center; }
.services-inner-container .row > * { display: flex;}
.services-inner-container .row > * > * { flex: 1;height: 85px;display: flex;align-items: center;justify-content: center; }
.top-text-heading { font-size: 22px;font-weight: 700;color: var(--primary); }
.nav-pills-custom { display: flex;justify-content: center;}
.nav-pills-custom ul { background-color: #F2F3F4;padding: 5px;border-radius: 51px; }
.nav-pills-custom .nav-pills .nav-link { padding: 10px 15px;font-weight: 600;border-radius: 45px;padding: 10px 20px; color: var(--gry-400);}
.nav-pills-custom .nav-pills .nav-link.active { background-color: var(--primary);color: var(--white); }
.contact-section-inner { max-width: 1050px;border-radius: 15px;margin: auto;background-color: #F2F3F4;padding: 30px; }
.contact-section-inner .map-section { width: 100%;height: 100%; }
.contact-section-inner .map-section iframe{ width: 100%;height: 100%; }
.contact-section-inner .map-section { border: 10px solid #FFFFFF;filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));border-radius: 15px; }
.contact-info-list ul { list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 33px; }
.contact-info-list ul li { display: flex;align-items: center;gap: 10px; }
.contact-info-list ul li figure { margin: 0; width: 40px;height: 40px;border-radius: 10px;background-color: var(--primary);display: flex;align-items: center;justify-content: center; }
.contact-info-list ul li figure svg { width: 24px;height: 24px; }
.contact-info-list ul li figcaption { display: flex;flex-direction: column;gap: 5px; }
.contact-info-list ul li figcaption h4 { margin: 0;font-size: 18px;font-weight: 700;color: var(--balck); }
.contact-info-list ul li figcaption span { margin: 0;font-size: 14px;font-weight: 500;color: var(--gry-500); }
footer { background-color: var(--balck);margin-top: 75px; }
.footer-copyright { text-align: center;padding: 20px 0; background: var(--gry-800);color: var(--gry-400);}
.footer-main { padding: 100px 0; }
.footer-social-link { display: flex;gap: 5px; }
.footer-social-link a { width: 40px;height: 40px;border-radius: 10px;background-color: var(--primary);color: var(--white);font-size: 24px;  display: flex;align-items: center;justify-content: center; }
.heading-text-footer { color: var(--white);font-size: 18px;font-weight: 600;margin-bottom: 30px; }
.footer-link { display: flex;flex-direction: column;gap: 10px; }
.footer-link a { color: var(--white);font-size: 14px;font-weight: 500; }
.footer-link a:hover { color: var(--gry-400); }
.logo-footer p { margin-top: 20px;color: var(--white);}
.footer-cta { text-align: center;}
.footer-cta-inner { background: var(--gry-800);padding: 20px 50px;border-radius: 30px;display: inline-flex;align-items: center;justify-content: center;gap: 30px;margin-top: -70px; }
.footer-cta-inner h4 { color: var(--white);font-size: 60px;font-weight: 700;margin-bottom: 0; }
.footer-cta-inner .text-call { font-size: 50px; border-radius: 95px;}
.footer-cta-inner .text-call span { width: 82px;height: 82px; }
.footer-cta-inner .text-call span svg { width: 50px;height: 50px; }
.site-wraper { min-height: 600px;}
.innerpage-wraper { padding-top: 101px; }
.page-heading { background: url(../images/bg-header.jpg);background-size: cover;background-position: center;background-repeat: no-repeat; }
.page-heading { text-align: center; height: 180px;display: flex;align-items: center; }
.page-heading h1 { font-size: 42px;font-weight: 700;color: var(--white); }
.accordion-item  { border: none;border-radius: 15px !important; }
.accordion-button:not(.collapsed) { background: none;border: none;box-shadow: none; }
.accordion-item.active { background-color: #F2F3F4; }
.accordion-header button { font-size: 24px;font-weight: 700;color: var(--gry-600) !important;box-shadow: none !important;outline: none !important; }
.accordion-body { font-size: 18px;color: var(--gry-500);padding-top: 0; }
.accordion.accordion-flush { display: flex;flex-direction: column;gap: 10px; }
.faq-question { max-width: 1050px;margin: auto; }
.term-privacy-content h4 { font-size: 24px;font-weight: 700;color: var(--gry-800); }
.term-privacy-content h3 { font-size: 20px;font-weight: 700;color: var(--gry-800); }
.term-privacy-content p { font-size: 18px;color: var(--gry-500); }
.term-privacy-content p + h4 { margin-top: 20px;}
.term-privacy-content p + h3 { margin-top: 20px; }
.contact-form { max-width: 550px;margin: auto;background-color: #F2F3F4;padding: 40px;border-radius: 15px; }
.about-us-images-block .about-us-image-block { aspect-ratio: 16/9;overflow: hidden;border-radius: 20px; }
.about-us-images-block .about-us-image-block img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.why-about-us-block { background-color: var(--balck);}
.why-about-us-block-inner { border-radius: 15px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);background: linear-gradient(180deg, #0E0E0E 0%, #1E1C1C 100%); border-bottom: 10px solid var(--primary);padding: 30px; }
.why-about-us-block-inner h4 { font-size: 24px;font-weight: 700;color: var(--white);margin-bottom: 20px; }
.why-about-us-block-inner p { font-size: 18px;font-weight: 500;color: var(--gry-400); }
.why-about-us-block-wrap.row > * { display: flex; }
.why-about-us-block-wrap.row > * > * { flex: 1; }
.our-values-block-inner { padding: 50px;background-color: #F2F3F4;border-radius: 15px; }
.our-values-block-inner p { margin-bottom: 0;}
.our-values-block .row > * { display: flex; }
.our-values-block .row > * > * { flex: 1; }
.service-page-img { aspect-ratio: 16/6;overflow: hidden;border-radius: 20px; }
.service-page-img img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.service-block .service-block-inner { padding: 40px;background-color: #FBFBFB;border: 1px solid #CBCFD1;border-radius: 15px; transition: all 0.3s ease; }
.service-block .service-block-inner:hover { background-color: var(--primary);color: var(--white);border-color: var(--primary); }
.service-block .service-block-inner:hover h4 { color: var(--white); }
.service-block .service-block-inner:hover p { color: var(--white); }
.service-block .service-block-inner h4 { font-size: 24px;font-weight: 700;color: var(--primary); }
.service-block .service-block-inner p { font-size: 18px;font-weight: 500;color: var(--gry-500); }
.service-detail-page { display: flex;gap: 40px; }
.service-detail-page .service-detail-left { flex: 1; }
.service-detail-page .service-detail-right .contact-form { width: 420px;margin: 0; }
.service-detail-page .service-detail-right .contact-form .heading-text { font-size: 30px; }
.service-detail-img-row .service-detail-img { border-radius: 15px;overflow: hidden;aspect-ratio: 16/9; }
.service-detail-img-row .service-detail-img img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.service-detail-left h1 { font-size: 42px;font-weight: 700;color: var(--balck); }
.service-detail-left h2 { font-size: 30px;font-weight: 700;color: var(--balck); }
.service-detail-left p { font-size: 18px;font-weight: 500;color: var(--gry-500); }
.service-detail-left ul { display: flex;flex-direction: column;gap: 10px; }
.service-detail-left ul li { font-size: 18px;font-weight: 500;color: var(--gry-500); }
.service-detail-left p + h2 { margin-top: 20px; }
.service-detail-left p + h3 { margin-top: 20px; }
.service-detail-left p + h4 { margin-top: 20px; }
.service-detail-left p + ul { margin-bottom: 30px; }
.galleries-page .gallery-item { display: block; aspect-ratio: 16/10;overflow: hidden;border-radius: 15px;position: relative; }
.galleries-page .gallery-item img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.galleries-page .gallery-item .gallery-item-overlay { transition: all 0.3s ease;opacity: 0; transform: translateY(100%) scale(0); position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px;display: flex; }
.galleries-page .gallery-item .gallery-item-overlay h4 { margin: 0; font-size: 24px;font-weight: 700;color: var(--white);background: rgba(0, 0, 0, 0.4);padding: 10px 20px;border-radius: 15px;width: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255, 255, 255, 0.3); }
.galleries-page .gallery-item:hover .gallery-item-overlay { opacity: 1;transform: translateY(0) scale(1); }
.companies-page .contact-section-inner { max-width: 100%; }
.companies-page .map-section { height: 350px; }