* {
	padding: 0;
	margin: 0;
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

body {
	padding-top: 0;
}

a,button{
	cursor: pointer;
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: transparent;
	display: block;
	z-index: 999;
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 7vw 0;
	width: 100%;
	float: left;
}

.error404 .notfound-content h1 {
	color: #000000;
}

.error404 .notfound-content h3 {
	margin: 20px 0;
}

/* Padding top and bottom zero*/

.e-con.p-top {
	padding-top: 0;
}

.e-con.p-bottom {
	padding-bottom: 0;
}

/* Contact form 7 */

.wpcf7 .row {
	display: flex;
	gap: 20px;
	margin-bottom: 22px;
	flex-direction: column;
}

.wpcf7 .column {
	width: 50%;
}

.wpcf7 .column-full {
	width: 100%;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
	width: 100%;
}

#cf7-ajax-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 9999999;
}

#cf7-ajax-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	background: #F8F4EE;
	border-radius: 12px;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
	z-index: 99999999;
	font-family: "Groillim", Sans-serif;
	color: #252525;
	text-align: center;
}

#cf7-ajax-modal.show,
#cf7-ajax-overlay.show {
	display: block !important;
}

.cf7-ajax-inner {
	padding: 50px 40px;
	position: relative;
}

#cf7-ajax-text {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.cf7-ajax-close {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 38px;
	cursor: pointer;
	opacity: 0.7;
}

.cf7-ajax-close:hover {
	opacity: 1;
}

.wpcf7-response-output {
	display: none !important;
}

.wpcf7-spinner {
	display: none;
}

#cf7-ajax-loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	z-index: 9999999999;
	justify-content: center;
	align-items: center;
}

#cf7-ajax-loading.active {
	display: flex;
}

.cf7-spinner {
	width: 45px;
	height: 45px;
	border: 4px solid #ccc;
	border-top-color: #000;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.wpcf7-response-output {
	display: none !important;
}

.cf7-popup-open,
.cf7-loading {
	overflow: hidden;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
}
.heading-color{ color: #86CC17; } 
.elementor-nav-menu--burger .elementor-menu-toggle { background: transparent; padding: 0; }

/*button hover effect*/
/* Main button */
.quote-btn {
    position: relative;
    overflow: hidden;
/*     padding-right: 46px !important; */
    border-radius: 55px !important;
    z-index: 1;
}

/* EXPANDING BACKGROUND */
.quote-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #86CC17;
    border-radius: 55px;

    /* expansion starts from the circle center */
    transform-origin: calc(100% - 32px) 50%;

    transform: scale(0.001);
    transition: transform 0.45s ease;
    z-index: 0;
}

/* On hover: expand */
.quote-btn:hover::before {
    transform: scaleX(1);
}

/* FIXED ARROW CIRCLE */
.quote-btn::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 20px;
    height: 20px;
    border-radius: 55px;
    background: #86CC17;

    background-image: url("https://deepsouthcapital.techsolutionn.com/wp-content/uploads/2026/03/button-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;

    z-index: 5;
}

/* Text stays on top */
.quote-btn .elementor-button-text,
.quote-btn .elementor-button-content-wrapper {
    position: relative;
    z-index: 6;
}

.quote-btn:hover .elementor-button-text {
    color: #fff;
}
.quote-btn .elementor-button-text{
	padding-right:4px;
}
/*button hover end*/


/* white button */

/*button hover effect*/
.quote-btn-white {
    position: relative;
    overflow: hidden;
/*     padding-right: 46px !important; */
    border-radius: 55px !important;
    z-index: 1;
}

/* EXPANDING BACKGROUND */
.quote-btn-white::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    border-radius: 55px;

    /* expansion starts from the circle center */
    transform-origin: calc(100% - 32px) 50%;

    transform: scale(0.001);
    transition: transform 0.45s ease;
    z-index: 0;
}

