.home-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 61rem;
	padding-top: 120px;
}

.home-banner .arrow-div {
    top: 16rem;
    left: 0rem;
	z-index: 1;
}

.home-banner .single_path_1 {
	left: 0;
    height: 1.2rem;
    top: 12rem;
    opacity: 0.5;
}

.home-banner .single_path_2 {
	right: -4rem;
	height: 1rem;
	top: 31rem;
	opacity: 0.5;
}

.home-banner .single_path_3 {
	left: 0rem;
    height: 1rem;
    bottom: 6rem;
    z-index: 1;
}

.home-banner .swiper .title {
	font-size: 2.8125rem;
	font-family: 'Raleway', sans-serif;
}

.home-banner .swiper .sub-title {
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
}

.home-banner .swiper .description {
	line-height: 1.7rem;
	font-size: 1rem;
}

/* .home-banner .swiper-horizontal>.swiper-pagination-bullets, .home-banner .swiper-pagination-bullets.swiper-pagination-horizontal, .home-banner .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 40px!important;
} */

.home-banner .left {
	padding-top: 16rem;
	padding-left : 7.2rem;
}

.home-banner .swiper .second-slider img {
	height: 44rem;
}

/* .home-banner .first-slider .view {
	background-color: rgb(1, 31, 78);
	font-size: 1rem;
	padding: 0.8rem;
	width: 254px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} */

.home-banner .first-slider .view-more img {
	height: 3.2rem;
}

.home-banner .first-slider .phone {
	margin-top: 6rem;
}


.home-banner .first-slider .phone img {
	height: 2rem;
}

.home-banner .first-slider .phone .number {
	background-color: #FF9D00;
	width: 196px;
	/* background: rgba(255, 157, 0, 1); */
}
/* .home-banner .first-slider .phone .number:hover {
	background-color: #ffffff;
	width: 196px;
}
.home-banner .first-slider .phone .number:hover p {
	color: #FF9D00!important;
} */



.home-banner .swiper-pagination {
	left: 27rem;
	bottom: 40px!important;
}

.home-banner .swiper-pagination .swiper-pagination-bullet {
	background-color: white!important;
	opacity: 1!important;
}

.home-banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.7rem;
    width: 0.7rem;
}

.home-banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}


.mobile-home {
	display: none;
}




.welcome-section {
	margin-top: 4rem;
}
.welcome-section .left {
	padding-left : 7.2rem;
}

.welcome-section .left .sub {
	font-size: 30px;
}

.welcome-section .left .title {
	font-size: 40px;
}

.welcome-section .drop_path {
	left: 0;
	top: 7.5rem;
	height: 4rem;
}

.welcome-section .single_path {
	right: 0;
	top: 4.5rem;
	height: 1.5rem;
}

.welcome-section .view-more {
	background: transparent linear-gradient(90deg, #106EB5 0%, #57A9CD 100%) 0% 0% no-repeat padding-box;

	/* background-color: #106EB5;
	background-image: -webkit-gradient(linear, left, right, from(#106EB5), to(#57A9CD));
	background-image: -webkit-linear-gradient(top, #106EB5, #57A9CD);
	background-image:    -moz-linear-gradient(top, #106EB5, #57A9CD);
	background-image:      -o-linear-gradient(top, #106EB5, #57A9CD);
	background-image:         linear-gradient(to bottom, #106EB5, #57A9CD); */

	
	margin-left: 1rem;
	padding: 0.8rem 5rem;
}

/* .welcome-section .right {
	padding-left: 4rem;
} */


.competitor-advantages {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 42rem;
	/* background-color: #b8b8f5; */
	background-color: #7a8891;
}

.competitor-advantages h2 {
	color: #011F4E;
	font-size: 35px;
}

.competitor-advantages .description p {
	line-height: 1.8rem;
}

.competitor-advantages .top {
	margin-top: 4rem;
}

.competitor-advantages .water-drop {
	height: 2.5rem;
}


.competitor-advantages .competitor-advantages-drop {
	height: 15rem;
}

.competitor-advantages .competitor-advantages-drop-hover {
	height: 15rem;
    position: relative;
    top: -0.7rem;
}

.competitor-advantages .competitor-advantages-image-1 {
    height: 3.5rem;
    left: 5.5rem;
    top: 6.5rem;
}

.competitor-advantages .competitor-advantages-image-1-1 {
	height: 3.5rem;
    left: 5.5rem;
    top: 6.5rem;
	z-index: 1;
}



.competitor-advantages .competitor-advantages-image-2 {
	height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
}

.competitor-advantages .competitor-advantages-image-2-1 {
	height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
	z-index: 1;
}


.competitor-advantages .competitor-advantages-image-3 {
    height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
}

.competitor-advantages .competitor-advantages-image-3-1 {
	height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
	z-index: 1;
}


.competitor-advantages .competitor-advantages-image-4 {
	height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
}

.competitor-advantages .competitor-advantages-image-4-1 {
	height: 3.5rem;
    left: 6.5rem;
    top: 6.5rem;
	z-index: 1;
}

.competitor-advantages .title {
	font-size: 16px;
	color: #011F4E;
}

.competitor-advantages .competitor-advantages-small-drop {
	height: 1.2rem;
}

.competitor-advantages .white-path {
	padding-top: 7rem;
}




.dynamic-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 50rem;
}

.dynamic-banner .container {
	padding-top: 27rem;
}

.dynamic-banner .title {
	color: #57D2F9;
	font-size: 32px;
}

.dynamic-banner .description {
	line-height: 1.8rem;
}

