section{display:block;}
.tempHeadBdr {
    text-align: center;
    border-style: double;
    border-color: rgb(2 181 248);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 4px;
    border-left-width: 0px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}
.has-search .form-control-d2c {
    padding-left: 50px;
    border: 1px solid#ddd;
    height: 50px;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
}
.homepagebanner .banner-top-content:before {
    content: '';
    background-color: rgb(12 12 12 / 60%);
    position: absolute;
    z-index: -1;
    /*width: 60%;*/
    display: block;
    height: 100%;
    padding: 0;
    top: 0%;
	    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.everything_you_need .everything-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.everything_you_need .everything-content .head{display:block;text-align:left;}
.everything_you_need .everything-content h2{text-align:center}
.everything_you_need span.content-box-size{width:32%;background-color:#E5F9F3;padding:20px;border-radius:30px;margin-bottom:2%}
.everything_you_need .everything-icon{padding:10px;padding-left:0}
.everything_you_need .content-box-size .d-flex{align-items:center}
.everything_you_need .everything-icon span{background-color:#fff;width:60px;height:60px;display:block;padding:10px;border-radius:100px;text-align:center}
.everything_you_need .everything-icon span img{width:100%}
.everything_you_need span.font-size-22{font-size:22px;font-weight:500;line-height:28px;}
.everything_you_need.need-cotent{padding:10px 0}

.new-gallery .horizontal-gallery{margin:0;padding:0}
/*.new-gallery .horizontal-gallery .item:nth-child(even){height:200px}
.new-gallery .horizontal-gallery .item:nth-child(odd){height:300px}*/
.new-gallery .horizontal-gallery .item{margin:0 15px;overflow:hidden;border-radius:38px}

span.row-data {
    display: block;
    width: 20%;
    padding: 0px;
    margin: 0px;
}
.numbers-that-speak h2{text-align:center; color:#fff;}
.numbers-that-speak .number-content{background:#16342B;border-radius:60px;padding:50px 0;color:#fff}
.numbers-that-speak .number-content h3{font-weight:800;font-style:Italic;line-height:52px;text-align:center;color:#fff;}
.numbers-that-speak .number-caption2 span{padding:0 10px;display:block;text-align:center}

.build_more h2{text-align:center}
.build_more .offer-container{display:flex;gap:20px;justify-content:space-between}
.build_more .offer-panel{flex:.5;position:relative;height:500px;overflow:hidden;cursor:pointer;transition:flex .4s ease;border-radius: 40px;border-bottom-right-radius: 0px;}
.build_more .offer-panel .large-text-xl{font-size:3rem;font-weight:300;line-height:1}
.build_more .offer-panel .basic-text{font-size:1.125rem;font-weight:500;line-height:1.3;text-decoration:none}
.build_more .feature-service-text-right-side ul{padding-left:20px;}
.build_more .feature-service-text-right-side .large-text{padding-bottom:20px;text-transform:capitalize;margin-top:0;margin-bottom:0;font-size:1.5rem;font-weight:600;line-height:1.1}
.build_more .feature-service-text-right-side .icon{margin-bottom:20px}
.build_more .feature-service-text-right-side .icon span{display:block;width:80px;height:80px;background-color:#16342B;display:block;border-radius:80px;text-align:center;padding:15px}
.build_more .offer-panel.active{flex:3}
.build_more .offer-img,.build_more .offer-info{position:absolute;width:100%;height:100%;top:0;left:0;padding:30px;box-sizing:border-box;transition:opacity .3s ease}
.build_more .offer-img{z-index:1;background-size:cover;background-position:center;opacity:0}
.build_more .offer-info{z-index:2;background:#ffffffe6;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.build_more .offer-panel.active .offer-img{opacity:1}
.build_more .offer-panel:not(.active) .offer-info{transform:rotate(-90deg);transform-origin:left center;white-space:nowrap}
.build_more .offer-title{font-size:1.5rem;font-weight:700}
.build_more .offer-desc{font-size:1rem}
.build_more .offer-panel .feature-service-vertical-wrap{flex-flow:column;justify-content:space-between;align-items:center;width:70px;height:100%;display:flex;position:relative}
.build_more .offer-panel .feature-service-text-vertical{grid-column-gap:.5rem;grid-row-gap:.5rem;aspect-ratio:auto;text-align:left;flex:0 auto;justify-content:flex-start;align-items:center;width:450px;display:flex;position:absolute;bottom:45%;left:auto;right:auto;transform:rotate(-90deg)}
.build_more .offer-panel .large-text.no-wrap{color:var(--grey-200);text-align:left;text-transform:uppercase;white-space:nowrap}
.build_more .offer-panel .large-text{font-family:var(--main-font);color:var(--grey-400);text-transform:capitalize;margin-top:0;margin-bottom:0;font-size:1.5rem;font-weight:600;line-height:1.1}
.build_more .offer-panel .feature-service-grid{grid-column-gap:0;grid-row-gap:0;grid-template-rows:auto auto;grid-template-columns:auto auto;grid-auto-columns:1fr;display:grid;position:absolute;inset:auto 0 0 auto}
.build_more .offer-panel.feature-service-vertical-wrap{flex-flow:column;justify-content:space-between;align-items:center;width:70px;height:100%;display:flex;position:relative}
.build_more .offer-panel .feature-service-vertical-wrap.first,.build_more .offer-panel .feature-service-vertical-wrap.second,.feature-service-vertical-wrap.third{border-right:1px solid #c7c7c7;width:100%;overflow:hidden}
.build_more .offer-panel .feature-service-text{background-color:#fff;border-radius:2rem 0 0;padding:1.5rem 1.5rem 0}
.build_more .offer-panel .corner-bottom-left{width:40px;height:40px;transform:rotate(180deg)}
.build_more .offer-panel .feature-service-wrap{grid-column-gap:1rem;grid-row-gap:1rem;justify-content:space-between;display:flex}
.build_more .offer-panel .feature-service-list{justify-content:space-between;height:500px;display:flex}
.build_more .offer-panel .feature-service-list.first{cursor:pointer;width:100%}
.build_more .offer-panel .feature-service-list.second{cursor:pointer;width:15%;display:flex;position:relative}
.build_more .offer-panel .feature-service-list.third{cursor:pointer;cursor:pointer;flex:0 auto;width:15%;display:flex;position:relative}
.build_more .offer-panel .feature-service-image{border-radius:0;width:400px;height:100%;position:relative;overflow:hidden}
.build_more .offer-panel .feature-service-image.first{width:100%;display:block}
.offer-panel .feature-service-image.first.hide-in-desktop{display:none}
.build_more .offer-panel .feature-service-image.second{transform-origin:100%;width:0;display:block}
.build_more .feature-service-image.third{width:0;display:block}
.build_more .feature-service-grid .service-item{place-self:end}
.build_more .offer-panel .corner-top-right{width:40px;height:40px;transform:rotate(180deg)}
.build_more .feature-service-info.active{opacity:1;display:block;transform:translate3d(0px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d;height:100%}
.build_more .feature-service-info{opacity:0;transform:translate3d(0px,0px,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d;display:none}
.build_more .feature-service-info div#offer-container-left{height:100%}
.build_more div#offer-container-left{height:100%;}
.build_more .feature-service-text-right-side{position:absolute;bottom:2%;right:2%;}

.master_plan-section .master_plan .head h2{text-align:center;}
.master_plan-section .master_plan ul{padding:0;margin:0;margin-bottom:65px;}
.master_plan-section .master_plan ul li{margin-bottom:20px;}
.master_plan-section .master_plan .icon{padding-right:10px;padding-left:0;padding-bottom:0px;}
.master_plan-section .master_plan .d-flex{align-items:center;}
.master_plan-section .master_plan .icon span{background-color:#16342B;border:1px solid #ccc;width:50px;height:50px;display:block;padding:10px;border-radius:100px;box-shadow:2px 2px 5px -1px #ccc;text-align:center;}
.master_plan-section .master_plan .icon span img{width:100%;}
.lef-image-overlay span{position:absolute;}
.lef-image-overlay span.img-1-up {
    top: 30%;
    left: 30%;
}
.lef-image-overlay {
    position: relative;
    aspect-ratio: auto;
    block-size: auto;
    inline-size: 100%;
    height: 100%;
}



.testimonial-section .about-testimonail_section .slick-track{display:flex}
.testimonial-section .about-testimonail_section .slick-slide{height:auto}
.testimonial-section .about-testimonail_section .slick-track .slick-slide{flex:1 0 auto;align-items:center;justify-content:center}
.testimonial-section .about-testimonail_section .head h2{text-align:center}
.testimonial-section .about-testimonail_section .item{margin:0 15px;margin-top:31px;background-color:#e5f9f3;border-radius:30px;padding:40px}
.testimonial-section span.testimonial-icon{position:absolute;top:-70px}
.testimonial-section .testimonial-slider{max-width:950px;margin:0 auto;width:100%;padding-bottom:65px;}
.testimonial-section .about-testimonail_section .carousel-control-next{right:-14%}
.testimonial-section .about-testimonail_section .carousel-control-prev{left:-14%}

.brochure .brochure-content{padding:100px;border-radius:50px}
.brochure .brochure-caption2{width:70%;margin:0 auto;padding:30px;background-color:#fffc;border-radius:20px;text-align:center}
.brochure .mybtn a{color:#fff !important;font-size:18px;line-height:28px;margin:0;text-align:center;border-radius:35px;background-color:var(--org);padding:10px 30px;text-decoration:none}
.brochure .view-our-products-btn.mybtn .mybtn2{color:#000 !important;border-color:#000;margin-left:20px}
.brochure .view-our-products-btn{display:inline-block;margin:20px 0 0}
p.vsfp-subhead {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
}

section.ready-to {background-image: url('https://www.theneworldprojects.com/wp-content/uploads/2025/07/12.png');background-position:bottom;background-repeat:no-repeat; background-position-y: 200px;background-size:cover;}
section.ready-to .contact-section #wpcf7-f151-o1 .wpcf7 form .wpcf7-response-output{margin:0px !important; padding:0px !important;}
section.ready-to .contact-section{max-width:710px;margin:10px auto;background:#fff;border-radius:35px;padding:40px 30px;box-shadow:0 0 15px 15px #0000000d;position:relative;border:1px solid #ccc;}
section.ready-to.contact-section form{display:flex;flex-wrap:wrap;gap:20px}
section.ready-to .contact-section input,.contact-section textarea{flex:1 1 45%;padding:12px;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none;transition:border-color .3s ease;width:100%}
section.ready-to .contact-section input:focus,.contact-section textarea:focus{border-color:#f26522}
section.ready-to .contact-section textarea{height:70px}
section.ready-to .contact-section .submit-btn{width:100%;padding:14px;background:linear-gradient(to right,#ff793f,#f26522);border:none;border-radius:30px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin-top:10px;transition:background .3s ease}
section.ready-to .contact-section .submit-btn:hover{background:linear-gradient(to right,#f26522,#ff793f)}

input, optgroup, select, textarea
{flex:1 1 45%;padding:12px;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none;transition:border-color .3s ease;width:100%}
.submit-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right,#ff793f,#f26522);
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    transition: background .3s ease;
}


@media only screen and (max-width: 1199px) {
.homepagebanner .carousel-caption2, .homepagebanner .banner-top-content:before {
    width: 100%;
}


.testimonial-section .testimonial-slider{max-width:100%;margin:0 auto;width:100%}
.testimonial-section .about-testimonail_section .carousel-control-prev{left: -3%;}
.testimonial-section .about-testimonail_section .carousel-control-next{right: -3%;}
}
@media only screen and (max-width: 1024px) {
	
	.homepagebanner .slick-dots{bottom:5%;}
	.everything_you_need span.content-box-size{width: 49%;}
	.banner-top-content{    top: 52%;}
	
	
}

@media only screen and (max-width: 991px) {
	
h1 {font-size: 35px;line-height: 45px;}	
h2 {font-size: 30px;line-height: 35px;text-align: center;}	
h3 {font-size: 25px;line-height: 30px;}	
h4 {font-size: 23px;line-height: 25px;}	
h5 {font-size: 18px;line-height: 25px;}	
p {font-size: 16px;line-height: 25px;}	
	
.banner-top-content{top:50%;}
.homepagebanner .carousel-caption2, .homepagebanner .banner-top-content:before { width: 100%;}


.testimonial-section .about-testimonail_section .carousel-control-prev{left: 0%;}
.testimonial-section .about-testimonail_section .carousel-control-next{right: 0%;}
	.lef-image-overlay{width:70%;margin:0 auto;    }
.hel-logo {
    text-align: center;
    margin-bottom: 30px;
}
.ul-li-point{padding-top:30px;}
.master_plan-section .master_plan ul{margin-bottom:0px;
}

@media only screen and (max-width: 767px) {
p {text-align:center;}	
header .custom_container {
    max-width: 90%;
}
section {padding: 25px 0px;}
.homepagebanner {
    aspect-ratio: 3 /  4 auto;

    inline-size: 100%;
   max-block-size: 100% !important
    color: #fff;
    margin-bottom: 50px;
}
.banner-top-content {top: 273px;}
.hel-logo {
    text-align: center;
    margin-bottom: 40px;
}
.hel-logo img{width:250px;}
.everything_you_need span.content-box-size {
    width: 100%;
}
.everything_you_need  .head{margin-left:0px;}
	.everything_you_need  p{text-align:left;}
/*.everything_you_need .everything-icon span{    width: 50px;height: 50px;    padding: 10px;}*/
/*
.everything_you_need .content-box-size .d-flex {flex-wrap: wrap;}

.everything_you_need span.font-size-22 {font-size: 20px;  line-height: 25px; }
.everything_you_need .everything-content .head {margin-bottom: 20px;text-align:left;}
.need-cotent p {text-align:left;}
*/




.build_more .feature-service-text-right-side {
    position: unset;
    bottom: UNSET;
    right: unset;
}
.build_more .feature-service-text-right-side .icon span{margin:10px auto;}

.testimonial-section .about-testimonail_section .item{padding: 40px 10px;}


.brochure .brochure-content {padding: 30px;border-radius: 20px;}
.brochure .brochure-caption2 {width: 100%;padding: 14px;}

	
.master_plan li p {text-align: left;}
.master_plan ul li {    margin-bottom: 15px;}
	.lef-image-overlay{   aspect-ratio: 3 / 3 auto !important;right: 0 !important;}
section {padding: 35px 0px;}
.slick-dots{padding-left: 0px;}
.slick-dots .slick-active {background-color: #16342B !important;opacity: 1;}
	.build_more .feature-service-text-right-side .large-text{text-align:center;}
.new-gallery .horizontal-gallery{margin-bottom:25px;}
.new-gallery .slick-dots{bottom:-20%;}
	section.ready-to .contact-section{margin-top:0px;}
section.testimonial-section {
    padding-bottom: 10px;
}
span.row-data {
    width: 50%;
    margin: 10px 0px;
}
}
@media only screen and (max-width: 480px) {
.mobile-none {
    
    display:none;
}
	
.banner-top-content{padding:25px 15px; top: 50%;transform: translate(0%, -45%);}
	.homepagebanner{margin-bottom:0px;}
	.homepagebanner .carousel-caption2, .homepagebanner .banner-top-content:before {
   
    padding: 20px;
}
.homepagebanner .view-our-products-btn a{font-size: 13px;    padding: 10px 16px;    width: 214px;}

.build_more .feature-service-info {
    display: block;
    visibility: visible;
    opacity: 1;
    height: unset !important;
}
div#offer-container {
    display: none;
}
.homepagebanner .view-our-products-btn {
    display: inline-block;
    margin: 20px 4px 0px 0px;
}
.homepagebanner .slick-dots {
    bottom: 0%;padding:0px;
}
.everything_you_need span.font-size-22 {
    font-size: 18px;
}
.everything_you_need .everything-icon span{width: 80px;
    height: 80px;}	
.lef-image-overlay {margin-bottom:30px;}
	.lef-image-overlay img{width:200px;}
	span.row-data {
    width: 100%;
    margin: 10px 0px;
}
}

@media only screen and (max-width: 420px) {
	.banner-top-content {
    padding: 0px 4px;
}

.homepagebanner .carousel-caption2, .homepagebanner .banner-top-content:before {
    padding: 10px;
}

	
}


@media only screen and (max-width: 360px) {
	h1 {
    font-size: 30px;
    line-height: 35px;
}
	h5 {
    font-size: 17px;
    line-height: 19px;
}
}