/* 1400, 1199, 991, 767, 575, 480, 360, 320 */
/* CSS Index
-----------------------------------
1.default css
-----------------------------------
*/

/* min-width 1500 */
@media (max-width: 1600px) {}

/* min-width 1500 */
@media (max-width: 1500px) {}

/* max-width 1399 */
@media (max-width: 1440px) {
	.cta-content{
		padding-left: 20px;
		padding-right: 40px;
	}
}
@media (max-width: 1399.98px) {


	/* ======================  cta section start  ========================= */



	/* ======================  cta section end  ========================= */

	/* ======================  single project content area start ========================= */
	.single-project-slider .swiper-button-next,
	.single-project-slider .swiper-rtl .swiper-button-prev {
		right: 10px;
		left: auto;
	}

	.single-project-slider .swiper-button-prev,
	.single-project-slider .swiper-rtl .swiper-button-next {
		left: 10px;
		right: auto;

	}

	.single-project-slider .swiper-icon-btn {
		background-color: #359434;
		border-color: transparent;
	}

	.single-project-slider .swiper-icon-btn svg path {
		fill: #fff;
	}

	.back-btn-wrapper {
		margin-left: 0;
	}

	/* ======================  single project content area end ========================= */

	/* ======================  message section start ========================= */
	.message-content {
		margin-left: 50px;
	}

	/* ======================  message section end ========================= */

	/* ======================  our team section start ========================= */
	.our-team-area .row {
		--bs-gutter-x: 24px;
		--bs-gutter-y: 30px;
	}

	/* ======================  our team section end ========================= */

    /* ======================  join our team section start ========================= */
    .join-our-team-area .contact-wrapper {
        margin-left: 50px;
    }
    /* ======================  join our team section end ========================= */
}

/* max-width 1199 */
@media (max-width: 1199.98px) {

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* ====================== our client section start ====================== */
	.our-client-area .col {
		flex: 1 0 33%;
	}

	/* ====================== our client section end ====================== */


	/* ====================== our culture section start  ========================= */
	.our-culture-content {
		max-width: 380px;
	}

	/* ====================== our culture section end  ========================= */


	/* ======================  footer section start ========================= */
	.top-footer-area .col:nth-child(1) {
		max-width: 500px;
	}

	.top-footer-area .col:nth-child(1) {
		max-width: 380px;
	}

	/* ======================  footer section end ========================= */

	/* ====================== services slider content section start  ========================= */
	.services-slider-area .col:nth-child(2) {
		max-width: 500px;
	}

	/* ====================== services slider content section end  ========================= */

	/* ======================  message section start ========================= */
	.message-content {
		margin-left: 30px;
	}
	/* ======================  message section end ========================= */

	/* ======================  contact section start ========================= */
	.contact-content-wrapper {
		margin-right: auto;
		margin-left: 30px;
	}
	/* ======================  contact section end ========================= */
}

