/* ========================================================================== 
   DE FRAMES INDIA — XeOne Theme Override
   Reference direction: approved d.jpeg (luxury black / white / cyan interior)
   Load AFTER css/plugins.css and css/style.css
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --df-accent: #00aeb8;
  --df-accent-dark: #00868f;
  --df-black: #070707;
  --df-black-soft: #101010;
  --df-charcoal: #1a1a1a;
  --df-white: #ffffff;
  --df-offwhite: #f6f6f4;
  --df-muted: #777777;
  --df-border: #dedede;
  --df-shadow: 0 16px 45px rgba(0, 0, 0, .12);
  --df-serif: 'Cormorant Garamond', Georgia, serif;
  --df-sans: 'Montserrat', Arial, sans-serif;
  --df-header-height: 82px;
}

/* ---------- Reset / global ---------- */
html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--df-header-height);
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--df-white);
  color: #252525;
  font-family: var(--df-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--df-accent);
  color: var(--df-white);
}

h1, h2, h3, .heading-title h2 {
  font-family: var(--df-serif);
  color: var(--df-black);
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.05;
}

h4, h5, h6, .navbar-nav .nav-link, .button {
  font-family: var(--df-sans);
}

p { color: #555; }
a { color: inherit; }
a:hover, a:focus { color: var(--df-accent); text-decoration: none; }
img { max-width: 100%; }

.container { max-width: 1200px; }
.padding { padding: 90px 0; }
.padding_top { padding-top: 90px; }
.padding_bottom { padding-bottom: 90px; }
.padding_half { padding: 58px 0; }
.padding_top_half { padding-top: 58px; }
.bglight { background: var(--df-offwhite) !important; }
.darkcolor { color: var(--df-black) !important; }
.defaultcolor { color: var(--df-accent) !important; }
.whitecolor { color: var(--df-white) !important; }

.heading-title > span {
  display: inline-block;
  margin-bottom: 9px;
  color: var(--df-accent);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.heading-title h2 {
  margin-bottom: 18px;
  font-size: clamp(34px, 4vw, 51px);
}

.heading-title h2::after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  margin-top: 17px;
  background: var(--df-accent);
}

.text-center .heading-title h2::after,
.heading-title.text-center h2::after {
  margin-right: auto;
  margin-left: auto;
}

/* ---------- Buttons ---------- */
.button,
.btnprimary,
.btnsecondary {
  min-width: 152px;
  min-height: 46px;
  padding: 14px 26px !important;
  border: 1px solid var(--df-accent) !important;
  border-radius: 0 !important;
  background: var(--df-accent) !important;
  color: var(--df-white) !important;
  box-shadow: none !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .045em;
  text-transform: uppercase;
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.button:hover,
.button:focus,
.btnprimary:hover,
.btnsecondary:hover {
  border-color: var(--df-accent-dark) !important;
  background: var(--df-accent-dark) !important;
  color: var(--df-white) !important;
  transform: translateY(-2px);
}

/* ---------- Preloader ---------- */
.loader { background: var(--df-black); }
.loader-blocks span { background: var(--df-accent) !important; }

/* ---------- Header ---------- */
.site-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}

.site-header .navbar {
  min-height: var(--df-header-height);
  padding: 0;
  border-bottom: 1px solid rgba(255,255,255,.13);
  background: linear-gradient(to bottom, rgba(0,0,0,.74), rgba(0,0,0,.02)) !important;
  transition: all .3s ease;
}

.site-header .navbar.fixedmenu,
.site-header .navbar.scrolled,
.navbar.fixedmenu {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: 0;
  min-height: 68px;
  border-bottom-color: rgba(0,0,0,.08);
  background: rgba(8,8,8,.97) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

.navbar-brand {
  display: flex;
  align-items: center;
  max-width: 235px;
  margin: 0;
  padding: 9px 0;
}

.navbar-brand img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 53px;
  object-fit: contain;
}

.navbar-nav { align-items: center; }
.navbar-nav .nav-item { margin: 0 2px; }
.navbar-nav .nav-link {
  position: relative;
  padding: 31px 14px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  right: 14px;
  bottom: 20px;
  left: 14px;
  height: 2px;
  background: var(--df-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link:hover { color: var(--df-accent) !important; }
.navbar-nav .nav-item.active .nav-link::after,
.navbar-nav .nav-link:hover::after { transform: scaleX(1); }

.fixedmenu .navbar-nav .nav-link { padding-top: 26px !important; padding-bottom: 26px !important; }
.fixedmenu .navbar-nav .nav-link::after { bottom: 16px; }

/* Last desktop menu item as outlined CTA */
@media (min-width: 992px) {
  #xenav .navbar-nav > .nav-item:last-child .nav-link {
    margin-left: 13px;
    padding: 13px 20px !important;
    border: 1px solid var(--df-accent);
    color: var(--df-accent) !important;
  }
  #xenav .navbar-nav > .nav-item:last-child .nav-link:hover {
    background: var(--df-accent);
    color: #fff !important;
  }
  #xenav .navbar-nav > .nav-item:last-child .nav-link::after { display: none; }
  .sidemenu_btn { display: none !important; }
}

.navbar-toggler { border: 0; padding: 8px; }
.navbar-toggler span,
.navbar-toggler.collapsed span {
  display: block;
  width: 27px;
  height: 2px;
  margin: 6px 0;
  background: var(--df-white) !important;
}

/* Side menu */
.side-menu { background: var(--df-black-soft) !important; }
.side-menu::before { background: var(--df-accent) !important; }
.side-menu .nav-link { color: #fff !important; }
.side-menu .nav-link:hover,
.side-menu .nav-item.active .nav-link { color: var(--df-accent) !important; }
.side-menu .nav-link::after { display: none; }
.side-menu .btn-close i { background: #fff !important; }

/* ---------- Revolution hero ---------- */
#revo_main_wrapper,
#rev_arrows,
#rev_arrows_wrapper,
.rev_slider_wrapper,
.rev_slider {
  background: var(--df-black) !important;
}

#revo_main_wrapper { position: relative; }
#revo_main_wrapper::after {
  content: '';
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.52) 35%, rgba(0,0,0,.12) 70%, rgba(0,0,0,.2) 100%);
}

