@keyframes floatBob {
	0%,
	100% {
		transform: translateY(-50%);
	}

	50% {
		transform: translateY(calc(-50% - 12px));
	}
}


.l-section:has(.newhero){
	display: block;
		width: 100%;
		position: relative;
		box-sizing: border-box;
		padding: 0!important;
	.l-section-h{
		max-width: unset;
	}
	.newhero{
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden;
		.docwrap{
			display: flex;
			align-items: center;
		}
	}
	.cnt{
		width: 50%;
	}

@media (min-width: 1650px) {
		  .docwrap{
		  	max-width: 1450px;
		  	margin-inline: auto;
		  }
}


	.floaty {
		display: block;
		position: absolute;
		z-index: 33;
		left: 0;
		will-change: transform;
		backface-visibility: hidden;
	}

	.floaty.cnt-1 {
		top: 60%;
		animation: floatBob 3s ease-in-out infinite;
	}

	.floaty.cnt-2 {
		top: 40%;
		left: unset;
		right: 8%;
		animation: floatBob 4.5s ease-in-out infinite;
	}

	.floaty.cnt-3 {
		top: 75%;
		left: unset;
		right: 4%;
		animation: floatBob 3.8s ease-in-out infinite;
	}

	.docimg{
		width: 50%;
		position: relative;
		.featuredoc{
			display: block;
			object-fit: cover;
		}


	}
	.eyebrow{
		font-family: Poppins;
		font-weight: 500;
		font-size: 17px;
		line-height: 35px;
		color: #444;
		border-radius: 9999px;
		background: rgba(68, 68, 68, 0.08);
		display: inline-block;
		padding: 5px 15px;
		margin-block: 0;
	}
	h1{
		margin-block: 0;
		padding-block: 0;
		font-family: Poppins;
		font-weight: 500;
		font-size: 19px;
		letter-spacing: 0.1em;
		line-height: 55px;
		text-align: left;
		color: #444;
		text-transform: uppercase;


	}
	.innercnt{
		padding-right: 4%;
		p{
			font-family: Poppins;
			font-weight: 500;
			font-size: 57px;
			line-height: 62px;
			text-align: left;
			color: #000;
			margin-block: 0;
		}
		a{
			background: #b462ba;
			color: #fff;
			font-family: Poppins;
			font-weight: 500;
			font-size: 20px;
			border-radius: 9999px;
			display: inline-flex;
			gap: 1rem;
			align-items: center;
			line-height: 0;
			padding: 19px 45px;
			margin-top: 1rem;
			&::after {
				content: url(../img/checkmark.svg);
				display: block;
				position: relative;
				left: 0;
				transition: all .3s ease-in-out;
			}
		}
		a:hover{
			background: rgba(180, 98, 186, 0.9);
			&::after {
				left: -3px;
			}
		}
	}
	.abouthome{
		margin-inline: auto;
		width: 100%;
		padding-inline: 4%;

		padding-block: 0 40px;
		.eyebrow{
			margin-top: 40px;
			font-weight: 600;
			font-size: 21px;
			line-height: 55px;
			text-align: left;
			color: #b462ba;
			background-color: unset;
			padding: 0;
			font-family: "Poppins"
		}
		.cnt{
			padding-block: 0 30px;
			width: 100%;
			p{
				font-weight: normal;
				font-size: 18px;
				line-height: 30px;
				text-align: left;
				color: #444;
			}
			h2{
				color: #000;
				margin-block: 0 1rem;
				font-weight: 600;
				font-size: 35px;
				font-family: "Poppins"
			}
		}
	}
}

.brownbar{
	background: #baa897;
	color: #fff;
	display: flex;
	.singlebrn{
		padding-block: 40px;
		flex: 1;
		display: flex;
		justify-content: center;
		gap: 1rem;
		align-items: center;
		font-weight: 500;
		font-size: 20px;
		padding-inline: 2rem;
		span{
			display: block;
			font-family: "Poppins";
		}

	}
	.singlebrn:nth-child(2){
		border-inline: 1px solid rgba(255, 255, 255, 0.5);

	}
}

@media (max-width: 980px) {
	.brownbar{
		flex-direction: column;
		.singlebrn:nth-child(2){
			border-block: 1px solid rgba(255, 255, 255, 0.5);
			border-inline: unset;
		}
	}
	.l-section:has(.newhero) {
	  .newhero {
	  	padding-top: 40px;
	     .docwrap {
	      flex-direction: column-reverse;
	      padding-inline: 4%;
	      gap: 40px;
	    }
	  }
	  .cnt{
	  	width: 100%;
	  }
	  .docimg{
	  	width: 100%;
	  }
	}

}

@media (max-width: 767px) {
  .l-section:has(.newhero) {

    .newhero {
    	padding-top: 40px;
    	.eyebrow{
    		font-size: 14px;
    		color: #444;
    	}
    	.innercnt{
    		padding-inline: 0;
    		p{
    			font-weight: 500;
    			font-size: 25px;
    			line-height: 30px;
    		}
    		a{
    			font-size: 15px;
    			gap: 10px;
    		}
    	}
    	h1{
    		font-size: 15px;
    		letter-spacing: 0.1em;
    		line-height: 24px;
    		margin-block: 1rem 1ch;
    	}
       .docwrap {
        flex-direction: column-reverse;
        padding-inline: 4%;
        gap: 40px;
      }
    }
    .cnt{
    	width: 100%;
    }
    .docimg{
    	width: 100%;
    }
    .floaty{
    	width: 100%;
    	max-width: 115px;
    }
   .abouthome{
   	.cnt{
   		padding-block: 0;
   	}
   	.eyebrow{
   		margin-top: 20px;
   	}
   }
  .brownbar {
    .singlebrn {
      span {
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;

      }
    }

  }
}
}