/* basit */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --text-dark:#000;
  --primary-color:#CC067F;
  --primary-bg:#0D031C;
}
body {
  font-family: "Raleway", sans-serif;
  margin: 0;
  padding: 0;
}
.text-primary-color {
  color: var(--primary-color);
}
.font-Montserrat {
    font-family: "Montserrat", sans-serif;
}
h1 { font-size: 68px; line-height: 100%; font-weight: 800;}
h2 { font-size: 55px; line-height: 100%; font-weight: 700;}
h3 { font-size: 38px; line-height: 100%; font-weight: 800;}
h4 { font-size: 34px; line-height: 100%; font-weight: 800;}
h5 { font-size: 28px; line-height: 100%; font-weight: 800;}
h6 { font-size: 24px; line-height: 100%; font-weight: 800;}
p {
    font-size: 14px;
    line-height: 100%;
}
.sec-bg-primary {background-color: var(--primary-bg);}
.plr-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.border-bottom {
  color: whitesmoke;
  opacity: 1;
}

/*remove debuger*/
#phpdebugbar {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.d-none {
  display: none !important;
}
.newslatter{diplay:none !important}
/* old */
/* Topbar */
.topbar{background:var(--bg);border-bottom:1px solid var(--sep);font-size:14px}
.topbar .tb-left, .topbar .tb-right{display:flex;align-items:center;gap:12px}
.topbar .tb-left span, .topbar .tb-left a{color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}
.topbar .tb-left i{color:var(--accent)}
.topbar .sep{width:1px;height:16px;background:var(--sep);display:inline-block;margin:0 4px}
.topbar .social a{color:var(--text);opacity:.8;text-decoration:none;padding:6px}
.topbar .social a:hover{opacity:1;color:var(--accent)}
/* Language dropdown */
.lang{position:relative}
.lang-btn{
  background:transparent;border:0;color:var(--text);display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:8px
}
.lang-btn:hover{background:var(--highlight)}
.lang-menu{
  position:absolute;right:0;top:120%;background:#161616;border:1px solid var(--sep);
  border-radius:10px;list-style:none;margin:0;padding:6px 6px;min-width:160px;display:none;z-index:40
}
.lang.open .lang-menu{display:block}
.lang-menu li a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}
.lang-menu li a:hover{background:var(--highlight)}

/* Main nav */
.mainnav{background:var(--bg-2);border-bottom:1px solid var(--sep)}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}
.logo-mark{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#c792c4,#b261ad);font-weight:800
}
.logo-text strong{font-weight:700}
.logo-text small{display:block;color:var(--muted);font-size:11px;margin-top:-2px}

.nav{display:flex}
.nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav a{
  display:block;padding:14px 18px;border-radius:6px;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.2px
}
.nav li.active > a{background:var(--highlight)}
.nav a:hover{background:var(--highlight);color:#fff}

.utilities{display:flex;align-items:center;gap:10px}
.utilities a{color:var(--text);opacity:.8;text-decoration:none;padding:8px;border-radius:8px}
.utilities a:hover{opacity:1;background:var(--highlight)}

.nav-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:22px;padding:8px;border-radius:8px}
.nav-toggle:hover{background:var(--highlight)}

/* Responsive */

