@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Bold.woff2') format('woff2'),url('Poppins/Poppins-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Black.woff2') format('woff2'),url('Poppins/Poppins-Black.woff') format('woff');font-weight: 900;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-BlackItalic.woff2') format('woff2'),url('Poppins/Poppins-BlackItalic.woff') format('woff');font-weight: 900;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Italic.woff2') format('woff2'),url('Poppins/Poppins-Italic.woff') format('woff');font-weight: normal;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-BoldItalic.woff2') format('woff2'),url('Poppins/Poppins-BoldItalic.woff') format('woff');font-weight: bold;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),url('Poppins/Poppins-ExtraBoldItalic.woff') format('woff');font-weight: 800;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-ExtraBold.woff2') format('woff2'),url('Poppins/Poppins-ExtraBold.woff') format('woff');font-weight: 800;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-ExtraLightItalic.woff2') format('woff2'),url('Poppins/Poppins-ExtraLightItalic.woff') format('woff');font-weight: 200;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-ExtraLight.woff2') format('woff2'),url('Poppins/Poppins-ExtraLight.woff') format('woff');font-weight: 200;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-LightItalic.woff2') format('woff2'),url('Poppins/Poppins-LightItalic.woff') format('woff');font-weight: 300;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Light.woff2') format('woff2'),url('Poppins/Poppins-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Medium.woff2') format('woff2'),url('Poppins/Poppins-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-MediumItalic.woff2') format('woff2'),url('Poppins/Poppins-MediumItalic.woff') format('woff');font-weight: 500;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Regular.woff2') format('woff2'),url('Poppins/Poppins-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-SemiBold.woff2') format('woff2'),url('Poppins/Poppins-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-Thin.woff2') format('woff2'),url('Poppins/Poppins-Thin.woff') format('woff');font-weight: 100;font-style: normal;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),url('Poppins/Poppins-SemiBoldItalic.woff') format('woff');font-weight: 600;font-style: italic;font-display: swap;}
@font-face {font-family: 'Poppins';src: url('Poppins/Poppins-ThinItalic.woff2') format('woff2'),url('Poppins/Poppins-ThinItalic.woff') format('woff');font-weight: 100;font-style: italic;font-display: swap;}

