/*

------------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. collaborations

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  line-height: 30px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #666;
  color: #fff;
}

::-moz-selection {
  background: #666;
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.page-section {
  margin-top: 120px;
}

.section-heading h2 {
  font-size: 30px;
  text-transform: capitalize;
  color: #2a2a2a;
  font-weight: 700;
  letter-spacing: 0.25px;
  position: relative;
  z-index: 2;
  line-height: 44px;
  margin-bottom: -5px;
}

.section-heading h2 em {
  font-style: normal;
  color: #666;
}

.section-heading h2 span {
  color: #881a1e;
  font-weight: 700;
  opacity: 1;
  text-transform: capitalize;
}

.section-heading span {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #881a1e;
  opacity: 0.15;
}

.main-blue-button a {
  display: inline-block;
  background-color: #666;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
}

.main-blue-button-hover a {
  display: inline-block;
  background-color: #666;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  transition: all .3s;
}

.main-blue-button-hover a:hover {
  background-color: #881a1e;
}

.main-red-button a {
  display: inline-block;
  background-color: #881a1e;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
}

.main-red-button-hover a {
  display: inline-block;
  background-color: #881a1e;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
  transition: all .3s;
}

.main-red-button-hover a:hover {
  background-color: #666;
}

.main-white-button a {
  display: inline-block;
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  color: #881a1e;
  text-transform: capitalize;
  padding: 12px 25px;
  border-radius: 23px;
  letter-spacing: 0.25px;
}

/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .main-nav .nav li:hover a {
  color: #881a1e!important;
}

.background-header .nav li a.active {
  color: #881a1e!important;
}

.header-area {
  background-color: #fafafa;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 100px;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 100px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
  line-height: 75px;
}

.background-header .main-nav .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
  padding-left: 40px;
}

.header-area .main-nav .nav li:last-child a ,
.background-header .main-nav .nav li:last-child a {
  color: #fff !important;
  padding: 0px 20px;
  font-weight: 400;
}

.header-area .main-nav .nav li:last-child a:hover,
.header-area .main-nav .nav li:last-child a.active {
  color: #fff !important;
}

.header-area .main-nav .nav li:last-child .main-red-button-hover a:hover,
.background-header .main-nav .nav li:last-child .main-red-button-hover a:hover {
  background-color: #666 !important;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: #2a2a2a;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li a {
  color: #2a2a2a;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #881a1e!important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #881a1e!important;
  opacity: 1;
}

.header-area .main-nav .nav li.submenu {
  position: relative;
  padding-right: 30px;
}

.header-area .main-nav .nav li.submenu:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #2a2a2a;
  position: absolute;
  right: 18px;
  top: 12px;
}

.background-header .main-nav .nav li.submenu:after {
  color: #2a2a2a;
}

.header-area .main-nav .nav li.submenu ul {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 50px;
  opacity: 0;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
  background: #fff;
  color: #881a1e!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 33px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 23px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #881a1e;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 992px) {
  .header-area .main-nav .nav li:last-child  ,
  .background-header .main-nav .nav li:last-child {
    display: none;
  }
  .header-area .main-nav .nav li:nth-child(6),
  .background-header .main-nav .nav li:nth-child(6) {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .background-header .main-nav .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #881a1e!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 100px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .background-header .nav {
    margin-top: 80px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 100px;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #881a1e!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}


/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

.main-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 236px 0px 130px 0px;
  position: relative;
  overflow: hidden;
}

.main-banner:after {
  content: '';
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 100px;
  width: 267px;
  height: 532px;
}

.main-banner:before {
  content: '';
  background-image: url(../images/banner-right.webp);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 100px;
  width: 819px;
  height: 674px;
}

.main-banner .item {
  margin-right: 45px;
}

.main-banner .item h6 {
  text-transform: uppercase;
  font-size: 18px;
  color: #881a1e;
  margin-bottom: 15px;
}

.main-banner .item h2 {
  font-size: 50px;
  font-weight: 700;
  color: #2a2a2a;
  line-height: 72px;
}

.main-banner .item h2 em {
  color: #666;
  font-style: normal;
}

.main-banner .item h2 span {
  color: #881a1e;
}

.main-banner .item p {
  margin: 20px 0px;
}

.main-banner .item .down-buttons {
  display: inline-flex;
}

.main-banner .item .down-buttons .call-button i {
  margin-right: 5px;
  width: 46px;
  height: 46px;
  display: inline-block;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  background: rgb(255,104,95);
  background: linear-gradient(105deg, rgba(255,104,95,1) 0%, rgba(255,144,104,1) 100%);
  color: #fff;
  font-size: 20px;
}

.main-banner .item .down-buttons .call-button a {
  color: #881a1e;
  font-size: 15px;
  font-weight: 500;
  margin-left: 30px;
}

.main-banner .owl-dots {
  margin-top: 60px;
  counter-reset: dots;
}

.main-banner .owl-dot:before {
  counter-increment:dots;
  content: counter(dots);
  font-size: 20px;
  font-weight: 500;
  margin-left: 10px;
  color: #2a2a2a;
  width: 15px;
  display: inline-block;
  text-align: center;
  border-bottom: 3px solid transparent;
  transition: all .5s;
}

.main-banner .active:before {
  color: #881a1e;
  border-bottom: 3px solid #881a1e;
}



/* 
---------------------------------------------
About
--------------------------------------------- 
*/

