@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
        url('../fonts/geomanist-regular-webfont.woff') format('woff'),
        url('../fonts/geomanist-regular-webfont.ttf') format('truetype'),
        url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/geomanist-bold-webfont.woff2') format('woff2'),
        url('../fonts/geomanist-bold-webfont.woff') format('woff'),
        url('../fonts/geomanist-bold-webfont.ttf') format('truetype'),
        url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/geomanist-medium-webfont.woff2') format('woff2'),
        url('../fonts/geomanist-medium-webfont.woff') format('woff'),
        url('../fonts/geomanist-medium-webfont.ttf') format('truetype'),
        url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: 500;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');


* {
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    background: #FFFFFF;
}

a:focus {
    outline: none
}

input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-moz-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-ms-file-upload-button {
    cursor: pointer;
}

input[type="file"]::-o-file-upload-button {
    cursor: pointer;
}

input[type="file"] {
    cursor: pointer;
}

html body {
    font-family: 'Geomanist', sans-serif;
    font-weight: normal;
    overflow-x: hidden;
    background: #FFFFFF;
    padding: 0;
}

*::selection {
    color: #fff;
    background: #201E0F;
}

*::-moz-selection {
    color: #fff;
    background: #201E0F;
}

*::-webkit-selection {
    color: #fff;
    background: #201E0F;
}

*::-ms-selection {
    color: #fff;
    background: #201E0F;
}

*::-webkit-input-placeholder {
    color: #333333;
    opacity: 1;
}

*:-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*::-moz-placeholder {
    color: #333333;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

a,
div a:hover,
div a:active,
div a:focus,
button {
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a,
span,
div a:hover,
div a:active,
button {
    text-decoration: none;
}

*::after,
*::before,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body a {
    font-family: 'Geomanist', sans-serif;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    outline: none !important;
}

body a:focus {
    outline: none !important;
}

body a:hover {
    color: #2E3C2D;
    outline: none !important;
}


* {
    outline: none;
    list-style: none;
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner,
option::-moz-focus-inner,
a::-moz-focus-inner,
button,
a {
    border: 0;
    outline: none;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Geomanist', sans-serif;
    font-weight: normal;
    color: #000;
    margin: 0 0 15px;
}

body h1 {
    font-size: 24px;
}

body h2 {
    font-size: 22px;
}

body h3 {
    font-size: 18px;
}

body h4 {
    font-size: 16px;
}

body h5 {
    font-size: 12px;
}

body h6 {
    font-size: 10px;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
    margin-bottom: 0;
}

img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    outline: none !important;
}

body p {
    color: #000;
    font-family: 'Geomanist', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    margin: 0 0 7px;
    padding: 0;
    text-align: left;
}

body p:empty {
    margin: 0;
    line-height: 0;
}

body p:last-child {
    margin-bottom: 0;
}

body ul,
body li,
body ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    position: relative;
}

.top-btn {
    height: 50px;
    width: 50px;
    position: fixed;
    top: auto;
    right: 30px;
    left: auto;
    bottom: 30px;
    border-radius: 5px;
    font-family: fontawesome;
    line-height: 45px;
    text-align: center;
    z-index: 99;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .4);
    text-decoration: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    scroll-behavior: smooth;
    font-size: 0;
    background: #2E3C2D;
    color: #FFFFFF;
}

.top-btn:hover {
    background: #A6BD19;
    color: #2E3C2D;
}

.top-btn::before {
    content: "\f106";
    font-size: 36px;
}

.container {
    max-width: 1153px !important;
    position: relative;
}



header.site_header {
    background: transparent;
    padding: 30px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


header.site_header .site_logo {
    max-width: 178px;
    width: 100%;
}

header.site_header .site_logo a {
    display: block;
    padding: 0;
    margin: 0;
}

header.site_header .navbar-nav .nav-link {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
    padding: 0;
    border-bottom: 1px solid transparent;
}

header.site_header .navbar-nav .nav-link:hover,
header.site_header .navbar-nav .nav-link.active{
    border-color: #FFFFFF;
}

header.site_header .navbar-nav .nav-item {
    margin-right: 50px;
}

header.site_header .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

header.site_header .navbar-collapse {
    justify-content: flex-end;
}

.main_banner {
    height: 1035px;
    position: relative;
    overflow: hidden;
}

.main_banner .banner_image img {
    width: 100%;
}
header.site_header .btn_wrapper{
    margin-left: 50px;
}
header.site_header .btn_wrapper .nav-link.btn {
    background: #E3D39F;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 100%;
    font-weight: 700;
    font-size: 14px;
    color: #015BEF;
    padding: 13.5px 15px;
    min-width: 188px;
    font-family: 'Geomanist', sans-serif;
}

header.site_header .navbar-nav {
    align-items: center;
}


.banner_content_wrapper {
    position: absolute;
    top: 19%;
    left: 0;
    right: 0;
    width: 100%;
}

.title_wrapper .main_title {
    font-weight: 500;
    font-size: 59.3055px;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
    line-height: 111%;
    margin-bottom: 30px;
}

.main_title span {
    font-weight: 400;
}

.banner_content_wrapper .description p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 200%;
}

.banner_content_wrapper .description {
    margin-bottom: 36px;
}

.banner_content_wrapper .main_content_wrap {
    max-width: 49.9%;
    width: 100%;
    margin-bottom: 84px;
    position: relative;
    z-index: 1;
}

.banner_content_wrapper .main_content_wrap .btn_wrapper .btn {
    margin-right: 17px;
}

.banner_content_wrapper .main_content_wrap .btn_wrapper .btn:last-child {
    margin-right: 0;
}

.banner_content_wrapper .banner_main_img {
    max-width: 1128px;
    width: 100%;
    margin: auto;
}

.banner_content_wrapper .banner_main_img .img_wrapper img {
    filter: drop-shadow(0px 0px 88px #034ECB);
}

.btn {
    background: #E3D39F;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 100%;
    font-weight: 700;
    font-size: 14px;
    color: #015BEF;
    padding: 13.5px 15px;
    min-width: 188px;
    font-family: 'Geomanist', sans-serif;
    border: none;
    outline: none;
}

.btn.dark-btn {
    background: #030303;
    color: #FFFFFF;
    font-weight: 400;
}


.trusted-customers {
    padding: 60px 0 50px;
    background: #FFFFFF;
    box-shadow: -5px 4px 74px rgb(136 136 136 / 66%);
    position: relative;
}

.trusted-customers::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    right: auto;
    width: 119px;
    height: 242px;
    background: url('../img/shape-01.png') no-repeat center;
}