.rev_slider li::after {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  background: rgba(0,0,0,.14);
  pointer-events: none;
}

.rev_slider .tp-caption { z-index: 10 !important; }
.rev_slider .tp-caption,
.rev_slider .tp-caption * { text-align: left !important; }

.rev_slider .tp-caption h1 {
  max-width: 650px;
  margin: 0;
  color: #fff !important;
  font-family: var(--df-serif) !important;
  font-size: clamp(44px, 5.2vw, 78px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.3);
  text-transform: none !important;
}

.rev_slider .tp-caption h4 {
  max-width: 470px;
  color: rgba(255,255,255,.88) !important;
  font-family: var(--df-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  white-space: normal !important;
}

.rev_slider .tp-caption h4::before {
  content: 'DESIGN • DEVELOP • DELIVER';
  display: block;
  margin-bottom: 21px;
  color: var(--df-accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.tp-leftarrow, .tp-rightarrow {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.24) !important;
}
.tp-leftarrow:hover, .tp-rightarrow:hover { background: var(--df-accent) !important; border-color: var(--df-accent) !important; }
.tp-bullet { width: 8px !important; height: 8px !important; border: 1px solid #fff; border-radius: 50%; background: transparent !important; }
.tp-bullet.selected { border-color: var(--df-accent); background: var(--df-accent) !important; }

/* ---------- Feature strip below hero ---------- */
body > .container:first-of-type {
  position: relative;
  z-index: 20;
  max-width: none;
  padding: 0;
  background: #fff;
}

#services-slider {
  width: min(1200px, 100%);
  margin: 0 auto;
  padding: 42px 15px 38px;
}

#services-slider .owl-stage { display: flex; }
#services-slider .owl-item { border-right: 1px solid #e4e4e4; }
#services-slider .owl-item:last-child { border-right: 0; }
#services-slider .service-box {
  height: 100%;
  padding: 2px 30px;
  background: transparent !important;
  text-align: center;
  box-shadow: none !important;
}
#services-slider .service-box::before,
#services-slider .service-box::after { display: none !important; }
#services-slider .service-box > span {
  display: block;
  margin-bottom: 17px !important;
  color: #161616 !important;
  font-size: 35px;
}
#services-slider .service-box h4 { margin-bottom: 9px !important; }
#services-slider .service-box h4 a {
  color: var(--df-black) !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: uppercase;
}
#services-slider .service-box p {
  margin: 0;
  color: #737373;
  font-size: 11px;
  line-height: 1.75;
}
#services-slider .service-box:hover > span,
#services-slider .service-box:hover h4 a { color: var(--df-accent) !important; }