.about-us {
  margin-top: 0;
  padding-top: 120px;
  position: relative;
}

.about-us .left-image {
  margin-right: 30px;
  position: relative;
  z-index: 2;
}

.about-us .section-heading h2 {
  margin-right: 60px;
  font-weight: 700;
  line-height: 1.4;
}

.about-us .section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.about-us .section-heading h2 span {
  color: #881a1e;
  font-weight: 600;
}

.about-us .section-heading p {
  margin-top: 40px;
  font-size: 15px;
  color: #555;
  line-height: 1.8;
}

/* Fact Item Cards */
.about-us .fact-item {
  margin-top: 45px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  padding: 25px 15px;
  transition: all 0.3s ease-in-out;
}

.about-us .fact-item:hover {
  transform: translateY(-6px);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
}

.about-us .fact-item .count-area-content {
  text-align: center;
}

/* Updated Icon Style */
.about-us .fact-item .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f8f2f2;
  transition: all 0.3s ease;
}

.about-us .fact-item .icon i {
  color: #881a1e;
  font-size: 28px;
  transition: all 0.3s ease;
}

/* Hover Animation */
.about-us .fact-item:hover .icon {
  background-color: #881a1e;
}

.about-us .fact-item:hover .icon i {
  color: #fff;
  transform: scale(1.15);
}

/* Counter Numbers */
.about-us .fact-item .count-digit {
  font-size: 42px;
  font-weight: 700;
  color: #2a2a2a;
  margin-top: 10px;
}

.about-us .fact-item .count-title {
  font-size: 16px;
  font-weight: 600;
  color: #881a1e;
  margin-bottom: 10px;
}

.about-us .fact-item p {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  font-size: 14px;
  color: #555;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .about-us {
    padding-top: 80px;
  }
  .about-us .section-heading h2 {
    margin-right: 0;
    text-align: center;
  }
  .about-us .section-heading p {
    text-align: center;
  }
  .about-us .fact-item {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .about-us .section-heading h2 {
    font-size: 26px;
  }
  .about-us .fact-item .count-digit {
    font-size: 36px;
  }
}

/* 
---------------------------------------------
Responsive Inner Banner (Fixed for Mobile)
--------------------------------------------- 
*/