.dynamic-banner .blue-border {
	margin-top: 3rem;
	border-bottom: 2px solid #57D2F9;
}
.dynamic-banner .container span {
	font-size: 22px;
}





/* Our services */
.our-services h2 {
	font-size: 40px;
}

.our-services .left {
	/* padding-top: 8rem; */
	padding-left: 15rem;
}

.our-services .right .service-image {
	height: 45rem;
    object-fit: cover;
}

.our-services .green-drop {
	height: 2rem;
    top: 0.5rem;
	left: 11rem;
}
.our-services .nav {
	border-bottom: 1px solid #B7B7B7;
	flex-wrap: nowrap;
}


/* .our-services .nav .nav-item {
	margin: 0 2rem;
} */

.our-services .nav .nav-item .nav-link {
	border: none;
	color: #B7B7B7!important;
	background-color: white!important;
	font-size: 17px;
	padding: 0;
}
.our-services .nav .nav-item .active {
	color: #20A67D!important;
	font-weight: 600;
	border-bottom: 3px solid #20A67D;
}

.our-services .description {
	line-height: 1.8rem;
}


.our-services .path-1 {
	left: 0rem;
	height: 1.5rem;
	top: 18rem;
	opacity: 0.8;
}

.our-services .path-2 {
	left: -7rem;
    height: 1.5rem;
    bottom: 4rem;
    opacity: 0.8;
}

.our-services .swiper-pagination .swiper-pagination-bullet {
	background-color: white!important;
	opacity: 1!important;
}

.our-services .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.7rem;
    width: 0.7rem;
}

.our-services .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}

.our-services .view-more {
	padding: 0.6rem 5rem;
}

.mobile-tab-slider {
	display: none;
}

.mobile-tab-content {
	display: none;
}






/* Our Products */
.our-products {
	padding-top: 4rem;
	height: 60rem;
}

.our-products .title {
	font-size: 40px;
}

.our-products .all-products {
	margin-left: 4rem;
	margin-right: 4rem;
}


.our-products .all-products .card {
    border-radius: 50%;
	height: 20rem;
	transition: all 0.8s;
}

.products-card-hover {
	height: 40rem!important;
	transition: all 0.8s;
	border-top-left-radius: 170px!important;
    border-top-right-radius: 170px!important;
    border-bottom-left-radius: 170px!important;
    border-bottom-right-radius: 170px!important;
}

.products-button-hover {
	visibility: visible!important;
}

.our-products .all-products .card img {
    mix-blend-mode: multiply;
	height: 13rem;
}

.our-products .all-products h5 {
    color: #011F4E;
	font-size: 18px;
}

.our-products .all-products .description {
    color: #011F4E;
	line-height: 1.6rem;
}

.our-products .view-more {
	margin-bottom: 2.5rem;
	visibility: hidden;
	padding: 0.6rem 0rem;
}

.our-projects .swiper-slide {
	height: 40rem;
}


.desktop-products .swiper {
	padding-left: 30px;
    padding-right: 30px;
}
.desktop-products .swiper .swiper-slide {
	height: 40rem;
}
.desktop-products .swiper-button-next, .desktop-products .swiper-rtl .swiper-button-prev {
    right: -5px;
    left: auto;
}
.desktop-products .swiper-button-next:after, .desktop-products .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 30px;
    font-weight: 800;
}
.desktop-products .swiper-button-prev, .desktop-products .swiper-rtl .swiper-button-next {
    left: -5px;
    right: auto;
}
.desktop-products .swiper-button-prev:after, .desktop-products .swiper-rtl .swiper-button-next:after {
    content: 'prev';
	font-size: 30px;
    font-weight: 800;
}



.small-desktop-products {
	display: none;
}

.our-small-products {
	padding-top: 4rem;
	height: 150rem;
}

.our-small-products .title {
	font-size: 40px;
}

.our-small-products .all-products {
	margin-left: 5rem;
	margin-right: 5rem;
}


.our-small-products .all-products .card {
    border-top-left-radius: 170px!important;
    border-top-right-radius: 170px!important;
    border-bottom-left-radius: 170px!important;
    border-bottom-right-radius: 170px!important;
	height: 40rem;
	transition: all 0.8s;
}

.our-small-products .all-products .card img {
    mix-blend-mode: multiply;
	height: 13rem;
}

.our-small-products .all-products h5 {
    color: #011F4E;
	font-size: 18px;
}

.our-small-products .all-products .description {
    color: #011F4E;
	line-height: 1.6rem;
}

.our-small-products .view-more {
	margin-bottom: 2.5rem;
	padding: 0.6rem 0rem;
}


.mobile-products {
	display: none;
}

.mobile-products .card {
	height: 615px;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    border-bottom-left-radius: 180px;
    border-bottom-right-radius: 180px;
}


.mobile-products .card h5 {
	color: #011F4E;
}

.mobile-products .title {
	font-size: 2rem;
}

.mobile-products .card .view {
    padding: 0.7rem 3rem;
}

.mobile-products .swiper-pagination .swiper-pagination-bullet {
	background-color: white!important;
	opacity: 1!important;
}

.mobile-products .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
}

.mobile-products .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.7rem;
    width: 0.7rem;
}

.mobile-products .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}

.mobile-products .swiper-mobile-products-next {
    bottom: 21rem;
    right: 10px;
    z-index: 1;
}

.mobile-products .swiper-mobile-products-prev {
	bottom: 21rem;
    left: 10px;
    z-index: 1;
}