/* Comming Soon CSS */
.comming-soon-main{height: 100vh;width: 100%;justify-content: space-between;align-items: center;background: #1f88e780;}
.comming-soon-main .comming-header{width: 100%;justify-content: space-between;display: flex;align-items: center;padding-right: 40px;padding-left: 40px;padding-top: 20px;}
.comming-soon-main .comming-admin{display: flex;}
.comming-soon-main .comming-admin .admin-a{padding: 0 15px;background-color: #13538d;border-radius: 25px;min-width: 140px;height: 50px;font-size: 18px;color: #fff;line-height: 1.2;display: flex;align-items: center;justify-content: center;}
.comming-soon-main .comming-soon{display: flex;align-items: center;justify-content: center;}
.comming-soon-main .comming-soon h3{font-family: Poppins-Thin;font-size: 72px;line-height: 1.1;color: rgb(19 83 141);text-transform: uppercase;letter-spacing: 15px;}
.comming-soon-main .comming-soon-social{display: flex;align-items: center;justify-content: center;}
.comming-soon-main .comming-soon-social a{color: #13538d;font-size: 38px;margin: 10px;}
/* Comming Soon CSS */

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); */
body{font-family:'Poppins',sans-serif;font-size:16px;font-weight:400;color:#666666;background:#ffffff;line-height:normal;}
a{text-decoration:none!important;transition:all 0.2s ease!important;cursor:pointer;}
p:nth-last-child(1){margin-bottom:0!important;}
.font-12{font-size:12px!important;}
.font-13{font-size:13px!important;}
.font-14{font-size:14px!important;}
.font-15{font-size:15px!important;}
.font-16{font-size:16px!important;}
.font-17{font-size:17px!important;}
.font-18{font-size:18px!important;}
.font-20{font-size:20px!important;}
.font-22{font-size:22px!important;}
.font-24{font-size:24px!important;}
.font-28{font-size:28px!important;}
.font-36{font-size:36px!important;}
.font-34{font-size:34px!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.border-r30{border-radius:30px!important;}
.border-r12{border-radius:12px!important;}
.border-r0{border-radius:0px!important;}
.outline-0{outline:0!important}
.color-blue{color:#1F2744;}
.color-black{color:#252525;}
.color-grey{color:#666666;}
.color-white{color:#ffffff!important;}
.color-yellow{color:#F9B421;}
.bg-yellow{background:#F9B421!important;}
.bg-grey{background:#F2F2F2!important;}
.bg-blue{background:#1F2744!important;}
.shadow-1{box-shadow:0 15px 30px rgb(0 0 0 / 20%);}
.shadow-2{box-shadow:0 10px 25px rgb(0 0 0 / 15%);}
.add-transition{transition:all 0.2s ease!important;}
.list-none{list-style:none;}
.py-100{padding:100px 0px;}
.py-80{padding:80px 0px;}
.pb-80{padding-bottom:80px;}
.btn-yellow{background:#F9B421;color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:center;min-width:140px;border-radius:30px;height:50px;border:1px solid #f9b421;outline:0!important;font-size:18px;}
.btn-blue-product{background:#1F2744;color:#F9B421;padding:10px 20px;display:flex;align-items:center;justify-content:center;min-width:140px;border-radius:30px;height:50px;border:1px solid #1F2744;outline:0!important;font-size:18px;}
.btn-yellow.active,.btn-yellow:hover{color:#f9b421;background:transparent;border-color:#f9b421;}
.btn-yellow.add-round{border-radius:30px!important;}
.btn-yellow.call-to {min-width:50px;}
.btn-yellow.add-new {width:fit-content;}
h1,h2,h3{font-size:60px;font-weight:700;color:#1C2442;}
h2{font-size:40px;}
h3{font-size:28px;}
a:hover{color:inherit;}
.mb-5{margin-bottom:5px!important;}
.mb-15{margin-bottom:15px!important;}
.mb-30{margin-bottom:30px!important;}
.btn-yellow.working-btn{background:#1A8AD4!important;color:#fff!important;border:1px solid #1A8AD4;}
.btn-yellow.complete-btn{background:#16BE84!important;color:#fff!important;border:1px solid #16BE84;}
.btn-yellow.delivered-btn{background:#06573a!important;color:#fff!important;border:1px solid #06573a;}
.btn-yellow.pending-btn{background:#D5B01E!important;color:#fff!important;border:1px solid #D5B01E;}
.btn-yellow.cancel-btn{background:#D5311E!important;color:#fff!important;border:1px solid #D5311E;}
label.error{color:#D5311E;}
.btn-white {background:transparent;color:#1f2744;font-size:18px;width:130px;min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #cbcbcb;}

/*header*/
.navbar-light .navbar-brand img.img-fluid{max-width:130px;}
a.navbar-brand{margin:0;z-index:4;}
.navbar-collapse{z-index:4;}
a.navbar-brand img{max-width:140px;margin:0;}
.nav-item a:hover{color:#f9b421;}
.add-link a:hover{color:#f9b421;}
button.h-search-btn{background:url(../images/header-search.svg) no-repeat center/70%;width:30px;height:30px;outline:0!important;box-shadow:none!important;border:0!important;font-size:0;}
.header-menu .slide-search{width:0px;padding:0px;position:absolute;right:30px;overflow:hidden;transition:all 0.3s ease;z-index:2;border:0px solid transparent;border-radius:30px;height:45px;}
.search-show .slide-search{width:300px;padding:0 15px;overflow:hidden;border-radius:30px;border:1px solid #f9b421;box-shadow:none;}
.header-menu nav.navbar:before{position:absolute;left:0;right:5px;bottom:0;background:#fff;content:"";border-radius:80px;height:65px;top:50%;transform:translateY(-50%);z-index:3;}
.op-05{opacity:0.5;}
.add-link{display:inline-block;position:relative;z-index:9;}
.add-link a:before{content:"";background:#f9b421;height:2px;position:absolute;width:170px;right:100%;top:50%;margin-right:15px;transform:translateY(-50%);}
.header-menu .user-login .dropdown-item{display:block;width:100%;padding:10px 0;font-weight:500;color:#212529;text-align:right;background-color:transparent;border:0;word-break:break-all;white-space:normal;border-bottom:1px solid #ccc;}
.header-menu .user-login .dropdown-item:hover{color:#f9b421;}
.user-login-btn:before { margin-right: 15px; background: url(../images/arrow-down-sign.png) no-repeat right top 0px; background-size: 14px; display: inline-block; content: ""; position: absolute; width: 14px; height: 14px; right: -19px; top: 17px;}
/*homepage*/
.index-page.content{margin-top:-154px;}
.homepage-banner-section{height:800px;display:inline-block;width:100%;}
.homepage-banner-section img{width:100%;object-fit:cover;mask-image:url(../images/bg2.svg);-webkit-mask-image:url(../images/bg2.svg);-moz-mask-image:url(../images/bg2.svg);background-position:center;-webkit-mask-position:bottom;height:800px;width:100%;object-fit:cover;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;}
.top-banner-section  .container{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:right;}
.batter-way-box{width:20%;padding:0 15px;margin-bottom:30px;text-align:center;}
.batter-way-img img{max-width:90px;max-height:90px;}
.batter-way-box-wrap a{box-shadow:0 15px 30px rgb(0 0 0 / 20%);text-align:center;padding:45px 0 0;min-height:250px;}
.who-we-are:before{position:absolute;right:0;top:0;content:"Who we are";font-size:75px;font-weight:600;opacity:0.08;}
.who-we-are-text{background:#F6F6F7;padding:30px 20px 30px 60px;margin-left:-215px;border-radius:0 40px 40px 0;}
.who-we-are-box{z-index:1;}
.book-now{display:inline-block;position:absolute;bottom:-20px;transform:scale(0);transition:all 0.2s ease;left:0;right:0;}
.batter-way-box-wrap a:hover .book-now{transform:scale(1);}
.batter-way-box .btn-yellow{min-width:120px;height:47px;font-size:16px;display:inline-block;overflow:hidden;}
.batter-way-box-wrap a:hover{background:#1c2442!important;transform:scale(1.06);}
.batter-way-box-wrap a:hover h3{color:#fff!important;}
.how-it-work{background:url(../images/bg-shape-1.svg) no-repeat;background-position:bottom center;background-size:cover;padding:100px 0 170px;}
.how-it-work-row img{max-width:194px;}
.team-profile-img img{width:100%;max-height:380px;object-fit:cover;object-position:top;filter:grayscale(100%);}
.team-profile-img:hover img{filter:grayscale(0%);}
.team-profile:hover h3{color:#f9b421;}
.description .add-link a:before{display:none;}
.get-our-app:before{position:absolute;content:"";background:linear-gradient(90deg,rgba(249,180,33,1) 75%,rgba(255,255,255,1) 75%);top:20%;right:0;bottom:20%;left:0;height:60%;}
.enter-phone input.form-control{height:50px;outline:0;border:0;border-radius:6px 0 0 6px;box-shadow:none!important;width:280px;}
.enter-phone button.send-link.btn-blue{height:50px;outline:0;border:0;padding:5px 15px;border-radius:0 6px 6px 0px;background:#2b305e;color:#fff;}
.get-our-app-social a{max-width:160px;display:block;}
.testmonial-img img{width:282px;border-radius:50%;position:relative;right:0px;top:-10px;}
.testmonial-img{width:280px;height:280px;border:4px solid #F9AE07;border-radius:50%;background:#F9AE07;margin:0 auto;}
.how-it-work-grid .slick-arrow{width:75px;height:75px;background:#f9ae07;z-index:99;border-radius:50%;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;position:absolute;top:50%;transform:translateY(-50%);border:0!important;font-size:0;outline:0!important;}
#admin-banners img, #supplier-about-me img{border-radius:20px;margin:10px;}
button.slick-next.slick-arrow{right:-25px;background:#f9ae07 url(../images/right-arrow.png) no-repeat center /25px;}
button.slick-prev.slick-arrow{left:-25px;background:#f9ae07 url(../images/left-arrow.png) no-repeat center /25px;}
button.slick-prev.slick-arrow:hover{left:-25px;background:#ffffff url(../images/left-arrow-hover.png) no-repeat center /25px;}
button.slick-next.slick-arrow:hover{right:-25px;background:#ffffff url(../images/right-arrow-hover.png) no-repeat center /25px;}
.ui-datepicker .ui-datepicker-prev span{color: transparent;background:#f9ae07 url(../images/left-arrow.png) no-repeat center /15px;border-radius: 10px;}
.ui-datepicker .ui-datepicker-next span{color: transparent;background:#f9ae07 url(../images/right-arrow.png) no-repeat center /15px;border-radius: 10px}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled span{color: transparent;background:#707070 url(../images/left-arrow.png) no-repeat center /15px;border-radius: 10px;}
.ui-datepicker .ui-datepicker-next.ui-state-disabled span{color: transparent;background:#707070 url(../images/right-arrow.png) no-repeat center /15px;border-radius: 10px}
.batter-way-box-wrap a img.hover-img{display:none;}
.batter-way-box-wrap a:hover img.hover-img{display:block;}
.batter-way-box-wrap a:hover img{display:none;}
.how-it-work-grid .slick-arrow:hover{background:#fff;}
.how-it-work-grid .slick-arrow:hover:before{color:#f9ae07;}
.testmonial-user{padding:40px 30px;}
.footer{background:url(../images/footer-bg.svg) no-repeat top center/cover;padding:80px 0 40px;}
.footer-social a{width:40px;height:40px;padding:10px;border-radius:50%;}
.footer .enter-phone input.form-control{width:182px;}
.footer-logo .footer-logo-img img{max-width:130px;}
.footer-link{margin-top:75px;}
.footer .enter-phone button.send-link.btn-blue{background:#f9b421;width:60px;padding:0 15px 0 15px;}
.footer-link a:hover{color:#f9b421!important;}
.footer-wrap{max-width:1300px;}
.testmonial-img img{width:242px;}
.testmonial-img{width:240px;height:240px;}
.btn-yellow.form-btn{border-radius:6px;}
.forgot-pass{position:absolute;top:0;right:0;}
.login-model .modal-dialog{max-width:920px;}
.login-model .modal-body{background:#fff;padding:0;}
.login-model .modal-content{background:transparent;border:0;padding:20px 15px;}
.login-model .login-model-form{padding:60px 30px;}
.register-model .login-model-form{padding:60px 30px 60px 0;}
.login-model img.img-fluid{height:100%;object-fit:fill;}
.login-model .login-model-img{height:100%;}
.modal .close{font-size:40px;font-weight:400;color:#fff;text-shadow:none;padding:0 0;margin-left:auto;width:40px;height:40px;display:block;background:#f9b421;opacity:1;border-radius:50%;position:relative;top:-10px;}
.modal-open .modal{padding:0!important;}
.modal{overflow-x:hidden;overflow-y:auto;}
.form-group .form-control{font-size:14px;height:45px;box-shadow:none!important;outline:0!important;}
button.user-login-btn {width: 50px; height: 50px; padding: 0; border: 0!important; border-radius: 50%; overflow: hidden; box-shadow: none!important; outline: 0!important; transition: all 0.2s ease; margin-right: 15px;}
.dropdown.show .user-login-btn::before { transform: rotateX(180deg);}
.login-model .user-types div i{font-size:80px;color:#F9B421;cursor: pointer;border-radius:50%;}
.login-model .user-types div i.selected{border:#1F2744 5px solid;}


.user-login{padding-right:0px;display:flex;align-items:center;}
.navbar-expand-lg .navbar-nav .dropdown-menu{border:0;position:absolute;left:-140px;width:230px;padding:20px 15px;background:#fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu.flag-dropdown{left:-5px; width:70px; min-width: 1rem; padding: 10px 10px;}
.header-menu .dropdown-menu.flag-dropdown .dropdown-item{text-align: center;}
.banner-search{position:absolute;z-index:3;bottom:-30px;width:800px;margin:0 auto;background:#fff;padding:15px 15px;border-radius:50px;box-shadow:0 15px 30px rgb(0 0 0 / 20%);left:0;right:0;}
.banner-search input.form-control{width:calc(100% - 155px)!important;margin-right:15px;border-radius:40px;height:50px;padding:10px 26px;outline:0!important;box-shadow:none!important;}
.index-page.about-page .who-we-are-text{border-radius:0 30px 0 0;}
.index-page.about-page .who-we-are-text.who-we-are-text-bottom{border-radius:0 0px 30px 30px;}

/*about-us*/
.top-banner-section img.img-fluid{height:660px;object-position:top;}
.top-banner-section{height:660px;}
.top-banner-section .banner-title{padding-right:80px;}
.booking-service{padding:20px 30px;border-radius:12px;margin-bottom:20px;}
.booking-service-name{width:calc(100% - 140px);}
.booking-summery-wrap{min-height:180px;}
.booking-service-total{margin-top:100px;border-top:2px solid #707070;padding-top:15px;}
.homepage-banner-section .homepage-banner >  .container{position:absolute;top:55%;transform:translateY(-50%);left:0;right:0;text-align:right;max-width:1240px;}

/*profile*/
.profile-form{padding:60px 60px;border-radius:12px;max-width:900px;margin:80px auto 0;}
.profile-user{width:170px;height:170px;border-radius:50%;overflow:hidden;margin:-130px auto 40px;}
.profile-user img{width:100%;height:100%;object-fit:cover;}

/*contact-detail*/
.enter-address-wrap .form-group .form-control{border:0;border-bottom:1px solid #ced4da;border-radius:0;padding:10px 0;}
.contact-address-link li.contact-location{background:url(../images/location.png) no-repeat left top 5px/22px;}
.contact-address-link li.contact-mail{background:url(../images/mail.png) no-repeat left top 5px/22px;}
.contact-address-link li.contact-mail a{word-break:break-word;}
.contact-address-link li.contact-call{background:url(../images/call.png) no-repeat left top 5px/22px;}
.contact-address-link li{padding:5px 0 5px 30px;}
.contact-address-link li a:hover{color:#F9B421;}
textarea.form-control{min-height:150px;resize:none;}

/*faq*/
.faq button.faq-link{width:100%;text-align:left;padding:15px 30px 15px 15px;border:0;outline:0;box-shadow:none;border:1px solid #F9B421;border-radius:6px;background:#F9B421 url(../images/arrow-up-sign.png) no-repeat right 15px top 20px/15px;color:#252525;font-weight:500;}
.faq button.faq-link.collapsed{border:1px solid #c1c1c1;color:#666666;background:transparent url(../images/arrow-down-sign.png) no-repeat right 15px top 20px/15px;}
.faq button.faq-link:before{font-size:20px;display:inline-block;counter-increment:section;content:counter(section) ".";}
.faq-wrap{counter-reset:section;}
.services-tabs .nav-tabs li.nav-item{padding:10px 10px;}
.services-tabs .nav-tabs a.nav-link{background:transparent;color:#1C2442;padding:10px 20px;display:flex;align-items:center;justify-content:center;min-width:140px;border-radius:30px;height:50px;border:1px solid transparent;outline:0!important;font-size:18px;font-weight:500;}
.services-tabs .nav-tabs a.nav-link.active{background:#F9B421;border:1px solid #f9b421;color:#fff;}
.services-tabs ul.nav{border-radius:60px;}
.services-tabs-wrap{border-radius:60px;margin-bottom:60px;}

/*supplier-list*/
.supplier-img{width:180px;height:180px;}
.supplier-img img{width:100%;border-radius:6px;height:100%;object-fit:cover;}
.supplier-img-text{box-shadow:0 15px 30px rgb(0 0 0 / 20%);background:#fff;padding:15px 20px 15px 35px;min-height:138px;width:calc(100% - 155px);border-radius:0 6px 6px 0;margin-left:-15px;}
.supplier-img, .product-img{position:relative;}
.product-img{width:140px;height:140px;}
.product-img img{width:100%;border-radius:50%;height:100%;object-fit:cover;}
.product-img-text{box-shadow:0 15px 30px rgb(0 0 0 / 20%);background:#fff;padding:15px 20px;min-height:138px;width:calc(100% - 120px);border-radius:0 6px 6px 0;margin-left:-15px;}
.product-img-text .product-img-add .button{display: flex;justify-content: center;}
.product-img-text .product-img-add .form-control{padding:0;}
.product-img-text .product-img-add .button .btn-blue-product{min-width: 80px;height: 30px;font-size: 14px;padding: 10px;}
.product-img-text .product-img-add .button .btn-blue-product.plus-minus{min-width: 30px;}
.product-img-text .product-img-add input.form-control{background-color: #FFF;}
.product-img-text .product-img-plus-minus{display: none;}
.rating{background:url(../images/star.png) no-repeat center left/16px;padding-left:20px;}
.supplier-list{margin-bottom:40px;}
.services-detail-section{padding:40px 40px 50px;display:block;width:calc(100% - 40px);margin:0 auto;border-radius:0 0 12px 12px;}
.supplier-detail-page .services-description p{word-break:break-word;}
.services-info li.list-none{min-width:200px;display:flex;justify-content:flex-start;margin-right:15px;margin-bottom:10px;}
.services-file a.pdf-file{background:#1F2744 url(../images/pdf-icon.png) no-repeat left 12px center/25px;padding:15px 15px 16px 50px;color:#fff;border-radius:6px;display:flex;font-size:18px;min-width:200px;height:60px;align-items:center;justify-content:flex-start;}
.services-user-comments{width:calc(100% - 72px);}
.services-review-button{display:inline-block;margin:20px 0 0 72px;}
.services-user-img img{width:57px;height:57px;object-fit:cover;border-radius:50%;}
.services-user-img{margin-right:15px;}
.services-review-user .services-user{border-bottom:1px solid #EAEAEA;padding-bottom:20px;margin-bottom:20px;}
.services-review-user .services-user:nth-last-child(1){border:0;margin-bottom:0;}
.services-type p{color:#4CB112;}
.sub-services-logo{width:270px;margin-top:-80px;padding:8px;height:270px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:12px;margin-bottom:15px;overflow:hidden;}
.sub-services-logo img{max-width: 120px;}
.sub-services-logo .color-white{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sub-services-head{display:flex;align-items:flex-start;flex-wrap:wrap;}
.sub-services-wrapper{padding:30px 15px 15px;margin-top:40px;border-radius:30px;position:relative;}
.sub-services-text{width:calc(100% - 290px);}
.sub-services-img img{display:inline-block;width:100px;height:100px;object-fit:cover;border-radius:50%;}
.sub-services-img.mb-3{margin-top:-60px;}
.sub-services-list{min-height:152px;text-align:center;padding:15px 15px;border-radius:12px;margin-bottom:80px;}
.sub-services-head{display:flex;align-items:flex-start;flex-wrap:wrap;}
.sub-services-list-wrap{padding:75px 60px 0;}
.hover-arrow{background:url(../images/arrow-down-sign-yellow.png) no-repeat center/40px;width:40px;height:0px;margin:0 auto;position:relative;bottom:-30px;transition:all 0.2s ease;}
.sub-services-list:hover .hover-arrow{height:40px;}
.sub-services-wrapper:before{position:absolute;content:"";background:#F4F4F5;left:0;right:0;top:0;bottom:-150px;z-index:-1;border-radius:30px;}

/*datepicker*/
.tip-service-provider .tip-radio input{display:none;}
.tip-service-provider .tip-radio label{cursor:pointer;background:transparent;border-radius:10px;padding:12px 20px;width:100%;text-align:center;transition:background 0.2s ease-in;border:1px solid #bdbdbd;}
.tip-service-provider .tip-radio input[type="radio"]:checked + label{background:#F9B421;color:#fff;border-color:#F9B421;}
.tip-service-provider .tip-radio input[type="radio"]:disabled + label{background:#707070;color:#fff;border-color:#707070;}
.ui-datepicker-title{font-size:25px;font-weight:600;color:#212847;text-align:center;}
.book-date-section table.ui-datepicker-calendar{width:100%;text-align:center;}
.book-date-section table.ui-datepicker-calendar tr th{font-size:17px;font-weight:500;color:#212847;text-align:center;}
.book-date-section table.ui-datepicker-calendar tbody tr td a {font-size: 17px; font-weight: 500; color: #666666; text-align: center; padding: 6px; border-radius: 50%; width: 37px; height: 37px; background: transparent; min-width: 35px; display: inline-block; }
.book-date-section table.ui-datepicker-calendar tbody tr td a.ui-state-active {background: #f9b421; color: #FFF;}
.book-date-section table.ui-datepicker-calendar tbody tr td{height:50px;}
.book-date-section .ui-datepicker-header .ui-corner-all{font-size:16px;font-weight:500;color:#212847;text-align:center;}
.book-date-section .ui-datepicker-header{position:relative;margin-bottom:40px;}
.book-date-section .ui-datepicker-header .ui-corner-all{font-size:16px;font-weight:500;color:#212847;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}
.book-date-section .ui-datepicker-header a.ui-datepicker-next.ui-corner-all{right:35px;}
.book-date-section .ui-datepicker-header a.ui-datepicker-prev.ui-corner-all{left:35px;}
.book-date-section{min-height:460px;}
.tip-radio { padding-right: 15px;}

/*payment*/
.select-card-section .form-group label {background: #F2F2F2; font-size: 19px; font-weight: 400; color: #1c2442; padding: 15px 30px; width: 100%; cursor: pointer; letter-spacing: 6px;}
.select-card-section .form-check-input {width: 0;}
.payment-detail-page .booking-summery-wrap {min-height: auto; margin-bottom: 30px !important; font-weight: 600;}
.total-payment {border-top: 2px solid #f2f2f2; padding-top: 15px;}
.select-card-section .form-group a {max-width: 18px; width: 18px; position: absolute;  top: 50%; transform: translateY(-50%); right: 15px;}
.confirm-head-icon {width: 100px; height: 100px; margin: 0 auto 30px;}
.confirm-model {max-width: 460px; margin: 0 auto; padding: 60px 14px;}
.confirm-desc {border-top: 1px solid #bcbcbc; margin-top: 25px; padding-top: 25px;}
.modal-backdrop.show {opacity: 0.95; background: #1D2545;}
.otp-submit form .form-group { width: 25%; padding: 0 10px;}
.otp-submit form {display: flex;}
.otp-submit form .form-group input.form-control {border: 0; border-bottom: 2px solid #bcbcbc; border-radius: 0; padding: 0; text-align: center;}
.confirm-desc-title img.las.la-star {display: block; width: 100%;}
.confirm-desc-title .rating-container .star {display: inline-block; margin: 0 2px; text-align: center; width: 35px;}
.submit-rating .form-group .form-control {font-size: 14px; height: 45px; outline: 0!important; box-shadow: 0px 5px 16px rgb(0 0 0 / 20%); padding: 15px 15px;}
.booking-service-btn {width: 140px;}
.payment-name .payment-text{text-align:right;}
.team-profile {margin-bottom: 100px;}

.only-1-line{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.only-2-line{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cursor-pointer{cursor: pointer;}
.services-info .services-info-title .only-1-line{max-width: 300px;}

/* Send Message */
.chat-div{ height: 100vh; border: 1px solid #b5b5b5; border-radius: 1rem; display: flex;}
.chat-div .chat-area .chat-header{ position: relative; background: #F2F2F2; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.chat-div .chat-area .chat-header .avatar{ position: relative; width: 70px; height: 70px; white-space: nowrap; cursor: pointer; display: inline-flex; font-size: .8rem; justify-content: center; align-items: center; }
.chat-div .chat-area .chat-header .avatar img{ width: 100%; max-width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; z-index: 1; object-fit: cover; }
.chat-div .chat-area .chat-header h5{ color: #212847; font-weight: 700; }
.chat-div .chat-area .chat-section{ position: relative; height: calc(100% - 6.9rem); border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.chat-div .chat-area .chat-section .chat-messages{ height: 100%; padding-bottom: 90px; overflow: hidden; overflow-y: auto; }
.chat-div .chat-area .chat-section .chat-messages::-webkit-scrollbar{ width: 5px; }
.chat-div .chat-area .chat-section .chat-messages::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }
.chat-div .chat-area .chat-section .chat-messages::-webkit-scrollbar-thumb { background: #212847; border-radius: 10px; }
.chat-div .chat-area .chat-section .chat-messages .chat-user-message{ max-width: 500px; border-radius: 10px; }
.chat-div .chat-area .chat-section .chat-messages .chat-user-message.talk-bubble{ display: inline-block; position: relative; height: auto; }
.chat-div .chat-area .chat-section .chat-messages .chat-left-message .chat-user-message{ background-color: #efefef; color: #666666; }
.chat-div .chat-area .chat-section .chat-messages .chat-right-message .chat-user-message{ background-color: #212847; color: #FFFFFF; }
.chat-div .chat-area .chat-section .chat-messages .chat-right-message { float: right; }
.chat-div .chat-area .chat-section .chat-messages .chat-user-message.talk-bubble.tri-right.left-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: -10px; right: auto; top: 0px; bottom: auto; border: 10px solid; border-color: #efefef transparent transparent transparent; }
.chat-div .chat-area .chat-section .chat-messages .chat-user-message.talk-bubble.tri-right.right-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -10px; top: 0px; bottom: auto; border: 10px solid; border-color: #212847 transparent transparent transparent; }

.chat-div .chat-area .chat-section .chat-send-message { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; z-index: 9; border-bottom-right-radius: 4px; width: calc(100% - 5px); }
.chat-div .chat-area .chat-section .chat-send-message .message-send-div { border: 1px solid #e2e2e2; border-radius: 50px; padding: 0.5rem; }
.chat-div .chat-area .chat-section .chat-send-message .message-send-div .send-message-text { border: none; outline: none; padding: 0.375rem 0.75rem; height: 2.3rem; overflow: hidden; overflow-y: auto; }
.chat-div .chat-area .chat-section .chat-send-message .message-send-div .send-message-text:focus { box-shadow: none; }
.chat-div .chat-area .chat-section .chat-send-message .message-send-div .send-message { color: #F9B421; font-size: 40px; cursor: pointer; }

/* Loader */
.loading-div {display: none; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5); overflow: auto; z-index: 99999;}
.loading-div .loading-loader {position: fixed; top: 50%!important; left: 43%!important; display: flex; justify-content: center; align-items: center; height: 55px; margin-left: 10px;}
.loading-div .loading-loader .loader{width: 100px; height: 100px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #1F2744 #1F2744 transparent transparent; animation: rotation 1s linear infinite;}
.loading-div .loading-loader .loader:after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent transparent #F9B421 #F9B421; width: 80px; height: 80px; border-radius: 50%; animation: rotationBack 0.4s linear infinite; transform-origin: center center; }
.loading-div .loading-loader .loader:before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent transparent #1F2744 #1F2744; width: 60px; height: 60px; border-radius: 50%; animation: rotation 0.7s linear infinite; transform-origin: center center;}
@keyframes rotation { 0% {transform: rotate(0deg);} 100% { transform: rotate(360deg); } }
@keyframes rotationBack { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }

/* User Alerts */
.user-alerts{position: fixed; z-index: 999; top: 2%; right: 30px;}
.user-alerts .alert{display: none;}
.select-pin-div{ width: 100%; height: 400px; }

/*responsive*/
@media only screen and (max-width:1920px) and (min-width:1440px){
	.container{max-width:1440px;}
}
@media only screen and (max-width:1800px){
	/*homepage*/
	.homepage-banner-section img{height:720px;}
	.homepage-banner-section{height:720px;}
}
@media only screen and (max-width:1700px){
	/*homepage*/
	.homepage-banner-section img{height:620px;}
	.homepage-banner-section{height:620px;}
}
@media only screen and (max-width:1600px){
	/*homepage*/
	.footer-wrap{max-width:1140px;}
	.top-banner-section img.img-fluid{height:480px;}
	.top-banner-section{height:480px;}
}
@media only screen and (max-width:1440px){
	h3{font-size:24px;}
	.book-date-section .ui-datepicker-header a.ui-datepicker-next.ui-corner-all { right: 50px;}
	.book-date-section .ui-datepicker-header a.ui-datepicker-prev.ui-corner-all { left: 50px;}
	/*homepage*/
	.homepage-banner-section img{height:540px;}
	.homepage-banner-section{height:540px;}
	.py-80{padding:60px 0px;}
	.banner-title{padding-left:80px;}
	.banner-title h1{font-size:42px;}
	.homepage-banner-section .homepage-banner > .container{max-width:1140px;}
	.supplier-img{width:140px;height:140px;}
	.supplier-img-text{padding:10px 20px 10px 35px;width:calc(100% - 105px);min-height:120px;}
	.product-img{width:100px;height:100px;}
	.product-img-text{padding:10px 20px;width:calc(100% - 80px);min-height:120px;}
	.who-we-are-text{top:90px;}

	/*sub-services*/
	.sub-services-logo{width:180px;height:180px;}
	.sub-services-logo img{max-width:80px;}
	.sub-services-list-wrap{padding:75px 30px 0;}
	.team-profile { margin-bottom: 60px;}
}
@media only screen and (max-width:1200px){
	/*homepage*/
	h1{font-size:38px;}
	h2{font-size:28px;}
	.who-we-are:before{font-size:120px;}
	.pb-80{padding-bottom:60px;}
	.how-it-work-row img{max-width:160px;}
	.how-it-work{padding:100px 0 100px;}
	.font-24{font-size:22px!important;}
	.py-100{padding:80px 0px;}
	.footer-wrap{max-width:1080px;}
	.homepage-banner-section img{height:440px;}
	.homepage-banner-section{height:440px;}
	.header-menu a.navbar-brand img{max-width:120px;}
	.header-menu  .btn-yellow{min-width:120px;height:47px;}
	.header-menu nav.navbar:before{height:60px;}
	.header-menu ul li.nav-item a.nav-link{font-size:16px!important;}
	.banner-title h1{font-size:36px;}
	.who-we-are-text.description p{font-size:15px;}
	.who-we-are-text{margin-left:-180px;border-radius:0 40px 40px 0;position:relative;top:70px;}
	.who-we-are:before{font-size:60px;}
	.how-it-work-row img{max-width:120px;}
	.batter-way-box-wrap a{padding:30px 0 0;}
	.batter-way-box .btn-yellow{min-width:100px;height:40px;font-size:14px;}
	.team-profile-img img{max-height:320px;}
	.footer .enter-phone input.form-control{width:150px;font-size:14px;}
	button.user-login-btn{width:50px;height:50px;}
	.top-banner-section img.img-fluid{height:400px;}
	.top-banner-section{height:400px;}
	.banner-search{width:720px;}
	.book-date-section .ui-datepicker-header a.ui-datepicker-next.ui-corner-all { right: 15px;}
	.book-date-section .ui-datepicker-header a.ui-datepicker-prev.ui-corner-all { left: 15px;}
	.book-date-section .ui-datepicker-title { font-size: 20px;}
	.tip-service-provider .tip-radio label { padding: 12px 10px; }
	.team-profile { margin-bottom: 40px;}
}
@media only screen and (max-width:1199px){
	.font-12{font-size:11px!important;}
	.font-13{font-size:12px!important;}
	.font-14{font-size:13px!important;}
	.font-15{font-size:14px!important;}
	.font-16{font-size:15px!important;}
	.font-17{font-size:15px!important;}
	.font-18{font-size:16px!important;}
	.font-20{font-size:18px!important;}
	.homepage-banner-section .homepage-banner > .container{max-width:960px;}
	.our-services-page .batter-way-box{width:33%;}
	.supplier-img{width:120px;height:120px;}
	.supplier-img-text{padding:10px 15px 10px 30px;min-height:105px;}
	.select-card-section .form-group label { padding: 15px 15px; letter-spacing: 5px;}
	.product-img{width:80px;height:80px;}
	.product-img-text{min-height:105px;}
}
@media only screen and (max-width:991px){
	h3{font-size:24px;}
	.font-24 { font-size: 20px!important;}
	.font-20{font-size:18px!important;}
	.homepage-banner-section .homepage-banner > .container{max-width:720px;}
	/*homepage*/
	.footer{padding:40px 0 20px;}
	.footer-link{margin-top:20px;}
	.footer-logo .description{max-width:70%;}
	.how-it-work-grid .slick-arrow{width:50px;height:50px;}
	.how-it-work-grid button.slick-next.slick-arrow{right:-5px;}
	.how-it-work-grid button.slick-prev.slick-arrow{left:-5px;}
	.testmonial-img{width:160px;height:160px;}
	.testmonial-img img{width:160px;}
	.py-100{padding:60px 0px;}
	.batter-way-box{width:33%;}
	.get-our-app:before{top:80px;bottom:80px;height:auto;}
	.team-profile{margin-bottom:30px;}
	.who-we-are-text{margin-left:0;border-radius:0;position:static;padding:20px;}
	.who-we-are-box{max-width:50%;}
	.who-we-are:before{font-size:50px;}
	.enter-phone input.form-control{width:200px;}
	.how-it-work{padding:80px 0 60px;}
	.header-menu nav.navbar:before{display:none;}
	.homepage-banner-section img{height:400px;}
	span.icon-bar{background-color:#1f2744;transition:all 0.4s ease;width:25px;height:3px;display:inline-block;margin-bottom:5px;}
	.navbar-toggler{z-index:99;position:absolute;right:15px;height:36px;top:37px;display:flex;flex-direction:column;outline:0!important;box-shadow:none!important;}
	.index-page.content{margin-top:0;}
	.header-menu nav.navbar{padding:10px 15px;}
	.header-menu a.navbar-brand img{max-width:80px;}
	.homepage-banner-section img{height:400px;-webkit-mask-size:cover;}
	.banner-title{padding-left:40px;}
	.banner-title h1{font-size:32px;}
	.navbar-collapse{background:#fff;position:fixed;top:0;left:0;right:0;}
	.navbar-collapse ul{height:100vh;padding:82px 15px 30px;}
	.header-menu .slide-search{position:static;width:calc(100% - 50px);padding:0 15px;overflow:hidden;border-radius:30px;border:1px solid #f9b421;}
	.header-search-tem{width:100%;}
	.mob-w-100{width:100%;}
	.open-menu{overflow:hidden;}
	.container.header-menu{max-width:100%;}
	body.open-menu .navbar-toggler .icon-bar:nth-child(2){transform:rotate(-45deg);position:relative;top:5px;margin-bottom:3px;}
	body.open-menu .navbar-toggler .icon-bar:nth-child(3){width:100%;transform:rotate(45deg);}
	body.open-menu .navbar-toggler .icon-bar:nth-child(4){width:100%;margin-left:auto;opacity:0;transform:translateY(0px) rotate(45deg);}
	.mobile-login-menu{margin-right:45px;}
	.mobile-login-menu .dropdown-menu.show{display:block;left:0;right:0;padding:0;margin:0;border:0;padding:0 30px 15px;}
	.mobile-login-menu .user-login-wrap > .dropdown.show{position:static;}
	.top-banner-section img.img-fluid{height:320px;}
	.top-banner-section{height:320px;}
	.top-banner-section .banner-title{padding-right:40px;}
	.banner-search{width:520px;padding:0px 10px;}

	/*profile*/
	.profile-form{padding:40px 30px;}
	.services-detail-section{padding:40px 15px 50px;width:calc(100% - 30px);}
	.sub-services-list-wrap > .row > div:nth-last-child(1) .sub-services-list{margin-bottom:30px;}
	.book-date-section table.ui-datepicker-calendar tbody tr td { height: 41px;}
	.book-date-section { min-height: 400px;}
	.book-date-section .ui-datepicker-title { font-size: 18px;}
	.book-date-section .ui-datepicker-header .ui-corner-all { font-size: 14px;  }
	.book-date-section .ui-datepicker-header { position: relative; margin-bottom: 25px;}
	.homepage-banner.position-relative {margin-bottom: 40px;}
	.book-date-section table.ui-datepicker-calendar tbody tr td a { width: 33px;  height: 33px; min-width: 33px;padding: 4px;}
	.user-login-btn:before { display: none; }
	button.user-login-btn {width: 50px; height: 50px; margin: 0;}

	/* Language */
	.lang-dropdown.dropdown{position: absolute; top: 20px; right: 50px;}
}
@media only screen and (max-width:767px){
	.font-24{font-size:20px!important;}
	.login-model img.img-fluid{height:auto;}

	/*homepage*/
	.footer-logo .description{max-width:100%;}
	.footer .enter-phone input.form-control{width:calc(100% - 70px);}
	.batter-way-box{width:50%;}
	.py-80{padding:30px 0px;}
	.homepage-banner-section{height:auto;}
	h2{font-size:22px;}
	.pb-80{padding-bottom:40px;}
	.py-100{padding:40px 0px;}
	.get-our-app:before{top:0;bottom:0;height:auto;background:linear-gradient(90deg,rgba(249,180,33,1) 100%,rgba(255,255,255,1) 100%);}
	.get-our-app-img{text-align:center!important;}
	.get-our-app-img img{max-width:100%;max-height:460px;}
	.get-our-app-img{margin-top:30px;}
	.team-profile-img img{max-height:100%;}
	.testmonial{padding-top:40px;}
	.enter-phone button.send-link.btn-blue{font-size:14px;}
	.enter-phone input.form-control{width:170px;font-size:14px;}
	.login-model .login-model-form{padding:30px 15px;}
	.top-banner-section .banner-title{padding-right:30px;}
	.booking-service{padding:25px 20px;margin-bottom:20px;}
	.booking-service-name{width:calc(100% - 0px);}
	.btn-yellow{min-width:120px;height:45px;font-size:16px;}
	.font-34{font-size:28px!important;}
	.banner-title{padding-left:20px;}
	.banner-search input.form-control{width:calc(100% - 135px)!important;}
	.banner-search{width:420px;padding:0px 10px;}

	/*profile*/
	.profile-user{width:120px;height:120px;margin:-95px auto 40px;}
	.profile-form{padding:40px 15px;}
	.our-services-page .batter-way-box-wrap a{padding:30px 0 45px;min-height:auto;}
	.our-services-page .batter-way-box{width:calc(100% - 15px);}

	/*services-provider*/
	.services-tabs-wrap{border-radius:60px;margin-bottom:40px;}
	.services-file a.pdf-file{background:#1F2744 url(../images/pdf-icon.png) no-repeat left 12px center/18px;padding:15px 15px 15px 36px;font-size:15px;min-width:160px;height:50px;}
	.supplier-list{margin-bottom:20px;}
	.sub-services-text{width:calc(100% - 0px);}
	.sub-services-list-wrap{padding:75px 15px 0;}
	.book-date-section table.ui-datepicker-calendar tbody tr td { height: 35px;}
	.book-date-section { min-height: 340px;}
	.select-card-section .form-group label { font-size: 16px; padding: 15px 15px; letter-spacing: 2px;}
	.mob-px-0 {padding-left:0px; padding-right: 0px; }
	.otp-submit form .form-group {padding: 0 5px;}

	/* Language */
	.lang-dropdown.dropdown{top: 12px;}

	/* Send Message */
	.chat-div .chat-area .chat-section .chat-messages .chat-user-message{ max-width: 350px; }
	.payment-name .payment-text{text-align:left;}
	.who-we-are:before{font-size:40px;}
	.navbar-toggler{top:28px;}
}

@media only screen and (max-width:575px){
	h3{font-size:20px;}
	.font-18{font-size:16px!important;}
	.font-24 { font-size: 18px!important;}
	.font-22 { font-size: 18px!important;}

	/*homepage*/
	.batter-way-box{width:100%;}
	.who-we-are-box{max-width:100%;}
	.who-we-are:before{font-size:35px;left:0;}
	.batter-way-box{width:calc(100% - 30px);margin:30px auto 30px;}
	.testmonial-img{margin-bottom:20px;}
	.banner-search{width:100%;}
	.banner-search .btn-yellow{min-width:91px;height:45px;font-size:15px;width:calc(38% - 110px)!important;}
	.banner-search input.form-control{width:calc(100% - 110px)!important;font-size:14px;padding:10px 15px;}
	.banner-search{width:calc(100% - 20px);}
	body{font-size:15px;}
	.header-menu nav.navbar{padding:0 15px;}
	.navbar-toggler{top:27px;}
	.services-tabs .nav-tabs a.nav-link{padding:7px 15px;min-width:120px;height:45px;font-size:16px;}
	.services-detail-section{padding:20px 15px 30px;width:calc(100% - 0px);}
	.services-user-comments{width:calc(100% - 0px);margin-top:15px;}
	.services-review-button{display:inline-block;margin:0 0 0 0;}
	.sub-services-logo{width:140px;height:140px;margin-top:-60px;}
	.sub-services-logo img{max-width: 40px;}
	.booking-service { padding: 15px 15px; margin-bottom: 20px;}

	/* Send Message */
	.chat-div .chat-area .chat-header .avatar{width:45px;height:45px;}
	.chat-div .chat-area .chat-header h5{font-size:17px;}
	.loading-div .loading-loader{left:38%!important;}
}

@media only screen and (max-width:426px){
	/* Send Message */
	.chat-div .chat-area .chat-section .chat-messages .chat-user-message{max-width:250px;}
	.banner-search .btn-yellow{width:calc(48% - 110px)!important;}
	.loading-div .loading-loader{left:36%!important;}
}