.inner-banner {
  background: linear-gradient(135deg, #7b1619 0%, #a63336 100%);
  color: #fff;
  text-align: center;
  position: relative;
  padding: 180px 0 120px; /* increased top space for navbar overlap fix */
  overflow: hidden;
}

.inner-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.inner-banner .container {
  position: relative;
  z-index: 2;
}

.inner-banner .banner-content h1 {
  font-size: 46px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.inner-banner .banner-content h1 span {
  color: #ffdede;
}

.inner-banner .banner-content p {
  font-size: 18px;
  color: #f8f8f8;
  line-height: 1.6;
}

/* ==========================
   Responsive Adjustments
========================== */

@media (max-width: 1200px) {
  .inner-banner {
    padding: 160px 0 100px;
  }

  .inner-banner .banner-content h1 {
    font-size: 40px;
  }
}

@media (max-width: 992px) {
  .inner-banner {
    padding: 150px 0 90px;
  }

  .inner-banner .banner-content h1 {
    font-size: 34px;
    line-height: 1.3;
  }

  .inner-banner .banner-content p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .inner-banner {
    padding: 130px 0 80px;
  }

  .inner-banner .banner-content h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .inner-banner .banner-content p {
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 576px) {
  .inner-banner {
    padding: 120px 0 70px;
  }

  .inner-banner .banner-content h1 {
    font-size: 24px;
    letter-spacing: 0.5px;
  }

  .inner-banner .banner-content p {
    font-size: 14px;
    line-height: 1.4;
    padding: 0 15px;
  }
}

/* 
---------------------------------------------
Collaborations Section (Final Refined Version)
--------------------------------------------- 
*/

.our-collaborations {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f9f5f5 100%);
  overflow: hidden;
}

/* ---- Section Heading ---- */
.our-collaborations .section-heading {
  text-align: center;
  margin-bottom: 60px;
}

.our-collaborations .section-heading h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4;
  color: #2a2a2a;
}

.our-collaborations .section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.our-collaborations .section-heading h2 span {
  color: #b23b3f;
  font-weight: 600;
}

.our-collaborations .section-heading p {
  color: #555;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 15px;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

/* ---- Card Styling ---- */
.our-collaborations .card {
  border-radius: 20px;
  background: #fff;
  border: none;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.35s ease-in-out;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 2rem 1.5rem;
  text-align: center;
}

.our-collaborations .card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 14px 28px rgba(136, 26, 30, 0.18);
}

/* ---- Image ---- */
.our-collaborations .card img {
  transition: transform 0.4s ease;
  border-radius: 10px;
  max-height: 90px;
  object-fit: contain;
  margin-bottom: 10px;
}

.our-collaborations .card:hover img {
  transform: scale(1.07);
}

/* ---- Title ---- */
.our-collaborations .card h5 {
  color: #881a1e;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

.our-collaborations .card:hover h5 {
  color: #b23b3f;
}

/* ---- Description ---- */
.our-collaborations .card p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 25px;
  min-height: 100px;
  transition: color 0.3s ease;
}

.our-collaborations .card:hover p {
  color: #333;
}

/* ---- Button ---- */
.our-collaborations .card a.btn {
  display: inline-block;
  background: linear-gradient(135deg, #881a1e 0%, #b23b3f 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 26px;
  border-radius: 30px;
  box-shadow: 0px 4px 10px rgba(136, 26, 30, 0.25);
  transition: all 0.3s ease;
  position: relative;
  z-index: 5; /* ensures it's above the hover border */
  cursor: pointer;
}

.our-collaborations .card a.btn:hover {
  background: linear-gradient(135deg, #b23b3f 0%, #881a1e 100%);
  transform: translateY(-2px);
  box-shadow: 0px 6px 16px rgba(136, 26, 30, 0.35);
}

/* ---- Accent Border Hover ---- */
.our-collaborations .card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  z-index: -1; /* keeps it behind the content */
  pointer-events: none; /* prevents blocking clicks */
}

.our-collaborations .card:hover::before {
  border-color: rgba(136, 26, 30, 0.35);
}

/* ---- Responsive Adjustments ---- */
@media (max-width: 991px) {
  .our-collaborations {
    padding: 80px 0;
  }

  .our-collaborations .section-heading h2 {
    font-size: 28px;
  }

  .our-collaborations .card {
    padding: 1.8rem;
  }

  .our-collaborations .card p {
    min-height: auto;
  }

  .our-collaborations .card a.btn {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .our-collaborations {
    padding: 70px 0;
  }

  .our-collaborations .section-heading h2 {
    font-size: 24px;
  }

  .our-collaborations .section-heading p {
    font-size: 15px;
  }

  .our-collaborations .card {
    padding: 1.5rem;
  }

  .our-collaborations .card h5 {
    font-size: 17px;
  }

  .our-collaborations .card p {
    font-size: 14px;
  }

  .our-collaborations .card a.btn {
    width: 100%;
    padding: 10px;
  }
}

/* ---------------------------------------------
   Services Section (Premium Modern Style)
--------------------------------------------- */

.our-services {
  padding: 100px 0;
  background: #fff;
}

.section-heading h2 {
  font-size: 32px;
  font-weight: 700;
}

.section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.section-heading span {
  font-weight: 700;
  color: #881a1e;
  text-transform: uppercase;
  font-size: 14px;
}

/* Service Card */
.service-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.07);
  padding: 20px;
  transition: .3s ease;
  overflow: hidden;
  position: relative;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* Service Image */
.service-img {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 20px;
}

.service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s ease;
}

.service-card:hover .service-img img {
  transform: scale(1.08);
}

/* Icon */
.service-card .icon {
  font-size: 40px;
  color: #881a1e;
  margin-bottom: 15px;
}

/* Title */
.service-card h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
  color: #2a2a2a;
}

/* Content */
.service-card p {
  color: #555;
  line-height: 1.7;
  font-size: 15px;
}