/* On hover: expand */
.quote-btn-white:hover::before {
    transform: scaleX(1);
}

/* FIXED ARROW CIRCLE */
.quote-btn-white::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 20px;
    height: 20px;
    border-radius: 55px;
    background: #fff;

    background-image: url("https://deepsouthcapital.techsolutionn.com/wp-content/uploads/2026/03/green-errow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;

    z-index: 5;
}

/* Text stays on top */
.quote-btn-white .elementor-button-text,
.quote-btn-white .elementor-button-content-wrapper {
    position: relative;
    z-index: 6;
}

.quote-btn-white:hover .elementor-button-text {
    color: #86CC17;
}
.quote-btn-white .elementor-button-text{
	padding-right:4px;
}
/*button hover end*/

/* blue button */

/*button hover effect*/
.quote-btn-blue {
    position: relative;
    overflow: hidden;
/*     padding-right: 46px !important; */
    border-radius: 55px !important;
    z-index: 1;
}

/* EXPANDING BACKGROUND */
.quote-btn-blue::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0E4F8E;
    border-radius: 55px;

    /* expansion starts from the circle center */
    transform-origin: calc(100% - 32px) 50%;

    transform: scale(0.001);
    transition: transform 0.45s ease;
    z-index: 0;
}

/* On hover: expand */
.quote-btn-blue:hover::before {
    transform: scaleX(1);
}

/* FIXED ARROW CIRCLE */
.quote-btn-blue::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);

    width: 20px;
    height: 20px;
    border-radius: 55px;
    background: #0E4F8E;

    background-image: url("https://deepsouthcapital.techsolutionn.com/wp-content/uploads/2026/03/button-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;

    z-index: 5;
}

/* Text stays on top */
.quote-btn-blue .elementor-button-text,
.quote-btn-blue .elementor-button-content-wrapper {
    position: relative;
    z-index: 6;
}

.quote-btn-blue:hover .elementor-button-text {
    color: #fff;
}
.quote-btn-blue .elementor-button-text{
	padding-right:4px;
}
/*button hover end*/



.gradiant-bg {
    position: relative;
    overflow: hidden;
}

.gradiant-bg::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        180deg,
        #0A0A0A -29.47%,
        rgba(0, 0, 0, 0) 141.41%
    ) !important;
    pointer-events: none !important; /* keep it unclickable */
    z-index: 1 !important;
}