.section_desk {
    margin-bottom: 55px;
}

.section_desk p {
    color: #71849D;
    text-align: center;
    font-size: 24px;
    font-family: 'Geomanist', sans-serif;
    font-weight: 400;
    line-height: 111%;
}

.section_desk p strong {
    font-weight: 500;
    display: block;
}

.trusted-customers .row.customerbrand>div {
    margin-right: 48px;
}

.trusted-customers .row.customerbrand>div:last-child {
    margin-right: 0;
}

.features {
    padding: 50px 0 50px;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    margin-top: -1px;
}

.features .container {
    z-index: 2;
}



.features .left_side {
    width: 51.4%;
    padding-top: 31px;
}

.features .description-wrap {
    max-width: 90%;
    margin-bottom: 39px;
}

.row .title_wrapper .main_title {
    color: #71849D;
}

.title_wrapper .title_logo {
    max-width: 124px;
    width: 100%;
    margin-bottom: 22px;
}

.description-wrap p {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Geomanist', sans-serif;
    line-height: 200%;
    color: #71849D;
}


.features .feature-badge .badge {
    border-radius: 6.82574px;
    border: 1px solid #D9E6F7;
    font-family: 'Geomanist', sans-serif;
    color: #030303;
    font-weight: 500;
    font-size: 14px;
    padding: 22px 15px 22px 33px;
    min-width: 205px;
    margin-bottom: 25px;
    margin-right: 25px;
    position: relative;
}

.features .feature-badge .badge:nth-child(3) {
    margin-left: 48px;
}

.features .feature-badge .badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: 19px;
    right: auto;
    width: 25px;
    height: 25px;
    background: url('../img/feature_icon.png') no-repeat center;
    bottom: 0;
    margin: auto;
    display: block;
}

.features .feature-badge .badge::after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    right: auto;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 37px;
    background: #015BEF;
}

.features .feature-badge .badge-2::after {
    background: #70CF97;
}

.features .feature-badge .badge-3::after {
    background: #FF754C;
}

.features .feature-badge .badge-4::after {
    background: #E3D39F;
}

.features .right_side {
    width: 48.6%;
}

.features .right_side .overlaping_image .img_wrapper:first-child {
    width: 855px;
    height: 530px;
    position: relative;
    right: -100px;
}

.features .right_side .overlaping_image .img_wrapper:first-child img {
    filter: drop-shadow(-5px 4px 54px rgba(226, 231, 235, 0.66));
}

.features .right_side .overlaping_image .img_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.features .right_side .overlaping_image .img_wrapper:nth-child(2) {
    max-width: 491px;
    height: 335px;
    position: relative;
    margin-left: auto;
    margin-top: -277px;
}

.features .right_side .overlaping_image .img_wrapper:nth-child(2) img {
    box-shadow: -3.03461px 2.42769px 32.7738px rgba(226, 231, 235, 0.66);
}

.about_us .left_side .overlaping_img .img_wrapper {
    position: relative;
}

.about_us .left_side .overlaping_img .img_wrapper:first-child {
    width: 672px;
    height: 481px;
    left: -294px;
}

.about_us .left_side .overlaping_img .img_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.about_us .left_side .overlaping_img .img_wrapper:nth-child(2) {
    max-width: 353px;
    width: 100%;
    height: 240.01px;
    margin-left: 68px;
    margin-top: -191px;
}

.about_us .left_side .overlaping_img .img_wrapper:nth-child(2) img {
    box-shadow: -3.89625px 3.117px 42.0795px rgba(226, 231, 235, 0.66);
}

.btn.primary-btn {
    background: #015BEF;
    color: #FFFFFF;
    font-weight: 400;
}

.about_us .btn_wrapper .btn {
    margin-right: 17px;
}

.about_us .btn_wrapper .btn:last-child {
    margin-right: 0;
}

.about_us .description-wrap {
    margin-bottom: 36px;
    max-width: 85%;
    width: 100%;
}

.about_us .right_side {
    padding-left: 47px;
}

.image_stripe .image-lists {
    display: flex;
    align-items: center;
}

.about_us {
    position: relative;
    padding: 53px 0 112px;
}

.about_us::before {
    content: '';
    position: absolute;
    top: -301px;
    left: auto;
    right: 0;
    width: 158px;
    height: 391px;
    background: url('../img/shap-02.png') no-repeat center;
}

.about_us::after {
    content: '';
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    width: 130px;
    height: 352px;
    bottom: 0;
    background: url('../img/shape-03.png') no-repeat center;
}


/* .image_gallery .img_wrapper:first-child {
    margin-left: -515px;
    max-width: 600px;
    width: 100%;
}

.image_gallery .img_wrapper:nth-child(2) {
    max-width: 576.44px;
    width: 100%;
    margin-left: 33px;
}

.image_gallery .img_wrapper:nth-child(3) {
    max-width: 347px;
    width: 100%;
    margin-left: 10px;
}

.image_gallery .img_wrapper:nth-child(4) {
    max-width: 347px;
    width: 100%;
    margin-left: 10px;
} */

.image_gallery .row {
    flex-wrap: unset;
}

.image_gallery  .owl-item.active.center {
    height: 394.03px ;
    width: 576.44px !important;
}
.image_gallery  .owl-item.active.center .img_wrapper{
    height: 394.03px;
    width: 576.44px;
}
.image_gallery  .owl-item.active.center .img_wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.image_gallery .img_wrapper{
    border: 0.712532px solid #D9E6F7;   
    border-radius: 7.12532px;
    overflow:hidden;
    position: relative;
    height: 265.77px;
    background: #FFFFFF;
}

.image_gallery .img_wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.image_gallery .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
    min-height: 394.03px;
}

.image_gallery .owl-carousel .owl-stage-outer{
overflow: unset;
}

.image_gallery .image_gallery_wrapper{
position: relative;
left: -269px;
}

.image_gallery {
margin-bottom: -200px;
overflow-x: hidden;
position: relative;
z-index: 1;
}



.popular_sell {
    padding: 356px 0 100px;
    background: #015BEF;
    position: relative;
}

.popular_sell::before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    width: 132px;
    height: 282px;
    z-index: 1;
    bottom: 366px;
    background: url('../img/shape-04.png') no-repeat center;
}  




.popular_sell .detailing-row{
    position: relative;
    left: 59px;
}

.popular_sell .container {
    max-width: 1267px !important;
}

.popular_sell .row .title_wrapper .main_title {
    color: #FFFFFF;
}

.popular_sell .row>div>.description {
    max-width: 83%;
    width: 100%;
    margin-bottom: 43px;
}

