/* font-famaly-hear */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@200;300;400;500;600;700;800&display=swap');
/* font-famaly-hear-end */

/* root */
:root{
    --font-1: 'Lexend', sans-serif;
    --font-2: 'Lexend', serif;;

    --white-color: #fff;
    --black-color: #000;

    --primary: #01449A;
    --secondary: #0A8216;

    --hover-colo: #0A8216;

    --body-color: #6A6A6A;
    --heading-color: #000000;
}
/* root */



/* defaults-css-start */
html{
    font-size: 100%;
    box-sizing: border-box;
}
*,
*::before,
*::after{
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    line-height: 1.3;
    font-family: var(--font-1);
    font-size: 18px;
    font-weight: 400;
}
a,
button{
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

a:focus,
button:focus,
.btn:focus{
    outline: none;
}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0;
}
/*button.btn:focus{*/
/*    !*n*!*/
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-2);
    color: var(--heading-color);
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1{
    font-size: 45px;
}
h2{
    font-size: 35px;
}
h3{
    font-size: 30px;
}
h4{
    font-size: 25px;
}
h5{
    font-size: 20px;
}
h6{
    font-size: 18px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
li {
    list-style: none
}
p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--body-color);
    margin-bottom: 15px;
    font-family: var(--font-1);
}
a{
    text-decoration: none;
    color: var(--primary);
}
label {
    color: var(--body-color);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}
*::-moz-selection {
    background: var(--secondary);
    color: var(--white-color);
    text-shadow: none;
}
::-moz-selection {
    background: var(--secondary);
    color: var(--white-color);
    text-shadow: none;
}
::selection {
    background: var(--secondary);
    color: var(--white-color);
    text-shadow: none;
}
*::-moz-placeholder {
    color: var(--body-color);
    font-size: 16px;
    opacity: 1;
}
*::placeholder {
    color: var(--body-color);
    font-size: 16px;
    opacity: 1;
}
/* defaults-css--end */
.btn{
    padding: 11px 20px;
    background-color: #074BA3;
    font-size: 16px;
    font-weight: 700;
    color: var(--white-color);
    line-height: 1;
    border-radius: 40px;
    border: none ;
}
.btn.btn-white{
    background: var(--white-color);
    color: #01449A;
}
.btn.btn-yellow{
    background-color: #FCBE21 !important;
}
.btn.btn-secondary{
    background: var(--secondary);
    color: var(--white-color);
}
.btn.btn-dark{
    background: #000;
    color: #fff;
}
.btn.btn-dark:hover{
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}
.btn.btn-icon {
    font-size: 16px;
    font-weight: 600;
}
.btn.btn-icon .icon img {
    max-width: 24px;
    max-height: 24px;
}

.btn.btn-icon1 {
    font-size: 16px;
    font-weight: 600;
}
.btn.btn-icon1 .icon img {
    max-width: 24px;
    max-height: 24px;
}



.bg-primary{
    background-color: #01449A !important;
}
.bg-light{
    background-color: #EFF5FE !important;
}




.btn-icon{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-icon span.text{
    flex-grow: 1;
}
.btn-icon span.icon{
    flex: 0 0 auto;
}
.btn-primary-light{
    background: #01449A;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}
.btn-primary-light:hover{
    background-color: #074BA3;
    color: var(--white-color);
}


.btn.btn-outline-dark{
    background: transparent;
    border: 1px solid #000 !important;
    color: #000;
    font-size: 15px;
}
.btn.btn-outline-dark{}



/* search-box */
.search-box{
    position: relative;
    max-width: 448px;
    width: 100%;
    background: var(--white-color);
    border-radius: 50px;
}
.search-box input{
    width: 100%;
    height: 56px;
    border-radius: 50%;
    border: none;
    background-color: var(--white-color);
    padding: 0px 14px;
    padding-right: 140px;
}
.search-box button.btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0px 20px;
    height: calc(100% - 10px);
    transition: .3s;
}
.search-box button.btn:hover{
    padding: 0 30px;
}

/* search-box-end */

/* custom-column */
.col-2-5{
    padding: 0px 5px;
    flex: 0 0 auto;
    width: 20%;
}


/* custom-column-end */





/* custom-dropdown */
.sik-dropdown>button.dropdown-toggle {
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* padding-right: 2ch; */
    text-align: left;
    background: transparent;
    border: none;
    font-size: 19px;
    color: var(--dark-color);
    font-weight: 600;
    padding: 0px;
    padding-right: 16px;
}

.sik-dropdown>button.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "\f107";
    border: none;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    top: 1px !important;
    right: 14px !important;
    font-size: 20px;
}

.sik-dropdown>button.dropdown-toggle::after {
    position: absolute;
    right: 1ch;
    top: calc(50% - 0.2ch);
}

.sik-dropdown .dropdown-item {
    cursor: pointer;
}

.cryptos-item:hover {
    background: #F6F9FC;
}

/* custom-dropdown -end*/


/* custom-check-and-Radio-box */

.input-check input{
    display: none;
}
.input-check input:checked ~ label span.check-ind{
    border: 1px solid var(--primary);
}
.input-check input:checked ~ label span.check-ind::after{
    opacity: 1;
    visibility: visible;
}
.input-check label{
    display: flex;
    align-items: center;
}
.input-check label span.check-ind{
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 15px;
    flex: 0 0 auto;
    margin-right: 9px;
    position: relative;
}
.input-check label span.check-ind::after{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--primary);
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.input-check label span.text{
    font-size: 13px;
    color: #6A6A6A;
}





/* custom-check-and-Radio-box-end */




