@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
html { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased;}
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; background-color: #ffffff;}
img { max-width: 100%;}
.fw-medium { font-weight: 500}
.fw-semi { font-weight: 600}
a:hover {text-decoration: none; outline: none;}
a{ text-decoration: none; outline: none;}
.container { max-width: 1220px;}

header { background: #FFFFFF !important;  padding: 15px 0px; border-bottom: 1px solid rgba(255,255,255,0.15); box-shadow: 0 5px 10px rgba(0,0,0,0.2); z-index: 999; position: sticky; top:0 }

.tophead-right a p{ margin: 0px;color: #424242; font-size: 16px; font-weight: 700; }
.btn-outline-head { background-color: #2964BB; color: #ffffff !important; font-size: 13px; font-weight: 500; border-radius: 15px; padding: 8px 13px;}
.hero-section {background: #123F75; padding: 60px 0; width: 100%; background-size: cover; background-repeat: no-repeat;  position: relative;}
.herosection-layer { height: 100%; width: 100%; justify-content: center;
text-align: left; display: flex; flex-direction: column; overflow: hidden;} 
.hero-bg { position: absolute; bottom: -30px; right: 0px;}

.work-force-list ul { margin-left: 20px;}
.work-force-list ul li p { font-size: 17px; font-weight: 500; margin: 0px; color: #ffffff; display: flex; align-items: center;}
.work-force-list ul li p img { height: 12px;}
.work-force-list ul li { line-height: 35px;}
.banner-head-content h1 { color: #FFFFFF; font-size: 36px; font-weight: 400; margin: 0px;}
.banner-head-content h1 span { font-weight: 700;}
.touch-in-input label { color: #292929; font-size: 14px; font-weight: 400;}
.touch-in-input { margin-bottom: 10px;}
.touch-in-input input, .touch-in-input select { height: 35px; border: 0.5px solid #AFAEAE !important; background-color: rgba(232, 232, 232, 0.4) !important; color: #495057; font-size: 14px; width: 100%}
.touch-in-input textarea:focus { outline: none; box-shadow: none;}
.touch-in-input textarea { background-color:  rgba(232, 232, 232, 0.4) !important; width: 100%;border-color: rgba(175, 174, 174, 1) !important;  border: 0.5px thin rgba(175, 174, 174, 1); border-color:#495057; border-radius: 4px; color: #495057; font-size: 14px; height: 80px; padding-left: 10px}
.touch-in-input .input-group-prepend .btn {height: 35px; font-size: 14px; border: 1px solid rgba(175, 174, 174, 1); background: rgba(232, 232, 232, 0.4); border-radius: 4px 0px 0px 4px !important; }
.touch-in-input .input-group-prepend .dropdown-menu { width: 100%;}
.btn-send{ background: #407BFF; border: 0.5px solid #407BFF; color: #ffffff !important; font-size: 14px; border-radius: 22px; padding: 9px 0px; font-weight: 500;}
.touch-in-input .input-group>.input-group-append>.btn { height: 35px; border: 1px solid rgba(175, 174, 174, 1); background: rgba(232, 232, 232, 0.4); border-radius: 0px 4px 4px 0px !important; }
.touch-in-input .input-group>.input-group-append> .dropdown-menu { width: 100%;}
.banner-head-content h1 .colored{ background: linear-gradient( to right, #A470FF, #B475D6, #FC5CF4);  -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-weight: 800;}
.banner-head-content p { color: #ffffff; font-size: 16px; margin: 0px; font-weight: 300;}
.banner-touch-field { background: #FFFFFF; padding: 10px 20px; border-radius: 30px; padding-bottom: 30px;}
.banner-touch-head h2 { color: #353F54; font-size: 25px; font-weight: 700; margin: 0px;}
.banner-touch-head h2 img { height: 23px;}
/* ========================================================= */
.happy-customer-bg { position: relative; background: url(../images/happy-bg.png) top right no-repeat , url(../images/happy-bg.png) bottom left no-repeat; padding-bottom: 120px !important; background-size: 25%;}
/* .happy-customer-bg-2 {background-image: url(../images/happy-bg.png); background-repeat: no-repeat; background-position: bottom left; background-size: 25%;} */
.happy-cust-area { border: 1px solid #B7B7B7; background: #FFFFFF; padding: 45px 35px; border-radius: 30px; z-index: 109; box-shadow: -4px 11px 38px 1px rgba(45, 42, 61, 0.1);}
.happy-cust-area p { color: #000000; font-size: 34px; font-weight: 700;}
/* .happy-cust-area .happy-sponsers img { height: 70px; width: 100%; object-fit: contain;} */
.happy-sponsers ul li a img { height: 55px; width:100%; object-fit: contain;}
.happy-sponsers ul li { display: list-item; align-items: center; margin-right: 20px;}
.happy-sponsers ul li:last-child { margin-right: 0px;}
.happy-sponsers ul { display: flex; margin: 0px;}
.managing-contractual-worker { position: relative; margin-bottom: 80px;}
.managing-contractual-worker h1 { margin: 0px; color: #5740BB; font-size: 26px; font-weight: 700;}
.managing-contractual-worker img { position: absolute; left: 100px; top: -17px; height: 70px; width: 70px; border-radius: 100%;} 
/* .book-demo h1 { font-size: 32px; font-weight: 700; margin: 0px; background: linear-gradient( to right, #501E9C, #8169F1, #8169F1, #A44CEE, #FF847F);  -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.book-demo { padding: 60px 0px; }
.btn-book-demo { color: #ffffff !important; background: #7F05F9; padding: 15px 0px; border-radius: 50px; font-size: 15px; font-weight: 500;}  */

/* ================================================================= */
.attendance { margin-top: -100px; padding: 60px 0px; background: url(../images/attendence-bg.png) center right no-repeat; background-size: 52%;}
/*.attendence-sec-img img{ height: 500px;}*/
#accordion .card{background-color: #FBFBFB; border: none; border-radius: 0px;}
#accordion .card-header{background-color: #ffffff; border-bottom: none; }
#accordion .btn-link .why-button{float: right;}
#accordion .btn-link {font-weight: 700; font-size: 21px; color: #626262; width: 100%; text-align: left; padding: 0.375rem 0rem; text-decoration: none;}
/* #accordion .btn-link.collapsed {color: #191554;} */
#accordion .card-body{padding: 0px; background-color: #ffffff;}
#accordion .card-body p { margin: 0px 0 15px; font-size: 16px; color: #626262; font-weight: 500;}
#accordion .card-header {padding: 5px 0rem;}
#accordion .card-header .accordup { display: none; float: right;  width: 12px;  margin-top: 10px;  }
#accordion .card-header .accorddown { float: right; width: 14px; margin-top: 15px }
#accordion .card-header .collapsed .accorddown { display: none; float: right;  }
#accordion .card-header .collapsed .accordup { display: block; float: right;}
/* =================================================================== */
.manage-area-bg { padding: 70px; background: url(../images/manage-area-bg.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 550px;}
.manage-area-covr { background: rgba(255, 255, 255, 0.7); padding: 50px 40px;}
.manage-area-covr .border-left-div h1 { line-height: 55px; padding-left: 15px; font-size: 37px; font-weight: 600; margin: 0px; background: linear-gradient( to right, #501E9C, #8169F1, #8169F1, #A44CEE, #FF847F);  -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.manage-area-covr .border-left-div {padding-right: 80px; border-left: linear-gradient( #663FC2, #663FC2);}
.btn-book-demo-outline { background: transparent; border: 1px solid #000000; color: #000000 !important; padding: 10px 0px; font-size: 14px; font-weight: 600;}
.btn-book-demo-outline img { height: 10px; position: absolute; top: 18px; }
.manage-area-list { background: #F1F1F1; height: 540px; padding: 50px 40px;}
.manage-listing p { margin: 0px; color: #5B5B5B; font-size: 16px; font-weight: 600; align-items: center;} 
.manage-listing img {height: 15px; width: 15px; margin-right: 15px;}
.manage-listing {display: flex; align-items: center; margin-bottom: 13px;}
.manage-area-section { overflow: hidden;}
/* ============================================================ */
/* .first-scale-sec { padding: 60px 0px;} */
.subscale-section { background: url(../images/happy-bg.png) right 70%  no-repeat; background-size: 25%;}
.splash-head h1 { font-size: 36px !important; font-weight: 700 !important;}
.splash-head h1 span { font-size: 30px !important; font-weight: 700 !important;}
.trust-card { background-color: #ffffff; border: 1px solid rgba(237, 237, 237, 1); box-shadow: -4.104000091552734px 11.276000022888184px 38px 0px rgba(45, 42, 61, 0.1); padding: 30px 0px; border-radius: 15px; text-align: center;}
.trust-card img { height: 80px; width: 100%; object-fit: contain;}
.trust-head h1 { color: #000000; font-size: 40px; margin: 0px; font-weight: 700;}
.trust-head h1 span{background: linear-gradient( to right, #501E9C, #8169F1, #8169F1, #A44CEE, #FF847F);  -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 40px;}
.trust-us-section { background: #FFFFFF; position: relative;}
.sharp-n-sleek-sec .trust-head h1 span { font-size: 36px;}
.trust-head p {color: #6C6C6C; font-size: 19px; font-weight: 400; margin: 0px;}
.trust-head p span{color: #5729A9; font-weight: 700;}
.sharp-n-sleek-sec{ background: url(../images/sharp-sleek-bg.png) no-repeat; background-size: cover; background-position: bottom; height: 100%; width: 100%; padding: 30px 0px; padding-bottom: 100px;  overflow: hidden; position: relative;  margin-top: 150px;} 
.sharp-n-sleek-bg { margin-top: 100px;}
/* .sharp-n-sleek-img { height: 400px; width: 100%;} */
/* .sharp-n-sleek-img img { height: 100%; width: 100%; object-fit: contain;} */
/* ======================================================================= */
.ability-points p { font-size: 12px; margin: 0px; font-weight: 700; color: #212529; }
.ability-points img { margin-right: 15px; height: 25px; width: 25px; border-radius: 50px;}
.ability-points { padding-top: 10px;}
.scale-section { background: url(../images/splash-bg.png) left top no-repeat;}
/*.scale-img img { height: 370px;}*/

/* ========================================================================== */
.contact-us-section { justify-content: center; padding-left: 55px; background: linear-gradient( rgba(204, 104, 255, 1) , rgba(148, 104, 249, 1), rgba(92, 104, 242, 1)) ; min-height: 360px; width: 100%;  border-radius: 30px;  text-align: left; display: flex; flex-direction: column;}
/* .contact-head h1 { color: #FFFFFF; font-size: 23px; font-weight: 600; margin: 0px; margin-top: 80px;} */

/* .contact-sec { padding: 60px 0px;} */
/* ============================================================================= */
.presence-head h2 {color: #5740BB; font-size: 28px; font-weight: 800; margin: 0px; border-bottom: 0px solid transparent; background-image: url('../images/border-bottom.png'); background-repeat: no-repeat; background-position: bottom left; background-size: auto 15px; padding-bottom: 2px;}
.presence-text p { max-width: 240px; color: #777777; font-size: 18px; font-weight: 500; margin: 0px;}
/* .presence-img { height: 450px; width: 100%;} */
/* .presence-img img { height: 100%; width: 100%; object-fit: cover;} */
.with-360 { padding: 60px 0px;}
/* ================================================================================ */
.footer-text p { color: #777777; font-size: 12px; font-weight: 400; margin: 0px;}
 footer { padding-top: 0px !important; border-top: 0px; position: relative;} 
.copy-right-text p { font-size: 12px; color: #212529; font-weight: 400; margin: 0px;}
.copy-right-text p span { font-weight: 700;}
.footer-head h1{ font-size: 30px;}
.footer-head h1 span { font-size: 30px;}
.footer-sec-bg { position: absolute;}
/* .footer-content-sec {} */
.footer-text { margin-top: -20px;}
.footer-logo-img img{ height: 22px;}
.footer-content-row { padding-top: 120px;}
/* ================================================================================ */

/* ======================================================================================= */
.feature-field-box {  background-color: #ffffff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); font-size: 24px; font-weight: 700; color: #000000; padding: 12px 0px; border-radius: 10px; min-width: 170px;}
.mobile-hit-feild ul { margin: 0px; }
.mobile-hit-feild ul li { display: flex; align-items: center; font-size: 13px; font-weight: 500; color: #000000; padding-bottom: 10px;}
.mobile-hit-feild ul li:last-child { padding-bottom: 0px;}
.mobile-hit-feild ul li img { margin-right: 15px; height: 15px;}
.mobile-hit-feild { background: #ffffff; padding: 20px; box-shadow: 2px 4px 20px 2px #0000001A;}
.mobile-field-head h1 { font-size: 20px; color: #131272; font-weight: 600;}
.loved-by-head h1 { font-size: 32px;}
.loved-by-head h1 span { font-size: 32px;}
.loved-by-head p { font-size: 13px; max-width: 370px;}
.reviews-loved-img img { height: 40px;}
.reviews-loved h1 { font-size: 27px; font-weight: 700; color: #5842BC; margin: 0px;}
.reviews-loved p { font-size: 9px; color: #666666; font-weight: 400; margin: 0px;}
.review-btn { background: #5842BC; font-size: 12px; font-weight: 600; color: #ffffff !important; padding: 10px; border-radius: 50px;}
.highlighted-box { background: #ffffff; box-shadow: -4.104000091552734px 11.276000022888184px 38px 0px #2D2A3D1A; border-radius: 15px; padding: 20px; width: 420px;}
.highlighted-box p { font-size: 12px; font-weight: 700; margin: 0; color: #212529;}
.review-highlighted ul { margin: 0px;}
.review-highlighted ul li { padding-bottom: 15px;}
.review-highlighted ul li:nth-child(2) { margin-left: 100px;}
.loved-by-sec {  background: url(../images/object-loved-img.png) top 50% right 20% no-repeat; padding: 60px 0px;  background-color: #F8F8F9; background-size: 36%;}
/* .section-loved {padding: 60px 0px; } */
.business-improve-field { background: #ffffff; border-radius: 50px; box-shadow: 0px 4px 4px 0px #00000040; padding: 20px 50px;}
/* .business-img img{ height: 500px; }  */
/* .improve-business { padding: 60px 0px;} */
.business-bg{ background: url( ../images/bussiness-imp-bg.png) bottom 110px right no-repeat; background-size: 20%;}
.contact-sec-bubble-img { position: absolute; top: -30px;}
.contact-head h1 { font-size: 28px; font-weight: 500; color: #FFFFFF; line-height: 35px;}
.contact-head p { font-size: 16px; font-weight: 300 !important; color: #FFFFFF;}
.mail-contact input{ border: none; border-radius: 13px; padding: 32px 20px;}
.mail-contact { background: #ffffff; border-radius: 13px; position: relative; margin-right: 50px;}
.mail-contact .btn { position: absolute; top: 0px; right: 0px;}
.platform-features { background: url(../images/happy-bg.png) left bottom no-repeat; background-size: 25%;}
/* .business-img img { height: 550px;} */
.feature-mobile-feild {margin-top: 70px;}
.time-tracking-list ul li p img { height: 25px; border-radius: 50px; margin-right: 15px;}
.time-tracking-list ul li p { margin: 0px; color: #000000; font-size: 14px; font-weight: 600; align-items: center; display: flex;}
.time-tracking-list ul li { padding-top: 10px;}
/* .time-tracking-list ul  */
.btn-outline-head:hover { color: #2964BB !important; border: 1px solid #2964BB !important; background-color: #FFFFFF;}
.btn-send:hover { color: #407BFF !important; border: 1px solid #407BFF; background: #ffffff;}
.review-btn:hover { color: #5842BC !important; background: #ffffff; border: 1px solid #5842BC;}
.padd-max { padding: 60px 0px;}
.platform-tab .nav-tabs { border-bottom: 0px;}
.platform-tab .nav-tabs .nav-link {background-color: #ffffff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); font-size: 24px; font-weight: 700; color: #000000; border-radius: 10px; min-width: 170px; text-align: center; border: 4px solid #ffffff;}
.platform-tab .nav-tabs .nav-link.active {background: linear-gradient(white, white) padding-box, linear-gradient( #175ADC,#75ABFC) border-box; border-radius: 10px; border: 4px solid transparent;}
.attendence-sec-img img { max-height: 500px;}

.threeCollection .owl-item img { height: 45px; object-fit: contain; }

.owl-dots { 
	bottom: 5px;
	width: 100%;
	 margin-top: 30px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    text-align: center;
}
    
.owl-dot { 
	height: 8px;
	width: 8px;
	display: inline-block; 
	border: 2px solid #eee;
	margin-left: 5px;
	margin-right: 5px;
	background: #eee;
    border-radius: 50%;
}

.owl-dot.active {
	background: #5740BB;
	border: 2px solid #5740BB;
}