.popular_sell .description p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 200%;
}


.popular_sell .btn_wrapper .btn {
    margin-right: 17px;
}

.popular_sell .btn_wrapper .btn:last-child {
    margin-right: 0;
    font-weight: 400;
}

.popular_sell .popular_place {
    margin: 82px 0 0;
    position: relative;
}



.popular_sell .popular_place .title_wrapper{
    max-width: 50%;
    margin: auto;
    position: relative;
}

.popular_sell .popular_place .title_wrapper::before {
    content: '';
    position: absolute;
    top: 105px;
    left: auto;
    right: -264px;
    width: 105px;
    height: 152px;
    background: url('../img/shape-05.png') no-repeat center;
}

.popular_place .main_title {
    text-align: center;
}

.popular_place .description {
    max-width: 41%;
    width: 100%;
    margin: auto;
}

.popular_place .description p {
    text-align: center;
}

.popular_place .card {
    box-shadow: 0px 5.58621px 13.0345px rgba(156, 158, 162, 0.18);
    background: transparent;
    border: none;
    border-radius: 6.08358px;
    border: 0.608358px solid #D9E6F7;
}

.popular_place .card .card_img {
    border-top-left-radius: 6.08358px;
    border-top-right-radius: 6.08358px;
    overflow: hidden;
    height: 128.16px;
    position: relative;
}

.popular_place .card .card_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    object-fit: cover;
}

.popular_place .card .card-body {
    background: #FFFFFF;
    padding: 20px 20px;
    border-bottom-left-radius: 6.08358px;
    border-bottom-right-radius: 6.08358px;
}

.popular_place .card .card-body .description {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.popular_place .card .card-body .description p {
    font-weight: 400;
    font-size: 12px;
    font-family: 'Geomanist', sans-serif;
    line-height: 184%;
    color: #71849D;
    text-align: left;
}

.popular_place .demo_cards {
    margin-top: 71px;
    margin-bottom: -319px;
}

.popular_place .card .card-body .title h2 {
    font-weight: 400;
    font-size: 23.9085px;
    color: #030303;
    font-family: 'Geomanist', sans-serif;
}

.popular_place .card .card-body .title h2 span {
    font-weight: 500;
}

.popular_place .card .card-body .btn {
    font-weight: 700;
}


.testimonials {
    padding-top: 296px;
    padding-bottom: 100px;
}


.testimonials .title_wrapper .main_title {
    color: #71849D;
    font-weight: 400;
    text-align: center;
}

.testimonials .customer-words {
    max-width: 57%;
    margin: 60px auto 0;
}

.testimonials .customer-words .comment-wrapper {
    margin-bottom: 46px;
    position: relative;
}

.testimonials .customer-words .comment-wrapper::before {
    content: '';
    position: absolute;
    top: -25px;
    left: -52px;
    right: auto;
    width: 30px;
    height: 25px;
    background: url('../img/quotes.png') no-repeat;
}

.testimonials .customer-words .comment-wrapper::after {
    content: '';
    position: absolute;
    top: auto;
    left: auto;
    right: -58px;
    bottom: -15px;
    width: 30px;
    height: 25px;
    background: url('../img/quotes.png') no-repeat;
}


.testimonials .customer-words .comment-wrapper p {
    font-style: italic;
    font-weight: 400;
    font-size: 16.8649px;
    color: #71849D;
    text-align: center;
    line-height: 200%;
}

.testimonials .customer_profile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.testimonials .customer_profile .customer_img {
    position: relative;
    width: 41.66px;
    height: 41.8px;
    border-radius: 11.7446px;
}


.testimonials .customer_profile .customer_img::before {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #70CF97;
    z-index: 1;
}


.testimonials .customer_profile .customer_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.testimonials .customer_profile .customer-desk {
    margin-left: 15px;
}

.testimonials .customer_profile .customer-desk .name {
    color: #71849D;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 0;
}

.testimonials .customer_profile .customer-desk .role {
    font-weight: 400;
    font-size: 13px;
    color: #71849D;
}



.site-footer .footer-content_wrapper {
    border-top: 1px solid #D9E6F7;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
}

.site-footer .container {
    max-width: 1187px !important;
}
.site-footer .newsletter{
    width: 32.3%;
}
.site-footer .newsletter .title-wrapper .title {
    font-weight: 500;
    font-size: 25.6216px;
    color: #71849D;
    font-family: 'Geomanist', sans-serif;
    margin-bottom: 19px;
}

.site-footer .newsletter .title-wrapper .title span {
    font-weight: 400;
}

.site-footer .newsletter .newsletter-form form .input-wrapper {
    position: relative;
    margin-bottom: 19px;
}

.site-footer .newsletter .newsletter-form form input {
    border: 1px solid #BFCAD7;
    height: 50px;
    width: calc(100% - 61px);
    padding: 0 15px;
    font-weight: 500;
    font-size: 12px;
    color: #71849D;
    font-family: 'Geomanist', sans-serif;
    border-right: 0;
}

.site-footer .newsletter .newsletter-form form button[type="submit"] {
    background: #015BEF;
    border-radius: 0px 13px 13px 0px;
    border: none;
    outline: none;
    width: 61px;
    height: 50px;
    font-size: 0;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

.site-footer .newsletter .newsletter-form form button[type="submit"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url('../img/Arrowleft.svg') no-repeat center;
}

.site-footer .newsletter .newsletter-form p{
    color: #71849D;
    font-weight: 400;
    font-size: 12px;
}

.site-footer .footer-title h3{
    color: #71849D;
    letter-spacing: 2.5px;
    font-weight: 400;
    font-size: 20px;
    font-family: 'Geomanist',sans-serif;
    margin-bottom: 18px;
}
.site-footer  ul.footer-menu li{
    line-height: 100%;
    margin-bottom: 5px;
}
.site-footer  ul.footer-menu li:last-child{
    margin-bottom: 0;
}
.site-footer  ul.footer-menu li a{
    font-weight: 400;
    font-size: 12px;
    color: #71849D;
    font-family: 'Geomanist',sans-serif;
}

.site-footer .footer-menu-list {
    padding: 0 15px;
    width: 33.3%;
}
.site-footer .footer-right{
    display: flex;
    flex-wrap: wrap;
    width: 67.7%;
}
.site-footer .footer-right .footer-menu-list:first-child{
    padding-left: 100px;
}
.site-footer .footer-right .footer-menu-list:nth-child(2){
    padding-left: 60px;
}

.site-footer .social-links{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.site-footer .social-links li{
    margin-right: 10px;
}
.site-footer .social-links li:last-child{
    margin-right: 0;
}
.site-footer .social-links li a{
display: block;
position: relative;
width: 33px;
height: 33px;
font-size: 0;
border-radius: 10px;
}
.site-footer .social-links li a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:  url('../img/social-icons.png') no-repeat;
    border-radius: 10px;
    background-position: center 10px;
}

.site-footer .social-links li a.facebook::before{
    background-position: center -20px;
}
.site-footer .social-links li a.twitter::before{
    background-position: center -51px;
}
.site-footer .social-links li a.message::before{
    background-position: center -77px;
}


.site-footer .social-links li a:hover:before{
    filter: invert(6) brightness(19);
}

.site-footer .social-links li a:hover{
    background: #015BEF;
}

.site-footer .footer-right .footer-menu-list:nth-child(3){
    padding-left: 79px;
}

.site-footer ul.footer-menu li a:hover{
    color: #015BEF;
}

.site-footer .newsletter .newsletter-form form button[type="submit"]:hover{
    background: #E3D39F;
}
.btn.primary-btn:hover{
    background: #E3D39F;
}

.popular_sell .btn_wrapper .btn.bg-white:hover{
    background-color: #030303 !important;
    color: #FFFFFF;
}
.btn:hover{
    background: #030303 !important;
    color: #FFFFFF !important;
}

.btn.dark-btn:hover{
    background: #E3D39F !important;
}




.site-footer .copyright p,
.site-footer .copyright p a{
    font-weight: 500;
    font-size: 12px;
    color: #71849D;
   font-family: 'Geomanist',sans-serif;
}
.site-footer .copyright p a:hover,
.site-footer .footer-bottom .terms-link ul li a:hover{
    color: #015BEF;
}
footer.site-footer {
    padding-bottom: 80px;
}

.site-footer .footer-bottom{
    display: flex;
    align-items: center;
}
.site-footer .footer-bottom .terms-link ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.site-footer .footer-bottom .terms-link ul li{
    line-height: 100%;
    margin-right: 62px;
}
.site-footer .footer-bottom .terms-link ul li:last-child{
    margin-right: 0;
}
.site-footer .footer-bottom .terms-link ul li a{
    font-weight: 400;
    font-size: 12px;
    color: #71849D;
    font-family: 'Geomanist',sans-serif;    
}
.site-footer .footer-bottom .copyright{
    margin-right: 50px;
}

.title_wrapper.mobile-view{
    display: none;
}
.title_wrapper.mobile-view .main_title{
    text-align: center;
}
.title_wrapper.mobile-view .title_logo{
    margin-left: auto;
    margin-right: auto;
}

.img_wrapper.mobile-view{
    display: none;
}
.site-footer .footer-bottom .social_link{
    display: none;
}

.owl-carousel.customerbrand .owl-item img{
    width: auto;
    margin: 0;
}
.popular_place .card .card-body .btn_wrapper{
    text-align: left;
}


/* ========== registration-page-start ========== */


.registration-page{
    height: 100vh;
    background:#015BEF url('../img/register-background.png') no-repeat;
    background-size: 100%;
}












#msform input{
    height: 40px;
    border-radius: 12.1212px;
    border: 1px solid #FFFFFF;
    background: transparent;
    width: 100%;
    padding: 0 15px;
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    font-family: 'Geomanist',sans-serif;
}

#msform input::placeholder{
    color: #ffffff;
}
#msform input:-ms-input-placeholder{
    color: #ffffff;
}
#msform input::-webkit-input-placeholder{
    color: #ffffff;
}



