@media only screen and (min-width:1400px){
.container-fluid {
	padding-left:40px;
	padding-right:40px;
	max-width: 1400px;
}
.home-banner {
	padding: 140px 0;
}
}


 @media (min-width: 768px) {
      #mobileFaq { display: none; }
    }

    /* Show accordion only on mobile */
    @media (max-width: 767.98px) {
      #FaqTab, #tabContent { display: none; }
 }


@media only screen and (min-width:1251px) and (max-width:1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1220px;
}
header .header-right .nav{gap: 20px;}
.local-expert .text-box::before {
	top: -155px;
	right: 206px;
	width: 410px;
}


}


@media only screen and (min-width:992px) and (max-width: 1250px){
.header-right .common-btn {
	min-width: 145px;
	font-size: 14px;
	padding: 0 10px;
}
header .header-right{gap: 20px}

header .logo {max-width: 130px; height: 120px;}
header.sticky .logo {
	max-width: 110px;
	height: 115px;
}
.header-right .common-btn{min-width: 160px; font-size: 14px; padding: 0 15px;}
header .header-right .nav{gap: 15px}
header .header-right .nav li{font-size: 14px}
.home-banner {padding: 80px 0;}
.about-conatiner .text-box{padding: 0;}
h1{font-size: 50px}
h2{font-size: 40px}
.top-footer .info-box li a{font-size: 14px}
footer .newsletter {
	max-width: 390px;
}
footer .bottom-footer .privacy-condition {
	display: flex;
	margin-left: 80px;
}
.inner-banner{padding: 70px 0;}
.faq-container p br{display: none}
#FaqTab li a, #FaqTab li button{padding: 15px 12px}
.portfolio-container .project-data ul li span{font-size: 14px;}
.portfolio-container .project-data {
	margin: 30px 0 0 0;
	height: 100%;
}
.portfolio-container [class*="col-"] {
	margin-bottom: 30px;
}
.portfolio-container .project-data {
	margin: 30px 0 0 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.portfolio-container .project-data ul{margin-top: auto;}
.communities-list ul li {
	width: calc(25% - 15px);
}

.experience-grid{max-width: 352px; margin: 0 auto;}
.local-expert .exp-box{width:160px; height: 180px; border-radius:60px 60px 0 60px; right: 0}
.local-expert .exp-box h2{font-size: 70px;}
.experience-grid .box-1 {
	width: 130px;
	height: 140px;
	border-radius:60px 60px 60px 0; left: 0;
}
.experience-grid .box-2 {
	width:180px;
	height: 190px;
	border-radius: 60px 0 60px 60px;
}
.experience-grid .box-3 {
	width: 150px;
	height: 190px;
	border-radius: 0 60px 60px 60px;
}

.local-expert .text-box::before {
	top: -155px;
	right: 166px;
	width:335px;
}
.choose-container .options li {
	width: calc(25% - 15px);
}
.contact-form label{font-size:13px;}
}


/* Toggle icon (only visible on mobile) */
.toggle-icon::before {
  content: "+";
  float: right;
  font-size: 24px;
  margin-left: 8px;
}

.toggle-icon.active::before {
  content: "-";
}

/* On mobile, submenu opens when active */
@media (max-width: 991px) {
  .main-menu .sub-menu.open {
    max-height: 500px; /* expand */
    opacity: 1;
    visibility: visible;
  }
}



@media only screen and (max-width: 991px){
.frm-fluent-form .ff-t-container {
	gap: 0 !important;
}
	
.tab-wrapper{display: none}
#FaqTab li a, #FaqTab li button{padding: 15px}

.container, .container-md, .container-sm {
	max-width: 100%;
	padding: 0 20px;
}
.home-banner{padding-top: 0}
.about-conatiner .text-box{padding: 0;}
.menu-toggle.active i:before{
	content: "\F62A";
	font-family: "bootstrap-icons";
}
.menu-toggle {
	display: block;
	right: 0;
	float: right;
	background: #62376c;
	width:35px;
	height:35px;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:27px; margin-top:20px; line-height:20px;
}
.menu-toggle:hover{color: #fff;}
header{padding:10px 0; position:static; height:100px;}
header.sticky{position: static;}
header .header-right {
	background: #f6f6f8;
    top:100px;
    left: 0;
    padding: 20px;
    z-index: 9;
    position:absolute;
    width: 100%;
    height: calc(100%);
    overflow-x: auto;
    transition: .3s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    min-height: inherit; opacity: 0.5; align-items: flex-start;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
}
header .header-right .nav li a:hover::before, header .header-right .nav li.active a::before {width: 0;}
header .header-right .nav li .sub-menu{width: 100%; transition: none;}

header .header-right .nav li .sub-menu.open {
	max-height: 500px;
	opacity: 1;
	visibility: visible;
	position: static;
	width: 100%;
	margin-top: 10px;
	overflow: auto;
	transition: none;
}

header .header-right .nav li a {
	width: 100%;
	padding: 5px;
	display: block;
	position: relative;
}

header .header-right .nav li a .toggle-icon{position: absolute; right: 0; top: 0}



header .header-right .nav {
	display: flex;
	gap:13px;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

header .logo {
	max-width: 120px;
	height: auto;
	padding: 0;
	background: none;
	position: static;
	box-shadow: none;
}

.home-banner .content-box {
	position: relative;
	width: 100%;
}

h1{font-size: 50px}
h2{font-size: 40px}

.home-banner h1 {
	max-width: 500px;
}
.home-banner {
	padding: 80px 0;
}
.common-btn {
	min-width: 166px;
	min-height: 46px;
	font-size: 14px;
}
.service-cards .card .text-box h6 {
	font-size: 18px;	
}
.slick-arrow{width: 46px; height: 46px; top: -85px; right:205px}
.slick-arrow.slick-prev {right: 260px;}
.testimonial-card .inner .quotes{bottom: 15px; right: 15px;}
.stories-conatiner .story-card{margin-right: 20px}
.stories-conatiner .story-card figure{height: 190px}
.top-footer .info-box li a {
	font-size: 14px;
	display: inline-block;
}
footer .top-footer{align-items: flex-start;}
footer .newsletter {
	max-width: 390px;
}
.top-footer .info-box{flex-direction: column;}
.project-conatiner h2, .service-conatiner h2{max-width: 400px;}
.project-conatiner h2 br{display: none;}

footer .bottom-footer .privacy-condition {
	margin-left:45px;
}
.inner-banner{padding: 70px 0;}
.leadership h2, .testimonial-conatiner h2{max-width: 400px;}
.faq-container p br{display: none}
.question-container .accordion .accordion-item {
	padding:15px; position: relative;
}
.question-container .accordion .accordion-item h6 button::after {
	width: 35px;
	height: 35px;
	font-size: 27px;
	position: absolute;
	right: 0;
}
.question-container .accordion .accordion-item h6 button {
	font-size: 18px;
	line-height: 20px;
	padding-right:40px;
}
.question-container .accordion .accordion-body{padding-top: 20px}
.question-container .accordion{margin-bottom: 40px}
.service-container{padding: 50px 0;}
.service-container .service-card .text-box{padding: 20px;}
.why-choose span br{display: none}
.lets-container .inner .text-box {width: 80%; padding: 30px}
.testimonials-page .slick-next{right:15px;}
.testimonials-page .slick-prev{right:70px;}
.testimonials-page .inner{padding: 30px;}
.testimonials-page .info-box{padding-right: 45px;}
.testimonials-page .inner{min-height: 350px}
.portfolio-container{padding: 50px 0;}
.portfolio-container .project-data .inner .full{width: 100%; max-width: 100%;}
.portfolio-container .project-data {
	height: 100%;
	justify-content:flex-start;
	display: flex;
	flex-direction: column;
}
.portfolio-container .project-data ul li{width:48%;}
.portfolio-container .project-data ul {
	flex-wrap: wrap;
	margin-top: auto;

}
.portfolio-container [class*="col-"] {
  margin-bottom: 30px;
}
.portfolio-container .project-data figure{margin: 0;}
.blog-top-container .text-box{padding: 25px;}
.blog-top-container .text-box span{margin-bottom: 10px;}
.blog-top-container .text-box h4{margin-bottom: 10px;}
.blog-top-container p{margin-bottom: 10px;}
.blog-top-container {
	padding:50px 0;
}

.blog-top-container .row{margin: 0 !important;}
.blog-card-container .blog-card .text-box {
	padding: 15px;
}
.blog-card-container .blog-card .text-box span{margin-bottom: 10px;}
.blog-card-container .blog-card .text-box h5{margin-bottom: 10px;}
.blog-card-container .blog-card .text-box p{margin-bottom: 10px;}
.inner-banner .breadcrumb{height: auto;}
.inner-banner .col-md-4.col-lg-4{display: flex; align-items: center;}
.contct-container{padding: 50px 0;}
.contct-container .contact-info{padding-right: 0; padding-top: 55px;}
.contact-info .address-list li .text-box p {
	font-size: 14px;
	line-height: 1.2;
}
.contact-info .address-list li .text-box{padding-left: 10px;}
.contact-info .address-list li i{width: 40px; height: 40px; font-size: 14px;}
.contact-info .address-list li::before{left: 20px;}
.contact-form{padding: 30px;}
.contact-form .form-row {
	display: flex;
	gap: 0;
	flex-direction: column;
}
.frm-fluent-form .ff-t-container{flex-direction: column;}
.bottom-banner .transparent-box{padding: 20px;}
.bottom-banner .transparent-box p {
	font-size: 18px;
	line-height: 26px;
}
.contct-container::before {
	top: 32px;
	left: 286px;
	width: 180px;
	height: 200px;
}
.communities-list ul li {
	width: calc(33% - 15px);
}
.experience-grid{max-width: 352px; margin: 0 auto;}
.local-expert .exp-box{width:160px; height: 180px; border-radius:60px 60px 0 60px; right: 0}
.local-expert .exp-box h2{font-size: 70px;}
.experience-grid .box-1 {
	width: 130px;
	height: 140px;
	border-radius:60px 60px 60px 0; left: 0;
}
.experience-grid .box-2 {
	width:180px;
	height: 190px;
	border-radius: 60px 0 60px 60px;
}
.experience-grid .box-3 {
	width: 150px;
	height: 190px;
	border-radius: 0 60px 60px 60px;
}

.local-expert .text-box::before {
	top: -155px;
	right: 36px;
	width: 350px;
	height: 300px;
}
.service-detail-top .text-box{padding: 25px !important;}
.service-detail-top .container::before {
	right: -67px;
}

.choose-container{padding-top:60px;}
.choose-container .options li {
	width: calc(33.33% - 15px);
}
.service-detail-top .row {
	margin: 0 !important;
}

#readMoreModal figure{height: 300px; margin-bottom: 30px;}
#readMoreModal .modal-body {
	padding: 40px 10px;
}
.newsletter .frm-fluent-form .ff-t-container{display:flex !important; flex-direction:row !important} 
}



@media only screen and (max-width: 767px){
	
header.sticky{position: static;}
header{padding:8px 0; height: 70px}
header .logo img{max-width: 80px; transition: none}
header .logo{max-width: 90px}
header.sticky .logo{max-width: 90px; height: auto;}
.menu-toggle{margin-top: 10px}
header .header-right{top: 70px;}
.home-banner {
	padding: 50px 0;
}
h1{font-size:40px; letter-spacing: -2px}
h2{font-size:30px; letter-spacing: -2px}
h4{font-size:25px; letter-spacing: -1px}
.partners h4{font-size:25px}

.home-banner p {
	font-size: 16px;
	letter-spacing: -0.5px;
}
.common-btn {
	min-width: 130px;
	min-height: 40px;
	font-size: 13px;
	padding: 0 15px;
}
.about-conatiner figure{max-width: 100%;}
.home-banner .content-box{text-align: center;}
.home-banner .sub-heading{justify-content: center;}
.home-banner h1 {max-width: 100%;}
.home-banner .content-box .btn-group{justify-content: center;}
.inner-banner p{text-align: center;}
.inner-banner .common-btn{margin: 0 auto;}
.inner-banner  .col-md-8{text-align: center;} 
.inner-banner .breadcrumb li{font-size: 16px;}
.common-btn{font-size: 16px;}
.partners h4 br{display: none;}
.partners{padding: 40px 0;}
.about-conatiner{padding: 40px 0;}
.about-conatiner figure{max-width: 100%;}
.about-conatiner .text-box strong{font-size: 20px;}
.common-btn:hover img {left: 3px;}
.service-conatiner{padding: 40px 0 20px;}
.service-conatiner::before {
	top: 100px;
	right: 165px;
	width: 250px;
	height: 260px;
}
.sub-heading{font-size: 16px;}
.service-cards .card{margin-bottom: 30px;}
.project-conatiner{padding: 40px 0}
.service-cards .full{width: 100%; max-width: 100%; flex: 0 0 100%;}
.service-conatiner::before {
	top: 120px;
	right:10px;
	width:190px;
	height:190px;
}
.service-cards .card figure img{height: auto;}

.service-conatiner [class*="col-"] {
	width: 100%;
	margin-bottom: 15px;
}
.service-conatiner [class*="col-"] .sub-heading, .project-conatiner [class*="col-"] .sub-heading{margin-bottom: 0;}
.service-conatiner h2 br{display: none}

.service-cards {
	width: 100%;
	margin-top: 25px;
}
.project-conatiner [class*="col-"], .testimonial-conatiner [class*="col-"], .stories-conatiner [class*="col-"], .our-values [class*="col-"], .leadership [class*="col-"] {
	width: 100%;
	margin-bottom: 15px;
}
.slick-arrow {
	width: 46px;
	height: 46px;
	top: -97px;
	right: 0;
}
.slick-arrow.slick-prev {
	right:0;
}
h1 br, h2 br{display: none;}
.projects ul {
	flex-wrap: wrap;
}
.slick-arrow{position: relative;}
.arrow-box {
	position: absolute;
	text-align: right;
	max-width: 100%;
	width: 152px !important;
	margin: 0;
	margin-left: auto;
	top: 0;
	right: 0;
}

.testimonial-card .inner{padding: 30px 30px 60px 30px;}
.testimonial-conatiner{padding: 40px 0;}
.testimonial-conatiner::before {
	top: 230px;
	right: 0;
	width: 240px;
	height: 362px;
}
.stories-conatiner{padding: 40px 0;}
.stories-conatiner .text-box{height: auto;}
.stories-conatiner .text-box .sub-heading{width: 100%;}
.stories-conatiner h2 {
	margin-bottom: 20px;
}
.stories-conatiner .story-card {
	margin: 30px auto 10px;
	max-width: 100%;
}
.stories-conatiner .story-card figure {
	height: 300px;
}

.stories-conatiner .text-box::before {
	top: 40px;
	right: -150px;
	width: 400px;
	height: 455px;
}
.stories-conatiner .gallery {
	margin-top: 40px;
}
.gallery .img-card{margin-bottom:15px;}
footer{padding: 40px 0 20px;}
footer .top-footer {
	align-items:center;
	justify-content: space-between;
	padding-bottom:20px;
	margin-bottom:20px;
	flex-direction: column;
	gap: 20px;
	display: flex;
}
.top-footer .info-box li a{width: 100%;}
.top-footer .info-box{flex-wrap: wrap; gap: 10px;}
footer .top-footer h3{font-size: 25px;}
footer .newsletter {
	max-width: 100%;
	margin-bottom: 30px;
	text-align: center;
}
.newsletter p{margin-bottom: 20px;}
footer .col-md-3.col-lg-3{width: 50%; max-width: 50%; flex: 0 0 50%;}
footer h6 {
	margin-bottom: 10px;
	text-align: center;
}
footer .foot-links{text-align: center;}
footer .foot-links li{line-height: 1.5;}
footer .bottom-footer {
	margin-top: 30px;
	flex-direction: column-reverse;
}
footer .bottom-footer .privacy-condition, .bottom-footer .social-media{margin-left: 0;}
.inner-banner h1{text-align: center;}
.inner-banner .breadcrumb{justify-content: center; margin-top:10px;}
.our-values{padding: 40px 0;}
.our-values .sub-heading, .leadership .sub-heading{margin-bottom: 0;}
.our-values h2{margin-bottom: 0;}
.value-data figure {
	max-width: 100%;
	width: 100%;
}
.value-data {
	margin-top: 0;
}
.value-data figure img{max-width: 100%; width: 100%;}
.leadership{padding: 20px 0 40px;}
.testimonials-page .arrow-box{top: 45px}
.testimonials-page .slick-prev{right:15px !important}
.testimonial-card .inner {
	padding: 20px;
	min-height: auto;
}
.portfolio-container .project-data{height: auto;}
.portfolio-container [class*="col-"] {
	margin-bottom: 0;
}
.about-conatiner .text-box .sub-heading{justify-content:left;}

.about-conatiner .text-box  h2, .about-conatiner .text-box  p{text-align:left;}
.about-conatiner .text-box .btn-group{justify-content: center;}
.blog-top-container .blog-img.left, .blog-top-container .blog-img.left img {
	border-radius: 35px 35px 0 0;
	height: 100%;
}
.mobile-margin-none{margin-bottom:0 !important;}
.blog-top-container .text-box.right {
	border-radius: 0 0 35px 35px;
}
.blog-top-container .blog-img.right, .blog-top-container .blog-img.right img {
	border-radius: 35px 35px 0 0;
}
.blog-top-container .text-box.left {
	border-radius: 0 0 35px 35px;
}

.blog-card-container {
	padding:50px 0;
}

.custom-pagination .page-link{width: 30px; height: 30px; padding: 5px}
.pagination{gap: 5px;}
.custom-pagination .page-link.next, .custom-pagination .page-link.prev {
	width: auto;
	padding: 15px;
}
.contct-container h4 {
	margin-bottom: 30px;
	text-align: center;
}
.contact-info .bottom-info {
	text-align: center; margin: 40px 0 30px 0;
}
.contct-container .contact-info{padding-top: 0;}
.contct-container::before {
	top: 72px;
	left: 286px;
	width: 400px;
	height: 400px;
}

.bottom-banner .left-box{ text-align:center; margin-bottom: 35px}
.bottom-banner .transparent-box{max-width: 100%;}
.bottom-banner .transparent-box {
	max-width: 100%;
	height: auto;
	min-height: auto;
	text-align: center;
}

.bottom-banner{min-height: 500px;}
.contct-container{overflow-x: hidden;}
.contct-container::before {
	top: 140px;
	left: 286px;
	width: 250px;
	height: 275px;
}
.inner-banner p {
	font-size: 16px;
	line-height: 1.3;
}
.inner-banner .breadcrumb{width: 100%;}

.local-expert {
	padding: 50px 0;
}
.local-expert .text-box::before {
	top: 0;
	right: 0;
	width: 195px;
	height: 250px;
}
.local-expert .text-box {
	position: relative;
	text-align: center;
	margin: 60px 0 0;
}
.map-area .map{height: 250px; margin-top: 20px}
.lets-container .inner{padding: 50px 0;}
.lets-container .inner .text-box h2 br{display: none}
.lets-container .inner .text-box p br{display: none;}
.map-area{padding: 50px 0;}
.communities-list .bottom-center {
	padding: 50px 20px 0 20px;
	text-align: center;
}
.about-conatiner.commercial .text-box {
	padding: 0;
	text-align: left;
}
.about-conatiner.commercial .text-box h2{text-align: left;}
.service-detail-top, .commercial, .full-service{padding: 50px 0;}
.service-detail-top .service-img, .service-detail-top .service-img img{border-radius: 35px 35px 0 0 !important;}

.service-detail-top .text-box.right {
	border-radius: 0 0 35px 35px;
}

.commercial .text-box.why-choose{margin-bottom: 35px;}
.testimonials-page .testimonial-card .inner p{font-size: 22px;}
body.home .about-conatiner .text-box .btn-group {
	justify-content: flex-start;
}
	.contct-container h4{text-align:left;}
	.service-container .service-card .text-box{min-height:inherit;}
	
}


@media only screen and (max-width:650px){
.communities-list ul li {
	width: calc(50% - 15px);
}
}


@media only screen and (max-width:479px){
	.top-footer .info-box li a{font-size: 13px}
	.testimonial-card .inner{padding: 20px;}
	.testimonials-page .testimonial-card .inner p{font-size: 18px; line-height: 1.5}
	.lets-container .inner .text-box{width: 100%; padding: 20px;}
	.btn-group{flex-direction: column; display: inline-flex;}
	.btn-group .common-btn{padding:0 20px}

	.communities-list ul li {
	width: calc(100%);
}
.experience-grid {
	max-width: 300px;
}
.local-expert .exp-box{width: 140px; height: 160px; border-radius: 50px 50px 0 50px;}
.local-expert .exp-box h2 {
	font-size: 55px;
}
.local-expert .exp-box p{font-size: 14px;}

.experience-grid .box-1{border-radius: 50px 50px 50px 0;}

.experience-grid .box-2 {
	width: 140px;
	height: 150px;
	border-radius: 50px 0 50px 50px;
}
.experience-grid .box-3 {
	width: 120px;
	height: 150px;
	border-radius: 0 50px 50px 50px;
}
.choose-container .options li {
	width: calc(50% - 15px);
}
}