/* Our Projects */
.our-projects .container {
	padding-top: 16rem;
}

.our-projects .swiper .title {
	font-size: 40px;
}

.our-projects .swiper .description {
	margin-bottom: 5rem;
}

.our-projects .swiper .project-name {
	font-size: 16px;
	position: relative;
    top: 3rem;
}

.our-projects .view {
	padding: 0.6rem 5rem;
	background-color: #011F4E;
	margin: auto;
}

.our-projects .swiper-pagination .swiper-pagination-bullet {
	background-color: white!important;
	opacity: 1!important;
}

.our-projects .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 35px;
}

.our-projects .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.7rem;
    width: 0.7rem;
}

.our-projects .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}

.our-projects .arrow-div {
	bottom: 9rem;
    right: 12rem;
    z-index: 1;
}

.mobile-projects {
	display: none;
}

.mobile-projects .description {
	color: #011F4E;
}

.mobile-projects .mobile-projects-slider .swiper-slide {
	height: 15rem;
	background-size: 100% 100%!important;
}

.mobile-projects .mobile-projects-slider .swiper-slide .container {
	height: 90%;
}

.mobile-projects .view {
    background-color: #011F4E;
    padding: 0.5rem 4rem;
}

.mobile-projects .arrow-div {
    bottom: 11rem;
    right: 24rem;
    z-index: 999;
    width: 6rem;
}

.mobile-projects .swiper-pagination .swiper-pagination-bullet {
	background-color: rgb(179, 179, 179)!important;
	opacity: 1!important;
}

.mobile-projects .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px;
}

.mobile-projects .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.7rem;
    width: 0.7rem;
}

.mobile-projects .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}



/* Our client saying */

.our-client-saying {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 48rem;
}

.our-client-saying .container {
	padding-top: 2rem;
}

.our-client-saying .container h2 {
	color: #011F4E;
	font-size: 35px;
}


.our-client-saying .container .card {
	height: 20rem;
}



/* .our-client-saying .fifth-slider .slide {
	margin-left: 4.375rem;
	margin-right: 4.375rem;
} */

.our-client-saying .fifth-slider .slide p {
	color: #011F4E;
	font-size: 15px;
	line-height: 1.8rem;
}

.our-client-saying .fifth-slider .slide h6 {
	color: #011F4E;
	font-size:14px;
}

.our-client-saying .fifth-slider .slide .company {
	color: #4B4B4B;
	font-size: 13px;
}

.our-client-saying .fifth-slider .card {
    border: 0!important;
    border-radius: 1.1rem!important;
}

.our-client-saying .fifth-slider .slide img {
	height: 6rem;
}

.our-client-saying .fifth-slider .col-1 img {
	cursor: pointer;
}

.our-client-saying .swiper-button-lock {
    display: inline-block!important;
}

.our-client-saying .fifth-slider .slide .water-drop {
	position: absolute;
    height: 1.5rem;
    right: -8px;
    top: 45%;
}

.our-client-saying .fifth-slider .slide .drop-line {
	border-right: 1px solid #20ADEA;
}


.our-client-saying .fifth-slider {
   padding-top: 3rem;
   padding-bottom: 3rem;
}
.our-client-saying .fifth-slider .swiper-pagination {
    position: absolute;
    bottom: -5px;
}



.our-client-saying .swiper-pagination .swiper-pagination-bullet {
	background-color: white!important;
	opacity: 1!important;
}

.our-client-saying .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #20ADEA!important;
	height: 0.8rem;
    width: 0.8rem;
}

.our-client-saying .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px)!important;
}

.our-client-saying .mobile-client-arrow {
	display: none;
}


.mobile-client-saying {
	display: none;
}

.our-client-saying .sixth-slider .slide p {
	color: #011F4E;
	font-size: 15px;
	line-height: 1.8rem;
}

.our-client-saying .sixth-slider .slide h6 {
	color: #011F4E;
	font-size:14px;
}

.our-client-saying .sixth-slider .slide .company {
	color: #4B4B4B;
	font-size: 13px;
}

.our-client-saying .sixth-slider .card {
    border: 0!important;
    border-radius: 1.1rem!important;
}

.our-client-saying .sixth-slider .slide img {
	height: 6rem;
}

.our-client-saying .sixth-slider .col-1 img {
	cursor: pointer;
}

.our-client-saying .sixth-slider .slide .water-drop {
	position: absolute;
    height: 1.5rem;
    right: -8px;
    top: 45%;
}

.our-client-saying .sixth-slider .slide .drop-line {
	border-right: 1px solid #20ADEA;
}


.our-client-saying .sixth-slider {
   padding-top: 3rem;
   padding-bottom: 3rem;
}
.our-client-saying .sixth-slider .swiper-pagination {
    position: absolute;
    bottom: -5px;
}