#msform .action-button {
position: relative;
width: 188px;
height: 41px;
background: #E3D39F;
border-radius: 5px;
outline: none;
border: none;
color: #015BEF;
font-weight: 500;
font-size: 12px;
font-family: 'Geomanist',sans-serif;
line-height: 41px;
}

#msform .action-button.next::after{
    content: '\f054';
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 12px;
    margin-left: 10px;
}

#msform .action-button.previous_button{
    background: #5693F7;
    color: #FFFFFF;
    margin-right: 15px;
}

#msform .action-button.previous_button::before{
    content: '\f053';
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 12px;
    margin-right: 10px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}


#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 16%;
    float: left;
    padding-bottom: 20px;
    position: relative;
}


#progressbar li strong{
    color: #4B8CF6;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
}
#progressbar .active strong{
color: #ffffff;
}

#progressbar li:before {
    content: '';
    width: 10px;
    height: 10px;
    line-height: 45px;
    font-size: 18px;
    color: #ffffff;
    background:#4B8CF6;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    top: auto;
    bottom: 3px;
    left: 0;
    z-index: 1;
}

#progressbar li:first-child::before{
    width: 18px;
    height: 18px;
    bottom: 0;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #4B8CF7;
    position: absolute;
    left: -172px;
    top: auto;
    bottom: 7px;
}

#progressbar li:first-child:after{
visibility: hidden;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background:#ffffff;
}

.radio-group {
    position: relative;
    margin-bottom: 25px
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
}

.fit-image {
    width: 100%;
    object-fit: cover
}


.registration-page .wizard-steps{
    padding-top: 153px;
}


.wizard-steps .fieldset .title_wrapper .title{
    font-weight: 400;
    font-size: 59.3055px;
    color: #FFFFFF;
    font-family: 'Geomanist',sans-serif;
    margin-bottom: 24px;
}
.wizard-steps .fieldset .title_wrapper .title span{
    font-weight: 500;
}

.wizard-steps .fieldset .description p{
font-weight: 400;
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #ffffff;
line-height: 200%;
}
.wizard-steps .fieldset .description{
    max-width: 84%;
    width:100%;
    margin-bottom: 33px;
}

.wizard-steps form .fieldset{
    max-width: 653px;
    width: 100%;
    display: block;
}



.wizard-steps .fieldset.main{
    display: none;
    opacity: 0;
}
.wizard-steps .fieldset.main.active{
    display: block;
    opacity: 1;
}


.wizard-steps form .input_wrapper label{
    font-weight: 400;
    font-size: 10.7918px;
    font-family: 'Poppins', sans-serif;
    color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
}

.wizard-steps form .input_wrapper.category>label{
    font-weight: 500;
    margin-bottom: 16px;
    font-size: 16.2857px;
}