/* Your actual content stays above */
.gradiant-bg > * {
    position: relative;
    z-index: 2;
}
.responsive-btn a{
	display: none !important;
}
.accoridan-custom-class .e-n-accordion-item {
    border-radius: 12px;
    background: #f9f9f9;
    padding: 12px 32px;
}
.custom-box .elementor-icon-box-icon .elementor-icon {
    border-radius: 7.917px;
    background: #0E4F8E;
    padding: 9.5px;
}
span.custom-12 {
    color: #6A7282;
    font-family: Myriad Pro;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.contact-form .custom-form {
    padding-top: 24px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
    background: #f9f9f9;
    border-radius: 14px;
}
.custom-form textarea.wpcf7-form-control.wpcf7-textarea { padding: 16px 24px; }
.custom-form input.wpcf7-form-control.wpcf7-submit.has-spinner.cf7av-btn-inactive {
    width: 100%;
    height: 44px;
}
.contact-form .custom-form .row .label-class {
    color: #1E1E1E;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
	padding-left: 24px;
}
.custom-form .row .wpcf7-form-control-wrap {
    margin-top: 8px;
}
.custom-iconbox .elementor-icon{
     padding: 6px;
    background: rgba(0, 0, 0, 0.14);
    border-radius: 6px;
}
 .wpcf7-form-control-wrap .wpcf7-form-control {
	padding: 17px 24px;
    border-radius: 56px;
    border: 1px solid #F9F9F9;
    background: #FFF;
    color: #6A7282;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.custom-form input::placeholder {
    color: #6A7282;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.contact-form .custom-form .wpcf7-form-control.wpcf7-submit {
    border-radius: 55px;
    background: #86CC17;
    padding: 12px 20px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; border: none;
}
.cf7-ajax-inner .cf7-ajax-ok-btn {
    padding: 12px 24px;
}
.custom-form .wpcf7-textarea {
    height: 126px !important;
	border-radius: 6px;
}
.main-accordion-info summary{
	box-shadow:none;
	outline:none;
	border:none;
}
.main-accordion-info details{
	border-radius: 12px;
background: #F9F9F9;
}
.el-item article.elementor-post.elementor-grid-item:before {
   counter-increment: itemCounter;          /* increment counter */
  content: counter(itemCounter, decimal-leading-zero);  /* 01, 02, 03… */
  display: inline-block;
  margin-bottom: 32px;                        /* spacing from box content */
  font-weight: bold;                        /* make it bold */
  color: #0E4F8E;
}
.el-item .elementor-posts-container.elementor-posts {
    counter-reset: itemCounter;
}
/* .e-n-accordion-item[open] .e-n-accordion-item-title {
    padding-bottom: 0 !important;
} */

.e-n-accordion-item summary {
  cursor: pointer;
}

.e-n-accordion-item-content {
  overflow: hidden;
/*   height: 0 !important; */
  transition: height 0.35s ease;
  /* Keep padding always present but account for it in JS */
/*   padding-top: 15px !important; */
/*   padding-bottom: 15px !important; */
  box-sizing: border-box;
}
.main-accordion-info .e-n-accordion-item-content,
.main-accordion-info .accordian-first-item{
	position:relative;
	top:-12px;
	padding-bottom:12px;
}
.button-icon .elementor-button-icon{
	padding-top:4px;
	width:10px;
}
.page-id-753 .blogs-list .e-loop-item .blog-template{
	background-color:#fff !important;
}
.blog-content h5{
	margin-top:40px;
	margin-bottom:24px;
}
.blog-content p{
	color : #6A7282;
}

.blog-content h5 + p ~ p {
  margin-top: 16px;
}
.blog-content h5 + p {
  margin-top: 0;
}
.blog-content p > strong{
	color: #1E1E1E;
font-family: "Myriad Pro";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.blog-content ul{
	display:flex;
	flex-direction:column;
	gap:16px;
	color : #6A7282;
	padding-left:20px;
}

/*service page*/
.feature-item{
	min-height: auto;
    padding: 16px 27px;
    border-radius: 12px;
    background: var(--Off-White, #F9F9F9);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.feature-listing-wrap{
	display:flex;
	flex-direction:column;
	gap:24px;
}

/*sevices accordian*/
/* ── FAQ Wrapper ── */
.faq-listing-wrap {
    scrollbar-gutter: stable;
}

/* ── FAQ Item ── */
.faq-item {
    padding: 24px 32px;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #F9F9F9;
}
.faq-item:last-child {
  margin-bottom: 0;
}
/* ── FAQ Question Row ── */
.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

/* ── FAQ Title ── */
.faq-title {
    color: #1E1E1E;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

/* ── FAQ Icon ── */
.faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

/* ── Icon Arrow Rotation ── */
.faq-icon .acc-arrow {
    transition: transform 0.4s ease;
    transform: rotate(0deg);
    display: block;
}

.faq-item.active .faq-icon .acc-arrow {
    transform: rotate(45deg);
}

.icon-img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
    transform: rotate(0deg);
}

.faq-item.active .icon-img {
    transform: rotate(180deg);
}

/* ── Active question padding ── */
.faq-item.active .faq-question {
    padding-bottom: 12px;
}

/* ── FAQ Answer — Smooth Animation ── */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    transition: max-height 0.4s ease, padding 0.4s ease;
    box-sizing: border-box;
}

.faq-item.active .faq-answer {
    padding: 0 20px 0 20px;
	width: 833px;
}

/* ── FAQ Answer text ── */
.faq-answer p {
	color:  #6A7282;
	font-family: "Myriad Pro";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
}

/* benefits faq */

/* ── Benefit Accordion Wrap ── */
.benefit-accordion-wrap {
    scrollbar-gutter: stable;
}

/* ── Accordion Item — default (closed) ── */
.accordion-item {
    padding: 24px;
    margin-bottom: 18px;
    border: none;
    border-bottom: 1px solid rgba(249, 249, 249, 0.24);
    background: var(--Deep-Blue, #0E4F8E);
    border-radius: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transform: scale3d(1, 1, 1);
    transform-style: preserve-3d;
    opacity: 1;
    filter: blur(0px);
    transition: background 0.35s ease,
                border-radius 0.35s ease,
                box-shadow 0.35s ease,
                transform 0.35s ease;
}

/* ── Active Item ── */
.accordion-item.active {
    border: 1px solid rgba(14, 79, 142, 0.14) !important;
    border-radius: 8px;
    background: #ffffff;
    backdrop-filter: blur(94.65px);
    z-index: 2;
    transform: scale3d(1.01, 1.01, 1);
    transform-style: preserve-3d;
    box-shadow: 0px 8px 32px rgba(14, 79, 142, 0.18),
                0px 2px 8px rgba(14, 79, 142, 0.10);
}

/* ── Upar wale item ki border-bottom remove jab next active ho ── */
.accordion-item:has(+ .accordion-item.active) {
    border-bottom: none !important;
}

/* ── Accordion Header ── */
.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordion-header h6 {
    margin: 0;
}

/* ── Accordion Title — default white ── */
.accordion-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.35s ease;
}

/* ── Active Title — blue text ── */
.accordion-item.active .accordion-title {
    color: #0E4F8E;
}

/* ── Accordion Icon — default ── */
.accordion-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.20);
    transition: background 0.35s ease;
}

