/* custom */

	/* Font arabic */
	@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');

	/* Font English */
	@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');


	:root{
		--main-color: #00FEA8;
		--main-color: #00FEA8;
		--hover-color: #47B580;
		--black-color: #2B2B2B;
		--light-color: #B9B5B8;
	}
	h1, h2 ,h3 ,h4 ,h5, h6{
		font-family: 'PT Sans', sans-serif;
		font-weight: 700;
	}
	html, body {
		font-family: 'PT Sans', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
	}
	a{
		cursor: pointer;
	}
	a:hover {
		text-decoration: none;
	}
	section {
		padding: 5rem 67.5px;
	}
	section .row{
		margin-bottom: 25px;
	}
	section .row:last-child{
		margin-bottom: 0px;
	}
	.btn{
		font-weight: "bold";
		text-transform: uppercase;
		border-radius: 41px;
		transition: all .3s ease;
	}
	.btn:hover,
	.btn:focus,
	.btn:active{
		outline: none;
	}
	.btn-primary{
		color: #FCFCFC;
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%);
		border: none;
	}
	[dir="rtl"] .btn-primary{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #0045AB 100%);
	}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle{
		background: transparent linear-gradient(91deg, #18C0CA 0%, #18C0CA 100%);
		box-shadow: none !important;
	}
	[dir="rtl"] .btn-primary:hover,
	[dir="rtl"] .btn-primary:focus,
	[dir="rtl"] .btn-primary:active,
	[dir="rtl"] .btn-primary:not(:disabled):not(.disabled):active,
	[dir="rtl"] .btn-primary:not(:disabled):not(.disabled).active,
	[dir="rtl"] .show > .btn-primary.dropdown-toggle{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #18C0CA 100%);
		box-shadow: none !important;
	}

	.btn-light{
		background: #FCFCFC;
		color: #0047AB;
	}
	.btn-light:focus,
	.btn-light:hover{
		background: #0047AB;
		color: #FCFCFC;
	}
	.btn{
		position: relative;
		overflow: hidden;
		transition: all ease-in-out .5s;
	}
	.btn::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 25%;
		height: 100%;
		width: 50%;
		background-color: #fff;
		border-radius: 50%;
		opacity: 0;
		pointer-events: none;
		transition: all ease-in-out 0.5s;
		transform: scale(5, 5);
	}
	.btn:active::after {
		padding: 0;
		margin: 0;
		opacity: .2;
		transition: 0s;
		transform: scale(0, 0);
	}

	.navbar .active {
		color: #fff;
		font-weight: 700;
		background: transparent linear-gradient(93deg, #18C0CA 0%, #0045AB 100%);
	}

/*---------------------------------------------- Navbar ------------------------------------------*/
	.navbar-float {
		position: absolute;
		top: 0;
		left: 50%;
		width: calc(100% - 135px);
		display: block;
		transform: translateX(-50%);
		z-index: 999;
	}
	.navbar-top {
		background: #F5F5F5;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		padding: .5rem 1rem;
	}
	.navbar-top .btn-lang {
		color: #0064B1;
		font-weight: 700;
		font-size: 17px;
		font-family: 'Cairo', sans-serif;
		padding-right: 7% !important;
	}
	[dir="rtl"] .navbar-top .btn-lang {
		font-family: 'PT Sans', sans-serif;
	}
	.navbar {
		position: relative;
		transition: all 0.6s ease-in;
		background: #fff;
		padding: 0;
	}
	.navbar-box{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		padding: 2rem 2rem 0;
	}
	.navbar-box .logo{
		margin-bottom: 1rem;
	}
	.navbar .navbar-nav .nav-link {
		position: relative;
		color: #000000;
		padding: 0.5rem 1.5rem 1rem;
		font-size: 15px;
		line-height: 40px;
		transition: all 0.3s ease;
	}
	.navbar .navbar-nav .nav-link.active,
	.navbar .navbar-nav .nav-link:hover{
		color: #fff;
		font-weight: 700;
		background: transparent linear-gradient(93deg, #18C0CA 0%, #0045AB 100%)
	}
	[dir="rtl"] .navbar .navbar-nav .nav-link.active,
	[dir="rtl"] .navbar .navbar-nav .nav-link:hover{
		color: #fff;
		font-weight: 700;
		background: transparent linear-gradient(-93deg, #18C0CA 0%, #0045AB 100%)
	}
	.navbar.fixed-top{
		position: fixed;
		top: 0;
		box-shadow: 0px 3px 6px #00000029;
		-webkit-animation: navbar-animation 0.6s;
		animation: navbar-animation 0.6s;
	}
	.navbar .logo img{
		transition: all 0.4s ease;
	}
	.navbar.fixed-top .logo img{
		height: 50px;
	}
	@-webkit-keyframes navbar-animation {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes navbar-animation {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-100%);
			-ms-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@-webkit-keyframes dropdown-animation {
		0% {
			-webkit-transform: scaleY(0);
			-ms-transform: scaleY(0);
			transform: scaleY(0);
		}
		75% {
			-webkit-transform: scaleY(1.1);
			-ms-transform: scaleY(1.1);
			transform: scaleY(1.1);
		}
		100% {
			-webkit-transform: scaleY(1);
			-ms-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	@keyframes dropdown-animation {
		0% {
			-webkit-transform: scaleY(0);
			-ms-transform: scaleY(0);
			transform: scaleY(0);
		}
		75% {
			-webkit-transform: scaleY(1.1);
			-ms-transform: scaleY(1.1);
			transform: scaleY(1.1);
		}
		100% {
			-webkit-transform: scaleY(1);
			-ms-transform: scaleY(1);
			transform: scaleY(1);
		}
	}

	.search-box{
		margin-bottom: 1rem;
	}
	.search-box .form-control{
		background: transparent;
	}
	.search-box .form-control:focus{
		box-shadow: none;
	}
	.search-box .icon{
		display: flex;
		align-items: center;
	}
/*---------------------------------------------- Header ------------------------------------------*/
	.header{
		position: relative;
		width: 100%;
		height: 750px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(../img/bg/bg-1.png) no-repeat;
		background-size: cover;
	}
	.header::before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #005AA0 ;
		opacity: 0.54;
	}
/*---------------------------------------------- Footer ------------------------------------------*/
	.about-section{
		position: relative;
		padding-top: 0;
		padding-bottom: 3rem;
		margin-top: -5rem;
		z-index: 1;
	}
	.slider-arrow{
		width: 43px;
		height: 22px;
		margin: 0 auto 2rem;
		cursor: pointer;
	}
	.about-box{
		background: #F5F5F5;
		padding: 5rem 3rem 2rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.about-box .title{
		color: #0064B1;
		text-transform: uppercase;
		font-size: 38px;
		font-weight: 700;
	}
	.about-box .details{
		color: #000000;
		text-transform: uppercase;
		font-size: 32px;
		margin-bottom: 0;
	}
	.about-box .btn{
		font-size: 24px;
		font-weight: 700;
		padding: 1rem 3rem;
	}

	.about-details-box{
		display: flex;
		padding: 1rem 2rem;
		background: #fff;
	}
	.about-details-box .content .title{
		font-size: 29px;
		font-weight: 700;
		margin-bottom: 1rem;
		text-transform: uppercase;
	}
	.about-details-box .content .details{
		font-size: 20px;
		color: #838383;
		margin-bottom: 0;
	}

	.about-year{
		position: absolute;
		right: 15px;
		bottom: -10rem;
	}
	[dir="rtl"] .about-year{
		right: auto;
		left: 15px;
	}

/*---------------------------------------------- software-section ------------------------------------------*/

	.software-section{
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%)
	}
	[dir="rtl"] .software-section{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #0045AB 100%)
	}

	.software-box{
		padding: 5rem 3rem 2rem;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.software-box .title{
		color: #FCFCFC;
		text-transform: uppercase;
		font-size: 41px;
		font-weight: 700;
	}
	.software-box .details{
		color: #FCFCFC;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1.5;
	}
	.software-box .btn{
		min-width: 245px;
		font-size: 24px;
		font-weight: 700;
		padding: 1rem 3rem;
	}
	.software-cards{
		padding: 0 3rem;
	}
	.software-card{
		margin-bottom: 2rem;
	}
	.software-card .pic{
		position: relative;
		width: 100%;
		height: 248px;
		overflow: hidden;
		margin-bottom: .5rem;
	}
	.software-card .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .3s ease;
	}
	.software-card .pic::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%);
		opacity: 0;
		z-index: 1;
		transition: all .3s ease;
	}
	.software-card:hover .pic::before{
		opacity: .5;
	}
	.software-card:hover .pic img{
		transform: scale(1.1);
	}
	.software-card .content{
		padding: 2rem;
		min-height: 260px;
		background: #fff;
	}
	.software-card .content .title{
		font-size: 30px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.software-card .content .sub-title{
		font-size: 20px;
		font-weight: 700;
		color: #838383;
		text-transform: uppercase;
	}
	.software-card .content .info{
		margin-bottom: 0;
		font-size: 20px;
		color: #838383;
	}
/*----------------------------------------------
	how-work-section
	------------------------------------------*/

	.how-work-box{
		padding: 0 3rem;
		margin-bottom: 2rem;
	}
	.how-work-box .title{
		color: #0064B1;
		text-transform: uppercase;
		font-size: 41px;
		font-weight: 700;
	}
	.how-work-box .details{
		color: #838383;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1;
	}
	.how-work-cards .line{
		position: absolute;
		top: 5.5rem;
		left: calc(5rem + 30px);
		width: calc(100% - 12rem);
		z-index: -1;
	}
	.how-work-cards{
		position: relative;
		padding: 0 3rem;
	}
	.how-work-cards [class^="col-"]:nth-child(odd) .how-work-card{
		background: rgb(0, 100, 177, 0.05);
	}
	.how-work-cards [class^="col-"]:nth-child(even) .how-work-card{
		background: rgb(0, 234, 135, 0.1);
		margin-top: 60px;
	}
	.how-work-cards .how-work-card{
		padding: 4rem 2rem 2rem ;
		margin-bottom: 2rem;
		min-height: 420px;
	}
	.how-work-cards .how-work-card .icon{
		margin-bottom: 2rem;
	}
	[dir="rtl"] .how-work-cards .how-work-card .icon{
		transform: rotateY(-180deg);
	}
	.how-work-cards .how-work-card .title{
		font-size: 29px;
		font-weight: 700;
		color: #000000;
		text-transform: uppercase;
		margin-bottom: 1rem;
	}
	.how-work-cards .how-work-card .info{
		font-size: 22px;
		color: #000000;
		margin-bottom: 0;
	}

	.how-work-cards [class^="col-"] .icon{
		margin-bottom: 3rem;
	}
	.how-work-cards [class^="col-"]:nth-child(2) .icon{
		margin-top: 1.4rem;
	}
	.how-work-cards [class^="col-"]:nth-child(3) .icon{
		margin-top: 1.4rem;
	}
	.how-work-cards [class^="col-"]:nth-child(4) .icon{
		margin-bottom: 5rem;
	}
	.how-work-cards [class^="col-"]:nth-child(4) .how-work-card{
		margin-top: 30px;
	}
/*----------------------------------------------
	industries-section
	------------------------------------------*/
	.industries-section{
		padding: 5rem 0;
		padding-right: calc(67.5px + 3rem);
		position: relative;
		height: 100%;
		margin-bottom: 3rem;
	}
	.industries-section .industries-pic{
		width: 50%;
		position: absolute;
		left: 0;
		top: 0;
	}
	[dir="rtl"] .industries-section .industries-pic{
		left: auto;
		right: 0;
		transform: rotateY(-180deg);
	}
	.industries-section .industries-box{
		background: #F0F5F8;
		padding: 3rem;
		padding-left: 10rem;
		transform: translateX(-5rem);
	}
	[dir="rtl"] .industries-section .industries-box{
		padding-left: 3rem;
		padding-right: 8rem;
	}
	.industries-section .industries-box .title{
		color: #0064B1;
		text-transform: uppercase;
		font-size: 41px;
		font-weight: 700;
	}
	.industries-section .industries-box .details{
		color: #838383;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1;
	}
	.industries-section .industries-box .btn{
		width: 346px;
		height: 82px;
		padding: 0;
		line-height: 82px;
		border-radius: 41px;
		font-size: 29px;
		font-weight: 700;
		color: #FCFCFC;
		text-transform: uppercase;
	}
	.industries-serv-nav{
		margin: 0;
		padding: 0;
	}
	.industries-serv-nav .nav-link{
		width: 50%;
		display: flex;
		align-items: center;
		padding: 0;
		margin-bottom: 1rem;
	}
	.industries-serv-nav .nav-link .industries-serve-box{
		display: flex;
		align-items: center;
	}
	.industries-serv-nav .nav-link .industries-serve-box .icon{
		width: 40px;
		text-align: center;
	}
	.industries-serv-nav .nav-link .industries-serve-box .icon img{

		margin: auto;
	}
	.industries-serv-nav .nav-link .title{
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 0;
		color: #0064B1;
	}
/*----------------------------------------------
	Footer
	------------------------------------------*/

	.get-in-touch{
		background: transparent linear-gradient(90deg, #18C0CA 0%, #18C0CA 50%, #0045AB 50%, #0045AB 100%);
	}
	[dir="rtl"] .get-in-touch{
		background: transparent linear-gradient(-90deg, #18C0CA 0%, #18C0CA 50%, #0045AB 50%, #0045AB 100%);
	}
	.get-in-touch-box{
		padding: 3rem ;
		background: #fff;
		margin-bottom: 3rem;
	}
	.get-in-touch-box .title{
		color: #0064B1;
		text-transform: uppercase;
		font-size: 41px;
		font-weight: 700;
	}
	.get-in-touch-box .details{
		color: #838383;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1;
	}
	.get-in-touch-card{
		padding: 3rem;
		color: #fff;
	}
	.get-in-touch-card .icon{
		margin-bottom: 2rem;
	}
	.get-in-touch-card .content .title{
		color: #FCFCFC;
		text-transform: uppercase;
		font-size: 81px;
		font-weight: 700;
	}
	.get-in-touch-card .content .info{
		color: #FCFCFC;
		font-size: 28px;
	}
	.get-in-touch-card .content .nav {
		flex-direction: column;
	}
	.get-in-touch-card .content .nav .nav-link{
		display: flex;
		align-items: center;
		margin-bottom: 1rem;
	}
	.get-in-touch-card .content .nav .nav-link span{
		color: #FCFCFC;
		text-transform: uppercase;
		font-size: 28px;
		font-weight: 700;
	}


	/*----------------------------------------------
		Testimonial
		------------------------------------------*/
	.testimonial-box{
		padding: 3rem ;
		background: #fff;
		margin-bottom: 3rem;
	}
	.testimonial-box .title{
		color: #0064B1;
		text-transform: uppercase;
		font-size: 41px;
		font-weight: 700;
	}
	.testimonial-box .details{
		color: #838383;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1;
	}

	.owl-testimonial .testimonial-card{
		position: relative;
		display: flex;
		padding: 0;
	}
	.owl-testimonial .testimonial-card .pic{
		min-width: 420px;
		width: 420px;
		height: 492px !important;
		overflow: hidden;
	}
	.owl-testimonial .testimonial-card .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
	}
	.owl-testimonial .testimonial-card .content{
		padding: 4rem;
		background: #0064B1;
	}
	.owl-testimonial .testimonial-card .content .head{
		border-bottom: 1px solid #fff;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.owl-testimonial .testimonial-card .content .head .title{
		color: #fff;
		font-size: 41px;
	}
	.owl-testimonial .testimonial-card .content .head .info{
		color: #fff;
		font-size: 20px;
	}
	.owl-testimonial .testimonial-card .content .body .details{
		color: #fff;
		font-size: 20px;
		margin-bottom: 2rem;
		font-weight: bold;
	}
	.owl-testimonial .testimonial-card .content .body .name{
		font-size: 30px;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 0;
		font-weight: bold;
	}
	.owl-testimonial .testimonial-card .content .body .job{
		font-size: 18px;
		color: #fff;
		text-transform: uppercase;
	}

	.owl-carousel .owl-nav button.owl-next,
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel button.owl-dot{
		outline: none;
	}
	.owl-testimonial .owl-item{
		height: 492px !important;
	}

	.owl-testimonial.owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		bottom: 1rem;
		left: calc(420px + 5rem);
	}
	.owl-testimonial.owl-theme .owl-dots .owl-dot span {
		background: transparent;
		background: #fff;
		transition: all .3s ease;
	}
	.owl-testimonial.owl-theme .owl-dots .owl-dot.active span,
	.owl-testimonial.owl-theme .owl-dots .owl-dot:hover span {
		background: #fff;
		width: 24px;
	}


/*----------------------------------------------
	Footer
	------------------------------------------*/
	.footer{
		background: #1C1A34;
		padding: 5rem 67.5px;
	}
	.footer .logo{
		transform: translateY(-3rem);
	}
	.footer .footer-content{
		display: flex;
		margin-bottom: 3rem;
	}
	.footer .footer-content .faq-box .title{
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
		margin-bottom: 1rem;
	}
	.footer .footer-content .faq-box .nav{
		flex-direction: column;
		padding: 0;
		margin: 0;
	}
	.footer .footer-content .faq-box .nav .nav-link{
		color: #ACACAC;
		font-size: 15px;
		padding: 0;
		transition: all 0.3s ease;
	}
	.footer .footer-content .faq-box .nav .nav-link:hover{
		color: #fff;
	}
	.footer-contact{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem 2rem;
		background: transparent linear-gradient(90deg, #18C0CA 0%, #0045AB 100%);
		color: #fff;
		margin-bottom: 1rem ;
	}
	.footer-contact .box{
		display: flex;
		align-items: center;
	}
	.footer-contact .box .nav-link{
		color: #fff;
	}
	.footer-contact .box .title{
		font-size: 18px;
		font-weight: bold;
	}
	.footer-contact .box .search-box{
		background: rgb(255, 255, 255, .17);
		padding: .5rem 1.5rem;
		display: flex;
		align-items: center;
	}
	.footer-contact .box .form-control::placeholder{
		color: #fff;
	}
	.footer-copyright{
		padding: 0 2rem;
		color: #fff;
	}

/*----------------------------------------------
	main-header
	------------------------------------------*/
	.main-header{
		padding: 0 67.5px;
	}
	.main-header .header-box{
		padding: 50% 3rem 0;
	}
	.main-header .header-box .title{
		color: #FFFFFF;
		font-size: 67px;
		font-weight: 700;
		margin-bottom: 2rem;
	}
	.main-header .header-box .info{
		color: #FFFFFF;
		font-size: 20px;
	}
	.main-header .header-box .slider-info{
		color: #FFFFFF;
		font-size: 32px;
		margin-bottom: 0;
	}
	.owl-slider .header-box{
		padding: 10% 3rem 0;
	}
	.owl-slider.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0;
		position: absolute;
		bottom: 9rem;
		left: calc(4rem + 67.5px);
	}
	.owl-slider.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
		background: #fff;
		opacity: 1;
		transition: all 0.3s ease;
	}
	.owl-slider.owl-theme .owl-dots .owl-dot.active span {
		width: 60px;
		background: #fff;
	}
/*----------------------------------------------
	 small-header
	------------------------------------------*/
	.small-header{
		height: 350px !important;
	}
/*----------------------------------------------
	contact-page
	------------------------------------------*/
	.contact-page .header{
		background: url(../img/bg/bg-2.png);
	}

/*----------------------------------------------
	business section
	------------------------------------------*/
	.business-section{
		padding-top: 0;
		padding-left: 20%;
		background: #F5F5F5;
	}
	[dir="rtl"] .business-section{
		padding-left: 67.5px;
		padding-right: 20%;
	}
/*----------------------------------------------
	Counter box
	------------------------------------------*/
	.counter-box{
		display: flex;
		background: #FFFFFF;
		padding: 3rem;
		margin-top: -5rem;
		position: relative;
		margin-bottom: 5rem;
	}
	.counter-card{
		width: 261px;
		background: #0064B1;
		color: #fff;
		padding: 3rem;
		margin-right: 1rem;
	}
	.counter-box .counter-card:last-child{
		margin-right: 0;
	}
	[dir="rtl"] .counter-card{
		margin-right: 0;
		margin-left: 1rem;
	}
	[dir="rtl"] .counter-box .counter-card:last-child{
		margin-left: 0;
	}
	.counter-card .icon{
		margin-bottom: 1rem;
	}
	.counter-card .title{
		font-size: 26px;
		font-weight: 700;
		color: #FCFCFC;
		text-transform: uppercase;
		margin-bottom: 1rem;
	}
	.counter-card .count{
		font-size: 35px;
		font-weight: 700;
		color: #18C0CA;
		text-transform: uppercase;
		margin-bottom: 0;
	}

/*----------------------------------------------
	business-header
	------------------------------------------*/
	.business-section .business-header{
		margin-bottom: 2rem;
	}
	.business-section .business-header .title{
		color: #0064B1;
		font-size: 57px;
		font-weight: 700;
		margin-bottom: 1rem;
	}
	.business-section .business-header .details{
		color: #000000;
		font-size: 22px;
	}
	.business-section .business-box{
		background-color: #fff;
		padding: 2rem;
		margin-bottom: 2rem;
		min-height: 204px;
	}
	.business-section .business-box .business-box-title{
		color: #18C0CA;
		font-size: 29px;
		font-weight: 700;
		margin-bottom: 1rem;
	}
	.business-section .business-box .business-box-details{
		color: #1C1A34;
		font-size: 20px;
		margin-bottom: 0;
	}
	.business-section .business-box .business-box-details p{
		margin-bottom: 0;
	}
/*----------------------------------------------
	Team Box
	------------------------------------------*/
	.team-box{
		position: relative;
		z-index: 2;
		background-color: #fff;
		padding: 3rem;
		margin-top: 4rem;
	}
	.team-box .team-box-content .head .title{
		font-size: 57px;
		font-weight: 700;
		color: #0064B1;
	}
	.team-box .team-box-content .head .details{
		font-size: 20px;
		color: #000000;
	}
	.team-box .team-box-content .team-card{
		display: flex;
		margin-bottom: 1.5rem;
		padding: 1.7rem;
	}
	.team-box .team-box-content .team-card.team-card-1{
		background: rgb(0, 100, 177, .05);
	}
	.team-box .team-box-content .team-card.team-card-2{
		background: rgb(0, 234, 135, 0.1);
	}
	.team-box .team-box-content .team-card.team-card-3{
		background: rgb(142, 13, 82, 0.05);
		margin-bottom: 0;
	}
	.team-box .team-card .content .title{
		font-size: 29px;
		font-weight: 700;
		color: #000000;
		text-transform: uppercase;
	}
	.team-box .team-card .content .info{
		font-size: 20px;
		color: #838383;
		margin-bottom: 0;
	}

	.team-card-row{
		display: flex;
	}
	.team-card-row .pic{
		background: #F0F5F8;
		padding: 1rem;
		min-width: 350px;
		width: 350px;
		height: 351px;
	}
	.team-card-row .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.team-card-row .content{
		background: #F0F5F8;
		padding: 2rem;
	}
	.team-card-row .content .head{
		display: flex;
		justify-content: space-between;
	}
	.team-card-row .content .head .name{
		font-size: 26px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.team-card-row .content .head .skill{
		font-size: 22px;
		color: #000;
		text-transform: uppercase;
	}
	.team-card-row .content .description{
		font-size: 22px;
		color: #000;
	}
	.team-card-row .content .nav .nav-link {
		background-color: #0064B1;
		color: #fff;
		padding: 0;
		text-align: center;
		width: 39px;
		height: 39px;
		line-height: 39px;
		border-radius: 3px;
		font-size: 20px;
	}

	.owl-team.owl-theme .owl-nav [class*=owl-]:hover{
		background: transparent;
	}
	.owl-team.owl-theme .owl-nav {
		margin-top: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -80px;
		right: -80px;
		display: flex;
		z-index: -1;
		justify-content: space-between;
	}
/*----------------------------------------------
	Call Center Section
	------------------------------------------*/
	.call-center-section{
		background: transparent linear-gradient(92deg, #18C0CA 0%, #0045AB 100%);
		padding-left: calc(20% - 133px);
		padding-top: 20rem;
		margin-top: -20rem;
		position: relative;
	}
	[dir="rtl"] .call-center-section{
		background: transparent linear-gradient(-92deg, #18C0CA 0%, #0045AB 100%);
	}
	[dir="rtl"] .call-center-section{
		padding-left: 67.5px;
		padding-right: calc(20% - 133px);
	}
	.call-center-section .call-center-box .section-title{
		margin-bottom: 2rem;
	}
	.call-center-section .call-center-box .section-title .title{
		color: #fff;
		font-size: 67px;
		font-weight: 700;
	}
	.call-center-section .call-center-box .section-title .info{
		color: #fff;
		font-size: 22px;
		margin-bottom: 0;
	}

	.call-center-card .head {
		background: #fff;
		padding: 1rem;
		display: flex;
		align-items: center;
	}
	.call-center-card .head .number{
		font-size: 80px;
		line-height: 80px;
		font-weight: 700;
		color: #18C0CA;
		text-transform: uppercase;
		border-right: 2px solid #0064B1;
		min-width: 120px;
		text-align: center;
	}
	[dir="rtl"] .call-center-card .head .number{
		border-right: none;
		border-left: 2px solid #0064B1;
	}
	.call-center-card .head .title{
		font-size: 29px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.call-center-card .content{
		padding: 4rem;
		background: #fff;
		color: #0064B1;
		height: 100%;
		font-size: 20px;
	}
	.call-center-card .content ul{
		margin-bottom: 0;
	}
	.call-center-card .content ul li:last-child{
		margin-bottom: 0;
	}
	.call-center-card .pic{
		height: 100%;
	}
	.call-center-card .pic img{
		width: 100%;
		height: 100%;
	}
	.owl-btn{
		cursor: pointer;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.owl-btn img{
		width: 20px  !important;
		margin: auto;
	}
	.owl-btn-prev{
		background: #0064B1;
	}
	.owl-btn-next{
		background: #18C0CA
	}
	.custom-width-col{
		width: 45.8%;
		max-width: 45.8%;
	}
	[dir="rtl"] .owl-btn-prev img,
	[dir="rtl"] .owl-btn-next img{
		transform: rotateY(-180deg);
	}
	.call-center-section .section-title,
	.call-center-body{
		padding-left: 133px;
	}
	[dir="rtl"] .call-center-section .section-title,
	[dir="rtl"] .call-center-body{
		padding-left: 0;
		padding-right: 133px;
	}
/*----------------------------------------------
	technologies-box
	------------------------------------------*/
	.technologies-box{
		padding: 0 3rem;
	}
	.technologies-box .title{
		font-size: 41px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.technologies-box .details{
		font-size: 29px;
		color: #838383;
		text-transform: uppercase;
	}

	.technologies-card{
		margin-bottom: 2rem;
	}
	.technologies-card .pic{
		width: 100%;
		height: 218px;
		margin-bottom: .5rem;
	}
	.technologies-card .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.technologies-card .content{
		background: #0064B1;
		padding: 2rem;
		min-height: 390px;
	}
	.technologies-card .content .title{
		font-size: 29px;
		font-weight: 700;
		color: #18C0CA;
		margin-bottom: 1rem;
		text-transform: uppercase;
	}
	.technologies-card .content .info{
		margin-bottom: 0;
		font-size: 20px;
		color:  #fff;
	}


/*----------------------------------------------
	why-us-section
	------------------------------------------*/
	.why-us-section{
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%);
	}
	[dir="ltr"] .why-us-section{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #0045AB 100%);
	}

	.why-us-box{
		padding: 0 3rem;
	}
	.why-us-box .title{
		font-size: 86px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
	}
	.why-us-box .details{
		font-size: 22px;
		color: #fff;
		text-transform: uppercase;
	}
	.question-mark img{
		margin-top: -3.5rem;
	}

	.why-us-cards{
		position: relative;
		padding: 0 3rem;
		display: flex;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.why-us-cards .why-us-line{
		position: absolute;
		width: 100%;
		width: 1470px;
		top: 4rem;
		left: 4rem;
	}
	.why-us-cards .why-us-card{
		position: relative;
		padding: 1rem;
		max-width: calc(100% / 8);
	}
	.why-us-cards .why-us-card img{
		margin-bottom: 0.5rem;
		margin-left: -.5rem;
	}
	.why-us-cards .why-us-card .title{
		position: relative;
		font-size: 20px;
		color: #F5F5F5;
		padding-top: 3rem;
	}
	.why-us-cards .why-us-card .title::before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #F5F5F5;
	}

	.why-us-cards .why-us-card:nth-child(3){
		margin-top: .70rem;
	}
	.why-us-cards .why-us-card:nth-child(4){
		margin-top: 1.75rem;
	}
	.why-us-cards .why-us-card:nth-child(5){
		margin-top: 1.8rem;
	}
	.why-us-cards .why-us-card:nth-child(6){
		margin-top: .8rem;
	}
	.why-us-cards .why-us-card:nth-child(7){
		margin-top: .1rem;
	}
	.why-us-cards .why-us-card:nth-child(8){
		margin-top: .4rem;
	}
	.why-us-cards .why-us-card:nth-child(9){
		margin-top: 1.6rem;
	}

	.why-us-cards .why-us-card:nth-child(2) .title{
		padding-top: 4.8rem;
	}
	.why-us-cards .why-us-card:nth-child(3) .title{
		padding-top: 4.1rem;
	}

	.why-us-cards .why-us-card:nth-child(6) .title{
		padding-top: 4rem;
	}
	.why-us-cards .why-us-card:nth-child(7) .title{
		padding-top: 4.6rem;
	}
	.why-us-cards .why-us-card:nth-child(8) .title{
		padding-top: 4.3rem;
	}

/*----------------------------------------------
	achieve-section
	------------------------------------------*/
	.achieve-section{
		background-color: #f5f5f5;
		background-image: url(../img/achieve-bg.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position-x: right;
	}
	[dir="rtl"] .achieve-section{
		background-image: url(../img/achieve-bg-rtl.png);
		background-position-x: left;
	}
	.achieve-box{
		padding: 0 3rem;
		margin-bottom: 2rem;
	}
	.achieve-box .title{
		font-size: 41px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.achieve-box .details{
		font-size: 28px;
		color: #838383;
		text-transform: uppercase;
	}

	.achieve-card{
		display: flex;
		margin-bottom: 2rem;
	}
	.achieve-card .title{
		font-size: 22px;
		font-weight: 700;
		color: #000000;
		text-transform: uppercase;
	}
	.achieve-card .details{
		font-size: 18px;
		color: #838383;
		margin-bottom: 0;
	}

/*----------------------------------------------
	pricing-section
	------------------------------------------*/

	.pricing-box{
		padding: 0 3rem;
		margin-bottom: 2rem;
	}
	.pricing-box .title{
		font-size: 41px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.pricing-box .details{
		font-size: 28px;
		color: #838383;
		text-transform: uppercase;
	}


	.pricing-card{
		position: relative;
		margin-bottom: 2rem;
		padding: 4rem 2rem;
		transition: all 0.3s ease;
	}
	.pricing-card .title{
		color: #0064B1;
		font-size: 20px;
		text-align: center;
		margin-bottom: 1rem;
		transition: all 0.3s ease;
	}
	.pricing-card .price{
		color: #0064B1;
		font-size: 45px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 1rem;
		transition: all 0.3s ease;
	}
	.pricing-card .price span{
		font-size: 86px;
	}
	.pricing-card .nav li {
		color: #0064B1;
		font-size: 20px;
	}
	.pricing-card .nav {
		margin: 2rem auto;
	}
	.pricing-card .nav li{
		margin-bottom: 1rem;
	}
	.pricing-card .nav li .icon .a,
	.pricing-card .nav li .icon .b,
	.pricing-card .nav li .icon .d{
		fill:none;
	}
	.pricing-card .nav li .icon .a{
		stroke:#0064b1;
	}
	.pricing-card .nav li .icon .b{
		stroke:#18c0ca;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-width:3.3px;
	}
	.pricing-card .nav li .icon .c{
		stroke:none;
	}

	.pricing-card .btn-price{
		width: 290px;
		height: 69px;
		line-height: 69px;
		font-size: 28px;
		padding: 0;
		border-radius: 0;
		background: #0064B1;
		color: #fff;
		margin: auto;
		box-shadow: 0px 0px 23px #00000003;
	}

	.pricing-card:hover{
		background-color: #0064B1;
		color: #fff;
	}
	.pricing-card:hover .title,
	.pricing-card:hover .price,
	.pricing-card:hover .nav li{
		color: #fff;
	}
	.pricing-card:hover .btn-price{
		background-color: #fff;
		color: #0064B1;
	}
	.pricing-card:hover .nav li .icon .a,
	.pricing-card:hover .nav li .icon .b{
		stroke:#fff;
	}
	.pricing-card.active{
		background-color: #0064B1;
		color: #fff;
	}
	.pricing-card.active .title,
	.pricing-card.active .price,
	.pricing-card.active .nav li{
		color: #fff;
	}
	.pricing-card.active .btn-price{
		background-color: #fff;
		color: #0064B1;
	}
	.pricing-card.active .nav li .icon .a,
	.pricing-card.active .nav li .icon .b{
		stroke:#fff;
	}

/*----------------------------------------------
	business-fit
	------------------------------------------*/
	.business-fit{
		position: relative;
		margin-top: -10rem;
		z-index: 1;
	}
	.business-fit-box{
		padding: 0 3rem;
	}
	.business-fit-card{
		margin-bottom: .5rem;
	}
	.business-fit-pic {
		height: 100%;
	}
	.business-fit-pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.business-fit-content{
		padding: 2rem;
		background-color: #fff;
		color: #0064B1;
		height: 100%;
	}
	.business-fit-content .title{
		color: #0064B1;
		font-size: 57px;
		font-weight: 700;
	}
	.business-fit-content .sub-title{
		color: #0064B1;
		font-size: 20px;
		font-weight: 700;
	}
	.business-fit-content .details{
		color: #0064B1;
		font-size: 20px;
	}
	.business-fit-content .btn{
		min-width: 177px;
		background: #0064B1;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
		border-radius: 41px;
		height: 56px;
		line-height: 56px;
		padding: 0;
	}

	.business-fit-content.background-blue{
		background-color: #0064B1;
		color: #fff;
	}
	.business-fit-content.background-blue .title,
	.business-fit-content.background-blue .sub-title,
	.business-fit-content.background-blue .details,
	.business-fit-content.background-blue li{
		color: #fff;
	}

	.business-fit-content.background-blue .btn{
		background: #fff;
		color: #0064B1;
		transition: all 0.3s ease;
	}

	.business-fit-content.background-blue .btn:hover,
	.business-fit-content.background-blue .btn:focus{
		background: transparent;
		border-color: #fff;
		color: #fff;
	}
	.business-fit-content.background-green{
		background-color: #18C0CA;
		color: #fff;
	}
	.business-fit-content.background-green .title,
	.business-fit-content.background-green .sub-title,
	.business-fit-content.background-green .details,
	.business-fit-content.background-green li{
		color: #fff;
	}

	.business-fit-content.background-green .btn{
		background: #fff;
		color: #18C0CA;
		transition: all 0.3s ease;
	}
	.business-fit-content.background-green .btn:hover,
	.business-fit-content.background-green .btn:focus{
		background: transparent;
		border-color: #fff;
		color: #fff;
	}

/*----------------------------------------------
	about-page
	------------------------------------------*/
	.about-page.main-header{
		height: 864px;
		align-items: center;
		background-image: none;
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%)
	}
	.about-page.main-header::before{
		display: none;
	}
	[dir="rtl"] .about-page.main-header{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #0045AB 100%)
	}
	.about-page.main-header .header-box {
		padding: 25% 3rem 0;
	}
	.about-page.main-header .header-pic {
		margin-bottom: -21rem;
	}
	[dir="rtl"] .about-page.main-header .header-pic img{
		transform: rotateY(-180deg);
	}

	.about-details-card{
		padding: 0 3rem;
	}
	.about-details-pic{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.about-details-pic,
	.about-details-content{
		padding: 3rem;
		height: 100%;
	}
.background-1{
	background: #fff;
	color: #0064B1;
}
.background-2{
	background-color: #0064B1;
	color: #fff;
}
.background-3{
	background-color: #18C0CA;
	color: #fff;
}

.business-fit-content.background-2 .title,
.business-fit-content.background-2 .sub-title,
.business-fit-content.background-2 .details,
.business-fit-content.background-2 li {
	color: #fff;
}
.business-fit-content.background-2 .btn {
	background: #fff;
	color: #0064B1;
	transition: all 0.3s ease;
}

.business-fit-content.background-3 .title,
.business-fit-content.background-3 .sub-title,
.business-fit-content.background-3 .details,
.business-fit-content.background-3 li {
	color: #fff;
}

.business-fit-content.background-3 .btn {
	background: #fff;
	color: #18C0CA;
	transition: all 0.3s ease;
}


	.background-default{
		background: #F0F5F8;
		color: #0064B1;
	}
	.background-blue{
		background-color: #0064B1;
		color: #fff;
	}
	.background-green{
		background-color: #18C0CA;
		color: #fff;
	}
	.about-details-content .title{
		font-size: 41px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.about-details-content .details{
		margin-bottom: 0;
		font-size: 20px;
	}

	.about-value{
		padding-top: 10rem ;
		padding-bottom: 10rem ;
		background: transparent linear-gradient(91deg, #18C0CA 0%, #0045AB 100%)
	}
	[dir="rtl"] .about-value{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #0045AB 100%)
	}

	.about-value-box{
		padding: 0 5rem;
	}
	.about-value .about-value-head{
		margin-bottom: 2rem;
	}
	.about-value .about-value-head .title{
		font-weight: 700;
		font-size: 41px;
		text-transform: uppercase;
		color: #fff;
	}
	.about-value .about-value-head .info{
		font-size: 28px;
		text-transform: uppercase;
		color: #fff;
	}
	.about-value-cards{
		display: flex;
		flex-wrap: wrap;
	}
	.about-value-card{
		display: flex;
		align-items: center;
		min-width: 350px;
		padding: 1rem 0;
	}
	.about-value-card .icon{
		width: 54px;
		height: 54px;
		line-height: 54px;
		display: block;
		background: rgb(255, 255, 255, 0.36);
		color: #FFFFFF;
		text-align: center;
		font-size: 24px;
		border-radius: 50%;
	}
	.about-value-card .title{
		font-size: 29px;
		font-weight: 700;
		color: #FFFFFF;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.about-team .section-title{
		text-transform: uppercase;
		font-weight: 700;
		font-size: 41px;
		color: #0064B1;
		padding: 3rem 0;
	}
	.about-team .team-card{
		margin-top: 5rem;
		color: #fff;
		background: #0064B1;
		text-align: center;
		margin-bottom: 2rem;
	}
	.about-team .team-card .pic{
		width: 186px;
		height: 186px;
		border-radius: 50%;
		box-shadow: 0px 3px 7px #00000029;
		border: 7px solid #0064B1;
		overflow: hidden;
		margin:  auto ;
		transform: translateY(-3rem);
	}
	.about-team .team-card .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.about-team .team-card .content{
		transform: translateY(-2rem);
		padding: 1rem;
	}
	.about-team .team-card .content .title{
		font-size: 26px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.about-team .team-card .content .skill{
		font-size: 22px;
		text-transform: uppercase;
	}
	.about-team .team-card .content .description{
		font-size: 20px;
	}
	.about-team .team-card .content .skill,
	.about-team .team-card .content .description{
		color: #fff;
	}
	.about-team .team-card .content .nav{
		justify-content: center;
	}
	.about-team .team-card .content .nav .nav-link{
		background-color: #fff;
		color: #0064B1;
		padding: 0;
		text-align: center;
		width: 39px;
		height: 39px;
		line-height: 39px;
		border-radius: 3px;
		font-size: 20px;
	}
	.about-team.contact-team{
		background: #0064B1;
	}
	.about-team.contact-team .section-title{
		color: #FCFCFC;
	}
	.about-team.contact-team .team-card{
		color: #0064B1;
		background-color: #fff;
	}
	.about-team.contact-team .team-card .pic{
		border: 7px solid #fff;
	}
	.about-team.contact-team  .team-card .content .nav .nav-link{
		background-color: #0064B1;
		color: #fff;
	}
	.about-team.contact-team .team-card .content .skill,
	.about-team.contact-team .team-card .content .description{
		color: #000;
	}

/*----------------------------------------------
	contact-form
	------------------------------------------*/
	.contact-us-page.main-header{
		padding-top: 15rem ;
		height: auto;
		background: transparent linear-gradient(91deg, #18C0CA 0%, #18C0CA 50%, #0045AB 100%);
	}
	[dir="rtl"] .contact-us-page.main-header{
		background: transparent linear-gradient(-91deg, #18C0CA 0%, #18C0CA 50%, #0045AB 100%);
	}
	.nav-social-media .social-media-title,
	.nav-social-media .nav-link{
		color: #fff;
		font-size: 24px;
	}	.nav-social-media span{
		background-color: #fff;
	}
	.contact-form{
		padding: 5rem;
		background-color: #fff;
		color: #0064B1;
		margin-bottom: 5rem;
	}
	.contact-form .title{
		font-size: 41px;
		font-weight: 700;
		text-transform: uppercase;
		color: #0064B1;
	}
	.contact-form .info{
		font-size: 22px;
		color: #0064B1;
	}
	.contact-form .form-group{
		margin-bottom: 2rem;
	}
	.contact-form .form-control{
		border-color: #F0F5F8;
		background-color: #F0F5F8;
		font-size: 22px;
		color: #0064B1;
		min-height: 60px;
		border-radius: 0;
	}
	.contact-form .form-control::placeholder{
		color: rgb(0, 100, 177, .49);
	}
	.contact-form .btn{
		width: 250px;
		height: 50px;
		background-color: #0064B1;
		color: #fff;
		border-radius: 0;
	}
	.contact-form .btn:hover,
	.contact-form .btn:focus{
		background-color: #18C0CA;
	}

	.job-card{
		display: flex;
		background: #fff;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}

	.job-card .job-header{
		display: flex;
		padding: 0 1rem;
		align-items: center;
	}
	.job-card .job-title{
		font-size: 22px;
		color: #0971B6;
	}
	.job-card .btn{
		min-width: 140px;
		border-radius: 0;
		font-size: 23px;
		color: #f5f5f5;
		background-color: #0971B6;
		transition: all 0.3s ease;
	}
	.job-card .btn:hover,
	.job-card .btn:focus{
		background-color: #18C0CA;
	}

/*----------------------------------------------
	blog
	------------------------------------------*/
	.blog-page .main-header{
		/*background: url(../img/bg/bg-5.png);*/
		background-size: cover;
	}
	.blog-page .main-header::before{
		display: none;
	}

	.blog-page .main-header .header-box .title {
		font-size: 105px;
	}
	.blog-page .main-header .header-box .info {
		font-size: 35px;
	}
	.social-news-card{
		display: block;
		position: relative;
		margin-bottom: 2rem;
		background: #F0F5F8;
		padding: 1rem;
	}
	.social-news-card .pic{
		width: 100%;
		height: 360px;
		overflow: hidden;
		background: #0064B1;
	}
	.social-news-card .pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all .3s ease;
	}
	.social-news-card:hover .pic img{
		transform: scale(1.1);
		opacity: .75;
	}
	.social-news-card .content{
		padding: 1rem 0;
		color: #0064B1;
	}
	.social-news-card .content .title{
		font-size: 23px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.social-news-card .content .description{
		font-size: 14px;
		margin-bottom: 0;
	}
	.newsletter-box{
		padding: 3rem;
		color: #fff;
		background: #0064B1;
	}
	.newsletter-pic{
		height: 100%;
	}
	.newsletter-pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.newsletter-box .title{
		font-size: 50px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.newsletter-box .info{
		font-size: 20px;
	}
	.newsletter-box .btn{
		font-size: 20px;
		background: #fff;
		color: #0064B1;
		transition: all 0.3s ease;
		min-width: 200px;
	}
	.newsletter-box .btn:hover,
	.newsletter-box .btn:focus{
		color: #fff;
		background-color: #18C0CA;
	}

	.whats-news-box .title{
		font-weight: 700;
		font-size: 57px;
		text-transform: uppercase;
		color: #0064B1;
	}
	.whats-news-box .info{
		font-size: 20px;
		color: #000;
	}
	.whats-news-card{
		display: flex;
		padding: 2rem;
		padding-left: 1rem;
		margin-bottom: 1rem;
		background: rgb(0, 100, 177, .05);
	}
	[dir="rtl"] .whats-news-card{
		padding-left: 2rem;
		padding-right: 1rem;
	}
	.whats-news-card.bg-green{
		background: rgb(0, 101, 179, .10)
	}
	.whats-news-card.bg-red{
		background: rgb(142, 13, 82, .05)
	}
	.whats-news-card .content .title{
		font-size: 29px;
		font-weight: 700;
		color: #000000;
		text-transform: uppercase;
	}
	.whats-news-card .content .info{
		font-size: 20px;
		color: #838383;
		margin-bottom: 0;
	}
/*----------------------------------------------
	providing-box
	------------------------------------------*/
	.providing-box{
		margin-top: -10rem;
		background: #fcfcfc;
		padding: 3rem;
		margin-bottom: 5rem;
	}
	.providing-box .title{
		font-size: 37px;
		font-weight: 700;
		color: #0064B1;
		text-transform: uppercase;
	}
	.providing-box .details,
	.providing-box .details li{
		font-size: 20px;
		color: #838383;
		text-transform: uppercase;
	}


	.call-center-light{
		background: #F5F5F5
	}
	.call-center-light .call-center-box{
		padding: 0 5rem;
	}
	.call-center-light .call-center-box .section-title .title{
		font-size: 50px;
		color: #0064B1;
	}
	.call-center-light .call-center-box .section-title .info{
		font-size: 20px;
		color: #000;
	}

	.software-solutions-section .software-card .content .title{
		font-size: 20px;
		color: #0064B1;
		text-transform: uppercase;
	}
	.software-solutions-section .software-card .content .title{
		font-size: 20px;
		color: #0064B1;
		text-transform: uppercase;
	}
	.footer .logo {
		min-width: 190px;
	}
	.footer .faq-box{
		max-width: 400px;
		min-width: 383px;
		padding: 0 3rem;
	}

	/*******************************/
	.technologies-card .content p{
		margin-bottom: 0;
		font-size: 20px;
		color: #fff;
	}

	.how-work-box .content p {
		color: #838383;
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0;
		line-height: 1;
	}

.bg-1{
	/*background-color: #0064B1*/
	background-color: rgb(0, 100, 177, .05) !important;
}
.bg-2{
	background-color: rgb(0, 234, 135, 0.1) !important;
}
.bg-3{
	background-color: rgb(142, 13, 82, 0.05) !important;
}


	/*----------------------------------------------
		Clients section
		------------------------------------------*/

	.client-section-box .title{
		background-color: rgb(0, 100, 177, .05);
		color: rgb(0, 100, 177);
		padding: 2rem;
		font-size: 30px;
		font-weight: 700;
	}
	.client-section-box .title .number{
		width: 75px;
		height: 75px;
		line-height: 75px;
		text-align: center;
		display: inline-block;
		background-color: #fff;
	}
	.client-section-box .content{
		padding: 2rem;
		font-size: 20px;
		color: #000000;
		font-weight: 500;
	}
	.client-section-box .content h5{
		font-size: 24px;
		color: rgb(0, 100, 177);
	}
	.client-section-box .content h5 span{
		color: #000000;
		font-weight: 300;
		font-size: 20px;
	}
	.client-section-box .content ul,
	.client-section-box .content ol{
		padding: .5rem 1.5rem;
	}

	/*----------------------------------------------
		Clients Owl
		------------------------------------------*/

	.owl-clients .testimonial-card .pic{
		background: #0064B1;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.owl-clients .testimonial-card .pic img{
		width: 283px !important;
		height: 190px !important;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
	}
	.owl-clients .testimonial-card .content{
		background: #F0F5F8;
		color: #000000;
	}
	.owl-clients .testimonial-card .content {
		padding: 3rem;
	}
	.owl-clients .testimonial-card .content .head{
		border: 0;
		padding: 0;
	}
	.owl-clients .testimonial-card .content .head .title{
		color: #0064B1;
		font-size: 30px;
	}
	.owl-clients .testimonial-card .content .head .info{
		color: #000;
		margin-bottom: .5rem;
	}
	.owl-clients .testimonial-card .content .head ul{
		padding:  0 1.2rem 1rem;
	}
	.owl-clients .testimonial-card .content .head .btn{
		background: #0064B1;
		min-width: 140px;
	}
	.owl-clients.owl-theme .owl-dots .owl-dot.active span,
	.owl-clients.owl-theme .owl-dots .owl-dot:hover span,
	.owl-clients.owl-theme .owl-dots .owl-dot span {
		background: #0064B1;
	}
	.owl-clients.owl-theme .owl-nav.disabled+.owl-dots {
		left: calc(420px + 3rem);
	}
	.owl-clients .owl-nav.disabled{
		display: flex;
		justify-content: space-between;
		position: absolute;
		z-index: -1;
		top: 50%;
		transform: translateY(-50%);
		width: calc(100% + 200px);
		left: -100px;
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
		background: transparent;
	}

	/*----------------------------------------------
		Way us
		------------------------------------------*/
	.why--us-section{
		padding: 8rem 5rem;
		background-color: #000;
		background-image: url(../img/Why-Us.svg);
		background-repeat: no-repeat;
		color: #fff;
	}
	.why--us-section .why-us-box{
		font-size: 20px;
	}
	.why--us-section .why-us-nav li{
		padding: .5rem 0;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: bold;
	}

	/*----------------------------------------------
		Technologies
		------------------------------------------*/
	.technologies-section{
		padding: 8rem 5rem;
		background-color: #fff;
		color: #000;
	}
	.technologies-section .technologies-box{
		font-size: 20px;
	}
	.technologies-section .technologies-nav li{
		padding: .5rem 0;
		font-size: 23px;
		text-transform: uppercase;
		font-weight: bold;
		width: 50%;
	}

	.technologies-get-in-touch{
		background: #0064B1;
		color: #fff;;
	}
	.technologies-get-in-touch .btn{
		background: #fff;
		color: #0064B1;
		min-width: 200px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.technologies-get-in-touch .btn:hover{
		background: rgb(255, 255, 255, .2);
		color: #fff;
	}

	/*----------------------------------------------
		software-team
		------------------------------------------*/
	.software-team .software-card .pic {
		position: relative;
		width: 100%;
		height: 400px;
	}
	.software-team .software-card .content .info {
		margin-bottom: 0;
		font-size: 16px;
	}
	.software-team .software-card .content .info {
		margin-bottom: 0;
		font-size: 16px;
	}
	.software-team .software-card .content ul{
		padding: .5rem 1.2rem;
		color: #0064B1;
	}
/*----------------------------------------------
	Meida Query
	------------------------------------------*/

	/* Extra large devices (large desktops, 1200px and up) */

	@media (max-width: 1680px) {
		.footer,
		section {
			padding: 5rem 0;
		}
		.main-header {
			padding: 0;
		}
		.navbar-float {
			width: calc(100%);
		}
		.business-section {
			padding-left: 10%;
		}
		.team-card .icon img{
			width: 44px;
		}
		.team-box .team-card .content .title {
			font-size: 24px;
		}
		.team-box .team-card .content .title {
			font-size: 24px;
		}
		.technologies-card .content .info {
			font-size: 18px;
		}
		.how-work-cards img{
			width: 44px;
		}
		.how-work-cards .how-work-card .title {
			font-size: 24px;
		}
		.how-work-cards .how-work-card .info {
			font-size: 18px;
		}
		.pricing-card .price {
			font-size: 35px;
		}
		.pricing-card .price span {
			font-size: 66px;
		}
		.pricing-card .btn-price {
			font-size: 22px;
			width: 100%;
		}
		.pricing-card .nav li{
			font-size: 16px;
		}
		svg{
			width: 24px;
		}
		.get-in-touch-card .content .title {
			font-size: 61px;
		}
		.get-in-touch-card .content .nav .nav-link span {
			font-size: 20px;
		}
		.get-in-touch-card .content .nav .nav-link img {
			width: 40px;
		}
		.why-us-box {
			transform: translateY(2rem);
		}

		.how-work-cards .line{
			top: 5.3rem;
		}

		.why-us-cards .why-us-card:nth-child(5){
			margin-top: 1.9rem;
		}
		.why-us-cards .why-us-card:nth-child(6){
			margin-top: 1.1rem;
		}
		.why-us-cards .why-us-card:nth-child(7){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(8){
			margin-top: .2rem;
		}
		.why-us-cards .why-us-card:nth-child(9){
			margin-top: 1.2rem;
		}

		.why-us-cards .why-us-card:nth-child(2) .title{
			padding-top: 4.8rem;
		}
		.why-us-cards .why-us-card:nth-child(3) .title{
			padding-top: 4.1rem;
		}

		.why-us-cards .why-us-card:nth-child(6) .title{
			padding-top: 4rem;
		}
		.why-us-cards .why-us-card:nth-child(7) .title{
			padding-top: 4.8rem;
		}
		.why-us-cards .why-us-card:nth-child(8) .title{
			padding-top: 4.8rem;
		}
		.why-us-cards .why-us-card:nth-child(9) .title{
			padding-top: 3.9rem;
		}
		.team-card-row .pic {
			min-width: 300px;
			width: 300px;
			height: 301px;
		}
		.team-card-row .content .description {
			font-size: 18px;
		}
		.owl-team.owl-theme .owl-nav {
			left: -50px;
			right: -50px;
		}
		.footer .faq-box {
			max-width: 400px;
			min-width: 313px;
		}
	}
	@media (max-width: 1440px) {
		.navbar .navbar-nav .nav-link {
			font-size: 16px;
		}
		.about-details-box .icon img{
			width: 44px;
		}
		.about-details-box .content .title {
			font-size: 24px;
		}
		.about-details-box .content .details {
			font-size: 16px;
		}
		.get-in-touch-card .content .title {
			font-size: 51px;
		}
		.get-in-touch-card .content .info {
			font-size: 20px;
		}
		.why-us-cards .why-us-line {
			width: 1190px;
		}
		.call-center-section .section-title, .call-center-body {
			padding-left: 102px;
		}
		.counter-card {
			width: 250px;
			padding: 2rem;
		}
		.business-section .business-header .title {
			font-size: 48px;
		}
		.business-section .business-box .business-box-details {
			font-size: 18px;
		}
		.social-news-card .pic {
			height: 270px;
		}
		.software-card .content .info {
			font-size: 16px;
		}
		.about-year {
			width: 500px;
		}
		.testimonial-box .title,
		.get-in-touch-box .title,
		.industries-section .industries-box .title,
		.how-work-box .title,
		.software-box .title,
		.about-box .title {
			font-size: 34px;
		}

		.testimonial-box .details,
		.get-in-touch-box .details,
		.industries-section .industries-box .details,
		.how-work-box .details,
		.software-box .details,
		.about-box .details {
			font-size: 20px;
		}
		.about-box .btn {
			font-size: 24px;
		}
		.industries-section .industries-pic {
			width: 50%;
			height: 100%;
			object-fit: cover;
		}
		.industries-serv-nav .nav-link .icon img {
			width: 18px;
		}
		.industries-serv-nav .nav-link .title {
			font-size: 18px;
		}
		.industries-section .industries-box .btn {
			width: 346px;
			height: 60px;
			padding: 0;
			line-height: 60px;
			font-size: 20px;
		}
		.question-mark img {
			margin-top: -2.5rem;
		}
		.about-team,
		.about-value {
			padding-top: 5rem;
			padding-bottom: 5rem;
		}
		.about-team .section-title,
		.about-value .about-value-head .title {
			font-size: 31px;
		}
		.about-value .about-value-head .info {
			font-size: 18px;
		}
		.about-value-card .title {
			font-size: 20px;
		}
		.about-value-card .icon {
			width: 44px;
			height: 44px;
			line-height: 44px;
		}
		.about-value-card .icon img{
			width: 18px;
		}
		.about-value-card {
			min-width: 270px;
		}
		.about-details-card {
			margin-top: 0;
		}

		.header{
			height: 760px !important;
		}
		.main-header .header-box {
			padding: 40% 3rem 0;
		}
		.owl-slider .header-box {
			padding: 20% 3rem 0;
		}
		.about-details-content .title {
			font-size: 31px;
		}
		.about-details-content .details {
			font-size: 16px;
		}
		.about-team .team-card .content .skill {
			font-size: 18px;
		}
		.about-team .team-card .content .description {
			font-size: 14px;
		}
		.footer .footer-content .faq-box .nav .nav-link {
			color: #ACACAC;
			font-size: 12px;
		}
		.footer .footer-content .faq-box .title {
			font-size: 16px;
		}
		.footer-contact .box .title {
			font-size: 16px;
		}
		.contact-form .info,
		.main-header .header-box .info {
			font-size: 14px;
		}
		.main-header .header-box .title {
			font-size: 41px;
		}
		.contact-form .form-control {
			font-size: 16px;
			min-height: 50px;
		}

		.nav-social-media .social-media-title,
		.nav-social-media .nav-link {
			color: #fff;
			font-size: 20px;
		}
		.about-team .team-card .pic {
			width: 146px;
			height: 146px;
		}
		.achieve-card .icon img{
			width: 20px;
		}
		.achieve-card .title {
			font-size: 16px;
		}
		.achieve-card .details {
			font-size: 14px;
		}
		.achieve-box .title{
			font-size: 31px;;
		}
		.why-us-box .title {
			font-size: 46px;
		}
		.why-us-box .details {
			font-size: 16px;
		}
		.navbar-top .btn-lang {
			font-size: 14px;
		}
		.navbar-box {
			padding: 1rem 2rem 0;
		}
		.navbar-box .logo{
			width: 150px;
		}
		.owl-testimonial .testimonial-card .content .testimonial-1 {
			width: 65px;
		}
		.owl-testimonial .testimonial-card .content .details {
			font-size: 16px;
		}
		.owl-testimonial .testimonial-card .content .name {
			font-size: 20px;
		}
		.owl-testimonial .testimonial-card .content .job {
			font-size: 16px;
		}
		.owl-testimonial .testimonial-card .pic {
			min-width: 320px;
			width: 320px;
			height: 349px;
		}
		.owl-testimonial .testimonial-card .content .testimonial-2 {
			position: absolute;
			width: 80px;
			bottom: 2.5rem;
		}
		.team-box .team-card .content .title {
			font-size: 20px;
		}
		.team-box .team-card .content .info {
			font-size: 16px;
		}
		.team-card .icon img {
			width: 34px;
		}
		.team-box .team-box-content .team-card {
			padding: 1.15rem;
		}
		.whats-news-box .details,
		.pricing-box .details,
		.technologies-box .details {
			font-size: 18px;
		}
		.whats-news-box .title,
		.pricing-box .title,
		.technologies-box .title {
			font-size: 30px;
		}
		.technologies-card .content .title {
			font-size: 20px;
		}
		.technologies-card .content .info {
			font-size: 14px;
		}
		.technologies-card .content {
			padding: 1.5rem;
			min-height: 260px;
		}
		.business-fit-content .title {
			font-size: 40px;
		}
		.business-fit-content .title img {
			height: 40px;
		}
		.business-fit-content .details {
			font-size: 14px;
		}
		.business-fit-content .sub-title {
			font-size: 16px;
		}
		.business-fit-content .btn{
			font-size: 16px;
			height: 46px;
			line-height: 46px;
		}
		.providing-box .title {
			font-size: 24px;
		}
		.whats-news-card .icon img{
			width: 40px;
		}
		.whats-news-card .content .title {
			font-size: 20px;
		}
		.whats-news-card .content .info {
			font-size: 14px;
		}
		.call-center-card .content {
			padding: 2rem;
			font-size: 16px;
		}
		.get-in-touch-card .content .nav .nav-link span {
			font-size: 18px;
		}
		.get-in-touch-card .content .info {
			font-size: 16px;
		}
		.get-in-touch-card .content .nav .nav-link img {
			width: 30px;
		}
		.get-in-touch-card .content .title {
			font-size: 40px;
		}
		.get-in-touch-card .icon img {
			height: 60px;
		}
		.contact-form .form-group {
			margin-bottom: 1rem;
		}
		.contact-form {
			padding: 3rem;
		}
		.how-work-cards [class^="col-"]:nth-child(2) .icon{
			margin-top: .4rem;
		}
		.how-work-cards [class^="col-"]:nth-child(3) .icon{
			margin-top: 1rem;
		}
		.how-work-cards [class^="col-"]:nth-child(4) .how-work-card{
			margin-top: 30px;
		}
		.pricing-card .title {
			font-size: 20px;
		}
		.pricing-card .price {
			font-size: 30px;
		}
		.pricing-card .price span{
			font-size: 50px;
		}
		.pricing-card .nav li {
			font-size: 14px;
		}
		.pricing-card .nav li svg{
			width: 18px;
		}
		.pricing-card .btn-price {
			font-size: 18px;
			width: 100%;
			height: 50px;
			line-height: 50px;
		}
		.achieve-card {
			margin-bottom: 1rem;
		}
		.why-us-cards .why-us-card .title {
			font-size: 15px;
		}

		.why-us-cards .why-us-card:nth-child(2){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(3){
			margin-top: .6rem;
		}
		.why-us-cards .why-us-card:nth-child(4){
			margin-top: 1.5rem;
		}
		.why-us-cards .why-us-card:nth-child(5){
			margin-top: 1.5rem;
		}
		.why-us-cards .why-us-card:nth-child(6){
			margin-top: .7rem;
		}
		.why-us-cards .why-us-card:nth-child(7){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(8){
			margin-top: .4rem;
		}
		.why-us-cards .why-us-card:nth-child(9){
			margin-top: 1.3rem;
		}

		.why-us-cards .why-us-card:nth-child(2) .title{
			padding-top: 4.5rem;
		}
		.why-us-cards .why-us-card:nth-child(3) .title{
			padding-top: 4rem;
		}

		.why-us-cards .why-us-card:nth-child(6) .title{
			padding-top: 3.8rem;
		}
		.why-us-cards .why-us-card:nth-child(7) .title{
			padding-top: 4.3rem;
		}
		.why-us-cards .why-us-card:nth-child(8) .title{
			padding-top: 4rem;
		}
		.why-us-cards .why-us-card:nth-child(9) .title{
			padding-top: 3.1rem;
		}

		.team-card-row .pic {
			min-width: 270px;
			width: 270px;
			height: 270px;
		}
		.team-card-row .content {
			background: #F0F5F8;
			padding: 1rem;
		}
		.team-card-row .content .head .name{
			font-size: 20px;
		}
		.team-card-row .content .head .skill {
			font-size: 16px;
		}
		.team-card-row .content .description {
			font-size: 14px;
		}
		.owl-team.owl-theme .owl-nav {
			left: -50px;
			right: -50px;
		}
		.team-card-row .content .nav .nav-link {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 15px;
		}
		.about-page.main-header .header-pic {
			max-width: 500px;
		}
		.footer .logo {
			min-width: 190px;
		}
		.footer .faq-box{
			max-width: 290px;
			min-width: 270px;
			padding: 0 2rem;
		}

		.blog-page .main-header .header-box .title {
			font-size: 80px;
		}
		.blog-page .main-header .header-box .info {
			font-size: 24px;
		}
	}

	@media (max-width: 1366px) {

		.how-work-cards [class^="col-"]:nth-child(2) .icon{
			margin-top: 0;
		}
		.why-us-cards .why-us-line {
			width: 1120px;
		}
		.why-us-cards .why-us-card:nth-child(2){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(3){
			margin-top: .5rem;
		}
		.why-us-cards .why-us-card:nth-child(4){
			margin-top: 1.4rem;
		}
		.why-us-cards .why-us-card:nth-child(5){
			margin-top: 1.4rem;
		}
		.why-us-cards .why-us-card:nth-child(6){
			margin-top: .7rem;
		}
		.why-us-cards .why-us-card:nth-child(7){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(8){
			margin-top: .4rem;
		}
		.why-us-cards .why-us-card:nth-child(9){
			margin-top: 1.3rem;
		}
		.footer .faq-box{
			max-width: 470px;
			min-width: 190px;
			padding: 0 2rem;
		}
		.blog-page .main-header .header-box .info {
			font-size: 20px;
		}
	}
	@media (max-width: 1200px) {

		.footer .footer-content{
			flex-wrap: wrap;
		}
		.footer .footer-content .faq-box{
			width: 50%;
		}
		.footer .footer-content .logo {
			min-width: 100%;
		}
		.footer .footer-contact{
			flex-direction: column;
			align-items: self-start;
			padding: 1rem;
		}
		.footer-contact .box {
			align-items: self-start;
			flex-direction: column;
			margin-bottom: 1rem;
		}
		.footer .footer-content div{
			margin-bottom: 2rem;
		}
		.footer-copyright {
			text-align: center !important;
		}
		.about-details-box {
			padding: 1rem 0;
		}
		.testimonial-box,
		.get-in-touch-box,
		.about-box,
		.software-box {
			padding: 5rem 0 2rem;
			flex-direction: column;
		}
		.about-box{
			text-align: center;
			padding: 2rem 2rem 2rem;
		}
		.software-box {
			align-items: self-start;
		}
		.testimonial-box .title,
		.get-in-touch-box .title,
		.about-box .title,
		.how-work-box .title,
		.software-box .title {
			font-size: 30px;
		}
		.testimonial-box .details,
		.get-in-touch-box .details,
		.about-box .details,
		.how-work-box .details,
		.software-box .details {
			font-size: 20px;
			margin-bottom: 1rem;
		}
		.about-box .btn,
		.software-box .btn {
			font-size: 14px;
		}
		.about-details-box .icon .img {
			width: 30px;
		}
		.about-details-box .content .title {
			font-size: 18px;
		}
		.about-details-box .content .details {
			font-size: 14px;
		}
		.about-year {
			position: relative;
			right: auto;
			bottom: auto;
			transform: none;
		}
		.software-cards {
			padding: 0;
		}
		.software-card .content {
			min-height: auto;
			padding: 1rem;
		}
		.software-card .content .title {
			font-size: 20px;
		}
		.software-card .content .sub-title {
			font-size: 16px;
		}
		.software-card .content .info {
			font-size: 14px;
		}
		.how-work-cards {
			padding: 0px 0rem;
		}
		.how-work-box {
			padding: 0;
		}
		.how-work-cards .line {
			display: none;
		}
		.how-work-cards .how-work-card {
			padding: 2rem;
		}
		.how-work-cards [class^="col-"]:nth-child(even) .how-work-card{
			margin-top: 0;
		}
		.how-work-cards .how-work-card .title {
			font-size: 20px;
		}
		.how-work-cards .how-work-card .info {
			font-size: 14px;
		}
		.how-work-cards .how-work-card .icon{
			width: 30px;
		}
		.industries-section {
			padding: 5rem 0;
		}
		.industries-section .industries-pic {
			width: 100%;
			position: relative;
		}
		.industries-section .industries-box {
			padding: 2rem;
			margin-top: -6rem;
		}
		.industries-section .industries-box .title{
			font-size: 24px;
		}
		.industries-section .industries-box .details{
			font-size: 14px;
			margin-bottom: 1rem;
		}
		.industries-serv-nav .nav-link .title {
			font-size: 16px;
		}
		.industries-serv-nav .nav-link .industries-serve-box .icon img {
			width: 24px;
		}
		.industries-section .industries-box .btn {
			min-width: 270px;
			height: 62px;
			line-height: 62px;
			font-size: 20px;
			margin: auto;
		}
		.why-us-cards .why-us-line {
			width: 970px;
		}
		.why-us-cards .why-us-card:nth-child(2){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(3){
			margin-top: .4rem;
		}
		.why-us-cards .why-us-card:nth-child(4){
			margin-top: 1.2rem;
		}
		.why-us-cards .why-us-card:nth-child(5){
			margin-top: 1.3rem;
		}
		.why-us-cards .why-us-card:nth-child(6){
			margin-top: .5rem;
		}
		.why-us-cards .why-us-card:nth-child(7){
			margin-top: .1rem;
		}
		.why-us-cards .why-us-card:nth-child(8){
			margin-top: .3rem;
		}
		.why-us-cards .why-us-card:nth-child(9){
			margin-top: 1.2rem;
		}
		.counter-box{
			flex-flow: wrap;
		}
		.counter-card{
			margin-bottom: 1rem;
		}
		.get-in-touch-card .content .title {
			font-size: 41px;
		}
		.get-in-touch-card .content .title {
			font-size: 41px;
		}
		.get-in-touch-card .content .info {
			font-size: 20px;
		}
		.get-in-touch-card .content .nav .nav-link {
			margin-bottom: 0;
		}
		.get-in-touch-card .content .nav .nav-link img {
			width: 24px;
		}
		.get-in-touch-card .content .nav .nav-link span {
			font-size: 20px;
		}
		.get-in-touch-box{
			padding: 2rem;
		}
		.get-in-touch-box .details{
			margin-bottom: 0;
		}
		.call-center-section .section-title, .call-center-body {
			padding-left: 0;
		}

		.how-work-cards [class^="col-"]:nth-child(2) .icon{
			margin-top: .4rem;
		}
		.how-work-cards [class^="col-"]:nth-child(3) .icon{
			margin-top: 1rem;
		}
		.how-work-cards [class^="col-"]:nth-child(4) .how-work-card{
			margin-top: 30px;
		}

		.footer .faq-box{
			max-width: inherit;
			min-width: inherit;
			padding: 0 1rem;
		}
		.footer .footer-content .faq-box {
			width: 25%;
		}

		.blog-page .main-header .header-box .info {
			font-size: 16px;
		}
	}
	@media (max-width: 1024px) {
		.why-us-cards .why-us-line{
			display: none;
		}

		.team-card-row .pic {
			min-width: 170px;
			width: 170px;
			height: 170px;
		}
		.team-card-row .content {
			background: #F0F5F8;
			padding: 1rem;
		}
		.team-card-row .content .head .name{
			font-size: 16px;
		}
		.team-card-row .content .head .skill {
			font-size: 12px;
		}
		.team-card-row .content .description {
			font-size: 12px;
		}
		.owl-team.owl-theme .owl-nav {
			left: -50px;
			right: -50px;
		}
		.team-card-row .content .nav .nav-link {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 15px;
		}
	}

	@media (max-width: 992px) {
		.navbar-collapse.collapsing .navbar-nav {
			display: block;
			position: fixed;
			top: 0;
			bottom: 0;
			right: -100%;
			transition: all 0.2s ease;
			background: #fff;
		}
		.navbar-collapse.show .navbar-nav {
			position: fixed;
			top: 0;
			bottom: 0;
			right: 0;
			flex-direction: column;
			height: auto;
			width: 300px;
			background: #fff;
			transition: right 0.2s ease;
			box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
			z-index: 99999999;
			padding: 1rem;
			overflow-y: scroll;
		}
		.navbar-collapse.show .close-nav{
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border-radius: 50%;
			display: block;
			margin-bottom: 2rem;
		}
	}

	@media (max-width: 786px) {

		.team-box-content {
			padding: 2rem 0 !important;
		}
		.about-year {
			position: relative;
			right: auto;
			left: 50%;
			bottom: -7rem;
			transform: translateX(-50%);
		}
		.how-work-cards .how-work-card {
			padding: 2rem !important;
			min-height: 150px;
		}
		.how-work-cards [class^="col-"] .how-work-card {
			margin-top: 0 !important;
		}
		.how-work-cards [class^="col-"] .how-work-card .icon {
			margin-bottom: 2rem;
			margin-top: 0 !important;
		}
		.owl-testimonial .testimonial-card .pic {
			min-width: 220px;
			width: 220px;
			height: 220px;
		}
		.owl-testimonial .testimonial-card {
			position: relative;
			display: flex;
			flex-direction: column;
		}
		.custom-width-col {
			width: auto;
			max-width: initial;
		}
		.call-center-section {
			padding-left: 1rem;
		}
		.call-center-card{
			padding-right: 1rem;
		}
		[dir="rtl "].call-center-card{
			padding-right: auto;
			padding-left: 1rem;
		}
		.call-center-light .call-center-box {
			padding: 0 2rem;
		}

		.question-mark img {
			display: none;
		}
		.why-us-section{
			padding-bottom: 0;
		}
		.why-us-cards{
			flex-wrap: wrap;
		}
		.why-us-cards .why-us-card {
			max-width: calc(100% / 4);
		}
		.why-us-cards .why-us-card{
			padding: 1rem;
			margin: 0 !important;
		}
		.why-us-cards .why-us-card .title{
			padding-top: 2rem !important;
		}
		.about-details-pic, .about-details-content {
			padding: 1rem;
		}
		.about-details-content .title {
			font-size: 24px;
		}
		.about-details-content .details {
			font-size: 14px;
		}
		.about-details-pic img{
			width: 60%;
		}
		.contact-us-page.main-header{
			height: auto !important;
		}
		.contact-us-page.main-header{
			height: auto !important;
		}
		.contact-us-page.main-header {
			padding-top: 8rem;
		}
		.contact-us-page.contact-card{
			padding: 2rem 0 ;
		}
		.team-card-row {
			flex-direction: column;
		}
		.footer .footer-content .faq-box {
			width: 50%;
		}
		.about-page.main-header .header-box {
			padding: 3rem 3rem 2rem;
		}
		.about-page.main-header .header-pic {
			max-width: 270px;
			margin: 0 auto -18rem;
		}
		.industries-section .industries-box {
			transform: translateX(0);
		}
		.get-in-touch-card {
			padding: 1rem;
		}
	}
	@media (max-width: 766px) {

		.get-in-touch{
			background: #18C0CA;
			background: transparent;
			padding-bottom: 0;
		}
		.get-in-touch-card{
			padding: 2rem;
		}
		.get-in-touch .container-fluid{
			padding: 0;
		}
		.get-in-touch .row{
			margin: 0;
		}
		.get-in-touch .row .col-md-6{
			padding: 0;
		}
		.get-in-touch-card.client{
			background: #18C0CA;
		}
		.get-in-touch-card.job{
			background: #0045AB;
		}
	}
	@media (max-width: 576px) {
		[dir="rtl"] .about-year {
			right: auto;
			left: 50% !important;
		}
		[dir="rtl"] .industries-section .industries-box {
			padding-left: 3rem;
			padding-right: 40px;
		}
		[dir="rtl"] .industries-section .industries-box {
			transform: translateX(0rem) !important;
		}
		.how-work-cards {
			padding: 0 1rem;
		}
		.industries-serv-nav .nav-link {
			width: 100%;
		}
		.industries-section .industries-box .btn {
			width: 100%;
		}
		.main-header .header-box,
		.owl-slider .header-box,
		.about-page.main-header .header-box {
			padding-left: 1rem;
			padding-right: 1rem;
		}
		.call-center-light .call-center-box .section-title .title,
		.newsletter-box .title,
		.call-center-section .call-center-box .section-title .title,
		.team-box .team-box-content .head .title,
		.business-section .business-header .title {
			font-size: 31px;
		}
		.call-center-light .call-center-box .section-title .info,
		.newsletter-box .info,
		.why-us-box .details,
		.testimonial-box .details,
		.get-in-touch-box .details,
		.about-box .details,
		.how-work-box .details,
		.software-box .details,
		.call-center-section .call-center-box .section-title .info,
		.business-section .business-header .details,
		.team-box .team-box-content .head .details {
			font-size: 16px;
		}

		.call-center-card .head .title{
			font-size: 14px;
		}
		.call-center-card .head .number {
			font-size: 30px;
			line-height: 30px;
			min-width: 50px;
		}
		.contact-form{
			padding: 2rem;
		}
		.owl-testimonial .testimonial-card,
		.call-center-card .content,
		.newsletter-box,
		.about-value-box,
		.owl-testimonial .testimonial-card .content,
		.get-in-touch-card,
		.team-box{
			padding: 1rem;
		}
		.business-fit-box,
		.call-center-light .call-center-box,
		.call-center-box,
		.testimonial-box,
	 	 .software-boxو
		.call-center-light .call-center-box,
		.about-details-card,
		.pricing-box,
		.achieve-box,
		.why-us-cards,
		.how-work-cards,
		.why-us-box,
		.technologies-box {
			padding: 0px;
		}
		.technologies-card .content {
			padding: 1.5rem;
			min-height: 100px;
		}

		.business-section .business-box .business-box-title {
			font-size: 18px;
		}
		.business-section .business-box .business-box-details p {
			font-size: 13px;
		}
		.business-section .business-box {
			min-height: auto;
			margin-bottom: 1rem;
		}
		.about-page.main-header .header-pic {
			margin: 0 auto -6rem;
		}
		.about-team .section-title {
			padding: 0;
			font-size: 24px;
		}
		.owl-testimonial .testimonial-card {
			padding-bottom: 5rem;
		}
		.owl-testimonial .testimonial-card .content .testimonial-2 {
			position: absolute;
			width: 80px;
			right: 2rem;
		}
		.owl-team.owl-theme .owl-nav{
			display: none;
		}

	}
	@media (max-width:600px) {
		.why-us-cards .why-us-card {
			max-width: calc(100% / 3);
		}
	}
	@media (max-width: 420px) {
		[dir="rtl"] .about-year {
			right: auto;
			left: 50% !important;
		}
		[dir="rtl"] .industries-section .industries-box {
			padding-left: 3rem;
			padding-right: 40px;
		}
		[dir="rtl"] .industries-section .industries-box {
			transform: translateX(0rem) !important;
		}

		.why-us-cards .why-us-card {
			max-width: calc(100% / 2);
		}
		.get-in-touch-card{
			padding: 2rem 1rem;
		}
	}
	@media (max-width: 350px) {
		[dir="rtl"] .about-year {
			right: auto;
			left: 50% !important;
		}
		[dir="rtl"] .industries-section .industries-box {
			padding-left: 3rem;
			padding-right: 40px;
		}
		[dir="rtl"] .industries-section .industries-box {
			transform: translateX(0rem) !important;
		}
	}




	[dir="rtl"] .how-work-cards .line{
		left: auto;
		right: calc(5rem + 30px);
		transform: rotateY(180deg );
	}
	[dir="rtl"] .industries-section .industries-box {
		transform: translateX(10rem);
	}
	[dir="rtl"] .get-in-touch-card .content .nav .nav-link img {

		transform: rotate(180deg );
	}
	[dir="rtl"] .why-us-cards .why-us-card .title::before {
		right: 0;
		left: auto;
	}
	[dir="rtl"] .why-us-cards .why-us-line {
		left: auto;
		right: 4rem;
		transform: rotateY(-180deg);
	}
	[dir="rtl"] .question-mark img {
		transform: rotateY(180deg);
	}