.wizard-steps form .input_wrapper  label input[type="radio"] + span{
    border-radius: 10.4182px;
    border: 1px solid #FFFFFF;
    display:inline-block;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Geomanist',sans-serif;
    min-width: 241px;
    min-width: 241px;
    padding: 16px 15px;
    background: transparent;
    cursor: pointer;
    position: relative;
}
.wizard-steps form .input_wrapper  label input[type="radio"] + span::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    margin-right: 15px;
}
.wizard-steps form .input_wrapper  label span.employee::before{
    background: url('../img/employee-icon.svg') no-repeat center; 
}
.wizard-steps form .input_wrapper  label span.customer::before{
    background: url('../img/customer-icon.svg') no-repeat center;
}

.wizard-steps form .input_wrapper  label input[type="radio"]:checked + span.customer::before{
    background-image: url('../img/customer-icon-active.svg');
}
.wizard-steps form .input_wrapper  label  input[type="radio"]:checked + span.employee::before{
    background-image: url('../img/employee-icon-active.svg'); 
}
.wizard-steps form#msform  .input_wrapper label input[type="radio"]{
    display: none;
}
.wizard-steps form  .input_wrapper label input[type="radio"]:checked + span{
    background: #ffffff;
    color: #015BEF;
}


.input_wrapper .form-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wizard-steps form .input_wrapper{
    margin-right: 18px;
}

.wizard-steps form .input_wrapper:last-child{
    margin-right: 0;
}

.wizard-steps form .fieldset .main_content_wrapper {
    margin-bottom: 47px;
}


.wizard-steps .asterisk{
color: red;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    border-radius: 12.1212px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #D9E6F7;
    padding: 0 30px 0 15px;
}
.iti__flag {
    display: none;
}

.iti__arrow {
    position: relative;
    border: none !important;
}

.iti__arrow::before {
    content: '\f078 ';
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-family: "FontAwesome";
    position: absolute;
    top: -7px;
    left: 6px;
    color: #ffffff;
}
.iti.iti--allow-dropdown {
  width: 100%;
}
.iti__flag-box {
    display: none !important;
}

.iti__country-name {
    display: none;
}
.iti--separate-dial-code .iti__selected-dial-code{
    color: #ffffff;
    font-size: 12px;
}

.wizard-steps form .fieldset .main_content_wrapper .row>div{
margin-bottom: 15px;
}


.wizard-steps .image-upload-box{
    border: 1px dashed #D9E6F7;
    border-radius: 12.1212px;
    width: 314px;
    height: 52px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    display: flex;
}

.wizard-steps  .controls input {
    display: none;
}
.wizard-steps  .controls{
    margin-left: 15px;
}

.wizard-steps  .image-upload-box p {
    font-weight: normal;
    font-size: 10px;
    color: #ffffff;
    font-family: 'Geomanist-book', sans-serif;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
}

.wizard-steps  .image-upload-box p::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    background: url('../img/add_image_icon01.svg') no-repeat center;
}


.wizard-steps  .controls p{
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFF;
}

.wizard-steps  #file-upload1{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wizard-steps form  .input_wrapper.main-category label input[type="radio"] + span{
    padding: 7px 15px;
    min-width: 163.39px;
    font-size: 10.3479px;
}
.wizard-steps form .input_wrapper.main-category label input[type="radio"] + span::before{
    background-size: 100%;
    width: 20.34px;
    height: 20.34px;
}

.wizard-steps form .input_wrapper .subcategory label input[type="radio"] + span::before{
    content: unset;
}
.wizard-steps form .input_wrapper .subcategory label input[type="radio"] + span{
    display: block;
    width: 160px;
    height: 114px;
    position: relative;
    min-width: unset;
    padding: 7px;
    margin-bottom: 15px;
}
.wizard-steps form .input_wrapper .subcategory>div{
    width: 160px;
    height: 114px; 
}
.wizard-steps form .input_wrapper .subcategory label{
    width: 160px;
    height: 114px;  
    font-weight: 400;
font-size: 12px;
color: #FFFFFF;
}
.wizard-steps form .input_wrapper .subcategory label input[type="radio"]:checked + span{
    background: #ffffff;
}
.wizard-steps form .input_wrapper .subcategory label input[type="radio"] + span img{
    margin: auto;
}


.wizard-steps form .slick-initialized .slick-slide{
margin:  0 22px 20px 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}