/* ── Active Icon — blue bg ── */
.accordion-item.active .accordion-icon {
    background: #0E4F8E;
}
.current-menu-item a.elementor-item.elementor-item-active {
    font-weight: 600;
}

/* ── Arrow — default ── */
.accordion-icon img,
.accordion-icon .acc-arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.4s ease, filter 0.35s ease;
    transform: rotate(0deg);
    filter: none;
}

/* ── Active Arrow — rotate + white ── */
.accordion-item.active .accordion-icon img,
.accordion-item.active .accordion-icon .acc-arrow {
    transform: rotate(90deg);
    filter: brightness(0) invert(1);
}

/* ── Accordion Body — Smooth expand ── */
.accordion-body {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    box-sizing: border-box;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.35s ease,
                opacity 0.35s ease;
}

.accordion-item.active .accordion-body {
    max-height: 300px;
    padding-top: 20px;
    opacity: 1;
}
.accordion-item.active .accordion-body p {
    margin: 0;
    color: #0E4F8E;
}
/* ── Body Text ── */
.accordion-body p {
    margin: 0;
    color: #0E4F8E;
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

/* ── Service Banner ── */
.single-services .service-banner {
    background-repeat: no-repeat;
    background-size: cover;
}

/* ── Accordion Icon ── */
.accordion-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.20);
    transition: background 0.3s ease;
}

.accordion-icon img,
.accordion-icon .acc-arrow {
    width: 16px;
    height: 16px;
    transition: transform 0.4s ease;
    transform: rotate(0deg);
}

.accordion-item.active .accordion-icon .acc-arrow {
    transform: rotate(90deg);
}

.accordion-item.active .accordion-icon img {
    transform: rotate(90deg);
}

/* ── Accordion Body — Smooth ── */
.accordion-body {
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 0;
    transition: max-height 0.4s ease, padding 0.4s ease;
    box-sizing: border-box;
}