/* max-width 991 */
@media (max-width: 991.98px) {

	/* all paddding */
	.our-client-area {
		padding: 70px 0;
	}

	/* all paddding */

	/* heading  style*/

	h1 {
		font-size: 48px;
	}

	.location-content h1,
	h2 {
		font-size: 40px;
	}
	.carrers-card h3,
	h3 {
		font-size: 36px;
	}

	h4 {
		font-size: 28px;
	}

	.additional-services-conent ul li,
	h5 {
		font-size: 24px;
	}

	h6 {
		font-size: 18px;
	}


	/* ====================== header section start ====================== */
	.header-area {
		padding: 6px 0;
		background: #fff;
		position: fixed;
	}

	.header-logo img {
		max-width: 82px;
	}

	.header-area .container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.header-logo-1 {
		opacity: 0;
		visibility: hidden;
	}

	.header-logo-2 {
		opacity: 1;
		visibility: visible;
	}

	.header-area::before {
		background-color: #3D703C;
		height: 8px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.header-area.header-sticky .header-logo-1 {
		opacity: 0;
		visibility: hidden;
	}

	/* ====================== header section end ====================== */

	/* ====================== banner section start ====================== */
	.swiper-button-next,
	.swiper-button-prev {
		bottom: 33px;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 25px;
		right: auto;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: auto;
		left: 78px;
	}

	.swiper-icon-btn {
		height: 42px;
		width: 42px;
	}
	.banner-content h1,
	.banner-content h6 {
		font-size: 58px;
	}

	.banner-content-wrapper {
		min-height: 604px;
		height: 100%;
		padding: 113px 0 161px;
	}

	.banner-content p br {
		display: none;
	}

	.page-template-template-our-team .single-banner-area,
	.page-template-template-about-us .single-banner-area,
	.single-banner-area {
		padding: 100px 0 150px;
	}

	.single-banner-area {
		min-height: 500px;
		margin-top: 71px;
	}

	.single-banner-area .banner-content h6 {
		line-height: 1.2;
	}

	.page-template-template-project .single-banner-area {
		min-height: 350px;
	}

	.page-template-template-our-team .single-banner-area .banner-content .btn-1,
	.single-banner-area .banner-content .btn-1,
	.page-template-template-about-us .single-banner-area .banner-content .btn-1 {
		margin-bottom: 15px;
	}

	/* ====================== banner section end ====================== */


	/* ====================== project section start ========================= */
	.carrers-card h3 ,
	.project-card-content h3 {
		font-size: 30px;
	}

	/* ====================== project section end ========================= */

	/* ====================== our client section start ========================= */
	.card-logo-wrapper {
		flex-basis: calc(33.33% - 45px);
	}

	/* ====================== our client section end ========================= */

	/* ====================== quality section start ====================== */
	.quality-slider-wrapper,
	.message-area .col:nth-child(1),
	.quality-area .col:nth-child(1) {
		max-width: 100%;
	}

	.quality-slider-wrapper {
		padding-bottom: 0;
	}

	.quality-area .container {
		padding-right: 8px;
		padding-left: 8px;
	}

	.slider-item-info {
		padding-left: 30px;
		padding-right: 30px;
	}

	.slider-img-wrapper {
		margin-bottom: 24px;
	}

	.pin {
		padding: 22px 0 30px;
	}

	.our-culture-content p,
	.slider-item p {
		max-width: 100%;
	}

	.quality-slider-wrapper .swiper-icon-btn {
		border: 0;
		background: #359434;
	}

	.quality-slider-wrapper .swiper-icon-btn svg {
		height: 16px;
		width: 16px;
	}

	.quality-slider-wrapper .swiper-button-prev,
	.quality-slider-wrapper .swiper-rtl .swiper-button-next {
		left: 5px;
		right: auto;
	}

	.quality-slider-wrapper .swiper-button-next,
	.quality-slider-wrapper .swiper-rtl .swiper-button-prev {
		right: 5px;
		left: auto;
	}

	.quality-slider-wrapper .swiper-button-next,
	.quality-slider-wrapper .swiper-button-prev {
		bottom: auto;
		top: calc(50% - 120px);
		height: 42px;
	}

	.quality-area div {
		height: auto;
	}

	.slider-item h2 {
		margin-top: 0;
	}

	.quality-pin {
		min-height: 100%;
	}

	/* ====================== quality section end ====================== */


	/* ====================== our services start ====================== */
	.message-area .col,
	.our-services-content-wrapper .col {
		flex: 1 0 100%;
	}

	.our-services-content {
		max-width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
	}

	.our-services-area .tab-content {
		padding-bottom: 37px;
		padding-right: 36px;
		padding-left: 36px;
		margin-top: 20px;
	}

	/* ====================== our services end====================== */

	/* ======================  cta section start  ========================= */

	.back-btn {
		margin-bottom: 15px;
	}

	/* ======================  cta section end  ========================= */


	/* ======================  footer section start ========================= */
	.top-footer-area .col:nth-child(1) {
		max-width: 100%;
	}

	.top-footer-area .col {
		flex-basis: 100%;
	}

	.footer-logo img {
		max-width: 200px;
		margin-right: auto;
		margin-left: auto;
	}

	.footer-mobile-logo-wrapper {
		padding-top: 16px;
		margin-bottom: 37px;
	}

	.footer-logo {
		margin-bottom: 20px;
	}

	.copy-right-wrapper-info {
		border-top: 0;
		padding: 14px 0 22px;
	}

	.copy-right-wrapper-info .col-auto {
		flex: 1 0 100%;
	}

	.copy-right-wrapper-info .row {
		text-align: center;
	}

	/* ======================  footer section end ========================= */

	/* ====================== our culture section start  ========================= */
	.our-culture-area .container {
		padding-right: 36px;
		padding-left: 36px;
	}
    .our-culture-area .col{
        flex:1 0 100%
    }

	.hero-graphics-wrap {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		margin-bottom: 15px;
	}

	.hero-illu-cd6-ct4-op1-ot2 {
		display: block;
	}

    .our-culture-content {
        max-width: 100%;
        margin-bottom: 30px;
    }

	.our-culture-area .col:nth-child(2) {
		max-width: 100%;
	}

	.our-culture-area .row {
		flex-direction: column-reverse;
	}

	.our-culture-area {
		padding: 50px 0 56px;
	}

	/* ====================== our culture section end  ========================= */


	/* ======================  services slider content section start ========================= */
    .page-template-template-careers .services-slider-area ,
	.services-slider-area {
		padding: 50px 0;
	}

	.services-slider-area .col {
		flex: 1 0 100%;
	}
    .page-template-template-careers .services-slider-content ,
	.page-template-template-about-us .services-slider-content,
	.services-slider-content {
		max-width: 100%;
		margin-top: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.services-slider-content p,
	.services-slider-area.version-2 .services-slider-item .col:nth-child(1),
	.services-slider-area .col:nth-child(2) {
		max-width: 100%;
	}

	.services-slider-item {
		margin-bottom: 50px;
	}

	.services-slider-item.row-reverse .services-slider-content {
		padding-left: 0;
	}

	/* ======================  services slider content section end ========================= */


	/* ======================  additional services section start ========================= */
	.additional-services-area .col {
		flex: 1 0 100%;
	}

	.additional-services-conent {
		max-width: 100%;
		margin-right: 0;
		padding-left: 0;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.additional-services-area {
		padding: 50px 0;
	}

	.additional-services-conent ul li::before {
		top: 14px;
	}

	.additional-services-inner-box {
		padding: 20px;
	}

	/* ======================  additional services section end ========================= */

	/* ======================  slider section wrapper start ========================= */
	.slider-section-wrapper {
		padding: 70px 0;
	}

	.slider-section-wrapper .project-area {
		margin-bottom: 50px;
	}
	.cat-wrapper {
		top: 76.63px;
		margin-bottom: 25px;
	}
	/* ======================  slider section wrapper end ========================= */


	/* ======================  single project content area start ========================= */
	.single-project-content-area {
		margin-top: 110px;
	}

	.location-btn-wrapper {
		margin-top: 30px;
	}

	.location-content-wrapper {
		margin-bottom: 30px;
	}

	.project-details-area {
		max-width: 100%;
		margin-left: 0;
		padding: 40px 0;
	}

	.project-details-area .col:nth-child(1) {
		max-width: 100%;
	}

	.project-details-area .col {
		flex: 1 0 100%;
	}

	.project-details-conent {
		margin-left: 0;
		margin-top: 15px;
	}
	.page-template-template-services .project-area ,
	.page-template-template-single-project .project-area {
		padding: 50px 0;
	}

	/* ======================  single project content area end ========================= */

	/* ======================  message section start ========================= */
	.message-area {
		padding: 50px 0;
	}

	.message-content {
		margin-left: 0px;
		margin-top: 30px;
	}

	.message-img-wrapper h2 {
		margin-bottom: 20px;
	}

	.message-content h5 {
		margin-bottom: 20px;
	}

	.message-content-info-item {
		margin-bottom: 15px;
	}

	.author-information-info {
		margin-top: 20px;
	}

	/* ======================  message section end ========================= */


	/* ======================  our team section start ========================= */
	.our-team-area {
		padding: 70px 0;
	}

	/* ======================  our team section end ========================= */


}

/* max-width 767 */
@media (max-width: 767.98px) {

	/* all paddding */
	.our-client-area {
		padding: 50px 0;
	}

	/* all paddding */

	/* heading  style*/

	h1 {
		font-size: 40px;
	}

	.location-content h1,
	.our-services-area .section-wrapper h2,
	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 28px;
	}

	h4 {
		font-size: 24px;
	}

	/* ====================== CTA Area ====================== */
	.cta-area .col {
		width: 100%;
	}
	
	.cta-area .row {
		flex-direction: column-reverse;
	}
	
	.cta-bg {
		max-height: initial;
		width: 100%;
		height: auto;
	}
	
	.cta-content {
		text-align: center;
		padding-top: 34px;
		padding-bottom: 42px;
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.cta-content p {
		margin: 0 auto 1rem;
	}
	/* ====================== our client section start ====================== */
	.card-logo-wrapper-area {
		gap: 18px;
	}

	.card-logo-wrapper {
		flex-basis: calc(33.33% - 12px);
		height: 50px;
		padding: 5px;
	}

	/* ====================== our client section end ====================== */
	/* ====================== our services start ====================== */
	.our-services-area {
		background: rgba(217, 217, 217, 0.30);
		padding: 36px 0 24px;
	}

	.our-services-area .nav-tabs .nav-link {
		font-size: 16px;
	}

	.our-services-content h2 {
		font-size: 30px;
	}

	.our-services-area .section-wrapper h2 {
		margin-bottom: 14px;
	}

	.our-services-area .section-wrapper {
		margin-bottom: 50px;
	}

	/* ====================== our services end ====================== */

	/* ====================== our culture section start  ========================= */
	.hero-graphics-column.is-home-01 {
		min-width: 24rem;
	}

	/* ====================== our culture section end  ========================= */

    /* ======================  join our team section start ========================= */
    .join-our-team-area {
        padding: 50px 0;
    }
    .join-our-team-area .col{
        flex: 1 0 100%;
    }
    .join-our-team-area .col:nth-child(1) {
        max-width: 100%;
    }
    .join-our-team-area .btn-3 {
        margin-bottom: 15px;
    }
    .join-our-team-content h2 {
        margin-bottom: 20px;
    }
    .join-our-team-content {
        margin-bottom: 30px;
    }
    .join-our-team-area .contact-wrapper {
        margin-left: 0;
        max-width: 100%;
    }
    /* ======================  join our team section end ========================= */
	/* ======================  contact section start ========================= */
	.contact-area {
		padding: 50px 0;
	}
	.contact-area .col {
		flex: 1 0 100%;
	}
	.contact-content-wrapper {
		margin-left: 0px;
		margin-top: 30px;
	}
	.contact-wrapper ,
	.contact-area .col:nth-child(1) {
		max-width: 100%;
	}
	.contact-content-info {
		margin-bottom: 30px;
	}
	.carrers-card {
		padding: 30px 25px;
	}
	.carrers-card .contact-content-info-item {
		margin-top: 15px;
	}
	/* ======================  contact section end ========================= */

}

/* max-width 575 */
@media (max-width: 575.98px) {


	/* ====================== our client section start ====================== */
	.card-logo-wrapper-area {
		gap: 18px;
	}

	/* ====================== our client section end ====================== */

	/* ====================== project section start ========================= */
	.project-area {
		padding: 45px 0;
	}

	.project-area h2 {
		margin-bottom: 20px;
	}

	.project-area .container {
		padding-right: 36px;
		padding-left: 36px;
	}

	.project-sub-title {
		font-size: 11px;
		margin-bottom: 0;
	}

	.project-card-content {
		padding: 17px 10px;
		padding-left: 25px;
	}

	.project-slider-wrapper {
		padding-bottom: 106px;
	}

	.project-slider-wrapper .swiper-horizontal>.swiper-pagination-progressbar,
	.swiper-pagination-progressbar.swiper-pagination-horizontal,
	.project-slider-wrapper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
	.project-slider-wrapper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
		bottom: 75px;
	}

	.project-card-link a {
		height: 35px;
		width: 35px;
	}

	.project-card-link a svg {
		height: 16px;
		width: 16px;
	}

	/* ====================== project section end ========================= */

	/* ======================  under construction section start ========================= */
	.under-construction-area {
		padding: 50px 0;
	}

	.under-construction-area .sub-title {
		margin-bottom: 10px;
	}

	.under-construction-area .under-construction-slider-wrapper {
		padding-bottom: 70px;
	}

	.under-construction-slider-img img {
		min-height: 270px;
	}

	/* ======================  under construction section end ========================= */
	/* ======================  our team section start ========================= */
	.our-team-area {
		padding: 50px 0;
	}
	/* ======================  our team section end ========================= */

	/* ======================  contact section start ========================= */
	.contact-content-info-inner-item h6 {
		font-size: 20px;
	}
	/* ======================  contact section end ========================= */

	/* ======================  slider section wrapper start ========================= */
	.cat-wrapper .list-group {
		gap: 10px;
	}
	.cat-wrapper .list-group .btn-3 {
		letter-spacing: 0.3px;
		padding: 6.5px 10px;
	}
	/* ======================  slider section wrapper end ========================= */
}

/* max-width 479 */
@media (max-width: 479.98px) {

	/* all paddding */
	.our-client-area {
		padding: 25px 0 30px;
	}

	/* all paddding */
	/* ====================== banner section start ====================== */
	.banner-content h6,
	.banner-content h1 {
		font-size: 45px;
		margin-bottom: 14px;
	}

	.banner-content p {
		font-size: 16px;
		max-width: 277px;
	}

	.banner-content .btn-1 {
		margin-top: 7px;
	}

	.page-template-template-our-team .single-banner-area,
	.page-template-template-about-us .single-banner-area,
	.single-banner-area {
		padding: 80px 0 100px;
	}

	/* ====================== banner section end ====================== */
	/* ====================== our client section start ====================== */
	.our-client-area h2 {
		margin-bottom: 20px;
	}

	.hero-graphics-column.is-home-01 {
		min-width: 21rem;
	}

	/* ====================== our client section end ====================== */


	/* ====================== quality section start ====================== */
	.slider-img-wrapper img {
		height: 234px;
		object-fit: cover;
	}

	.our-culture-content h2,
	.slider-item h2 {
		margin-bottom: 16px;
	}

	.our-culture-content h5,
	.slider-item h5 {
		font-size: 19px;
		margin-bottom: 10px;
	}

	.quality-slider-wrapper .swiper-icon-btn {
		height: 29px;
		width: 29px;
	}

	.quality-slider-wrapper .swiper-button-next,
	.quality-slider-wrapper .swiper-button-prev {
		bottom: auto;
		top: 127px;
	}

	/* ====================== quality section end ====================== */

	/* ====================== our services start ========================= */
	.our-services-content .btn-1.btn-2 {
		margin-top: 8px;
	}

	.our-services-img img {
		height: 291px;
		object-fit: cover;
	}

	.our-services-area .nav-tabs .nav-link span {
		max-width: 146px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	/* ====================== our services end ========================= */


	/* ======================  cta section start  ========================= */
	.cta-content h2 {
		line-height: 1.04;
		max-width: 185px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 13px;
	}

	.cta-content {
		max-width: 252px;
		margin-right: auto;
		margin-left: auto;
	}

	/* ======================  cta section end  ========================= */
	/* ======================  footer section start ========================= */
	.footer-logo img {
		max-width: 148px;
	}

	.copy-right-caption {
		margin-top: 14px;
	}

	/* ======================  footer section end ========================= */
	/* ====================== our culture section end  ========================= */
	.graphic-img-width.is-24 {
		width: 15rem;
	}

	.our-culture-content .btn-1 {
		margin-top: 0;
	}

	.footer-mobile-logo-wrapper .btn-1 {
		padding: 8px 20px;
	}

	.footer-mobile-logo-wrapper .btn-1 {
		padding: 8px 32.5px;
	}

	.our-services-area .section-wrapper p {
		max-width: 304px;
		margin-right: auto;
		margin-left: auto;
	}

	/* ====================== our culture section end  ========================= */

	/* ======================  additional services section start ========================= */
	.additional-services-conent ul li {
		font-size: 18px;
	}

	.additional-services-conent ul li::before {
		top: 9px;
	}

	/* ======================  additional services section end ========================= */

}

/* max-width 383 */
@media (max-width: 374px) {
	.our-services-area .tab-content {
		padding-right: 25px;
		padding-left: 25px;
	}

	.copy-right-caption p,
	.other-link-wrapper li a {
		font-size: 12px;
	}

	.other-link-wrapper li {
		margin-right: 3px;
	}

	.offcanvas-bottom-conent .btn-1 {
		padding: 8px 24px;
		margin-bottom: 65px;
	}

	.services-slider-wrapper {
		padding-bottom: 90px;
	}

	.services-slider-wrapper .swiper-pagination {
		text-align: left;
	}

	.services-slider-wrapper .swiper-horizontal>.swiper-pagination-bullets,
	.services-slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
	.services-slider-wrapper .swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 58px;
		z-index: 1;
	}
}