/* Responsive */
@media (max-width: 767px) {
  .section-heading h2 {
    font-size: 26px;
  }
  .service-img {
    height: 160px;
  }
}

/* 
---------------------------------------------
Pricing Section (Image-free modern design)
--------------------------------------------- 
*/

.pricing-tables {
  background-color: #f9f9f9;
  position: relative;
  padding: 120px 0 100px 0;
  text-align: center;
}

.pricing-tables .section-heading {
  margin-bottom: 60px;
}

.pricing-tables .section-heading h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}

.pricing-tables .section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.pricing-tables .section-heading span {
  display: inline-block;
  font-weight: 600;
  color: #881a1e;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 5px;
}

/* Pricing Item */
.pricing-tables .item {
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
  padding: 50px 30px;
  transition: all 0.3s ease;
}

.pricing-tables .item:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* Plan Titles & Price */
.pricing-tables .item h4 {
  font-size: 22px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 20px;
}

.pricing-tables .item em {
  display: block;
  font-size: 15px;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 5px;
  font-style: normal;
}

.pricing-tables .item span {
  font-size: 42px;
  font-weight: 700;
  color: #881a1e;
  display: block;
  margin-bottom: 25px;
}

/* Features */
.pricing-tables .item ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.pricing-tables .item ul li {
  font-size: 15px;
  color: #555;
  padding: 6px 0;
}

/* Button */
.pricing-tables .main-blue-button-hover a {
  display: inline-block;
  background-color: #881a1e;
  color: #fff;
  padding: 10px 25px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.pricing-tables .main-blue-button-hover a:hover {
  background-color: #6a1214;
}

/* Hover Accent */
.pricing-tables .item:hover {
  border: 2px solid #881a1e;
}

/* Responsive */
@media (max-width: 991px) {
  .pricing-tables {
    padding: 80px 0;
  }
  .pricing-tables .item {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .pricing-tables .section-heading h2 {
    font-size: 26px;
  }
}

/* =============================
   BLOG PAGE (SSPRUCH LLC THEME)
============================= */

/* --- HERO SECTION --- */
.atx-blog-hero {
  background: linear-gradient(135deg, #7b1619 0%, #a63336 100%);
  color: #fff;
  text-align: center;
  padding: 160px 20px 120px;
  position: relative;
  overflow: hidden;
}

.atx-blog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.08), transparent 70%);
  z-index: 1;
}

.atx-blog-hero .atx-container {
  position: relative;
  z-index: 2;
}

.atx-blog-hero h1 {
  font-size: 46px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.atx-blog-hero .atx-accent-line {
  color: #ffdede;
  position: relative;
}

.atx-blog-hero .atx-accent-line::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #fff;
  margin: 10px auto 0;
  border-radius: 2px;
}

.atx-blog-hero p {
  max-width: 720px;
  margin: 0 auto 35px;
  font-size: 17px;
  color: #f5e7e7;
  line-height: 1.7;
  opacity: 0.95;
}

.atx-btn-primary {
  display: inline-block;
  background-color: #fff;
  color: #881a1e;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.atx-btn-primary:hover {
  background-color: #f4d5d5;
  color: #7b1619;
  transform: translateY(-3px);
}

/* --- FEATURED ARTICLES --- */
.atx-featured {
  padding: 100px 0;
  background-color: #fff;
}

.atx-featured .atx-section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  color: #2a2a2a;
  margin-bottom: 60px;
  position: relative;
}

.atx-featured .atx-section-title span {
  color: #881a1e;
}

.atx-featured .atx-section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: #881a1e;
  margin: 15px auto 0;
  border-radius: 2px;
}

/* --- Blog Grid Layout --- */
.atx-featured-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 35px;
}

/* --- Blog Card --- */
.atx-featured-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.35s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.atx-featured-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* --- Image Fix (Uniform Size for All Cards) --- */
.atx-featured-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease, filter 0.4s ease;
  border-bottom: 1px solid #f0f0f0;
}

.atx-featured-card:hover img {
  transform: scale(1.05);
  filter: brightness(0.9);
}