/* ---------- About / main feature section ---------- */
#our-feature {
  position: relative;
  overflow: hidden;
  padding: 86px 0 !important;
  background: #fff;
}
#our-feature .row { align-items: center; }
#our-feature .heading_space { margin-bottom: 23px !important; }
#our-feature .heading-title h2 { max-width: 470px; }
#our-feature p {
  max-width: 530px;
  margin-bottom: 28px !important;
  color: #4d4d4d;
  font-size: 13px;
}
#our-feature .image {
  position: relative;
  margin: 0 !important;
}
#our-feature .image::after {
  content: '20+\A YEARS OF\A EXCELLENCE';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 30%;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(4,4,4,.94);
  color: #fff;
  font-family: var(--df-sans);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .04em;
  text-align: center;
  white-space: pre-line;
}
#our-feature .image img {
  width: 100%;
  min-height: 450px;
  object-fit: cover;
}

/* ---------- Process strip ---------- */
#our-process {
  background: var(--df-black) !important;
}
#our-process .heading-title h2 { color: #fff; }
#our-process .heading-title h2::after { margin-right: auto; margin-left: auto; }
.process-wrapp li::before,
.process-wrapp li::after { background: rgba(255,255,255,.18) !important; }
.process-wrapp .pro-step {
  border-color: var(--df-accent) !important;
  background: var(--df-accent) !important;
  color: #fff !important;
}
.process-wrapp li p { color: rgba(255,255,255,.7); }
.process-wrapp li p.fontbold { color: #fff; }

/* ---------- Services cards (XeOne team section reused visually) ---------- */
#our-team { background: var(--df-offwhite) !important; }
#our-team .heading-title p { max-width: 720px; margin-right: auto; margin-left: auto; }
#ourteam-slider .team-box {
  overflow: hidden;
  border: 1px solid #e3e3e3;
  background: #fff;
  box-shadow: none;
}
#ourteam-slider .team-box .image { height: 255px; overflow: hidden; }
#ourteam-slider .team-box .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}
#ourteam-slider .team-box:hover .image img { transform: scale(1.05); }
#ourteam-slider .team-content {
  position: relative !important;
  min-height: 190px;
  padding: 27px 28px !important;
  background: #fff !important;
  color: #333 !important;
  transform: none !important;
}
#ourteam-slider .team-content::before {
  content: '';
  position: absolute;
  top: -22px;
  left: 25px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--df-accent);
  box-shadow: 0 5px 14px rgba(0,174,184,.32);
}
#ourteam-slider .team-content h3 {
  margin: 4px 0 8px;
  color: var(--df-black) !important;
  font-family: var(--df-sans);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}
#ourteam-slider .team-content p { color: #666 !important; font-size: 12px; }
#ourteam-slider .progress-bars { display: none; }