/* Some of our clients */
.some-clients {
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.some-clients h2 {
	color: #20A67D;
	font-size: 35px;
}

.some-clients .container {
	margin-bottom: 5rem;
}

.some-clients .swiper-slide {
	height: 5rem;
}

.some-clients .swiper-slide img {
	height: 5rem;
}








@media (max-width: 1600px){
	.home-banner .single_path_2 {
		display: none;
	}
	.dynamic-banner {
		height: 45rem;
	}
	.dynamic-banner .container {
		padding-top: 25rem;
	}
	.our-services .left {
		padding-left: 12rem;
	}
	.our-services .green-drop {
		left: 8rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		left: 4.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		left: 4.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		left: 5.5rem;
	}
}

@media (max-width: 1400px){

	.home-banner {
		height: 40rem;
	}
	.home-banner .right-image {
		height: 45rem;
		object-fit: cover;
	}
	.home-banner .left {
		padding-top: 5rem;
	}
	.home-banner .swiper .title {
		font-size: 2rem;
	}

	.home-banner .first-slider .phone {
		margin-top: 4rem;
	}

	.home-banner .first-slider .view {
		background-color: #011F4E;
		font-size: 1rem;
		padding: 0.8rem;
		width: 230px;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		left: 4.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		left: 4.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		left: 5.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		left: 5.5rem;
	}


	.our-services .left {
		padding-left: 5rem;
		padding-top: 6rem;
	}

	.our-services .path-1 {
		top: 24rem;
	}

	.our-services .green-drop {
		left: 2rem;
		top: 6.6rem;
	}

	.our-services .right .service-image {
		height: 35rem;
	}

	.our-products .all-products .card img {
		height: 8rem;
	}

	.our-projects .container {
		padding-top: 10rem;
	}


	.our-products {
		padding-top: 4rem;
		height: 65rem;
	}

	.our-products .all-products .product {
		margin-bottom: 10rem!important;
	}

	.our-products .all-products .card {
		border-radius: 50%;
		height: 13rem;
		transition: all 0.8s;
	}

	.products-card-hover {
		height: 43rem!important;
		transition: all 0.8s;
		border-top-left-radius: 170px!important;
		border-top-right-radius: 170px!important;
		border-bottom-left-radius: 170px!important;
		border-bottom-right-radius: 170px!important;
	}

	.our-products .view-more {
		margin-bottom: 1.5rem;
		visibility: hidden;
		padding: 0.6rem 0rem;
	}
	
	.our-client-saying .container .card {
		height: 22rem;
	}
	.home-banner {
        height: 51rem !important;
    }
}

@media (max-width: 1200px){

	.home-banner {
		height: 40rem;
	}
	.home-banner .right-image {
		height: 45rem;
		object-fit: cover;
	}
	.home-banner .left {
		padding-top: 5rem;
	}
	.home-banner .arrow-div {
		top: 5rem;
		left: 2rem;
		z-index: 1;
	}
	.home-banner .single_path_2 {
		display: none;
	}
	.home-banner .swiper .title {
		font-size: 1.8rem;
	}

	.home-banner .first-slider .phone {
		margin-top: 4rem;
	}

	.home-banner .first-slider .view {
		padding: 0.8rem;
	}
	.home-banner .first-slider .view-more img {
		height: 2.2rem;
	}

	.welcome-section .right {
		padding-left: 0rem;
	}

	.competitor-advantages .competitor-advantages-drop {
		height: 13rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 13rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		left: 3.7rem;
		top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		left: 3.7rem;
		top: 6rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		left: 4.5rem;
		top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1 {
		left: 4.5rem;
		top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		left: 4.5rem;
    	top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		left: 4.5rem;
    	top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		left: 4.5rem;
    	top: 5.5rem;
		height: 3.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		left: 4.5rem;
    	top: 5.5rem;
		height: 3.5rem;
	}


	.dynamic-banner {
		height: 35rem;
	}

	.dynamic-banner .container {
		padding-top: 16rem;
	}


	.our-services .nav {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.our-services .view-more {
		margin-bottom: 4rem;
	}

	.our-services .right .service-image {
		height: 41rem;
	}

	.our-services .path-1 {
		display: none;
	}


	.small-desktop-products {
		display: block;
	}

	.desktop-products {
		display: none;
	}

	.our-products {
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
	.our-products .all-products .card img {
		height: 10rem;
	}

	.our-projects .container {
		padding-top: 7rem;
	}
	
	.our-client-saying .container .card {
		height: 23rem;
	}
	
}

@media (max-width: 991px){

	.home-banner {
		height: 28rem!important;
	}
	.home-banner .right-image {
		height: 33rem;
		object-fit: cover;
	}
	.home-banner .left {
		padding-top: 4rem;
		padding-left: 3rem;
	}
	.home-banner .arrow-div {
		top: 4rem;
    	left: -1.5rem;
	}
	.home-banner .single_path_2 {
		display: none;
	}

	.home-banner .swiper .title {
		font-size: 1.3rem;
	}
	.home-banner .swiper .description {
		line-height: 1.7rem;
		font-size: 0.8rem;
	}

	.home-banner .first-slider .view-more img {
		height: 2.5rem;
	}


	.home-banner .first-slider .phone {
		margin-top: 4rem;
	}

	.home-banner .first-slider .view {
		padding: 0.8rem;
	}
	.home-banner .first-slider .view-more img {
		height: 2.2rem;
	}
	.home-banner .first-slider .phone a {
		font-size: 0.9rem;
	}
	.home-banner .center-col {
		display: none;
	}

	.home-banner .first-slider .phone {
		margin-top: 0rem;
	}

	.welcome-section .left {
		padding-left: 3rem;
	}

	.welcome-section .drop_path {
		left: 0;
		top: 12.5rem;
		height: 4rem;
	}


	.competitor-advantages {
		height: 38rem;
	}
	.competitor-advantages .competitor-advantages-drop {
		height: 10rem;
	}
	.competitor-advantages .competitor-advantages-drop-hover {
		height: 10rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		left: 3rem;
		top: 4.5rem;
		height: 2.6rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		left: 3rem;
		top: 4.5rem;
		height: 2.6rem;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		left: 3.6rem;
		top: 4.5rem;
		height: 2.9rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1 {
		left: 3.6rem;
		top: 4.5rem;
		height: 2.9rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		left: 3.5rem;
		top: 4.3rem;
		height: 2.9rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		left: 3.5rem;
		top: 4.3rem;
		height: 2.9rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		left: 3.6rem;
		top: 4.3rem;
		height: 3rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		left: 3.6rem;
		top: 4.3rem;
		height: 3rem;
	}

	.competitor-advantages .white-path {
    	padding-top: 5rem;
	}



	.dynamic-banner {
		height: 25rem;
	}
	.dynamic-banner .container {
		padding-top: 12rem;
	}
	.dynamic-banner .title {
		color: #57D2F9;
		font-size: 1.3rem;
	}
	.dynamic-banner .description {
		line-height: 1.3rem;
		font-size: 0.9rem;
	}

	.dynamic-banner .blue-border {
		margin-top: 1rem;
	}

	.our-services .left {
		padding-top: 3rem;
		padding-left: 1rem;
	}


	.our-services h2 {
		font-size: 2rem;
	}

	.our-services .nav .nav-item .nav-link {
		font-size: 1rem;
	}

	.our-services .green-drop {
		height: 1.5rem;
		left: 15rem;
		top: 3.4rem;
	}

	.our-services .path-1 {
		display: none;
	}

	.our-services .path-2 {
		display: none;
	}


	.our-products {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}



	.our-projects .container {
		padding-top: 10rem;
	}

	.our-projects .view {
		background-color: #011F4E;
		padding: 0.8rem 4rem;
	}

	.our-projects .arrow-div {
		bottom: 11rem;
		right: 4rem;
		z-index: 1;
	}

	.our-projects .swiper-slide {
		height: 48.5rem;
	}

	.our-projects .swiper .description {
		font-size: 0.9rem;
	}

	/*

	.dynamic-banner {
		height: 35rem;
	}

	.dynamic-banner .container {
		padding-top: 16rem;
	}


	.our-services .nav {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.our-products {
		background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
	.our-products .all-products .card img {
		height: 10rem;
	}

	.our-projects .container {
		padding-top: 7rem;
	}
	
	.our-client-saying .container .card {
		height: 23rem;
	} */
	
}

@media (max-width: 767px){
	.mobile-home {
		display: block;
	}

	.desktop-home {
		display: none;
	}

	.home-banner {
		height: 61rem!important;
	}

	.home-banner .swiper {
		height: 88rem;
	}

	.home-banner .swiper .title {
		font-size: 1.5rem;
		margin-top: 2rem;
	}

	.home-banner .swiper .mobile-banner {
		background-size: 100% 100%;
	}
	
	.home-banner .first-slider .phone img {
		height: 2.3rem;
	}

	.home-banner .swiper .description {
		font-size: 1rem;
	}

	.home-banner .swiper-pagination {
		display: none;
	}

	/* .mobile-banner .col-9 {
		width: 50%!important;
	} */

	.home-banner .first-slider .view {
		width: 50%!important;
	}


	/* .home-banner .first-slider .phone {
		margin-top: 3rem;
	} */



	.welcome-section {
		margin-top: 28rem;
	}

	.welcome-section .left {
		padding-left: 0.75rem;
	}
	
	.welcome-section .drop_path {
		display: none;
	}
	
	.welcome-section .single_path {
		display: none;
	}

	.welcome-section .right {
		padding-left: 0rem;
	}


	.competitor-advantages {
		height: 116rem;
	}

	.competitor-advantages .top {
		margin-top: 0rem;
	}

	.competitor-advantages .container {
		padding: 5rem 0;
	}

	.competitor-advantages .white-path {
		padding-top: 0rem;
		text-align: center;
	}

	.competitor-advantages .hover-drop {
		width: 40%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 5.5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 5.5rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 6.2rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 6.2rem;
		top: 7rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 6.2rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 6.2rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 6.4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 6.4rem;
		top: 6.5rem;
		z-index: 1;
	}

	.dynamic-banner {
		height: 17rem;
		margin-bottom: 3rem;
	}
	
	.dynamic-banner .container {
		padding-top: 8rem;
	}

	.dynamic-banner .title {
		font-size: 0.6rem;
	}

	.dynamic-banner .description {
		line-height: 0.8rem;
		font-size: 0.5rem;
	}

	.dynamic-banner .blue-border {
		margin-top: 0.5rem;
		border-bottom: 2px solid #57D2F9;
	}



	.our-services .path-1 {
		display: none;
	}
	.our-services .left {
		padding-top: 0rem;
		padding-left: 0.75rem;
	}

	.our-services .green-drop {
		height: 2rem;
		top: 0.2rem;
		left: 3rem;
	}
	

	/* .mobile-tab-slider {
		display: block;
	}

	.desktop-tab-slider {
		display: none;
	} */
	.our-services .nav .nav-item .nav-link {
		font-size: 1rem;
	}

	.our-services .right .service-image {
		height: 28rem;
	}


	.mobile-tab-content {
		display: block;
	}

	.desktop-tab-content {
		display: none;
	}

	.our-services .right .service-image {
		height: 23rem;
	}



	.mobile-products {
		display: block;
	}
	.desktop-products {
		display: none;
	}

	.small-desktop-products {
		display: none;
	}
	.mobile-projects {
		display: block;
	}

	.desktop-projects {
		display: none;
	}

	.mobile-projects .arrow-div {
		bottom: 12rem;
		z-index: 999;
		width: 5.5rem;
		right: 1rem!important;
	}




	.our-client-saying {
		height: auto;
	}
	/* .our-client-saying .swiper-client-prev, .our-client-saying .swiper-client-next {
		display: none;
	} */
	.our-client-saying .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.our-client-saying .swiper-client-prev, .our-client-saying .swiper-client-next {
		display: none;
	}

	.our-client-saying .mobile-client-arrow {
		display: block;
	}

	.our-client-saying .mobile-client-prev {
		left: 0;
		top: 50%;
		z-index: 1;
	}

	.our-client-saying .mobile-client-next {
		right: 0px;
		top: 50%;
		z-index: 1;
	}

	.mobile-client-saying {
		display: block;
	}

	.desktop-client-saying {
		display: none;
	}
	


}

@media (max-width: 736px){

	.mobile-home {
		display: block;
	}

	.desktop-home {
		display: none;
	}

	.home-banner .swiper {
		height: 86rem;
	}

	.home-banner .swiper .title {
		font-size: 1.5rem;
	}

	.home-banner .swiper .mobile-banner {
		background-size: 100% 100%;
	}

	.home-banner .first-slider .phone img {
		height: 2.3rem;
	}

	.home-banner .swiper .description {
		font-size: 1rem;
	}

	.home-banner .swiper-pagination {
		display: none;
	}

	.mobile-banner .col-9 {
		width: 47%!important;
	}

	.home-banner .first-slider .view {
		width: 50%!important;
	}

	/* .home-banner .first-slider .phone {
		margin-top: 3rem;
	} */



	.welcome-section {
		margin-top: 28rem;
	}

	.welcome-section .left {
		padding-left: 0.75rem;
	}
	
	.welcome-section .drop_path {
		display: none;
	}
	
	.welcome-section .single_path {
		display: none;
	}

	.welcome-section .right {
		padding-left: 0rem;
	}


	.competitor-advantages {
		height: 103rem;
	}

	.competitor-advantages .top {
		margin-top: 0rem;
	}

	.competitor-advantages .container {
		padding: 4rem 0;
	}

	.competitor-advantages .white-path {
		padding-top: 0rem;
		text-align: center;
	}

	.competitor-advantages .hover-drop {
		width: 40%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 5rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 6rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 6rem;
		top: 7rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 6rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 6rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 6rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 6rem;
		top: 6.5rem;
		z-index: 1;
	}

	.dynamic-banner {
		height: 17rem;
		margin-bottom: 3rem;
	}
	
	.dynamic-banner .container {
		padding-top: 8rem;
	}

	.dynamic-banner .title {
		font-size: 0.6rem;
	}

	.dynamic-banner .description {
		line-height: 0.8rem;
		font-size: 0.5rem;
	}

	.dynamic-banner .blue-border {
		margin-top: 0.5rem;
		border-bottom: 2px solid #57D2F9;
	}



	.our-services .path-1 {
		display: none;
	}
	.our-services .left {
		padding-top: 0rem;
		padding-left: 0.75rem;
	}

	.our-services .green-drop {
		height: 2rem;
		top: 0.2rem;
		left: 3rem;
	}
	
	.our-services .view-more {
		margin-bottom: 0rem;
	}

	/* .mobile-tab-slider {
		display: block;
	}

	.desktop-tab-slider {
		display: none;
	} */
	.our-services .nav .nav-item .nav-link {
		font-size: 1rem;
	}

	.our-services .right .service-image {
		height: 28rem;
	}


	.mobile-tab-content {
		display: block;
	}

	.desktop-tab-content {
		display: none;
	}

	.our-services .right .service-image {
		height: 28rem;
	}



	.mobile-products {
		display: block;
	}
	.desktop-products {
		display: none;
	}

	.mobile-projects {
		display: block;
	}

	.desktop-projects {
		display: none;
	}

	.mobile-projects .arrow-div {
		bottom: 12rem;
		z-index: 999;
		width: 5.5rem;
		right: 1rem!important;
	}




	.our-client-saying {
		height: auto;
	}
	/* .our-client-saying .swiper-client-prev, .our-client-saying .swiper-client-next {
		display: none;
	} */
	.our-client-saying .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	
}

@media (max-width: 684px){

	.mobile-home {
		display: block;
	}

	.desktop-home {
		display: none;
	}

	.home-banner {
		height: 57rem!important;
	}

	.home-banner .swiper {
		height: 86rem;
	}

	.home-banner .swiper .title {
		font-size: 1.5rem;
	}

	.home-banner .swiper .mobile-banner {
		background-size: 100% 100%;
	}

	.home-banner .first-slider .phone img {
		height: 2.3rem;
	}

	.home-banner .swiper .description {
		font-size: 1rem;
	}

	.home-banner .swiper-pagination {
		display: none;
	}

	.mobile-banner .col-9 {
		width: 49%!important;
	}

	.home-banner .first-slider .view {
		width: 100%!important;
	}

	/* .home-banner .first-slider .phone {
		margin-top: 3rem;
	} */



	.welcome-section {
		margin-top: 28rem;
	}

	.welcome-section .left {
		padding-left: 0.75rem;
	}
	
	.welcome-section .drop_path {
		display: none;
	}
	
	.welcome-section .single_path {
		display: none;
	}

	.welcome-section .right {
		padding-left: 0rem;
	}


	.competitor-advantages {
		height: 103rem;
	}

	.competitor-advantages .top {
		margin-top: 0rem;
	}

	.competitor-advantages .container {
		padding: 4rem 0;
	}

	.competitor-advantages .white-path {
		padding-top: 0rem;
		text-align: center;
	}

	.competitor-advantages .hover-drop {
		width: 40%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 4rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 4.5rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 4.5rem;
		top: 7rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 5.5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 5.5rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 5.5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 5.5rem;
		top: 6.5rem;
		z-index: 1;
	}

	.dynamic-banner {
		height: 17rem;
		margin-bottom: 3rem;
	}
	
	.dynamic-banner .container {
		padding-top: 8rem;
	}

	.dynamic-banner .title {
		font-size: 0.6rem;
	}

	.dynamic-banner .description {
		line-height: 0.8rem;
		font-size: 0.5rem;
	}

	.dynamic-banner .blue-border {
		margin-top: 0.5rem;
		border-bottom: 2px solid #57D2F9;
	}



	.our-services .path-1 {
		display: none;
	}
	.our-services .left {
		padding-top: 0rem;
		padding-left: 0.75rem;
	}

	.our-services .green-drop {
		height: 2rem;
		top: 0.2rem;
		left: 3rem;
	}
	
	.our-services .view-more {
		margin-bottom: 0rem;
	}

	/* .mobile-tab-slider {
		display: block;
	}

	.desktop-tab-slider {
		display: none;
	} */
	.our-services .nav .nav-item .nav-link {
		font-size: 1rem;
	}

	.our-services .right .service-image {
		height: 27rem;
	}


	.mobile-tab-content {
		display: block;
	}

	.desktop-tab-content {
		display: none;
	}

	.our-services .right .service-image {
		height: 28rem;
	}



	.mobile-products {
		display: block;
	}
	.desktop-products {
		display: none;
	}

	.mobile-projects {
		display: block;
	}

	.desktop-projects {
		display: none;
	}

	.mobile-projects .arrow-div {
		bottom: 12rem;
		z-index: 999;
		width: 5.5rem;
		right: 1rem!important;
	}




	.our-client-saying {
		height: auto;
	}
	/* .our-client-saying .swiper-client-prev, .our-client-saying .swiper-client-next {
		display: none;
	} */
	.our-client-saying .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	
}

@media (max-width:430px) {
	.mobile-banner .col-9 {
		width: 67%!important;
	}
	.home-banner {
		height: 43rem!important;
	}
	.competitor-advantages {
		height: 120rem;
	}

	.competitor-advantages .hover-drop {
		width: 60%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 3rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 3rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 4rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 4rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.our-client-saying .container .card {
		height: 34rem;
	}

	.our-client-saying .fifth-slider .slide p {
		font-size: 0.9rem;
	}

	.our-client-saying .fifth-slider .slide img {
		height: 4rem;
	}

	.our-client-saying .swiper-client-prev, .our-client-saying .swiper-client-next {
		height: 2rem;
	}
}

@media (max-width:414px) {

	.home-banner .swiper {
		height: 67rem;
	}
	.home-banner {
		height: 60rem!important;
	}
	.home-banner .swiper .title {
		font-size: 1.8rem;
	}
	.home-banner .swiper .sub-title {
		font-size: 20px;
		font-family: 'Raleway', sans-serif;
	}

	.mobile-banner .col-9 {
		width: 67%!important;
	}

	.welcome-section {
		margin-top: 9rem;
	}
	.welcome-section .left .sub {
		font-size: 23px;
	}
	.welcome-section .left .title {
		font-size: 27px;
	}

	.competitor-advantages {
    	height: 103rem;
	}
	.competitor-advantages .container {
		padding: 2rem 0;
	}
	.competitor-advantages h2 {
		color: #011F4E;
		font-size: 28px;
	}
	.competitor-advantages .hover-drop {
		width: 60%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 4rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 4.5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 4.5rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 4.8rem;
		top: 6.5rem;;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 4.8rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 4.8rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 4.8rem;
		top: 6.5rem;
	}

	.dynamic-banner {
		height: 15rem;
		margin-bottom: 3rem;
	}
	.dynamic-banner .container {
		padding-top: 7rem;
	}
	.dynamic-banner .title {
		font-size: 0.5rem;
	}
	.dynamic-banner .description {
		line-height: 0.8rem;
		font-size: 0.4rem;
	}

	.our-services .view-more {
		margin-bottom: 0rem;
	}
	.our-services .nav .nav-item {
		margin: 0 1rem;
	}
	.our-services .nav .nav-item .nav-link {
		font-size: 13px;
	}

	.mobile-products .title {
		font-size: 1.6rem;
	}
	.mobile-products a.view {
		width: 210px;
	}

	.our-client-saying .container h2 {
		color: #011F4E;
		font-size: 24px;
	}

	.our-client-saying .container .card {
		height: 27rem;
	}
	
	.our-client-saying .mobile-client-next {
		right: 0px;
		top: 45%;
		z-index: 1;
	}
	
	.our-client-saying .mobile-client-prev {
		left: 0;
		top: 45%;
		z-index: 1;
	}

	.our-client-saying .fifth-slider .slide p {
		font-size: 0.9rem;
	}

	.our-client-saying .fifth-slider .slide img {
		height: 4rem;
	}

	.our-client-saying .mobile-client-arrow {
		display: block;
	}

	.our-client-saying .swiper-client-prev {
		height: 2.5rem;
		left: 1px;
		top: 13rem;
		z-index: 1;
	}

	.our-client-saying .swiper-client-next {
		height: 2.5rem;
		right: 1px;
		top: 13rem;
		z-index: 1;
	}

	.our-client-saying .previous, .our-client-saying .next {
		display: none;
	}

	.our-client-saying .drop-line {
		display: none;
	}
	

	

	.some-clients {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.some-clients h2 {
		color: #20A67D;
		font-size: 24px;
	}
}

@media (max-width:375px) {

	.home-banner .swiper {
		height: 67rem;
	}
	.home-banner {
		height: 57rem!important;
	}
	.home-banner .swiper .title {
		font-size: 1.8rem;
	}
	.home-banner .swiper .sub-title {
		font-size: 20px;
		font-family: 'Raleway', sans-serif;
	}

	.mobile-banner .col-9 {
		width: 75%!important;
	}

	.welcome-section {
		margin-top: 9rem;
	}
	.welcome-section .left .sub {
		font-size: 23px;
	}
	.welcome-section .left .title {
		font-size: 27px;
	}

	.competitor-advantages {
    	height: 104rem;
	}
	.competitor-advantages .container {
		padding: 2rem 0;
	}
	.competitor-advantages h2 {
		color: #011F4E;
		font-size: 28px;
	}
	.competitor-advantages .hover-drop {
		width: 60%;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop {
    	height: 15rem;
	}

	.competitor-advantages .competitor-advantages-drop-hover {
		height: 15rem;
		position: relative;
		top: -0.7rem;
	}

	.competitor-advantages .competitor-advantages-image-1 {
		height: 3.5rem;
		left: 3.3rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-1-1 {
		height: 3.5rem;
		left: 3.3rem;
		top: 6.5rem;
		z-index: 1;
	}

	.competitor-advantages .competitor-advantages-image-2 {
		height: 4rem;
		left: 4rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-2-1{
		height: 4rem;
		left: 4rem;
		top: 7rem;
	}

	.competitor-advantages .competitor-advantages-image-3 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;;
	}

	.competitor-advantages .competitor-advantages-image-3-1 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.competitor-advantages .competitor-advantages-image-4-1 {
		height: 4rem;
		left: 4rem;
		top: 6.5rem;
	}

	.dynamic-banner {
		height: 9rem;
		margin-bottom: 3rem;
	}
	.dynamic-banner .container {
		padding-top: 4.4rem;
	}
	.dynamic-banner .title {
		font-size: 0.3rem;
	}
	.dynamic-banner .description {
		line-height: 0.8rem;
		font-size: 0.3rem;
	}


	.our-services .view-more {
		margin-bottom: 0rem;
	}
	.our-services .nav .nav-item {
		margin: 0 1rem;
	}
	.our-services .nav .nav-item .nav-link {
		font-size: 13px;
	}


	.mobile-products .title {
		font-size: 1.6rem;
	}
	.mobile-products a.view {
		width: 180px;
	}

	.our-client-saying .container h2 {
		color: #011F4E;
		font-size: 24px;
	}

	.our-client-saying .container .card {
		height: 27rem;
	}
	
	.our-client-saying .mobile-client-next {
		right: 0px;
		top: 45%;
		z-index: 1;
	}
	
	.our-client-saying .mobile-client-prev {
		left: 0;
		top: 45%;
		z-index: 1;
	}

	.our-client-saying .fifth-slider .slide p {
		font-size: 0.9rem;
	}

	.our-client-saying .fifth-slider .slide img {
		height: 4rem;
	}

	.our-client-saying .mobile-client-arrow {
		display: block;
	}

	.our-client-saying .swiper-client-prev {
		height: 2.5rem;
		left: 1px;
		top: 13rem;
		z-index: 1;
	}

	.our-client-saying .swiper-client-next {
		height: 2.5rem;
		right: 1px;
		top: 13rem;
		z-index: 1;
	}

	.our-client-saying .previous, .our-client-saying .next {
		display: none;
	}

	.our-client-saying .drop-line {
		display: none;
	}
	

	

	.some-clients {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.some-clients h2 {
		color: #20A67D;
		font-size: 24px;
	}
}


@media (max-width: 1366px){
    .home-banner {
        height: 52rem !important;
    }
        .our-products {
        height: 60rem !important;
    }
        .his-wrap {
        padding-top: 5rem !important;
    }
        .projects-banner {
            height: 30rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-banner {
    height: 40rem !important;
}
	ul#pills-tab {
    justify-content: space-evenly !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
		.competitor-advantages .competitor-advantages-image-1, .competitor-advantages .competitor-advantages-image-2, .competitor-advantages .competitor-advantages-image-3, .competitor-advantages .competitor-advantages-image-4 {
        left: 2.2rem;
}
}
@media (max-width: 768px){
	.competitor-advantages .competitor-advantages-image-1, .competitor-advantages .competitor-advantages-image-2, .competitor-advantages .competitor-advantages-image-3, .competitor-advantages .competitor-advantages-image-4 {
        left: 6.2rem !important;
}
		a.btn.text-white.rounded-pill.view {
    margin: auto;
}
}
	@media (max-width: 684px){
.welcome-section .left {
    padding-top: 6rem;
}
.competitor-advantages .competitor-advantages-image-1{
    left: 4.2rem !important;
}
.competitor-advantages .competitor-advantages-image-3, .competitor-advantages .competitor-advantages-image-4 {
    left: 5.2rem !important;
}
}
@media (max-width: 991px){
	.row.align-items-end.project-sldr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center !important;
}
.project-sldr .col-md-4.text-white {
    width: 100% !important;
    text-align: center;
}
	.our-projects .swiper .project-name {
    top: 11rem !important;
}
	p.mb-4.text-white.description {
    width: 80%;
    margin: auto;
}
}