:root{--dark-bg:#0C251D;--yellow-green:#CCF546;--green-color:#53C675;}
body {font-family: 'Manrope';font-size: 15px;overflow-x: hidden;letter-spacing: 1px;}
body.arabic_type,body[dir=rtl] { font-family: 'Neo Sans Arabic Regular' !important;}

/* Error Class Css   */
.mandatry 	  { color:red; font-weight: bold; margin-left:2px; }
.error 	 	  { color:red !important; }
.erroe_border { border-color:red !important; }
.field-error  { border-color:#f5b6b6!important; background-color:#ffd9d9!important; }


.float-left   { float: left;}
.float-right  { float: right;}
.text-justify { text-align: justify;}
.form-control { font-size: inherit; height: calc(1.8em + 0.75rem + 2px);}

.img-width50{ width:50%;}
.width-50 	{ width:50%;}

.text-F2F4F4 { color:#F2F4F4;}
.text-53C675 { color: #53C675;}

.bg-53C675 { background-color: #53C675; } 
.bg-CCF546 { background-color: #CCF546; }
.bg-D9D9D9 { background-color: #D9D9D9; }
.bg-0C251D { background-color: #0C251D; }
.bg-F2F4F4 { background-color: #F2F4F4; }
.bg-dark   { background-color: var(--dark-bg) !important;}
.dark-bg   { background:var(--dark-bg);}

.font-20 { font-size: 16px;}
.font-40 { font-size: 40px;}
.font-60 { font-size: 56px;}
.font-65 { font-size: 58px;}

a { text-decoration: none;}
a:hover{color:#53C675;}

li { margin-right: 10px;}

.mr-5      { margin-right: 1rem;}
.ml-auto   { margin-left: auto;}
.mtop-2rem { margin-top:2rem;}
.mtop-4rem { margin-top: 4rem;}
.m-b-5{margin-bottom:1em;}

label{color: #7E7E7E}

.display-flex{display: flex;}
.d-sm-none { display: none; }

.show-mobile{display: none;}
.hide-mobile{display: block;}

.btn-subscribe { background-color: #53C675;color:#f2f4f4;padding: 0.475rem 1.25rem;font-weight: 800;}
.btn-subscribe:hover { color: #fff !important;background-color:#cccccc !important;}

.btn-inverse{border:1px solid #000;margin-right: 1%;}
button.btn.btn-inverse.text-uppercase   {padding: 8px 25px;}
button.btn.btn-subscribe.text-uppercase {padding: 8px 25px;}

.mls-auto{margin-left: auto;margin-right: 0;}
.mls-auto[dir="rtl"] {margin-right: auto;margin-left: 0;}

/* ********** Page Header ****** */

.navbar-dark #mySidebar.active{transition: 0.5s;margin-left: 0;}
.navbar-dark .sidebar { height: 100%;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;text-align: center;transition: 0.5s;
						background-color: #111;overflow-x: hidden;padding-top:2rem;transition: 0.5s;margin-left: -100%;}
.sidebar .navbar-side-brand { padding:0 3rem;}
.sidebar .navbar-side-brand .navbar-brand { width: 140px;}
.sidebar a.navbar-brand.float-right.closebtn { width: auto;}
.sidebar .navbar-sidebar { position: absolute;left: 0%;padding: 5%;right: 0px;top: 70px;font-family: 'Manrope';font-style: normal;font-weight: 600;align-items: center;color: #FFFFFF;}
.sidebar .navbar-sidebar li { padding-bottom: 1rem;}
.sidebar .navbar-sidebar li a{text-transform: uppercase;font-size: 18px;text-align: left;}
.sidebar .navbar-sidebar .nav-arabic{width:25%;font-weight: 400;}
.sidebar .navbar-sidebar .navbar-tech{margin-bottom: 1rem;padding: 0px 1rem 0px 1rem;width: 80%;}

.navbar-dark .navbar{color:black;}
.navbar-dark .navbar li a {color:#F2F4F4;}
.navbar-dark .navbar li a:hover { color: #53C675;}

.navbar-dark #main  {transition: margin-left .5s; padding: 20px;}
.navbar-dark #main .navbar-brand {width: 155px;}
.navbar-dark #main .navbar-toggler-icon { background-image: url('../images/menu.png');}

header .navbar-nav li.active a{color :var(--yellow-green) !important;}
header .nav-item   { display: flex;justify-content: center;align-items: center;}
header .navbar-tech{ border-radius: 10px;background-color: #53C675;color:#F2F4F4;font-family: 'Manrope';font-style: normal;
					 font-weight: 800;display: flex;align-items: center;padding: 0px 2rem 0px 2rem;text-align: center; }
header .nav-link   { text-transform: uppercase;font-weight: 600;letter-spacing: 1px;color: white !important;}

/* ********** Page Footer ****** */
footer { padding:3rem 0; background:var(--dark-bg);}
footer .footer-subscribe img{ width: 130px; }
footer .copyright{margin: 22px 0 22px 0;color: white;}

footer .navbar-nav .nav-link{padding: 0.3rem 0;}
footer .navbar-nav li a{color:#FFFFFF;}
footer .navbar-nav li a:hover { color: #53C675;}

footer .footer-flex {display: flex;justify-content: space-between;height: 100%;flex-direction: column;}
footer .footer-social i {font-size: 22px;color: white;margin-right: 10px;}


/* ********** Index page ****** */
.home_slider .slider-text { padding: 30px;padding-left: 60px;}
.home_slider .slider-text h1 { position: relative; font-size: 62px;font-weight: 700;line-height: 75px;}
.home_slider .slider-text h1:after{ content:'‣';position: absolute;left: -15px;color: white;top: 0;font-size: 35px;}
.home_slider .slider-text ul { list-style: none;padding-inline-start: 0;font-size: 26px;color:#0C251D;   font-weight: 700;}
.home_slider .slider-text ul li {font-size: 28px;font-weight: 700;opacity: 0.3;}
.home_slider .slider-text ul li:before { content:'‣';position: relative;left: -15px;color:#00c97b; font-size: 35px; }

.home_slider .slider-text ul li:hover  {   color:#fff;opacity: 1;}
.home_slider .slider-text ul li:hover::before  {   color:#fff;}


.home_slider .slider-text ul li.highlight{ color:#fff;opacity: 1;font-size: 45px; padding-top: 65px;}
.home_slider .slider-text ul li.highlight:hover::before{ color:#fff; color: transparent;}





.home_slider .img-phone-bg  { max-height: 100%;width: 100%;height: 650px;}

.home_slider .banner-bg { background:url('../../assets/images/phone-3_1.jpg') no-repeat;
						  background-size: cover;background-position: center;height: 100%;position: relative;background-size: 100% 100%; }
.home_slider .banner-bg .slider-img     { position: absolute;bottom: 30px; display: flex;}
.home_slider .banner-bg .slider-img img { width:30%;}
.home_slider .banner-bg .slider-img .image1  { position: relative;left: 15%;}
.home_slider .banner-bg .slider-img .image2  { right: 15%;position: absolute;}

.care-box	   { padding:5em 0;}
.care-box .phone-handyman { height: 100%;}
.care-box2 h1  { font-size: 62px;font-weight: 700;line-height: 75px;}
.care-box2 .group-box { margin-top: 5em;}
.care-box2 .group-box .group { padding: 20px;border:1px solid #FFFFFF;box-sizing: border-box;width: 33.33%;}
.care-box2 .group-box .group:hover{background-color: #53C675;}
.care-box2 .group-box .group:nth-child(2) {margin-left:1.5em;margin-right:1.5em;}
.care-box2 .group-box .group-number { color: #FFFFFF;font-size: 70px;opacity: 0.5;margin-bottom: 30px;font-weight: 600;}
.care-box2 .group-box .group-heading{font-size: 20px;font-weight: 800;margin-bottom: 10px}
.care-box2 .group-box .group-desc{font-size: 16px;}

.services-box    { padding:5em 0;}
.services-box h1 { align-items: center;text-align: center;font-weight: 600; font-size:2.25rem;}
.services-box .service-box   { margin-top:3%;margin-bottom: 5%;}
.services-box .service-box a { text-decoration: none;}
.services-box .box a { margin-top:1em;display: block;font-size: 18px;color:#000000;font-weight: 700;letter-spacing: 1px;}
.services-box .box a:hover { color: #53C675 !important;text-decoration: none;}

.flexible-container { padding:6rem 0;}
.flexible-container .flexible-slider-img { background-image: url('../images/phone-logo.png');background-size: contain;object-fit: fill;background-repeat: no-repeat;}
.flexible-container .flexible-slider-img .image-phone-shot { width: 80%;top: 19.25%;position: relative;left: 30%;} 
.flexible-container .flexible-box      { align-content: center;padding-left:10rem;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.flexible-container .flexible-box h1   { font-size: 65px;font-weight: 700;color: var(--dark-bg);}
.flexible-container .flexible-box p    { font-size: 20px;margin-top:2em;font-weight: 600;}
.flexible-container .flexible-box img  { width:60%;}
.flexible-container .flexible-box .flexible-img-btm  { right:0%;bottom: -100px;position: relative;}
.flexible-container .flexible-box .flexible-img-btm a{ color:#000;font-weight: 600;}


.container-team { padding:4rem 0;}
.container-team .team-desc img{/* width:40%; */}
.container-team .team-box	   { padding:3rem 2rem;width:100%;background: #fff;position: relative;}
.container-team .team-head 	   { font-weight: 600;}
.container-team .team-heading  { font-size: 2rem;padding-top:1rem;display: flex;align-items: center;color: #000000;font-size: 50px;font-weight: 600;line-height: 60px;}
.container-team .team-footer   { position: absolute;bottom: 10%;right: 10%;}
.container-team .team-footer a { color: #0C251D;text-decoration: none;font-weight: 600;}


.div_call_us {padding: 3rem 3px 0 3px;}
.div_call_us .call_us .font-60    {font-weight: 800;line-height: 60px;}
.div_call_us .call_us .font-20   { margin-top:1em;font-weight: 600;}
.div_call_us .call_us .callusBtn { align-items: center;border:1px solid #0C251D;color: #0C251D;padding: 0.5rem 2rem;border-radius: 5px;font-size: 15px;font-weight: 800;}

.subscribe-div    { background-color: #F2F4F4;}
.subscribe-div h2 { font-size: 30px;color: #0C251D;margin-bottom:1.5rem;font-weight: 800;}
.subscribe-div .subscribe { padding: 3rem 4rem;padding-bottom: 15px;}
.subscribe-div .subscribe .font-20{font-weight: 600;}
.subscribe-div .subscribe .subscribe-inputs input  { height: 47px;border-radius: 10px;margin-right: 10px;margin-bottom: 0 !important;margin-top: 0 !important;}
.subscribe-div .subscribe .subscribe-inputs button { border-radius: 10px;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;}


/* ********** Service page ****** */
.services_search_box {padding:3rem 5rem;}
.services_search_box h1{font-size: 60px;line-height: 65px;font-weight: 800;letter-spacing: 1px;}
.services_search_box .explore-heading{font-weight: 800;}
.services_search_box .service_box img {padding:1em;width: 100%;}
.service_box .input-group .btn {width: 20%;right: 14%;top: 50%;transform: translateY(-50%);height: calc(100% - 20px);position: absolute;border-radius: 10px;}
.service_box .input-group .input-group-prepend{background-color:white;border-top-left-radius: 1rem !important;border-bottom-left-radius: 1rem !important;width: 65px;}
.service_box .input-group .input-group-append{display: flex;width: 80%;}
.service_box .input-group-append .form-control{ padding:1rem 2rem;height:100%; border-left: none;border-top-left-radius: 0rem !important;
												border-bottom-left-radius: 0rem !important; border-top-right-radius: 1rem !important;border-bottom-right-radius: 1rem !important;}

.service_box .btn-block-desc {padding:1rem 0rem;}
.service_box .btn-block-desc .btn{width:100%;}

.popular_services {left: 2.5%;float:left; margin: 3rem 0;}
.popular_services .group_search_box {display: inline-flex;float:left;left: 0;position: relative;list-style: none;padding-inline-start:10px;}
.popular_services .group_search_box li a{border: 1px solid #FFFFFF;border-radius: 10px;color:#F2F4F4;padding: 0.5rem 1rem;}
.popular_services .group_search_box li a:hover{color: #53C675;border:1px solid #53C675;}

.serve_box_img img { object-fit: cover;max-height: 100%;max-width: 100%;}

.explore-category { padding:3rem 0;}
.explore-category .category-list img  { width: 100%; height: 10rem; border-radius:15px; padding-bottom: 10px;}
.explore-category .api_service_list a { color: black;}
.explore-category .subcategory-services    { list-style: none;font-weight: 400;font-size: 15px;}
.explore-category .subcategory-services li { padding:0em 0rem 0.25rem 0;}
.explore-category .subcategory-services a  { color: black;}

.service-list-box { padding:4rem 0rem;}
.service-list-box p  { line-height: 2rem;}

.faq-box   { padding:4rem 0;}
.faq-box p { font-size:14px;text-align: justify;}
.faq-box .faq-question-box {padding:0rem 3rem;}
.faq-box .text-capitalize{text-transform: capitalize !important; margin-bottom: 20px;}
.faq-box .accordion-item   { background-color: #53C675 !important; color: white !important; box-shadow: none !important; border:none !important; border-radius: 0;
							 border-bottom: 1px solid #fff !important;float: left; width: 100%; margin-top:1rem; margin-bottom: 12px; }
.faq-box .accordion-item h2.accordion-header { font-size:1.25rem; }
.faq-box .accordion-header h2 { font-size:1.25rem; }
.faq-box .accordion-header { background-color: #53C675 !important;color: white !important;box-shadow: none !important;border:none !important;border-radius: 0;}
.faq-box .accordion-button { background-color: #53C675 !important;color: white !important;box-shadow: none !important;border:none !important;border-radius: 0;}
.faq-box .accordion-item:last-of-type { border-radius: 0;}
.faq-box .accordion-item:last-of-type .accordion-collapse { border-radius: 0;}
.faq-box .accordion-item:first-of-type .accordion-button {background-color: #53C675 !important;color: white !important;box-shadow: none !important;border:none !important;border-radius: 0;}
.faq-box .accordion-button:not(.collapsed)::after{content: "-";background-image: none;float:left;left:0;position: absolute;}
.faq-box .accordion-button::after{content: "+";background-image: none;float:left;left:-2%;position: absolute;}
.faq-box .faq-request-box{border: 2px solid #fff;border-radius: 10px;margin-top: 3%;padding: 0.5rem 1.5rem;color: #F2F4F4;font-weight: 600;letter-spacing: 1px;}
.faq-box .faq-request-box:hover{color:#F2F4F4;}


/* ***************** Teams **********************8****** */
.team-text-box{padding: 3rem;display: flex;justify-content: space-between;align-items: center;flex-direction: column;height: 100%;}
.team-text-box h1{font-weight: 700;font-size: 4rem;}
.team-text-box .team-bank-box p { font-size: 18px;}

.teams-list-info{padding:5rem;}
.teams-list-info .team-member { padding:3rem 1em;}
.teams-list-info .team-member img{ margin-bottom: 1rem;}
.teams-list-info .team-member h3{ font-weight: 800;}
.teams-list-info .team-member h3:hover{color:#AAFF00;}

.mission-box { padding: 4rem 0;}
.mission-box h1{ font-size: 35px;font-weight: bold;}
.mission-box p { font-size: 15px;}
.mission-box .see-more { color: black;}
.mission-box .see-more:hover { color: black;}

.team-member-boxes .team-member-box{padding:2rem;height: calc(100% - 1rem);}
.team-member-boxes .team-member-box h5{text-transform: uppercase;font-size: 15px;}
.team-member-boxes .mission-sub-box{margin-top: 4rem;}
.team-member-boxes .mission-sub-box h3{font-weight: bold;}
.team-member-boxes .mission-sub-box p { font-size: 15px;}

.careers-box    {padding:3rem 15rem 3rem 5rem;}
.careers-box h3 {font-size: 30px;font-weight: 800;}

/* ******************* About Us / Legal************************* */

.about_us  { padding:4rem 1rem;}
.legal-box { padding: 4rem 0;}

/* ******************* Contact Page************************* */

.contact-box { background: url(../images/contact-bg.jpg) !important;background-size: cover;background-repeat: no-repeat;}
.contact-box .contacts-box    { padding:5rem;}
.contact-box .contacts-box a  { color: white;font-weight: bold;}
.contact-box .contacts-box h1 { font-size: 2.25rem;font-weight: 800;}
.contact-box .contact-list-box { list-style: none;column-count: 3;padding: 0;}
.contact-box .contact-list-box li { border-right:1px solid #CCF546;}
.contact-box .contact-list-box li:last-child  { border-right: 0;}
.contact-box .contact-list-box li:first-child {}
.contact-box .contact-box-container {min-height: 90px;display: flex;flex-direction: column;}
.contact-box .contact-box-container h4{font-size: 1rem;font-weight: bold;}
.contact-box .mobile-image{display: none;}

/******************** Become Technician *************************/

.joining-box{padding:4rem 6rem;}
.joining-box h1{font-size: 4rem;font-weight: 800;}
.joining-box a { color:white;border-radius: 10px;border:1px solid #fff;padding:.45rem 1rem;font-weight:800;letter-spacing: 1px;} 

.tech-box {padding-top:5rem;padding-bottom:5rem;}
.tech-box h1{font-size: 45px;margin-bottom: 1rem;font-weight: 700;color:#0c251d;}
.tech-box p{font-size: 20px;font-weight: 600;color:#000;}
.tech-box .techinican-box-left { position: relative;top: 40%; padding-left: 20px}
.tech-box .techinican-box-left a  {position: relative;bottom: 10%;}
.tech-box .techinican-box-right { position: relative;top: 30%; padding-right: 20px;}
.tech-box .techinican-box-right a { position: relative;bottom: 10%;}
.tech-box .flexible-hy-link{position: relative;top: 55%;}
.tech-box .prov-image { background: url("../images/prov-login.png") no-repeat;background-size: contain;}
.tech-box .prov-image img{position: relative;top: 14%;left: 20%;float: right;}

.container-team .techinican-touch a{padding:0.5rem 1rem;border-radius: 10px;border:1px solid #0C251D;}


/******************** become-service-provider *************************/
.provider-tech-box { padding:5rem;}
.provider-tech-box h1 {font-weight: 900;}

.provider-tech-box .tech-touch {margin-top: 35px;}
.provider-tech-box .tech-touch a  { color:white;border-radius: 10px;border:1px solid #fff;padding:.45rem 1rem;font-weight:800;letter-spacing: 1px;}

.provider-tech-box .tech-prov-box   { padding:3rem;border-radius: 10px;}
.provider-tech-box .tech-prov-box h1{ font-size: 2.35rem;margin-bottom: 2rem;font-weight: 800;}
.provider-tech-box .tech-prov-box p { margin-bottom: 50px;}
.provider-tech-box .provider-tech-link a{border-radius: 10px;border:1px solid #000;padding:0.5rem 2rem;color:black;}

/******************** how-it-works *************************/

.flexible-bookings { padding:5rem 3rem 0; }
.flexible-bookings h1{font-size: 60px;margin-bottom: 4rem;font-weight: 900;}
.flexible-bookings img.img-55       { width:150px;}
.flexible-bookings img.img-location { width:100%;}

.flexible-download {padding:5rem 3rem;}
.flexible-download img { width:80%;}

.flexible-location { padding:5rem 3rem;}
.flexible-location img {width:80%;}

.flexible-download-text { position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 10px;}
.flexible-download-text h1  { font-size: 65px;font-weight: 700;color:#0c251D;}
.flexible-download-text p   { font-size: 20px;font-weight: 600;color:#000; margin-top: 2rem;margin-bottom: 2rem;text-align:inherit;}
.flexible-download-text img { width:150px;}
.flexible-a-link { position: relative;top: 50%;}
.flexible-a-link img { width:80%;}

.payment-location { padding:5rem;}
.payment-location .payment-group { width: 100%;display: inline-flex;}
.payment-location .payment-group .payment-group-text { padding:1rem;width: 20%;}
.payment-location .payment-group-text h1 { font-size: 4rem;color: #0C251D;opacity: 0.5;font-weight: 700;}
.payment-location .payment-group-text h2 { font-weight: 700;padding-top: 50px;font-size: 23px;}

.cross-box {padding:5rem 3rem;}
.cross-box .cross-box-tag{padding: 3rem;border-radius: 10px;height: 100%;}
.cross-box .cross-box-tag h1{font-size: 40px;font-weight: 800;letter-spacing: 1px;color: #0c251d;}
.cross-box .cross-box-tag p{color: #0c251d;font-size: 18px;}

/* ********************Provider Registration *********************** */

.img-logo-provider{width: 20%;margin:0 auto;padding:1rem 2rem;}

.provider-link{color:white;border:1px solid #fff;border-radius: 10px;padding:.5rem 1rem;float: right;margin-top:1rem;}
.provider-link:hover { background-color: #fff;}

.container-signup { padding:4rem 4rem;}
.container-signup .step-value {list-style: none;display:inline-flex;}
.container-signup .step-value li{margin-right: 0;width: 12%;}
.container-signup .step-value li a {color: #53C675;border:1px solid #53C675;background-color:#fff;border-radius: 50%;font-size: 18px;padding:.5rem 1rem;}
.container-signup .step-value li a.active{background-color: #53C675;color:#fff;}
.container-signup .step-value li div { margin-top: 0.5rem;font-size: 12px;margin-left: -0.5rem;text-align: center;white-space: inherit;color: #fff;font-weight: 600;}
.container-signup .step-value li div.active { color:#00c97b;}
.container-signup .step-value li hr{width:80px;height:20px;color: #53C675;border-top: 1px solid #53C675;}
.container-signup .image-register{position: relative;width: 100%;height: 100%;}

.signup-form h1{font-size: 50px;font-weight: 600;}
.signup-form .category-heading{color: #7E7E7E;}

.signup-form .form-group{margin-bottom:1.3rem;}
.signup-form .form-quick-search img { position: absolute;z-index: 2;display: block;line-height: 2.375rem;text-align: center;
									  pointer-events: none;top: 50%;transform: translateY(-50%);left: 7px;width: 22px;}
.signup-form .form-quick-search .form-control {padding-left: 2.375rem;width:100% !important;}
.signup-form .form-quick-search input::placeholder{color: var(--green-color);font-weight: 600;}

.signup-form .quick-results { list-style: none;column-count: 2;}
.signup-form .quick-results li{margin-bottom:0.5em;}
.signup-form .quick-results li .form-check{border-radius: 10px;background-color: #f2f4f4;padding:1rem 3rem;}
.signup-form .quick-results li .form-check-input{float:left;height: 20px;width: 20px;margin-top: 1px;}
.signup-form .quick-results li .form-check-input:checked {background-color: #53C675;border-color: #53C675;}
.signup-form .quick-results li .form-check-label{margin-left: 10px;}

.subquick-results { display: contents;}
.subquick-results li{border:1px solid #D9D9D9;list-style: none;border-radius: 10px;background-color: #fff;margin-right: 0 !important;padding:0.8rem 1.5rem;margin-top:0.5em;}
.subquick-results li .form-check{background-color:#fff;padding:0rem 1rem;margin-left: 10%;}
.subquick-results li .form-check-input:checked {background-color: #000;border-color: #000;}

.subquick-results ul.subquick-results li .form-check{margin-left: 20%;}
.subquick-results ul.subquick-results ul.subquick-results li .form-check{margin-left: 30%;}

.signup-form .male {display: inline-block;color: #7E7E7E; margin-right: 45px;}
.signup-form .female{display: inline-block;color: #7E7E7E;}



/* ***************************************8****** */

/* Track */
.care-slider::-webkit-scrollbar-track {background-color: transparent;}
/* Handle */
.care-slider::-webkit-scrollbar-thumb {background: #133a2d;border-radius: 10px;}

/* ********************************* */
.arabic_type .form-check-label{margin-left: 0 !important;margin-right: 10px !important;}
.arabic_type .slider-text h1::after{left: auto;right: -20px;transform: rotate(180deg);}

body.arabic_type .flexible-bookings .row {flex-direction: row-reverse;}
body.arabic_type .copyright-box {text-align: right !important;}
body.arabic_type .subscribe-div > .row {flex-direction: row-reverse;}
body.arabic_type .btn-subscribe {margin-right: 10px;}
body.arabic_type .popular_services {float: right;}