/* ---------- Video / split content ---------- */
#video-bg {
  padding: 88px 0 !important;
  background: #fff !important;
}
#video-bg .row { align-items: center; }
#video-bg .image {
  overflow: hidden;
  box-shadow: var(--df-shadow);
}
#video-bg .image img { width: 100%; min-height: 360px; object-fit: cover; }
.button-play { background: var(--df-accent) !important; color: #fff !important; }
.button-play:hover { background: var(--df-black) !important; }

/* ---------- Project gallery ---------- */
#portfolio-xe {
  padding: 82px 0 94px !important;
  background: var(--df-black) !important;
}
#portfolio-xe .heading-title > span { color: var(--df-accent); }
#portfolio-xe .heading-title h2,
#portfolio-xe .heading-title p { color: #fff !important; }
#portfolio-xe .heading-title p { color: rgba(255,255,255,.62) !important; }
#flat-filters { margin-bottom: 35px !important; }
#flat-filters .cbp-filter-item {
  margin: 0 14px;
  padding: 7px 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
#flat-filters .cbp-filter-item.cbp-filter-item-active,
#flat-filters .cbp-filter-item:hover {
  border-bottom: 2px solid var(--df-accent);
  color: var(--df-accent);
}
#flat-gallery { margin: 0 -6px; }
#flat-gallery .cbp-item { padding: 6px; }
#flat-gallery .cbp-item img {
  width: 100%;
  min-height: 245px;
  object-fit: cover;
}
#flat-gallery .overlay {
  inset: 6px !important;
  background: rgba(0,0,0,.72) !important;
}
#flat-gallery .overlay h4 { color: #fff; font-family: var(--df-serif); font-size: 28px; }
#flat-gallery .overlay p { color: rgba(255,255,255,.72); }
#flat-gallery .plus::before,
#flat-gallery .plus::after { background: var(--df-accent) !important; }

/* ---------- App feature section ---------- */
#our-apps { background: #fff; }
#app-feature .feature-item .icon {
  border-color: var(--df-accent) !important;
  color: var(--df-accent) !important;
}
#app-feature .feature-item:hover .icon { background: var(--df-accent) !important; color: #fff !important; }
#app-feature .feature-item h4 { color: var(--df-black); font-size: 15px; font-weight: 700; }
#app-feature .feature-item p { color: #777; font-size: 12px; }

/* ---------- Counters ---------- */
#funfacts {
  padding: 78px 0 55px !important;
  background: var(--df-black) !important;
}
#funfacts h3 { color: #fff; font-family: var(--df-serif); font-size: 38px; }
#funfacts p { color: rgba(255,255,255,.67); }
#funfacts .img-icon i,
#funfacts .counters { color: var(--df-accent) !important; }
#funfacts .count_nums { color: #fff !important; font-family: var(--df-serif); }

/* ---------- Pricing/cards ---------- */
#our-pricings { background: var(--df-offwhite) !important; }
.price-table {
  border: 1px solid #e2e2e2;
  border-radius: 0 !important;
  background: #fff;
  box-shadow: none !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
.price-table:hover,
.price-table.active {
  transform: translateY(-7px);
  box-shadow: var(--df-shadow) !important;
}
.price-table.active { border-top: 3px solid var(--df-accent); }
.price-table h3 { font-family: var(--df-serif); font-size: 30px; }
.price-table .ammount h2 { color: var(--df-accent) !important; }
.price-table ul li::before { color: var(--df-accent) !important; }

/* ---------- Testimonial ---------- */
#our-testimonial {
  position: relative;
  background-color: var(--df-black) !important;
  background-blend-mode: multiply;
}
#our-testimonial::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.45));
}
#our-testimonial .container { position: relative; z-index: 2; }
.testimonial-quote h3 { font-family: var(--df-serif); font-size: 35px; line-height: 1.25; }
.testimonial-quote h6 { color: var(--df-accent); font-weight: 700; }
#owl-thumbs .owl-dot.active img { border-color: var(--df-accent) !important; }

