body {
  font-family: 'Inter', sans-serif;
}
.py-100{padding:100px 0px;}
.py-50{padding:50px 0px;}
.py-30{padding:30px 0px;}
.padding-0{padding-left:0;padding-right:0}
p{margin-bottom:0}
#main{margin-top:0px !important}
#main-nav {background: #fff;}
.bg-gray {background: #f7f7f7;}
.bg-dark{background: #000 !important}
.relative{position: relative;}
.btn-primary, .wpcf7-submit {background: #000 !important;border: none;padding: 10px 25px !important;border-radius: 23px;min-width: 150px;text-align: center;box-shadow: 0px 4px 8px rgba(0,0,0,.9) !important;transition: all .3s ease;color:#fff !important}
.wpcf7-submit{width:200px !important;margin-top:40px;}
.btn-white {background: #fff;border: none;padding: 10px 25px;border-radius: 23px;min-width: 150px;text-align: center;box-shadow: 0px 4px 8px rgba(0,0,0,.9);transition: all .3s ease;
}
.btn-primary:hover {background: #000 !important;color: #fff !important;box-shadow: 0px 8px 15px rgba(0,0,0,.9);}
.btn-white:hover {background: #fff !important;color: #000 !important;box-shadow: 0px 8px 15px rgba(255,255,255,.9);}
li.nav-item {margin: 0px 8px;min-width: 90px;text-align: center;padding: 0px 20px;border-radius: 25px;transition: all 0.2s ease-in-out;}
li.nav-item:hover {
    box-shadow: inset -7px -4px 25px rgba(0,0,0,0.4),
              inset -1px -1px 2px rgba(255,255,255,0.5);
}
a.nav-link {color: #000 !important;}
.current_page_item {
     box-shadow: inset -7px -4px 25px rgba(0,0,0,0.4),
              inset -1px -1px 2px rgba(255,255,255,0.5);
}
.navbar-nav .dropdown-menu {position: static;box-shadow: inset -7px -4px 25px rgba(0,0,0,0.4), inset -1px -1px 2px rgba(255,255,255,0.5);border-radius: 25px;padding: 20px;}
#open-navigation{display:none}
div#navigation {padding: 8px 5px;background: #fff;}
div#get-started  {width: 220px;text-align: right;}
.navbar-brand {width:220px}
.navbar-brand img {width: 150px;}
#mobile-nav {position: fixed;right: 0;top: 0;width: 350px;height: 100vh;background: #000;transition: transform .3s ease-in-out; transform: translateX(100%);z-index: 99999;padding: 25px;}
.show-nav{transform: translateX(0%) !important;}
#close-navigation {position: absolute;top: 0;left: 0;color: #000;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background: #fff;font-size: 30px;
}
#mobile-accordion {margin-top: 50px;}
.accordion-item:first-of-type > .accordion-header .accordion-button{
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
#mobile-accordion .accordion-item {border-radius: 0px !important;background: transparent;border:none !important}
.mobile-nav-item, .accordion-body a {display: flex;color: #fff;margin: 16px 0px;text-transform: uppercase;letter-spacing: 1px;}
.mobile-nav-item, .accordion-body  {padding:6px !important}
#mobile-accordion .accordion-header {margin-bottom:0px !important}
#mobile-accordion .accordion-header {margin-bottom:0px !important}
#mobile-accordion .accordion-button {background-color: transparent !important;border: none !important;box-shadow: none !important;color:#fff !important;text-transform: uppercase !important;letter-spacing: 1px !important;padding:3px !important;}
#mobile-accordion  .accordion-body {border: 1px solid #fff;margin-top: 10px;}
#mobile-accordion .accordion-button:not(.collapsed)::after {background-image: none !important;-webkit-transform: var(--bs-accordion-btn-icon-transform);transform: var(--bs-accordion-btn-icon-transform);font-family: bootstrap-icons !important;content: "\F286" !important;color:#fff !important}
#mobile-accordion .accordion-button::after {background-image: none !important;-webkit-transform: var(--bs-accordion-btn-icon-transform);transform: var(--bs-accordion-btn-icon-transform);font-family: bootstrap-icons !important;content: "\F282" !important;color:#fff !important}
/*************************HOME BANNER**********************/
#home-banner{overflow: hidden;}
.banner-info {max-width: 600px;text-align: center;background: rgba(0,0,0,.9);padding: 50px;height: 600px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;border-radius: 50%;}
.bottom-shadow {position: absolute;bottom: 0;background: rgba(255, 255, 255, .9);padding: 10px;width: 80%;box-shadow: 0px 9px 18px rgba(0,0,0,.7);}
p.info-button {font-size: 14px;box-shadow: 0px 0px 3px rgba(255,255,255,.5);padding: 5px 20px;margin-bottom: 20px;border-radius: 15px;color:#fff}
h2.info-title {font-size: 25px;margin-bottom: 20px;font-weight: bold;color:#fff;}
p.info-desc {font-size: 15px;margin-bottom: 20px;color:#fff}
.section-header {max-width: 650px;margin: 20px auto;text-align: center;}
.service-container {border-radius: 8px;background: #fff;box-shadow: 10px 10px 60px #bebebe, -20px -20px 60px #ffffff;padding: 50px;}
.service-container h2, .testimonials-card h2 {font-size: 20px;text-transform: uppercase;font-weight: bold;}
.service-container p, .testimonials-card p {font-size: 15px;line-height: 30px;margin-top: 20px;}
.section-header h1 {font-size: 35px;padding: 10px 0px;}
.section-header p {margin-bottom: 0px;font-size: 15px;line-height: 26px;}
.grid-cols-3 {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;}
.service-icon {font-size: 30px;margin-bottom: 5px;}
.inner-background{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background-image: linear-gradient(to right, #e2e8f0 1px, transparent 1px),
    linear-gradient(to bottom, #e2e8f0 1px, transparent 1px);background-size: 20px 30px;-webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%,
    #000 60%,transparent 100%);mask-image: radial-gradient(
    ellipse 70% 60% at 50% 0%,
    #000 60%,
    transparent 100%
  );
}

.testimonials-card {background: #eee;padding: 45px;min-height: 375px;}
.splide__pagination__page {width: 30px;height: 30px;margin:0px 10px}
.splide__pagination__page.is-active{background:#000}
.testimonials{background-color: #fff;background-image: radial-gradient(rgba(0, 0, 0, 0.17) 2px, transparent 0);background-size: 30px 30px;background-position: -5px -5px;}
.portfolio-card {min-height: 350px;background-size: contain;background-position: center center;background-repeat: no-repeat;position: relative;border-radius: 10px;overflow: hidden;}
.portfolio-card a {position:absolute;inset:0;display:flex;justify-content: center;align-items:center;color:#fff;font-size: 30px;font-weight: bold;background: rgba(0,0,0,.5);transition: all .3s ease-in-out;}
.cta {	display: flex;	justify-content: space-between;align-items: center;padding: 20px;background: #000;margin: 50px 0px;color: #fff;}
.cta-button {	min-width: 150px;}
/* CSS */
.button-47 {align-items: center; background: #FFFFFF;  border: 0 solid #E2E8F0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  color: #1A202C;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  line-height: 24px;
  overflow-wrap: break-word;
  padding: 24px;
  text-decoration: none;
  width: auto;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.min-height{ min-height:70vh}
.page-header {width: 100%;height: 300px;--color: rgba(114, 114, 114, 0.3);	background-color: #191a1a;	background-image: linear-gradient(0deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%,transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%,transparent), linear-gradient(90deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%,transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%,transparent);background-size: 55px 55px;display: flex;	align-items: end;}
.entry-title {color: #fff;font-size: 40px;padding-bottom: 25px;}
.contactf-form-container {display: grid;grid-template-columns: 1fr 1fr;}
.contact-info {	display: flex;flex-direction: column;justify-content: center;padding: 100px;color: #fff;}
.contact-form {	padding: 100px;}
.page-info-subtitle {margin-bottom: 20px;}
.contact-item {display: flex;gap: 20px;margin: 16px 0px;align-items: center;}
.contact-form input, .wpcf7-text, select {border: none;padding: 15px;width: 100%;background: transparent;box-shadow: 0px 4px 11px rgba(0,0,0,.1);margin-bottom: 22px;}
.contact-form input:focus, .wpcf7-text:focus{outline: none;}
label{display:flex;margin-bottom:10px}
textarea {height: 100px;width: 100%;border: none;background: transparent;box-shadow: 0px 4px 11px rgba(0,0,0,.1);}
#footer {background: #000;color: #fff;padding: 50px 0px;}
/***********About Page********** */
.col-item {padding: 50px;position: relative;background: #f7f7f7;}
.col-title {font-size: 20px;}
.col-content {font-size: 15px;line-height: 30px;}
.col-content span {display: flex;}
.col-content span::before {font-family: bootstrap-icons !important;content: "\F288";margin-right: 10px;}
.d6-item {border-radius: 8px;background: #fff;box-shadow: 10px 10px 60px #bebebe, -20px -20px 60px #ffffff;padding: 50px;position: relative;}
.d6-item h2 {font-size: 20px;}
.d6-item p {font-size: 15px;line-height: 30px;}
.d6-item::before {content: attr(data-attr);position: absolute;width: 100%;height: 100%;color: rgba(0,0,0,.1);inset: 0;display: flex;justify-content: center;align-items: center;
font-size: 150px;font-weight: bold;}
.accordion-section {background: white;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);padding: 2.5rem;max-width: 800px;margin: 0 auto;}      
.accordion-header {text-align: center;margin-bottom: 2rem;}  

.accordion {width: 100%;}
.accordion-item {margin-bottom: 1rem;border-radius: 0px;overflow: hidden;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);border:none}      
.accordion-header-btn {width: 100%;padding: 1.5rem;text-align: left;background: #f7f7f7;border: none;outline: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-size: 17px;font-weight: 600;color: #000;transition: background 0.3s ease;}     
.accordion-header-btn i {transition: transform 0.3s ease;}     
.accordion-header-btn.active i {transform: rotate(180deg);}
.accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;background: white;}  
.accordion-content-inner {padding: 1.5rem;line-height: 1.6;color: #000;font-size:15px}      
.accordion-content-inner p {margin-bottom: 1rem;}    
.accordion-content-inner p:last-child {margin-bottom: 0;}
.entry-content img {width: 100%;}  
.entry-content p {font-size: 15px;line-height: 25px;margin: 10px 0px;}    
/******************************Blog Posts***************************/

.post-card {box-shadow: 10px 10px 60px #bebebe, -20px -20px 60px #ffffff;}
.post-title {font-size: 22px;color: #000;padding: 10px;}
.card-text.entry-meta {padding: 10px;}
.card-text.entry-meta a {color: #000;text-decoration: underline;}
.post-content {padding: 10px;font-size: 15px;}
.entry-meta a.btn {background: #000;border: none;border-radius: 0px;padding: 10px 40px;color: #fff;border-radius:30px}  
.post-content footer {
	padding: 10px 0px;
}
@media only screen and (max-width: 1199px) {
  li.nav-item{padding:0px 5px; min-width:auto}
}
@media only screen and (max-width: 991px) {
  #navbar{display:none !important }
  #open-navigation {display: flex;border: 1px solid #000;width: 40px;height: 40px;justify-content: center;align-items: center;font-size: 29px;color: #000;background: transparent;cursor:pointer}
}
@media only screen and (max-width: 768px) {
  .grid-cols-3{grid-template-columns: 1fr;}
  .testimonials-card{min-height: 325px}
  .section-header{padding:0px 15px}
  .py-100{padding:40px 0px}
  .py-50{padding:20px 0px}
  .banner-info{border-radius:0px}
  #header{padding:0}
  .cta{flex-direction:column}
  .contactf-form-container{grid-template-columns:1fr}
  .contact-form {padding: 30px;}
  .contact-info {padding: 30px;}
  .cta-button{margin-top:20px}
  .testimonial-card, .accordion-section {padding: 2rem 1.5rem;}
  .client-info {flex-direction: column;text-align: center;}
  .client-avatar {margin-right: 0;margin-bottom: 1rem;}
  .section-header h2 {font-size: 2rem;}
  .accordion-header h2 {font-size: 1.7rem;}
  .padding-0 {padding-left: 10px !important;padding-right: 10px !important}
}
@media only screen and (max-width: 667px) {
  .grid-cols-3{
    grid-template-columns: 1fr;
  }
  
}