.accordion-item.active .accordion-body {
    padding-top: 32px;
}

.accordion-body p {
    margin: 0;
    color: #F9F9F9;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

/* quote form */

.quote-form-container {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F9F9F9;
    padding: 24px;
}
.quote-form-container .form-section .field-group .form-field {
    width: 50%;
}
.quote-form-container .form-section .field-group {
    display: flex;
    gap: 16px;
}
.quote-form-container .form-section input, .quote-form-container .form-section select {
    margin-top: 8px;
}
.quote-form-container .form-section input, .quote-form-container .form-section select {
    margin-top: 8px;
    border-radius: 56px;
    border: 1px solid rgba(178, 183, 187, 0.20);
    background: #FFF;
    padding: 18px 22px;
	color: #6A7282;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}
.quote-form-container .form-section h6 {
    border-top: 1px solid rgba(178, 183, 187, 0.20);
    padding-top: 32px;
    margin-top: 32px;
}
.quote-form-container .form-section:first-child h6 {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.field-group .form-field label, .notes-textarea label, .form-field label {
    margin-left: 22px;
    color: #1E1E1E;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.form-field textarea {
    margin-top: 8px;
    height: 141px;
    border-radius: 10px !important;
    border: 1px solid rgba(178, 183, 187, 0.20) !important;
}
.notes-textarea.form-field {
    margin-top: 16px; width: 100% !important;
}
.image-upload.form-field {
    width: 100% !important;
}
.notes-textarea label {
    margin-left: 22px;
}
.image-upload.form-field input#upload-documents {
    border-radius: 26px;
    border: 4px dashed #CBD0DC;
    background: #FFF;
    height: 274px;
    margin-top: 0;
    margin-bottom: 16px;
}
.buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
}
.form-section .form-field {
    width: 50%;
}
input::placeholder, textarea::placeholder {
  color: var(--Gray, #6A7282);
  font-family: "Myriad Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
select {
  color: #6A7282;
  font-family: "Myriad Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
textarea::placeholder {
  color: #6A7282;
  font-family: "Myriad Pro";
  font-size: 16px;
  font-style: normal; 
  font-weight: 400; 
  line-height: 20px;
}
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
select.form-select {
  background-image: url('https://deepsouthcapital.techsolutionn.com/wp-content/uploads/2026/04/Icon.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 16px 16px !important;
}
select.opened {
  transform: rotate(180deg) !important; /* Rotate the arrow 180 degrees */
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.cf7av-btn-inactive {
    border-radius: 55px;
    background: #86CC17;
    padding: 12px 20px;
    width: 210px;
    color: var(--White, #FFF);
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}
.content-wrap .text-normal {
    color: #1e1e1e;
}
.buttons {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-bottom: 32px;
    margin-bottom: 24px;
}
.text-inner {
    text-align: center;
}
.image-upload .file-upload-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

  padding: 20px 24px;
  margin-top: 10px;
  margin-bottom: 16px;
  border-radius: 26px;
  border: 4px dashed #CBD0DC;
  background: #fff;
  min-height: 274px;
  height: auto;
}
.cf7av-file-preview {
  margin-top: 15px;
  width: 100%;
}

/* gallery ko proper flow me lao */
.cf7av-preview-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/* har image box */
.cf7av-preview-gallery img {
  max-width: 120px;
  height: auto;
  border-radius: 8px;
}
/* Hide default file input button */
input[type="file"].form-file {
  display: none; /* Hides the default file input */
}

/* Style for the upload icon */
.upload-icon {
  width: 46px; /* Icon size */
  height: 46px;
  margin-bottom: 24px;
  display: block;
}

/* Style for the clickable label */
.upload-icon-label {
  cursor: pointer; /* Make the label clickable */
}
.file-upload-container .drag-text {
    color: #1E1E1E;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.file-upload-container .file-description {
    color: #B2B7BB;
    text-align: center;
    font-family: "Also Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 15px;
}
.quote-form-container br {
    display: none;
}
.file-check {
    padding-bottom: 32px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.file-check p {
    color: #1e1e1e;
}
.form-reset input[type="reset"] {
    padding: 12px 20px;
    border-radius: 55px;
    border: 1px solid #1E1E1E;
    background: #FFF;
    width: 210px;
    color: #1E1E1E;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
	cursor: pointer;
}
/* Main container fix */
.file-upload-container {
  border: 2px dashed #cbd5e1;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  background: #f9fafb;
  position: relative;
  overflow: hidden; /* 🔥 important */
}

/* CF7 drag & drop wrapper fix */
.wpcf7-drag-n-drop-file {
  position: relative !important;
  display: block !important;
  width: 100%;
}

/* Uploaded file preview container */
.dnd-upload-status {
  position: relative !important;
  margin-top: 15px;
}

/* Each file preview card */
.dnd-upload-status .dnd-upload-details {
  position: relative !important;
  display: block !important;
  margin: 10px auto;
  max-width: 200px;
}

/* Image preview fix */
.dnd-upload-status img {
  width: 100%;
  height: auto;
  display: block;
}

/* CLEAR ALL button fix */
.dnd-upload-status .dnd-upload-details .dnd-upload-image {
  position: relative !important;
}

/* Prevent floating weird behavior */
.dnd-upload-status,
.dnd-upload-status * {
  float: none !important;
}

/* Drag text fix */
.file-description {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.dnd-upload-status {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.dnd-upload-status .dnd-upload-details {
  width: 120px !important;
}
.cf7av-preview-gallery { justify-content: center; }
.cf7av-preview-gallery .cf7av-preview-item button.cf7av-remove-file {
    padding: 0;
}
.cf7av-preview-item img {
    height: 100% !important;
}
.cf7av-preview-clear button.cf7av-clear-files-btn {
    padding: 5px 10px;
}
.form-submit input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 55px;
    background: #86CC17;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 20px;
    border: none;
    width: 210px;
}
.el-item .elementor-post__read-more-wrapper {
    position: relative !important;
    padding-right: 18px;
    display: inline;
    width: max-content;
}

.el-item .elementor-post__read-more-wrapper::after {
  content: "";
  position: absolute !important;
  right: 0;
  top: 55%;
  transform: translateY(-50%) !important;
  width: 10px !important;
  height: 14px !important;

  background: url("https://deepsouthcapital.techsolutionn.com/wp-content/uploads/2026/04/read-more-arrow.svg") no-repeat center !important;
  background-size: contain !important;
}
.service-banner h2 {
    COLOR: #fff !important;
}
.feature-item h5 {
    color: #1E1E1E !important;
    font-family: "Also Sans" !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 26px !important;
}
.nav-bar a.elementor-item.elementor-item-active {
    FONT-WEIGHT: 600;
}
.services-desc .elementor-widget-container p{
    padding-bottom: 16px;
}
.services-desc .elementor-widget-container p:last-child{
    padding-bottom: 0px;
}
.sticky-section {
    height: 100% !important;
    position: sticky !important;
    top: 100px;
}
.header-wrapper .menu-box .sub-menu {
    top: 51px !important;
}
.custom-box .elementor-icon-box-description a {
    color: #1E1E1E;
}
.key-benefits-section .elementor-element.elementor-element-63f5240.e-con-full.e-flex.e-con.e-child {
    width: 645px;
}
.key-benefits-section .elementor-element.elementor-element-60cd0b7.e-con-full.e-flex.e-con.e-child {
    width: 587px;
}
.header-wrapper .nav-bar .elementor-widget-container nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {top: 90px !important; bottom: auto; height: 100vh !important;}
.list-property-wrap { padding-left: 15px;}
.list-property-wrap .list-property-item {
    padding-bottom: 10px;
    font-size: 18px;
}