/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

@media (max-width: 767px) {
   div#n2-ss-2 .n2-font-508ab20f66b9bad23b8da85bfcf9e234-hover {
		font-size: 24px !important;
	}
}
.mnheaifng {
  border-left: 3px solid var(--wp--preset--color--palette-color-1);
  padding-left: 12px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto; /* center aligned rahe */
}

.mnheaifng {
  border-left: 4px solid var(--wp--preset--color--palette-color-1) !important;
  padding-left: 27px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto !important; 
	text-align: center;
	
}
.innubre {
    width: fit-content;
    padding: 6px 10px;
    border-radius: 50%;
    margin: 0px;
    margin: 0px auto;
    margin-top: -45px;
    position: relative;
    margin-bottom: 22px;
}

/* .fvicon {
    margin-top: -65px;
    margin-left: -27px;
}

.custom-icon-list {
  list-style: none;
  padding-left: 0;
}

.custom-icon-list li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 10px;
}


.custom-icon-list li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    width: 17px;
    height: 21px;
    background-image: url(https://tnb.dhavalhost.com/wp-content/uploads/2026/01/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
} */

/* consult-page */
/* .consult-box img {
    box-shadow: -1px 4px 10px rgb(0 0 0 / 46%) !important;
} */

/* contact-form col label*/
/* .cf7-two-col {
    display: flex;
    gap: 20px;
}

.cf7-two-col label {
    width: 100%;
}

@media (max-width: 780px) {
    .cf7-two-col {
        flex-direction: column;
				gap: 0px;
				margin-bottom: 30px;
    }

    .cf7-two-col label {
        width: 100%;
    }
} */

/* contact form page Hover pop-out effect */
/* .contact-icon-pop img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
		background: #3DAD9F;
		padding:15px;
border-radius:42px;
}
.contact-icon-pop:hover img {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		background:#6cc4b4;
} */

/* book a consult-popup */
/* form .home-footer-form {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

.home-footer-form label{
	margin-bottom:20px;
}

@media screen and (max-width: 480px) {
	form .home-footer-form {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
} */

/* Anjali 11-06-2026 */
.hero-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    background: rgb(241 101 34 / 20%);
    border: 1px solid #F26522;
    font-size: 0.70rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 16px;
	border-radius: 50px;
}
/* .hero-tag::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5E9F52;
} */

.hero-pills{
	display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.pill {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .85);
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .18);
    font-weight: 500;
}
.listdisin{
	display: flex !important;
	gap: 10px !important;
	list-style: none !important;
	padding-left: 0px !important;
}

.listdisin li{
	       background: rgba(255, 255, 255, .1);
    padding: 2px 10px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .18);
    font-weight: 500;
    color: rgba(255, 255, 255, .85);
    font-size: 12px;
}

/* Service Page */

.sec-2-list {
    list-style: none;
    display: flex;
    gap: 30px;
    justify-content: center;
}

.sec-2-list li {
    display: flex;
    align-items: center;
    gap: 8px;
	font-size:15px;
}

.sec-2-list li::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #f26522;
    border-radius: 50%;
/*     display: inline-block; */
}