/* --- Blog Content Area --- */
.atx-featured-body {
  padding: 25px 30px 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.atx-featured-body time {
  display: block;
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.atx-featured-body h3 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 10px;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.atx-featured-body h3:hover {
  color: #881a1e;
}

.atx-featured-body p {
  color: #555;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 25px;
}

/* --- Read More Button --- */
.atx-featured-body .btn-read,
.main-blue-button-hover a {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 25px;
  background-color: #881a1e;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  text-decoration: none;
  text-transform: uppercase;
}

.atx-featured-body .btn-read:hover,
.main-blue-button-hover a:hover {
  background-color: #a63336;
  transform: scale(1.05);
}

/* --- CTA SECTION --- */
.xyz-cta-section {
  background: linear-gradient(135deg, #7b1619, #a63336);
  color: #fff;
  text-align: center;
  padding: 100px 20px;
  position: relative;
  overflow: hidden;
}

.xyz-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), transparent 70%);
}

.xyz-cta-container {
  position: relative;
  z-index: 2;
}

.xyz-cta-heading {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}

.xyz-cta-subtext {
  color: #f5dcdc;
  font-size: 17px;
  max-width: 720px;
  margin: 0 auto 30px;
  line-height: 1.7;
}

.xyz-cta-btn {
  background-color: #fff;
  color: #881a1e;
  padding: 12px 35px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.xyz-cta-btn:hover {
  background-color: #f5dcdc;
  color: #7b1619;
  transform: translateY(-3px) scale(1.05);
}

/* --- Responsive Design --- */
@media (max-width: 991px) {
  .atx-blog-hero h1 {
    font-size: 36px;
  }

  .atx-featured-grid {
    gap: 25px;
  }

  .xyz-cta-heading {
    font-size: 28px;
  }

  .atx-featured .atx-section-title {
    font-size: 28px;
  }

  .atx-featured-body {
    padding: 20px 25px;
  }

  .atx-featured-card img {
    height: 220px;
  }
}

@media (max-width: 767px) {
  .atx-blog-hero {
    padding: 120px 20px 80px;
  }

  .atx-blog-hero h1 {
    font-size: 28px;
  }

  .atx-featured-body {
    padding: 20px;
  }

  .xyz-cta-section {
    padding: 80px 20px;
  }

  .xyz-cta-heading {
    font-size: 24px;
  }

  .atx-featured-card img {
    height: 200px;
  }
}

/* 
---------------------------------------------
Testimonials Style
--------------------------------------------- 
*/

.testimonial {
  position: relative;
  padding: 120px 0;
  background-color: #fff;
}

.testimonial .videos-left-dec img {
  width: 220px;
  position: absolute;
  left: 0;
  top: 100px;
  opacity: 0.2;
  z-index: 1;
}

.testimonial .videos-right-dec img {
  width: 700px;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 1;
}

.testimonial .container {
  position: relative;
  z-index: 2;
}

.testimonial .section-heading h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}

.testimonial .section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.testimonial .section-heading h2 span {
  color: #881a1e;
}

.testimonial .section-heading span {
  color: #881a1e;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Testimonial Card */
.testimonial-card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 3;
}

.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Icon instead of profile */
.testimonial-card .client-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #881a1e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.testimonial-card .client-icon i {
  font-size: 40px;
  color: #881a1e;
}

.testimonial-card p {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 25px;
}

.testimonial-card h4 {
  font-size: 18px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 5px;
}

.testimonial-card span {
  font-size: 14px;
  color: #881a1e;
  font-weight: 500;
}

/* Decorative quote */
.testimonial-card::before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 36px;
  color: #f1d6d6;
  position: absolute;
  top: 20px;
  left: 30px;
  opacity: 0.3;
}

/* Hover accent */
.testimonial-card:hover::before {
  color: #e7bcbc;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .testimonial {
    padding: 80px 0;
  }
  .testimonial .videos-left-dec img,
  .testimonial .videos-right-dec img {
    display: none;
  }
}

@media (max-width: 767px) {
  .testimonial .section-heading h2 {
    font-size: 26px;
  }
}

/* Contact Page - Mobile Optimized SSPRUCH Theme */

.contact-us {
  padding: 100px 0;
  background: linear-gradient(135deg, #fff 0%, #f9f3f3 100%);
}

/* Headings */
.contact-us .section-heading h2 {
  font-size: 32px;
  font-weight: 700;
  color: #2a2a2a;
  line-height: 1.4;
}

.contact-us .section-heading h2 em {
  color: #881a1e;
  font-style: normal;
}

.contact-us .section-heading h2 span {
  color: #b23b3f;
}

.contact-us .section-heading p {
  color: #555;
  font-size: 15px;
  margin-top: 12px;
  line-height: 1.7;
}

/* Contact Info Card */
.contact-info-card {
  background: #fff;
  border-left: 5px solid #881a1e;
  border-radius: 18px;
  padding: 30px;
  transition: all 0.3s ease;
}

.contact-info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(136, 26, 30, 0.15);
}