.site-footer{color:var(--f-text); background:linear-gradient(180deg,var(--f-bg),var(--f-grad));}
.site-footer .container{max-width:var(--container);margin-inline:auto;padding:0 18px}
.footer-wrap{padding:48px 0 24px;border-top:1px solid #0f0f0f}

.footer-grid{
  display:grid;
  grid-template-columns: 1.1fr 1.4fr 1.5fr;
  gap:32px 40px;
  align-items:start;
}

/* Brand / Headline */
.logo.mini{display:inline-flex;align-items:center;gap:8px;color:var(--f-text);text-decoration:none;margin-bottom:10px}
.logo.mini .logo-mark{
  width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#c792c4,#b261ad);font-weight:800
}
.logo.mini .logo-text small{display:block;color:#bdbdbd;letter-spacing:.18em}

.footer-title{
  font-size:44px;line-height:1.1;margin:8px 0 28px;font-weight:800;letter-spacing:.02em
}

.follow{display:flex;align-items:center;gap:14px;margin-top:18px}
.follow span{color:#d7d7d7;font-weight:600}
.social a{
  color:var(--f-text);opacity:.9;text-decoration:none;padding:8px;border-radius:8px;display:inline-flex
}
.social a:hover{opacity:1;background:#2b2b2c}

/* Services */
.footer-services{
  display:grid;
  grid-template-columns: repeat(2,minmax(200px,1fr));
  gap:24px 28px;
}
.footer-services h3{
  margin:0 0 12px;font-size:16px;letter-spacing:.06em;color:#ffffff;font-weight:800
}
.footer-services ul{margin:0;padding:0;list-style:none}
.footer-services li{margin:8px 0}
.footer-services a{
  color:var(--f-muted);text-decoration:none
}
.footer-services a:hover{color:#fff}

/* Offices */
.footer-offices{
  display:grid;
  grid-template-columns: repeat(2,minmax(180px,1fr));
  gap:18px 24px;
}
.footer-offices h4{margin:0 0 6px;font-size:14px;letter-spacing:.08em;color:#fff}
.footer-offices address{
  font-style:normal;color:var(--f-muted);line-height:1.45
}


/* toolbox */
/* Section background (same family as previous) */
.toolbox-sec{
  padding: 72px 0 32px;
    /* background:
  radial-gradient(60% 60% at 0% 100%, rgba(255,230,241,.65) 0%, rgba(255,230,241,0) 60%),
    linear-gradient(45deg, #ffffff 0%, #ffffff 40%, #ffe6f1 72%, #fbd2df 100%); */
}
/* Head */
 .toolbox-head{
  width: 76%;
  margin: 0 auto 28px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
}
.toolbox-head .title{
  margin: 0;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .01em;
  font-size: clamp(2rem, 3.2vw + .25rem, 3.2rem);
}
.toolbox-head .accent{ color:#e6178f; }
.eyebrow{
  position: relative; padding-left: 18px;
  font-weight: 700; letter-spacing: .06em; color:#111;
}
.eyebrow::before{
  content:""; position:absolute; left:0; top:50%;
  width:9px; height:9px; background:#d7ff3f; transform:translateY(-50%) rotate(45deg);
  border-radius: 2px; box-shadow: 0 0 8px rgba(215,255,63,.8);
}

/* Button (white default, gradient on hover) */
.btn-cta{
  padding:.8rem 1.4rem; border-radius:999px; border:1px solid #111;
  background:#fff; color:#111; font-weight:700; line-height:1; white-space:nowrap;
  transition: background-position .35s ease, color .2s ease, border-color .2s ease;
  background-image:none;
}
.btn-cta:hover{
  color:#fff; border-color:transparent;
  background-image:linear-gradient(60deg,#5a3dff,#e9168c,#ff7a59,#ffce00);
  background-size:240% 240%; background-position:right center;
}

/* Grid (4 columns desktop) */
.toolbox-grid{
  width: 76%;
  margin: 0 auto 28px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 28px; /* row gap, column gap */
}

/* Dotted vertical divider in the middle */
.toolbox-grid .v-divider{
  position: absolute; inset: 0;
  width: 1px; height: 100%;
  left: 50%; transform: translateX(-50%);
  background: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,.2) 0 6px,
    transparent 6px 14px
  );
  pointer-events: none;
}

/* Cards */
.tool-card{
  display: flex; align-items: center; gap: 12px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 20.18px;
  padding: 14px 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  min-height: 119.27357482910156px; 
  transition: all 0.6s;
  cursor: pointer;
 
}
.tool-card:hover {
  background-color: #010101;
  color: #fff;
}
.tool-card img{
  width: 48.435977935791016px; height: 48.435977935791016px; border-radius: 0px; object-fit: contain;
}
.tool-card h4{
  font-size: 20.18px; font-weight: 800; letter-spacing:.01em; margin-bottom:10px;
}
.tool-card p{
  font-size: 16.25px; color:#666; margin:2px 0 0 0;font-weight: 500;
}


/* logos */



    .rail{position:relative; overflow:hidden; border:1px solid #e7e7ec; border-radius:0px; box-shadow:0 6px 16px rgba(0,0,0,.05);}
    .track{display:flex; align-items:center; height:150px;margin-bottom: 30px; animation: slide 25s linear infinite;}
    .rail:hover .track{animation-play-state:paused}
    .cell{flex:0 0 20%; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e7e7ec;}
    .cell:last-child{border-right:none}
    @keyframes slide{from{transform:translateX(0)} to{transform:translateX(-100%)}}
    /* responsive: always 5 containers visible */

    .title{font-weight:800; font-size:22px; margin:0 0 14px}



/* Logos strip */
.brand-strip{
  width:100%;
  border-top: 1px solid rgba(0,0,0,.12);
  border-bottom: 1px solid rgba(0,0,0,.12);
  display:flex; align-items:center; justify-content:space-between;
  gap: 24px;
  padding: 16px 10%;
  background:#fff;
}
.brand-strip img{
  max-height: 36px; width:auto; object-fit:contain; filter: grayscale(1);
  opacity:.9;
}








  /* ---------- Methodology (fixed) ---------- */
/* heading row center + width */
 .methodology-head {
  width: 66%;
  margin: 0 auto 32px;
  display: flex;
  align-items: center;         /* vertical center align */
  justify-content: space-between;
  gap: 32px;                   /* text aur button ke beech */
}

 

  /* ---------------- Methodology Layout & Gradient ---------------- */
.methodology-2{
  position: relative;
  padding: 64px 0;
  height: 100%;
  background-color: #fff;
  background-image: radial-gradient(clamp(220px, 38vw, 520px) clamp(220px, 38vw, 520px) at 100% 0%, rgba(253, 82, 105, 0.55) 0%, rgba(253, 82, 105, 0.28) 35%, rgba(253, 82, 105, 0.0) 70%), radial-gradient(clamp(220px, 38vw, 520px) clamp(220px, 38vw, 520px) at 0% 100%, rgba(253, 82, 105, 0.55) 0%, rgba(253, 82, 105, 0.28) 35%, rgba(253, 82, 105, 0.0) 70%);
  background-repeat: no-repeat;
}

/* Heading */
.meth-title{
  margin: 0;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .01em;
  font-size: 43px;
  max-width: 62%;
  margin-bottom:0px;
}
.meth-title .accent{ color:#e6178f; }

/* Eyebrow + green star (Figma chip) */
.eyebrow{
  position: relative;
  padding-left: 22px;
  font-weight: 700;
  letter-spacing: .06em;
  color:#111;
}
.eyebrow::before{
  content:"";
  position:absolute; left:0; top:50%;
  width:10px; height:10px;
  background:#d7ff3f;          /* neon green */
  transform: translateY(-50%) rotate(45deg);
  border-radius: 2px;           /* soft corners */
  box-shadow: 0 0 8px rgba(215,255,63,.8);
}


 /* CTA button – default white, black text; hover = gradient */
.btn-cta{
  padding: .95rem 1.6rem;
  border-radius: 999px;
  border: 1px solid #111;
  background: #fff;          /* default white */
  color: #111;               /* default black text */
  font-weight: 700;
  font-size: 1.05rem;        /* text bada */
  line-height: 1;
  width: 200px;
  transition: background-position .35s ease, color .2s ease, border-color .2s ease, background-color .2s ease;
  background-image: none;    /* gradient sirf hover per */
}
.btn-cta:hover{
  color: #fff;
  border-color: transparent;
  background-image: linear-gradient(60deg,#5a3dff,#e9168c,#ff7a59,#ffce00);
  background-size: 240% 240%;
  background-position: right center;
}



/* tighten columns then add controlled gap on desktop */
.left-padding-meth{ padding-left: 6% !important; }
.right-padding-meth{ padding-right: 16% !important; }



 

/* BOX */
.tool-bg{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 16;
  overflow: visible;
}
.ring-wrap{
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;   /* right align */
  align-items: center;         /* vertical center */
  width: 619.5361328125px;
  height: 623.565673828125px;
}


/* RING */
.ring{
  position: relative;
  width: 120px; height: 120px;
  border-radius: 50%;
  border: 1px solid #000;
  animation: ring-rotate 8s linear infinite;
  will-change: transform;
}
.ring.paused{ animation-play-state: paused; }
@keyframes ring-rotate{ to{ transform: rotate(360deg);} }

/* Center img */
.ring-center{
  position:absolute; top:50%; left:50%;
  width:600px; height:600px; border-radius:50%;
  object-fit:cover; box-shadow:0 10px 30px rgba(0,0,0,.12);
  animation: ring-counter 8s linear infinite;
}
.ring.paused .ring-center{ animation-play-state: paused; }
@keyframes ring-counter{
  from{ transform: translate(-50%,-50%) rotate(0deg); }
  to{   transform: translate(-50%,-50%) rotate(-360deg); }
}

/* Icons around the circle */
.ring-icon{
  --count: 8;
  position:absolute; top:145%; left:145%;
  transform:
    rotate(calc(360deg/var(--count)*var(--i)))
    translate(255px)
    rotate(calc(-360deg/var(--count)*var(--i)));
  width:50px; height:50px; border-radius:50%;
  background:#222; box-shadow:0 4px 16px rgba(0,0,0,.15); z-index:1;
}




/* Responsive ring */


/* ---------------- Accordion (custom arrow chip) ---------------- */


/* accordion wrapper: no card look */
.acc-steps{
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.challenge-accordion .title h2 {
  font-size: 43.46px;
  line-height: 43.46px;
  font-weight: 600;
  max-width: 80%;
}

/* har item = transparent, sirf bottom line */
.acc-steps .accordion-item{
  background: transparent;
  border: 0;                       /* table-box off */
  border-bottom: 3px solid rgba(0,0,0,.12);
  border-radius: 0;
}

/* button row spacing */
.acc-steps .accordion-button{
  padding: 1.8rem 0;
  background: transparent;
  box-shadow: none;
}



/* Bootstrap default arrow off already hai */
.acc-steps .accordion-button::after{ display:none !important; }

/* body: no extra box, just text + spacing */
.acc-steps .accordion-body{
  padding: .95rem 0 1rem 0;
  background: transparent;
  border: 0;
  color:#3a3a3a;
}

.acc-steps .acc-title{ flex:1 1 auto;  font-size: 24px; font-weight: bolder;}

.acc-steps .acc-arrow{
  flex:0 0 auto;
  width: 40px; height: 40px; border-radius: 999px;
  background:#e6178f;
  display:inline-grid; place-items:center;
  color:#fff; font-weight:900; position:relative;
}
 
/* .acc-steps .accordion-button:not(.collapsed) .acc-arrow::before{ content:"\00d7"; } */
.acc-steps .accordion-body{ color:#3a3a3a; padding:0 0 1.05rem 0; }


/* Body text */
.acc-steps .accordion-body{
  color:#3a3a3a;
  padding: 0 0 1.1rem 0;
}



/* testimonial */
.left-padding-testimonial{ padding-left: 10% !important; }
.right-padding-testimonial{ padding-right: 11% !important;}



/* ===== Testimonials UI Fixes ===== */

/* layout safeguards */
.clients-say{
  background: #f3f3f3 url("../../assets/images/Frame 110.png") center/cover no-repeat;
}
.cs-hero-graphic{ max-width: 520px; width: 100%; height: auto; }

/* Bigger heading + readable body */
.cs-title{
  color:#2b2b2b;
  font-size: clamp(2rem, 1.3rem + 2.2vw, 3rem);
  line-height: 1.1;
  margin-bottom: 1.25rem;
}
.cs-slide .lead{
  font-size: clamp(1.05rem, .95rem + .6vw, 1.35rem);
  line-height: 1.45;
}
.cs-slide .cs-desc{
  font-size: clamp(.98rem, .9rem + .3vw, 1.1rem);
  line-height: 1.6;
  color:#5f5f5f;
  margin-bottom: .75rem;
}

/* ---------- Stars (Rating) ---------- */
/* container */
.cs-stars{
  display: inline-block;
  line-height: 1;
  margin: .6rem 0 .35rem;
  font-size: 26px;             /* star size */
  letter-spacing: 4px;         /* gap between stars */
  position: relative;
  color: #bbb;                 /* base gray stars */
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif; /* consistent rendering */
}
/* gray baseline - always 5 */
.cs-stars::before{
  content: "★★★★★";
}

/* filled count via data attribute */
.cs-stars[data-stars="1"]{ color:#FF5D4C; }
.cs-stars[data-stars="1"]::before{ content:"★☆☆☆☆"; }

.cs-stars[data-stars="2"]{ color:#FF5D4C; }
.cs-stars[data-stars="2"]::before{ content:"★★☆☆☆"; }

.cs-stars[data-stars="3"]{ color:#FF5D4C; }
.cs-stars[data-stars="3"]::before{ content:"★★★☆☆"; }

.cs-stars[data-stars="4"]{ color:#FF5D4C; }
.cs-stars[data-stars="4"]::before{ content:"★★★★☆"; }

.cs-stars[data-stars="5"]{ color:#FF5D4C; }
.cs-stars[data-stars="5"]::before{ content:"★★★★★"; }

/* ---------- Round arrow controls ---------- */
#testiCarousel .carousel-control-prev,
#testiCarousel .carousel-control-next{
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  border: 0px solid rgba(0,0,0,.12);
  box-shadow:0px 6.29px 17.98px 0px #0000001A;
  opacity: 1;
  transition: box-shadow .15s ease, transform .15s ease;
}
#testiCarousel .carousel-control-prev{ left: -76px; }
#testiCarousel .carousel-control-next{ right: -66px; }
#testiCarousel .carousel-control-prev:hover,
#testiCarousel .carousel-control-next:hover{
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transform: translateY(-50%) scale(1.03);
}
/* recolor built-in icons */
#testiCarousel .carousel-control-prev-icon,
#testiCarousel .carousel-control-next-icon{
  filter: invert(20%) sepia(6%) saturate(0%) hue-rotate(190deg) brightness(35%) contrast(100%);
  width: 18px; height: 18px;
}

 /* ---------- Dots: move to right ---------- */
.cs-dots{
  margin-top: .75rem;
  justify-content: flex-end;   /* left ki jagah right */
}

.carousel-indicators {
  margin-right: 0%;  
}
.cs-dots [data-bs-target]{
  width:10px; height:10px; border-radius:50%;
  background:#bdbdbd; opacity:.8; border:none; margin:0 5px;
}
.cs-dots .active{
  background:#FF5D4C; opacity:1; transform:scale(1.1);
}

/* accordion sectoin */
.challenge-accordion {
  background: linear-gradient(97.09deg, #CC067F -31.93%, #4E0632 50.32%, #010101 125.01%);
}
.accordion-item {
  margin-bottom: 10px;
}
.accordion-item .head {
  width: 100%;
  height: 59.758853912353516px;
}
.accordion-item h4 {
  font-size: 21.73px;
  line-height: 26px;
  font-weight: 800;
  color:#fff;
}
.accordion-header {
  color: #fff;
  font-size: 21.73px;
  line-height: 26.08px;
  font-weight: 800;
}
.py-6{ padding-top:4rem; padding-bottom:4rem; }

.faq-accordion .accordion-item{
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,.25);
 
}
/* 1) Button spacing thoda do taa-ke arrow ko jagah mile */
.faq-accordion .accordion-button{
  background: transparent;
  color: #fff;
  padding: .35rem 2.25rem .35rem 0;  /* right space for arrow */
  font-weight: 700;
  letter-spacing: .01em;
  box-shadow: none;
  font-size: 25px;
  --arrow-size: 1.6rem;              /* arrow ka size yahan control */
}

/* 2) Arrow ko fixed size do (scale nahi), always visible */
.faq-accordion .accordion-button::after {
  filter: invert(1) brightness(2);
  transition: transform .2s ease;
  width: var(--arrow-size);
  height: var(--arrow-size);
  background-size: 100% 100%;        /* svg ko container ke mutabiq fit karo */
  flex-shrink: 0;                     /* chhoti width par squeeze na ho */
  transform: none;                    /* no scale */
}

/* 3) Open state – sirf rotate */
.faq-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.faq-accordion .accordion-body{
  color: rgba(255,255,255,.9);
  padding: 0 0 1.15rem 0;
  
}




/* request form */


/* Section background + overlay */
/* --- HERO (BG + OVERLAY) --- */
.proposal-hero{
  position: relative;
  min-height: 86vh;
  padding: 80px 0;
  z-index: 1;                 /* content above pseudo-layers */
}

.proposal-hero::before{
  content:"";
  position:absolute; inset:0;
  background:url("../../assets/images/home_assets/brick-wall-with-parking-meter-it.jpg")
             center center / cover no-repeat;
  /* Figma-style: grayscale + a bit darker to pop white form */
  filter: grayscale(1) brightness(.65) contrast(1.05);
  -webkit-filter: grayscale(1) brightness(.65) contrast(1.05);
  z-index:-2;
  pointer-events: none;        /* ensure clicks pass through */
}

.proposal-hero::after{
  content:"";
  position:absolute; inset:0;
  /* soft vignette/gradient overlay (left a bit darker like figma) */
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.55) 0%,
      rgba(0,0,0,.45) 25%,
      rgba(0,0,0,.35) 55%,
      rgba(0,0,0,.25) 100%);
  z-index:-1;
  pointer-events: none;
}

/* content always above */
.proposal-hero > .container{ position: relative; z-index: 1; }


/* Heading styles */
.eyebrow{ letter-spacing:.08em; font-weight:700; }
.proposal-hero .hero-title{
    font-size: 58.45px;
    line-height: 58.45px;
    font-weight: 800;
    letter-spacing: .2px;
    text-transform: uppercase;
}

/* Form look (transparent boxes with thin white borders) */
.proposal-form .form-control{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 0;                 /* straight edges like ref */
  color:#fff;
  padding: .9rem 1rem;
  
}
.proposal-form .form-control:focus{
  box-shadow: none;
  border-color:#fff;
  color:#fff;
}
.proposal-form .form-control::placeholder{
  color: rgba(255,255,255,.85);
}

/* Submit button pill */
.btn-pill{
  border-radius: 999px;
}
.proposal-form .btn{
  transition: transform .12s ease;
}
.proposal-form .btn:hover{
  transform: translateY(-1px);
}

.left-padding{ padding-left: 7% !important;}
.right-padding{ padding-right: 0% !important;}

/* Spacing tweak for large screens so form sits visually centered */
/* ========= Responsive tweaks ========= */




/* Footer Styling */

.left-padding-footer{ padding-left: 7% !important; }
.right-padding-footer{ padding-right: 7% !important;   }

.site-footer {
  background: linear-gradient(180deg,#343a40 0%, #2d2f32 50%, #222326 100%);
  color: #fff;
}

.site-footer .container {
  max-width: 1300px;   /* ya jitna aapka upar section ka hai */
  margin: 0 auto;
}
.footer-logo {
  width: 100%;
  max-width: 285px;
  margin-bottom: 80px ;
  height: auto;
  display: block;
}
.footer-links li+li{ margin-top:.4rem; font-size: 12px; }
.footer-links a{ color:#d3d3d3; text-decoration:none; }
.footer-links a:hover{ color:#fff; }
.social-btn{
  width:36px; height:36px;
  display:flex; 
  align-items:center; 
  justify-content:center;
}
.footer-bottom .legal-links {
  text-align: left;
}
.footer-bottom .legal-links a {
  display: block;                 /* har link new line par */
  font-size: .8rem;
  color: rgba(2, 2, 2, 0.7);
  text-decoration: none;
  margin-bottom: .3rem;           /* spacing between links */
}

.footer-bottom .legal-links a:hover {
  color: #333232;
  text-decoration: underline;
}

.footer-bottom a {
 font-size: 12px !important;       /* chhota size */
  color: #bfbfbf;              /* grey color */
  text-decoration: none;
  margin-right: 10px;          /* thoda spacing */
}

.footer-bottom a:hover {
  color: #fff;                 /* hover pe white */
  text-decoration: underline;
}

.copyright{ font-size: 12px !important;}
.small, small {
    font-size: 12px;
}