.servicve-list2 {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.servicve-list2 li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.servicve-list2 li::before {
    content: "✓";
    color: #0f4c81;
    font-weight: 700;
}

.servicve-list1 {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.servicve-list1 li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.servicve-list1 li::before {
    content: "✗";
    color: #f26522;
    font-weight: 700;
}

.section-tag-wrapper {
    text-align: center;
} 

.section-tag {
    display: inline-block;
	background:#fef0e8;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
}

.ps-tags {
    list-style: none;
    display: flex;
    gap: 10px;
    padding-left: 10px;
}
.ps-tags li{
	background:#d7e2ed;
	border-radius:15px;
	padding: 2px 10px
}

.just-content{
	justify-items: end;
}

.service-method-card{
	transition: all .2s;
}

.service-method-card:hover {
    border: 1px solid #F26522 !important;
    box-shadow: 0 6px 20px rgba(242, 101, 34, .1);
    transform: translateY(-2px);
}

.service-treat-card {
	transition: all .2s;
}

.service-treat-card:hover {
    border: 1px solid #F26522 !important;
	box-shadow: 0 5px 14px rgba(242, 101, 34, .09);
}

.service-treat-card2 {
	transition: all .2s;
}

.service-treat-card2:hover {
    border: 1px solid #1E73BE !important;
	box-shadow: 0 5px 14px rgba(242, 101, 34, .09);
}

.faq{
	transition: background .15s;
}

.faq h3.wp-block-accordion-heading:hover{
	background:#f8f6f2;
	border-radius:15px;
}

.faq.is-open h3.wp-block-accordion-heading:hover {
	background:#f8f6f2;
	border-radius: 15px 15px 0 0 !important;
}

.cta-b {
	transition: opacity .2s;
}
.cta-b:hover {
     opacity: .9;
}

.cta-b2 {
	transition: background .2s;
}
.cta-b2:hover {
	border-radius:10px;
	background:rgba(255, 255, 255, .18);
}

.get-sec-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
	border-bottom: 2px solid rgb(255 255 255 / 10%);
}

.get-sec-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.get-sec-list li::before {
    content: "✓";
    color: #F26522;
    font-weight: 700;
}

.service-end-card {
    transition: all .2s;
    border: 1px solid #F26522;
}

.service-end-card:hover {
    border-top: 5px solid #F26522 !important;
    border-right: 1px solid #F26522 !important;
    border-bottom: 1px solid #F26522 !important;
    border-left: 1px solid #F26522 !important;
    box-shadow: 0 6px 20px rgba(242, 101, 34, .1);
    transform: translateY(-2px);
}
.review-card:hover{
	transition:box-shadow .2s;
}

.review-card:hover{
	box-shadow:0 6px 18px rgba(0, 0, 0, .08);
}

.new-box-fit{
	width:max-content;
}

.service-box-list-brdr{
	border-bottom: 1px solid #F2F5F7 !important;
}
.sticky-section {
	position: sticky;
	top: 20px !important;
	margin-bottom: 20px !important;
	align-self: flex-start !important;
	margin-top: 0 !important;
}

@media (max-width: 768px) {
	.mob-pad-60{ 
		padding-top: 55px !important;
	 	padding-bottom: 55px !important;
	}
	
	.mob-pad-50{ 
		padding-top: 50px !important;
	 	padding-bottom: 60px !important;
	}
	
	.mob-pad-60px{ 
		padding-top: 60px !important;
	 	padding-bottom: 65px !important;
	}
	
	.mob-pad-t-60{
		padding-top: 60px !important;
	}
	.mob-pad-b-30{
		padding-bottom: 30px !important;
	}
	
	.mob-pad-b-45{
		padding-top: 55px !important;
		padding-bottom: 45px !important;
	}
	
	.mob-pad-b-20{
		padding-bottom: 20px !important;
	}
	.mob-mt-60{
		margin-top:60px !important;
	}
	.mob-mb-60{
		margin-bottom:60px !important;
	}
	.mob-mb{
		margin-bottom:20px !important;
	}
	
	.head-1{
		font-size: 24px !important;
	}
	.head-2{
		
	}
	.hero-tag
 	{
		font-size:9px !important;
	}
	
	.mob-btns{
		width: 100% !important;
	}
	.sec-2-list {
		display: block !important;
		padding: 10px 0px !important;
	}
	.mob-icons{
		width: fit-content !important;
    	margin-bottom: 10px !important;
	}
	.mob-icons2{
		width: fit-content !important;
	}
	
	.just-content {
		justify-items: baseline !important;
	}
	.mob-width{
		width:100% !important;
		max-width: 13% !important;
	}
	.mob-pt-10{
		padding-top: 10px !important;
	}
	.mob-icons-padd{
		padding: 10px 20px 10px 20px !important;
	}
	
	.mob-icons2 {
        width: fit-content !important;
        margin: 0 auto 0px !important;
    }
	.padd-all{
		padding: 50px 15px 50px 15px !important;
	}
	
	.sticky-section {
        position: static !important;
        top: auto !important;
		margin-bottom:0px !important;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .mob-width {
        width: 100% !important;
        max-width: 7% !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.mob-pad-60{
		padding-bottom: 65px !important;
		padding-top: 65px !important;
	}
	.btns-widthh{
		width: auto !important;
	}
	.head-1{
		font-size:29px !important;
	}
	.tab-margin-0{
		margin:0px !important
	}
	.font-tab-16{
		font-size:16px !important;
	}
	.tab-font-12{
		font-size:12px !important;
	}
	.tab-fit-w{
		flex-basis: fit-content !important;
	}
	.sticky-section {
		position: sticky;
		top: 20px !important;
		margin-bottom: 20px !important;
		align-self: flex-start !important;
		margin-top: 0 !important;
	}
}

@media (min-width: 1024px) and (max-width: 1024px) {
	.sec-2-list{
    	padding-left: 0px !important;
		gap: 15px !important;
	}
	.sec-2-list li {
		font-size: 13px !important;
		gap: 5px !important;
	}
	.sec-2-list li::before {
		width: 6px !important;
		height: 6px !important;
	}	
	.width-17{
		flex-basis:17% !important;
	}
	.width-23{
		flex-basis:23% !important;
	}
	.width-28{
		flex-basis:28% !important;
	}
	.d-block{
		display:block !important;
	}
	.height-450{
		height: 450px !important;
	}
}

@media (min-width: 769px) and (max-width: 1020px) {
	.sec-2-list{
    	padding-left: 0px !important;
		gap: 10px !important;
	}
	
	.sec-2-list li {
		font-size: 10.7px !important;
		gap: 5px !important;
	}
	.sec-2-list li::before {
		width: 4px !important;
		height: 4px !important;
	}	
	
	.width-17{
		flex-basis:22% !important;
	}
	
	.d-blockk{
		display:block !important;
	}
	.d-iconss{
		width: 100% !important;
    	max-width: fit-content !important;
		margin-bottom:15px !important; 
	}
	
	.d-icons{
		width: 100% !important;
    	max-width: 25% !important;
		margin-bottom:15px !important; 
	}
	.width-23{
		flex-basis:29% !important;
	}
	.font-12{
		font-size:12px !important;
	}
	.font-13{
		font-size:13px !important;
	}
	.all-pad-tab{
		padding: 20px 10px !important;
	}
	.font-10{
		font-size:10px !important;
	}
	.tab-font-12 {
        font-size: 11px !important;
    }
	
	.width-38{
		flex-basis: 42% !important;
	}
	.widthh-40{
		flex-basis: 40% !important;
	}
	
	
}