/* Map */
.contact-info-card #map iframe {
  width: 100%;
  height: 260px;
  border-radius: 12px;
  border: none;
}

/* Info Items */
.contact-us .info {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.contact-us .info-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.contact-us .info-item i {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: linear-gradient(135deg, #881a1e, #b23b3f);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 3px 6px rgba(136, 26, 30, 0.3);
  transition: all 0.3s ease;
}

.contact-us .info-item:hover i {
  transform: scale(1.1);
}

.contact-us .info-item a {
  color: #881a1e;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.contact-us .info-item a:hover {
  color: #b23b3f;
}

/* Contact Form */
.contact-form-card {
  background: #fff;
  border-radius: 18px;
  padding: 40px;
  border-left: 5px solid #881a1e;
  transition: all 0.3s ease;
}

.contact-form-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(136, 26, 30, 0.1);
}

/* Inputs */
form#contact input,
form#contact textarea {
  width: 100%;
  border: none;
  border-bottom: 2px solid #e5bcbc;
  background: transparent;
  font-size: 15px;
  color: #2a2a2a;
  padding: 10px 0;
  margin-bottom: 25px;
  outline: none;
  transition: all 0.3s ease;
}

form#contact input:focus,
form#contact textarea:focus {
  border-bottom: 2px solid #881a1e;
}

form#contact textarea {
  resize: none;
  height: 120px;
}

/* Button */
form#contact button {
  background: linear-gradient(135deg, #881a1e, #b23b3f);
  color: #fff;
  font-weight: 500;
  padding: 12px 28px;
  border: none;
  border-radius: 30px;
  transition: all 0.3s ease;
}

form#contact button:hover {
  background: linear-gradient(135deg, #b23b3f, #881a1e);
  transform: translateY(-2px);
}

/* RESPONSIVE FIXES */
@media (max-width: 991px) {
  .contact-us {
    padding: 80px 0;
  }

  .contact-us .section-heading h2 {
    font-size: 26px;
  }

  .contact-us .section-heading p {
    font-size: 14px;
    margin: 0 auto;
    max-width: 90%;
  }

  .contact-info-card,
  .contact-form-card {
    padding: 25px;
  }

  .contact-info-card #map iframe {
    height: 240px;
  }
}

@media (max-width: 767px) {
  .contact-us {
    padding: 70px 0;
  }

  .section-heading {
    margin-bottom: 25px;
  }

  .contact-us .section-heading h2 {
    font-size: 24px;
  }

  .contact-info-card,
  .contact-form-card {
    margin-bottom: 25px;
    border-left-width: 4px;
  }

  .contact-info-card #map iframe {
    height: 220px;
  }

  .info-item i {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  form#contact button {
    width: 100%;
  }
}

/* 
---------------------------------------------
Footer Style (SSPRUCH LLC - Final Clean Version)
--------------------------------------------- 
*/

/* Remove footer decorative image */
.footer-dec {
  display: none;
}

/* ---- Footer Base ---- */
footer {
  background: linear-gradient(135deg, #7b1619 0%, #a63336 100%);
  color: #fff;
  padding: 80px 0 0;
  position: relative;
  font-family: 'Poppins', sans-serif;
  z-index: 2;
}

/* ---- Section Headings ---- */
footer .footer-item h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  position: relative;
}

footer .footer-item h4::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  margin-top: 8px;
  border-radius: 1px;
}

/* ---- About Section ---- */
footer .about .logo img {
  width: 180px;
  margin-bottom: 15px;
  filter: brightness(0) invert(1);
}

footer .about p {
  font-size: 15px;
  color: #f5dcdc;
  line-height: 1.7;
  margin-bottom: 15px;
}