/* ---------- Partners ---------- */
#logos { padding: 55px 0 !important; background: #fff; }
.logo-item img { opacity: .55; filter: grayscale(1); transition: all .25s ease; }
.logo-item:hover img { opacity: 1; filter: none; }

/* ---------- Blog split ---------- */
#our-blog { background: var(--df-offwhite); }
#our-blog .container { max-width: none; padding: 0; }
#our-blog .row { margin: 0; }
#our-blog [class*='col-'] { padding: 0; }
#our-blog .image img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }
#our-blog .split-box { min-height: 520px; display: flex; align-items: center; background: #fff; }
#our-blog .heading-title { max-width: 590px; }

/* ---------- Contact ---------- */
#contactus {
  padding: 88px 0 0 !important;
  background: #fff;
}
#contactus .heading_space { margin-bottom: 45px !important; }
#contactus .our-address {
  min-height: 150px;
  margin-top: 20px !important;
  padding: 22px 22px;
  border-left: 2px solid var(--df-accent);
  background: var(--df-offwhite);
}
#contactus .our-address h5 {
  margin-bottom: 12px !important;
  color: var(--df-black);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
#contactus .our-address p { color: #666; font-size: 12px; }
#contactus .pickus { color: var(--df-accent); font-size: 11px; font-weight: 700; text-transform: uppercase; }

.getin_form .form-control {
  height: 50px;
  padding: 12px 15px;
  border: 0;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 0;
  background: transparent;
  color: #222;
  font-family: var(--df-sans);
  font-size: 13px;
  box-shadow: none;
}
.getin_form textarea.form-control { min-height: 120px; resize: vertical; }
.getin_form .form-control:focus { border-bottom-color: var(--df-accent); box-shadow: none; }
.getin_form .form-control::placeholder { color: #8b8b8b; }
#map-container { height: 0 !important; margin-top: 65px; overflow: hidden; }

/* ---------- Footer ---------- */
#site-footer {
  padding: 52px 0 25px !important;
  border-top: 1px solid rgba(255,255,255,.08);
  background: var(--df-black) !important;
}
#site-footer .social-icons li a {
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
#site-footer .social-icons li a:hover {
  border-color: var(--df-accent) !important;
  background: var(--df-accent) !important;
}
#site-footer .copyrights,
#site-footer .copyrights a { color: rgba(255,255,255,.52) !important; font-size: 11px; }
#site-footer .copyrights a:hover { color: var(--df-accent) !important; }

/* ---------- Owl navigation ---------- */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  border: 1px solid #d3d3d3 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #222 !important;
}
.owl-carousel .owl-nav button:hover {
  border-color: var(--df-accent) !important;
  background: var(--df-accent) !important;
  color: #fff !important;
}
.owl-dots .owl-dot span { background: #aaa !important; }
.owl-dots .owl-dot.active span { background: var(--df-accent) !important; }

/* ---------- Scroll-to-top / WhatsApp helpers ---------- */
.back-top,
.back-to-top {
  border-radius: 50% !important;
  background: var(--df-accent) !important;
  color: #fff !important;
}
.back-top:hover,
.back-to-top:hover { background: var(--df-accent-dark) !important; }

.whatsapp-float,
.float-whatsapp,
.whatsapp_float {
  position: fixed;
  z-index: 9998;
  right: 24px;
  bottom: 24px;
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #25d366;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.24);
  font-size: 27px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1199.98px) {
  :root { --df-header-height: 76px; }
  .navbar-nav .nav-link { padding-right: 9px !important; padding-left: 9px !important; font-size: 10px; }
  .navbar-brand { max-width: 200px; }
  .rev_slider .tp-caption h1 { font-size: 60px !important; }
}

@media (max-width: 991.98px) {
  :root { --df-header-height: 70px; }
  .site-header .navbar { min-height: 70px; background: rgba(7,7,7,.96) !important; }
  .navbar-brand { max-width: 188px; }
  .navbar-brand img { height: 47px; }
  #xenav {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
    background: rgba(7,7,7,.98);
    box-shadow: 0 15px 30px rgba(0,0,0,.25);
  }
  #xenav .navbar-nav { align-items: stretch; padding: 15px 20px 22px; }
  #xenav .navbar-nav .nav-item { border-bottom: 1px solid rgba(255,255,255,.08); }
  #xenav .navbar-nav .nav-link { padding: 15px 6px !important; font-size: 11px; }
  #xenav .navbar-nav .nav-link::after { display: none; }
  .rev_slider .tp-caption h1 { max-width: 560px; font-size: 50px !important; }
  .rev_slider .tp-caption h4 { max-width: 430px; font-size: 13px !important; }
  #services-slider .owl-item { border-right: 0; }
  #our-feature .image { margin-top: 40px !important; }
  #our-feature .image::after { width: 32%; }
  #our-feature .image img { min-height: 400px; }
  #our-blog .image img, #our-blog .split-box { min-height: 440px; }
}

