html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kfeature-product-div,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0; font:inherit; font-size:100%; outline:0; vertical-align:baseline; margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; *zoom:1;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
a{background:transparent; color:#000; outline:none; text-decoration:none; vertical-align:baseline; margin:0; padding:0;}
a:hover { text-decoration:none;}

abbr[title],dfn[title] {border-bottom:1px dotted; cursor:help;}
input,select {vertical-align:middle; border:none; outline:none; border-radius:0; font-family: 'Poppins', sans-serif;;}
input:focus{border:none; outline:none; -webkit-appearance:none;}
select::-ms-expand {display: none;}
select:focus{border:none; outline:none;  -webkit-appearance:none;}
textarea{border:none; outline:none;  -webkit-appearance:none;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; -webkit-border-radius: 0; cursor:pointer;}
button[disabled],input[disabled] {cursor:default; font-family: 'Poppins', sans-serif;;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-moz-box-sizing:content-box; -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::-moz-focus-inner {border:0;padding:0;}
input[type="text"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"]{ outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none;}
input[type="text"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus{ outline:none;}
textarea {overflow:auto;vertical-align:top; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none; font-family: 'Poppins', sans-serif;}
textarea:focus{ outline:none;}
a, input, img, button{-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}

button:focus{box-shadow: none;}

input[type="checkbox"]:focus{-webkit-appearance: checkbox;}

input[type="radio"]{-webkit-appearance:radio;}

h1,h2,h3,h4,h5,h6 {font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
img {max-width: 100%;height: auto; width: auto; /* ie8 */border:none;}
*{ margin:0px; padding:0px;}
nav ul {list-style:none;}
ul{ list-style:none;}
strong{ font-weight:700;}
.nopad{ padding-bottom:0px !important;}     
em{ font-style:italic;}
div, ul, li, a, ol, p, span, figure, section, input, textarea{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{color: #101010; font-family: 'Poppins', sans-serif; font-size:16px; font-weight:400; margin:0px; padding:0px; text-align:center; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1; overflow-x: hidden;}
#wrapper{ width:100%; float:left; background: #fff; position: relative;}

.container{width: 100%; max-width:1830px; margin:0px auto;} 
.container-sm{max-width: 1230px;}
.al-center{align-items: center;}

header{width: 100%; float: left; padding: 28px 0; box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16); position: relative;}
.logo{text-align: left;}
.header-rgt{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;f}
.header-rgt ul li{float: left; font-size: 20px; font-weight: 600; margin: 0 60px 0 0;}
.header-rgt ul li a{color: #101010;}
.header-rgt ul li a:hover{color: #fdd023;}
.btn{min-width: 230px; background: #fdd023; color: #101010; font-size: 20px; font-weight: 600; border: 1px solid #fdd023; border-radius: 10px; box-shadow: none; padding: 19px 20px;}
.btn:hover{background: #fff;}
.btn:focus{box-shadow: none !important;}
.btn + .btn{margin: 0 0 0 30px;}
.header-rgt .navbar{background: none !important; padding: 0; margin: 0;}

footer{width: 100%; float: left;}
.ft-search{width: 100%; float: left; padding: 180px 0 0;}
.ft-search h3{width: 100%; float: left; color: #101010; font-size: 55px; font-weight: 700; margin: 0 0 48px 0;}
.ft-form{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.ft-form input[type="text"]{width: 625px; height: 80px; color: #101010; font-size: 22px; font-weight: 500; border: 1px solid #707070; border-radius: 10px; padding: 0 28px;}
.ft-form input[type="text"]::placeholder{color: #8f8f8f; opacity: 1;}
.ft-form input[type="submit"]{width: 228px; height: 80px; background-color: #101010; background-image: url("../images/search-icn.png"); background-repeat: no-repeat;
background-position: 45px center; color: #fdd023; font-size: 22px; font-weight: 600; text-align: left; border-radius: 10px; padding: 0 0 0 91px; margin: 0 0 0 18px;}
.ft-form input[type="submit"]:hover{background-color: #4c4c4c;}
.ft-top{width: 100%; float: left; padding: 115px 0 93px;}
.city-list{width: 100%; float: left; display: block; column-count: 6; text-align: left}
.city-list li{font-size: 22px; font-weight: 500; margin: 0 0 55px 0;}
.city-list li a{color: #8f8f8f;}
.city-list li a:hover{color: #101010;}
.ft-btm{width: 100%; float: left; background: #242424; padding: 82px 0 125px;}
.ft-logo{text-align: left;}
.ft-logo figure{width: 100%; float: left; margin: 0 0 26px 0;}
.ft-logo figure img{float: left; max-height: 44px;}
.ft-logo p{width: 100%; float: left; color: #cecece; font-size: 22px; font-weight: 500; line-height: 28px; margin: 0;}
.ft-social{width: 100%; float: left; margin: 70px 0 0 0;}
.ft-social a{width: 57px; height: 57px; float: left; background: #fff; border-radius: 50%;}
.ft-social a:hover{background: #fdd023;}
.ft-social a + a{margin: 0 0 0 40px;}
.ft-menu{text-align: left;}
.ft-menu ul{width: 100%; float: left;}
.ft-menu ul li{width: 100%; float: left; font-size: 22px; font-weight: 600; margin: 0 0 42px 0;}
.ft-menu ul li:last-child{margin: 0;}
.ft-menu ul li a{color: #fff;}
.ft-menu ul li a:hover{color: #fdd023;}
.ft-newsletter{text-align: left;}
.ft-newsletter h6{width: 100%; float: left; color: #fff; font-size: 22px; font-weight: 600; margin: 0;}
.newsletter{width: 100%; float: left;}
.newsletter h6{margin: 0 0 28px 0;}
.newsletter form{width: 100%; float: left;}
.newsletter form input[type="email"]{width: calc(100% - 167px); height: 74px; float: left; background: none; color: #fff; font-size: 18px; font-weight: 500; border: 1px solid #fff;
border-right: none; border-radius: 10px 0 0 10px; padding: 0 28px}
.newsletter form input[type="email"]::placeholder{color: #6b6b6b; opacity: 1;}
.newsletter form input[type="submit"]{width: 167px; height: 74px; float: left; background: #fdd023; color: #101010; font-size: 22px; font-weight: 500; border-radius: 0 10px 10px 0;}
.newsletter form input[type="submit"]:hover{background: #101010; color: #fff;}
.app-download{width: 100%; float: left; margin: 50px 0 0 0;}
.download-btn{width: 100%; float: left; margin: 44px 0 0 0;}
.download-btn a{float: left;}
.download-btn a img{max-height: 57px; float: left;}
.download-btn a + a{margin: 0 0 0 22px;}
.ft-copyright{width: 100%; float: left; background: #242424; border-top: 1px solid #707070; padding: 32px 0;}
.ft-copyright p{width: 100%; float: left; color: #898989; font-size: 22px; font-weight: 500; margin: 0;}


.main-banner{width: 100%; float: left; background: #FDD023;}
.banner-wraper{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.banner-txt{width: 50%; text-align: left; padding: 212px 0 210px 25px;}
.banner-txt h1{width: 100%; float: left; color: #101010; font-size: 75px; font-weight: 700; line-height: 100px; margin: 0 0 29px 0;}
.banner-txt h1 span{color: #fff;}
.banner-txt p{width: 100%; float: left; font-size: 22px; font-weight: 600; line-height: 33px; padding: 0 150px 0 0; margin: 0 0 46px 0;}
.help-form{width: 100%; float: left; padding: 0 30px 0 0;}
.help-form-lft{width: calc(100% - 246px); float: left;}
.help-form-rgt{width: 228px; float: left; margin: 0 0 0 18px;}
.help-form-lft input{height: 80px; color: #101010; font-size: 22px; font-weight: 500;}
.help-form-lft input::placeholder{color: #8f8f8f; opacity: 1;}
.help-form-lft input.input-txt{width: calc(100% - 167px); height: 80px; float: left; border-radius: 8px 0 0 8px; padding: 0 28px;}
.help-form-lft input.input-postal{width: 167px; height: 80px; float: left; background: #F2F0F0; border-left: 2px solid #101010; border-radius: 0 8px 8px 0; padding: 0 28px;}
.help-form-rgt input[type="submit"]{width: 100%; height: 80px; background-color: #101010; background-image: url("../images/search-icn.png"); background-repeat: no-repeat; background-position: 45px center; color: #fff; font-size: 22px; 
font-weight: 600; text-align: left; border-radius: 8px; padding: 0 0 0 90px;}
.help-form-rgt input[type="submit"]:hover{background-color: #4c4c4c;}
.banner-txt .download-btn{margin: 49px 0 0 0;}
.banner-txt .download-btn a img{max-height: 61px;}
.banner-txt .download-btn a + a{margin: 0 0 0 25px;}
.baner-img{width: 41.11%; position: absolute; right: 0; bottom: 0;}
.baner-img img{display: inline-block; vertical-align: top;}

.grid-slider-wraper{width: 100%; float: left; padding: 87px 0 140px;}
.slider-heading{width: 100%; float: left; text-align: left; margin: 0 0 65px 0;}
.slider-heading h2{display: inline-block; vertical-align: bottom; color: #101010; font-size: 55px; font-weight: 700; margin: 0;}
.slider-heading span{display: inline-block; vertical-align: bottom; color: #FDD023; font-size: 22px; font-weight: 500; margin: 0 0 10px 30px;}
.grid-slider{width: 100%; float: left;}
.grid-slider .swiper-slide a{width: 100%; float: left; border-radius: 8px; overflow: hidden; position: relative;}
.grid-slider .swiper-slide a img{display: inline-block; vertical-align: top;}
.grid-slider .swiper-slide a .grid-overlay{width: 100%; height: 100%; background: rgba(253,208,35,0.78); position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;}
.grid-slider .swiper-slide a .grid-overlay p{width: 100%; color: #101010; font-size: 25px; font-weight: 600; text-align: center; position: absolute; top: 50%; left: 0; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.grid-slider .swiper-slide a:hover .grid-overlay{opacity: 1; visibility: visible;}

.banner-small{width: 100%; float: left; background: #FDD023;}
.banner-small-wraper{width: 100%; min-height: 545px; display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 30px 50px; position: relative;}
.sm-banner-txt{width: 57.64%; display: inline-flex; flex-wrap: wrap; align-items: center; text-align: left;}
.sm-banner-txt-inner{width: 100%; float: left;}
.sm-banner-txt h3{width: 100%; float: left; color: #101010; font-size: 75px; font-weight: 700; line-height: 100px; margin: 0;}
.sm-banner-txt h3 span{color: #fff;}
.sm-banner-img{width: 33.5%; position: absolute; left: 50px; bottom: 0;}
.sm-banner-img img{display: inline-block; vertical-align: top;}
.banner-small-wraper.img-rgt{justify-content: flex-start;}
.banner-small-wraper.img-rgt .sm-banner-img{left: auto; right: 50px;}
.sm-banner-txt .download-btn{margin: 52px 0 0 0;}
.sm-banner-txt .download-btn a + a{margin: 0 0 0 28px;}
.download-btn a img{max-height: 70px;}

.grid-slider-wraper.card-slider-wraper{padding: 92px 0 68px;}
.grid-slider-wraper.card-slider-wraper .slider-heading{margin: 0 0 33px 0;}
.card-slider{width: 100%; float: left;}
.card-slider .swiper-wrapper{height: auto;}
.card-slider .swiper-slide{height: auto;}

.profile-card{width: 100%; height: 100%; float: left; padding: 0 0 126px 0; position: relative;}
.card-top{width: 100%; height: 100%; float: left; border: 1px solid #707070; border-bottom: none; border-radius: 7px 7px 0 0; padding: 0 15px;}
.profile{width: 100%; float: left; border-bottom: 1px solid #707070; padding: 42px 15px 0;}
.profile-top{width: 100%; float: left;}
.profile-top figure{width: 165px; height: 165px; float: left; border-radius: 10px; margin: 0; overflow: hidden;}
.profile-top figure img{width: 100%; height: 100%; float: left; object-fit: cover;}
.profile-top .profile-rgt{width: calc(100% - 165px); float: left; text-align: left; padding: 43px 0 0 20px; position: relative;} 
.profile-rgt h6{width: 100%; float: left; color: #101010; font-size: 25px; font-weight: 500; line-height: 30px; margin: 0 0 10px 0;}
.profile-rgt .age{width: 100%; float: left; color: #717171; font-size: 16px; font-weight: 500; line-height: 25px;}
.profile-rgt .cost{width: auto; color: #101010; font-size: 22px; font-weight: 500; position: absolute; top: -11px; right: 0;}
.exp{width: 100%; float: left; text-align: left; padding: 20px 0 23px;}
.exp p{width: 100%; float: left; color: #101010; font-size: 16px; font-weight: 500; line-height: 22px; margin: 0 0 10px 0;}
.exp p:last-child{margin: 0;}
.profile-help{width: 100%; float: left; text-align: left; padding: 21px 15px 28px;}
.profile-help h5{width: 100%; float: left; color: #101010; font-size: 22px; font-weight: 500; line-height: 28px; margin: 0 0 14px 0;}
.profile-help p{width: 100%; float: left; color: #717171; font-size: 16px; font-weight: 500; line-height: 25px; margin: 0;}
.card-btm{width: 100%; position: absolute; left: 0; bottom: 0;}
.card-btm-top{width: 100%; float: left;}
.card-btm-top a{width: 50%; float: left; color: #101010; font-size: 20px; font-weight: 500; border: 1px solid #FDD023; padding: 20.5px 10px;}
.card-btm-top a:hover{background: #FDD023;}
.card-btm-btm{width: 100%; float: left;}
.card-btm-btm a{width: 100%; float: left; background: #FDD023; color: #101010; font-size: 20px; font-weight: 500; padding: 21.5px 10px;}
.card-btm-btm a:hover{background: #101010; color: #fff;}

.inner-page{width: 100%; float: left; background: #F5F4F4;}
.bread-crumb{width: 100%; float: left; padding: 43px 0 33px;}
.bread-crumb ul{width: 100%; float: left;}
.bread-crumb ul li{float: left; font-size: 20px; font-weight: 600;}
.bread-crumb ul li + li:before{float: left; color: #585858; content: ">"; margin: 0 6px 0 7px;}
.bread-crumb ul li a{float: left; color: #585858;}
.bread-crumb ul li a:hover{color: #101010;}

.filter-wraper{width: 100%; float: left; background: #FDD023; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16); padding: 18px 0;}
.filter-inner .help-form{width: 41.66%; float: left; padding: 0;}
.filter-inner .help-form-lft{width: calc(100% - 198px);}
.filter-inner .help-form-lft input.input-txt{height: 75px;}
.filter-inner .help-form-lft input.input-postal{height: 75px; border-left: none;}
.filter-inner .help-form-rgt{width: 180px;}
.filter-inner .help-form-rgt input[type="submit"]{height: 75px; background-position: 20px center; padding: 0 0 0 65px;}
.filter-rgt{width: 41.66%; float: right;}
.filter-inner form{width: 100%; float: left;}
.filter-rgt-wraper{margin: 0 -10px;}
.select-col{width: 33.33%; float: left; padding: 0 10px;}
form select{width: 100%; height: 75px; background-color: #fff; background-image: url("../images/select-bg.png"); background-repeat: no-repeat; background-size: 10px auto; background-position: 90% center; color: #101010; font-size: 22px; font-weight: 500; 
border-radius: 8px; padding: 0 48px 0 28px; -webkit-appearance: none;}

.result-wraper{width: 100%; float: left; padding: 67px 0 90px;}
.result-wraper h1{width: 100%; float: left; color: #101010; font-size: 55px; font-weight: 700; line-height: 65px; text-align: left; margin: 0 0 94px 0;}
.result-wraper .reslut-list{margin: 0 -30px;}
.result-wraper .reslut-list .card-col{padding: 0 30px 60px;}
.inner-page + footer{background: #F5F4F4;}

.detail-wraper{margin-bottom: 26px;}
.detail-lft-top{width: 100%; float: left; background: #fff; border-radius: 10px; padding: 34px 25px 85px;}
.name-wraper{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 28px 0;}
.name-lft{text-align: left;}
.name-lft h6{color: #101010; display: inline-block; vertical-align: bottom; font-size: 30px; font-weight: 500; margin: 0 11px 0 0;}
.name-lft span{color: #717171; display: inline-block; vertical-align: bottom; font-size: 16px; font-weight: 500; line-height: 20px; margin: 5px 0 1px 0;}
.name-rgt{color: #101010; font-size: 22px; line-height: 30px; font-weight: 500;}
.detail-profile{width: 100%; float: left; margin: 0 0 14px 0;}
.detail-profile figure{width: 165px; height: 165px; float: left; border-radius: 10px; margin: 0; overflow: hidden;}
.detail-profile figure img{width: 100%; height: 100%; float: left; object-fit: cover;}
.detail-profile-rgt{width: calc(100% - 165px); float: left; text-align: left; padding: 21px 0 0 45px;}
.detail-profile-rgt p{width: 100%; float: left; color: #101010; font-size: 16px; font-weight: 500; line-height: 24px; margin: 0 0 12px 0;}
.detail-profile-rgt p:last-child{margin: 0;}
.detail-profile-btm{width: 100%; float: left;}
.detail-profile-btm ul{width: 100%; float: left; list-style: none; padding: 0; margin: 0;}
.detail-profile-btm ul li{width: 100%; float: left; text-align: left; padding: 0 0 25px 0; margin: 20px 0 0 0; position: relative;}
.detail-profile-btm ul li:after{width: 365px; height: 1px; background: #707070; position: absolute; left: 0; bottom: 0; content: "";}
.detail-profile-btm ul li:last-child:after{display: none;}
.detail-profile-btm ul li h6{width: 100%; float: left; color: #101010; font-size: 22px; font-weight: 500; line-height: 28px; margin: 0 0 15px 0;}
.detail-profile-btm ul li p{width: 100%; float: left; color: #717171; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0;}
.chat-btn{width: 100%; float: left; margin: 30px 0 0 0;}
.chat-btn a{width: 100%; float: left; background: #fff; color: #101010; font-size: 22px; font-weight: 500; border: 3px solid #fdd023; padding: 24.5px 15px;}
.chat-btn a:hover{background: #fdd023;}

.detail-rgt-top{width: 100%; float: left; background: #fff; border-radius: 10px; overflow: hidden;}
.detail-rgt .chat-btn a{background: #fdd023;}
.detail-rgt .chat-btn a:hover{background: #ffffff;}

.horizontal-tabs .resp-tabs-list{width: 100%; float: left; margin: 0 0 10px 0;}
.horizontal-tabs .resp-tabs-list li{width: 33.33%; float: left; color: #101010; font-size: 30px; font-weight: 500; display: inline-block; padding: 35px 20px; list-style: none; cursor: pointer; margin: 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.horizontal-tabs .resp-tabs-list li:hover{background: #FDD023;}
.horizontal-tabs .resp-tab-active{background: #FDD023; border: none !important; padding: 35px 20px !important; margin: 0 !important;}
.horizontal-tabs .resp-tab-content{border: none; padding: 35px;}
.photo-gallery{display: flex; flex-wrap: wrap; margin: 0 -20px -40px;}
.photo-gallery li{width: 33.33%; float: left; padding: 0 20px; margin: 0 0 40px 0;}
.photo-gallery li figure{width: 100%; height: 320px; margin: 0;}
.photo-gallery li figure img{width: 100%; height: 100%; object-fit: cover;}

.auth-card{width: 100%; max-width: 680px;}
.auth-wraper{width: 100%; height: 100vh; float: left; background: url("../images/auth-background.jpg") no-repeat center; background-size: cover;}
.auth-section{width: 100%; float: left; background: #fff; border: 1px solid #dce0e6; border-radius: 10px; padding: 40px 0; 
margin: 40px 0 0 0;}
.auth-logo{width: 100%; float: left; margin: 0 0 30px 0;}
.auth-logo a{display: inline-block; vertical-align: top;}
.auth-logo a img{float: left;}
.auth-body{width: 100%; float: left; padding: 0 25px;}
.auth-row{width: 53%; float: none; display: inline-block; vertical-align: top; margin: 0 0 25px 0;}
.auth-row.submit-row{margin: 0;}
.auth-row .form-control{width: 100%; height: 46px; float: none; display: inline-block; vertical-align: top; background: #fff; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; padding: 0 15px;}
.auth-row .form-control::placeholder{color: #8f8f8f; opacity: 1;}
.auth-row .form-control:focus{background: none; color: #101010; border-color: #ccc; outline: 0; box-shadow: none;}
.auth-row .form-check{width: 100%; float: left; min-height: inherit; margin-bottom: 0;}
.form-check .form-check-input{margin-top: 0;}
.form-check .form-check-label{float: left;}
a.forgot{float: left; color: #fdd023; font-size: 14px; margin: -5px 0 0 0;}
a.forgot:hover{color: #101010;}
.auth-row.submit-row .btn{width: 100%; height: 42px; font-size: 18px; padding: 5px 10px;}
.auth-row.submit-row .btn + .btn{margin: 25px 0 0 0;}
.invalid-feedback{float: left; color: #f00; font-size: 12px; text-align: left; margin: 10px 0 0 0;}
.invalid-feedback strong{font-weight: 400;}
.auth-section p{width: 100%; float: left; font-size: 14px; line-height: 22px; margin: 25px 0 0 0;}
.auth-section p a{color: #fdd023;}
.auth-section p a:hover{color: #101010;}

.auth-section .auth-row p{text-align: left; margin: 10px 0 0 0;}

.auth-txt{width: 100%; float: left; margin: 0 0 25px 0;}
.auth-txt h2{width: 100%; float: left; font-size: 30px; line-height: 35px; font-weight: 500; margin: 0;}
.auth-section .auth-txt p{margin: 10px 0 0 0;}

.top-banner{width: 100%; float: left; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.top-banner-txt{width: 100%; min-height: 400px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; 
padding: 30px 0;}
.top-banner-txt h1{width: 100%; float: left; color: #fff; font-size: 70px; font-weight: 700; line-height: 90px; 
text-shadow: 0 2px 4px rgba(0,0,0,0.2);}

.cities-list{width: 100%; float: left; padding: 100px 0 90px;}
.city-link{width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 0 0 20px 0;}
.city-img{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 20px 0 0;}
.city-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.city-name{width: calc(100% - 80px); color: #101010; font-size: 16px; text-align: left; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.city-link:hover .city-name{color: #fdd023;}

body{ counter-reset: count;}
.how-works{width: 100%; float: left; padding: 0 0 90px 0;}
.how-works h2{width: 100%; float: left; color: #101010; font-size: 45px; font-weight: 500; margin: 0 0 40px 0;}
.how-work-col figure{width: 100%; float: left; margin: 0 0 20px 0;}
.how-work-col figure img{max-height: 180px; display: inline-block; vertical-align: top;}
.how-work-col h6{width: 100%; float: left; font-size: 20px; font-weight: 500; line-height: 26px; margin: 0 0 10px 0;}
.how-work-col h6:before{width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 15px; line-height: 28px;
border: 1px solid #101010; border-radius: 50%; counter-increment: count; content: counter(count); margin: -2px 10px 0 0;}
.how-work-col p{width: 100%; float: left; font-size: 16px; line-height: 24px; margin: 0}

.grid-slider-wraper.logo-slider{padding: 0 0 90px;}
.sm-banner-txt-inner p{width: 100%; float: left; font-size: 18px; line-height: 28px; margin: 15px 0 0 0;}
.banner-form{width: 100%; float: left; margin: 20px 0 0 0;}
.banner-form form{width: 100%; float: left;}
.banner-form input[type="tel"]{width: calc(100% - 220px); height: 60px; float: left; background: #fff; font-size: 18px; font-weight: 500;
border-radius: 10px; padding: 0 15px;}
.banner-form input[type="tel"]::placeholder{color: #8f8f8f; opacity: 1;}
.banner-form input[type="submit"]{width: 200px; height: 60px; float: left; background: #101010; color: #fff; font-size: 18px; font-weight: 500; border-radius: 10px; 
margin: 0 0 0 20px;}
.banner-form input[type="submit"]:hover{background: #4c4c4c;}

.services-wraper{width: 100%; float: left; padding: 100px 0 70px;}
.services-wraper h2{width: 100%; float: left; font-size: 50px; font-weight: 700; line-height: 60px; margin: 0 0 50px 0;}
.service-card{width: 100%; height: 100%; float: left; background: #fff; border: 1px solid #dce0e6; border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(36,42,48,0.15);
overflow: hidden;}
.services-wraper .col-md-6{margin-bottom: 30px;}
.service-card figure{width: 100%; float: left;}
.service-card figure a{width: 100%; height: 200px; float: left; position: relative;}
.service-card figure a:after{width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; content: ""; 
-webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.service-card figure a:hover:after{background: rgba(0,0,0,0.1);}
.service-card figure a img{width: 100%; height: 100%; float: left; object-fit: cover; object-position: center;}
.sevices-card-body{width: 100%; float: left; text-align: left; padding: 20px;}
.service-card-top{width: 100%; float: left; border-bottom: 1px solid #ccc; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.service-card-top h6{width: 100%; float: left; font-size: 20px; font-weight: 500; line-height: 26px; margin: 0 0 10px 0;}
.service-card-top h6 a{float: left; color: #101010;}
.service-card-top h6 a:hover{color: #fdd023;}
.service-card-top p{width: 100%; float: left; color: #717171; font-size: 16px; font-weight: 500; line-height: 25px; margin: 0;}
.service-card-btm{width: 100%; float: left;}
.service-card-btm ul{width: 100%; float: left;}
.service-card-btm ul li{width: 100%; float: left; font-size: 15px; font-weight: 500; line-height: 24px; margin: 0 0 5px 0;}
.service-card-btm ul li:last-child{margin: 0;}
.service-card-btm ul li a{float: left; color: #fdd023;}
.service-card-btm ul li a:hover{color: #101010;}

.logo-col-wraper{width: 100%; float: left; padding: 0 0 60px 0;}
.logo-col-row{padding: 0 100px;}
.logo-col{margin-bottom: 30px;}
.logo-col figure{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; align-content: center;
padding: 0 50px; margin: 0 0 20px 0;}
.logo-col figure img{max-height: 100%;}
.logo-col p{width: 100%; float: left; font-size: 16px; line-height: 25px; margin: 0;}

.top-banner-card .col-sm-12{display: inline-flex; justify-content: center;}
.banner-card{width: 100%; max-width: 600px; background: #fff; border-radius: 5px; padding: 30px; margin: 60px 0;}
.banner-card h1{width: 100%; float: left; font-size: 35px; font-weight: 500; line-height: 40px; padding: 0 0 30px 0; margin: 0 0 30px 0;
position: relative;}
.banner-card h1:after{width: 70px; height: 1px; background: #fdd023; position: absolute; left: 50%; bottom: 0; content: "";
-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.banner-card p{width: 100%; float: left; font-size: 16px; line-height: 25px; margin: 0 0 25px 0;}

.service-detail-wraper{width: 100%; float: left; padding: 0 0 90px 0;}
.service-detail-wraper h2{width: 100%; float: left; font-size: 35px; font-weight: 500; line-height: 40px; text-align: left; margin: 0 0 20px 0;}
.services-detail-txt{width: 100%; height: 100%; float: left; background: #fff; text-align: left; padding: 30px;}
.services-detail-txt p{width: 100%; float: left; font-size: 16px; line-height: 25px; margin: 0 0 15px 0;}
.services-detail-rgt img{display: inline-block; vertical-align: top;}

.img-sideway-wraper{width: 100%; float: left; background: #fdd023; padding: 50px 0;}
.img-sideway{align-items: center;}
.img-sideway-lft img{display: inline-block; vertical-align: top;}
.img-sideway-rgt{text-align: left; padding-left: 50px;}
.img-sideway-rgt h4{width: 100%; float: left; font-size: 30px; line-height: 35px; margin: 0 0 30px 0;}
.img-sideway-rgt .btn{background: #101010; color: #fff; border: none !important;}
.img-sideway-rgt .btn:hover{background: #4c4c4c;}

.faq-wraper{width: 100%; float: left; background: #fff; padding: 90px 0;}
.faq-inner{width: 100%; max-width: 420px; display: inline-block; vertical-align: top; text-align: left;}
.faq-inner h5{width: 100%; float: left; font-size: 30px; margin: 0 0 40px 0;}
.faq-list{width: 100%; float: left;}
.faq-list li{width: 100%; float: left; text-align: left; margin: 0 0 30px 0;}
.faq-list li:last-child{margin: 0;}
.faq-list li h6{width: 100%; float: left; color: #fdd023; font-size: 20px; font-weight: 500; line-height: 28px; cursor: pointer; padding: 0 0 0 25px; position: relative;}
.faq-list li h6:before{position: absolute; top: 0; left: 0; content: "+";}
.faq-list li h6.active:before{content: "-";}
.faq-txt{width: 100%; float: left; display: none; padding: 15px 0 0 0;}
.faq-txt p{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 25px; margin: 0 0 10px 0;}
.faq-txt p:last-child{margin: 0;}

.top-banner-txt p{width: 100%; float: left; color: #ffffff; font-size: 16px; font-weight: 500; line-height: 26px; margin: 10px 0 0 0;}
.top-banner-txt .btn{margin: 15px 0 0 0;}
.how-works.pad-top{padding: 90px 0;}
.lc-services-wraper{width: 100%; float: left; padding: 0 0 90px 0;}
.lc-service-list{width: 100%; float: left; padding: 0 100px;}
.lc-service-list li{width: 100%; float: left; background: #fff; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #dce0e6;
border-radius: 5px; box-shadow: 0px 2px 2px 0px rgba(36,42,48,0.15); padding: 30px; margin: 0 0 30px 0;}
.lc-service-list li:last-child{margin: 0;}
.lc-service-list li figure{width: 200px; height: 200px; float: left; border-radius: 50%; margin: 0 30px 0 0; overflow: hidden;}
.lc-service-list li figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.lc-service-rgt{width: calc(100% - 330px); float: left; text-align: left;}
.lc-service-rgt h3{width: 100%; float: left; font-size: 30px; line-height: 38px; margin: 0 0 10px 0;}
.lc-service-rgt h3 a{float: left; color: #101010;}
.lc-service-rgt h3 a:hover{color: #fdd023;}
.lc-service-rgt p{width: 100%; float: left; color: #717171; font-size: 16px; font-weight: 500; line-height: 25px; margin: 0 0 20px 0;}

.explore-wraper{width: 100%; float: left; background: #fff; padding: 90px 0 75px;}
.explore-wraper h3{width: 100%; font-size: 40px; font-weight: 500; line-height: 45px; margin: 0 0 40px 0;}
.explore-list{display: flex;flex-wrap: wrap; padding: 0 100px; margin: 0 -15px;}
.explore-list li{width: 33.33%; float: left; font-size: 16px; text-align: left; padding: 0 15px; margin: 0 0 15px 0;}
.explore-list li a{color: #fdd023;}
.explore-list li a:hover{color: #101010;}
.explore-list li a i{margin: 0 5px 0 0;}
.logo-col-wraper.pad-top{padding: 80px 0 60px;}

.header-top{width: 100%; float: left;}
.steps-list{width: 100%; float: left;}
.steps-list li{width: 25%; float: left;}
.step-btn{width: 100%; float: left; background: none; border: none;}
.step-counter{width: 100%; float: left; position: relative;}
.step-counter:before{width: calc(50% - 12px); height: 2px; background: #e8ebef; position: absolute; top: 11px; left: 0; content: "";}
.step-counter:after{width: calc(50% - 12px); height: 2px; background: #e8ebef; position: absolute; top: 11px; right: 0; content: "";}
.step-counter span{width: 25px; height: 25px; background: #e8ebef; display: inline-block; vertical-align: top; color: #67727e; 
font-size: 15px; font-weight: 700; line-height: 25px; border-radius: 50%; position: relative; z-index: 9;}
.step-btn p{width: 100%; float: left; color: #717171; font-size: 15px; font-weight: 500; margin: 15px 0 0 0;}
.steps-list li:first-child .step-counter:before{display: none;}
.steps-list li:last-child .step-counter:after{display: none;}
.step-btn.selected .step-counter span{background: #fdd023; color: #101010;}
.step-btn.selected .step-btn p{color: #101010;}
.header-btm{width: 100%; float: left; border-top: 1px solid #e8ebef; padding: 28px 0 0 0; margin: 28px 0 0 0;}
.header-btm-txt{width: 100%; display: flex; align-items: center; justify-content: center;}
.header-btm-txt img{margin: 0 25px 0 0;}
.header-btm-txt p{font-size: 15px; line-height: 22px; text-align: left;}

.task-page{padding: 90px 0 60px;}
.task-heading{width: 100%; float: left; font-size: 35px; line-height: 42px; font-weight: 500; text-align: left; margin: 0 0 25px 0;}
.task-box{width: 100%; float: left; background: #fff; text-align: left; border: 1px solid #dce0e6; border-radius: 5px; 
box-shadow: 0px 2px 2px 0px rgba(36,42,48,0.15); padding: 25px; margin: 0 0 30px 0;}
.task-box-head{width: 100%; float: left; font-size: 22px; text-transform: uppercase;}
.task-box-con{width: 100%; float: left; margin: 25px 0 0 0;}
.task-box-con form{width: 100%; float: left;}
.task-box-con .form-row{width: 100%; float: left; margin: 0 0 20px 0;}
.task-box-con .form-row .form-control{width: 100%; height: 50px; float: left; background: #fff; font-size: 16px; border: 1px solid #707070; 
border-radius: 5px; box-shadow: none; padding: 0 15px;}
.task-box-con .form-row .form-control::placeholder{color: #8f8f8f; opacity: 1;}
.task-box-con .form-row .form-control.add-field{width: calc(100% - 220px);}
.task-box-con .form-row .form-control.unit-field{width: 200px; margin: 0 0 0 20px;}
.task-box-con .form-row.submit-row{text-align: center; margin: 0}
.task-box-con .form-row.submit-row .btn{height: 50px; font-size: 18px; border-radius: 10px; padding: 0 15px;}
.task-box-con .form-row label{width: 100%; float: left; font-size: 18px; line-height: 24px; margin: 0 0 15px 0;}
.radio-row{width: 100%; float: left; padding: 0 0 0 20px; margin: 0 0 10px 0;}
.radio-row:last-child{margin: 0;}
.radio-row input{float: left; margin: 5px 0 0 -20px;}
.radio-row label{width: auto !important; font-size: 15px !important; margin: 0 !important;}
.task-box p{width: 100%; float: left; font-size: 16px; line-height: 25px; margin: 0 0 20px 0;}
.task-box-con .form-row textarea{width: 100%; height: 150px; float: left; background: #fff; font-size: 16px; line-height: 24px; resize: vertical;
border: 1px solid #707070; border-radius: 5px; box-shadow: none; padding: 5px 15px;}
.task-box-con .form-row textarea::placeholder{color: #8f8f8f; opacity: 1;}
.task-box .form-row p{margin: 0;}

.task-filter{width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px 0;}
.task-filter-lft .btn{display: none;}
.filter-close{width: 30px; height: 30px; float: left; display: none;}
.task-filter label{font-size: 16px; font-weight: 500; margin: 0 15px 0 0;}
.task-filter select{width: 250px; height: 50px; background: #fff; font-size: 16px; border: 1px solid #707070; border-radius: 5px; 
padding: 0 15px;}
.sidebar-block{width: 100%; float: left; border-bottom: 1px solid #707070; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.sidebar-block:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.sidebar-block h6{width: 100%; display: flex; font-size: 18px; font-weight: 500; margin: 0 0 20px 0;}

.trust-safety{width: 100%; display: flex; align-items: center; justify-content: center;}
.trust-safety img{margin: 0 15px 0 0;}
.trust-safety p{font-size: 15px !important; line-height: 22px !important; text-align: left; margin: 0 !important;}
.trust-safety p a{color: #fdd023;}
.trust-safety p a:hover{color: #101010;}

.rec-card{width: 100%; float: left;}
.rec-card-lft{width: 200px; float: left; text-align: center;}
.rec-card-lft figure{width: 100%; height: 200px; display: inline-block; vertical-align: top; border-radius: 50%; margin: 0 0 15px 0; overflow: hidden;}
.rec-card-lft figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.rec-card-lft span{width: 100%; float: left;}
.rec-card-lft span a{display: inline-block; vertical-align: top; color: #fdd023; font-size: 15px;}
.rec-card-lft span a:hover{color: #101010;}
.rec-card-lft .btn{width: 100%; min-width: inherit; font-size: 16px; padding: 15px; margin: 25px 0 30px;}
.task-box .rec-card-lft p{width: 100%; float: left; font-size: 14px; line-height: 22px; margin: 0;}
.rec-card-rgt{width: calc(100% - 200px); float: left; text-align: left; padding: 0 0 0 35px;}
.rec-name{width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0;}
.rec-name h4{font-size: 35px; line-height: 40px; font-weight: 700; margin: 0 10px 0 0;}
.rec-name h6{font-size: 25px; font-weight: 500;}
.rec-result-info{width: 100%; float: left; margin: 0 0 15px 0;}
.rec-result-info li{width: 100%; float: left; font-size: 15px; margin: 0 0 15px 0; position: relative;}
.rec-result-info li:last-child{margin: 0;}
.rec-result-info li i{margin: 0 15px 0 0;}
.rec-result-info li i.ss-star{color: #fdd023;}
.tooltip-hover i{color: #717171;}
.task-box p.tooltip-txt{width: 280px; background: #fff; font-size: 13px; line-height: 20px; border: 1px solid #dce0e6; border-radius: 5px; box-shadow: rgba(0,0,0,0.1) 1px 1px 2px 0px;
 position: absolute; top: 100%; left: 0; padding: 10px; margin: 10px 0 0 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in;
 transition: all .3s ease-in; z-index: 9;}
.tooltip-txt:before{position: absolute; top: -10px; left: 50%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #dce0e6;
 content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.tooltip-txt:after{position: absolute; top: -8px; left: 50%; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 9px solid white; 
 content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.tooltip-hover:hover .tooltip-txt{opacity: 1; visibility: visible;}

.rec-help{width: 100%; float: left; border-top: 1px solid #707070; padding: 25px 0 0 0; margin: 0 0 35px 0;}
.rec-help h6{width: 100%; float: left; font-size: 16px; font-weight: 500; margin: 0 0 10px 0;}
.rec-help p{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 24px; margin: 0 0 10px 0;}
.rec-help a{color: #fdd023; float: left;}
.rec-help a:hover{color: #101010;}

.front-review{width: 100%; float: left;}
.fr-review-img{width: 70px; height: 70px; float: left; border-radius: 50%; overflow: hidden;}
.fr-review-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.fr-review-txt{width: calc(100% - 70px); float: left; padding: 0 0 0 30px;}
.fr-review-txt p{width: 100%; float: left; font-size: 15px; line-height: 24px; font-style: italic; margin: 0 0 10px 0;}
.fr-review-txt span{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 24px;}

.rec-card .mob-btn{display: none;}

.rec-pop{width: 800px; display: none;}
.pop-card{width: 100%; float: left; border: 1px solid rgb(220, 224, 230); border-radius: 5px; padding: 20px; margin: 25px 0 0 0;}
.pop-card:first-child{margin: 0;}
.pop-info{width: 100%; display: flex; flex-wrap: wrap;}
.pop-info figure{width: 120px; height: 120px; border-radius: 50%; overflow: hidden;}
.pop-info figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.pop-info-rgt{width: calc(100% - 120px); display: inline-flex; align-items: center; padding: 0 0 0 20px;}
.pop-info1{width: 35%; padding: 0 15px 0 0;}
.pop-info1 h3{width: 100%; float: left; font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 10px 0;}
.pop-info1 p{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 22px; margin: 0;}
.pop-info2{width: 30%; font-size: 20px; font-weight: 500; padding: 0 15px 0 0;}
.pop-info3{width: 35%;}
.pop-info3 .btn{width: 100%; min-width: inherit; font-size: 16px; padding: 10px; box-shadow: none;}

.rec-short-txt{width: 100%; float: left; border-top: 1px solid #707070; padding: 30px 0 0 0; margin: 30px 0 0 0;}
.rec-short-txt h6{width: 100%; float: left; font-size: 16px; line-height: 22px; font-weight: 500; margin: 0 0 10px 0;}
.rec-short-txt p{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin: 0 0 10px 0;}
.rec-short-txt.active p{-webkit-line-clamp: inherit;}
.more-btn{float: left; color: #fdd023; font-size: 15px;}
.more-btn:hover{color: #101010;}

.review-heading{width: 100%; float: left; font-size: 24px; font-weight: 500; line-height: 30px; margin: 0 0 20px 0;}
.review-list{width: 100%; float: left;}
.review-list li{width: 100%; float: left; margin: 0 0 25px 0;}
.review-list li:last-child{margin: 0;}
.review-top{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center;}
.review-top figure{width: 60px; height: 60px; float: left; border-radius: 50%; overflow: hidden;}
.review-top figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.review-name{width: calc(100% - 60px); float: left; padding: 0 0 0 25px;}
.review-name h6{width: 100%; float: left; font-size: 16px; font-weight: 500; margin: 0 0 10px 0;}
.rating{width: 100%; float: left;}
.rating i{float: left; color: #fdd023; font-size: 16px;}
.rating i + i{margin: 0 0 0 5px;}
.review-body{width: 100%; float: left; margin: 15px 0 0 0;}
.review-body p{width: 100%; float: left; font-size: 15px; line-height: 25px; margin: 0 0 10px 0;}
.review-body span{width: 100%; float: left; color: #717171; font-size: 15px; line-height: 25px;}

.date-time-row{display: flex; flex-wrap: wrap; align-items: center;}
.date-time-lft{width: 50%; float: left; text-align: center; border-right: 2px solid #dce0e6; padding: 0 50px;}
.date-time-lft p:last-child{margin: 0 !important;}
.date-time-rgt{width: 50%; float: left; text-align: center; padding: 0 50px;}
.avail{width: 100%; display: flex; align-items: center; margin: 0 0 25px 0;}
.avail figure{width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.avail figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.avail-rgt{font-size: 24px; font-weight: 500; line-height: 30px; text-align: left; padding: 0 0 0 20px;}
.choose-date{width: 100%; float: left; margin: 0 0 30px 0;}
.choose-date h6{width: 100%; float: left; font-size: 20px; font-weight: 500; margin: 0 0 20px 0;}
.choose-date img{display: inline-block; vertical-align: top;}
.choose-time{width: 100%; float: left;}
.choose-time select{width: 100%; height: 60px; float: left; background: #fff; font-size: 16px; border: 1px solid #707070; 
border-radius: 10px; padding: 0 20px; margin: 0 0 30px 0;}
.req-conform{width: 100%; float: left; margin: 0 0 30px 0;}
.req-conform h5{width: 100%; float: left; font-size: 28px; line-height: 40px; margin: 0 0 30px 0;}
.req-conform h5 span{font-weight: 500;}

.promo{width: 100%; float: left; border-bottom: 1px solid #707070; padding: 15px 0 20px 0; margin: 0 0 15px 0;}
.promo-label{width: 100%; float: left; color: #fdd023; font-size: 16px; font-weight: 500; cursor: pointer;}
.promo-field{width: 100%; float: left; display: none; margin: 15px 0 0 0;}
.task-box-con .form-row .form-control.country-code{width: 120px; margin: 0 15px 0 0;}
.task-box-con .form-row .form-control.ph-number{width: calc(100% - 135px);}
.task-box p a{color: #fdd023;}
.task-box p a:hover{color: #101010;}
.donate-row{padding: 15px 0 0 0;}
.donate-row figure{float: left; margin: 0 0 10px 0;}
.donate-row figure img{float: left;}
.donate-row p{margin: 0 0 20px 0 !important;}
.check-row{width: 100%; float: left; padding: 0 0 0 20px; margin: 0 0 10px 0;}
.check-row:last-child{margin: 0;}
.check-row input{float: left; margin: 4px 0 0 -20px;}
.check-row label{width: auto !important; font-size: 15px !important; margin: 0 !important;}
.donate-msg{width: 100%; float: left; color: #717171; font-size: 14px; line-height: 22px; padding: 5px 0 0 0; display: none;}
.check-row input:checked + label + .donate-msg{display: block;}
.conform-row{width: 100%; float: left; text-align: center;}
.conform-row .btn{font-size: 16px; box-shadow: none; padding: 15px 20px;}

.conform-page .task-box-con{margin: 0;}

.task-box.no-bg{background: none; border: none; box-shadow: none; padding: 0;}
.conform-top{width: 100%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #707070; padding: 0 0 25px 0; margin: 0 0 25px 0;}
.conform-top-rgt{width: calc(100% - 60px); text-align: left; padding: 0 15px 0 0;}
.conform-top-rgt h6{width: 100%; float: left; font-size: 18px; font-weight: 500; line-height: 24px; margin: 0 0 5px 0;}
.conform-top-rgt p{width: 100%; color: #717171; font-size: 16px; line-height: 24px; margin: 0;}
.conform-top figure{width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.conform-top figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.conform-review{width: 100%; float: left; border-bottom: 1px solid #707070; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.conform-review li{width: 100%; float: left; font-size: 15px; line-height: 22px; padding: 0 0 0 25px; margin: 0 0 15px 0; position: relative;}
.conform-review li:last-child{margin: 0;}
.conform-review li i{position: absolute; top: 0; left: 0;}
.conform-review li a{color: #fdd023;}
.conform-review li a:hover{color: #101010;}

.conform-price{width: 100%; float: left; margin: 0 0 20px 0;}
.conform-price li{width: 100%; float: left; display: flex; justify-content: space-between; font-size: 15px; line-height: 22px; margin: 0 0 15px 0;}
.conform-price li:last-child{margin: 0;}
.conform-price li a{color: #fdd023;}
.conform-price li a:hover{color: #101010;}
.conform-price li strong{font-size: 18px; line-height: 24px;}

.conform-txt{color: #717171; font-size: 14px !important; line-height: 22px !important; margin: 0 !important;}

.rec-choices{display: flex; flex-wrap: wrap; margin: 0 -5px -10px;}
.rec-choice-item{width: 50%; float: left; padding: 0 5px; margin: 0 0 10px 0;}
.choice-btn{width: 100%; float: left; background: #fff; color: #545e69; border: 1px solid #b1b9c3; border-radius: 5px; padding: 14px 10px;}
.choice-btn:hover{background: #e8ebef; color: #101010;}
.choice-btn.selected{background: #fdd023; color: #101010; border: 1px solid #fdd023;}

.checkbox-grp{width: 100%; display: flex; flex-wrap: wrap;}
.checkbox-row{width: 100%; display: inline-flex; margin: 0 0 15px 0;}
.checkbox-row input{display: none}
.checkbox-row label{color: #101010; font-size: 15px; line-height: 20px; cursor: pointer; padding: 0 0 0 30px; position: relative;}
.checkbox-row label:before{color: #86919d; font-size: 20px; font-family: 'icomoon'; position: absolute; top: 0; left: 0; content: "\e981";}
.checkbox-row input:checked + label:before{color: #fdd023; content: "\e927";}
.choose-custom{width: 100%; display: flex; flex-wrap: wrap;}
.custom-title{width: 100%; color: #101010; display: inline-flex; justify-content: center; font-size: 14px; margin: 10px 0 25px; position: relative;}
.custom-title span{background: #fff; display: inline-block; vertical-align: top; padding: 0 10px; position: relative; z-index: 9;}
.custom-title:after{width: 100%; height: 1px; background: #ccc; position: absolute; top: 7px; left: 0; content: "";}
.choose-custom select{width: 100%; height: 46px; background: #fff; font-size: 15px; border: 1px solid #ccc; border-radius: 5px; padding: 0 15px;}

.date-pop{max-width: 1000px; display: none;}
.date-pop .date-time-row{margin: 0;}
.date-pop h3{width: 100%; font-size: 22px; text-align: center; margin: 0 0 30px 0;}
.date-pop .date-time-lft{padding: 0 30px 0 0;}
.date-pop .date-time-rgt{padding: 0 0 0 30px;}
.date-pop .avail{justify-content: center;}
.date-pop .avail figure{width: 60px; height: 60px;}
.date-pop .avail-rgt{font-size: 18px; line-height: 25px; padding: 0 0 0 15px;}
.date-pop .choose-date h6{font-size: 16px;}
.date-pop .choose-time select{height: 50px; font-size: 15px; padding: 0 12px; margin: 0 0 20px 0;}
.date-pop .date-time-lft p{width: 100%; float: left; font-size: 14px; line-height: 20px; margin: 0;}
.date-pop .req-conform h5{font-size: 20px; line-height: 30px; margin: 0 0 20px 0;}
.date-pop .date-time-rgt .btn{font-size: 16px; padding: 10px 20px;}


.container-acc{max-width: 1730px; padding: 0 100px;}
.account-page{padding: 77px 0 148px;}
.account-card{width: 100%; float: left; display: flex; flex-wrap: wrap; overflow: hidden;}
.acc-nav{width: 275px; float: left; text-align: left; padding: 0 25px 0 0;}
.acc-nav ul{width: 100%; float: left;}
.acc-nav ul li{width: 100%; float: left; font-size: 25px; font-weight: 500; margin: 0 0 54px 0;}
.acc-nav ul li:last-child{margin: 0;}
.acc-nav ul li a{width: 100%; float: left; color: #838282; position: relative;}
.acc-nav ul li a:hover{color: #101010;}
.acc-nav ul li.active a{color: #101010;}
.acc-rgt{width: calc(100% - 275px); float: left; text-align: left;}
.acc-head{width: 100%; display: inline-flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dce0e6; 
padding: 0 0 10px 0; margin: 0 0 35px 0;}
.acc-head h2{font-size: 25px; font-weight: 500;}
.acc-head .btn{min-width: inherit; background: #fff; font-size: 16px; padding: 9px 20px;}
.acc-head .btn:hover{background: #fdd023;}
.acc-body{width: 100%; float: left; padding: 0 0 20px;}
.acc-body.profile{padding-left: 50px; padding-right: 50px;}
.prodile figure{width: 140px; height: 140px; float: left; border-radius: 50%; overflow: hidden;}
.prodile figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.profile-con{width: calc(100% - 140px); float: left; padding: 0 0 0 50px;}
.account-list{width: 100%; float: left;}
.account-list li{width: 100%; float: left; font-size: 18px; font-weight: 300; line-height: 24px; margin: 0 0 15px 0;}
.account-list li:last-child{margin: 0;}
.account-list li span{float: left; padding: 0 0 0 25px; position: relative;}
.account-list li span i{position: absolute; top: 0; left: 0;}
.acc-card .btn{min-width: inherit; font-size: 16px; border-radius: 5px; padding: 9px 20px;}
.acc-card .btn + .btn{margin: 0 0 0 20px;}
.acc-card .btn.cancel-btn{background: #fff; color: #101010;}
.acc-card .btn.cancel-btn:hover{background: #fdd023;}
.acc-dropdown{display: none;}

.edit-lft{width: 140px; float: left;}
.edit-rgt{width: calc(100% - 140px); float: left; padding: 0 0 0 30px;}
.acc-body form{width: 100%; float: left; margin: 0;}
.form-col-2 .form-row{width: 50%; padding: 0 10px;}
.form-col-2{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.acc-body .form-col-2 .form-row{width: 50%; padding: 0 5px;}
.ct-code{width: 100px; float: left; margin: 0 10px 0 0;}
.p-number{width: calc(100% - 110px); float: left;}
.radio-grp{width: 100%; float: left; margin: 10px 0 0 0;}
.acc-body .radio-row input{margin: 1px 0 0 -20px;}
.acc-body .form-row.submit-row{margin: 0;}

.table-form{width: 100%; float: left; border: none; margin: 0 0 25px 0;}
.table-form th{vertical-align: middle; font-size: 15px; font-weight: 700; line-height: 22px; text-align: center; border-bottom: 1px solid #ccc; padding: 10px;}
.table-form th:first-child{text-align: left;}
.table-form td{vertical-align: middle; font-size: 15px; font-weight: 400; line-height: 22px; text-align: center; padding: 10px;}
.table-form td:first-child{text-align: left;}

.acc-card p{width: 100%; float: left; font-size: 15px; line-height: 24px; margin: 0 0 20px 0;}
.acc-card form p{color: #717171; margin: 15px 0 0 0;}
.acc-card p a{color: #fdd023;}
.acc-card p a:hover{color: #101010;}
.transaction .acc-card p{text-align: center;}

.acc-card{width: 100%; float: left; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 10px; padding: 45px 50px; margin: 0 0 50px 0;}
.acc-top{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 50px 0 275px; margin: 0 0 57px 0;}
.acc-top .h-lft h1{color: #101010; display: inline-block; vertical-align: middle; font-size: 50px; font-weight: 700; margin: 0;}
.acc-top .h-lft span{display: inline-block; vertical-align: middle; font-size: 30px; font-weight: 500; margin: 0 0 0 21px;}
.logout-btn{color: #f01212; font-size: 22px; font-weight: 600;}
.logout-btn:hover{color: #101010;}
.profile-lft{width: calc(100% - 204px); padding: 0 180px 0 0;}
.profile-rgt{width: 204px;}
.avtar-container{width: 100%; height: 204px; float: left; border-radius: 10px; position: relative; overflow: hidden;}
.avtar-container img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.avtar-container input{width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0;}
.img-label{width: 100%; float: left; color: #008eea; font-size: 18px; font-weight: 500; cursor: pointer; margin: 15px 0 0 0;}

.acc-card .form-row{width: 100%; float: left; margin: 0 0 64px 0;}
.acc-card .form-row.submit-row{margin: 0;}
.acc-card .form-row label{width: 100%; float: left; font-size: 15px; margin: 0 0 5px 0;}
.acc-card .form-row .form-control{width: 100%; height: 45px; background: #fff; font-size: 22px; font-weight: 500; border: none;
border-bottom: 1px solid #383737; border-radius: 0; padding: 0; box-shadow: none;}
.acc-body .acc-card .form-control::placeholder{color: #adadad; opacity: 1;}
.acc-card h2{width: 100%; float: left; font-size: 30px; font-weight: 500; margin: 0 0 42px 0;}
.acc-card h2.desk-hide{display: none;}

.profile-rgt .check-row{width: auto; float: right; padding: 0 0 0 45px;}
.profile-rgt .check-row input{width: 20px; height: 20px; margin: 1px 0 0 -45px;}
.profile-rgt .check-row label{font-size: 22px !important; font-weight: 500;}

.account-page + .ft-search{background: #f5f4f4;}
.account-page + .ft-search + .ft-top{background: #f5f4f4;}

.ft-form input[type="button"] {
    width: 228px;
    height: 80px;
    background-color: #101010;
    background-image: url("../images/search-icn.png");
    background-repeat: no-repeat;
    background-position: 45px center;
    color: #fdd023;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    border-radius: 10px;
    padding: 0 0 0 91px;
    margin: 0 0 0 18px;
}

.ft-form input[type="button"]:hover {
    background-color: #4c4c4c;
}