/* logo-bgs */
.logoBg{
    position: absolute;
    z-index: -1;
}
.logoBg-hero-1{
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.logoBg-hero-2{
    right: 135px;
    top: 50%;
    transform: translateY(-50%);
}
.logoBg-customers-1{
    left: 51px;
    top: 50%;
    transform: translateY(-50%);
}
.logoBg-customers-2{
    right: 149px;
    top: 50%;
    transform: translateY(-50%);
}

.logoBg-say-1{
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.logoBg-say-2{
    right: 74px;
    top: 50%;
    transform: translateY(-50%);
}

/* logo-bgs */



/* input-group-default */
.input-group-text:first-child{
    border-right: none !important;
}
.input-group-text:last-child{
    border-left: none !important;
}
.input-group-text{
    background: #fff;
    border-color: var(--black-color) !important;
}
input.form-control,
textarea.form-control{
    box-shadow: none !important;
    border-color: var(--black-color) !important;
}


/* input-group-default-end */

.navbar-toggler-icon{
    background-image: url('../img/icons/bar.svg');
    height: 25px;
    width: 25px;
}


/* theme-css */


/* theme-css-end */





/* ======== header style start ============ */
.header {
    position: relative;
    z-index: 10;
}
.header.header-abs{
    /*position: absolute;*/
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    z-index: 11;
}
.header.header-sm .navbar-brand img{
    max-width: 50px;
}
.header .navbar-brand img {
    max-width: 75px;
}
.header.header-home .navbar-brand img {
    max-width: 75px;
}

.header .navbar-nav .nav-item .nav-link{
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    padding: 5px 18px;
    transition: .2s;
}
.header .navbar-nav .nav-item .nav-link.active{
    color: var(--white-color);
}
.header .navbar-nav .nav-item .nav-link:hover{
    opacity: 0.8;
}

.header-scare{
    border-left: 1px solid #FFFFFF;
}
.header .btn.btn-white {
    font-weight: 400;
    padding: 10px 41px;
}

.header-scare a img {
    max-width: 45px;
}
.header-payment ul li a img {
    max-width: 60px;
    max-height: 24px;
}
/* ======== header style end ============ */


/* ======== hero style start ============ */

.section.hero{
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.hero-content{
    padding: 213px 0px 260px;
}
.hero-img img {
    position: absolute;
    left: 50%;
    transform: rotate(-1deg) translateX(-50%);
    bottom: 4px;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(116% at 50% 0);
}
.hero-img{
    max-width: 100%;
}
/* ======== hero style end ============ */


/* ======== Service style start ============ */
.section.service{
    padding: 115px 0px 115px;
}
.section.service .title-wrapper{
    margin-bottom: 60px;
}
.service-item{
    margin-bottom: 40px;
}
.service-item-icon{
    margin-bottom: 24px;
}
.service-item-icon span{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: var(--primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.service-item-content h4{
    margin-bottom: 10px;
}
.service-item-icon span img {
    max-width: 55px;
}
/* ======== Service style end ============ */


/* ======== Info sections style start ============ */
.section.info{
    padding: 90px 0px 120px;
}
.section .info-box .logoBg-info{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.info-box{
    background-color: var(--primary);
    padding: 42px 36px;
    border-radius: 30px;
    z-index: 1;
}
.info-box-white{
    background-color: var(--white-color);
    display: inline-block;
    max-width: 637px;
    padding: 45px 39px;
    border-radius: 30px;
    width: 100%;
}
.info-box-white h3{
    font-size: 45px;
    color: var(--primary);
}
.info-box-white h3 span{
    margin-right: 10px;
}
.info-box-white p{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0px;
    color: var(--primary);
}
.info-box-white{
    margin: 70px 0px;
}
.info-box-img img{
    border-radius: 30px;
}

/* ======== Info sections style end ============ */


/* ======== Works-sections style start ============ */
.section.works{
    padding: 120px 0px 120px;
}
.section.works .title-wrapper{
    margin-bottom: 75px;
}
.works-item{
    position: relative;
    background: var(--primary);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 60px 25px 10px 34px;
    min-height: 195px;
    margin-bottom: 120px;
    transition: .2s;
}
.works-item.works-item-green{
    background-color: var(--secondary);
}
.works-item.works-item-green .works-item-count{
    border-color: var(--secondary);
    color: var(--secondary);
}
.works-item-count{
    height: 75px;
    width: 75px;
    border-radius: 50%;
    border: 1px solid var(--primary);
    font-size: 35px;
    font-weight: bold;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white-color);
    position: absolute;
    top: -35px;
    transition: .3s;
}
.works-item-content h5{
    color: var(--white-color);
    font-weight: 500;
}
.works-item-content p{
    color: var(--white-color);
    font-size: 17px;
}

/* ======== Works-sections style end ============ */


/* ======== customers--sections style start ============ */
.section.customers{
    padding: 120px 0px 20px;
    z-index: 1;
    position: relative;
}
.section.customers::before{
    position: absolute;
    content: "";
    height: 200px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1903 245" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(255, 255, 255, 1)" d="M 0 68 C 214.20000000000002 68 856.8 4 1071 4 L 1071 4 L 1071 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 1070 4 C 1236.6 4 1736.4 71 1903 71 L 1903 71 L 1903 0 L 1070 0 Z" stroke-width="0"></path> </svg>');    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0px;
    top: -2px;
    width: 100%;
}
.section.customers::after{
    position: absolute;
    content: "";
    height: 200px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1903 223" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(24, 119, 242, 1)" d="M 0 6 C 387.6 6 581.4 102 969 102 L 969 102 L 969 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 968 102 C 1342 102 1529 52 1903 52 L 1903 52 L 1903 0 L 968 0 Z" stroke-width="0"></path> </svg>');
    background-repeat: no-repeat;
    background-size: cover;
    top  : 100%;
    left: 0px;
    width: 100%;
}
.customers-text{
    position: relative;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    text-align: center;
    max-width: 354px;
}
.customers-text h2{
    color: #01449A;
}
.customers-text-shap{
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background-color: var(--white-color);
    height: 340px;
    width: 354px;
    transform: rotate(-10deg) translate(-50%, -50%);
    position: absolute;
    left: 58%;
    top: 41%;
    z-index: -1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.customers-count h2{
    color: var(--white-color);

}
.customers-count p{
    color: var(--white-color);
    margin-bottom: 0px;
}
.customers-count{
    margin-bottom: 38px;
}
.customers-counters{
    margin-bottom: 80px;
}





/* ======== customers--sections style end ============ */


/* ======== Explain-sections style start ============ */
.section.explain{
    padding: 280px 0px 180px;
}
.section.explain .container-fluid{
    padding: 0px 130px;
}
.section.explain .title-wrapper{
    margin-bottom: 90px;
}

.explain-item{
    text-align: center;
    margin-bottom: 40px;
}
.explain-item-icon span{
    background: rgba(24, 119, 242, 0.07);
    height: 75px;
    width: 75px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.explain-item-icon{
    margin-bottom: 20px;
}
.explain-item-content p{
    font-size: 16px;
}
.explain-item-icon span img {
    max-width: 40px;
    max-height: 40px;
}

.explain-info-bottom{
    border-top: 1px solid #6A6A6A;
    padding-top: 66px;
}
.explain-info-bottom .search-box input{
    border-radius: 40px;
    border: 1px solid rgba(106, 106, 106, 1);
}
.explain-info-top{
    padding-top: 80px;
    padding-bottom: 70px;
}

/* ======== Explain-sections style end ============ */



/* ======== Say-sections style start ============ */
.section.say{
    padding: 178px 0px 20px;
    z-index: 1;
    position: relative;
}
.section.say::after{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 220px;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1903 223" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(255, 255, 255, 1)" d="M 0 60 C 184.8 60 277.2 14 462 14 L 462 14 L 462 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 461 14 C 800.6 14 970.4 129 1310 129 L 1310 129 L 1310 0 L 461 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 1309 129 C 1546.6 129 1665.4 74 1903 74 L 1903 74 L 1903 0 L 1309 0 Z" stroke-width="0"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}
.section.say::before{
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    height: 200px;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1903 223" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(24, 119, 242, 1)" d="M 0 101 C 174.8 101 262.2 168 437 168 L 437 168 L 437 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 436 168 C 767.2 168 932.8 44 1264 44 L 1264 44 L 1264 0 L 436 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 1263 44 C 1519 44 1647 104 1903 104 L 1903 104 L 1903 0 L 1263 0 Z" stroke-width="0"></path></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}


.section.say .title-wrapper{
    margin-bottom: 124px;
}
.say-item{
    margin-bottom: 30px;
    background-color: var(--white-color);
    border-radius: 15px;
    padding: 54px 15px 38px 20px;
    position: relative;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

}
.say-quote{
    height: 60px;
    width: 60px;
    border-radius: 15px;
    background: var(--secondary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 39px;
    top: -30px;
}
.say-quote img {
    max-width: 35px;
}

.say-item-desc p{
    font-size: 18px;
    line-height: 22px;
}
.say-item-desc{
    width: 100%;
    margin-bottom: 24px;
}
.say-meta{
    display: flex;
    align-items: center;
    width: 100%;
}
.say-meta-img{
    flex: 0 0 auto;
    width: 86px;
    height: 79px;
    border-radius: 5px;
}
.say-meta-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.say-meta-content{
    padding: 0px 20px;
}
.say-meta-content h6{
    font-weight: 400;
    margin-bottom: 5px;
}
.say-meta-content img {
    max-width: 126px;
}


/* ======== Say-sections style end ============ */



/* ======== Faq-sections style start ============ */
.section.faq{
    padding: 310px 0px 70px;
}
.faq-wrapp .accordion-item{
    border: none;
    border-radius: 0px !important;
    margin-bottom: 18px;
}
.faq-wrapp .accordion-button{
    font-size: 18px;
    font-weight: normal;
    color: var(--heading-color);
    background-color: var(--white-color);
    border-bottom: 1px solid #6A6A6A;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 10px 0px;
}
.faq-wrapp .accordion-body{
    color: var(--primary);
    font-size: 17px;
    padding: 18px 0px;
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon) !important;
}
.faq-wrapp .accordion-body p{
    color: var(--primary);
    font-size: 17px;
}
.faq-wrapper .title-wrapper{
    margin-bottom: 60px;
}
.faq-img {
    height: 100%;
    width: 100%;
}
.faq-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

/* ======== Faq-sections style end ============ */



/* ======== cta-sections style start ============ */
.section.cta{
    padding: 70px 0px 97px;
}

.cta-info{
    margin-bottom: 80px;
}
.cta-content .search-box input{
    border: 1px solid #6A6A6A;
    border-radius: 40px;
}


/* ======== cta-sections style end ============ */


/* ======== footer style start ============ */
/*.footer{*/
/*    position: relative;*/
/*}*/
/*.footer::after{*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    top: -1px;*/
/*    width: 100%;*/
/*    content: "";*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    height: 122px;*/
/*    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1887 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(255, 255, 255, 1)" d="M 0 94 C 208.5 94 208.5 114 417 114 L 417 114 L 417 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 416 114 C 899.5 114 899.5 25 1383 25 L 1383 25 L 1383 0 L 416 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 1382 25 C 1642.5 25 1642.5 92 1903 92 L 1903 92 L 1903 0 L 1382 0 Z" stroke-width="0"></path></svg>');*/
/*}*/
/*.footer-top{*/
/*    padding: 200px 0px 70px;*/
/*}*/
/*.footer-widget ul li a{*/
/*    color: var(--white-color);*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    font-size: 18px;*/
/*    padding: 4px 0px;*/
/*}*/
/*.footer-widget h4{*/
/*    color: var(--white-color);*/
/*    margin-bottom: 20px;*/
/*    font-weight: 500;*/
/*}*/
/*.footer-logo{*/
/*    margin-bottom: 60px;*/
/*}*/

.newsletterForm input{
    background-color: var(--white-color);
    border: none;
    border: 1px solid #fff;
    border-radius: 15px;
    height: 50px;
    width: 100%;
    padding: 0px 18px;
    padding-right: 150px;
}
.newsletterForm button {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: var(--primary);
    padding: 13px 30px;
}
.footer-bottom{
    padding: 17px 0px;
}
.footer-copy p{
    font-size: 15px;
    color: var(--white-color);
}


.footer.bg-light .footer-logo h2{
    color: var(--primary);
}
.footer.bg-light .footer-log p{
    color: #6A6A6A;
}
.footer.bg-light .footer-widget h4{
    color: var(--heading-color);
}
.footer.bg-light .footer-widget ul li a{
    color: #6A6A6A;
}
.footer.bg-light .footer-copy p{
    color: #6A6A6A;
}
.footer.bg-light::after{
    display: none;
}
.footer.bg-light .footer-top{
    padding: 40px 0px 0px;
}




/* ======== footer style end ============ */




/* ======== Page-hero-sections style ============ */

.page-hero{
    padding: 132px 0px 10px;
    position: relative;
}
.page-hero::after{
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    height: 100px;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1903 110" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(24, 119, 242, 1)" d="M 0 34 C 195 34 195 24 390 24 L 390 24 L 390 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 389 24 C 828.5 24 828.5 100 1268 100 L 1268 100 L 1268 0 L 389 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 1267 100 C 1585 100 1585 20 1903 20 L 1903 20 L 1903 0 L 1267 0 Z" stroke-width="0"></path></svg>');
}
.page-hero.page-hero-examiner {
    padding-top: 132px;
}
main {
	overflow: hidden;
}
.page-hero-shap-1::after{
    position: absolute;
    top: calc(100% - 0px);
    left: 0px;
    width: 101%;
    height: 200px;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1887 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(24, 119, 242, 1)" d="M 0 53 C 115.8 53 270.2 86 386 86 L 386 86 L 386 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 385 86 C 550 86 770 57 935 57 L 935 57 L 935 0 L 385 0 Z" stroke-width="0"></path> <path fill="rgba(24, 119, 242, 1)" d="M 934 57 C 1114.6 57 1355.4 90 1536 90 L 1536 90 L 1536 0 L 934 0 Z" stroke-width="0"></path><path fill="rgba(24, 119, 242, 1)" d="M 1535 90 C 1645.4 90 1792.6 41 1903 41 L 1903 41 L 1903 0 L 1535 0 Z" stroke-width="0"></path></svg>');
}


.filter-input input{
    border-radius: 16px;
    height: 38px;
    border: none;
    box-shadow: none !important;
}
.input-group-text img {
    max-width: 20px;
    max-height: 20px;
}
.filter-select .filter-select-icon img {
    max-width: 20px;
    max-height: 20px;
}

.filter-input .input-group span.input-group-text{
    border-radius: 16px;
}
.section.filter .filter-btns button.btn:focus {
    background: var(--primary);
    color: var(--white-color);
}

.filter-btns button.btn{
    height: 38px;
    font-size: 16px;
    border-radius: 16px;
    padding: 0px 0px;
    width: 100%;
    font-weight: 500;
}
.filter-btns .filter-select {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.filter-btns .filter-select .filter-select-icon img {
    max-width: 24px;
    max-height: 24px;
}
.filter-btns .filter-select .form-select{
    color: var(--white-color);
    background-image: none;
    padding-right: 5px;
    background: var(--primary) !important;
    text-align: end;
    height: 38px;
}


.filter-btns{}
.filter-btns{}



.filter-select{
    display: flex;
    align-items: stretch;
    background: #FFFFFF;
    border-radius: 15px;
}
.filter-select .form-select{
    flex-grow: 1;
    border: none;
    border-radius: 15px;
    box-shadow: none !important;
}
.filter-select span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 7px;
    padding-right: 0px;
}


.like-advantage-mobo{}
.like-advantage-mobo button{
    font-size: 16px;
    height: 40px;
    color: var(--primary);
    background: var(--white-color);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}


/* ======== Page-hero-sections style-end ============ */


/* ======== Filter-and-result-sections style ============ */
.section.filter{
    padding: 192px 0px 100px;
}
.filter-title{
    margin-bottom: 93px;
}


/* card-css */

.card.card-mecanik{
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    margin-bottom: 50px;
}
.card.card-mecanik .card-header{
    padding: 23px 22px;
    background-color: transparent;
}
.mk-img{
    height: 88px;
    width: 88px;
    border-radius: 50%;
}
.mk-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.mk-meta p img {
    max-width: 15px;
    max-height: 15px;
}
.mk-meta{
    padding: 0px 20px;
}
.mk-meta p{
    display: flex;
    align-items: center;
    color: var(--heading-color);
    margin-bottom: 0px;
}
.mk-meta p img{
    margin-right: 6px;
}

.card.card-mecanik .card-body{
    padding: 13px 18px;
}

.card.card-mecanik .card-info ul li{
    position: relative;
    font-size: 14px;
    padding: 4px 0px;
    padding-left: 30px;
}
.card.card-mecanik .card-info ul li span{
    position: absolute;
    left: 4px;
    top: 4px;
    width: 15px;
}
.card-info span img {
    max-width: 25px;
}

.card.card-mecanik .card-bottom{
    padding: 21px 11px;
    border-top: 1px solid #6A6A6A;
}
.card.card-mecanik .card-bottom button.btn {
    height: 49px;
    width: 100%;
    border-radius: 15px;
    padding: 0px 14px;
}

.card.card-mecanik .card-bottom button.btn.btn-outline-dark {
    padding: 0px 0px;
}
.card-info ul li span img {
    max-width: 15px;
}

/* card-css-end */




.pagination-wrapper{
    max-width: 519px;
    width: 100%;
}
.pagination-text{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: center;
}


/* ======== Filter-and-result-sections style-end ============ */


/* ======== Booking-page-style ============ */

.page-hero-step ul{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.page-hero-step ul::after{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    content: "";
    z-index: -1;
    background-color: #fff;
}
.page-hero-step ul li{
    padding: 0px 14px;
}
.page-hero-step ul li.active span{
    background-color: #fff;
    color: var(--primary);
}
.page-hero-step ul li:first-child{
    padding-left: 0px;
}
.page-hero-step ul li:last-child{
    padding-right: 0px;
}
.page-hero-step ul li span{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #000000;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: inline-flex;
    align-items: center;justify-content: center;
}

.booking-footer {
    background-position: top;
    background-repeat: no-repeat;
    background-color: transparent !important;
    padding-top: 54px;
    background-size: cover;
}
.booking-form p.small {
    font-size: 13px;
}
.booking-form p img {
    max-width: 25px;
}
.booking-footer-info span img {
    max-width: 35px;
}

/* section-booking */

.section.booking {
    padding: 210px 0px 100px;
}
.booking-form{
    max-width: 500px;
    margin: 0 auto;
}

.booking-form h6{
    color: var(--primary);
    margin-bottom: 10px;
}
.booking-form .input-group .form-control{
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    height: 38px;
    border-left: 0px;
    box-shadow: none;
    padding-left: 0px;
}

.booking-form .input-group textarea.form-control{
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    height: 38px;
    box-shadow: none;
    min-height: 129px;
    resize: none;
}
.booking-form .input-group .input-group-text{
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    height: 38px;
    padding: 10px 10px;
}
.booking-form .input-group .input-group-text:first-child{
    border-right: 0px;
}
.booking-form .input-group .input-group-text:last-child{
    border-left: 0px;
}
.booking-form .input-group-text img{
    max-width: 20px;
    max-height: 20px;
}

.booking-checkout .btn{
    padding: 0px;
    height: 48px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.booking-checkout button.btn img {
    max-width: 60px;
    max-height: 20px;
}
.booking-sep{
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 60px 0px 60px;
}
.booking-sep::after{
    position: absolute;
    left: 0px;
    top: 55%;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    content: "";
    background: #C1C1C1;
    z-index: -1;
}
.booking-sep span{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0px 8px;
    background: var(--white-color);
    font-size: 16px;
    color: #6A6A6A;
}

.payment-method-item input{
    display: none;
}
.payment-method-item input:checked ~ label .pay-ind span{
    background-color: var(--primary);
}
.payment-method-item label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 0px 20px;
    min-height: 65px;
}
.payment-method-item label .pay-info{
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.payment-method-item label .pay-img{
    flex: 0 0 auto;
    width: 40px;
    margin-right: 20px;
}
.pay-img img {
    max-width: 40px;
    max-height: 40px;
}

.payment-method-item label .pay-text{
    color: #000;
}
.payment-method-item label .pay-ind{
    padding-top: 4px;
}
.payment-method-item label .pay-ind span{
    height: 20px;
    width: 20px;
    background-color: #C1C1C1;
    display: inline-block;
    border-radius: 40px;
}
.payment-method-item{
    margin-bottom: 12px;
}
.payment-method{
    margin-bottom: 80px;
}
.card-bill-body ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white-color);
    padding: 4px 0px;
    font-size: 16px;
}
.card-bill-body ul li span a{
    display: inline-block;
    background: #074BA3;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 15px;
    color: var(--white-color);
}
.card-bill-footer p{
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.card-bill {
    margin: 0 auto;
    max-width: 345px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.payment-bill{
    margin-bottom: 150px;
}
.booking-footer-info p{
    font-size: 16px;
    line-height: 20px;
}
.booking-footer{
    position: relative;
}
.booking-footer::after{
    position: absolute;
    left: 0px;
    bottom: 100%;
    width: 100%;
    height: 120px;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
}
.booking-footer-top{
    border-bottom: 1px solid var(--white-color);
    padding-bottom: 80px;
}
.booking-footer-bottom{
    padding: 30px 0px 80px;
}
.booking-footer-bottom .more-info p{
    font-size: 16px;
    line-height: 20px;
}
.booking-footer-bottom .more-info p a{
    color: rgba(252, 190, 33, 1);
}

.my-booking{
    padding: 8px 10px;
    background: #01449A;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 44px;
}

.date-info{
    display: flex;
    align-items: center;
    padding: 0px 14px;
}
.date-info span{
    font-size: 16px;
    color: var(--white-color);
}
.date-info .date{
    margin-right: 20px;
}

.my-booking-allInfo button{
    font-size: 15px;
}

.account-type-item input{
    display: none;
}
.account-type-item input:checked ~ label span.check-ind{
    background: var(--primary);
}
.account-type-item label{
    background-color: var(--white-color);
    padding: 17px 9px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
}
.account-type-item label span.check-ind{
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #C1C1C1;
    flex: 0 0 auto;
    display: inline-block;
}
.booking-form p {
    font-size: 16px;
}
.account-type-info{
    display: flex;
    align-items: center;
    padding-right: 40px;
}
.account-type-info img{
    max-width: 32px;
    margin-right: 9px;
    flex: 0 0 auto;
}


/* section-booking-=end */





/* ======== Booking-page-style-end ============ */


/* ======== Pertners-sections style ============ */

.section.pertner{
    padding: 48px 0px 180px;
}
.partner-wrapper{
    background: #F5F5F5;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    padding: 28px 37px;
    margin-bottom: 60px;
}
.portal-card{
    display: flex;
    align-items: center;
}
.portal-img{
    flex: 0 0 auto;
    width: 150px;
    height: 150px;
}
.portal-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.portal-content h5{
    font-weight: 500;
}
.portal-ratting p{
    font-size: 17px;
    margin-bottom: 0px;
}
.portal-ratting{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.portal-ratting span img {
    max-width: 15px;
}
.portal-content{
    padding: 0px 24px;
}
.field-title h5{
    font-size: 19px;
    font-weight: 500;
}
.field-content ul li{
    font-size: 18px;
    color: var(--black-color);
    position: relative;
    padding: 3px 0px;
    padding-left: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.field-content ul li span.close{
    cursor: pointer;
}
.field-content ul li span.close img {
    max-width: 16px;
}
.field-content ul li::after{
    position: absolute;
    left: 0px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: "";
    background: var(--black-color);
}
.portal-field-form input.form-control{
    border-radius: 20px;
    padding-left: 0px;
}
.portal-field-form .input-group-text img {
    max-width: 20px;
    max-height: 20px;
}
.availablity-day .input-group-text img {
    max-width: 20px;
    max-height: 20px;
}
.portal-field-form .input-group-text{
    border-radius: 20px;
}
.portal-field{
    padding: 26px 0px;
    border-top: 1px solid #6A6A6A;
}
.portal-card{
    margin-bottom: 60px;
}
.portal-balance{
    margin-bottom: 60px;
}
.portal-balance button{
    font-size: 15px;
}
.portal-setting{
    margin-bottom: 33px;
}

.setting-card{
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    padding: 14px 30px;
}
.setting-card button{
    font-size: 15px;
}
.portal-field-form button {
    font-size: 15px;
}

.my-portal-orders{
    max-width: 486px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 15px;
    padding: 16px 19px;
}



/* ======== Pertners-sections style-end ============ */


/* ======== Availability-sections style ============ */

.section.availability{
    padding: 74px 0px 180px;
}
.availability-header{
    margin-bottom: 60px;
}
.availablity-day .input-group .form-control{
    border-radius: 20px;
}
.availablity-day .input-group .input-group-text{
    border-radius: 20px;
}
.availablity-day{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 70px;
}
.availability-time-wrappepr{
    max-width: 548px;
    margin: 0 auto;
}

.single-time-select input{
    display: none;
}
.single-time-select input:checked ~ label {
    background-color: var(--primary);
    color: var(--white-color);
}
.single-time-select label{
    background: #F5F5F5;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    padding: 8px 5px;
    text-align: center;
    font-size: 18px;
    color: var(--black-color);
    width: 100%;
}
.single-time-select{
    flex: 0 0 auto;
    width: 20%;
    padding: 0px 8px;
    margin-bottom: 20px;
}
.availability-time-select{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 50px;
}
/* ======== Availability-sections style-end ============ */


/* ======== editProfile-sections style ============ */
.section.editProfile{
    padding: 74px 0px 180px;
}

.editProfile-item label{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.editProfile-item{
    margin-bottom: 45px;
}

.editProfile-form textarea,
.editProfile-form input{
    background: #F5F5F5;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    resize: none;
}
.editProfile-form textarea{
    min-height: 172px;
}

.editProfile-title{
    margin-bottom: 80px;
}


/* ======== editProfile-sections style-end ============ */


/* ======== userReview-sections style ============ */

.section.userReview{
    padding: 82px 0px 140px;
}
.userReview-wrapper{}
.userReview-header{
    border-bottom: 1px solid #6A6A6A;
    margin-bottom: 30px;
}
.userReview-item{
    margin-bottom: 70px;
}
.userReview-item p{
    font-size: 17px;
    font-weight: 400;
    color: #000000;
}
.userReview-ratting button{
    background-color: transparent;
    border: none;
    padding: 0px;
    margin-right: 8px;
}
.userReview-form textarea{
    resize: none;
    min-height: 124px;
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
}
.userReview-qa{
    margin-bottom: 80px;
}
.userReview-qa-item{
    display: flex;
    justify-content: space-between;
}
.userReview-qa-text p{
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color);
    margin-bottom: 0px;
}
.userReview-qa-check{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 86px;
}
.userReview-qa-check .check-item{
    padding: 4px 0px;
}
.userReview-qa-check .check-item input{
    display: none;
}
.userReview-qa-check .check-item input:checked ~ label span{
    border-color: var(--primary);
}
.userReview-qa-check .check-item input:checked ~ label span::after{
    opacity: 1;
    visibility: visible;
}
.userReview-qa-check .check-item label span{
    position: relative;
    height: 36px;
    width: 36px;
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    display: inline-block;
}
.userReview-qa-check .check-item label span::after{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 19px;
    width: 19px;
    margin-top: -9px;
    margin-left: -9px;
    background-color: var(--primary);
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    border-radius: 50%;
}
.userReview-qa-option{
    max-width: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}
.userReview-qa-option span{
    font-size: 15px;
    font-weight: 500;
    color: var(--primary);
}

.userReview-bottom button{
    font-size: 16px;
    font-weight: 500;
}
.userReview-bottom p{
    font-size: 15px;
    line-height: 18px;
}



.rating-box {
    display: inline-block;
}

.rating-box .rating-container {
    direction: rtl !important;
}

.rating-box .rating-container label {
    display: inline-block;
    margin: 0px;
    color: #d4d4d4;
    cursor: pointer;
    font-size: 45px;
    transition: color 0.2s;
    line-height: 1;
}

.rating-box .rating-container input {
    display: none;
}

.rating-box .rating-container label:hover,
.rating-box .rating-container label:hover~label,
.rating-box .rating-container input:checked~label {
    color: var(--primary);
}


/* ======== userReview-sections style-end ============ */


/* ======== legal--sections style ============ */
.section.legal{
    padding: 114px 0px 150px;
}
.legal-title{
    margin-bottom: 70px;
}
.legal-item {
    margin-bottom: 40px;
}
.legal-item h6{
    font-size: 18px;
    font-weight: normal;
    color: var(--primary);
    margin-bottom: 8px;
}
.legal-item-desc p{
    font-size: 18px;
    line-height: 22px;
    color: var(--black-color);
}
.legal-item-desc p:last-child{
    margin-bottom: 0px;
}
.legal-item-desc p a{
    color: var(--black-color);
}
.legal-item-desc a{
    color: var(--black-color);
}

/* ======== legal--sections style-end ============ */


/* ======== city-sections style ============ */
.city-wrapper{
    max-width: 565px;
    margin: 0 auto;
}
.city-text{
    margin-bottom: 90px;
}
.city-text h2{
    margin-bottom: 40px;
    text-align: center;
}
.city-img{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 120px;
}
.city-img img.mechanic-img{
    max-width: 260px;
}
.section.city{
    padding: 140px 0px 120px;
}
.city-wrapper button.btn.btn-white{
    font-weight: normal;
    color: var(--primary);
    padding: 15px 22px;
}
.btn.btn-white:hover{
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: var(--primary) !important;
}


/* ======== city-sections style-end ============ */


/* ======== Popup-css style ============ */

.modal .modal-xl{
    max-width: 1341px;
}
.modal .modal-content{
    border: none;
    border-radius: 20px;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.25);
}
.popup-wrapper{
    display: flex;
    align-items: stretch;
    border-radius: 20px;
}

.profile-sidebar{
    background-color: #fff;
    flex: 0 0 auto;
    width: 347px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.profile-sidebar-header{
    padding: 15px 17px 30px 15px;
    border-bottom: 1px solid #C1C1C1;
}

.profile-card{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.profile-img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin-right: 30px;
}
.profile-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.profile-info h6{
    font-size: 18px;
    margin-bottom: 8px;
}
.profile-info-header h6 img {
    max-width: 25px;
}
.profile-info p{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.profile-info p img {
    margin-right: 4px;
    max-width: 16px;
}


.profile-meta ul li {
    position: relative;
    padding: 5px 0px;
    padding-left: 31px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.profile-meta ul li span {
    position: absolute;
    left: 0px;
    top: 4px;
}
.profile-meta ul li span img {
    max-width: 20px;
    width: 20px;
    height: 20px;
}

.profile-info-item{
    padding: 15px 15px 15px 20px;
    border-bottom: 1px solid #C1C1C1;
}
.profile-info-item:last-child{
    border-bottom: none;
}
.profile-info-header h6 {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    margin-bottom: 15px;
}
.profile-info-header h6 img{
    flex: 0 0 auto;
    margin-right: 10px;
}
.profile-info-item ul li{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    padding: 3px 0px;
    padding-left: 26px;
}
.profile-info-item ul li span{
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0px;
    top: 3px;
}
.profile-info-item ul li span img{
    max-width: 100%;
}
.profile-info-item p{
    font-size: 15px;
    line-height: 18px;
}
.profile-info-item p a{
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}
.profile-info p {
    margin-bottom: 0px;
}


.all-info-popup .modal-dialog {
    max-width: 345px;
    margin: 0 auto;
}

.reviews-modal.modal .modal-dialog{
    max-width: 350px;
}
.reviews-list{
    height: 400px;
    overflow-y: scroll;
}

/* popup-sidebar-end */


/* popup-content-start */

.profile-content {
    flex-grow: 1;
    background-color: #F5F5F5;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.profile-sidebar-header button{
    position: absolute;
    right: 10px;
    top: 10px;
    box-shadow: none !important;
}

.profile-desc p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #6A6A6A;
}
.profile-desc{
    margin-bottom: 42px;
    min-height: 90px;
}
.profile-content-wrapper{
    padding: 24px 19px 18px 15px;
}


.profile-reviews{
    flex: 0 0 auto;
    width: 343px;
}
.profile-reviews h6{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
}
.profile-review-item{
    background: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 8px;
    padding: 12px 11px;
}
.profile-review-header{
    display: flex;
    align-items: center;
}
.profile-review-header h6{
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 0px;
}
.profile-review-star{
    display: flex;
    align-items: center;

}
.profile-review-star img{
    max-width: 16px;
    width: 16px;
}
.profile-review-star p{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
}
.profile-review-desc {
    margin-top: 10px;
}
.profile-review-desc p{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
}

.profile-service {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    padding: 17px 8px;
    border-radius: 15px;
    background-color: var(--primary);
    flex: 0 0 auto;
    max-width: 350px;
    width: 100%;
}
.profile-service-header h6{
    color: var(--white-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}
.profile-service-content ul li{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white-color);
    padding: 3px 0px;
    padding-left: 15px;
    position: relative;
}
.profile-service-content ul li::after {
    position: absolute;
    left: 0px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--white-color);
    content: "";
}
.profile-service-content ul li strong{
    font-weight: 600;
}
.profile-content-info{
    margin-bottom: 57px;
}
.book-now button.btn{
    font-size: 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.profile-service{
    background-image: url('../img/logo-bgs/logo-bg-city.png');
    background-size: 300px;
    background-position: center;
    background-repeat: no-repeat;
}

/* popup-content-start-end */

.overlay.show{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 10;
}


/* popup-css */
.popup {
    position: fixed;
    right: inherit;
    top: 50%;
    width: 319px;
    padding: 17px 15px 24px 15px;
    background: #F5F5F5;
    border: 1px solid #6A6A6A;
    z-index: 111;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup.popup-sort.show{
    opacity: 1;
    visibility: visible;
}

.popup.popup-filter.show{
    opacity: 1;
    visibility: visible;
}



.popup-header{
    margin-bottom: 24px;
    text-align: center;
}
.popup-header h6{
    font-size: 16px;
    margin-bottom: 8px;
}
.popup-header p{
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 18px;
}


.select-wrapper{
    width: 100%;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #6A6A6A;
    border-radius: 15px;
    display: flex;
    align-items: stretch;

}
.picker-input {
    width: 100%;
}

.picker-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}
.picker-icon img{
    max-width: 20px;
    max-height: 20px;
}
.select-wrapper input{
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: transparent;
}

.ui-timepicker-standard {
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    margin: 0;
    padding: 2px;
}
.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}
.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    z-index: 111;
}
.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #fff;
    display: block;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    background-color: var(--primary);
    border-radius: 0px;
}





.popup-content {
    width: 100%;
}
.popup .filter-input .input-group input{
    border: 1px solid #000;
}
.popup .filter-input .input-group span.input-group-text{
    border: 1px solid #000;
}
.popup .filter-select{
    border: 1px solid #000;
}



/* popup-css-end */


.like-advantage-mobo button:hover {
    background: rgba(255, 255, 255, 0.8);
    color: var(--primary);
}
.like-advantage button.btn {
    font-size: 16px;
    font-weight: 600;
    padding: 9px 13px;
    border-radius: 15px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.filter-btns button.btn {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}

/* ======== Popup-css style-end ============ */

/* ======== Offcanvas-menu-css sections style ============ */
.mobile-bar{
    position: absolute;
    left: 14px;
    top: 11px;
}
.mobile-bar .bars{
    overflow: hidden;
    height: 26px;
    width: 26px;
    position: relative;
}
.mobile-bar .bars span{
    position: absolute;
    transition: .3s;
    cursor: pointer;
}
.mobile-bar .bars span.bar{
    left: 0px;
}
.mobile-bar .bars span.close{
    left: 100%;
}
.bars.show span.close {
    left: 0;
}
.bars.show span.bar {
    left: -100%;
}
.mobile-bar span.bar img {
    max-width: 25px;
    max-height: 25px;
}
.mobile-bar span.close img {
    max-width: 20px;
    max-height: 20px;
}

.offcanvas-wrapper{
    position: fixed;
    left: 0px;
    width: 320px;
    padding: 25px 15px;
    background-color: var(--primary);
    z-index: 111;
    transition: .3s;
    opacity: 0;
    top: 54px;
    visibility: hidden;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25);
}
.offcanvas-wrapper.show{
    opacity: 1;
    visibility: visible;
    transition: .3s;
}

.menu-item{
    margin-bottom: 20px;
}
.menu-item h5{
    color: var(--white-color);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.menu-item ul li a{
    display: block;
    color: var(--white-color);
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    padding: 8px 0px;
    padding-left: 38px;
    position: relative;
}
.menu-item ul li a span{
    width: 20px;
    display: block;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 7px;

}
.menu-item ul li a span img{
    max-width: 100%;
}
.offcanvas-wrapper button.btn {
    font-size: 16px;
}

/* ======== Offcanvas-menu-css sections style-end ============ */


/* ======== Loading-screen- sections style ============ */
.loading-screen{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    z-index: 111;
    flex-direction: column;
}


.loading-logo{
    margin-bottom: 280px;
}
.loading-logo img{
    margin-bottom: 10px;
}
.loading-logo h5{
    color: var(--white-color);
    font-size: 25px;
    line-height: 31px;
}
.loading-text h6{
    color: var(--white-color);
    font-size: 21px;
    font-weight: 700;
}
.loading-text img{
    position: relative;
    top: -20px;
}

/* ======== Modal Styling start ============ */


.image--cover {
    width: 121px;
    height: 121px;
    border-radius: 50%;
    margin: 20px;

    object-fit: cover;
    object-position: center right;
}

/* ======== Loading-screen- sections style-end ============ */

/* ======== sections style ============ */
/* ======== sections style-end ============ */


/* ======== sections style ============ */
/* ======== sections style-end ============ */

/* ======== sections style ============ */
/* ======== sections style-end ============ */

@media (min-width: 768px){
    .custum-model-width {
        max-width: 760px !important;
        margin: 1.75rem auto;
    }
}

@media (min-width: 1024px){
    .custum-model-width {
        max-width: 1024px !important;
        margin: 1.75rem auto;
    }
}


.btn-shadow{
    box-shadow: 0px 4px 4px 0px #00000040;
}

/* ======== sections style ============ */
/* ======== sections style-end ============ */