@media (max-width: 767.98px) {
  .padding, #our-team, #our-apps, #our-pricings, #portfolio-xe { padding-top: 65px !important; padding-bottom: 65px !important; }
  .heading-title h2 { font-size: 38px; }
  .heading-title h2::after { margin-right: auto; margin-left: auto; }
  .heading-title, #our-feature .heading-title, #video-bg .heading-title { text-align: center !important; }
  #our-feature p, #video-bg p { margin-right: auto; margin-left: auto; text-align: center; }
  .rev_slider .tp-caption,
  .rev_slider .tp-caption * { text-align: center !important; }
  #revo_main_wrapper::after { background: rgba(0,0,0,.58); }
  .rev_slider .tp-caption h1 { max-width: 90vw; font-size: 42px !important; line-height: 1.06 !important; }
  .rev_slider .tp-caption h4 { max-width: 80vw; font-size: 12px !important; line-height: 1.6 !important; }
  .tp-leftarrow, .tp-rightarrow { display: none !important; }
  #services-slider { padding-top: 34px; padding-bottom: 31px; }
  #services-slider .service-box { padding: 7px 20px; }
  #our-feature { padding: 65px 0 !important; }
  #our-feature .image::after { position: relative; width: 100%; min-height: 165px; }
  #our-feature .image img { min-height: 330px; }
  .process-wrapp { display: block !important; }
  .process-wrapp li { width: 100% !important; margin-bottom: 35px; }
  .process-wrapp li::before, .process-wrapp li::after { display: none !important; }
  #flat-gallery .cbp-item img { min-height: 270px; }
  #our-blog .image img, #our-blog .split-box { min-height: auto; }
  #our-blog .split-box { padding: 55px 25px; }
  #contactus { padding-top: 65px !important; }
  #contactus .our-address { text-align: left; }
  .whatsapp-float, .float-whatsapp, .whatsapp_float { right: 16px; bottom: 16px; width: 50px; height: 50px; }
}

@media (max-width: 575.98px) {
  body { font-size: 13px; }
  .container { width: 100%; padding-right: 20px; padding-left: 20px; }
  .navbar-brand { max-width: 165px; }
  .navbar-brand img { height: 43px; }
  .rev_slider .tp-caption h1 { font-size: 34px !important; }
  .rev_slider .tp-caption h4::before { margin-bottom: 12px; font-size: 9px; }
  .heading-title h2 { font-size: 34px; }
  #ourteam-slider .team-box .image { height: 230px; }
  #flat-filters .cbp-filter-item { margin: 0 7px 8px; }
  #funfacts h3 { font-size: 32px; }
}

/* End — DE FRAMES INDIA */