footer .about a[href^="mailto:"] {
  display: block;
  color: #f5dcdc;
  font-size: 15px;
  margin-bottom: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

footer .about a[href^="mailto:"]:hover {
  color: #fff;
  text-decoration: underline;
}

/* ---- Social Icons ---- */
footer .about .social-icons {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

footer .about .social-icons li {
  display: inline-block;
  margin-right: 8px;
}

footer .about .social-icons li a {
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 15px;
}

footer .about .social-icons li a:hover {
  background-color: #fff;
  color: #881a1e;
  transform: scale(1.1);
}

/* ---- Footer Links ---- */
footer .footer-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .footer-item ul li {
  margin-bottom: 10px;
}

footer .footer-item ul li a {
  color: #f5dcdc;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

footer .footer-item ul li a:hover {
  color: #fff;
  margin-left: 3px;
}

/* ---- Copyright ---- */
footer .copyright {
  background-color: #fff;
  color: #881a1e;
  margin-top: 50px;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #f2bcbc;
  font-weight: 500;
  font-size: 15px;
}

footer .copyright p {
  margin: 0;
  line-height: 1.6;
}

footer .copyright a {
  color: #a63336;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

footer .copyright a:hover {
  color: #7b1619;
}

/* ---- Responsive Design ---- */
@media (max-width: 991px) {
  footer {
    text-align: center;
    padding: 60px 0 0;
  }

  footer .footer-item {
    margin-bottom: 40px;
  }

  footer .footer-item h4::after {
    margin: 10px auto;
  }

  footer .about .social-icons li {
    margin-right: 6px;
  }
}


/* ===============================
   Policy Page Styling
=============================== */

.policy-section {
  background-color: #fff;
  color: #333;
}

.policy-block {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 30px 40px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.policy-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(136,26,30,0.1);
}

.policy-block h2 {
  color: #881a1e;
  font-size: 28px;
  font-weight: 700;
  border-bottom: 3px solid #b23b3f;
  padding-bottom: 8px;
  margin-bottom: 20px;
  display: inline-block;
}

.policy-block h5 {
  color: #b23b3f;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}

.policy-block p {
  line-height: 1.8;
  font-size: 15.5px;
  color: #444;
  margin-bottom: 15px;
}

.policy-block a {
  color: #881a1e;
  text-decoration: underline;
}

.policy-block a:hover {
  color: #b23b3f;
}

/* Responsive */
@media (max-width: 768px) {
  .policy-block {
    padding: 20px;
  }
  .policy-block h2 {
    font-size: 24px;
  }
}


/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


@media (max-width: 1240px) {
  .main-banner::before {
    width: 640px;
    height: 526px;
  }

}

@media (max-width: 992px) {
  .main-banner::before {
    display: none;
  }
  .main-banner .item {
    margin-right: 0px;
  }
  .main-banner  {
    padding-bottom: 0px;
  }
  .about-us .section-heading h2 {
    margin-right: 0px;
  }
  .fact-item {
    text-align: center;
  }
  .fact-item .icon {
    margin: 0 auto;
  }
  .our-collaborations .section-heading h2,
  .pricing-tables .section-heading h2 {
    margin: 0px;
  }
  .pricing-tables .item {
    margin-bottom: 30px;
  }
  .subscribe .inner-content {
    padding: 60px 30px;
  }
  .our-videos ul.nacc {
    margin-bottom: 30px;
  }
  .our-videos .naccs .menu div img {
    border-radius: 50px;
  }
  .our-videos .menu .thumb .inner-content {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
  .contact-us .section-heading h2 {
    margin-right: 0px;
    text-align: center;
  }
  .our-videos ul.nacc li {
    transform: translateX(0px);
    transform: translateY(-50px);
  }
  .our-videos .nacc .thumb iframe {
    height: 500px;
  }
  form#contact {
    margin-left: 0px;
    margin-top: 60px;
  }
  form#contact {
    padding: 45px 30px;
  }
  .footer-item {
    margin-bottom: 45px;
  }
  .subscribe-newsletters {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .main-banner .item .down-buttons {
    display: inline-block;
  }
  .main-banner .item .down-buttons .main-blue-button {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .main-banner .item .down-buttons .call-button a {
    margin-left: 0px;
  }
  .subscribe .inner-content:after {
    z-index: -1;
  }
  .subscribe .inner-content {
    padding: 60px 30px 100px 30px;
  }
  .subscribe .inner-content form input {
    width: 49%;
  }
  .subscribe .inner-content form button {
    width: 100%;
    background-color: #881a1e;
    margin-top: 30px;
  }
  .our-videos ul.nacc li {
    transform: translateX(0px);
    transform: translateY(-50px);
  }
  .contact-left-dec {
    display: none;
  }
  .contact-us .info {
    display: inline-block;
  }
  .contact-us .info span {
    margin-bottom: 20px;
  }
}

/* ===========================================
   WEBSITE DEVELOPMENT THEME ADJUSTMENTS
   =========================================== */

/* ---- Tech Stack Section ---- */
.tech-stack {
  padding: 80px 0;
  background: #f9f9f9;
  text-align: center;
}

.tech-stack h2 {
  font-size: 32px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 15px;
}

.tech-stack p {
  color: #555;
  font-size: 16px;
  max-width: 700px;
  margin: 0 auto 50px;
  line-height: 1.8;
}

/* Logo Styling */
.tech-stack img {
  max-height: 70px;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}

.tech-stack img:hover {
  filter: none;
  opacity: 1;
  transform: scale(1.08);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .tech-stack {
    padding: 60px 0;
  }
  .tech-stack h2 {
    font-size: 28px;
  }
  .tech-stack p {
    font-size: 15px;
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .tech-stack img {
    max-height: 55px;
  }
}


/* ===========================================
   CTA SECTION (CONSISTENT WITH SSPRUCH THEME)
   =========================================== */

.xyz-cta-section {
  background: linear-gradient(135deg, #7b1619 0%, #a63336 100%);
  color: #fff;
  padding: 100px 20px;
  text-align: center;
  position: relative;
}

.xyz-cta-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
}

.xyz-cta-section p {
  font-size: 16px;
  max-width: 700px;
  margin: 0 auto 30px;
  color: #f8dada;
}

/* CTA Button */
.xyz-cta-section .btn,
.xyz-cta-section .xyz-cta-btn {
  display: inline-block;
  background-color: #fff;
  color: #881a1e;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 30px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.xyz-cta-section .btn:hover,
.xyz-cta-section .xyz-cta-btn:hover {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  transform: translateY(-3px);
}

/* Responsive CTA */
@media (max-width: 768px) {
  .xyz-cta-section {
    padding: 80px 15px;
  }
  .xyz-cta-section h2 {
    font-size: 26px;
  }
  .xyz-cta-section p {
    font-size: 15px;
  }
  .xyz-cta-section .btn {
    padding: 10px 25px;
    font-size: 15px;
  }
}


/* ===========================================
   WEBSITE DEVELOPMENT HIGHLIGHT - PREMIUM
   =========================================== */
.highlight-webdev {
  position: relative;
  overflow: hidden;
  padding: 40px 0;
  color: #fff;
  background: radial-gradient(circle at top right, #a63336 0%, #881a1e 60%, #661013 100%);
  background-size: cover;
}

/* Subtle glowing overlay gradient */
.highlight-webdev::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.15), transparent 60%),
              radial-gradient(circle at 90% 80%, rgba(255, 150, 150, 0.08), transparent 50%);
  opacity: 0.8;
  z-index: 1;
  animation: lightMove 10s infinite ease-in-out;
}

@keyframes lightMove {
  0% { opacity: 0.7; }
  50% { opacity: 1; }
  100% { opacity: 0.7; }
}

/* Keep content on top */
.highlight-webdev .container {
  position: relative;
  z-index: 2;
}

/* --- Typography --- */
.highlight-webdev h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #fff;
  animation: fadeInUp 0.9s ease both;
}

.highlight-webdev h2 em {
  font-style: normal;
  color: #ffeaea;
}

.highlight-webdev h2 span {
  color: #ffd7d7;
  font-weight: 600;
}

.highlight-webdev p {
  font-size: 16px;
  color: #fceaea;
  line-height: 1.8;
  margin-bottom: 25px;
  animation: fadeInUp 1.1s ease both;
}

/* --- List styling --- */
.highlight-webdev ul li {
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  padding-left: 28px;
  animation: fadeInUp 1.3s ease both;
}

.highlight-webdev ul li i {
  color: #fff;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 16px;
}

/* --- Button --- */
.highlight-webdev .btn {
  background: #fff;
  color: #881a1e;
  border-radius: 30px;
  font-weight: 600;
  padding: 10px 28px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(255, 255, 255, 0.15);
  animation: fadeInUp 1.5s ease both;
}

.highlight-webdev .btn:hover {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.25);
}

/* --- Illustration --- */
.webdev-illustration {
  max-width: 85%;
  transition: all 0.6s ease;
  filter: drop-shadow(0 8px 25px rgba(0, 0, 0, 0.3));
  animation: float 4s ease-in-out infinite;
}

/* Floating gentle motion */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

/* --- Animation keyframes --- */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* --- Responsive --- */
@media (max-width: 991px) {
  .highlight-webdev {
    padding: 80px 20px;
    text-align: center;
  }

  .highlight-webdev h2 {
    font-size: 32px;
  }

  .webdev-illustration {
    margin-top: 40px;
    max-width: 70%;
  }
}

@media (max-width: 576px) {
  .highlight-webdev h2 {
    font-size: 26px;
  }

  .highlight-webdev p {
    font-size: 15px;
  }

  .highlight-webdev ul li {
    font-size: 14px;
  }
}