.wizard-steps form .slick-initialized .slick-slide.slick-active{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wizard-steps form .input_wrapper.main-category{
    margin-bottom: 18px;
}

.subcategorys.slick-slider{
    position: relative;
}



.subcategorys.slick-slider .slick-arrow{
position: absolute;
top: 45px;
left: auto;
right: 15%;
border:none;
background: transparent ;
font-size: 0;
z-index: 1;
}

.subcategorys.slick-slider .slick-arrow::before{
    content: '\f054';
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 16px;
    color: #ffffff;
}

.subcategorys.slick-slider .slick-arrow.slick-prev::before{
    content: '\f053';
}

.subcategorys.slick-slider .slick-arrow.slick-prev{
    left: -29px;
    right: auto;
}
.subcategorys.slick-slider .slick-arrow.slick-disabled{
    display: none !important;
}

.wizard-steps form .fieldset:last-child .main_content_wrapper{
    margin-top: 66px;
}
.wizard-steps form .fieldset:last-child .description{
    max-width: 46%;
}

.registration-footer .footer-bottom {
    display: flex;
    align-items: center;
}
.registration-footer .footer-bottom .copyright {
    margin-right: 50px;
}
.registration-footer .copyright p, .registration-footer .copyright p a {
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Geomanist',sans-serif;
}
.registration-footer .footer-bottom .terms-link ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.registration-footer .footer-bottom .terms-link ul li {
    line-height: 100%;
    margin-right: 62px;
}
.registration-footer .footer-bottom .terms-link ul li:last-child{
    margin-right: 0;
}
.registration-footer .footer-bottom .terms-link ul li a {
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Geomanist',sans-serif;
}
.registration-footer{
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0 40px 0;
}
.registration-back-img{
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
}
.registration-page .site_page_main{
    z-index: 1;
    position: relative;
}


.login-form-wrapper{
    max-width: 394px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 9.90664px 222px rgba(156, 158, 162, 0.18);
    border-radius: 9.90664px;
    margin: auto;
    padding:28px; 
}
.login-form-wrapper .title-wrapper{
    margin-bottom: 30px;
}
.login-form-wrapper .title-wrapper .title{
    font-weight: 400;
    font-size: 30.2px;
    font-family: 'Geomanist',sans-serif;
    text-align: center;
    color: #030303;
    margin-bottom: 10px;
}
.login-form-wrapper .title-wrapper .tagline{
    font-weight: 400;
    font-size: 12px;
    color: #71849D; 
    text-align: center;
    font-family: 'Geomanist',sans-serif;
    display: block;
}
.login-form-wrapper  .input-wrapper{
    margin-bottom: 15px;
}

.login-form-wrapper  .input-wrapper input{
    border-radius: 12.1212px;
    border: 1px solid #BFCAD7;
    height: 40px;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Geomanist',sans-serif;
    color: #BFCAD7;
    padding: 0 15px;
}
.login-form-wrapper  .input-wrapper input:focus{
    border-color: #015BEF;
    color: #015BEF;
}
.login-form-wrapper   label{
    font-weight: 400;
    font-size: 10.7918px;
    font-family: 'Poppins', sans-serif;
    color: #71849D;
    margin-bottom: 10px;
}
.login-form-wrapper  .note{
    position: relative;
}
.login-form-wrapper  .note label{
display: inline-block;
position: relative;
padding-left: 25px;
margin-bottom: 0;
}

.login-form-wrapper  .note label::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 15px;
    height: 15px;
    background: #BFCAD7;
    border-radius: 1px;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

.login-form-wrapper  .note  input[type="checkbox"]{
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    width: 15px;
    height: 15px;
}
.login-form-wrapper  .note  input[type="checkbox"]:checked + label::before{
    content: '\f00c';
    background: #015BEF;
}
.login-form-wrapper   .submit-btn{
    width: 100%;
    background: #015BEF;
    border-radius: 5px; 
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    padding: 11px 15px;
    outline: none;
    border: none;
    margin-top: 15px;
}
.login-form-wrapper   .submit-btn::after{
    content: '\f054';
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 12px;
    margin-left: 10px;
}
.login-form-wrapper  .note label a{
    color: #015BEF;
    text-decoration-line: underline;
}
.login-page{
    position: relative;
    z-index: 1;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffffff;
}
.login-page .main_content_wrapper{
    position: relative;
    z-index: 1;
}
.login-page .left-side-img{
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
}
.login-page .right-side-img{
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

.login-page-logo{
    max-width: 264.3px;
    width: 100%;
    margin:0 auto 35px;
}

.site-footer.login-page-footer{
    padding-bottom: 50px;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
}

.form-group.login-type  .input_wrapper label input[type="radio"] {
    display: none;
}

.form-group.login-type .input_wrapper  label input[type="radio"] + span {
    border-radius: 10.4182px;
    border: 0.664286px solid #71849D;
    display: inline-block;
    font-weight: 400;
    font-size: 10.1391px;
    font-family: 'Geomanist',sans-serif;
    min-width: 131.53px;
    padding: 10.5px 15px;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.form-group.login-type .input_wrapper label input[type="radio"]:checked + span {
    background: #015BEF;
    border-color: #015BEF;
    color: #ffffff;
}
.form-group.login-type .input_wrapper  label input[type="radio"] + span::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background-size: 20px;
}
.form-group.login-type .input_wrapper  label span.employee::before {
    background: url('../img/Employee-login.svg') no-repeat center;
}
.form-group.login-type .input_wrapper  label span.customer::before {
    background: url('../img/customer-login.svg') no-repeat center;
}


.form-group.login-type .input_wrapper  label  input[type="radio"]:checked + span.employee::before {
    background-image: url('../img/employee-icon.svg');
}

.form-group.login-type .input_wrapper  label input[type="radio"]:checked + span.customer::before {
    background-image: url('../img/customer-icon.svg');
}
.form-group.login-type{
    margin-top: 30px;
}
.form-group.login-type .input_wrapper{
    margin-right: 18px;
}

.form-group.login-type .input_wrapper:last-child{
    margin-right: 0;
}



/* 
font-family: 'Geomanist',sans-serif;
font-family: 'Poppins', sans-serif;
*/

/* =====marketing-landing-page===== */
.marketing-page header.site_header .site_logo {
    max-width: 319.55px;
    height: 44px;
}

.marketing-main-banner .main-banner_img,
.marketing-main-banner .main-banner_img img {
    height: 699px;
    width: 100%;
    object-fit: cover;
}

.marketing-page header.site_header .nav-link.btn {
    background: #015BEF;
    color: #FFFFFF;
}

.marketing-main-banner {
    position: relative;
}

.marketing-main-banner .banner-main-content {
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
}

.marketing-main-banner .banner-main-content .main-content-wrap {
    max-width: 65%;
    width: 100%;
}

.marketing-main-banner .title-wrappper .main-title {
    font-weight: 400;
    font-size: 73.9038px;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
    line-height: 111%;
    margin-bottom: 22px;
}

.marketing-main-banner .title-wrappper .main-title span {
    font-weight: 500;
}

.marketing-main-banner .description p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    color: #FFFFFF;
}

.marketing-main-banner .description {
    max-width: 77%;
    width: 100%;
    margin-bottom: 45px;
}

.marketing-main-banner .banner-main-content .main-content-wrap .btn {
    background: #015BEF;
    color: #FFFFFF;
}

.services-section {
    margin-top: -98px;
    padding-bottom: 55px;
}

.services-section .container>.row>* {
    padding: 0 21px;
}


.services-section .service-card {
    background: #FFFFFF;
    box-shadow: 0px 5.46133px 12.7431px rgba(156, 158, 162, 0.18);
    border-radius: 9.10222px;
    padding: 11.4px;
    height: 100%;
}

.services-section .service-card .img-wrapper {
    width: 100%;
    height: 162.93px;
    position: relative;
    margin-bottom: 13px;
}

.services-section .service-card .img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    filter: drop-shadow(0px 5.46133px 12.7431px rgba(156, 158, 162, 0.18));
}

.services-section .service-card .service-name .title {
    font-weight: 500;
    font-size: 39.699px;
    font-family: 'Geomanist', sans-serif;
    color: #015BEF;
    text-align: center;
    margin-bottom: 13px;
}

.services-section .service-card .description p {
    font-weight: 400;
    font-size: 15px;
    font-family: 'Geomanist', sans-serif;
    color: #71849D;
    text-align: center;
}



.marketing-gallery .gallery-wrapper .gallery-img {
    width: 20%;
    margin-bottom: 30px;
}

.marketing-gallery .gallery-wrapper .gallery-img .img-wrapper {
    position: relative;
    height: 141px;
    border-radius: 9.10222px;
}

.marketing-gallery .gallery-wrapper .gallery-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    filter: drop-shadow(0px 5.46133px 12.7431px rgba(156, 158, 162, 0.18));
}

.marketing-gallery .section-title .title {
    font-weight: 400;
    font-size: 73.9038px;
    color: #71849D;
    font-family: 'Geomanist', sans-serif;
    text-align: center;
    margin-bottom: 48px;
}

.marketing-gallery {
    margin-bottom: -101px;
}

.set-appointment {
    padding: 151px 0 114px;
    /*background: #8ECBE7;*/
}

.set-appointment_015BEF {
    background: #015BEF !important;
}
.set-appointment_E3D39F {
    background: #E3D39F !important;
}
.set-appointment_71849D {
    background: #71849D !important;
}
.set-appointment_FF754C {
    background: #FF754C !important;
}
.set-appointment_70CF97 {
    background: #70CF97 !important;
}
.set-appointment_D9E6F7 {
    background: #D9E6F7 !important;
}
.set-appointment_8ECBE7 {
    background: #8ECBE7 !important;
}


.set-appointment .main_title {
    font-weight: 400;
    font-size: 56.3673px;
    color: #FFFFFF;
    line-height: 111%;
    font-family: 'Geomanist', sans-serif;
    margin-bottom: 31px;
}

.set-appointment .main_title span {
    font-weight: 500;
    display: block;
}

.set-appointment .description p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    line-height: 150%;
}

.set-appointment .contact-info span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
}

.set-appointment .contact-info a {
    font-weight: 400;
    font-size: 29.0078px;
    text-decoration-line: underline;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
}

.set-appointment .contact-info {
    margin-bottom: 21px;
}

.set-appointment .contact-info:last-child {
    margin-bottom: 0;
}

.set-appointment .right-side .description {
    max-width: 59%;
    width: 100%;
    margin-bottom: 40px;
}

.appointment-form-wrapper {
    background: #F5F8FE;
    border-radius: 6.82574px;
    max-width: 528px;
    width: 100%;
    margin-left: auto;
    padding: 23px 22px;
}

.appointment-form-wrapper .title-wrapper .title {
    font-weight: 500;
    font-size: 56.3673px;
    color: #71849D;
    font-family: 'Geomanist', sans-serif;
    margin-bottom: 15px;
}

.appointment-form-wrapper form label{
    font-weight: 400;
    font-size: 12px;
    color: #71849D;
    font-family: 'Geomanist', sans-serif;
    margin-bottom: 10px;
}
.appointment-form-wrapper form label .asterisk{
color: red;
}
.appointment-form-wrapper form .row>div{
    margin-bottom: 10px;
}
.appointment-form-wrapper form .row>div:last-child{
    margin-bottom: 0;
}
.appointment-form-wrapper form  .submit-btn{
    outline: none;
    border:none;
    background: #015BEF;
    border-radius: 7px;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    font-family: 'Geomanist', sans-serif;
    max-width: 477px;
    width: 100%;
    padding: 8px 15px;
    margin:31px auto 4px;
    display: block;
}
.appointment-form-wrapper form  .submit-btn::after{
    content: '\f00c';
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-family: "FontAwesome";
    margin-left: 10px;
}
.appointment-form-wrapper form input{
    border: 1px solid #71849D;
    border-radius: 12.1212px;
    height: 40px;
    font-weight: 400;
    font-size: 12px;
    color: #71849D;
    padding: 0 15px;
    width: 100%;
    background: transparent;
    font-family: 'Geomanist', sans-serif;
}
.appointment-form-wrapper form  .note p{
    font-weight: 400;
font-size: 11px;
color: #71849D;
font-family: 'Geomanist', sans-serif;
line-height: 160%;
}
.appointment-form-wrapper form  .note p a{
    text-decoration-line: underline;
    color: #015BEF; 
}
.appointment-form-wrapper form input::placeholder{
    color: #71849D;
}
.appointment-form-wrapper form input:-moz-placeholder{
    color: #71849D;
}
.appointment-form-wrapper form input::-webkit-input-placeholder{
    color: #71849D;
}
.appointment-form-wrapper form  .datepicker_dropdown{
    position: relative;
}
.appointment-form-wrapper form  .datepicker_dropdown input{
    padding-left: 35px;
}
.appointment-form-wrapper form  .datepicker_dropdown::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 9px;
    right: auto;
    width: 14px;
    height: 14px;
    background: url('../img/calenda_icon.svg') no-repeat center;
    z-index: 1;
}

.f-dropdown>span {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    position: relative;
    color: #bbb;
    border: 1px solid #71849D;
    border-radius: 12.1212px;
    transition: color 0.2s ease;
}

.f-dropdown select {
    display: none;
}



.f-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: calc(var(--max-scroll) * 100px);
    top: 28px;
    left: 0;
    z-index: 1;
    right: 0;
    background: #F5F8FE;
    border: 1px solid #71849D;
    border-radius: 10.6947px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform-origin: 0 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transform: translate(0, 5px);
}
.f-dropdown ul li.active {
    pointer-events: none;
    cursor: pointer;
}
.f-dropdown ul li:first-child a {
    border-radius: 6px 6px 0 0;
}

.f-dropdown ul li a {
    cursor: pointer;
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

.f-dropdown.open ul {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 12px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.f-dropdown>span img,
.f-dropdown ul li a img {
    width: 23px;
    height: 23px;
    margin: 0 15px 0 0;
    border-radius: 8.96762px;
}

.f-dropdown ul li a>span {
    font-weight: normal;
    font-size: 12px;
    font-family: 'Geomanist-book', sans-serif;
    color: #030303;
}

.f-dropdown {
    --max-scroll: 3;
    position: relative;
    z-index: 10;
}

.f-dropdown>span:after {
    content: '\f078';
    font-family: "FontAwesome";
    color: #030303;
    position: absolute;
    top: 50%;
    left: auto;
    right: 11px;
    font-size: 12px;
    transform: translateY(-50%);
}

.f-dropdown.open>span:after {
    content: '\f077';
}

.f-dropdown>span>span {
    color: #71849D;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Geomanist-book', sans-serif;
}

.f-dropdown.open span {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.f-dropdown.open span .f-dropdown.open>span {
    border-bottom: 0;
}

.f-dropdown.open>span>span {
    color: #015BEF;
}
.daterangepicker .drp-buttons .btn{
    padding: 13.5px 15px;
    min-width: unset;
}
.daterangepicker.show-calendar .drp-buttons{
    text-align: left;
}

footer.site-footer.marketing-footer{
    padding: 50px 0;
    background: #FFFFFF;
}

.site-footer .footer-bottom .brand-creation{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.site-footer .footer-bottom .brand-creation p{
    font-weight: 500;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #030303;
    margin-right: 15px;
    margin-bottom: 0;
}

footer.site-footer.marketing-footer .footer-bottom .copyright{
    margin-right: 0;
}

/* 
font-family: 'Geomanist',sans-serif;
font-family: 'Poppins', sans-serif;
*/


.modal-backdrop {
        background: rgba(1, 91, 239, 0.24);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        pointer-events: none;
    }

    .modal-backdrop.show {
        opacity: 1;
    }


    .modal-title {
        color: #030303;
        font-weight: 400;
        font-size: 27.6px;
        font-family: 'Geomanist', sans-serif;
        line-height: 100%;
    }

    .modal-content .modal-header {
        padding-top: 52px;
        border: none;
    }

    .modal-content .modal-header .modal-title-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .modal-dialog.new_appointments {
        max-width: 393px;
        width: 100%;
    }

    .modal-dialog .modal-content {
        background: #FFFFFF;
        box-shadow: 0px 9.90664px 23.1155px rgba(156, 158, 162, 0.18);
        border-radius: 9.90664px;
        border: none;
    }

    .modal-content .modal-header .btn-close {
        position: absolute;
        top: 10px;
        left: auto;
        right: 10px;
        width: 11px;
        height: 11px;
        background: url('../../assets/img/control-close.svg') no-repeat center;
        opacity: 1;
        z-index: 1;
    }


    .poup_icon {
        width: 62.74px;
        height: 62.74px;
        background: #015BEF;
        border-radius: 11.5577px;
        position: absolute;
        top: -33px;
    }

    .poup_icon img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .modal-content .modal-body .main_detail_wrap {
        border: 1px solid #D9E6F7;
        border-radius: 12.0588px;
        padding: 15px;
        position: relative;
    }

    .modal-dialog {
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .modal.show .modal-dialog {
        pointer-events: auto;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .modal-content .modal-body .main_detail_wrap::before {
        content: '';
        position: absolute;
        top: 14px;
        left: -2px;
        right: auto;
        height: 37px;
        width: 3px;
        background: #71849D;
    }

    .modal-content .modal-body {
        padding-top: 5px;
    }

    .modal-content .modal-body .main_detail_wrap .main_content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .modal-content .modal-body .main_detail_wrap .main_title {
        font-weight: normal;
        font-size: 17.6667px;
        color: #030303;
        font-family: 'Geomanist-book', sans-serif;
        position: relative;
        padding-left: 30px;
    }

    .modal-content .modal-body .main_detail_wrap .main_title::before {
        content: '';
        position: absolute;
        top: 1px;
        left: 0;
        right: auto;
        width: 20px;
        height: 20px;
        background: url('../img/Briefcase-icon.svg') no-repeat center;
    }

    .modal-content .modal-body .main_detail_wrap .main_content .lable {
        display: block;
        font-weight: normal;
        font-size: 10.4782px;
        color: #71849D;
        font-family: 'Geomanist-book', sans-serif;
    }

    .modal-content .modal-body .main_detail_wrap .main_content p {
        color: #030303;
        font-weight: normal;
        font-size: 14.1333px;
        font-family: 'Geomanist-book', sans-serif;
        line-height: 144%;
    }

    .modal-content .modal-body .main_detail_wrap .main_content p span {
        color: #71849D;
    }

    .modal-content .modal-body .main_detail_wrap .main_content>div {
        margin-bottom: 20px;
    }

    .modal-content .modal-body .main_detail_wrap .main_content>div:nth-last-child(-n+2) {
        margin-bottom: 0;
    }



    .modal-content .modal-body .main_detail_wrap .main_content .location_detail {
        width: 57.1%;
    }

    .modal-content .modal-body .main_detail_wrap .main_content .date-time {
        width: 50%;
        padding-right: 15px;
    }

    .modal-content .modal-body .main_detail_wrap .customer_role .lable,
    .modal-content .modal-body .main_detail_wrap .customer_role p {
        text-align: right;
        display: block;
    }

    .modal-content .modal-body .main_detail_wrap .customer_role {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .modal-content .modal-body .main_detail_wrap .main_content .icon_wrap {
        margin-left: 15px;
        width: 35.65px;
        height: 35.65px;
        background: #FFFFFF;
        border-radius: 10.0522px;
        filter: drop-shadow(0px 8.91364px 20.7985px #F1F4F9);
        position: relative;
    }

    .modal-content .modal-body .main_detail_wrap .main_content .icon_wrap img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
    }

    .modal-content .modal-body .main_detail_wrap .payment .lable {
        text-align: right;
    }

    .modal-content .modal-body .main_detail_wrap .payment strong {
        font-weight: normal;
        font-size: 23.6311px;
        color: #030303;
        font-family: 'Geomanist-book', sans-serif;
        line-height: 130%;
        display: inline-block;
        vertical-align: middle;
    }

    .modal-content .modal-body .main_detail_wrap .payment strong span {
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;
        color: #71849D;
        margin-bottom: 7px;
    }

    .modal-content .modal-body .location_detail a {
        color: #E3D39F;
        text-decoration-line: underline;
        font-weight: normal;
        font-size: 9.79277px;
        position: relative;
        font-family: 'Geomanist-book', sans-serif;
        display: inline-block;
        vertical-align: middle;
    }

    .modal-content .modal-body .location_detail a::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 15px;
        height: 19px;
        background: url('../img/location_ico.svg') no-repeat center;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
        content: '\f078';
        font-family: "FontAwesome";
        color: #030303;
        position: absolute;
        top: -6px;
        left: 0;
        right: 0;
        font-size: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 6px;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
        content: '\f077';
    }
.select2-dropdown {
        border: 1.06947px solid #D9E6F7;
        border-radius: 10.6947px;
    }

    .select2-results__option {
        font-weight: normal;
        font-size: 12px;
        color: #71849D !important;
        text-align: center;
    }

    .select2-container--default .select2-results__option--selected {
        background: transparent;
        text-decoration: underline;
    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background: transparent;
    }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #015BEF;
    display: block;
    line-height: 28px;
}


    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #015BEF;
        border: none;
        top: 2px;
        left: 2px;
    }


    .select2-container--default .select2-selection--multiple {
        min-height: 40px;
        border: 1px solid #BFCAD7;
        border-radius: 12.1212px;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #015BEF;
    }

    body.modal-open .select2-container {
        z-index: 99999;
    }
    
    .add-location-text textarea{
        margin-top: 0.5rem!important;
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }



    .select2-container {
        z-index: 9999;
    }

    .alert {
        display: flex !important;
    }

    span.alert-group-icon {
        padding: 0 15px 0 0px;
    }

    .alert button.close {
        background: transparent;
        border: none;
        font-size: 25px;
    }