/* Default Css Start ***

**********************/

/* Other Fonts */

@import url("../fonts/dm-sens/stylesheet.css");

/* font-family: 'DM Sans'; */

@import url("../fonts/fira-sans/stylesheet.css");

/* font-family: 'Fira Sans'; */

@import url("../fonts/euclid-circular-b-cufonfonts/stylesheet.css");

/* font-family: 'Euclid Circular B'; */

@import url("../fonts/Fieldstones/stylesheet.css");

/* font-family: 'Fieldstones'; */

@import url("../fonts/Futura-Book/stylesheet.css");

/* font-family: 'Futura-Book'; */

@import url("../fonts/jauna/stylesheet.css");

/* font-family: 'FONTSPRING DEMO - Juana'; */

@import url("../fonts/albert-sans/stylesheet.css");

/* font-family: 'Albert Sans'; */

@import url("../fonts/bai-jamjuree/stylesheet.css");

/* font-family: 'Bai Jamjuree'; */

@import url("../fonts/Erstoria/stylesheet.css");

/* font-family: 'Erstoria'; */

@import url("../fonts/sf-pro-display-cufonfonts/stylesheet.css");

/* font-family: 'SF Pro Display'; */

@import url("../fonts/linear-grotesk/stylesheet.css");

/* font-family: 'Linear Grotesk'; */

@import url("../fonts/exo/stylesheet.css");

/* font-family: 'Exo'; */

@import url("../fonts/bomstad-display/stylesheet.css");

/* font-family: 'Bomstad Display'; */

@import url("../fonts/poppins/stylesheet.css");

/* font-family: 'Poppins'; */







/* Fonts */

/* Inter */

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Bold.woff2') format('woff2'),

        url('../fonts/inter/Inter-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-ExtraBold.woff2') format('woff2'),

        url('../fonts/inter/Inter-ExtraBold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Black.woff2') format('woff2'),

        url('../fonts/inter/Inter-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-ExtraLight.woff2') format('woff2'),

        url('../fonts/inter/Inter-ExtraLight.woff') format('woff');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Medium.woff2') format('woff2'),

        url('../fonts/inter/Inter-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Light.woff2') format('woff2'),

        url('../fonts/inter/Inter-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Regular.woff2') format('woff2'),

        url('../fonts/inter/Inter-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-SemiBold.woff2') format('woff2'),

        url('../fonts/inter/Inter-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/inter/Inter-Thin.woff2') format('woff2'),

        url('../fonts/inter/Inter-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}







*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

:root {

    --themeColor: #003db8;

    --skinColor2: #EF255C;

    --skinColor3: #FF736A;

    --skinColor4: #1A66FA;

    --skinColor5: #F11D21;

    --skinColor6: #44A1ED;

    --whiteColor: #fdfbee;

    --blackColor: #000;

    /* --darkColor: #242429; */

    --darkColor: #242D3D;

    --nightColor: #555558;

    --grayColor: #7E7E89;

}

body{

    padding: 0;

    margin: 0;

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    background-color: var(--whiteColor);

}

ul,ol{

    margin: 0;

    padding: 0;

    list-style: none;

}

h1,h2,h3,h4,h5,h6,p{

    padding: 0;

    margin: 0;

}

a{

    text-decoration: none;

    display: inline-block;

    color: inherit;

    transition: .3s;

    outline: none;

}

.btn:focus,

button:focus,

.form-control:focus{

    box-shadow: none;

}

button{

    border: none;

    outline: none;

}

img{

    display: block;

    max-width: 100%;

    max-height: 100%;

}



.row-28{

    row-gap: 28px;

    --bs-gutter-x: 28px;

}



.mb-90{

    margin-bottom: 90px;

}

.mb-80{

    margin-bottom: 80px;

}

.mb-36{

    margin-bottom: 36px;

}

.mb-32{

    margin-bottom: 32px;

}

.mb-30{

    margin-bottom: 30px;

}

.mb-24{

    margin-bottom: 24px;

}

.mb-20{

    margin-bottom: 20px;

}

.mb-16{

    margin-bottom: 16px;

}

.mb-14{

    margin-bottom: 14px;

}

.mb-12{

    margin-bottom: 12px;

}

/* column row gap  */

.gap-2px{

    gap: 2px;

}

.gap-6px{

    gap: 6px;

}

.gap-10px{

    gap: 10px;

}

.gap-12px{

    gap: 12px;

}

.gap-14px{

    gap: 14px;

}

.gap-18px{

    gap: 18px;

}

.gap-20px{

    gap: 20px;

}

.gap-30px{

    gap: 30px;

}







/* New Common Css Start ***

*************************/

/* Column Row Gap */

.g-20px{

    --bs-gutter-y: 20px;

    --bs-gutter-x: 20px;

}

.g-28px{

    --bs-gutter-y: 28px;

    --bs-gutter-x: 28px;

}

.gx-28px{

    --bs-gutter-x: 28px;

}

.gx-20px{

    --bs-gutter-x: 20px;

}

.gy-28px{

    --bs-gutter-y: 28px;

}

.gy-30px{

    --bs-gutter-y: 30px;

}

.g-12px{

    --bs-gutter-y: 12px;

    --bs-gutter-x: 12px;

}



/* Flex Gap */

.gap-2px{

    gap: 2px !important;

}

.gap-6px{

    gap: 6px !important;

}

.gap-10px{

    gap: 10px !important;

}

.gap-12px{

    gap: 12px !important;

}

.gap-14px{

    gap: 14px !important;

}

.gap-18px{

    gap: 18px !important;

}

.gap-20px{

    gap: 20px !important;

}

.gap-22px{

    gap: 22px !important;

}

.gap-26px{

    gap: 26px !important;

}

.gap-28px{

    gap: 28px !important;

}

.gap-30px{

    gap: 30px !important;

}



/* Flex Column Gap */

.column-gap-2px{

    column-gap: 2px !important;

}

.column-gap-6px{

    column-gap: 6px !important;

}

.column-gap-10px{

    column-gap: 10px !important;

}

.column-gap-12px{

    column-gap: 12px !important;

}

.column-gap-14px{

    column-gap: 14px !important;

}

.column-gap-18px{

    column-gap: 18px !important;

}

.column-gap-20px{

    column-gap: 20px !important;

}

.column-gap-22px{

    column-gap: 22px !important;

}

.column-gap-26px{

    column-gap: 26px !important;

}

.column-gap-28px{

    column-gap: 28px !important;

}

.column-gap-30px{

    column-gap: 30px !important;

}





/* Margin Bottom */

.mb-2px{

    margin-bottom: 2px !important;

}

.mb-6px{

    margin-bottom: 6px !important;

}

.mb-10px{

    margin-bottom: 10px !important;

}

.mb-12px{

    margin-bottom: 12px !important;

}

.mb-14px{

    margin-bottom: 14px !important;

}

.mb-18px{

    margin-bottom: 18px !important;

}

.mb-20px{

    margin-bottom: 20px !important;

}

.mb-22px{

    margin-bottom: 22px !important;

}

.mb-26px{

    margin-bottom: 26px !important;

}

.mb-28px{

    margin-bottom: 28px !important;

}

.mb-30px{

    margin-bottom: 30px !important;

}

.mb-40px{

    margin-bottom: 40px !important;

}

.mb-50px{

    margin-bottom: 50px !important;

}

.mb-60px{

    margin-bottom: 60px !important;

}

.mb-70px{

    margin-bottom: 70px !important;

}

.mb-80px{

    margin-bottom: 80px !important;

}

.mb-90px{

    margin-bottom: 90px !important;

}

.mb-100px{

    margin-bottom: 100px !important;

}



/* Margin Top */

.mt-1px{

    margin-top: 1px !important;

}

.mt-2px{

    margin-top: 2px !important;

}

.mt-6px{

    margin-top: 6px !important;

}

.mt-10px{

    margin-top: 10px !important;

}

.mt-12px{

    margin-top: 12px !important;

}

.mt-14px{

    margin-top: 14px !important;

}

.mt-18px{

    margin-top: 18px !important;

}

.mt-20px{

    margin-top: 20px !important;

}

.mt-22px{

    margin-top: 22px !important;

}

.mt-26px{

    margin-top: 26px !important;

}

.mt-28px{

    margin-top: 28px !important;

}

.mt-30px{

    margin-top: 30px !important;

}

.mt-60px{

    margin-top: 60px !important;

}

/* Margin Left */

.ms-32px{

    margin-left: 32px;

}

  

/* Padding */

.p-2px{

    padding: 2px !important;

}

.p-6px{

    padding: 6px !important;

}

.p-10px{

    padding: 10px !important;

}

.p-12px{

    padding: 12px !important;

}

.p-14px{

    padding: 14px !important;

}

.p-18px{

    padding: 18px !important;

}

.p-20px{

    padding: 20px !important;

}

.p-22px{

    padding: 22px !important;

}

.p-26px{

    padding: 26px !important;

}

.p-28px{

    padding: 28px !important;

}

.p-30px{

    padding: 30px !important;

}



/* Padding Bottom */

.pb-2px{

    padding-bottom: 2px !important;

}

.pb-6px{

    padding-bottom: 6px !important;

}

.pb-8px{

    padding-bottom: 8px !important;

}

.pb-10px{

    padding-bottom: 10px !important;

}

.pb-12px{

    padding-bottom: 12px !important;

}

.pb-14px{

    padding-bottom: 14px !important;

}

.pb-18px{

    margin-bottom: 18px !important;

}

.pb-20px{

    padding-bottom: 20px !important;

}

.pb-22px{

    padding-bottom: 22px !important;

}

.pb-26px{

    padding-bottom: 26px !important;

}

.pb-28px{

    padding-bottom: 28px !important;

}

.pb-30px{

    padding-bottom: 30px !important;

}



/* Padding Left-Right */

.px-2px{

    padding-left: 2px !important;

    padding-right: 2px !important;

}

.px-6px{

    padding-left: 6px !important;

    padding-right: 6px !important;

}

.px-10px{

    padding-left: 10px !important;

    padding-right: 10px !important;

}

.px-12px{

    padding-left: 12px !important;

    padding-right: 12px !important;

}

.px-14px{

    padding-left: 14px !important;

    padding-right: 14px !important;

}

.px-18px{

    padding-left: 18px !important;

    padding-right: 18px !important;

}

.px-20px{

    padding-left: 20px !important;

    padding-right: 20px !important;

}

.px-22px{

    padding-left: 22px !important;

    padding-right: 22px !important;

}

.px-26px{

    padding-left: 26px !important;

    padding-right: 26px !important;

}

.px-28px{

    padding-left: 28px !important;

    padding-right: 28px !important;

}

.px-30px{

    padding-left: 30px !important;

    padding-right: 30px !important;

}



/* Padding Top-Bottom */

.py-2px{

    padding-top: 2px !important;

    padding-bottom: 2px !important;

}

.py-6px{

    padding-top: 6px !important;

    padding-bottom: 6px !important;

}

.py-10px{

    padding-top: 10px !important;

    padding-bottom: 10px !important;

}

.py-12px{

    padding-top: 12px !important;

    padding-bottom: 12px !important;

}

.py-14px{

    padding-top: 14px !important;

    padding-bottom: 14px !important;

}

.py-18px{

    padding-top: 18px !important;

    padding-bottom: 18px !important;

}

.py-20px{

    padding-top: 20px !important;

    padding-bottom: 20px !important;

}

.py-22px{

    padding-top: 22px !important;

    padding-bottom: 22px !important;

}

.py-26px{

    padding-top: 26px !important;

    padding-bottom: 26px !important;

}

.py-28px{

    padding-top: 28px !important;

    padding-bottom: 28px !important;

}

.py-30px{

    padding-top: 30px !important;

    padding-bottom: 30px !important;

}

/* New Common Css Start ***

*************************/







/* Header Top Css Start ***

*************************/

.header-top-section{

    background: #0E0615;

}

.header-top-area{

    padding: 14px 0;

    column-gap: 30px;

    row-gap: 10px;

}

.header-number-location{

    column-gap: 24px;

    row-gap: 10px;

}

.header-number-location .number,

.header-number-location .location{

    display: flex;

    align-items: center;

    column-gap: 4px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--whiteColor);

}

.header-social-list{

    column-gap: 27px;

    row-gap: 10px;

}

.header-social-list a{

    display: block;

}

.header-social-list a svg{

    display: block;

}

.header-social-list a path{

    transition: .3s;

}

.header-social-list a:hover path{

    fill: #a878ff;

}

/* Header Top Css End ***

***********************/





/* Main Header Area Css start ***

*******************************/

.header-section{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

}

.header-logo{

    min-width: max-content;

}

.header-logo a{

    display: block;

}

.main-header-area{

    column-gap: 20px;

}

.header-right-area{

    justify-content: space-between;

    max-width: 100%;

    width: 100%;

    /* column-gap: 40px; */

    column-gap: 18px;

}

.header-search-form {

	max-width: 382px;

	width: 100%;

}

.header-search-wrap{

    width: 100%;

    background: #F2F3F5;

    border-radius: 12px;

}

/* Search Select */

.search-select {

    height: auto;

    line-height: inherit;

    padding: 12px 29px 12px 12px;

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--darkColor);

    border-radius: inherit;

    border: none;

    min-width: 143px;

    background: transparent;

}

.search-select:after {

    border: none;

    height: 16px;

    width: 16px;

    background-image: url(../images/icons/angle-down-gray-16.svg);

    background-repeat: no-repeat;

    background-size: 16px;

    transform-origin: 8px 0;

    top: 50%;

    transform: rotate(0deg) translateY(-50%);

    margin: 0;

    right: 12px;

}

.search-select.open:after {

    transform: rotate(180deg) translateY(-50%);

}

.search-select .list{

    min-width: 100%;

    padding: 8px;

    border-radius: 5px;

    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);

}

.search-select .option{

    padding: 7px;

    min-height: auto;

    line-height: 16px;

    font-weight: 500;

    border-radius: 4px;

}

.search-select .option.selected {

    font-weight: 500;

}

.search-select .option:hover, 

.search-select .option.focus, 

.search-select .option.selected.focus {

    background-color: #F2F3F5;

    color: var(--themeColor);

}

.search-select:before{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: #DCDEE5;

}

.header-search-input{

    padding: 12px 0 12px 8px;

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

    border: none;

    max-width: 204px;

    width: 100%;

    background-color: transparent;

}

.header-search-input:focus{

    color: var(--grayColor);

    background-color: transparent;

}

.header-search-input::placeholder{

    color: var(--grayColor);

}

.search-submit-btn{

    height: 32px;

    min-width: 32px;

    width: 32px;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--themeColor);

    margin-right: 4px;

    transition: .3s;

}

.search-submit-btn:hover{

    background: #5200e7;

}

/* Right */

.menu-btn-area{

    column-gap: 16px;

}

.menu-btn-area .offcanvas-header .btn-close{

    height: 14px;

    width: 14px;

    background-size: 14px;

    padding: 6px;

}

.menu-btn-area .offcanvas-header .btn-close:focus{

    box-shadow: none;

}

/* Nav */

.header-nav-list{

    display: flex;

    align-items: center;

    column-gap: 16px;

}

.header-nav-list .first-a{

    padding: 26px 5px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    transition: .3s;

    color: var(--darkColor);

}

.header-nav-list > li .first-a.active,

.header-nav-list > li:hover .first-a{

    color: var(--themeColor);

}

.have-sub-menu .first-a{

    display: flex;

    align-items: center;

    column-gap: 4px;

}

.have-sub-menu .first-a > svg{

    display: block;

}

.have-sub-menu .first-a > svg path{

    transition: .3s;

    fill: var(--darkColor);

}

.have-sub-menu .first-a.active > svg path,

.have-sub-menu:hover .first-a > svg path{

    fill: var(--themeColor);

}

.have-sub-menu{

    position: relative;

}

.first-sub-menu{

    padding: 8px;

    border-radius: 0 0 5px 5px;

    position: absolute;

    top: 100%;

    left: -13px;

    pointer-events: none;

    display: block;

    min-width: 180px;

    margin: 0;

    background: var(--whiteColor);

    border-bottom: 3px solid var(--themeColor);

    visibility: hidden;

    opacity: 0;

    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);

    z-index: 10;

    -webkit-transform: rotateX(-75deg);

    -moz-transform: rotateX(-75deg);

    transform: rotateX(-75deg);

    transform-origin: 0% 0%;

    -webkit-transform-origin: 0% 0%;

    -moz-transform-origin: 0% 0%;

    -ms-transform-origin: 0% 0%;

    -o-transform-origin: 0% 0%;

    -webkit-transition: .4s;

    transition: .4s;

}

@media all and (min-width: 1200px){

    .first-sub-menu{

        display: block !important;

    }

}

.have-sub-menu:hover .first-sub-menu{

    pointer-events: inherit;

    visibility: visible;

    opacity: 1;

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

    transform: rotateX(0deg);

}

.first-sub-menu a{

    padding: 6px 6px;

    border-radius: 4px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    transition: .3s;

    color: var(--nightColor);

    width: 100%;

}

.first-sub-menu a:hover{

    background: #F2F3F5;

    color: var(--themeColor);

}

/* Buttons */

.header-buttons{

    column-gap: 16px;

    position: relative;

    padding-left: 16px;

}

.header-buttons .login{

    padding: 26px 0;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    transition: .3s;

    color: var(--darkColor);

}

.header-buttons .login:hover{

    color: var(--themeColor);

}

/* Profile */

.at2-user-dropdown .user-dropdown-toggle img{

    height: 40px;

    width: 40px;

    min-width: 40px;

}

.at2-user-dropdown .user-dropdown-toggle::after{

    background-color: #F4F5F7;

    background-image: url(../images/icons/angle-down-dark1-16.svg);

}

.at2-user-dropdown .user-dropdown-item{

    color: var(--grayColor);

}

.at2-user-dropdown .user-dropdown-item:hover {

	color: var(--darkColor);

}

.at2-user-dropdown .user-dropdown-item:hover path{

	fill: var(--darkColor);

}

.add-listing-btn{

    border: 1px solid var(--themeColor);

    border-radius: 8px;

    padding: 9px 15px;

    display: flex;

    align-items: center;

    column-gap: 4px;

    color: var(--themeColor);

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    transition: .3s;

}

.add-listing-btn svg{

    display: block;

}

.add-listing-btn path{

    transition: .3s;

    fill: var(--themeColor);

}

.add-listing-btn:hover path{

    fill: var(--whiteColor);

}

.add-listing-btn:hover {

    color: var(--whiteColor);

    background: var(--themeColor);

}

.header-buttons::after{

    position: absolute;

    content: "";

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: rgba(220, 222, 229, 1);

}

.mobile-menu-btn{

    padding: 5px;

    border-radius: 3px;

    border: 1px solid var(--themeColor);

    background: transparent;

    display: none;

    transition: .3s;

}

.mobile-menu-btn svg{

    display: block;

}

.mobile-menu-btn path{

    transition: .3s;

    fill: var(--themeColor);

}

.mobile-menu-btn:hover path{

    fill: var(--whiteColor);

}

.mobile-menu-btn:hover{

    background: var(--themeColor);

}

/* Main Header Area Css End ***

*****************************/





/* Footer area Start ***

**********************/

.main-footer-section{

    background: #0E0615;

}

/* Footer Top */

.footer-top-area{

    gap: 30px;

    padding: 36px 0 26px 0;

}

.footer-top-details .title{

    color: var(--whiteColor);

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 12px;

}

.footer-top-details .info{

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.footer-search{

    max-width: 384px;

    width: 100%;

}

.footer-input-wrap{

    width: 100%;

    position: relative;

}

.footer-input-wrap input{

    width: 100%;

    border-radius: 50px;

    background: var(--whiteColor);

    padding: 15px 112px 15px 24px;

    color: var(--grayColor);

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

    border: none;

}

.footer-input-wrap input:focus{

    color: var(--grayColor);

}

.footer-input-wrap input::placeholder{

    color: var(--grayColor);

}

.footer-input-wrap button {

    border-radius: 50px;

    background: var(--themeColor);

    padding: 12px 19.5px;

    color: var(--whiteColor);

    text-align: center;

    font-size: 14px;

    font-style: normal;

    font-weight: 700;

    line-height: 20px;

    position: absolute;

    right: 3px;

    top: 50%;

    transform: translateY(-50%);

    transition: .3s;

}

.footer-input-wrap button:hover{

    background: #5200e7;

}

/* Footer Middle */

.footer-middle-area{

    column-gap: 30px;

    row-gap: 40px;

    padding-bottom: 24px;

}

.footer-middle-logo .info{

    margin-top: 16px;

    max-width: 364px;

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.footer-middle-nav .title{

    color: var(--whiteColor);

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 24px;

}

.footer-middle-nav ul li a{

    color: #CFCFCF;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

    display: block;

}

.footer-middle-nav ul li a:hover{

    color: #a878ff;

}

.footer-middle-nav ul li:not(:last-child){

    margin-bottom: 16px;

}

.footer-middle-contact ul li a{

    display: flex;

    align-items: center;

    column-gap: 8px;

}

/* Footer Bottom */

.footer-bottom-area{

    padding: 24px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.24);

}

.footer-bottom-wrap{

    column-gap: 30px;

    row-gap: 10px;

}

.footer-bottom-wrap .info{

    color: var(--whiteColor);

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

}

.footer-bottom-social ul{

    column-gap: 17px;

    row-gap: 12px;

}

.footer-bottom-social ul li a{

    padding: 4px;

    display: block;

}

.footer-bottom-social ul li a svg{

    display: block;

}

.footer-bottom-social ul li a path{

    transition: .3s;

}

.footer-bottom-social ul li a:hover path{

    fill: #a878ff;

}

/* Footer area End ***

**********************/





/* Real Estate Grid List Page Start ***

*************************************/

/* Sidebar */

.sidebar-accordion-area{

    padding: 20px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    border-radius: 12px;

    position: sticky;

    position: -webkit-sticky;

    top: 0;

    left: 0;

}

.sidebar-title{

    column-gap: 20px;

    row-gap: 10px;

}

.sidebar-title .title{

    font-size: 20px;

    line-height: 28px;

    font-weight: 500;

    color: var(--darkColor);

}

.sidebar-title .clear{

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

    color: var(--nightColor);

    text-decoration: underline;

}

.sidebar-title .clear:hover{

    color: var(--themeColor);

}

.sidebar-accordion-li > a{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    column-gap: 10px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: var(--darkColor);

    border-color: var(--whiteColor);

}

.sidebar-accordion-li > a > img{

    display: block;

    height: 24px;

    width: 20px;

    object-fit: contain;

}

.sidebar-accordion-li:not(:first-child) > a{

    padding-top: 12px;

}

.sidebar-accordion-li:not(:last-child) > a{

    padding-bottom: 12px;

    border-bottom: 1px solid rgba(85, 85, 88, 0.4);

}

.sidebar-accordion-li.active > a {

    padding-bottom: 16px;

    border-bottom: 1px solid rgba(85, 85, 88, 0.4);

}

.sidebar-accordion-menu{

    padding: 10px 0 12px 0;

    display: none;

}

.nBlock{

    display: block;

}

.sidebar-accordion-menu li a{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    column-gap: 10px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--nightColor);

    padding: 6px 0;

}

.sidebar-accordion-menu li a.active,

.sidebar-accordion-menu li a:hover{

    color: var(--themeColor);

}

.sidebar-accordion-menu li a .total{

    font-weight: 400;

}

.sidebar-accordion-menu li .show-more{

    max-width: max-content;

    padding: 0;

    margin-top: 6px;

    color: var(--themeColor);

    text-decoration: underline;

}



/* range */

.accordion-item-range{

    padding: 12px 0;

}

.accordion-item-range .title{

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    margin-bottom: 8px;

}

.accordion-range-value{

    margin-top: 8px;

    color: var(--nightColor);

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.accordion-range-form .slider{

    max-width: 100%;

    width: 100%;

}

.accordion-range-form .slider-selection{

    background-color: var(--themeColor);

    background-image: var(--themeColor);

}

.accordion-range-form .slider-handle{

    background-color: var(--themeColor);

    background-image: var(--themeColor);

    height: 16px;

    width: 16px;

    top: -1px;

    border: 1px solid var(--whiteColor);

    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);

}

.accordion-range-form .slider-track-low, 

.accordion-range-form .slider-track-high{

    background: rgba(121, 132, 132, 0.3);

}

.accordion-range-form .slider.slider-horizontal .slider-track{

    height: 4px;

}

/* Tooltip */

.accordion-range-form .slider .tooltip{

    position: absolute;

}

.slider .tooltip.bs-tooltip-top {

    margin-top: -44px;

}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {

    bottom: 0;

}

.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {

    left: -.4rem;

}

.tooltip .arrow {

    position: absolute;

    display: block;

    width: .8rem;

    height: .4rem;

}

.tooltip .arrow::before {

    position: absolute;

    content: "";

    border-color: transparent;

    border-style: solid;

    top: 100%;

}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {

    top: 100%;

    border-width: .4rem .4rem 0;

    border-top-color: #000;

}

/* Filter Header */

.showing-result-header{

    column-gap: 20px;

    row-gap: 10px;

}

.showing-result-header > .info{

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--grayColor);

}

/* Filter Select */

.filter-select {

    height: auto;

    line-height: inherit;

    padding: 0px 24px 0px 0px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--grayColor);

    border-radius: inherit;

    border: none;

    background: transparent;

}

.filter-select:after {

    border: none;

    height: 20px;

    width: 20px;

    background-image: url(../images/icons/angle-down-gray-16.svg);

    background-repeat: no-repeat;

    background-size: 20px;

    transform-origin: 10px 0;

    top: 50%;

    transform: rotate(0deg) translateY(-50%);

    margin: 0;

    right: 0px;

}

.filter-select.open:after {

    transform: rotate(180deg) translateY(-50%);

}

.filter-select .list{

    min-width: 85px;

    left: auto;

    right: 0;

    border: none;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    padding: 5px;

}

.filter-select .option{

    padding: 8px 12px;

    min-height: auto;

    line-height: 16px;

    font-weight: 500;

    border-radius: inherit;

}

.filter-select .option.selected {

    font-weight: 500;

}

.filter-select .option:hover, 

.filter-select .option.focus, 

.filter-select .option.selected.focus {

    background-color: #F2F3F5;

    color: var(--themeColor);

}

/* Switch */

/* .switch-wrap{

    position: relative;

} */

.switch-button {

    position: relative;

    width: 72px;

    height: 34px;

    overflow: hidden;

    border-radius: 33px;

}

.switch-checkbox {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 0;

    margin: 0;

    opacity: 0;

    cursor: pointer;

    z-index: 3;

}

.switch-button .knobs,

.switch-button .layer {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

.switch-button .knobs {

    z-index: 1;

}

.switch-button .layer {

    width: 100%;

    background-color: #ebf7fc;

    background-color: var(--themeColor);

    transition: 0.3s ease all;

    z-index: 0;

    border-radius: 33px;

    border: 1px solid transparent;

}

.switch-button .knobs:before {

  position: absolute;

  content: "ON";

  left: 12px;

  color: var(--whiteColor);

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

  top: 50%;

  transform: translateY(-50%);

  transition: 0.3s ease all;

  z-index: 1;

}

.switch-button .knobs:after {

  position: absolute;

  content: "OFF";

  right: 12px;

  color: var(--darkColor);

  font-size: 14px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

  top: 50%;

  transform: translateY(-50%);

  transition: 0.3s ease all;

  z-index: 1;

  visibility: hidden;

  opacity: 0;

}

.switch-button .knobs span {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 26px;

    height: 26px;

    text-align: center;

    border-radius: 2px;

    transition: 0.3s ease all;

    left: 42px;

    background-color: var(--whiteColor);

    z-index: 2;

    border-radius: 50%;

    background-size: 16px;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url(../images/icons/location-purple.svg);

}

.switch-button .switch-checkbox:checked + .knobs span {

  left: 4px;

  /* background-color: #f44336; */

}

.switch-button .switch-checkbox:checked ~ .layer {

  background-color: #6c1cff3b;

  border-color: var(--themeColor);

}

.switch-button .switch-checkbox:checked ~ .knobs::before {

  visibility: hidden;

  opacity: 0;

}

.switch-button .switch-checkbox:checked ~ .knobs::after {

  visibility: visible;

  opacity: 1;

}

/* Switch end  */

.filter-tab-switch{

    gap: 8px;

    margin-bottom: 12px;

}

.filter-tab-switch .grid-list{

    display: block;

}

.filter-tab-switch .grid-list svg{

    display: block;

}

.filter-tab-switch .grid-list path{

    transition: .3s;

}

.filter-tab-switch .grid-list.active path,

.filter-tab-switch .grid-list:hover path{

    fill: #6C1CFF;

}

/* Grid Card */

.single-grid-card{

    border-radius: 12px;

    overflow: hidden;

    height: 100%;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    transition: .3s;

}

.single-grid-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);

}

.grid-slider-area{

    position: relative;

}

.card-light-text{

    position: absolute;

    left: 16px;

    top: 16px;

    z-index: 1;

    padding: 6px 12px;

    border-radius: 4px;

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--whiteColor);

}

.card-light-text.theme-light{

    background: var(--themeColor);

}

.card-light-text.black-light{

    background: #0B162D;

}

.grid-list-bookmark{

    position: absolute;

    top: 16px;

    right: 16px;

    z-index: 1;

    height: 32px;

    min-width: 32px;

    width: 32px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    backdrop-filter: blur(2px);

}

.grid-list-bookmark svg{

    display: block;

    margin-top: 2px;

}

.grid-list-bookmark path{

    transition: .3s;

}

.grid-list-bookmark.gray-bookmark.active path,

.grid-list-bookmark.gray-bookmark:hover path{

    fill: var(--themeColor);

}

.grid-list-bookmark.gray-bookmark{

    background: rgba(32, 33, 36, 0.3);

}

.grid-list-bookmark.gray-bookmark2 path,

.grid-list-bookmark.gray-bookmark2 path{

    fill: transparent;

    stroke: var(--whiteColor);

}

.grid-list-bookmark.gray-bookmark2.active path,

.grid-list-bookmark.gray-bookmark2:hover path{

    fill: var(--themeColor);

    stroke: var(--themeColor);

}

.grid-list-bookmark.gray-bookmark2{

    background: rgba(32, 33, 36, 0.3);

}

.grid-list-bookmark.white-bookmark{

    background: var(--whiteColor);

}

.grid-list-bookmark.white-bookmark path{

    fill: var(--whiteColor);

    stroke: var(--themeColor);

}

.grid-list-bookmark.white-bookmark.active path,

.grid-list-bookmark.white-bookmark:hover path{

    fill: var(--themeColor);

}

/* Slider */

.grid-banner-slider .swiper-slide{

    height: auto;

}

.grid-banner-slider .grid-slide-img {

    width: 100%;

    aspect-ratio: 264 / 190;

}

.grid-banner-slider .grid-slide-img img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px 12px 0 0;

}

.grid-banner-slider .swiper-horizontal>.swiper-pagination-bullets, 

.grid-banner-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 

.grid-banner-slider .swiper-pagination-custom, 

.grid-banner-slider .swiper-pagination-fraction {

    bottom: 8px;

    line-height: normal;

    padding: 0 2px;

}

.grid-banner-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(1);

    bottom: 1px;

}

.grid-banner-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    bottom: 0px;

}



.grid-banner-slider .swiper-pagination-bullet{

    background: #D9D9D9;

    opacity: 1;

    height: 6px;

    width: 6px;

}

.grid-banner-slider .swiper-pagination-bullet-active{

    background: var(--whiteColor);

    height: 8px;

    width: 8px;

}

.grid-slider-area:hover .grid-banner-slider .swiper-button-next,

.grid-slider-area:hover .grid-banner-slider .swiper-button-prev{

    opacity: 1;

    visibility: visible;

}

.grid-banner-slider .swiper-button-next, 

.grid-banner-slider .swiper-button-prev{

    margin: 0;

    transform: translateY(-50%);

    color: var(--whiteColor);

    background: rgba(30, 30, 30, 0.8);

    height: 42px;

    width: 24px;

    opacity: 0;

    visibility: hidden;

    transition: .3s;

}

.grid-banner-slider .swiper-button-next:after, 

.grid-banner-slider .swiper-button-prev:after{

    font-size: 11px;

    font-weight: bold;

}

.grid-banner-slider .swiper-button-next:after{

    margin-left: 1px;

}

.grid-banner-slider .swiper-button-prev:after{

    margin-right: 2px;

}

.grid-banner-slider .swiper-button-next, 

.grid-banner-slider .swiper-rtl .swiper-button-prev {

    right: 0px;

    left: auto;

    border-radius: 8px 0 0 8px;

}

.grid-banner-slider .swiper-button-prev, 

.grid-banner-slider .swiper-rtl .swiper-button-next {

    left: 0px;

    right: auto;

    border-radius: 0 8px 8px 0;

}

/* Slider counter */

.grid-slider-counter{

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: 12px 0 0 0;

    width: 56px;

    height: 26px;

    background: rgba(30, 30, 30, 0.8);

    z-index: 1;

    font-weight: 500;

    font-size: 10px;

    line-height: 10px; 

    letter-spacing: 0.04em;

    color: var(--whiteColor);

}

.list-slider-counter{

    position: absolute;

    right: 0;

    bottom: 0;

    border-radius: 12px 0 0 0;

    width: 55px;

    height: 24px;

    background: rgba(30, 30, 30, 0.8);

    z-index: 1;

    font-weight: 500;

    font-size: 10px;

    line-height: 12px; 

    color: var(--whiteColor);

}



/* Real Estate */

.reals-grid-details{

    padding: 12px 20px 20px 20px;

}

.reals-grid-details .location{

    margin-bottom: 4px;

    column-gap: 4px;

}

.reals-grid-details .location .info{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.reals-grid-title .title{

    display: block;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.reals-grid-title .info{

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.reals-bed-bath-sqft{

    column-gap: 17px;

    row-gap: 10px;

    margin-bottom: 12px;

}

.reals-bed-bath-sqft .item{

    column-gap: 4px;

}

.reals-bed-bath-sqft .total{

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

}

.reals-grid-price-see .prices{

    gap: 4px;

    align-items: flex-end;

}

.reals-grid-price-see .prices .new-price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-grid-card:hover .reals-grid-price-see .prices .new-price{

    color: var(--themeColor);

}

.reals-grid-price-see .prices .old-price{

    font-size: 14px;

    line-height: 26px;

    font-weight: 600;

    color: var(--grayColor);

    text-decoration: line-through;

}

.reals-grid-view{

    height: 32px;

    min-width: 32px;

    width: 32px;

    border-radius: 50%;

    background: rgba(203, 203, 203, .5);

    display: flex;

    align-items: center;

    justify-content: center;

}

.reals-grid-view path{

    transition: .3s;

}

.reals-grid-view:hover path{

    fill: var(--themeColor);

}

.reals-grid-view:hover{

    background: rgba(203, 203, 203, 1);

}

/* List Banner */

.single-list-card{

    border-radius: 12px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    overflow: hidden;

    height: 100%;

    transition: .3s;

}

.single-list-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);

}

.reals-list-slider{

    position: relative;

    flex: 0 0 203px;

    width: 203px;

}

.reals-list-details{

    padding: 20px;

    background: var(--whiteColor);

    max-width: 100%;

    width: 100%;

}

.realsl-location-title-price{

    gap: 12px;

    margin-bottom: 8px;

}

.realsl-location-title .location{

    margin-bottom: 4px;

    column-gap: 4px;

}

.realsl-location-title .location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.realsl-location-title .title{

    display: block;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

}

.realsl-location-title .info{

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

}

.realsl-price-area .new-price {

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-list-card:hover .realsl-price-area .new-price{

    color: var(--themeColor);

}

.realsl-price-area .old-price {

    font-size: 14px;

    line-height: 24px;

    font-weight: 600;

    color: var(--grayColor);

    text-decoration: line-through;

}

.realsl-items-see{

    column-gap: 20px;

}

.realsl-items-see .reals-grid-view{

    align-self: flex-end;

}

.realsl-bed-bath-sqft{

    column-gap: 23px;

    row-gap: 10px;

}

.realsl-bed-bath-sqft .item{

    column-gap: 4px;

}

.realsl-bed-bath-sqft .total{

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

}



/* Pagination */

.pagination-nav-1 ul{

    display: flex;

    align-items: center;

    column-gap: 6px;

    flex-wrap: wrap;

}

.pagination-nav-1 ul li a{

    display: block;

    color: var(--darkColor);

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    border-radius: 8px;

    background: var(--whiteColor);

    height: 38px;

    width: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--grayColor);

}

.pagination-nav-1 ul li a.active,

.pagination-nav-1 ul li a:hover{

    background: var(--themeColor);

    color: var(--whiteColor);

    border-color: transparent;

}

.pagination-nav-1 ul .more{

    border-color: transparent;

}

.pagination-nav-1 ul .next-prev{

    font-size: 12px;

    color: var(--grayColor);

    border-color: transparent;

}

.pagination-nav-1 ul .next-prev svg{

    display: block;

}

.pagination-nav-1 ul .next-prev path{

    transition: .3s;

}

.pagination-nav-1 ul li .next-prev:hover path{

    fill: var(--whiteColor);

}



/* Sidebar Map */

.sidebar-map-area{

    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.1);

    border-radius: 12px;

    position: sticky;

    position: -webkit-sticky;

    top: 0;

    left: 0;

}

.sidebar-map-area .title{

    padding: 13px 16px 11px 16px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    color: #0B162D;

}

.sidebar-map-area .map{

    border-radius: 12px;

    width: 100%;

    height: 475px;

}

.sidebar-map-area .map iframe{

    margin: 0;

    display: block;

    border-radius: 0 0 12px 12px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}

/* Real Estate Grid List Page End ***

***********************************/





/* Restaurent Grid List Page Start ***

************************************/

/* Map */

.restaurant-map-area{

    height: 279px;

    width: 100%;

    margin-bottom: 12px;

}

.restaurant-map-area iframe{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px;

    display: block;

}

/* Grid */

.restaurent-grid-details{

    padding: 12px 20px 20px 20px;

}

.restaurant-grid-link{

    display: block;

    width: 100%;

}

.restgrid-title-location{

    margin-bottom: 12px;

}

.restgrid-title-location .title{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    margin-bottom: 4px;

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.restgrid-title-location .location{

    column-gap: 4px;

}

.restgrid-title-location .location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.restgrid-price-rating{

    margin-bottom: 12px;

    column-gap: 15px;

    row-gap: 10px;

    flex-wrap: wrap;

}

.restgrid-price-rating .prices{

    gap: 4px;

    align-items: flex-end;

}

.restgrid-price-rating .prices .new-price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-grid-card:hover .restgrid-price-rating .prices .new-price{

    color: var(--themeColor);

}

.restgrid-price-rating .prices .old-price{

    font-size: 14px;

    line-height: 26px;

    font-weight: 600;

    color: var(--grayColor);

    text-decoration: line-through;

}

.restgrid-price-rating .ratings{

    column-gap: 4px;

}

.restgrid-price-rating .ratings img{

    margin-top: -1px;

}

.restgrid-price-rating .ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}

.restgrid-list-items{

    column-gap: 16px;

    row-gap: 10px;

}

.restgrid-list-items li{

    font-size: 14px;

    line-height: 16px;

    font-weight: 600;

    color: var(--darkColor);

}

.restgrid-list-items li:not(:last-child){

    position: relative;

    padding-right: 20px;

}

.restgrid-list-items li:not(:last-child):after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 4px;

    min-width: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--themeColor);

}

/* List Slider */

.restaurant-list-slider{

    position: relative;

    flex: 0 0 264px;

    width: 264px;

}

.list-banner-slider{

    height: 100%;

}

.list-banner-slider .swiper-slide{

    height: auto;

}

.list-banner-slider .list-slide-img {

    width: 100%;

    height: 100%;

}

.list-banner-slider .list-slide-img img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px 0 0 12px;

}

.list-banner-slider .swiper-horizontal>.swiper-pagination-bullets, 

.list-banner-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 

.list-banner-slider .swiper-pagination-custom, 

.list-banner-slider .swiper-pagination-fraction {

    bottom: 8px;

    /* display: flex;

    justify-content: center;

    align-items: center; */

    line-height: normal;

    padding: 0 2px;

}

.list-banner-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(1);

    bottom: 1px;

}

.list-banner-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    bottom: 0px;

}





.list-banner-slider .swiper-pagination-bullet{

    background: #D9D9D9;

    opacity: 1;

    height: 6px;

    width: 6px;

}

.list-banner-slider .swiper-pagination-bullet-active{

    background: var(--whiteColor);

    height: 8px;

    width: 8px;

}

.list-banner-slider:hover .swiper-button-next, 

.list-banner-slider:hover .swiper-button-prev{

    opacity: 1;

    visibility: visible;

}

.list-banner-slider .swiper-button-next, 

.list-banner-slider .swiper-button-prev{

    margin: 0;

    transform: translateY(-50%);

    color: var(--whiteColor);

    background: rgba(30, 30, 30, 0.8);

    height: 42px;

    width: 24px;

    opacity: 0;

    visibility: hidden;

    transition: .3s;

}

.list-banner-slider .swiper-button-next:after, 

.list-banner-slider .swiper-button-prev:after{

    font-size: 11px;

    font-weight: bold;

}

.list-banner-slider .swiper-button-next:after{

    margin-left: 2px;

}

.list-banner-slider .swiper-button-next, 

.list-banner-slider .swiper-rtl .swiper-button-prev {

    right: 0px;

    left: auto;

    border-radius: 8px 0 0 8px;

}

.list-banner-slider .swiper-button-prev, 

.list-banner-slider .swiper-rtl .swiper-button-next {

    left: 0px;

    right: auto;

    border-radius: 0 8px 8px 0;

}



/* Details */

.restaurant-list-link{

    display: block;

    width: 100%;

    height: 100%;

}

.restaurent-list-details{

    padding: 20px;

    background: var(--whiteColor);

    height: 100%;

}

.restlist-title-location {

    margin-bottom: 16px;

}

.restlist-title-location .title{

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

    color: var(--darkColor);

    margin-bottom: 4px;

}

.restlist-title-location .location{

    column-gap: 4px;

}

.restlist-title-location .location .name{

    font-size: 14px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.restaurent-list-ratings{

    column-gap: 4px;

    padding-bottom: 14px;

    width: 100%;

    border-bottom: 1px solid rgba(85, 85, 88, 0.4);

}

.restaurent-list-ratings img{

    margin-top: -1px;

}

.restaurent-list-ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}

.restlist-items-prices{

    column-gap: 15px;

    row-gap: 10px;

    margin-top: 14px;

}

.restlist-items-prices .prices{

    gap: 4px;

    align-items: flex-end;

}

.restlist-items-prices .prices .new-price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-list-card:hover .restlist-items-prices .prices .new-price{

    color: var(--themeColor);

}

.restlist-items-prices .prices .old-price{

    font-size: 14px;

    line-height: 26px;

    font-weight: 600;

    color: var(--grayColor);

    text-decoration: line-through;

}

/* Restaurent Grid List Page End ***

**********************************/





/* Hotel Grid List Page Start ***

*******************************/

.hotel-grid-details{

    padding: 12px 20px 20px 20px;

}

.hotel-grid-details > .title{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    margin-bottom: 4px;

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.hotelgrid-location-rating{

    gap: 10px;

    margin-bottom: 12px;

}

.hotelgrid-location-rating .location{

    column-gap: 4px;

}

.hotelgrid-location-rating .location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.hotelgrid-location-rating .ratings{

    column-gap: 4px;

}

.hotelgrid-location-rating .ratings img{

    margin-top: -1px;

}

.hotelgrid-location-rating .ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}

.hotelgrid-list-items{

    column-gap: 8px;

    row-gap: 8px;

    margin-bottom: 12px;

}

.hotelgrid-list-items li{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--darkColor);

}

.hotelgrid-list-items li:not(:last-child){

    position: relative;

    padding-right: 12px;

}

.hotelgrid-list-items li:not(:last-child):after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 4px;

    min-width: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--themeColor);

}

.hotelgrid-list-items li.more{

    font-weight: 500;

    color: var(--grayColor);

}

.see-details-btn1{

    display: block;

    max-width: max-content;

    border-radius: 4px;

    background: var(--themeColor);

    color: var(--whiteColor);

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    padding: 8px 12px;

    transition: .3s;

}

.see-details-btn1:hover{

    background: #5200e7;

}

.hotelgrid-see-price{

    flex-wrap: wrap;

    row-gap: 7px;

}

.hotelgrid-see-price .prices{

    gap: 4px;

    align-items: flex-end;

}

.hotelgrid-see-price .prices .price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-grid-card:hover .hotelgrid-see-price .prices .price{

    color: var(--themeColor);

}

.hotelgrid-see-price .prices .time{

    font-size: 14px;

    line-height: 26px;

    font-weight: 600;

    color: var(--grayColor);

}



/* List Page */

.hotel-list-slider {

    position: relative;

    flex: 0 0 264px;

    width: 264px;

}

.hotel-list-details{

    padding: 20px;

    background: var(--whiteColor);

    height: 100%;

    width: 100%;

}

.hotellist-title-rating{

    margin-bottom: 16px;

    align-items: flex-start;

    column-gap: 16px;

}

.hotellist-title-location .title{

    display: block;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    margin-bottom: 8px;

}

.hotellist-title-location .location{

    column-gap: 4px;

}

.hotellist-title-location .location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.hotel-list-ratings{

    column-gap: 4px;

}

.hotel-list-ratings img{

    margin-top: -1px;

}

.hotel-list-ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}



.hotellist-list-items{

    column-gap: 8px;

    row-gap: 8px;

    margin-bottom: 16px;

}

.hotellist-list-items li{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--darkColor);

}

.hotellist-list-items li:not(:last-child){

    position: relative;

    padding-right: 12px;

}

.hotellist-list-items li:not(:last-child):after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 4px;

    min-width: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--themeColor);

}

.hotellist-list-items li.more{

    font-weight: 500;

    color: var(--grayColor);

}



.hotellist-see-price{

    flex-wrap: wrap;

    row-gap: 7px;

}

.hotellist-see-price .prices{

    gap: 4px;

    align-items: flex-end;

}

.hotellist-see-price .prices .price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-list-card:hover .hotellist-see-price .prices .price{

    color: var(--themeColor);

}

.hotellist-see-price .prices .time{

    font-size: 14px;

    line-height: 26px;

    font-weight: 600;

    color: var(--grayColor);

}

/* Hotel Grid List Page End ***

*****************************/





/* Doctor Grid List Page Start ***

********************************/

.doctor-grid-details{

    background-color: var(--whiteColor);

    padding: 12px 20px 20px 20px;

}

.docgrid-name-role{

    margin-bottom: 12px;

}

.docgrid-name-role .name{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    margin-bottom: 4px;

}

.docgrid-name-role .name.active{

    padding-right: 16px;

    position: relative;

}

.docgrid-name-role .name.active::after{

    position: absolute;

    content: "";

    right: 0;

    top: 10px;

    height: 8px;

    width: 8px;

    border-radius: 50%;

    background: #1CB24F;

}

.docgrid-name-role .hospitam{

    font-size: 12px;

    line-height: 16px;

    font-weight: 700;

    color: var(--nightColor);

    margin-bottom: 4px;

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.docgrid-name-role .hospitam .role{

    padding-right: 10px;

    position: relative;

}

.docgrid-name-role .hospitam .role::after{

    position: absolute;

    content: "";

    right: 2px;

    top: 6px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: #BDC0D2;

}

.docgrid-name-role .certified{

    font-size: 12px;

    line-height: 16px;

    font-weight: 500;

    color: var(--grayColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.doctor-grid-ratings{

    column-gap: 4px;

    margin-bottom: 12px;

}

.doctor-grid-ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 700;

    color: var(--darkColor);

}

.doctor-grid-ratings .reviews{

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: var(--grayColor);

}

.doctorgrid-see-price{

    flex-wrap: wrap;

    row-gap: 7px;

}

.doctorgrid-see-price .prices{

    gap: 4px;

    align-items: flex-end;

}

.doctorgrid-see-price .prices .price{

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    transition: .3s;

}

.single-grid-card:hover .doctorgrid-see-price .prices .price{

    color: var(--themeColor);

}

.doctorgrid-see-price .prices .time{

    font-size: 14px;

    line-height: 24px;

    font-weight: 500;

    color: var(--grayColor);

}

/* List Page */

.doctor-list-slider {

    position: relative;

    flex: 0 0 235px;

    width: 235px;

}

.doctor-list-details{

    padding: 16px;

    overflow: hidden;

    height: 100%;

    width: 100%;

}

.docgrid-name-role .name.deactive {

    padding-right: 16px;

    position: relative;

}

.docgrid-name-role .name.deactive::after {

    position: absolute;

    content: "";

    right: 0;

    top: 10px;

    height: 8px;

    width: 8px;

    border-radius: 50%;

    background: #BDC0D2;

}

.single-list-card:hover .doctorgrid-see-price .prices .price {

    color: var(--themeColor);

}

/* Doctor Grid List Page End ***

******************************/





/* Beauty Grid List Page Start ***

********************************/

.beauty-grid-details{

    padding: 12px 20px;

}

.beautygrid-location-title{

    margin-bottom: 8px;

}

.beautygrid-location-title .location{

    margin-bottom: 4px;

    column-gap: 4px;

}

.beautygrid-location-title .location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.beautygrid-location-title .title{

    display: block;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}



.beautygrid-rating-open{

    margin-bottom: 12px;

}

.beauty-grid-ratings{

    column-gap: 4px;

}

.beauty-grid-ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}

.beauty-grid-ratings .reviews{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.beauty-grid-open{

    column-gap: 2px;

}

.beauty-grid-open .status{

    column-gap: 2px;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: #1CB24F;

}

.small-border-btn1{

    border: 1px solid #BDC0D2;

    border-radius: 4px;

    padding: 5px 11px;

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--nightColor);

}

.small-border-btn1:hover{

    border-color: var(--themeColor);

    color: var(--themeColor);

}

/* List */

.beauty-list-slider{

    position: relative;

    flex: 0 0 204px;

    width: 204px;

}

.beauty-list-details{

    padding: 20px;

    height: 100%;

    width: 100%;

}



.beautylist-location{

    /* margin-bottom: 4px; */

    column-gap: 4px;

}

.beautylist-location .name{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

.beautylist-location-open{

    column-gap: 10px;

}

.beauty-list-details .title{

    display: block;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--darkColor);

    margin-bottom: 10px;

}



.beauty-list-ratings{

    column-gap: 4px;

    margin-bottom: 10px;

}

.beauty-list-ratings .rating{

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: var(--darkColor);

}

.beauty-list-ratings .reviews{

    font-size: 12px;

    line-height: 16px;

    font-weight: 600;

    color: var(--grayColor);

}

/* Beauty Grid List Page End ***

******************************/





/* Car Grid List Page Start ***

*****************************/

/* Map */

.car-map-area{

    height: 426px;

    width: 100%;

    margin-bottom: 12px;

}

.car-map-area iframe{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px;

    display: block;

}

.car-grid-details{

    padding: 12px 20px 20px 20px;

    background: var(--whiteColor);

    border-radius: 0 0 12px 12px;

    transition: .3s;

}

.cargrid-title-area{

    margin-bottom: 12px;

}

.cargrid-title-area .title{

    font-weight: 700;

    font-size: 18px;

    line-height: 28px; 

    color: var(--darkColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.cargrid-title-area .info{

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.cargrid-list-items{

    margin-bottom: 12px;

    column-gap: 25px;

    row-gap: 15px;

}

.cargrid-list-items li{

    text-align: center;

}

.cargrid-list-items li img{

    margin: 0 auto 6px auto;

}

.cargrid-list-items li .info{

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

    text-align: center;

}

.cargrid-list-items li:not(:last-child){

    padding-right: 25px;

    position: relative;

}

.cargrid-list-items li:not(:last-child)::after{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 8px;

    background: var(--darkColor);

}

.cargrid-price-view .prices .old-price{

    font-weight: 600;

    font-size: 12px;

    line-height: 16px; 

    text-decoration: line-through;

    color: var(--grayColor);

}

.cargrid-price-view .prices .new-price{

    font-weight: 700;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

    transition: .3s;

}

.cargrid-price-view .view-details{

    display: flex;

    align-items: center;

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

}

.cargrid-price-view .view-details svg{

    display: block;

}

.cargrid-price-view .view-details path{

    transition: .3s;

}

.cargrid-price-view .view-details:hover path{

    stroke: var(--themeColor);

}

.cargrid-price-view .view-details:hover{

    color: var(--themeColor);

}

.single-grid-card:hover .cargrid-price-view .prices .new-price{

    color: var(--themeColor);

}

/* List */

.car-list-card {

    border-radius: 12px;

    overflow: hidden;

    height: 100%;

    transition: .3s;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    transition: .3s;

}

.car-list-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);

}

.car-list-slider {

    position: relative;

    flex: 0 0 264px;

    width: 264px;

}

.car-list-details {

    padding: 19px 27px;

    height: 100%;

    width: 100%;

    border-radius: 0 12px 12px 0;

    background: var(--whiteColor);

    overflow: hidden;

}

.carlist-title-bookmark{

    column-gap: 16px;

    margin-bottom: 6px;

}

.car-list-title {

    width: calc(100% - 48px);

}

.car-list-title .title{

    font-weight: 700;

    font-size: 18px;

    line-height: 27px; 

    color: var(--darkColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.car-list-title .info{

    font-weight: 500;

    font-size: 14px;

    line-height: 19px; 

    color: var(--grayColor);

    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}

.carlist-title-bookmark .grid-list-bookmark{

    position: inherit;

}

.carlist-item-price{

    column-gap: 16px;

    row-gap: 10px;

    margin-bottom: 6px;

}



.carlist-list-items{

    column-gap: 52px;

    row-gap: 10px;

}

.carlist-list-items li{

    text-align: center;

}

.carlist-list-items li img{

    margin-bottom: 4px;

}

.carlist-list-items li .info{

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

}

.carlist-list-items li:not(:last-child){

    padding-right: 52px;

    position: relative;

}

.carlist-list-items li:not(:last-child)::after{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 20px;

    background: #bdc0d2;

}

.car-list-prices{

    text-align: right;

}

.car-list-prices .new-price{

    font-weight: 700;

    font-size: 20px;

    line-height: 28px; 

    text-align: right;

    color: var(--darkColor);

    margin-bottom: 8px;

    transition: .3s;

}

.car-list-prices .old-price{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    text-decoration: line-through;

    color: var(--grayColor);

}

.carlist-tag-list{

    column-gap: 16px;

    row-gap: 8px;

}

.car-tag-item{

    padding: 7px 15px;

    border: 1px solid #dbdbdb;

    border-radius: 20px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

}

.car-tag-item:hover{

    color: var(--themeColor);

    border-color: var(--themeColor);

}



.carlist-tag-view{

    row-gap: 10px;

}

.carlist-tag-view .view-details{

    display: flex;

    align-items: center;

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

    min-width: max-content;

}

.carlist-tag-view .view-details svg{

    display: block;

}

.carlist-tag-view .view-details path{

    transition: .3s;

}

.carlist-tag-view .view-details:hover path{

    stroke: var(--themeColor);

}

.carlist-tag-view .view-details:hover{

    color: var(--themeColor);

}

.car-list-card:hover .car-list-prices .new-price{

    color: var(--themeColor);

}

/* Car Grid List Page End ***

***************************/





/* Real Estate Details Page Start ***

***********************************/

.details-title-back1{

    margin: 0px 0 24px 0;

    column-gap: 16px;

    row-gap: 20px;

}

.detailstop-title-location1 .title{

    font-weight: 600;

    font-size: 28px;

    line-height: 36px; 

    color: var(--darkColor);

}

.detailstop-title1 {

    column-gap: 16px;

    row-gap: 10px;

}

.detailstop-title1 .featured{

    border-radius: 8px;

    padding: 4px 14px;

    background: var(--themeColor);

    font-weight: 500;

    font-size: 14px;

    line-height: 24px; 

    color: var(--whiteColor);

}

.detailstop-title-location1 .location{

    column-gap: 8px;

    margin-top: 8px;

}

.detailstop-title-location1 .location .name{

    font-weight: 400 !important;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.detailstop-share-back{

    column-gap: 12px;

    row-gap: 8px;

}

.detailstop-share-back .save-share{

    border-radius: 8px;

    border: 1px solid rgba(126, 126, 137, 0.3);

    height: 48px;

    width: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.detailstop-share-back .save-share svg{

    display: block;

}

.detailstop-share-back .save-share path{

    transition: .3s;

}

.detailstop-share-back .save-share.active,

.detailstop-share-back .save-share:hover{

    border-color: transparent;

    background: var(--themeColor);

    color: var(--themeColor);

}

.detailstop-share-back .save-share.active path,

.detailstop-share-back .save-share:hover path{

    fill: var(--whiteColor);

}

.back-btn1{

    display: flex;

    align-items: center;

    column-gap: 8px;

    border: 1px solid rgba(126, 126, 137, 0.3);

    border-radius: 8px;

    padding: 11px 23px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

    transition: .3s;

}

.back-btn1 svg{

    display: block;

}

.back-btn1 path{

    transition: .3s;

}

.back-btn1:hover{

    color: var(--themeColor);

    border-color: var(--themeColor);

}

.back-btn1:hover path{

    fill: var(--themeColor);

}



/* Left */

.beauty-details-banners{

    margin-bottom: 28px;

}

.beauty-details-banners .banner-top{

    margin-bottom: 28px;

    width: 100%;

    aspect-ratio: 752 / 406;

}

.beauty-details-banners .banner-top img{

    width: 100%;

    border-radius: 12px;

    height: 100%;

    object-fit: cover;

}

.beauty-banner-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

    margin-bottom: 30px;

}

.beauty-banner-list li{

    width: 100%;

    aspect-ratio: 167 / 133;

    border-radius: 8px;

}

.beauty-banner-list li img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 8px;

    cursor: pointer;

}

.beauty-banner-list li.last-child{

    position: relative;

    z-index: 1;

}

.beauty-banner-list li .see-more{

    font-weight: 600;

    font-size: 18px;

    line-height: 28px; 

    color: var(--whiteColor);

    border: 0.29px solid rgba(255, 255, 255, 0.50);

    border-radius: 6px;

    padding: 6px 5px;

    background: transparent;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    white-space: nowrap;

    z-index: 2;

    transition: .3s;

    display: block;

    min-width: max-content;

}

.beauty-banner-list li .see-more:hover{

    border-color: var(--themeColor);

}

.beauty-banner-list li.last-child:after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(14, 7, 20, 0.61);

    z-index: 1;

    border-radius: 8px;

}



/* Left */

.card-light-text.re-dark-light {

	background: #0B162D;

}



.realstate-details-banners .banner-top{

    margin-bottom: 28px;

    width: 100%;

    aspect-ratio: 752 / 406;

    border-radius: 12px;

    overflow: hidden;

}

.realstate-details-banners .banner-top img{

    width: 100%;

    border-radius: 12px;

    height: 100%;

    object-fit: cover;

}

.realestate-banner-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

    margin-bottom: 28px;

}

.realestate-banner-list li{

    width: 100%;

    aspect-ratio: 167 / 133;

    border-radius: 8px;

}

.realestate-banner-list li img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 8px;

    cursor: pointer;

}

.realestate-banner-list li.last-child{

    position: relative;

    z-index: 1;

}

.realestate-banner-list li .see-more{

    font-weight: 600;

    font-size: 18px;

    line-height: 28px; 

    color: var(--whiteColor);

    border: 0.29px solid rgba(255, 255, 255, 0.50);

    border-radius: 6px;

    padding: 6px 5px;

    background: transparent;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    white-space: nowrap;

    z-index: 2;

    transition: .3s;

    display: block;

    min-width: max-content;

}

.realestate-banner-list li .see-more:hover{

    border-color: var(--themeColor);

}

.realestate-banner-list li.last-child:after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(14, 7, 20, 0.61);

    z-index: 1;

    border-radius: 8px;

}

/* Pricing */

.realestate-pricing-area .pricing{

    column-gap: 12px;

    margin-bottom: 20px;

}

.realestate-pricing-area .pricing .info{

    font-weight: 500;

    font-size: 18px;

    line-height: 28px; 

    color: var(--grayColor);

}

.realestate-pricing-area .pricing .price{

    font-weight: 600;

    font-size: 24px;

    line-height: 34px; 

    color: var(--darkColor);

}

.realestate-property-title{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    padding: 20px;

    border-radius: 12px;

}

.realestate-property-title .title{

    font-weight: 600;

    font-size: 18px;

    line-height: 28px; 

    color: var(--darkColor);

    margin-bottom: 4px;

}

.realestate-property-title .info{

    font-weight: 500;

    font-size: 16px;

    line-height: 20px; 

    color: var(--grayColor);

}



.realestate-property-list{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    padding: 15px 20px;

    border-radius: 12px;

    column-gap: 30px;

    row-gap: 10px;

    flex-wrap: wrap;

}

.realestate-property-list li:not(:last-child){

    padding-right: 28px;

    position: relative;

}

.realestate-property-list li:not(:last-child)::after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 50px;

    background: rgba(85, 85, 88, 0.24);

}

.realestate-property-list li{

    text-align: center;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.realestate-property-list li img{

    margin: 0 auto 8px auto;

}



/* Description */

.realestate-details-description{

    margin-bottom: 36px;

}

.more-link-btn{

    display: flex;

    align-items: center;

    column-gap: 4px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--themeColor);

    max-width: max-content;

}

.more-link-btn img{

    transition: .3s;

}

.more-link-btn:hover img{

    margin-left: 3px;

}

.realestate-details-details{

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

}

.realestate-details-details .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

    margin-bottom: 20px;

}

.realdetails-detailslist li{

    display: flex;

    align-items: center;

    justify-content: space-between;

    column-gap: 16px;

    row-gap: 5px;

    flex-wrap: wrap;

}

.realdetails-detailslist li:not(:last-child){

    padding-bottom: 10px;

}

.realdetails-detailslist .info{

    font-weight: 600;

    font-size: 16px;

    line-height: 28px; 

    color: var(--darkColor);

}

.realdetails-detailslist .value {

	font-weight: 500;

	font-size: 16px;

	line-height: 24px;

	color: var(--grayColor);

	width: 221px;

	text-align: right;

}

.realdetails-detailslist .value .d-flex{

    justify-content: flex-end;

}

.realestate-details-address{

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

}

.realestate-details-address .title-btn{

    gap: 10px;

    margin-bottom: 16px;

}

.realestate-details-address .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

}

.get-direction-btn{

    padding: 12px 18px;

    border-radius: 8px;

    background: var(--themeColor);

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--whiteColor);

    transition: .3s;

}

.get-direction-btn:hover{

    background: #008bfd;

}

/* Features */

.realdetails-features-list{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

}

.realdetails-feature{

    padding: 26px;

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    width: 100%;

    min-height: 166px;

    height: 100%;

}

.realdetails-feature .icon{

    height: 78px;

    width: 78px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 8px auto;

    background: #F4F5F7;

}

.realdetails-feature .name{

    font-weight: 600;

    font-size: 18px;

    line-height: 28px; 

    color: var(--darkColor);

    text-align: center;

}

.realdetails-feature-more {

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    width: 100%;

    min-height: 166px;

    height: 100%;

}

.realdetails-feature-more .more-btn{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    background: transparent;

    flex-direction: column;

}

.realdetails-feature-more .more-btn .more{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

    display: block;

    transition: .3s;

}

.realdetails-feature-more .more-btn:hover .more{

    color: var(--themeColor);

}

.realdetails-feature-more .more-btn .feature{

    font-weight: 500;

    font-size: 18px;

    line-height: 28px; 

    color: var(--darkColor);

    display: block;

    transition: .3s;

}

.realdetails-feature-more .more-btn:hover .feature{

    color: var(--themeColor);

}

/* Floor Plans */

.floor-plans-slider{

    border-radius: 12px;

    padding: 20px;

    background: #F4F5F7;

}

.floor-plans-slider .swiper-slide{

    height: auto;

}

.floor-plans-slider .floor-plan-img{

    height: 100%;

}

.floor-plans-slider .floor-plan-img img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 8px;

}

.floor-plans-slider .swiper-button-next, 

.floor-plans-slider .swiper-button-prev {

    margin: 0;

    transform: translateY(-50%);

    color: var(--grayColor);

    background: var(--whiteColor);

    height: 42px;

    width: 42px;

    border-radius: 50%;

    transition: .3s;

}

.floor-plans-slider .swiper-button-next:hover, 

.floor-plans-slider .swiper-button-prev:hover{

    background: var(--themeColor);

}

.floor-plans-slider .swiper-button-next:after, 

.floor-plans-slider .swiper-button-prev:after {

    font-size: 11px;

    font-weight: bold;

    color: var(--grayColor);

    transition: .3s;

}

.floor-plans-slider .swiper-button-next:hover:after, 

.floor-plans-slider .swiper-button-prev:hover:after{

    color: var(--whiteColor);

}

.floor-plans-slider .swiper-button-next:after{

    margin: 0px 0 0 1px;

}

.floor-plans-slider .swiper-button-next, 

.floor-plans-slider .swiper-rtl .swiper-button-prev {

    right: 12px;

    left: auto;

}

.floor-plans-slider .swiper-button-prev:after{

    margin: 0px 1px 0 0;

}

.floor-plans-slider .swiper-button-prev, 

.floor-plans-slider .swiper-rtl .swiper-button-next {

    left: 12px;

    right: auto;

}

/* Video */

.realdetails-video .plyr__control--overlaid{

    background: var(--themeColor);

    border: 5px solid rgba(68, 161, 237, 0.5);

    outline: 5px solid rgba(68, 161, 237, 0.5);

}

.realdetails-video .plyr__volume input[type=range]{

    color: var(--themeColor);

}

.realdetails-video .plyr__progress input[type=range]{

    color: var(--themeColor);

}

.realdetails-video .plyr--video .plyr__control:focus-visible, 

.realdetails-video .plyr--video .plyr__control:hover, 

.realdetails-video .plyr--video .plyr__control[aria-expanded=true] {

    background: var(--themeColor);

}

.realdetails-video .plyr--video {

    border-radius: 12px;

}

/* Nearby */

.realdetails-nearby-grid{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;

}

.realdetails-nearby-item{

    display: block;

    padding: 16px;

    border-radius: 12px;

    background: #F4F5F7;

}

.nearby-item-name{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

}

.nearby-item-arrow{

    border-radius: 8px;

    border: 1px solid #C8C9CF;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--darkColor);

    transition: .3s;

}

.nearby-item-arrow span::before{

    display: block;

    font-size: 14px;

}

.nearby-item-arrow:hover{

    border-color: var(--themeColor);

    background: var(--themeColor);

    color: var(--whiteColor);

}

.realdetails-nearby-item:hover .nearby-item-arrow{

    border-color: var(--themeColor);

    background: var(--themeColor);

    color: var(--whiteColor);

}

.details-arrow-btn1{

    width: 100%;

    padding: 12px;

    border-radius: 12px;

    background: var(--themeColor);

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--whiteColor);

    display: flex;

    align-items: center;

    justify-content: center; 

    column-gap: 8px;

    transition: .3s;

}

.details-arrow-btn1:hover{

    background: #008bfd;

}

/* Modal */

@media (min-width: 992px) {

    .nearby-modal .modal-lg {

        --bs-modal-width: 840px;

    }

}

.nearby-modal .modal-header {

    border-bottom: 1px solid #e6e6e6;

    background: #f1f1f1;

    padding: 18px 30px;

    border-radius: 15px 15px 0 0;

}

.nearby-modal-title {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    color: #242D3D;

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 24px */

}

.nearby-modal .btn-close {

    height: 12px;

    width: 12px;

    background-size: 12px;

    border-radius: 50%;

    background-color: #dbdbdb;

}

.nearby-modal .btn-close:focus {

    box-shadow: none;

}

.nearby-modal-title .icon {

    width: 35px;

    height: 35px;

    background-color: var(--themeColor);

    display: flex;

    text-align: center;

    justify-content: center;

    border-radius: 50%;

}

.nearby-modal-title .icon img {

    width: 12px;

}

.nearby-modal .modal-body {

    padding: 0;

}

.nearby-modal-tab-nav{

    border-top: 1px solid #D4D4D4;

    padding-bottom: 5px;

    padding-left: 5px;

}

.nearby-modal-tab-nav .nav-item {

    border: 1px solid #fff;

    padding: 10px 0;

    transition: .3s;

}

.nearby-modal-tab-nav .nav-item:hover {

    border-color: var(--themeColor);

}

.nearby-modal-tab-nav .nav-item .nav-link {

    background-color: transparent;

    color: #242D3D;

    display: flex;

    align-items: center;

    gap: 8px;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.nearby-modal-tab-nav .nav-item .nav-link.active{

    color: var(--themeColor);

}

.bgcolor-iconbox1{

    width: 35px;

    flex: 0 0 35px;

    height: 35px;

    background-color: var(--bd-color, #44A1ED);

    display: flex;

    text-align: center;

    justify-content: center;

    border-radius: 50%;

}

.bgcolor-iconbox1 img{

    width: 20px;

}

.bgcolor-iconbox2{

    width: 26px;

    flex: 0 0 26px;

    height: 26px;

    background-color: var(--bd-color, #44A1ED);

    display: flex;

    text-align: center;

    justify-content: center;

    border-radius: 50%;

}

.bgcolor-iconbox2 img{

    width: 16px;

}

.nearby-number-badge {

    width: 32px;

    height: 32px;

    line-height: 32px;

    display: inline-block;

    text-align: center;

    background-color: #eee;

    font-size: 12px;

    font-weight: 500;

    border-radius: 50%;

}

.map-view {

    height: 450px;

    width: 100%;

}

.map-view iframe{

    height: 100%;

    width: 100%;

    margin-bottom: 0;

}

.nearby-map-listitem{

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px;

    color: #242D3D;

    font-size: 14px;

    margin-bottom: 5px;

    font-weight: 600;

    cursor: pointer;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

}

.nearby-map-listitem:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    background-color: var(--themeColor);

    opacity: 0;

    -webkit-transition: .5s;

    transition: .5s;

}

.nearby-map-listitem:hover {

    background-color: rgba(146, 146, 146, 0.12);

}

.nearby-map-listitem:hover:before {

    opacity: 1;

}

/* 3D Model */

.realdetails-3d-wrap .model-viewer{

    border: 1px solid rgba(144, 152, 164, 0.3);

    border-radius: 12px;

    width: 100%;

    height: 415px;

}

/* Review */

.review-title-button{

    column-gap: 16px;

    row-gap: 10px;

    margin-bottom: 20px;

}

.review-title-button .title{

    font-family: Inter;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 24px */

    color: var(--darkColor);

}

.white-btn1{

    border: 1px solid #DCDEE5;

    border-radius: 8px;

    padding: 11px 23px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.white-btn1:hover{

    border-color: var(--themeColor);

    color: var(--themeColor);

}

/* Review Comment */

.comment-profile{

    min-width: 60px;

    height: 60px;

}

.comment-profile img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

}

.single-comment{

    column-gap: 16px;

}

.commentator-name-date .name{

    color: var(--darkColor);

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 4px;

}

.commentator-name-date .date{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}

.commentator-name-dropdown{

    column-gap: 5px;

    margin-bottom: 16px;

}

.commentator-name-dropdown .dropdown button{

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: rgba(121, 132, 132, 0.16);

    display: flex;

    align-items: center;

    justify-content: center;

    border: none;

}

.commentator-name-dropdown .dropdown button:active{

    background: rgba(126, 126, 137, 0.3);

}

.commentator-name-dropdown .dropdown-menu {

    border-radius: 8px;

    background: var(--whiteColor);

    box-shadow: 0px 14px 32px 0px rgba(131, 139, 149, 0.15);

    border: none;

    padding: 6px;

    min-width: 140px;

}

.commentator-name-dropdown .dropdown-item {

    padding: 8px 10px;

    color: #838B95;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: .3s;

    border-radius: 4px;

}

.commentator-name-dropdown .dropdown-item:hover, 

.commentator-name-dropdown .dropdown-item:focus {

    color: var(--themeColor);

    background: rgb(242, 243, 245);

}

.comment-details{

    width: 100%;

}

.comment-content{

    margin-bottom: 16px;

}

.comment-content .info{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.comment-reply-btn{

    padding: 8px 20px;

    border: none;

    transition: .3s;

    border-radius: 8px;

    background: var(--themeColor);

    color: var(--whiteColor);

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

    display: block;

    max-width: max-content;

}

.comment-reply-btn:hover{

    background: #5200e7;

}

.single-comment-wrap .comment-replies{

    margin-left: 60px;

    margin-top: 30px;

}

.comment-replies .single-comment{

    margin-left: 40px;

    margin-bottom: 30px;

}

.more-reply-btn{

    padding: 0;

    border: none;

    background: transparent;

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    display: block;

    max-width: max-content;

    transition: .3s;

}

.more-reply-btn:hover{

    color: var(--themeColor);

}

.single-comment-wrap{

    position: relative;

}

.single-comment-wrap::after{

    position: absolute;

    content: "";

    left: 30px;

    top: 75px;

    width: 1px;

    height: calc(100% - 93px);

    background: rgba(147, 148, 158, 0.5);

    display: none;

}

.comment-replies > li{

    position: relative;

}

.comment-replies > li::after{

    position: absolute;

    content: "";

    left: -30px;

    top: 24px;

    height: 10px;

    width: 60px;

    border-left: 1px solid rgba(147, 148, 158, 0.5);

    border-bottom: 1px solid rgba(147, 148, 158, 0.5);

    border-bottom-left-radius: 10px;

}

.comment-replies > li.more-reply-li::after{

    top: 5px;

    width: 20px;

}

.single-comment-wrap:has(.comment-replies)::after{

    display: block;

}

/* Edit Review */

.atndetails-edit-reviews > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

}

.smform-label2{

    font-weight: 500;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.mform-control{

    border: 1px solid rgba(126, 126, 137, 0.36);

    border-radius: 8px;

    padding: 12px 15px;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    transition: .3s;

}

.mform-control::placeholder{

    color: rgba(126, 126, 137, 100%);

}

.mform-control:focus{

    color:  var(--darkColor);

    border-color: var(--themeColor);

}

.mform-control:hover{

    border-color: var(--themeColor);

}

.mform-control[type=number]::-webkit-outer-spin-button,

.mform-control[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

.mform-control[type=number] {

    -moz-appearance:textfield;

}

.input-calendar-icon{

    padding-right: 30px;

    background-color: var(--whiteColor);

    background-image: url(../images/icons/calendar-gray-20.svg);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    background-position: calc(100% - 11px) 12px;

}

.input-watch-icon{

    padding-right: 30px;

    background-color: var(--whiteColor);

    background-image: url(../images/icons/watch-gray-20.svg);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    background-position: calc(100% - 11px) 12px;

}

.mNiceSelect{

    float: none;

    height: auto;

    line-height: 24px;

    padding: 10px 35px 10px 15px;

}

.mNiceSelect .list{

    width: calc(100% + 2px);

    left: inherit;

    right: -1px;

    border: none;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 8px;

    border-radius: 8px;

    z-index: 2;

}

.mNiceSelect .option {

    min-height: auto;

    line-height: 20px;

    padding: 7px 11px;

    border-radius: 4px;

}

.mNiceSelect .option.selected {

    font-weight: inherit;

}

.mNiceSelect .option:hover, 

.mNiceSelect .option.focus, 

.mNiceSelect .option.selected.focus {

    color: var(--themeColor);

    background: rgb(242, 243, 245);

}

.mNiceSelect:after {

    border: none;

    height: 24px;

    width: 24px;

    background-image: url(../images/icons/angle-down-gray-20.svg);

    background-repeat: no-repeat;

    background-size: 24px 24px;

    transform-origin: 12px 0;

    top: 50%;

    transform: rotate(0deg) translateY(-50%);

    margin: 0;

    right: 11px;

}

.mNiceSelect.open:after {

    transform: rotate(180deg) translateY(-50%);

}

.mNiceSelect.review-select{

    max-width: 469px;

    width: 100%;

}

textarea.review-textarea{

    min-height: 227px;

    border-radius: 12px;

}

.theme-btn1{

    border-radius: 8px;

    padding: 12px 24px;

    background: var(--themeColor);

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: #fff;

    transition: .3s;

}

.theme-btn1:hover{

    background: #5200e7;

}

/* Related Product */

.related-product-title{

    font-weight: 500;

    font-size: 30px;

    line-height: 36px; 

    color: var(--darkColor);

}

/* Sidebar */

.realdetails-sidebar{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    padding: 20px;

}

.realdetails-sidebar > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

}

.mform-label{

    font-weight: 600;

    font-size: 18px;

    line-height: 28px; 

    color: var(--darkColor);

}



.tour-type-group.btn-group>.btn-group:not(:first-child), 

.tour-type-group.btn-group>:not(.btn-check:first-child)+.btn {

    margin-left: 0;

}

.tour-type-group.btn-group {

    border-radius: 0;

    column-gap: 20px;

    row-gap: 14px;

    width: 100%;

}

.tour-type-group.btn-group .btn{

    border: 1px solid #7e7e89;

    border-radius: 8px !important;

    padding: 10px;

    width: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    column-gap: 8px;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.tour-type-group.btn-group .btn svg{

    display: block;

}

.tour-type-group.btn-group .btn path{

    transition: .3s;

}

.tour-type-group.btn-group .btn-check:checked+.btn {

    color: var(--whiteColor);

    background-color: var(--themeColor);

    border-color: transparent;

}

.tour-type-group.btn-group .btn-check:checked+.btn path{

    fill: var(--whiteColor);

}

.mform-control::-webkit-inner-spin-button, 

.mform-control::-webkit-outer-spin-button { 

  -webkit-appearance: none; 

  margin: 0; 

}

textarea.meeting-textarea{

    min-height: 142px;

}

.submit-fluid-btn{

    border-radius: 8px;

    padding: 12px 24px;

    background: var(--themeColor);

    text-align: center;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--whiteColor);

    width: 100%;

    transition: .3s;

}

.submit-fluid-btn:hover{

    background: #5200e7;

}



/* Image Viewer Modal */

@media (min-width: 576px) {

    .modal-main-xl {

        padding: 10px !important;

    }

}

.modal-main-xl .modal-dialog {

    max-width: 1170px;

}

.alm-header-wrap{

    column-gap: 45px;

    row-gap: 25px;

    flex-wrap: wrap;

    padding-right: 5px;

}

.alm-header-title-wrap{

    column-gap: 45px;

    row-gap: 20px;

    flex-wrap: wrap;

}

.modal-main-xl .modal-content {

    border-radius: 15px;

    border: none;

}

.modal-main-xl .modal-header {

    border-bottom: 1px solid #e6e6e6;

    background: #fff;

    padding: 18px 30px;

    border-radius: 15px 15px 0 0;

}

.modal-main-xl .modal-header .btn-close:focus{

    box-shadow: none;

}

.modal-content {

	background-color: #fff;

}

.xl-modal-title {

    font-size: 24px;

    font-weight: 500;

    color: var(--darkColor);

    word-break: break-all;

}

.alm-rating-review{

    font-weight: 500;

    font-size: 20px;

    color: var(--darkColor);

}

.alm-rating-review p{

    font-weight: 400;

    font-size: 15px;

    color: var(--grayColor);

}

.alm-rating-review img{

    margin-top: -1px;

}

.alm-hlist-group{

    column-gap: 45px;

    row-gap: 20px;

    text-align: center;

    flex-wrap: wrap;

}

.alm-hlist-item svg{

    width: 20px;

}

.alm-hlist-totalitem{

    color: var(--darkColor);

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 9px;

}

.alm-hlist-title{

    font-size: 15px;

    color: var(--darkColor);

    font-weight: 600;

}





/* collected */

.sing-gallery {

    position: relative;

    z-index: 1;

    height: 100%;

}

.sing-gallery .gallery-head a {

    position: relative;

    z-index: 1;

    display: block;

    width: 100%;

}

.sing-gallery img {

    height: 300px;

    object-fit: cover;

    width: 100%;

    border-radius: 15px;

}

.sing-gallery .gallery-head a:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(11, 22, 45, 0) 0%, rgb(11, 22, 45) 100%);

    border-radius: 15px;

}

.sing-gallery  p {

    position: absolute;

    width: 100%;

    bottom: 17px;

    z-index: 2;

    color: #fff;

    font-weight: 600;

    text-align: center;

}





/* Flatpickr */

.flatpickr-months .flatpickr-prev-month:hover svg, 

.flatpickr-months .flatpickr-next-month:hover svg {

	fill: var(--themeColor);

}



.dayContainer{

    gap: 2px;

}



.flatpickr-day.selected, 

.flatpickr-day.startRange, 

.flatpickr-day.endRange, 

.flatpickr-day.selected.inRange, 

.flatpickr-day.startRange.inRange, 

.flatpickr-day.endRange.inRange, 

.flatpickr-day.selected:focus, 

.flatpickr-day.startRange:focus, 

.flatpickr-day.endRange:focus, 

.flatpickr-day.selected:hover, 

.flatpickr-day.startRange:hover, 

.flatpickr-day.endRange:hover, 

.flatpickr-day.selected.prevMonthDay, 

.flatpickr-day.startRange.prevMonthDay, 

.flatpickr-day.endRange.prevMonthDay, 

.flatpickr-day.selected.nextMonthDay, 

.flatpickr-day.startRange.nextMonthDay, 

.flatpickr-day.endRange.nextMonthDay {

    background: var(--themeColor);

    -webkit-box-shadow: none;

    box-shadow: none;

    color: var(--whiteColor);

    border-color: var(--themeColor);

}

.flatpickr-time input:hover, 

.flatpickr-time .flatpickr-am-pm:hover, 

.flatpickr-time input:focus, 

.flatpickr-time .flatpickr-am-pm:focus {

    /* background: var(--themeColor); */

}

.flatpickr-day.inRange, 

.flatpickr-day.prevMonthDay.inRange, 

.flatpickr-day.nextMonthDay.inRange, 

.flatpickr-day.today.inRange, 

.flatpickr-day.prevMonthDay.today.inRange, 

.flatpickr-day.nextMonthDay.today.inRange, 

.flatpickr-day:hover, 

.flatpickr-day.prevMonthDay:hover, 

.flatpickr-day.nextMonthDay:hover, 

.flatpickr-day:focus, 

.flatpickr-day.prevMonthDay:focus, 

.flatpickr-day.nextMonthDay:focus {

    background: var(--themeColor);

    border-color: var(--themeColor);

    color: var(--whiteColor);

}

.flatpickr-time input:hover, 

.flatpickr-time .flatpickr-am-pm:hover, 

.flatpickr-time input:focus, 

.flatpickr-time .flatpickr-am-pm:focus {

	/* color: var(--whiteColor); */

}



.flatpickr-day.selected, 

.flatpickr-day.startRange, 

.flatpickr-day.endRange, 

.flatpickr-day.selected.inRange, 

.flatpickr-day.startRange.inRange, 

.flatpickr-day.endRange.inRange, 

.flatpickr-day.selected:focus, 

.flatpickr-day.startRange:focus, 

.flatpickr-day.endRange:focus, 

.flatpickr-day.selected:hover, 

.flatpickr-day.startRange:hover, 

.flatpickr-day.endRange:hover, 

.flatpickr-day.selected.prevMonthDay, 

.flatpickr-day.startRange.prevMonthDay, 

.flatpickr-day.endRange.prevMonthDay, 

.flatpickr-day.selected.nextMonthDay, 

.flatpickr-day.startRange.nextMonthDay, 

.flatpickr-day.endRange.nextMonthDay {

	background: var(--themeColor);

	border-color: var(--themeColor);

}



/* Breadcrumb */

.atn-breadcrumb{

    margin-bottom: 0;

}

.atn-breadcrumb-item{

    color: var(--themeColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px; /* 142.857% */

}

.atn-breadcrumb-item.active{

    font-weight: 500;

    color: var(--grayColor);

}

.atn-breadcrumb-item + .atn-breadcrumb-item::before {

	padding-right: 8px;

	color: var(--themeColor);

    font-style: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    content: "\203A";

    line-height: 100%;

    font-size: 20px;

    padding-left: 6px;

}

.atn-breadcrumb-item + .atn-breadcrumb-item {

	padding-left: 0px;

}

/* Real Estate Details Theme Color Change */

.real-estate-details-body{

    --themeColor: #44A1ED;

}



.real-estate-details-body .theme-btn1:hover {

	background: #008bfd;

}

.resd-header-top-section .header-social-list a:hover path {

	fill: var(--themeColor);

}

.resd-header-section .search-submit-btn:hover {

	background: #008bfd;

}

.realdetails-meeting-form .submit-fluid-btn:hover {

	background: #008bfd;

}

.real-details-reviews .comment-reply-btn:hover {

	background: #008bfd;

}

/* Icon Text Link */

.icontext-link-btn{

    display: flex;

    align-items: center;

    column-gap: 4px;

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    width: fit-content;

}

.icontext-link-btn:hover{

    color: var(--themeColor);

}

.icontext-link-btn path{

    transition: .3s;

}

.icontext-link-btn:hover path{

    fill: var(--themeColor);

}



.resd-footer-section .footer-middle-nav ul li a:hover {

	color: var(--themeColor);

}

.resd-footer-section .footer-bottom-social ul li a:hover path {

	fill: var(--themeColor);

}

.resd-footer-section .footer-input-wrap button {

	top: calc(50% - 1px);

}

.resd-footer-section .footer-input-wrap button:hover {

	background: #008bfd;

}

/* Real Estate Details Page End ***

*********************************/





/* Restaurent Details Page End ***

********************************/

.resdetails-banner-slider{

    border-radius: 12px;

}

.resdetails-banner-slider .swiper-slide{

    height: auto;

}

.resdetails-slide-img{

    width: 100%;

    height: 100%;

}

.resdetails-slide-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}



.resdetails-banner-slider .swiper-button-next, 

.resdetails-banner-slider .swiper-button-prev {

    margin: 0;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.34);

    width: 60px;

    height: 60px;

    border-radius: 50%;

    transition: .3s;

    backdrop-filter: blur(3px);

}

.resdetails-banner-slider .swiper-button-next:hover, 

.resdetails-banner-slider .swiper-button-prev:hover {

    background: var(--themeColor);

}

.resdetails-banner-slider .swiper-button-next, 

.resdetails-banner-slider .swiper-rtl .swiper-button-prev {

    right: 24px;

}

.resdetails-banner-slider .swiper-button-prev, 

.resdetails-banner-slider .swiper-rtl .swiper-button-next {

    left: 24px;

}

.resdetails-banner-slider .swiper-button-next:after, 

.resdetails-banner-slider .swiper-rtl .swiper-button-prev:after {

    content: '';

    height: 24px;

    width: 24px;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/icons/arrow-right-white-24.svg);

}

.resdetails-banner-slider .swiper-button-prev:after, 

.resdetails-banner-slider .swiper-rtl .swiper-button-next:after {

    content: '';

    height: 24px;

    width: 24px;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/icons/arrow-left-white-24.svg);

}

.resdetails-banner-slider .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    bottom: 22px !important;

}

.resdetails-banner-slider .swiper-pagination-bullet{

    opacity: 1;

    background: rgba(255, 255, 255, 0.72);

    backdrop-filter: blur(6px);

    transition: .01s;

}

.resdetails-banner-slider .swiper-pagination-bullet-active{

    background: var(--themeColor);

    height: 12px;

    width: 12px;

}

/* Common Banner slider */

.atn-banner-slider{

    border-radius: 12px;

}

.atn-banner-slider .swiper-slide{

    height: auto;

}

.atn-slide-banner{

    width: 100%;

    height: 100%;

}

.atn-slide-banner img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}



.atn-banner-slider .swiper-button-next, 

.atn-banner-slider .swiper-button-prev {

    margin: 0;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.34);

    width: 60px;

    height: 60px;

    border-radius: 50%;

    transition: .3s;

    backdrop-filter: blur(3px);

}

.atn-banner-slider .swiper-button-next:hover, 

.atn-banner-slider .swiper-button-prev:hover {

    background: var(--themeColor);

}

.atn-banner-slider .swiper-button-next, 

.atn-banner-slider .swiper-rtl .swiper-button-prev {

    right: 24px;

}

.atn-banner-slider .swiper-button-prev, 

.atn-banner-slider .swiper-rtl .swiper-button-next {

    left: 24px;

}

.atn-banner-slider .swiper-button-next:after, 

.atn-banner-slider .swiper-rtl .swiper-button-prev:after {

    content: '';

    height: 24px;

    width: 24px;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/icons/arrow-right-white-24.svg);

}

.atn-banner-slider .swiper-button-prev:after, 

.atn-banner-slider .swiper-rtl .swiper-button-next:after {

    content: '';

    height: 24px;

    width: 24px;

    background-size: 24px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url(../images/icons/arrow-left-white-24.svg);

}

.atn-banner-slider .swiper-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    bottom: 22px !important;

}

.atn-banner-slider .swiper-pagination-bullet{

    opacity: 1;

    background: rgba(255, 255, 255, 0.72);

    backdrop-filter: blur(6px);

    transition: .01s;

}

.atn-banner-slider .swiper-pagination-bullet-active{

    background: var(--themeColor);

    height: 12px;

    width: 12px;

}

/* Menu */

.restdetails-menu-item {

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    align-items: center;

    height: 100%;

    overflow: hidden;

    transition: .3s;

    cursor: pointer;

}

.restdetails-menu-item.active,

.restdetails-menu-item:hover{

    box-shadow: 0 2px 24px 0 rgba(239, 37, 92, 0.2);

}

.restdetails-menu-item .img{

    width: 83px;

    height: 96px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-left: 3px;

    position: relative;

    z-index: 1;

}

.restdetails-menu-item .img::after{

    position: absolute;

    content: "";

    left: -32px;

    top: -27.5px;

    height: 125.5px;

    width: 107px;

    background: url(../images/details/menu-item-shape2.svg) no-repeat scroll center center / cover;

    z-index: -1;

}

.restdetails-menu-details {

	padding: 8px 13px 6px 10px;

}

.restdetails-menu-details .name{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.restdetails-menu-details .info{

    font-weight: 400;

    font-size: 12px;

    line-height: 16px; 

    color: var(--grayColor);

    margin-bottom: 4px;

}

.restdetails-menu-details .prices{

    column-gap: 4px;

}

.restdetails-menu-details .prices .new-price{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.restdetails-menu-details .prices .new-price span{

    font-size: 12px;

}

.restdetails-menu-details .prices .old-price{

    font-weight: 500;

    font-size: 12px;

    line-height: 20px; 

    color: var(--grayColor);

}

.restdetails-menu-details .prices .old-price .total{

    text-decoration: line-through;

}

.restdetails-menu-details .prices .old-price .symble{

    font-size: 8px;

    text-decoration: line-through;

}

.restdetails-menu-items{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 16px;

}

/* Opening Time */

.restopening-time-list li{

    display: flex;

    justify-content: space-between;

    column-gap: 16px;

    row-gap: 8px;

    flex-wrap: wrap;

    padding-left: 16px;

    position: relative;

}

.restopening-time-list li:after{

    position: absolute;

    content: "";

    left: 0;

    top: 12px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--themeColor);

}

.restopening-time-list li:not(:last-child){

    margin-bottom: 16px;

    padding-bottom: 16px;

    border-bottom: 1px dashed #DCDEE5;

}

.restopening-time-list .day{

    font-weight: 500;

    font-size: 16px;

    line-height: 28px; 

    color: var(--darkColor);

}

.restopening-time-list .time{

    font-weight: 400;

    font-size: 16px;

    line-height: 28px; 

    color: var(--grayColor);

}

.opening-time-close{

    border-radius: 8px;

    padding: 4px 14px;

    background: #F4F5F7;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--themeColor);

}

/* Amenities */

.restaurent-amenities-list{

    display: flex;

    column-gap: 60px;

    row-gap: 20px;

    flex-wrap: wrap;

}

.restaurent-amenities-list li{

    display: flex;

    align-items: center;

    column-gap: 6px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

    width: 220px;

}

/* Location */

.restdetails-location-header {

    column-gap: 16px;

    row-gap: 10px;

    margin-bottom: 16px;

}

.restdetails-location-name .name {

    font-weight: 500;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

    margin-bottom: 8px;

}

.restdetails-location-name .location{

    column-gap: 4px;

    font-weight: 400 !important;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.restdetails-location-map{

    width: 100%;

    height: 297px;

}

.restdetails-location-map iframe{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}

.restdetails-nearby-list{

    column-gap: 28px;

    row-gap: 16px;

}

.restdetails-nearby-area > .title{

    font-weight: 600;

    font-size: 18px;

    line-height: 18px; 

    color: var(--darkColor);

}

.restdetails-nearby-list li{

    display: flex;

    align-items: flex-start;

    column-gap: 8px;

    font-weight: 500;

    font-size: 16px;

    line-height: 16px; 

    color: var(--grayColor);

    width: calc(50% - 14px);

}

.restdetails-nearby-list li span{

    margin-top: 2px;

}

.restdetails-nearby-list li img{

    min-width: 20px;

}

/* Agent details */

.restdetails-agent-details{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    padding: 24px;

}

.restdetails-agent-header{

    padding-bottom: 16px;

    border-bottom: 1px solid #DCDEE5;

    column-gap: 16px;

    row-gap: 10px;

}

.restdetails-agent-header .title{

    font-weight: 600;

    font-size: 20px;

    line-height: 20px; 

    color: var(--darkColor);

}

.restdetails-agent-btns{

    column-gap: 16px;

    row-gap: 10px;

}

.gray-btn1{

    border-radius: 8px;

    padding: 11px 23px;

    border: 1px solid transparent;

    background: #F4F5F7;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

    transition: .3s;

}

.gray-btn1:hover{

    border-color: var(--themeColor);

    color: var(--themeColor);

}

.restdetails-agent-area{

    gap: 20px;

}

.restdetails-agent-area .profile{

    min-width: 171px;

    width: 171px;

    height: 184px;

}

.restdetails-agent-area .profile img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}

.restagent-details-listreview .name{

    font-weight: 500;

    font-size: 20px;

    line-height: normal;

    color: var(--grayColor);

}

.restagent-details-listreview .name span{

    font-weight: 600;

    color: var(--darkColor);

}

.restagent-details-listreview .rating{

    gap: 10px;

}

.restagent-details-listreview .rating img{

    margin-top: -1px;

}

.restagent-details-listreview .rating .total{

    font-weight: 500;

    font-size: 20px;

    line-height: 24px; 

    color: var(--darkColor);

}

.restagent-details-contacts .contact{

    font-weight: 600;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.restagent-details-contacts .contact span{

    font-weight: 500;

    color: var(--grayColor);

    word-break: break-all;

}

/* Right Sidebar */

.restdetails-sidebar{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    padding: 20px;

    border-radius: 12px;

}

.restdetails-sidebar > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

}

/* Time */

 /* Date Picker */

#ui-datepicker-div {

	display: none;

	background-color: #fff;

	margin-top: 0.25rem;

	border-radius: 0.5rem;

	padding: 0.5rem;

    border: 1px solid rgba(126, 126, 137, 0.36);

    border-radius: 8px;

}

.ui-datepicker table {

	border-collapse: separate;

	border-spacing: 3px;

    margin: 0;

}

.ui-datepicker-calendar thead th {

	padding: 0.25rem 0;

	text-align: center;

	font-size: 0.75rem;

	font-weight: 400;

	color: var(--grayColor);

}

.ui-datepicker-calendar tbody td {

	width: 2.5rem;

	text-align: center;

	padding: 0;

}

.ui-datepicker-calendar tbody td a {

	display: block flex;

    align-items: center;

    justify-content: center;

	border-radius: 0.25rem;

	line-height: normal;

	transition: 0.3s all;

	color: #546E7A;

	font-size: 0.875rem;

	text-decoration: none;

    text-align: center;

    border: none !important;

    width: 100%;

    aspect-ratio: 1 / 1;

    border-radius: 50%;

    background: transparent !important;

}

.ui-datepicker-calendar tbody td a:hover {	

	background: var(--themeColor) !important;

    color: white;

}

.ui-datepicker-calendar tbody td a.ui-state-active {

    background: rgba(108, 28, 255, 0.2) !important;

    color: #546E7A;

}

.ui-datepicker-header a.ui-corner-all {

	cursor: pointer;

	position: absolute;

	top: 50%;

	width: 2rem;

	height: 2rem;

	border-radius: 0.25rem;

	transition: 0.3s all;

    border: none;

}

.ui-datepicker-header a.ui-corner-all:hover {

	background-color: #ECEFF1;

}

.ui-datepicker-header a.ui-datepicker-prev {	

	left: 0;	

    background: url(../images/icons/angle-right-gray-20.svg);

	background-repeat: no-repeat;

	background-size: 20px;

	background-position: 50%;

	transform: rotate(180deg) translateY(50%);

}

.ui-datepicker-header a.ui-datepicker-next {

	right: 0;

    background: url(../images/icons/angle-right-gray-20.svg);

	background-repeat: no-repeat;

	background-size: 20px;

	background-position: 50%;

    transform: translateY(-50%);

}

.ui-widget-header .ui-icon {

    background-image: none;

}

.ui-datepicker-header a>span {

	display: none;

}

.ui-datepicker-title {

	text-align: center;

	line-height: 2rem;

	margin-bottom: 0.25rem;

	font-size: 0.875rem;

	font-weight: 500;

}

.ui-datepicker-week-col {

	color: #78909C;

	font-weight: 400;

	font-size: 0.75rem;

}

.ui-datepicker .ui-datepicker-header{

    background-color: #f6f6f6;

    border: none;

}

/* Order Food */

.restdetails-order-food{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    padding: 20px;

    border-radius: 12px;

}

.restdetails-order-food .banner{

    max-width: 262px;

    width: 100%;

    margin: auto;

}

.restdetails-order-food .banner img{

    width: 100%;

}

.restdetails-order-food .info{

    font-weight: 500;

    font-size: 18px;

    line-height: 28px; 

    color: var(--grayColor);

    text-align: center;

}

/* New */



/* Restaurent Details Theme Color */

.restaurant-details-body{

    --themeColor: #EF255C;

}



.restaurant-details-body .theme-btn1:hover {

	background: #1C080C;

}

.restd-header-top-section .header-social-list a:hover path {

	fill: var(--themeColor);

}

.restd-header-section .search-submit-btn:hover {

	background: #1C080C;

}

.restdetails-table-form .submit-fluid-btn:hover {

	background: #1C080C;

}

.restdetails-order-food .submit-fluid-btn:hover {

	background: #1C080C;

}

.rest-details-reviews .comment-reply-btn:hover {

	background: #1C080C;

}

.restd-footer-section .footer-input-wrap button:hover {

	background: #1C080C;

}

.restd-footer-section .footer-middle-nav ul li a:hover {

	color: var(--themeColor);

}

.restd-footer-section .footer-bottom-social ul li a:hover path {

	fill: var(--themeColor);

}

/* Restaurent Details Page End ***

**********************************/





/* Hotel Details Page Start ***

*****************************/

.hoteldetails-rent-area{

    padding: 0px 0 0px 0;

    gap: 20px;

}

.hoteldetails-rent-area .title{

    color: var(--darkColor);

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

}

.hotelrent-price-area{

    column-gap: 28px;

    row-gap: 15px;

}

.hotelrent-price-area .price{

    color: var(--grayColor);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

    display: flex;

    align-items: center;

    column-gap: 12px;

}

.hotelrent-price-area .price span{

    color: var(--darkColor);

    font-size: 26px;

    font-style: normal;

    font-weight: 600;

    line-height: 26px;

}



.save-btn1{

    padding: 11px 23px;

    display: flex;

    align-items: center;

    justify-content: center;

    column-gap: 8px;

    border-radius: 8px;

    border: 1px solid rgba(121, 132, 132, 0.50);

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.hotelrent-price-area .save-btn1{

    min-width: 170px;

}

.save-btn1 svg{

    display: block;

}

.save-btn1 path{

    transition: .3s;

}

.save-btn1:hover{

    border-color: var(--themeColor);

    color: var(--themeColor);

}

.save-btn1:hover path{

    fill: var(--themeColor);

}

.share-btn1{

    border-radius: 8px;

    background: var(--themeColor);

    padding: 12px 24px;

    display: flex;

    align-items: center;

    column-gap: 8px;

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    justify-content: center;

}

.share-btn1:hover{

    background: #5200e7;

}

.share-btn1 svg{

    display: block;

}

.hotelrent-price-area .share-btn1{

    min-width: 170px;

}

/* Title Area */

.hotel-details-title .title{

    color: var(--darkColor);

    font-size: 28px;

    font-style: normal;

    font-weight: 600;

    line-height: 36px;

}

.hoteldetails-location-rating {

    column-gap: 16px;

    row-gap: 10px;

}

.hoteldetails-location-rating .rating,

.hoteldetails-location-rating .location{

    column-gap: 8px;

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.hoteldetails-location-rating .rating img{

    margin-top: -1px;

}

.hoteldetails-location-rating .id{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.hoteldetails-location-rating .id .number{

    color: var(--themeColor);

}

.hotel-details-title .date{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

.hotel-room-bed-sft{

    column-gap: 30px;

    row-gap: 15px;

    padding-top: 16px;

    border-top: 1px solid #DCDEE5;

}

.hotel-room-bed-sft li{

    display: flex;

    align-items: center;

    column-gap: 8px;

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.hotel-room-bed-sft li:not(:last-child){

    padding-right: 30px;

    position: relative;

}

.hotel-room-bed-sft li:not(:last-child)::after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 17px;

    background: var(--themeColor);

}



/* Gallery */

.hoteldetails-gallery-list {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 24px;

}

.hoteldetails-gallery-list a{

    width: 100%;

    aspect-ratio: 177 / 125;

    transition: .5s;

    overflow: hidden;

    border-radius: 4px;

}

.hoteldetails-gallery-list a:hover img{

    transform: scale(1.2);

    transition: .5s;

    border-radius: 4px;

}

.hoteldetails-gallery-list a img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 4px;

}

.hotel-details-gallery .room-price{

    column-gap: 16px;

    row-gap: 10px;

    margin-bottom: 12px;

}

.hotel-details-gallery .room-price .price,

.hotel-details-gallery .room-price .name{

    color: var(--darkColor);

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

}

.hotel-details-gallery .member-time{

    column-gap: 16px;

    row-gap: 10px;

}

.hotel-details-gallery .member-time .member{

    column-gap: 6px;

}

.hotel-details-gallery .member-time .time,

.hotel-details-gallery .member-time .members{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}



.theme-btn2 {

    border-radius: 8px;

    background: #F4F5F7;

    padding: 11px 23px;

    display: flex;

    align-items: center;

    column-gap: 8px;

    color: var(--themeColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    justify-content: center;

    border: 1px solid transparent;

}

.theme-btn2:hover{

    border-color: var(--themeColor);

}

.hotel-details-gallery .btn-wrap{

    column-gap: 16px;

    row-gap: 10px;

    padding-bottom: 16px;

    border-bottom: 1px solid #DCDEE5;

}

.room-benefit-list{

    column-gap: 60px;

    row-gap: 16px;

}

.room-benefit-list li{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    padding-left: 12px;

    position: relative;

    width: 165px;

}

.room-benefit-list li:after{

    position: absolute;

    content: "";

    left: 0;

    top: 9px;

    line-height: 24px;

    height: 6px;

    width: 6px;

    border-radius: 50%;

    background: #23CF68;

}

/* Sidebar */

.hoteldetails-form-area{

    border-radius: 12px;

    background: #FFF;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

}

.hoteldetails-form-area > .title{

    color: var(--darkColor);

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 32px; 

    margin-bottom: 12px;

}

.hoteldetails-form-area > .sub-title{

    color: var(--darkColor);

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

}

.hoteldetails-form-inputs .mform-control:not(:last-child){

    margin-bottom: 12px;

}



.hoteldetails-form-list li:not(:last-child){

    margin-bottom: 12px;

}

.hoteldetails-form-list li {

    display: flex;

    justify-content: space-between;

    column-gap: 10px;

}

.hoteldetails-form-list li.total{

    padding-top: 12px;

    border-top: 1px dashed #DCDEE5;

}

.hoteldetails-form-list li .info{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; 

}

.hoteldetails-form-list li .price{

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

}

/* Map */

.hoteldetails-map-area{

    height: 390px;

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 8px;

}

.hoteldetails-map-area iframe{

    height: 100%;

    width: 100%;

    object-fit: cover;

    display: block;

    border-radius: 8px;

}

/* New */

.Hotel-details-description{

    margin-bottom: 36px;

}

.hotel-amenities-list{

    display: flex;

    column-gap: 60px;

    row-gap: 20px;

    flex-wrap: wrap;

}

.hotel-amenities-list li{

    display: flex;

    align-items: center;

    column-gap: 6px;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

    width: 220px;

}

.hoteldetails-location-header {

    column-gap: 16px;

    row-gap: 10px;

    margin-bottom: 16px;

}

.hoteldetails-location-name .name {

    font-weight: 500;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

    margin-bottom: 8px;

}

.hoteldetails-location-name .location{

    column-gap: 4px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.hoteldetails-location-map{

    width: 100%;

    height: 297px;

}

.hoteldetails-location-map iframe{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}



.hoteldetails-nearby-list{

    column-gap: 28px;

    row-gap: 16px;

}

.hoteldetails-nearby-area > .title{

    font-weight: 600;

    font-size: 18px;

    line-height: 18px; 

    color: var(--darkColor);

}

.hoteldetails-nearby-list li{

    display: flex;

    align-items: flex-start;

    column-gap: 8px;

    font-weight: 500;

    font-size: 16px;

    line-height: 16px; 

    color: var(--grayColor);

    width: calc(50% - 14px);

}

.hoteldetails-nearby-list li span{

    margin-top: 2px;

}

.hoteldetails-nearby-list li img{

    min-width: 20px;

}



/* Agent details */

.hoteldetails-agent-details{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    padding: 24px;

}

.hoteldetails-agent-header{

    padding-bottom: 16px;

    border-bottom: 1px solid #DCDEE5;

    column-gap: 16px;

    row-gap: 10px;

}

.hoteldetails-agent-header .title{

    font-weight: 600;

    font-size: 20px;

    line-height: 20px; 

    color: var(--darkColor);

}

.hoteldetails-agent-btns{

    column-gap: 16px;

    row-gap: 10px;

}

.hoteldetails-agent-area{

    gap: 20px;

}

.hoteldetails-agent-area .profile{

    min-width: 171px;

    width: 171px;

    height: 184px;

}

.hoteldetails-agent-area .profile img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}

.hotel-details-listreview .name{

    font-weight: 500;

    font-size: 20px;

    line-height: normal;

    color: var(--grayColor);

}

.hotel-details-listreview .name span{

    font-weight: 600;

    color: var(--darkColor);

}

.hotel-details-listreview .rating{

    gap: 10px;

}

.hotel-details-listreview .rating img{

    margin-top: -1px;

}

.hotel-details-listreview .rating .total{

    font-weight: 500;

    font-size: 20px;

    line-height: 24px; 

    color: var(--darkColor);

}

.hotel-details-contacts .contact{

    font-weight: 600;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.hotel-details-contacts .contact span{

    font-weight: 500;

    color: var(--grayColor);

    word-break: break-all;

}



/* Hotel Details Theme Color */

.hotel-details-body{

    --themeColor: #124797;

}



.hotel-details-body .theme-btn1:hover {

	background: #2f7ff9;

}

.htd-header-top-section .header-social-list a:hover path {

	fill: #2f7ff9;

}

.htd-header-section .search-submit-btn:hover {

	background: #2f7ff9;

}

.hoteldetails-form-area .submit-fluid-btn:hover {

	background: #2f7ff9;

}

.hotel-details-reviews .comment-reply-btn:hover {

	background: #2f7ff9;

}

.htd-footer-section .footer-input-wrap button:hover {

	background: #2f7ff9;

}

.htd-footer-section .footer-middle-nav ul li a:hover {

	color: #2f7ff9;

}

.htd-footer-section .footer-bottom-social ul li a:hover path {

	fill: #2f7ff9;

}



.htd-grid-card .see-details-btn1:hover {

	background: #2f7ff9;

}

.htd-grid-card .grid-list-bookmark path {

	fill: transparent;

    stroke: var(--whiteColor);

}

.htd-grid-card .grid-list-bookmark.active path, 

.htd-grid-card .grid-list-bookmark:hover path {

	/* fill: #EF255C; */

	fill: var(--themeColor);

	stroke: var(--themeColor);

}

/* Hotel Details Page End ***

*****************************/





/* Car Details Page Start ***

***************************/

.top-link-path a{

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--themeColor);

}

.top-link-path .active{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.carsell-link-path{

    margin-top: 8px;

    row-gap: 5px;

}

.detailstop-title-prices{

    column-gap: 16px;

    row-gap: 10px;

}

.car-detailstop-prices{

    text-align: right;

}

.car-detailstop-prices .old-price{

    font-weight: 500;

    font-size: 16px;

    line-height: 16px; 

    text-decoration: line-through;

    color: var(--grayColor);

}

.car-detailstop-prices .new-price{

    font-weight: 600;

    font-size: 26px;

    line-height: 26px; 

    color: var(--darkColor);

}





.cardetails-banners-area .banner-top {

    width: 100%;

    aspect-ratio: 752 / 413;

}

.cardetails-banners-area .banner-top img{

    border-radius: 12px 12px 0 0;

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.cardetails-banner-list{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 12px;

    border-radius: 0 0 12px 12px;

    overflow: hidden;

}

.cardetails-banner-list li{

    width: 100%;

    height: 100%;

}

.cardetails-banner-list li img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    cursor: pointer;

}

.cardetails-banner-list .last-child{

    position: relative;

    z-index: 1;

}

.cardetails-banner-list .last-child:after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

    border-radius: inherit;

}

.cardetails-banner-list .last-child .see-more{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    font-weight: 500;

    font-size: 14px;

    line-height: 24px; 

    color: #4a4343;

    padding: 6px 12px;

    display: block;

    min-width: max-content;

    background: var(--whiteColor);

    border-radius: 4px;

    transition: .3s;

    z-index: 2;

}

.cardetails-banner-list .last-child .see-more:hover{

    background: var(--skinColor5);

    color: var(--whiteColor);

}



/* Tab */

.cardetails-tab{

    border-bottom: 1px solid #DCDEE5;

}

.cardetails-tab .nav-pills{

    column-gap: 28px;

    row-gap: 10px;

}

.cardetails-tab .nav-link{

    padding: 0;

    padding-bottom: 14px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

    border-radius: 0;

    position: relative;

}

.cardetails-tab .nav-pills .nav-link.active{

    color: var(--themeColor);

    background-color: transparent;

}

.cardetails-tab .nav-pills .nav-link::after{

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    height: 2px;

    width: 0;

    background: var(--themeColor);

    transition: .3s;

    border-radius: 3px 3px 0 0;

}

.cardetails-tab .nav-pills .nav-link.active::after{

    width: 100%;

}

/* Tab Content */

.overview-tab-content > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

}

.overview-items-wrap {

    column-gap: 28px;

    row-gap: 16px;

}

.car-overview-item{

    display: flex;

    column-gap: 16px;

}

.car-overview-item:not(:last-child){

    margin-bottom: 16px;

}

.car-overview-item .icon{

    height: 44px;

    min-width: 44px;

    width: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    /* border: 1px solid #bdc0d2; */

    border-radius: 8px;

    background: #F4F5F7;

}

.car-overview-item .details .info{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

    margin-bottom: 4px;

}

.car-overview-item .details .info-value{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

}

.cardetails-tab-content{

    padding-bottom: 16px;

}



.cardetails-feature-wrap .sub-title{

    font-weight: 600;

    font-size: 16px;

    line-height: 20px; 

    color: var(--darkColor);

}

.cardetails-feature-list li:not(:last-child){

    margin-bottom: 12px;

}

.cardetails-feature-list li{

    padding-left: 24px;

    position: relative;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px; 

    color: var(--grayColor);

}

.cardetails-feature-list li::after {

	position: absolute;

	content: "";

	left: 0;

	top: 2px;

	height: 18px;

	width: 18px;

	border-radius: 50%;

	background: url(../images/icons/accept-dark-16.svg) no-repeat scroll center center / cover;

}

.cardetails-feature-area{

    gap: 28px;

}

.car-details-features .view-all{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--themeColor);

    transition: .3s;

}

.car-details-features .view-all:hover{

    color: #5200e7;

}

/* Specification */

.specification-accordion .accordion-button{

    padding: 0 0 16px 0;

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.specification-accordion .accordion-item:last-of-type .accordion-button{

    padding-bottom: 0;

}

.specification-accordion .accordion-item:last-of-type .accordion-button.collapsed{

    padding-bottom: 16px;

}

.specification-accordion .accordion-item:not(:last-child){

    margin-bottom: 16px;

}

.specification-accordion .accordion-item{

    border: none;

    border-bottom: 1px solid #DCDEE5;

    border-radius: 0;

}

.specification-accordion .accordion-item:last-of-type{

    border-bottom: 0;

}

.specification-accordion .accordion-item:last-of-type .accordion-body{

    padding-bottom: 0;

}

.specification-accordion .accordion-button:not(.collapsed){

    background-color: inherit;

    color: inherit;

    box-shadow: none;

}

.specification-accordion .accordion-button:focus{

    box-shadow: none;

}

.specification-accordion .accordion-button::after{

    background-image: url(../images/icons/angle-down-graycd-24.svg);

    height: 24px;

    width: 24px;

    background-size: 24px;

}

.specification-accordion .accordion-body{

    gap: 28px;

    padding: 0;

    padding-bottom: 12px;

}

.accordion-body-list{

    flex-basis: 50%;

}

.accordion-body-list li{

    display: flex;

    column-gap: 28px;

    row-gap: 10px;

    flex-wrap: wrap;

}

.accordion-body-list li:not(:last-child){

    margin-bottom: 16px;

}

.accordion-body-list li .info{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    flex-basis: 50%;

}

.accordion-body-list li .value{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

/* Seller Information */

.carseller-information-area{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 24px;

}

.carseller-information-area > .title{

    font-weight: 600;

    font-size: 20px;

    line-height: 20px; 

    color: var(--darkColor);

}

.car-seller-informations {

    gap: 20px;

}

.car-seller-informations .banner {

    max-width: 270px;

    width: 100%;

}

.car-seller-information{

    width: 100%;

}

.carseller-title-review {

    padding-bottom: 16px;

    margin-bottom: 16px;

    border-bottom: 1px solid #DCDEE5;

    width: 100%;

}

.carseller-title-review .title{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--themeColor);

}

.carseller-title-review .review{

    gap: 4px;

}

.carseller-title-review .review .rating{

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    padding-right: 9px;

    position: relative;

}

.carseller-title-review .review .rating::after{

    position: absolute;

    content: "";

    right: 0;

    top: 7.5px;

    height: 5px;

    width: 5px;

    border-radius: 50%;

    background: #DCDEE5;

}

.carseller-title-review .review .stars{

    gap: 4px;

    margin-top: -1px;

}

.carseller-title-review .review .total-review{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

}

.car-seller-contacts .info{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

/* Customer Reviews */

.car-customer-reviews > .title{

    font-weight: 700;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.carreview-customer-profile{

    column-gap: 16px;

}

.carreview-customer-profile .profile{

    height: 60px;

    width: 60px;

}

.carreview-customer-profile .profile img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 50%;

}

.carreview-customer-profile .details .name{

    font-weight: 700;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    margin-bottom: 4px;

}

.carreview-customer-profile .details .dete{

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 12px;

    line-height: 16px; 

    color: var(--nightColor);

}



.single-carcustomer-review .rating{

    gap: 4px;

}

.single-carcustomer-review .rating .total{

    font-weight: 700;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

    padding-right: 9px;

    position: relative;

}

.single-carcustomer-review .rating .total::after{

    position: absolute;

    content: "";

    right: 0;

    top: 7.5px;

    height: 5px;

    width: 5px;

    border-radius: 50%;

    background: #bdc0d2;

}

.single-carcustomer-review .rating .stars{

    gap: 4px;

    margin-top: -1px;

}

.single-carcustomer-review .info{

    font-weight: 500;

    font-size: 14px;

    line-height: 24px; 

    color: var(--grayColor);

}

.single-carcustomer-review .info .read-more{

    color: var(--themeColor);

    transition: .3s;

}

.single-carcustomer-review .info .read-more:hover{

    color: #5200e7;

}

.carcustomer-review-banners{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}

.carcustomer-review-banners .banner{

    width: 100%;

}

.carcustomer-review-banners .banner img{

    width: 100%;

    border-radius: 12px;

}

.carcustomer-review-banners .last-child{

    position: relative;

    z-index: 1;

}

.carcustomer-review-banners .last-child .see-all {

    font-weight: 500;

    font-size: 16px;

    line-height: 26px; 

    color: var(--whiteColor);

    border: 1px solid var(--whiteColor);

    border-radius: 6px;

    padding: 7px 15px;

    background: transparent;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    white-space: nowrap;

    z-index: 2;

    transition: .3s;

    display: block;

    min-width: max-content;

}

.carcustomer-review-banners .last-child .see-all:hover{

    border-color: #a878ff;

    color: #a878ff;

}

.carcustomer-review-banners .last-child:after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(30, 30, 30, 0.8);

    z-index: 1;

    border-radius: 8px;

}

.more-link-btn2{

    display: flex;

    align-items: center;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--themeColor);

    transition: .3s;

}

.more-link-btn2:hover{

    color: #5200e7;

}



/* Sidebar */

.cardetails-form-sidebar{

    background: var(--whiteColor);

    /* border: 1px solid #bdc0d2; */

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.cardetails-form-sidebar > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

    margin-bottom: 12px;

}

.smform-label{

    font-weight: 500;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}



.cardetails-contact-dealer{

    /* border: 1px solid #bdc0d2; */

    border-radius: 12px;

    padding: 20px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.cardetails-contact-dealer > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

    padding-bottom: 12px;

    border-bottom: 1px solid #DCDEE5;

}

.car-dealer-contacts > .sub-title{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--themeColor);

}

.single-cardealer-contact{

    display: flex;

    column-gap: 12px;

    align-items: flex-start;

}

.single-cardealer-contact img{

    min-width: 20px;

    margin-top: 2px;

}

.single-cardealer-contact span{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.submit-fluid-btn2{

    border-radius: 8px;

    padding: 12px 24px;

    background: var(--themeColor);

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    text-align: center;

    color: var(--whiteColor);

    width: 100%;

    display: block;

    transition: .3s;

}

.submit-fluid-btn2:hover {

    background: #5200e7;

}

.fluid-white-btn{

    border-radius: 8px;

    padding: 13px 23px;

    background: var(--whiteColor);

    font-weight: 600;

    font-size: 16px;

    line-height: 20px; 

    text-align: center;

    color: var(--darkColor);

    width: 100%;

    display: block;

    transition: .3s;

    border: 1px solid #DCDEE5;

}

.fluid-white-btn:hover {

    border-color: var(--themeColor);

    color: var(--themeColor);

}

.cardetails-dealer-map{

    width: 100%;

    height: 175px;

}

.cardetails-dealer-map iframe{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

    display: block;

}

/* Related Product */

.icon-link-sm{

    display: flex;

    align-items: center;

    column-gap: 4px;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.icon-link-sm span::before{

    display: block;

    font-size: 12px;

}

.icon-link-sm:hover{

    color: var(--themeColor);

}

.icon-link-sm2{

    display: flex;

    align-items: center;

    column-gap: 4px;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.icon-link-sm2 span::before{

    display: block;

    font-size: 14px;

}

.icon-link-sm2:hover{

    color: var(--themeColor);

}





/* Car Details Theme Color */

.car-details-body{

    --themeColor: #0F0B0B;

}



.car-details-body .theme-btn1:hover {

	background: var(--skinColor5);

}

.cd-header-top-section .header-social-list a:hover path {

	fill: var(--skinColor5);

}

.cd-header-section .search-submit-btn:hover {

	background: var(--skinColor5);

}

.cardetails-book-form .submit-fluid-btn2:hover {

	background: var(--skinColor5);

}

.cardetails-contact-dealer .submit-fluid-btn2:hover {

	background: var(--skinColor5);

}

.cd-footer-section .footer-input-wrap button {

	background: var(--skinColor5);

}

.cd-footer-section .footer-input-wrap button:hover {

	background: #0F0B0B;

}

.cd-footer-section .footer-middle-nav ul li a:hover {

	color: var(--skinColor5);

}

.cd-footer-section .footer-bottom-social ul li a:hover path {

	fill: var(--skinColor5);

}

.cd-icontext-hover:hover{

    color: var(--skinColor5);

}

.cd-icontext-hover:hover path{

    fill: var(--skinColor5);

}

.car-details-reviews .comment-reply-btn:hover {

	background: var(--skinColor5);

}

.car-details-reviews .more-reply-btn:hover {

	color: var(--skinColor5);

}

/* Car Details Page End ***

*************************/





/* Doctor Details Page Start ***

******************************/

.doctordetails-link-path{

    margin-top: 4px;

    row-gap: 5px;

}

/* Profile */

.details-doctor-profile {

    column-gap: 16px;

}

.details-doctor-profile .profile{

    min-width: 195px;

    width: 195px;

}

.details-doctor-profile .profile img{

    width: 100%;

    border-radius: 12px;

}

.doctor-profile-details .doctor-name {

    column-gap: 8px;

    align-items: flex-start;

    margin-bottom: 8px;

}

.doctor-profile-details .doctor-name .name{

    font-weight: 600;

    font-size: 28px;

    line-height: 36px; 

    color: var(--darkColor);

}

.doctor-profile-details .doctor-name .status{

    margin-top: 6px;

    border-radius: 12px;

    padding: 4px 8px;

    background: var(--themeColor);

    font-weight: 600;

    font-size: 12px;

    line-height: 16px; 

    color: var(--whiteColor);

}

.doctor-profile-details .role-name {

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    display: flex;

    column-gap: 4px;

    margin-bottom: 8px;

}

.doctor-profile-details .role-name .role{

    position: relative;

    padding-right: 8px;

}

.doctor-profile-details .role-name .role::after{

    position: absolute;

    content: "";

    right: 0;

    top: 8px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: #DCDEE5;

}

.doctor-profile-details .certified{

    margin-bottom: 8px;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.doctor-profile-details .review{

    column-gap: 4px;

}

.doctor-profile-details .review .rate{

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

}

.doctor-profile-details .review .reviews{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.doctor-profile-details .review img{

    margin-bottom: 2px;

}

.doctor-profile-details .buttons{

    gap: 12px;

}

.theme-btn-150{

    border-radius: 8px;

    background: var(--themeColor);

    padding: 10px 24px;

    min-width: 150px;

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    text-align: center;

    color: var(--whiteColor);

    transition: .3s;

}

.theme-btn-150:hover {

    background: #0B0D0F;

}

.white-btn-150{

    border-radius: 8px;

    background: var(--whiteColor);

    padding: 9px 23px;

    min-width: 150px;

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    text-align: center;

    color: var(--grayColor);

    border: 1px solid #DCDEE5;

    transition: .3s;

}

.white-btn-150:hover{

    color: var(--themeColor);

    border-color: var(--themeColor);

}

.at-details-description .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

}

.at-details-description .info{

    font-weight: 400;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.details-doctor-description .info .read-more{

    color: var(--themeColor);

}

.details-doctor-description .info .read-more:hover{

    color: #5200e7;

}

/* Information */

.details-doctor-information > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 24px; 

    color: var(--darkColor);

}

.doctor-information-wrap{

    column-gap: 12px;

}

.doctor-information-wrap .icon{

    height: 36px;

    min-width: 36px;

    width: 36px;

    border-radius: 50%;

    background: var(--dibg, #F4F5F7);

    display: flex;

    align-items: center;

    justify-content: center;

}

.doctor-information-wrap .details .sub-title{

    font-weight: 600;

    font-size: 16px;

    line-height: 20px; 

    color: var(--darkColor);

}

.doctor-information-wrap .details li{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

    padding-left: 10px;

    position: relative;

}

.doctor-information-wrap .details li::after{

    position: absolute;

    content: "";

    left: 0;

    top: 9px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--darkColor);

}

.doctor-information-wrap .details li:not(:last-child){

    margin-bottom: 12px;

}

.details-doctor-information .read-more{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--themeColor);

}

.details-doctor-information .read-more:hover{

    color: #5200e7;

}

/* Services */

.details-doctor-services > .title{

    font-weight: 700;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.doctor-services-list-wrap{

    gap: 28px;

}

.doctor-services-list li {

    padding-left: 22px;

    position: relative;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px;

    color: var(--grayColor);

}

.doctor-services-list li::after {

    position: absolute;

    content: "";

    left: 0;

    top: 2px;

    height: 16px;

    width: 16px;

    border-radius: 50%;

    background: url(../images/icons/accept-blue-16.svg) no-repeat scroll center center / cover;

}

.doctor-services-list li:not(:last-child) {

    margin-bottom: 12px;

}

.details-doctor-services .read-more{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--themeColor);

}

.details-doctor-services .read-more:hover{

    color: #5200e7;

}

/* QNA */

.single-doctor-qna-wrap:not(:last-child){

    margin-bottom: 40px;

}

.doctor-qna-area > .title{

    font-weight: 700;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.single-doctor-qna{

    column-gap: 12px;

}

.single-doctor-qna .user{

    min-width: 60px;

    width: 60px;

    height: 60px;

}

.single-doctor-qna .user img{

    width: 100%;

    height: 100%;

    border-radius: 50%;

    object-fit: cover;

}

.single-doctor-qna-wrap > .single-doctor-qna .doctor-qna-details{

    padding-bottom: 40px;

    border-bottom: 1px solid #DCDEE5;

}

.doctor-qna-details .name-space .name{

    font-weight: 600;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

    margin-bottom: 4px;

}

.doctor-qna-details .name-space .time,

.doctor-qna-details .name-space .info{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.doctor-qna-details .name-space .info{

    column-gap: 4px;

}

.doctor-qna-details .name-space .info .gender,

.doctor-qna-details .name-space .info .date{

    padding-right: 8px;

    position: relative;

}

.doctor-qna-details .name-space .info .gender:after,

.doctor-qna-details .name-space .info .date:after{

    position: absolute;

    content: "";

    right: 0;

    top: 10px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--grayColor);

}



.doctor-qna-details .details{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.doctor-qna-details .details .read-more{

    color: var(--themeColor);

}

.doctor-qna-details .details .read-more:hover{

    color: #0B0D0F;

}

.doctor-qna-reply{

    margin-left: 72px;

}

/* Sidebar */

.doctor-details-sidebar{

    /* border: 1px solid #bdc0d2; */

    border-radius: 12px;

    padding: 20px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.doctor-details-sidebar > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

}

.doctor-appointment-summary li:not(:last-child){

    margin-bottom: 16px;

}

.doctor-appointment-summary li{

    padding-bottom: 8px;

    border-bottom: 1px solid #DCDEE5;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.doctor-appointment-summary li .info{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

.doctor-appointment-summary li .value{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    text-align: right;

    color: var(--darkColor);

}

.doctor-appointment-summary li .time{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    color: var(--themeColor);

}

.gmform-label{

    font-weight: 500;

    font-size: 20px;

    line-height: 28px; 

    color: var(--darkColor);

}

.number-input-wrap{

    width: 100%;

    position: relative;

}

.number-input-wrap .code{

    position: absolute;

    left: 16px;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 4px;

    padding: 6px;

    background: #e5e5ef;

    font-weight: 500;

    font-size: 12px;

    line-height: 10px; 

    color: var(--grayColor);

}

.number-input-wrap .mform-control{

    padding: 12px 15px 12px 65px;

}

/* New */

.in-title3-24px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px; /* 100% */

}

.in-subtitle4-16px{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}



/* Tab slider */

.tab-slider .swiper-slide {

    width: max-content;

    height: auto;

}

.tab-slider .swiper-slide .nav-item{

    width: max-content;

    height: 100%;

}

.slider-nav-link{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px; /* 142.857% */

    padding: 8px 12px;

}

.nav-pills .nav-link.slider-nav-link {

	border-radius: 8px;

} 

.slider-nav-link.nav-link:focus,

.slider-nav-link.nav-link:hover {

	color: var(--themeColor);

}

.nav-pills .slider-nav-link.nav-link.active, 

.nav-pills .show > .slider-nav-link.nav-link {

	color: var(--whiteColor);

	background-color: var(--darkColor);

}





/* .tab-slider .swiper-button-next, 

.tab-slider .swiper-button-prev{

    position: inherit;

    margin: 0;

    width: 20px;

    height: 20px;

    transform: translate(0);

    left: unset;

    right: unset;

    top: unset;

}

.tab-slider .swiper-button-next::after, 

.tab-slider .swiper-button-prev::after{

    font-size: 14px;

    font-weight: bold;

}

.tab-slider-navigation {

	display: flex;

    gap: 3px;

	align-items: center;

	position: absolute;

	right: 0;

	top: 0;

	background: var(--whiteColor);

} */



.tab-slider .swiper-button-next, 

.tab-slider .swiper-button-prev{

    height: 20px;

    width: 20px;

    margin: 0;

    top: 8px;

    color: var(--darkColor);

}

.tab-slider .swiper-button-next::after, 

.tab-slider .swiper-button-prev::after{

    font-size: 13px;

    font-weight: bold;

}



.tab-slider .swiper-button-next, 

.tab-slider .swiper-rtl .swiper-button-prev {

	right: 0px;

	left: auto;

}

.tab-slider .swiper-button-prev, 

.tab-slider .swiper-rtl .swiper-button-next {

	right: 23px;

	left: auto;

}

.tab-slider{

    padding-right: 54px;

}

.tab-slider::after{

    content: "";

    position: absolute;

    height: 100%;

    width: 43px;

    background: var(--whiteColor);

    right: 0;

    top: 0;

    z-index: 1;

}

.tab-slider::before{

    content: "";

    position: absolute;

    height: 100%;

    width: 25px;

    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);

    right: 43px;

    top: 0;

    z-index: 2;

}

.tab-slider .swiper-button-next.swiper-button-disabled, 

.tab-slider .swiper-button-prev.swiper-button-disabled {

	opacity: 1;

    color: #7E7E89;

}



/* Doctor Details Theme Color */

.doctor-details-body{

    --themeColor: #1A66FA;

}



.doctor-details-body .theme-btn1:hover {

	background: #0B0D0F;

}

.dd-header-top-section .header-social-list a:hover path {

	/* fill: var(--themeColor); */

    fill: #3378FF;

}

.dd-header-section .search-submit-btn:hover {

	background: #0B0D0F;

}

.dd-footer-section .footer-input-wrap button:hover {

	background: #0B0D0F;

}

.dd-footer-section .footer-middle-nav ul li a:hover {

	color: #3378FF;

}

.dd-footer-section .footer-bottom-social ul li a:hover path {

	fill: #3378FF;

}

.doctor-booking-form .submit-fluid-btn2:hover {

	background: #0B0D0F;

}

.doctor-details-reviews .comment-reply-btn:hover {

	background: #0B0D0F;

}

/* Doctor Details Page End ***

****************************/





/* Beauty Details Page Start ***

******************************/

.beautydetails-banner-list{

    margin-bottom: 24px;

}

.beauty-details-services > .title{

    font-weight: 500;

    font-size: 30px;

    line-height: 36px; 

    color: var(--darkColor);

}

.beauty-details-service{

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    border-radius: 12px;

    padding: 12px 16px;

    gap: 10px;

    background: var(--whiteColor);

    height: 100%;

}

.beauty-details-service .details .price{

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

}

.beauty-details-service .details .info{

    margin-bottom: 4px;

    font-weight: 600;

    font-size: 16px;

    line-height: 20px; 

    color: var(--darkColor);

}

.beauty-details-service .details .time{

    margin-bottom: 8px;

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    color: var(--grayColor);

}

.small-white-btn{

    border: 1px solid #DCDEE5;

    border-radius: 8px;

    padding: 7px 11px;

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

    transition: .3s;

}

.small-white-btn:hover{

    color: var(--whiteColor);

    border-color: var(--themeColor);

    background: var(--themeColor);

}

/* Opening time list */

.opening-time-list li{

    display: flex;

    justify-content: space-between;

    column-gap: 16px;

    row-gap: 8px;

    flex-wrap: wrap;

    padding-left: 16px;

    position: relative;

}

.opening-time-list li:after{

    position: absolute;

    content: "";

    left: 0;

    top: 10px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: var(--themeColor);

}

.opening-time-list li:not(:last-child){

    margin-bottom: 16px;

    padding-bottom: 16px;

    border-bottom: 1px dashed #DCDEE5;

}

.opening-time-list .day{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.opening-time-list .time{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--grayColor);

}

/* Team Members */

.beautydetails-team-members > .title{

    font-weight: 500;

    font-size: 30px;

    line-height: 36px; 

    color: var(--darkColor);

}

.beauty-team-members{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 28px;

}

.beauty-team-members .profile{

    max-width: 120px;

    width: 100%;

    aspect-ratio: 1 / 1;

    margin: 0 auto;

    border: 1px solid #bdc0d2;

    border-radius: 50%;

}

.beauty-team-members .profile img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

}

.beauty-team-members .ratings{

    border: 1px solid #bdc0d2;

    border-radius: 30px;

    padding: 3px 5px;

    background: var(--whiteColor);

    column-gap: 4px;

    max-width: max-content;

    margin: -16px auto 6px auto;

    position: relative;

}

.beauty-team-members .ratings .rating{

    font-weight: 600;

    font-size: 14px;

    line-height: 20px; 

    color: var(--darkColor);

}

.beauty-team-members .name{

    font-weight: 600;

    font-size: 16px;

    line-height: 24px; 

    text-align: center;

    color: var(--darkColor);

    margin-bottom: 2px;

}

.beauty-team-members .role{

    font-weight: 500;

    font-size: 14px;

    line-height: 20px; 

    text-align: center;

    color: var(--grayColor);

}

/* Sidebar */

.beautysidebar-location,

.beautysidebar-time{

    column-gap: 4px;

    align-items: start;

}

.beautysidebar-time .info{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--darkColor);

}

.beautysidebar-time .info .light{

    font-weight: 500;

    color: var(--themeColor);

}

.beautysidebar-location img,

.beautysidebar-time img{

    margin-top: 2px;

}

.beautysidebar-location .location{

    font-weight: 500;

    font-size: 16px;

    line-height: 24px; 

    color: var(--nightColor);

}

/* New */

/* Sidebar */

.beauty-details-sidebar{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    padding: 20px;

}

.beauty-details-sidebar > .title{

    font-weight: 600;

    font-size: 24px;

    line-height: 32px; 

    color: var(--darkColor);

}



/* Video */

.atn-details-video .plyr__control--overlaid{

    background: var(--themeColor);

}

.atn-details-video .plyr__volume input[type=range]{

    color: var(--themeColor);

}

.atn-details-video .plyr__progress input[type=range]{

    color: var(--themeColor);

}

.atn-details-video .plyr--video .plyr__control:focus-visible, 

.atn-details-video .plyr--video .plyr__control:hover, 

.atn-details-video .plyr--video .plyr__control[aria-expanded=true] {

    background: var(--themeColor);

}

.atn-details-video .plyr--video {

    border-radius: 12px;

}



.beauty-video .plyr__control--overlaid{

    border: 5px solid rgba(255, 115, 106, 0.5);

    outline: 5px solid rgba(255, 115, 106, 0.5);

}







/* Doctor Details Theme Color */

.beauty-details-body{

    --themeColor: #FF736A;

}



.beauty-details-body .theme-btn1:hover {

	background: #0C0B0B;

}

.bd-header-top-section .header-social-list a:hover path {

    fill: var(--themeColor);

}

.beautydetails-meeting-form .submit-fluid-btn2:hover {

	background: #0C0B0B;

}

.bd-header-section .search-submit-btn:hover {

	background: #0C0B0B;

}

.bd-footer-section .footer-input-wrap button:hover {

	background: #0C0B0B;

}

.bd-footer-section .footer-middle-nav ul li a:hover {

	color: var(--themeColor);

}

.bd-footer-section .footer-bottom-social ul li a:hover path {

	fill: var(--themeColor);

}

.beauty-details-reviews .comment-reply-btn:hover {

	background: #0C0B0B;

}

/* Beauty Details Page End ***

****************************/





/* Pricing Page Start ***

***********************/

/* Title */

.in-title-1{

    font-family: 'Inter';

    font-weight: 700;

    font-size: 48px;

    line-height: 1.25;

    color: var(--darkColor);

}

.in-title-2{

    font-family: 'Inter';

    font-weight: 700;

    font-size: 32px;

    line-height: 1.125;

    color: var(--darkColor);

}

.in-title-3{

    font-family: 'Inter';

    font-weight: 700;

    font-size: 30px;

    line-height: 1.2;

    color: var(--darkColor);

}

.in-title-4{

    font-family: 'Inter';

    font-weight: 700;

    font-size: 24px;

    line-height: 1.33333;

    color: var(--darkColor);

}

.in-title-5{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 20px;

    line-height: 1.4;

    color: var(--darkColor);

}



/* Subtitle */

.in-subtitle-1{

    font-family: 'Inter';

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: var(--darkColor);

}

.in-subtitle-2{

    font-family: 'Inter';

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: var(--grayColor);

}

.in-subtitle-3{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 20px;

    line-height: 1.4;

    color: var(--grayColor);

}



/* Border */

.at-border-bottom{

    border-bottom: 1px solid #DCDEE5;

}





/* Card */

.at-shadow-card{

    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.1);

    background: var(--whiteColor);

    border-radius: 12px;

    padding: 30px;

    width: 100%;

    height: 100%;

}

.at-pricing-card{

    transition: .3s;

}



.sml-radio-iconbox{

    height: 66px;

    width: 66px;

    flex: 0 0 66px;

    border-radius: 50%;

    background: var(--whiteColor);

    border: 2px solid var(--themeColor);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .3s;

}

.at-pricing-package-name{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 32px; /* 133.333% */

    transition: .3s;

}

.at-pricing-package-info{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

}

.at-pricing-price-wrap{

    border-bottom: 1px solid #DCDEE5;

    transition: .3s;

}

.at-pricing-price-wrap .price{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 48px;

    font-style: normal;

    font-weight: 600;

    line-height: 60px; /* 125% */

    transition: .3s;

}

.at-pricing-price-wrap .duration{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

}

.at-pricing-card-btn{

    transform: .3s;

    width: 100%;

    border-radius: 12px;

    background: var(--themeColor);

    padding: 12px 24px;

    color: var(--whiteColor);

    text-align: center;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 24px; /* 150% */

}

.at-pricing-card-btn:hover{

    background: #5200e7;

}



/* List */

.at-check-listitem{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px; /* 155.556% */

    padding-left: 33px;

    position: relative;

    transition: .3s;

}

.at-check-listitem::after{

    position: absolute;

    content: "";

    left: 0;

    top: 3.5px;

    width: 25px;

    height: 21px;

    background: url(../images/icons/check-green-27.svg) no-repeat scroll center center / cover;

    transition: .3s;

}

.at-check-listitem.text-white::after{

    background: url(../images/icons/check-white-27.svg) no-repeat scroll center center / cover;

}

/* Card Active Hover */

.at-pricing-card:hover,

.at-pricing-card.active{

    background: var(--themeColor);

}

.at-pricing-card:hover .sml-radio-iconbox,

.at-pricing-card.active .sml-radio-iconbox{

    background: var(--whiteColor);

    border-color: var(--whiteColor);

}

.at-pricing-card:hover .at-pricing-package-name,

.at-pricing-card.active .at-pricing-package-name{

    color: var(--whiteColor);

}

.at-pricing-card:hover .at-pricing-package-info,

.at-pricing-card.active .at-pricing-package-info{

    color: var(--whiteColor);

}

.at-pricing-card:hover .at-pricing-price-wrap,

.at-pricing-card.active .at-pricing-price-wrap{

    border-color: rgba(255, 255, 255, 0.30);

}

.at-pricing-card:hover .at-pricing-card-btn,

.at-pricing-card.active .at-pricing-card-btn{

    color: var(--themeColor);

    background: var(--whiteColor);

}

.at-pricing-card:hover .at-pricing-card-btn:hover,

.at-pricing-card.active .at-pricing-card-btn:hover{

    color: var(--themeColor);

    background: #ddd;

}

.at-pricing-card:hover .at-pricing-price-wrap .price,

.at-pricing-card.active .at-pricing-price-wrap .price{

    color: var(--whiteColor);

}

.at-pricing-card:hover .at-pricing-price-wrap .duration,

.at-pricing-card.active .at-pricing-price-wrap .duration{

    color: var(--whiteColor);

}

.at-pricing-card:hover .at-check-listitem,

.at-pricing-card.active .at-check-listitem{

    color: var(--whiteColor);

}

.at-pricing-card:hover .at-check-listitem::after,

.at-pricing-card.active .at-check-listitem::after{

    background: url(../images/icons/check-white-27.svg) no-repeat scroll center center / cover;

}



/* Admin Pricing Page Start */

.ad-pricing-card{

    padding: 22px;

    border-radius: 8px;

    transition: .3s;

}

.sml-radio-iconbox2{

    height: 50px;

    width: 50px;

    flex: 0 0 50px;

    border-radius: 50%;

    background: var(--whiteColor);

    border: 2px solid var(--themeColor);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .3s;

}

.ad-pricing-package-name{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 18px; 

    transition: .3s;

}

.ad-pricing-package-info{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 14px;

    transition: .3s;

}

.ad-pricing-price-wrap .price{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 36px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%;

    transition: .3s;

}

.ad-pricing-price-wrap .duration{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    transition: .3s;

}

.ad-pricing-price-wrap {

	border-bottom: 1px solid #DCDEE5;

	transition: .3s;

    gap: 2px;

}

/* List */

.ad-check-listitem{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 14px;

    padding-left: 24px;

    padding-top: 2px;

    padding-bottom: 2px;

    position: relative;

    transition: .3s;

}

.ad-check-listitem::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0px;

    width: 18px;

    height: 18px;

    background: url(../images/icons/check-green-27.svg) no-repeat scroll center center / cover;

    transition: .3s;

}

.ad-pricing-card-btn{

    transform: .3s;

    width: 100%;

    border-radius: 8px;

    background: var(--themeColor);

    padding: 9px 16px;

    color: var(--whiteColor);

    text-align: center;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

}

.ad-pricing-card-btn:hover{

    background: #5200e7;

}

/* Card Active Hover */

.ad-pricing-card:hover,

.ad-pricing-card.active{

    background: var(--themeColor);

}

.ad-pricing-card:hover .sml-radio-iconbox2,

.ad-pricing-card.active .sml-radio-iconbox2{

    background: var(--whiteColor);

    border-color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-pricing-package-name,

.ad-pricing-card.active .ad-pricing-package-name{

    color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-pricing-package-info,

.ad-pricing-card.active .ad-pricing-package-info{

    color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-pricing-price-wrap,

.ad-pricing-card.active .ad-pricing-price-wrap{

    border-color: rgba(255, 255, 255, 0.30);

}

.ad-pricing-card:hover .ad-pricing-card-btn,

.ad-pricing-card.active .ad-pricing-card-btn{

    color: var(--themeColor);

    background: var(--whiteColor);

}

.ad-pricing-card:hover .ad-pricing-card-btn:hover,

.ad-pricing-card.active .ad-pricing-card-btn:hover{

    color: var(--themeColor);

    background: #ddd;

}

.ad-pricing-card:hover .ad-pricing-price-wrap .price,

.ad-pricing-card.active .ad-pricing-price-wrap .price{

    color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-pricing-price-wrap .duration,

.ad-pricing-card.active .ad-pricing-price-wrap .duration{

    color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-check-listitem,

.ad-pricing-card.active .ad-check-listitem{

    color: var(--whiteColor);

}

.ad-pricing-card:hover .ad-check-listitem::after,

.ad-pricing-card.active .ad-check-listitem::after{

    background: url(../images/icons/check-white-27.svg) no-repeat scroll center center / cover;

}

/* Admin Pricing Page End */





/* btn */

.at-btn-white{

    padding: 12px 24px;

    border: 0;

    border-radius: 12px;

    background: var(--whiteColor);

    font-family: 'Inter';

    font-weight: 700;

    font-size: 16px;

    line-height: 1.5;

    color: var(--themeColor);

}

.at-btn-white:focus,

.at-btn-white:hover{

    background: #ddd !important;

    color: var(--themeColor) !important;

}



/* Accordion */

.at-accordion .accordion-button:focus{

    box-shadow: none;

}

.at-accordion .accordion-button{

    border-radius: 0 !important;

    padding: 0;

    padding-right: 0px;

    padding-bottom: 24px;

    transition: .3s;

    font-family: 'Inter';

    font-weight: 600;

    font-size: 18px;

    line-height: 24px;

    color: var(--darkColor);

}

.at-accordion .accordion-item:not(:first-child) .accordion-button{

    padding-top: 24px;

}

.at-accordion .accordion-item:last-child .accordion-button {

	padding-bottom: 0px;

}

.at-accordion .accordion-item:last-child .accordion-button:not(.collapsed) {

	padding-bottom: 12px;

}

.accordion-button:not(.collapsed) {

    padding-bottom: 12px;

    color: inherit;

    background-color: transparent;

    box-shadow: none;

}

.at-accordion .accordion-item{

    border-radius: 0;

    border: 0;

    border-bottom: 1px solid #DCDEE5;

}

.at-accordion .accordion-body{

    padding: 0;

    padding-right: 20px;

    padding-bottom: 24px;

}

.at-accordion .accordion-item:last-child .accordion-body{

    padding-bottom: 0;

}

.at-accordion .accordion-button::after{

    background-image: url(../images/icons/angle-down-gray-24.svg);

    background-size: 24px;

    height: 24px;

    width: 24px;

}

.at-accordion .accordion-item:last-child{

    border-bottom: 0;

}

/* Pricing Page End ***

*********************/





/* Blog Page Start ***

********************/

.at-blog-card-link{

    display: block;

    border-radius: 12px;

    height: 100%;

}

.at-blog-card{

    border-radius: 12px;

    overflow: hidden;

    transition: .3s;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    height: 100%;

}

.at-blog-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.20);

}

.at-blog-card-image{

    width: 100%;

    border-radius: 12px 12px 0 0;

    overflow: hidden;

}

.at-blog-card-image img{

    width: 100%;

    border-radius: 12px 12px 0 0;

    transition: .3s;

}

.at-blog-card-image:hover img{

    transform: scale(1.05);

}

.at-blog-details{

    padding: 20px;

    border-radius: 0 0 12px 12px;

    transition: .3s;

}



.sml-icontext-1 span::before{

    display: block;

}

.sml-icontext-2{

    font-family: 'Inter';

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: var(--grayColor);

}

.sml-icontext-2 span::before{

    display: block;

    color: var(--darkColor);

    margin-top: 4px;

}

.sml-icontext-3{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 14px;

    line-height: 1.42857;

    color: var(--grayColor);

}

.sml-icontext-3 span::before{

    display: block;

    color: var(--grayColor);

    margin-top: 3px;

}





.at-blog-link-icontext{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 16px;

    line-height: 1.5;

    color: var(--grayColor);

    max-width: max-content;

    transition: .3s;

}

.at-blog-link-icontext span::before{

    display: block;

    font-size: 22px;

}

.at-blog-link-icontext:hover{

    color: var(--themeColor);

}

.at-blog-card:hover .at-blog-link-icontext{

    color: var(--themeColor);

}



/* Admin Blog Page Start */

.ad-blog-card-link{

    display: block;

    border-radius: 8px;

    height: 100%;

}

.ad-blog-card{

    border-radius: 8px;

    overflow: hidden;

    transition: .3s;

    background: var(--whiteColor);

    box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.10);

    height: 100%;

}

.ad-blog-card:hover{

    box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.20);

}

.ad-blog-card-image{

    width: 100%;

    border-radius: 8px 8px 0 0;

    overflow: hidden;

}

.ad-blog-card-image img{

    width: 100%;

    border-radius: 8px 8px 0 0;

    transition: .3s;

}

.ad-blog-card-image:hover img{

    transform: scale(1.05);

}

.ad-blog-details{

    padding: 15px 13px;

    border-radius: 0 0 8px 8px;

    transition: .3s;

}

.in-subtitle2-12px{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;

}

.in-title2-14px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 14px */

}

.ad-blog-link-icontext{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 12px;

    line-height: 20px;

    color: var(--grayColor);

    max-width: max-content;

    transition: .3s;

}

.ad-blog-link-icontext span::before{

    display: block;

    font-size: 16px;

}

.ad-blog-link-icontext:hover{

    color: var(--themeColor);

}

.ad-blog-card:hover .ad-blog-link-icontext{

    color: var(--themeColor);

}

/* Admin Blog Page End */





.link-icontext-1{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 16px;

    line-height: 1.5;

    color: var(--grayColor);

    max-width: max-content;

    transition: .3s;

}

.link-icontext-1 span::before{

    display: block;

    font-size: 22px;

}

.link-icontext-1:hover{

    color: var(--themeColor);

}

.at-blog-subtitle{

    padding-bottom: 14px;

}



/* Sidebar */

.at-sidebar{

    border: 1px solid #bdc0d2;

    border-radius: 12px;

    padding: 20px;

    background: var(--whiteColor);

}

.at-sidebar-2{

    border: none;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.at1-form-control{

    border: 1px solid #bdc0d2;

    border-radius: 12px;

    padding: 13.5px 13px;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;

    color: var(--grayColor);

}

.at1-form-control:focus{

    color: var(--grayColor);

    border-color: var(--themeColor);

}

.at1-form-control:hover{

    border-color: var(--themeColor);

}

.at1-form-control::placeholder{

    color: #bdc0d2;

}

/* Search cross hide */

.at1-form-control::-webkit-search-cancel-button {

    display: none;

}



.at2-form-label{

    margin-bottom: 12px;

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 16px */

}

.at2-form-control{

    border: 1px solid #DCDEE5;

    border-radius: 8px;

    padding: 8px 15px;

    font-family: 'Inter';

    font-weight: 500;

    font-size: 14px;

    line-height: 24px;

    color: var(--grayColor);

}

.at2-form-control:focus{

    color: var(--grayColor);

    border-color: var(--themeColor);

}

.at2-form-control:hover{

    border-color: var(--themeColor);

}

.at2-form-control::placeholder{

    color: var(--grayColor);

}

textarea.at2-form-control{

    min-height: 168px;

}

/* Search cross hide */

.at2-form-control::-webkit-search-cancel-button {

    display: none;

}

/* Number arrow hide */

.at2-form-control::-webkit-inner-spin-button, 

.at2-form-control::-webkit-outer-spin-button { 

  -webkit-appearance: none; 

  margin: 0; 

}

.at2-form-control[type=number] {

    -moz-appearance:textfield;

}



.sml-search-form-control{

    padding-right: 42px;

}



.sml-search-btn{

    border-radius: 8px;

    width: 36px;

    flex: 0 0 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--themeColor);

    position: absolute;

    right: 5px;

    top: 5px;

}

.sml-search-btn:hover{

    background: #5200e7;

}



.side-bordered-list-group{

    border-left: 1px solid rgba(220, 222, 229, 1);

}

.side-border-list-item:not(:last-child){

    margin-bottom: 3px;

}

.between-list-item-link{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    column-gap: 10px;

    row-gap: 8px;

    font-family: 'Inter';

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    color: var(--darkColor);

    padding: 9px 0 9px 16px;

    position: relative;

}

.between-list-item-link::after{

    content: "";

    position: absolute;

    height: 100%;

    width: 1px;

    left: -3px;

    top: 0;

    background: var(--themeColor);

    transition: .3s;

}

.between-list-item-link.active::after,

.between-list-item-link:hover::after{

    left: -1px;

}

.between-list-item-number{

    color: var(--grayColor);

    transition: .3s;

}

.between-list-item-link:hover,

.between-list-item-link.active{

    color: var(--themeColor);

}

.between-list-item-link:hover .between-list-item-number,

.between-list-item-link.active .between-list-item-number{

    color: var(--themeColor);

}



.sml-list-post-link{

    display: block;

}

.sml-list-post-link:not(:last-child){

    margin-bottom: 20px;

}

.sml-list-post-banner{

    width: 105px;

    flex: 0 0 105px;

    height: 84px;

    border-radius: 8px;

}

.sml-list-post-banner img{

    width: 100%;

    height: 100%;

    border-radius: 8px;

    object-fit: cover;

}



.at-btn-light{

    border: none;

    border-radius: 6px;

    padding: 8px 16px;

    font-weight: 500;

    font-size: 14px;

    line-height: normal;

    color: var(--grayColor);

    background: #F4F5F7;

}

.at-btn-light.active,

.at-btn-light:focus,

.at-btn-light:hover{

    background: var(--themeColor) !important;

    color: var(--whiteColor) !important;

}

/* Blog Page End ***

******************/



/* Contact Page End ***

*********************/

.secondary-light-iconbox{

    width: 62px;

    flex: 0 0 62px;

    height: 62px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #F4F5F7;

}

.secondary-light-iconlink{

    width: 39px;

    height: 39px;

    flex: 0 0 39px;

    border-radius: 50%;

    background: #F4F5F7;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .3s;

}

.secondary-light-iconlink svg{

    display: block;

}

.secondary-light-iconlink path{

    transition: .3s;

}

.secondary-light-iconlink:hover path{

    fill: var(--themeColor);

}



.form-check-checkbox2{

    padding-left: 28px;

}

.form-check-checkbox2 .form-check-label{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 171.429% */

}

.form-check-checkbox2 .form-check-input {

    margin-left: -28px;

    margin-top: 2px;

    height: 20px;

    width: 20px;

    border: 1px solid #DCDEE5;

    border-radius: 4px;

}

.form-check-checkbox2 .form-check-input:focus{

    box-shadow: none;

}

.form-check-checkbox2 .form-check-input:checked{

    border-color: var(--themeColor);

    background-color: var(--themeColor);

}



/* Contact Page Start ***

***********************/



/* Blog Details Page Start ***

****************************/

.at-banner-wrap{

    width: 100%;

    border-radius: 12px;

}

.at-banner-wrap img{

    width: 100%;

    border-radius: 12px;

    object-fit: cover;

}



/* card */

.at-border-card{

    border-radius: 12px;

    padding: 20px;

    border: 1px solid #bdc0d2;

    background: var(--whiteColor);

}

.border-card-mdm{

    padding: 30px;

}

.border-card-lrg{

    padding: 51px 28px;

}

.border-card-hover{

    transition: .3s

}

.border-card-hover:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);

    border-color: transparent;

}

.sml-icontext-list-item:not(:last-child){

    padding-right: 24px;

    position: relative;

}

.sml-icontext-list-item:not(:last-child)::after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: calc(100% - 5px);

    background: #bdc0d2;

}

.at-gray-icon-link {

    display: block;

}

.at-gray-icon-link svg{

    display: block;

}

.at-gray-icon-link path{

    transition: .3s;

}

.at-gray-icon-link:hover path{

    fill: var(--themeColor);

}



.max-w-520px{

    max-width: 520px;

}



.at-large-icon{

    max-width: 66px;

}



.form-check-checkbox{

    padding-left: 32px;

}

.form-check-checkbox .form-check-label{

    font-weight: 400;

    font-size: 16px;

    line-height: 1.5;

    color: var(--grayColor);

}

.form-check-checkbox .form-check-input {

    margin-left: -32px;

    margin-top: 2px;

    height: 20px;

    width: 20px;

    border: 1px solid #bdc0d2;

    border-radius: 4px;

}

.form-check-checkbox .form-check-input:focus{

    box-shadow: none;

}

.form-check-checkbox .form-check-input:checked{

    border-color: var(--themeColor);

    background-color: var(--themeColor);

}



/* New */

.at-blog-header{

    padding: 153px 30px 153px 30px;

    border-radius: 12px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.at-blog-header::after{

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: calc(100% - 24px);

    border-radius: 0px 0px 12px 12px;

    background: linear-gradient(180deg, rgba(14, 6, 21, 0.00) 0%, #0E0615 100%);

    z-index: -1;

}

.icontext-white-item{

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.icontext-white-items .icontext-white-item:not(:last-child){

    position: relative;

    padding-right: 25px;

}

.icontext-white-items .icontext-white-item:not(:last-child)::after{

    position: absolute;

    content: "";

    right: 0;

    top: 2.5px;

    height: 19px;

    width: 1px;

    background: rgba(255, 255, 255, 0.3);

}



/* Font Size */

.in-title-50px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 50px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%; /* 50px */

}

.in-title-26px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 26px;

    font-style: normal;

    font-weight: 600;

    line-height: 138.462%; /* 36px */

}

.in-title-32px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 32px;

    font-style: normal;

    font-weight: 600;

    line-height: 112.5%; /* 36px */

}





.blog-share-wrap{

    padding: 16px 0;

    border-top: 1px solid #DCDEE5;

    border-bottom: 1px solid #DCDEE5;

}

/* Blog Details Page End ***

**************************/





/* Hotel Home Page Start ***

**************************/

/* Font Size */

.dm-uppercase-text-16px{

    color: var(--whiteColor);

    font-family: 'DM Sans';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px; /* 150% */

    letter-spacing: 1.6px;

    text-transform: uppercase;

}



.dm-title-60px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-size: 60px;

    font-style: normal;

    font-weight: 700;

    line-height: 76px; /* 126.667% */

}

.dm-title-36px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-weight: 700;

    font-size: 36px;

    line-height: 100%; 

}

.dm-title-30px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 120%; /* 30px 100% */

}

.dm-title-26px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-size: 26px;

    font-style: normal;

    font-weight: 500;

    line-height: 120%; /* 26px 100% */

}

.dm-title-20px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px; /* 140% */

}

.dm-title-18px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-weight: 500;

    font-size: 18px;

    line-height: 156%;

}





.dm-text-16px{

    color: #060F1A;

    font-family: 'DM Sans';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}



.in-text-16px{

    font-family: 'Inter';

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    color: #060f1a;



}



.in-title-18px{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 18px;

    line-height: 100%;

    color: #0A1017;

}

.ca-title-18px{

    font-family: 'Inter';

    font-weight: 500;

    font-size: 18px;

    line-height: 100%;

    color: #0A1017;

}



.in-subtitle-14px{

    font-family: 'Inter';

    font-weight: 400;

    font-size: 14px;

    line-height: 143%;

    color: #706c6c;

}

.in-subtitle-16px{

    color: #706c6c;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 150% */

}







/* Buttons */

.ht-btn-primary{

    border-radius: 8px;

    background: #124797;

    padding: 10px 24px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    border: none;

    width: fit-content;

    transition: .3s;

}

.ht-btn-primary:hover{

    background: #2f7ff9;

    color: var(--whiteColor);

}

.ht-btn-primary:active{

    background: #2f7ff9 !important;

    color: var(--whiteColor) !important;

}

.ht-btn-primary2{

    border-radius: 8px;

    background: #124797;

    padding: 10px 16px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

    border: none;

    width: fit-content;

    transition: .3s;

}

.ht-btn-primary2:hover{

    background: #2f7ff9;

    color: var(--whiteColor);

}

.ht-btn-primary2:active{

    background: #2f7ff9 !important;

    color: var(--whiteColor) !important;

}

.ht-btn-white{

    border-radius: 8px;

    background: var(--whiteColor);

    padding: 10px 16px;

    color: #060f19;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

    border: none;

    width: fit-content;

    transition: .3s;

}

.ht-btn-white:hover{

    background: #124797;

    color: var(--whiteColor);

}

.ht-btn-white:active{

    background: #124797 !important;

    color: var(--whiteColor) !important;

}







.ht-banner-section{

    background-color: transparent;

    padding: 136px 0 80px 0;

}

.max-w-723px{

    max-width: 723px;

}

.max-w-415px{

    max-width: 415px;

}



.ht-play-btn{

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    text-decoration-line: underline;

}

.ht-play-btn svg{

    display: block;

}

.ht-play-btn circle,

.ht-play-btn path{

    transition: .3s;

}

.ht-play-btn:hover{

    color: #124797;

}

.ht-play-btn:hover path{

    fill: #124797;

}

.ht-play-btn:hover circle{

    stroke: #124797;

}





/* Video Modal  */

.at-video-modal .modal-header{

    padding-top: 10px;

    padding-bottom: 10px;

}

.at-video-modal .modal-header .btn-close{

    background-size: 14px;

}

.at-video-modal .modal-header .btn-close:focus{

    box-shadow: none;

}

/* Video */

.ht-video-wrap{

    width: 100%;

}

.ht-video-wrap .plyr--video {

    height: 100%;

    width: 100%;

    border-radius: 3px;

}

.ht-video-wrap .plyr__control--overlaid{

    background: #124797;

    color: var(--whiteColor);

    outline: 10px solid rgba(38, 38, 38, 0.26);

}

.ht-video-wrap .plyr__control svg{

    height: 14px;

    width: 14px;

}

.ht-video-wrap .plyr__control--overlaid:hover{

    background: #2f7ff9 !important;

}

.ht-video-wrap .plyr--video .plyr__control:hover{

    background: #124797;

    color: var(--whiteColor);

}

.ht-video-wrap .plyr--full-ui input[type=range]{

    color: #124797;

}



.at2-shadow-card{

    border-radius: 12px;

    background: #FFF;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 16px;

    width: fit-content;

}



.min-w-145px{

    min-width: 145px;

}

.min-w-120px{

    min-width: 120px;

}



.ht-search-filter-wrap{

    column-gap: 36px;

    row-gap: 24px;

}

.ht-search-filter-border{

    position: relative;

    padding-right: 36px;

}

.ht-search-filter-border::after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 40px;

    width: 1px;

    background: rgba(121, 132, 132, 0.5);

}

/* Transparent Nice Select */

.transparent-nice-select{

    float: inherit;

    height: auto;

    width: fit-content;

    color: #706c6c;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; /* 142.857% */

    border: none;

    padding-left: 0;

    padding-right: 0;

}

.transparent-nice-select::after{

    display: none;

}

.transparent-nice-select .list{

    border: none;

    border-radius: 8px;

    padding: 8px;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    min-width: 100%;

}

.transparent-nice-select .option{

    padding: 8px;

    line-height: inherit;

    border-radius: 4px;

    min-height: auto;

}

.transparent-nice-select .option:hover, 

.transparent-nice-select .option.focus, 

.transparent-nice-select .option.selected.focus {

	background-color: rgba(18, 71, 151, 0.1);

    color: #124797;

}

.transparent-nice-select .option.selected {

	font-weight: 500;

}



.transparent-nice-select-arrow{

    padding-right: 24px;

}

.transparent-nice-select-arrow::after{

    display: block;

    border: none;

    background-image: url(../images/icons/angle-down-gray2-20.svg);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    height: 20px;

    width: 20px;

    right: 0;

    transform: rotate(0deg) translateY(-50%);

    transform-origin: 10px 0;

    margin: 0;

}

.transparent-nice-select-arrow.open::after {

    transform: rotate(180deg) translateY(-50%);

}











.transparent-date-picker{

    padding: 0;

    width: 85px;

    color: #706c6c;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; /* 142.857% */

    border: none;

}

.transparent-date-picker:focus{

    color: #706c6c;

}

.ht-flat-picker .flatpickr-day.selected, 

.ht-flat-picker .flatpickr-day.startRange, 

.ht-flat-picker .flatpickr-day.endRange, 

.ht-flat-picker .flatpickr-day.selected.inRange, 

.ht-flat-picker .flatpickr-day.startRange.inRange, 

.ht-flat-picker .flatpickr-day.endRange.inRange, 

.ht-flat-picker .flatpickr-day.selected:focus, 

.ht-flat-picker .flatpickr-day.startRange:focus, 

.ht-flat-picker .flatpickr-day.endRange:focus, 

.ht-flat-picker .flatpickr-day.selected:hover, 

.ht-flat-picker .flatpickr-day.startRange:hover, 

.ht-flat-picker .flatpickr-day.endRange:hover, 

.ht-flat-picker .flatpickr-day.selected.prevMonthDay, 

.ht-flat-picker .flatpickr-day.startRange.prevMonthDay, 

.ht-flat-picker .flatpickr-day.endRange.prevMonthDay, 

.ht-flat-picker .flatpickr-day.selected.nextMonthDay, 

.ht-flat-picker .flatpickr-day.startRange.nextMonthDay, 

.ht-flat-picker .flatpickr-day.endRange.nextMonthDay {

	background: #124797;

	border-color: #124797;

}

.ht-flat-picker .flatpickr-day.inRange, 

.ht-flat-picker .flatpickr-day.prevMonthDay.inRange, 

.ht-flat-picker .flatpickr-day.nextMonthDay.inRange, 

.ht-flat-picker .flatpickr-day.today.inRange, 

.ht-flat-picker .flatpickr-day.prevMonthDay.today.inRange, 

.ht-flat-picker .flatpickr-day.nextMonthDay.today.inRange, 

.ht-flat-picker .flatpickr-day:hover, 

.ht-flat-picker .flatpickr-day.prevMonthDay:hover, 

.ht-flat-picker .flatpickr-day.nextMonthDay:hover, 

.ht-flat-picker .flatpickr-day:focus, 

.ht-flat-picker .flatpickr-day.prevMonthDay:focus, 

.ht-flat-picker .flatpickr-day.nextMonthDay:focus {

	background: #2f7ff9;

	border-color: #2f7ff9;

}

.ht-flat-picker .flatpickr-months .flatpickr-prev-month:hover svg, 

.ht-flat-picker .flatpickr-months .flatpickr-next-month:hover svg {

    fill: #124797;

}



/* BG Image Card */

.bg-img-card{

    border-radius: 12px;

    padding: 30px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.bg-img-card::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    border-radius: 12px;

    height: 100%;

    max-width: 484px;

    width: 100%;

    background: linear-gradient(90deg, rgba(7, 10, 22, 0.67) 0%, rgba(6, 9, 19, 0.58) 59.16%, rgba(0, 0, 0, 0.00) 100%);

    z-index: -1;

}



/* Grid */

.ht-grid-item{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    position: relative;

}

.ht-grid-item > img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px;

}

.ht-grid-country-name{

    position: absolute;

    left: 16px;

    top: 16px;

    border-radius: 8px;

    padding: 8px 16px;

    backdrop-filter: blur(5px);

    background: var(--whiteColor);

    font-weight: 500;

    font-size: 18px;

    line-height: 100%;

    color: #060f1a;

}

.ht-icontext-link{

    font-family: 'DM Sans';

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    color: #060f1a;

}

.ht-icontext-link:hover{

    color: #124797;

}

.ht-icontext-link path{

    transition: .3s;

}

.ht-icontext-link:hover path{

    fill: #124797;

}



/* Hotel Card */

.ht-product-card{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    position: relative;

    height: 100%;

    transition: .3s;

}

.ht-product-card:hover{

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.20);

}

.ht-product-card-link{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

}

.ht-product-card-banner{

    width: 100%;

    /* height: 190px; */

    aspect-ratio: 267 / 190;

}

.ht-product-card-banner img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px 12px 0px 0px;

}

.ht-product-card-bookmark{

    width: 37px;

    height: 37px;

    border-radius: 50%;

    background: rgba(6, 15, 26, 0.30);

    backdrop-filter: blur(2px);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 16px;

    top: 16px;

    z-index: 1;

}

.ht-product-card-bookmark svg{

    margin-top: 2px;

}

.ht-product-card-bookmark path{

    transition: .5s;

    fill: transparent;

    stroke: var(--whiteColor);

}

.ht-product-card-bookmark.active path,

.ht-product-card-bookmark:hover path{

    /* fill: #ef255c; */

    fill: #124797;

    stroke: #124797;

}

.ht-product-card-details{

    padding: 16px 20px 20px 20px;

}

.ht-product-card-tags{

    column-gap: 5px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.ht-product-card-tags li{

    color: #060f1a;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.ht-product-card-tags li:not(:last-child){

    padding-right: 8px;

    position: relative;

}

.ht-product-card-tags li:not(:last-child)::after{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    height: 3px;

    width: 3px;

    border-radius: 50%;

    transform: translateY(-50%);

    background: #124797;

}

.ht-product-card-tag-more{

    color: #706c6c;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}



.see-details-btn{

    position: relative;

    z-index: 1;

}



.ht-product-card-price{

    color: #060f1a;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    column-gap: 2px;

}

.ht-product-card-price span{

    color: #060f1a;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}



.ht-product-count{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    position: relative;

}

.ht-product-count > img{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    object-fit: cover;

    transition: .5s;

}

.ht-product-count-content{

    position: absolute;

    left: 20px;

    bottom: 20px;

    z-index: 1;

}

.ht-product-count::after{

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    height: calc(100% - 20px);

    background: linear-gradient(0deg, rgba(7, 10, 22, 0.67) 0%, rgba(6, 9, 19, 0.58) 28.81%, rgba(0, 0, 0, 0) 100%);

    border-radius: 12px;

}



.bg-img-card2{

    position: relative;

    border-radius: 12px;

    padding: 40px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

}

.bg-img-card2::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    max-width: 776px;

    width: 100%;

    background: linear-gradient(90deg, rgba(7, 10, 22, 0.67) 30.57%, rgba(6, 9, 21, 0.63) 40.6%, rgba(6, 9, 19, 0.58) 59.16%, rgba(0, 0, 0, 0) 84.79%);

    border-radius: 12px;

    z-index: -1;

}

/* Hotel Home Page End ***

************************/





/* Restaurant Home Page Start ***

*******************************/

/* Font Size */

.fi-text-uppercase-16px{

    color: var(--skinColor2);

    font-family: 'Fira Sans';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px; /* 150% */

    letter-spacing: 1.44px;

    text-transform: uppercase;

}



.fi-title-60px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 60px;

    font-style: normal;

    font-weight: 600;

    line-height: 126.667%; /* 76px */

}

.fi-title-48px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 48px;

    font-style: normal;

    font-weight: 700;

    line-height: 125%; /* 60px */

}

.fi-title-36px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 36px;

    font-style: normal;

    font-weight: 500;

    line-height: 111.111%; /* 40px */

}

.fi-title-30px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%; /* 30px */

}

.fi-title-26px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 26px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 26px */

}

.fi-title-24px{

    color: #1C080C;

    font-family: 'Fira Sans';

    color: #FFF;

    font-family: "Fira Sans";

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 133.333%; /* 32px */

}

.fi-title-18px{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 155.556%; /* 28px */

}

.fi-title-16px{

    color: #060F1A;

    font-family: 'Fira Sans';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 150% */

}



/* Line Height Normal */

.lh-normal{

    line-height: normal !important;

}



/* Buttons */

.rt-btn-danger{

    border-radius: 8px;

    background: var(--skinColor2);

    padding: 12px 24px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

    border: none;

    max-width: fit-content;

}

.rt-btn-danger:hover{

    background: #1C080C;

    color: var(--whiteColor);

}

.rt-btn-danger:active{

    background: #1C080C !important;

    color: var(--whiteColor) !important;

}



.rt2-btn-danger{

    border-radius: 8px;

    background: var(--skinColor2);

    padding: 10px 16px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px; /* 142.857% */

    transition: .3s;

    border: 1px solid transparent;

    max-width: fit-content;

}

.rt2-btn-danger:hover{

    background: transparent;

    color: var(--whiteColor);

    border-color: var(--whiteColor);

}

.rt2-btn-danger:active{

    background: transparent !important;

    color: var(--whiteColor) !important;

    border-color: var(--whiteColor) !important;

}



.rt-btn-outline-danger{

    border-radius: 8px;

    background: transparent;

    padding: 11px 23px;

    color: var(--skinColor2);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

    border: 1px solid var(--skinColor2);

    max-width: fit-content;

}

.rt-btn-outline-danger:hover{

    background: var(--skinColor2);

    color: var(--whiteColor);

    border-color: var(--skinColor2);

}

.rt-btn-outline-danger:active{

    background: var(--skinColor2) !important;

    color: var(--whiteColor) !important;

    border-color: var(--skinColor2) !important;

}



.rt-btn-outline-white{

    border-radius: 8px;

    border: 1px solid var(--whiteColor);

    padding: 11px 23px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.rt-btn-outline-white:hover{

    border-color: var(--skinColor2);

    background: var(--skinColor2);

    color: var(--whiteColor);

}

.rt-btn-outline-white:active{

    border-color: var(--skinColor2) !important;

    background: var(--skinColor2) !important;

    color: var(--whiteColor) !important;

}



.rt-text-danger{

    color: var(--skinColor2);

}



.max-w-640px{

    max-width: 640px;

}



.rt-banner-section{

    padding: 117px 0 174px 0;

    position: relative;

    z-index: 1;

    overflow-x: clip;

}

.rt-banner-left-shape{

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    max-width: 391px;

    width: 100%;

    aspect-ratio: 391 / 543;

    z-index: -1;

}

.rt-banner-left-shape > img{

    height: 100%;

    width: 100%;

}

.rt-banner-left-shape::after{

    position: absolute;

    content: "";

    left: -113px;

    top: 50%;

    transform: translateY(-50%);

    max-width: 615px;

    width: 100%;

    aspect-ratio: 615 / 527;

    z-index: -1;

    border-radius: 615px;

    opacity: 0.33;

    background: linear-gradient(265deg, #EF255C 39.65%, rgba(239, 37, 92, 0.00) 104.96%);

    filter: blur(188.5px);

}

.rt-banner-right-shape{

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    max-width: 405px;

    width: 100%;

    aspect-ratio: 405 / 560;

    z-index: -1;

}

.rt-banner-right-shape > img{

    height: 100%;

    width: 100%;

}

.rt-banner-right-shape::after{

    position: absolute;

    content: "";

    right: -113px;

    top: 50%;

    transform: translateY(-50%);

    max-width: 615px;

    width: 100%;

    aspect-ratio: 615 / 527;

    z-index: -1;

    border-radius: 615px;

    opacity: 0.33;

    background: linear-gradient(265deg, #EF255C 39.65%, rgba(239, 37, 92, 0.00) 104.96%);

    filter: blur(188.5px);

}

.rt-banner-right-shape::before{

    position: absolute;

    content: "";

    width: 50px;

    height: 85px;

    top: 20px;

    left: 240px;

    background: url(../images/restaurent/rt-banner-leaf3.png) no-repeat scroll center center / cover;

    z-index: -1;

}

.rt-banner-content{

    max-width: 824px;

    position: relative;

}

.rt-banner-content::before{

    position: absolute;

    content: "";

    width: 94px;

    height: 85px;

    top: -63px;

    left: -45px;

    background: url(../images/restaurent/rt-banner-leaf1.png) no-repeat scroll center center / cover;

    z-index: -2;

}

.rt-banner-content::after{

    position: absolute;

    content: "";

    width: 67px;

    height: 96px;

    bottom: -26px;

    right: 139px;

    background: url(../images/restaurent/rt-banner-leaf5.png) no-repeat scroll center center / cover;

    z-index: -2;

}

.rt-banner-content-shape1{

    position: absolute;

    content: "";

    width: 50px;

    height: 44px;

    top: -44px;

    right: 60px;

    z-index: -2;

}

.rt-banner-content-shape2{

    position: absolute;

    content: "";

    height: 58px;

    width: 98px;

    bottom: -49px;

    left: -35px;

    z-index: -2;

}

.rt-banner-content-shape1 > img,

.rt-banner-content-shape2 > img{

    height: 100%;

    width: 100%;

    object-fit: contain;

}



.rt-bgimg-card{

    border-radius: 12px;

    padding: 42px;

    position: relative;

    z-index: 1;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.rt-bgimg-card::after{

    position: absolute;

    content: "";

    border-radius: 12px;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background: url(../images/restaurent/rt-deal-bg-shadow.svg) no-repeat scroll center center / cover;

    z-index: -1;

}



.rt-img-card{

    border-radius: 12px;

    height: 100%;

    width: 100%;

    position: relative;

}

.rt-img-card > img{

    border-radius: 12px;

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: .5s;

}

.rt-img-card-country{

    position: absolute;

    left: 24px;

    bottom: 24px;

    border-radius: 8px;

    background: var(--whiteColor);

    backdrop-filter: blur(2.5px);

    padding: 8px 16px;

    color: #060F1A;

    font-family: 'Fira Sans';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

}



/* Card */

.rt-product-card{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    position: relative;

    height: 100%;

    transition: .3s;

}

.rt-product-card:hover{

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.20);

}

.rt-product-card-link{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

}

.rt-product-card-banner{

    width: 100%;

    aspect-ratio: 267 / 190;

}

.rt-product-card-banner img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px 12px 0px 0px;

}

.rt-product-card-bookmark{

    width: 37px;

    height: 37px;

    border-radius: 50%;

    background: rgba(6, 15, 26, 0.30);

    backdrop-filter: blur(2px);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 16px;

    top: 16px;

    z-index: 1;

}

.rt-product-card-bookmark svg{

    margin-top: 2px;

    display: block;

}

.rt-product-card-bookmark path{

    transition: .5s;

    fill: transparent;

    stroke: var(--whiteColor);

}

.rt-product-card-bookmark.active path,

.rt-product-card-bookmark:hover path{

    fill: var(--skinColor2);

    stroke: var(--skinColor2);

}

.rt-product-card-status{

    position: absolute;

    left: 16px;

    top: 16px;

    border-radius: 8px;

    background: var(--skinColor2);

    padding: 4px 14px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 200% */

}

.status-bg-white{

    background: var(--whiteColor);

    color: #1C080C;

}

.rt-product-card-details{

    padding: 16px 20px 20px 20px;

}

.rt-product-card-tags{

    column-gap: 12px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.rt-product-card-tags li{

    color: #1C080C;

    font-family: 'Fira Sans';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.rt-product-card-tags li:not(:last-child){

    padding-right: 15px;

    position: relative;

}

.rt-product-card-tags li:not(:last-child)::after{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    height: 3px;

    width: 3px;

    border-radius: 50%;

    transform: translateY(-50%);

    background: var(--skinColor2);

}



.rt2-img-card{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    position: relative;

}

.rt2-img-card > img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    transition: .5s;

}

.rt2-img-card::after{

    position: absolute;

    content: "";

    width: 100%;

    height: calc(100% - 32px);

    border-radius: 12px;

    left: 0;

    bottom: 0;

    background: linear-gradient(0deg, rgba(7, 10, 22, 0.67) 0%, rgba(6, 9, 19, 0.58) 21.17%, rgba(0, 0, 0, 0.00) 73.5%);

}



.rt-card-total-restaurant{

    position: absolute;

    left: 20px;

    top: 20px;

    border-radius: 8px;

    background: #1C080C;

    padding: 10px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    z-index: 1;

}

.rt-card-place-name{

    position: absolute;

    left: 20px;

    bottom: 20px;

    z-index: 1;

}



.rt-dark-card{

    border-radius: 20px;

    background: linear-gradient(95deg, #100407 2.88%, #100407 108.07%);

    padding: 57px 455px 56px 98px;

    position: relative;

}

.rt-dark-cark-img{

    position: absolute;

    bottom: -21px;

    right: 93.5px;

    width: 362px;

    aspect-ratio: 362 / 332;

}

/* Restaurant Home Page End ***

*****************************/





/* Beauty Home Page End ***

*************************/

/* Font Size */

.ers-title-76px{

    color: #1A0909;

    font-family: 'Erstoria';

    font-size: 76px;

    font-style: normal;

    font-weight: 400;

    line-height: 105.263%; /* 80px */

}

.ers-title-36px{

    color: #1A0909;

    font-family: 'Erstoria';

    font-size: 36px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 36px */

    letter-spacing: 0.72px;

}

.ers-title-44px{

    color: #1A0909;

    font-family: 'Erstoria';

    font-size: 44px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 44px */

}

.ju-title-70px{

    color: #1A0909;

    font-family: 'FONTSPRING DEMO - Juana';

    font-size: 70px;

    font-style: normal;

    font-weight: 500;

    line-height: 114.286%; /* 80px */

}

.ju-title-44px{

    color: #1A0909;

    font-size: 44px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 44px */

}

.ju-title-24px{

    color: #1A0909;

    font-family: 'FONTSPRING DEMO - Juana';

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 24px */

}

.fu-title-24px{

    color: #1A0909;

    font-family: 'Futura-Book';

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%;

}

.fs-title-40px{

    color: #1A0909;

    font-family: 'Fieldstones';

    font-size: 40px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%; /* 40px */

}

.al-title-32px{

    color: #100D0E;

    font-family: 'Albert Sans';

    font-size: 31.13px;

    font-style: normal;

    font-weight: 800;

    line-height: 100%; /* 31.13px */

}

.bai-title-26px{

    font-family: 'Bai Jamjuree';

    color: #100D0E;

    font-size: 26.683px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 26.683px */

    letter-spacing: 2.668px;

}

.eub-title-18px{

    color: #000;

    font-family: 'Euclid Circular B';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

}

.ju-title-36px{

    color: #1A0909;

    font-family: 'FONTSPRING DEMO - Juana';

    font-size: 36px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 36px */

}

.ju-title-54px{

    color: #1A0909;

    font-family: 'FONTSPRING DEMO - Juana';

    font-size: 54px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 54px */

}

.ju-title-90px{

    color: #1A0909;

    font-family: 'FONTSPRING DEMO - Juana';

    font-size: 90px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 90px */

}

.fu-title-90px{

    color: #1A0909;

    font-family: 'Futura-Book';

    font-size: 90px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%;

}



.eub-subtitle-16px{

    color: #8A8A8A;

    font-family: 'Euclid Circular B';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 150% */

}

.eub-subtitle-14px{

    color: #0C0B0B;

    font-family: 'Euclid Circular B';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

}

.al-subtitle-16px{

    font-family: 'Albert Sans';

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%; /* 16px */

    letter-spacing: 1.6px;

}





.bt-italic-title{

    font-family: 'FONTSPRING DEMO - Juana Medium It';

    font-weight: 500;

    background: linear-gradient(180deg, #FF907A 40.43%, #F23A3A 100%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    padding-right: 3px;

}





/* Buttons */

.bt-btn-dark{

    border-radius: 100px;

    background: #0C0B0B;

    padding: 16px 24px;

    color: var(--whiteColor);

    font-family: 'Euclid Circular B';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    transition: .3s;

    border: none;

    width: fit-content;

}

.bt-btn-dark:hover{

    background: var(--skinColor3);

    color: var(--whiteColor);

}

.bt-btn-dark:active{

    background: var(--skinColor3) !important;

    color: var(--whiteColor) !important;

}

.bt-btn-outline-secondary{

    border-radius: 4px;

    border: 1px solid #CECECE;

    padding: 9px 11px;

    color: #8A8A8A;

    font-family: "Euclid Circular B";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

    transition: .3s;

    max-width: fit-content;

}

.bt-btn-outline-secondary:hover{

    border-color: var(--skinColor3);

    color: var(--skinColor3);

}

.bt-btn-outline-secondary:active{

    border-color: var(--skinColor3) !important;

    color: var(--skinColor3) !important;

}

.bt-btn-white{

    border: none;

    border-radius: 100px;

    background: var(--whiteColor);

    padding: 16px 24px;

    color: #0C0B0B;

    font-family: "Euclid Circular B";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    width: fit-content;

    transition: .3s;

}

.bt-btn-white:hover{

    background: var(--skinColor3);

    color: var(--whiteColor);

}

.bt-btn-white:active{

    background: var(--skinColor3) !important;

    color: var(--whiteColor) !important;

}

.bt-btn-white path{

    transition: .3s;

}

.bt-btn-white:hover path{

    fill: var(--whiteColor);

}







.bt-underline-link{

    color: #0C0B0B;

    font-family: 'Euclid Circular B';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    text-decoration-line: underline;

    transition: .3s;

}

.bt-underline-link:hover{

    color: var(--skinColor3);

}









.bt-banner-area{

    min-height: 550px;

    padding: 168px 0 0px 0;

    position: relative;

}

.bt-banner-title-area{

    max-width: 492px;

    position: relative;

    z-index: 1;

}

.bt-banner-wrap{

    transform: translateX(-10%) translateY(-20%);

    max-width: 571px;

    width: 100%;

    margin-bottom: -50px;

}

.bt-banner-banner{

    width: 100%;

    aspect-ratio: 600 / 638;

}

.bt-banner-banner > img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.bt-banner-play-btn{

    position: absolute;

    right: -72px;

    bottom: 56px;

    z-index: 1;

    filter: drop-shadow(0px 6.624px 25.17px rgba(255, 157, 151, 0.29));

    border-radius: 50%;

    transition: .3s;

}

.bt-banner-play-btn:hover{

    filter: drop-shadow(0px 6.624px 25.17px rgba(255, 157, 151, 0.39));

}

.bt-banner-play-btn > img{

    border-radius: 50%;

}



.bt-banner-counter-area{

    position: relative;

    z-index: 1;

    row-gap: 60px;

    column-gap: 30px;

    display: flex;

    flex-direction: column;

    margin-top: 40px;

    flex-wrap: wrap;

    justify-content: space-between;

}



/* Video Modal  */

.bt-video-modal .modal-header{

    padding-top: 10px;

    padding-bottom: 10px;

}

.bt-video-modal .modal-header .btn-close{

    background-size: 14px;

}

.bt-video-modal .modal-header .btn-close:focus{

    box-shadow: none;

}

/* Video */

.bt-video-wrap{

    width: 100%;

}

.bt-video-wrap .plyr--video {

    height: 100%;

    width: 100%;

    border-radius: 3px;

}

.bt-video-wrap .plyr__control--overlaid{

    background: var(--skinColor3);

    color: var(--whiteColor);

    outline: 10px solid rgba(38, 38, 38, 0.26);

}

.bt-video-wrap .plyr__control svg{

    height: 14px;

    width: 14px;

}

.bt-video-wrap .plyr__control--overlaid:hover{

    background: var(--skinColor3) !important;

}

.bt-video-wrap .plyr--video .plyr__control:hover{

    background: var(--skinColor3);

    color: var(--whiteColor);

}

.bt-video-wrap .plyr--full-ui input[type=range]{

    color: var(--skinColor3);

}



.bt-title-section{

    padding: 38px 38px 37px 38px;

    background: #E4F8FF;

}

.bt-title-wrap{

    column-gap: 40px;

    row-gap: 30px;

}



.bt-advertise-banner1{

    border-radius: 12px;

    background: linear-gradient(180deg, #BCA2CE 0%, #C6ACD6 50.99%, #BDA4D2 100%);

    display: flex;

    justify-content: end;

    overflow: hidden;

    position: relative;

    width: 100%;

}

.bt-advertise-banner2::after, .bt-advertise-banner1::after{

    content: "";

    position: absolute;

    background-color: #00000021;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

}

.advertise-banner-img1{

    position: absolute;

    width: 398px;

    aspect-ratio: 398 / 301;

    left: 0;

    bottom: 0;

}

.advertise-banner-img1 > img{

    height: 100%;

    width: 100%;

}

.advertise-banner-details1{

    position: relative;

    width: 267px;

    border-radius: 12px;

    background: linear-gradient(270deg, #B797CD 0%, rgba(183, 151, 205, 0.00) 100%);

    padding: 62px 24px 62px 23px;

    z-index: 9;

}

.bt-discount-rectangular{

    background: #E4D5F3;

    padding: 10px 44px;

    max-width: fit-content;

}



.bt-advertise-banner2{

    border-radius: 12px;

    background: linear-gradient(99deg, #FFD9D9 14.09%, #FF8E8E 78.05%);

    display: flex;

    justify-content: end;

    overflow: hidden;

    position: relative;

    width: 100%;

}

.advertise-banner-img2{

    position: absolute;

    width: 301px;

    aspect-ratio: 301 / 302;

    left: 0;

    bottom: 0;

}

.advertise-banner-img2 > img{

    height: 100%;

    width: 100%;

}

.advertise-banner-details2{

    position: relative;

    /* width: 247px; */

    width: calc(247px + 37px);

    border-radius: 12px;

    background: linear-gradient(270deg, #B797CD 0%, rgba(183, 151, 205, 0.00) 100%);

    padding: 80px 14px 81px 23px;

    z-index: 9;

}





.bt-grid-bookmark.grid-list-bookmark.white-bookmark path {

	fill: var(--whiteColor);

	stroke: var(--skinColor3);

}

.bt-grid-bookmark.grid-list-bookmark.white-bookmark.active path, 

.bt-grid-bookmark.grid-list-bookmark.white-bookmark:hover path {

	fill: var(--skinColor3);

}

.bt-status-badge {

	position: absolute;

	left: 16px;

	top: 16px;

	z-index: 1;

	padding: 8px 12px;

    font-family: 'Euclid Circular B';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

	color: var(--whiteColor);

    border-radius: 100px;

    background: var(--skinColor3);

}

.beauty-grid-details2{

    padding: 16px 20px 20px 20px;

}

.bt-grid-location-name{

    color: #8A8A8A;

    font-family: "Euclid Circular B";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

}

.bt-grid-title {

	display: block;

	white-space: nowrap;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

    color: #1A0909;

    font-family: "Euclid Circular B";

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

}

.bt-grid-rating{

    color: #1A0909;

    font-family: "Euclid Circular B";

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

}

.bt-grid-reviews{

    color: #8A8A8A;

    font-family: "Euclid Circular B";

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

}

.bt-grid-status-name{

    color: #1CB24F;

    font-family: "Euclid Circular B";

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

}



.bt-grid-viewlink{

    height: 32px;

    min-width: 32px;

    width: 32px;

    border-radius: 50%;

    background: rgba(206, 206, 206, 0.16);

    display: flex;

    align-items: center;

    justify-content: center;

}

.bt-grid-viewlink path{

    transition: .3s;

}

.bt-grid-viewlink:hover path{

    fill: var(--skinColor3);

}

.bt-grid-viewlink:hover{

    background: rgba(255, 115, 106, 0.16);

}

.grid-banner-slider .grid-slide-img2 {

    width: 100%;

    aspect-ratio: 267 / 190;

}

.grid-banner-slider .grid-slide-img2 img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 12px 12px 0 0;

}



.bt-bgimg-card{

    border-radius: 12px;

    padding: 48px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.bt-bgimg-card::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    border-radius: 12px;

    opacity: 0.5;

    background: #0C0B0B;

    z-index: -1;

}

.bt-bgimg-card .left-shadow{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 344px;

    border-radius: 12px;

    opacity: 0.2;

    background: linear-gradient(90deg, #FF736A 0%, rgba(255, 115, 106, 0.00) 100%);

    z-index: -1;

}

.bt-bgimg-card .right-shadow{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 313px;

    border-radius: 12px;

    opacity: 0.2;

    background: linear-gradient(90deg, #FF736A 0%, rgba(255, 115, 106, 0.00) 100%);

    z-index: -1;

}

.beauty-home-body{

    background: #FFFDFB;

}

/* Beauty Home Page End ***

*************************/





/* Doctor Home Page Start ***

***************************/

/* Font Size */

.in2-subtitle-16px{

    color: #5F6164;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px; /* 150% */

}



.sf-title-30px{

    color: #0B0D0F;

    font-family: 'SF Pro Display';

    font-size: 30px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 30px */

}

.in-subtitle-20px{

    color: #060F1A;

    font-family: 'Inter';

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 20px */

}

.lg-title-64px{

    color: #0B0D0F;

    font-family: "Linear Grotesk";

    font-size: 64px;

    font-style: normal;

    font-weight: 900;

    line-height: 100%;

}

.sf-subtitle-34px{

    color: #0B0D0F;

    font-family: "SF Pro Display";

    font-size: 34px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 34px */

}

.lg-title-36px{

    color: #0B0D0F;

    font-family: "Linear Grotesk";

    font-size: 36px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 36px */

}

.sf-text-15px{

    color: #0B0D0F;

    font-family: "SF Pro Display";

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 15px */

}

.lg-title-56px{

    color: #0B0D0F;

    font-family: "Linear Grotesk";

    font-size: 56px;

    font-style: normal;

    font-weight: 700;

    line-height: 125%; /* 70px */

}







/* Buttons */

.dt-btn-primary{

    border-radius: 8px;

    background: var(--skinColor4);

    padding: 12px 24px;

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    border: none;

    width: fit-content;

    transition: .3s;

}

.dt-btn-primary:hover{

    background: #0B0D0F;

    color: var(--whiteColor);

}

.dt-btn-primary:active{

    background: #0B0D0F !important;

    color: var(--whiteColor) !important;

}





.dt-btn-dark{

    border-radius: 8px;

    background: #0B0D0F;

    padding: 12px 16px;

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px; /* 100% */

    border: none;

    width: fit-content;

    transition: .3s;

}

.dt-btn-dark:hover{

    background: var(--skinColor4);

    color: var(--whiteColor);

}

.dt-btn-dark:active{

    background: var(--skinColor4) !important;

    color: var(--whiteColor) !important;

}



.dt-btn-sm{

    border-radius: 4px;

    padding: 12px 14px;

    font-size: 12px;

    line-height: 100%;

}







.dt-menu-banner-wrap{

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: 100px;

}

.max-w-751px{

    max-width: 751px;

}

.max-w-559px{

    max-width: 559px;

}

.dt-hero-banner-area{

    margin-top: 50px;

    position: relative;

}



 .dt-hero-banner{

    max-width: 946px;

    width: 100%;

    margin: 0 auto;

 }

.dt-customer-support{

    border-radius: 12px;

    border: 0.988px solid #D1E1FF;

    background: linear-gradient(108deg, rgba(255, 255, 255, 0.61) -12.62%, rgba(226, 236, 255, 0.91) 124.71%);

    backdrop-filter: blur(1.9766134023666382px);

    padding: 14px 16px;

    display: flex;

    align-items: center;

    gap: 14px;

    width: 222px;

}

.dt-primary-iconbox{

    border-radius: 8px;

    background: #5B93FF;

    height: 54px;

    width: 54px;

    flex: 0 0 54px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.dt-customer-support .info{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 22px; /* 137.5% */

}

.image-circle-42px{

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

}

.image-circle-42px > img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

}

.dt-setisfied-user-wrap{

    border-radius: 12px;

    border: 0.988px solid #D1E1FF;

    background: linear-gradient(108deg, rgba(255, 255, 255, 0.61) -12.62%, rgba(226, 236, 255, 0.91) 124.71%);

    backdrop-filter: blur(1.9766134023666382px);

    padding: 20px;

    width: 217px;

    margin-bottom: 41px;

}

.dt-setisfied-user-wrap .info{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 22px; /* 137.5% */

}

.dt-setisfied-user-group{

    display: flex;

    align-items: center;

}

.dt-setisfied-user-group li:not(:first-child){

    margin-left: -10.62px;

}

.dt-setisfied-user-more{

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14.166px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14.166px */

    text-transform: capitalize;

    background: #0B0D0F;

    border: 2.19px solid #FFF7F6;

}

.banner-support-user-wrap{

    max-width: 1018px;

    width: 100%;

    margin: 0 auto;

    padding-top: 57px;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}

.dt-select-borderless{

    height: auto;

    line-height: unset;

    color: #060F1A;

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

    padding: 0 20px 0 0;

    border-radius: 0;

    border: none;

    min-width: 135px;

    width: 100%;

    background: transparent;

}

.dt-select-borderless::after{

    border: none;

    background-image: url(../images/icons/angle-down-black-20.svg);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    height: 20px;

    width: 20px;

    right: 0;

    transform: rotate(0deg) translateY(-50%);

    transform-origin: 10px 0;

    margin: 0;

}

.dt-select-borderless.open::after{

    transform: rotate(180deg) translateY(-50%);

}

.dt-select-borderless .list{

    border: none;

    padding: 6px;

    border-radius: 8px;

    background: #FFF;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.dt-select-borderless .option{

    min-height: auto;

    line-height: unset;

    padding: 8px;

    border-radius: 4px;

    color: #5F6164;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.dt-select-borderless .option:hover, 

.dt-select-borderless .option.focus, 

.dt-select-borderless .option.selected.focus {

	background-color: #D1E1FF;

    color: var(--skinColor4);

}

.dt-select-borderless .option.selected {

	font-weight: 400;

}







.dt-banner-search-wrap{

    border-radius: 12px;

    background: #FFF;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 20px;

    width: fit-content;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    bottom: 125px;

}

.dt-banner-search-filters{

    display: flex;

    align-items: center;

    row-gap: 20px;

    column-gap: 40px;

    flex-wrap: wrap;

    justify-content: center;

}

.dt-banner-search-filter{

    /* padding-right: 40px; */

}



.dt-discount-section{

    background: linear-gradient(180deg, #F5F9FF 0%, #E6EFFF 60.62%, #BED4FF 122.76%);

    position: relative;

    z-index: 1;

    overflow-x: clip;

}

.dt-discount-section::after{

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    width: 739px;

    aspect-ratio: 739 / 305;

    background-repeat: no-repeat;

    background-position: center right;

    background-size: contain;

    z-index: -1;

}

.dt-card{

    border-radius: 12px;

    background: linear-gradient(180deg, #F5F9FF 38%, #F2F7FF 100%);

    box-shadow: 0px 13px 18.5px 0px rgba(26, 102, 250, 0.13);

    padding: 24px;

}

.dt-discount-area-card{

    margin-top: -54px;

    padding-bottom: 20px;

}



/* List */

.dt-bordered-list{

    color: #060F1A;

    font-family: 'Inter';

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 20px */

    padding-bottom: 20px;

    border-bottom: 1px solid #CBD6EA;

}

.dt-bordered-list:not(:first-child){

    padding-top: 20px;

}



.dt-discount-details{

    margin-right: -45px;

}

.dt-discount-banner{

    width: 512.798px;

    margin-right: -104px;

    margin-top: 8px;

}

.dt-discount-banner > img{

    width: 100%;

}



.dt-text-primary{

    color: var(--skinColor4) !important;

}



.dt-icontext-link{

    display: flex;

    align-items: flex-start;

    column-gap: 4px;

    color: #060F1A;

    font-family: 'Inter';

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 20px */

    transition: .3s;

}

.dt-icontext-link path{

    transition: .3s;

}

.dt-icontext-link:hover{

    color: var(--skinColor4);

}

.dt-icontext-link:hover path{

    fill: var(--skinColor4);

}



/* Grid */

.dt-grid-card{



}

.dt-grid-card .grid-list-bookmark.gray-bookmark2.active path, 

.dt-grid-card .grid-list-bookmark.gray-bookmark2:hover path {

	fill: var(--skinColor4);

	stroke: var(--skinColor4);

}

.dt-grid-card .docgrid-name-role .name{

    color: #0B0D0F;

}

.dt-grid-card .docgrid-name-role .certified{

    color: #5F6164;

}

.dt-grid-card .doctor-grid-ratings .reviews{

    color: #5F6164;

}

.dt-grid-card .doctorgrid-see-price .prices .time{

    color: #5F6164;

}



.card-light-text.dt-theme-light {

	background: var(--skinColor4);

}

.dt-grid-name-role .name{

    font-family: "SF Pro Display";

}

.single-grid-card:hover .dt-grid-see-price .prices .price {

	color: var(--skinColor4);

}

.dt-sm-btn-primary{

    font-weight: 700;

    background: #0B0D0F;

}

.dt-sm-btn-primary:hover{

    background: var(--skinColor4);

}



.dt-user-card{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    transition: .3s;

    overflow: hidden;

    height: 100%;

}

.dt-user-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);

}

.dt-user-card-img{

    width: 100%;

    border-radius: 12px 12px 0 0;

    display: block;

}

.dt-user-card-img > img{

    width: 100%;

    border-radius: 12px 12px 0 0;

}

.dt-primary-iconbox-circle{

    width: 56px;

    height: 56px;

    flex: 0 0 56px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--skinColor4);

}

.dt-user-card-iconbox{

    margin-top: -43px;

}

.dt-user-card-name{

    color: #0B0D0F;

    font-family: "SF Pro Display";

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px; /* 155.556% */

}

.dt-user-card-name.active{

    padding-right: 16px;

    position: relative;

    width: fit-content;

}

.dt-user-card-name.active:after{

    position: absolute;

    content: "";

    right: 0;

    top: 10px;

    height: 8px;

    width: 8px;

    background: #1CB24F;

    border-radius: 50%;

}

/* Doctor Home Page End ***

*************************/







/* car Home Page Start ***

************************/

/* Buttons */

.ca-btn-dark{

    padding: 12px 24px;

    border-radius: 100px;

    background: #0F0B0B;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

    width: fit-content;

    border: none;

}

.ca-btn-dark:hover{

    color: var(--whiteColor);

    background: var(--skinColor5);

}

.ca-btn-dark:active{

    color: var(--whiteColor) !important;

    background: var(--skinColor5) !important;

}

.car-filter-btn{

    padding: 10px 20px;

    border-radius: 100px;

    background: transparent;

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    transition: .3s;

    width: fit-content;

    border: none;

}

.car-filter-btn.mixitup-control-active,

.car-filter-btn:hover{

    color: var(--whiteColor);

    background: #0F0B0B;

}

.car-filter-btn:active{

    color: var(--whiteColor) !important;

    background: #0F0B0B !important;

}



.ca-btn-white{

    border-radius: 100px;

    background: var(--whiteColor);

    padding: 12px 24px;

    color: #0F0B0B;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

    transition: .3s;

    width: fit-content;

    border: none;

}

.ca-btn-white:hover{

    color: var(--whiteColor);

    background: var(--skinColor5);

}

.ca-btn-white:active{

    color: var(--whiteColor) !important;

    background: var(--skinColor5) !important;

}

.ca-btn-white path{

    transition: .3s;

}

.ca-btn-white:active path,

.ca-btn-white:hover path{

    fill: var(--whiteColor);

}



.ca-btn-sm{

    padding: 10px 16px;

    font-size: 12px;

    font-weight: 700;

    line-height: 16px; /* 133.333% */

}



.ca-btn-outline-dark{

    border-radius: 100px;

    border: 1px solid #0F0B0B;

    padding: 15px 23px;

    color: #0F0B0B;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    transition: .3s;

    width: fit-content;

}

.ca-btn-outline-dark:hover{

    background: #0F0B0B;

    color: var(--whiteColor);

    border-color: #0F0B0B;

}

.ca-btn-outline-dark:active{

    background: #0F0B0B !important;

    color: var(--whiteColor) !important;

    border-color: #0F0B0B !important;

}





/* Font Size */

.ex-title-100px{

    color: #0B0D0F;

    font-family: 'Exo';

    font-size: 100px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 100px */

}

.al-title-18px{

    color: #0F0B0B;

    font-family: "Albert Sans";

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 18px */

}

.ex-title-30px{

    color: #0F0B0B;

    font-family: 'Exo';

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 120%; /* 36px */

}





.car-hero-details{

    padding-top: 63px;

    padding-bottom: 55px;

}

.car-hero-section{

    background-image: url(../images/car/car-hero-shape.svg);

    background-position: center top;

    background-repeat: no-repeat;

    background-size: cover;

}

.car-hero-subtitle{

    margin-top: 30px;

    margin-bottom: 56px;

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 0.8px;

}

.car-search-filters{

    border-radius: 100px;

    background: #0F0B0B;

    padding: 12px 12px 12px 30px;

    width: fit-content;

    margin: 0 auto;

    margin-bottom: 25px;

}

.car-search-filters-wrap{

    display: flex;

    align-items: center;

    justify-content: center;

    column-gap: 30px;

    row-gap: 20px;

    flex-wrap: wrap;

}

.car-filter-selects{

    display: flex;

    align-items: start;

    justify-content: center;

    column-gap: 24px;

    row-gap: 20px;

    flex-wrap: wrap;

}



.ca-select-white{

    height: auto;

    line-height: unset;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

    padding: 0 40px 0 0;

    border-radius: 0;

    border: none;

    width: fit-content;

    background: transparent;

}

.ca-select-white::after{

    border: none;

    background-image: url(../images/icons/angle-down-white-20.svg);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    height: 20px;

    width: 20px;

    right: 0;

    transform: rotate(0deg) translateY(-50%);

    transform-origin: 10px 0;

    margin: 0;

}

.ca-select-white.open::after{

    transform: rotate(180deg) translateY(-50%);

}

.ca-select-white .list{

    border: none;

    padding: 6px;

    border-radius: 8px;

    background: #FFF;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

}

.ca-select-white .option{

    min-height: auto;

    line-height: unset;

    padding: 8px;

    border-radius: 4px;

    color: #5F6164;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.ca-select-white .option:hover, 

.ca-select-white .option.focus, 

.ca-select-white .option.selected.focus {

	background-color: rgba(241, 29, 33, 0.1);

    color: #0B0D0F;

}

.ca-select-white .option.selected {

	font-weight: 400;

}





.car-hero-banner{

    max-width: 1100px;

    width: 100%;

    margin: 0 auto;

    position: relative;

}

.car-hero-banner > img{

    width: 100%;

}



.ca-hero-happy-customers{

    position: absolute;

    right: -30px;

    bottom: 0;

}

.ca-happy-customer-wrap{

    display: flex;

    align-items: center;

}

.ca-happy-customer-wrap > li:not(:first-child){

    margin-left: -14px;

}



.image-circle-52px{

    height: 52px;

    width: 52px;

    flex: 0 0 52px;

    border-radius: 50%;

}

.image-circle-52px > img{

    height: 100%;

    width: 100%;

    border-radius: 50%;

    object-fit: cover;

}



.ca-rating-review{

    color: #5F6164;

    font-family: "Albert Sans";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

}

.ca-rating-review > span{

    color: #0F0B0B;

}



.single-grid-card:hover .cargrid-price-view .prices .ca-new-price {

	/* color: var(--skinColor5); */

	color: #0F0B0B;

}

.grid-list-bookmark.gray-bookmark2.ca-bookmark-hover.active path, 

.grid-list-bookmark.gray-bookmark2.ca-bookmark-hover:hover path {

	fill: var(--skinColor5);

	stroke: var(--skinColor5);

}



.ca-nav-pills{

    gap: 14px;

}



.car-discount-area{

    padding: 41px 40px 53px 40px;

    border-radius: 12px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.ca-discount-subtitle{

    color: var(--whiteColor);

    text-align: center;

    font-family: 'Exo';

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 36px; /* 163.636% */

    letter-spacing: 4.84px;

    text-transform: uppercase;

}

.ca-discount-title{

    color: var(--whiteColor);

    text-align: center;

    font-family: 'Inter';

    font-size: 61px;

    font-style: normal;

    font-weight: 700;

    line-height: 100%; /* 61px */

}

.car-discount-title-wrap{

    margin-bottom: 220px;

}

.ca-text-red{

    color: var(--skinColor5) !important;

}

/* Car Home Page End ***

**********************/







/* Real Estate Home Page Start ***

********************************/

/* Button */

.re-btn-dark{

    border: none;

    transition: .3s;

    width: fit-content;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    background: #14161B;

    padding: 12px 24px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.re-btn-dark:hover{

    background: var(--skinColor6);

    color: var(--whiteColor);

}

.re-btn-dark:active{

    background: var(--skinColor6) !important;

    color: var(--whiteColor) !important;

}



/* Font Size */

.in-title-94px{

    color: var(--whiteColor);

    font-family: "Bomstad Display";

    font-size: 94px;

    font-style: normal;

    font-weight: 600;

    line-height: 110.638%; /* 104px */

}

.in-subtitle3-14px{

    color: #5F6164;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

}

.pop-title-30px{

    color: #0F0B0B;

    font-family: 'Poppins';

    font-size: 30px;

    font-style: normal;

    font-weight: 600;

    line-height: 36px; /* 120% */

}





.max-w-485px{

    max-width: 485px;

}

.min-w-134px{

    min-width: 134px !important;

}



.real-title-certification-wrap{

    column-gap: 30px;

    align-items: center;

    justify-content: space-between;

    padding: 80px 0 80px 0;

}

.real-banner-title-wrap{

    max-width: 887px;

}

.real-certification-img{

    border-radius: 50%;

    filter: drop-shadow(0px 8.35px 39.665px rgba(16, 16, 16, 0.08));

    backdrop-filter: blur(6.262818336486816px);

    margin-top: 64px;

}



.real-banner-pills{

    padding: 8px;

    border-radius: 12px 12px 0px 0px;

    background: var(--whiteColor);

    border-bottom: 1px solid rgba(144, 152, 164, 0.5);

    gap: 2px;

    width: fit-content;

}

.real-banner-pills .nav-link{

    color: #14161B;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    padding: 8px 16px;

}

.real-banner-pills.nav-pills .nav-link.active, 

.real-banner-pills.nav-pills .show > .nav-link {

	color: var(--whiteColor);

	background: #0B0D0F;

}

.real-search-tab-content{

    padding: 20px 24px;

    border-radius: 0px 12px 12px 12px;

    background: var(--whiteColor);

    width: fit-content;

}

.real-search-filter-wrap{

    column-gap: 38px;

    row-gap: 24px;

    flex-wrap: no-wrap;

}

.transparent-nice-select.real-nice-select{

    color: #14161B;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}

.transparent-nice-select.real-nice-select .option:hover, 

.transparent-nice-select.real-nice-select .option.focus, 

.transparent-nice-select.real-nice-select .option.selected.focus {

	background-color: rgba(68, 161, 237, 0.1);

	color: var(--skinColor6);

}

.real-search-filter-border{

    position: relative;

    padding-right: 38px;

}

.real-search-filter-border::after{

    position: absolute;

    content: "";

    right: 0;

    top: 5px;

    width: 1px;

    height: 38px;

    background: rgba(144, 152, 164, 0.5);

}

.real-search-filter-border:last-of-type{

    padding-right: 0;

}

.real-search-filter-border:last-of-type::after{

    display: none;

}



/* Discount */

.real-discount-area{

    padding: 42px 24px;

    border-radius: 12px;

    overflow: hidden;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

}

.real-discount-overlay{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    display: block;

    border-radius: 12px;

    background: rgba(11, 13, 15, 0.60);

    z-index: -2;

}

.real-discount-area::after{

    position: absolute;

    content: "";

    right: 0;

    bottom: 0;

    aspect-ratio: 425 / 268;

    width: 425px;

    background: url(../images/real-estate/re-discount-shape1.svg) no-repeat scroll center center / cover;

    z-index: -2;

    opacity: 0.5;

}

.real-discount-area::before{

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    aspect-ratio: 425 / 268;

    width: 425px;

    background: url(../images/real-estate/re-discount-shape2.svg) no-repeat scroll center center / cover;

    z-index: -1;

    opacity: 0.5;

}

.real-blue-badge{

    width: fit-content;

    border-radius: 8px;

    background: var(--skinColor6);

    padding: 10px 20px;

    color: var(--whiteColor);

}



.bsd-title-66px{

    color: #14161B;

    font-family: "Bomstad Display";

    font-size: 66px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 66px */

}

.real-text-yellow{

    color: #F2D056 !important;

}



.real-btn-white{

    transition: .3s;

    border: none;

    display: inline flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    background: var(--whiteColor);

    padding: 12px 24px;

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.real-btn-white:hover{

    color: var(--whiteColor);

    background: var(--skinColor6);

}

.real-btn-white:active{

    color: var(--whiteColor) !important;

    background: var(--skinColor6) !important;

}



.real-product-count{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    position: relative;

}

.real-product-count > img{

    height: 100%;

    width: 100%;

    border-radius: 12px;

    object-fit: cover;

    transition: .5s;

}

.real-product-count-content{

    position: absolute;

    left: 20px;

    bottom: 20px;

    z-index: 1;

}

.real-product-count::after{

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    width: 100%;

    min-height: 50px;

    max-height: calc(100% - 20px);

    height: calc(50% - 0px);

    background: linear-gradient(0deg, rgba(7, 10, 22, 0.67) 0%, rgba(6, 9, 19, 0.58) 28.81%, rgba(0, 0, 0, 0) 100%);

    border-radius: 12px;

}



.skin6-light{

    background: var(--skinColor6);

}

.skin6-bookmark.grid-list-bookmark.gray-bookmark path {

    fill: transparent;

    stroke: var(--whiteColor);

}

.skin6-bookmark.grid-list-bookmark.gray-bookmark.active path, 

.skin6-bookmark.grid-list-bookmark.gray-bookmark:hover path {

    stroke: var(--skinColor6);

    fill: var(--skinColor6);

}



.real-icontext-link{

    color: #0F0B0B;

    font-family: 'Inter';

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 20px */

    display: inline flex;

    align-items: center;

    gap: 4px;

}

.real-icontext-link:hover{

    color: var(--skinColor6);

}

.real-icontext-link path{

    transition: .3s;

}

.real-icontext-link:hover path{

    fill: var(--skinColor6);

}



/* Grid Details */

.realsh-grid-details .location .info{

    color: #5F6164;

    font-weight: 500;

}

.realsh-grid-details .reals-grid-title .title{

    font-weight: 600;

    color: #0B0D0F;

    font-family: 'Poppins';

}

.realsh-grid-details .reals-grid-title .info{

    color: #5F6164;

}

.realsh-grid-details .reals-bed-bath-sqft .total{

    color: #5F6164;

}

.realsh-grid-details .reals-grid-price-see .prices .new-price {

    font-family: 'Poppins';

    font-weight: 600;

}

.realsh-grid-details .reals-grid-price-see .prices .old-price{

    color: #5F6164;

    font-family: 'Poppins';

    font-weight: 500;

    line-height: 24px;

}

.single-grid-card:hover .realsh-grid-details .reals-grid-price-see .prices .new-price {

    color: var(--skinColor6);

}

.realsn-grid-view.reals-grid-view {

    background: rgba(244, 245, 247, 1);

}

.realsn-grid-view.reals-grid-view:hover {

    background: rgba(68, 161, 237, 0.16);

}

.realsn-grid-view.reals-grid-view:hover path {

    fill: var(--skinColor6);

}

/* Real Estate Home Page End ***

******************************/







/* All Home Page Header Start ***

*******************************/

.at-home-menu-wrap{

    display: flex;

    align-items: center;

    justify-content: space-between;

    column-gap: 16px;

    padding: 8px 0px;

}

.at-home-menu-button{

    display: flex;

    align-items: center;

    column-gap: 65px;

    transition: 400ms;

}

.at-home-navbar-nav{

    display: flex;

    align-items: center;

    column-gap: 24px;

}

.at-home-nav-link{

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    transition: .3s;

    padding: 16px 0;

}

.at-home-nav-link.active,

.at-home-nav-link:hover{

    color: var(--themeColor);

}



/* Home Dropdown Menu */

.atn-nav-item-sub{

    position: relative;

}

.atn-nav-link-drop{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 8px;

    position: absolute;

    left: -17px;

    top: calc(100% + 5px);

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

    transition: .3s;

    z-index: 2;

}

.atn-nav-link-drop > li:not(:last-child){

    margin-bottom: 8px;

}

@media all and (min-width: 1200px){

    .atn-nav-link-drop{

        display: block !important;

    }

}

.atn-sub-nav-link{

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 16px */

    padding: 8px;

    border-radius: 6px;

    width: 100%;

    transition: .3s;

    min-width: 168px;

}

.atn-sub-nav-link.active,

.atn-sub-nav-link:hover{

    color: var(--darkColor);

}

.atn-nav-item-sub:hover .atn-nav-link-drop{

    top: calc(100% + 0px);

    visibility: visible;

    opacity: 1;

    pointer-events: auto;

}











.at-home-search-login-button{

    display: flex;

    align-items: center;

    column-gap: 14px;

}





/* Home Page Search */

.at-home-nav-search{

    padding-right: 14px;

    position: relative;

}

.at-home-nav-search::after{

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: #CECECE;

}

.at-home-search-input {

    background-color: transparent;

    background-image: url(../images/icons/bt-search-gray-20.svg);

    background-position: calc(100% - 0px) calc(50% - 0px);

    background-repeat: no-repeat;

    background-size: 20px 20px;

    border: none;

    cursor: pointer;

    padding: 10px 10px 10px 15px;

    border-radius: 8px;

    position: relative;

    -webkit-transition: width 400ms ease, background 400ms ease;

    transition:         width 400ms ease, background 400ms ease;

    width:0px;

    height: 40px;

    

    color: #81797A;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

}

.at-home-search-input::placeholder{

    color: #81797A;

    opacity: 1;

}

.at-home-search-input.highlighted,

.at-home-search-input:focus {

    background-color: transparent;

    border: 1px solid #D9D9DF;

    cursor: text;

    outline: 0;

    width: 288px;

    color: #81797A;

    opacity: 1;

    padding: 13px 38px 13px 11px;

    margin-left: 5px;

    background-position: calc(100% - 10px) calc(50% - 0px);

}

.at-home-nav-label{

    position: relative;

}

.at-home-search-btn{

    height: 32px;

    width: 32px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #1C080C;

    transition: .3s;

    border: none;

    position: absolute;

    right: 4px;

    top: 4px;

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

    transition: 400ms ease;

}

.at-home-search-btn:hover{

    background: var(--themeColor);

}

.at-home-search-input.highlighted ~ .at-home-search-btn,

.at-home-search-input:focus ~ .at-home-search-btn{

    visibility: visible;

    opacity: 1;

    pointer-events: auto;

}





/* clears the ‘X’ from Internet Explorer */

.at-home-nav-searc input[type=search]::-ms-clear { display: none; width : 0; height: 0; }

.at-home-nav-searc input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */

.at-home-nav-searc input[type="search"]::-webkit-search-decoration,

.at-home-nav-searc input[type="search"]::-webkit-search-cancel-button,

.at-home-nav-searc input[type="search"]::-webkit-search-results-button,

.at-home-nav-searc input[type="search"]::-webkit-search-results-decoration { display: none; }

.at-home-nav-searc input:-webkit-autofill,

.at-home-nav-searc input:-webkit-autofill:focus {

    transition: background-color 600000s 0s, color 600000s 0s;

}

.at-home-nav-searc input[data-autocompleted] {

    background-color: transparent !important;

}



.at-home-login{

    padding: 16px 0;

    color: var(--darkColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 16px */

    transition: .3s;

    margin-right: 10px;

}

.at-home-login:hover{

    color: var(--themeColor);

}



/* When search focus */

.at-home-listing-btn{

    width: max-content !important;

}

.at-home-menu-button:has(.at-home-search-input.highlighted),

.at-home-menu-button:has(.at-home-search-input:focus),

.search-focus-active .at-home-menu-button{

    padding-left: 16px;

    position: relative;

    column-gap: 24px;

    transition: width 400ms ease, background 400ms ease;

}

.at-home-menu-button:has(.at-home-search-input.highlighted)::after,

.at-home-menu-button:has(.at-home-search-input:focus)::after,

.search-focus-active .at-home-menu-button::after{

    position: absolute;

    content: "";

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 26px;

    background: rgba(28, 8, 12, 0.27);

    transition: .3s;

}







.at-home-menu-btn{

    padding: 5px;

	border-radius: 3px;

	border: 1px solid var(--themeColor);

	background: transparent;

	transition: .3s;

}

.at-home-menu-btn:hover{

	border: 1px solid var(--themeColor);

	background: var(--themeColor);

}

.at-home-menu-btn:active{

	border: 1px solid var(--themeColor) !important;

	background: var(--themeColor) !important;

}

.at-home-menu-btn svg{

	display: block;

}

.at-home-menu-btn path{

	transition: .3s;

    fill: var(--themeColor);

}

.at-home-menu-btn:hover path{

	fill: var(--whiteColor);

}





/* For Beauty Home Header */

.bt-home-navbar-nav .at-home-nav-link{

    color: #0C0B0B;

    font-family: "Euclid Circular B";

}

.bt-home-navbar-nav .at-home-nav-link.active,

.bt-home-navbar-nav .at-home-nav-link:hover{

    color: var(--skinColor3);

}

.bt-home-login{

    color: #1C080C;

    font-family: "Euclid Circular B";

}

.bt-home-login:hover{

    color: var(--skinColor3);

}

.bt-home-search-btn:hover{

    background: var(--skinColor3);

}

.bt-home-menu-btn{

    border-color: var(--skinColor3);

}

.bt-home-menu-btn path{

    fill: var(--skinColor3);

}

.bt-home-menu-btn:hover{

    border-color: var(--skinColor3);

    background: var(--skinColor3);

}

.bt-home-menu-btn:active{

    border-color: var(--skinColor3) !important;

    background: var(--skinColor3) !important;

}

.bt-home-nav-search::after{

    background: rgba(206, 206, 206, 1);

}

.bt-home-menu-wrap .at-home-menu-button:has(.at-home-search-input.highlighted)::after, 

.bt-home-menu-wrap .at-home-menu-button:has(.at-home-search-input:focus)::after, 

.bt-home-menu-wrap.search-focus-active .at-home-menu-button::after {

	background: rgba(206, 206, 206, 1);

}

.bt-nav-link-drop .atn-sub-nav-link{

    color: #8A8A8A;

}

.bt-nav-link-drop .atn-sub-nav-link.active,

.bt-nav-link-drop .atn-sub-nav-link:hover{

    color: #1A0909;

}

.bt-home-menu-button .user-dropdown-item{

    color: #8A8A8A;

}

.bt-home-menu-button .user-dropdown-item:hover{

    color: #1A0909;

}

/* .bt-home-menu-button .user-dropdown-item:hover path{

    fill: #1A0909;

} */





/* For Restaurant Home Page */

.rt-home-navbar-nav .at-home-nav-link{

    color: #1C080C;

    font-weight: 400;

    line-height: 24px;

}

.rt-home-navbar-nav .at-home-nav-link.active,

.rt-home-navbar-nav .at-home-nav-link:hover{

    color: var(--skinColor2);

}

.rt-home-login{

    color: #1C080C;

    font-weight: 400;

    line-height: 24px;

}

.rt-home-login:hover{

    color: var(--skinColor2);

}

.rt-home-search-input{

    background-image: url(../images/icons/rt-search-gray-20.svg);

}

.rt-home-search-btn:hover{

    background: var(--skinColor2);

}

.rt-home-menu-btn{

    border-color: var(--skinColor2);

}

.rt-home-menu-btn path{

    fill: var(--skinColor2);

}

.rt-home-menu-btn:hover{

    border-color: var(--skinColor2);

    background: var(--skinColor2);

}

.rt-home-menu-btn:active{

    border-color: var(--skinColor2) !important;

    background: var(--skinColor2) !important;

}

.rt-home-nav-search::after{

    background: rgba(28, 8, 12, 0.27);

}

.search-focus-active .rt-home-menu-button.at-home-menu-button::after{

    background: rgba(28, 8, 12, 0.27);

}

.rt-nav-link-drop .atn-sub-nav-link{

    color: #81797A;

}

.rt-nav-link-drop .atn-sub-nav-link.active,

.rt-nav-link-drop .atn-sub-nav-link:hover{

    color: #1C080C;

}

.rt-home-menu-button .user-dropdown-item{

    color: #81797A;

}

.rt-home-menu-button .user-dropdown-item.active,

.rt-home-menu-button .user-dropdown-item:hover{

    color: #1C080C;

}

/* .rt-home-menu-button .user-dropdown-item.active path,

.rt-home-menu-button .user-dropdown-item:hover path{

    fill: #1C080C;

} */





/* For Hotel Home Page */

.ht-header-banner-wrap{

    background-color: #06242d !important;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.ht-home-header{

    position: relative;

    z-index: 1;

}

.ht-home-header::after{

    position: absolute;

    content: "";

    background: rgba(6, 26, 24, 0.58);

    backdrop-filter: blur(4px);

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

}

.ht-home-login{

    color: var(--whiteColor);

    font-weight: 400;

    line-height: 24px;

}

.ht-home-login:hover{

    color: #2469D0;

}

.ht-home-search-input{

    background-image: url(../images/icons/ht-search-white-20.svg);

}

.ht-home-navbar-nav .at-home-nav-link{

    color: var(--whiteColor);

    font-weight: 400;

    line-height: 24px;

}

.ht-home-navbar-nav .at-home-nav-link.active,

.ht-home-navbar-nav .at-home-nav-link:hover{

    color: #2469D0;

}

.ht-home-nav-search::after{

    background: rgba(255, 255, 255, 0.27);

}

.ht-home-header .at-home-menu-button:has(.at-home-search-input.highlighted)::after, 

.ht-home-header .at-home-menu-button:has(.at-home-search-input:focus)::after, 

.ht-home-header .search-focus-active .at-home-menu-button::after {

	background: rgba(255, 255, 255, 0.27);

}

.ht-home-search-input::placeholder,

.ht-home-search-input:focus,

.ht-home-search-input{

    color: var(--whiteColor);

}

.ht-home-search-btn{

    background: #124797;

}

.ht-home-search-btn:hover{

    background: #2f7ff9;

}

.ht-home-menu-btn{

    border-color: #124797;

    background: #124797;

}

.ht-home-menu-btn:hover{

    border-color: #2f7ff9;

    background: #2f7ff9;

}

.ht-home-menu-btn:active{

    border-color: #2f7ff9 !important;

    background: #2f7ff9 !important;

}

.ht-home-menu-btn path{

    fill: var(--whiteColor);

}

.ht-home-menu-btn:hover path{

    fill: var(--whiteColor);

}

.ht-nav-link-drop .atn-sub-nav-link{

    color: #706c6c;

}

.ht-nav-link-drop .atn-sub-nav-link.active,

.ht-nav-link-drop .atn-sub-nav-link:hover{

    color: #060F1A;

}

.ht-home-menu-button .user-dropdown-item{

    color: #706c6c;

}

.ht-home-menu-button .user-dropdown-item:hover{

    color: #060F1A;

}

/* .ht-home-menu-button .user-dropdown-item:hover path{

    fill: #060F1A;

} */





/* For Doctor Home Page Header */

.dt-home-login{

    color: #0B0D0F;

}

.dt-home-login:hover{

    color: var(--skinColor4);

}

.dt-home-search-input{

    background-image: url(../images/icons/dt-search-gray-20.svg);

}

.dt-home-navbar-nav .at-home-nav-link{

    color: #0B0D0F;

}

.dt-home-navbar-nav .at-home-nav-link.active,

.dt-home-navbar-nav .at-home-nav-link:hover{

    color: var(--skinColor4);

}

.dt-home-nav-search::after{

    background: rgba(28, 8, 12, 0.28);

}

.search-focus-active .dt-home-menu-button.at-home-menu-button::after{

    background: rgba(28, 8, 12, 0.28);

}

.dt-home-search-btn{

    background: #0B0D0F;

}

.dt-home-search-btn:hover{

    background: var(--skinColor4);

}



.dt-home-menu-btn{

    border-color: var(--skinColor4);

}

.dt-home-menu-btn:hover{

    border-color: var(--skinColor4);

    background: var(--skinColor4);

}

.dt-home-menu-btn:active{

    border-color: var(--skinColor4) !important;

    background: var(--skinColor4) !important;

}

.dt-home-menu-btn path{

    fill: var(--skinColor4);

}

.dt-home-menu-btn:hover path{

    fill: var(--whiteColor);

}

.dt-nav-link-drop .atn-sub-nav-link{

    color: #5F6164;

}

.dt-nav-link-drop .atn-sub-nav-link.active,

.dt-nav-link-drop .atn-sub-nav-link:hover{

    color: #0B0D0F;

}

.dt-home-menu-button .user-dropdown-item{

    color: #5F6164;

}

.dt-home-menu-button .user-dropdown-item:hover{

    color: #0B0D0F;

}

.dt-home-menu-button .user-dropdown-item:hover path{

    fill: #0B0D0F;

}





/* For car Home Page Header */

.ca-home-login{

    color: #0B0D0F;

    font-weight: 400;

}

.ca-home-login:hover{

    color: var(--skinColor5);

}

.ca-home-search-input{

    background-image: url(../images/icons/dt-search-gray-20.svg);

}

.ca-home-navbar-nav .at-home-nav-link{

    color: #0B0D0F;

}

.ca-home-navbar-nav .at-home-nav-link.active,

.ca-home-navbar-nav .at-home-nav-link:hover{

    color: var(--skinColor5);

}

.ca-home-nav-search::after{

    background: rgba(28, 8, 12, 0.28);

}

.search-focus-active .ca-home-menu-button.at-home-menu-button::after{

    background: rgba(28, 8, 12, 0.28);

}

.ca-home-search-btn{

    background: #0B0D0F;

}

.ca-home-search-btn:hover{

    background: var(--skinColor5);

}



.ca-home-menu-btn{

    border-color: var(--skinColor5);

}

.ca-home-menu-btn:hover{

    border-color: var(--skinColor5);

    background: var(--skinColor5);

}

.ca-home-menu-btn:active{

    border-color: var(--skinColor5) !important;

    background: var(--skinColor5) !important;

}

.ca-home-menu-btn path{

    fill: var(--skinColor5);

}

.ca-home-menu-btn:hover path{

    fill: var(--whiteColor);

}

.car-nav-link-drap .atn-sub-nav-link{

    color: #5F6164;

}

.car-nav-link-drap .atn-sub-nav-link.active,

.car-nav-link-drap .atn-sub-nav-link:hover{

    color: #0B0D0F;

}

.ca-home-menu-button .user-dropdown-item{

    color: #5F6164;

}

.ca-home-menu-button .user-dropdown-item:hover{

    color: #0B0D0F;

}

/* .ca-home-menu-button .user-dropdown-item:hover path{

    fill: #0B0D0F;

} */





/* Real Estate home page header */

.real-header-banner-wrap {

	background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 20px 0 60px 0;

    background-color: #5faff0;

}



.real-home-header{

    position: relative;

    z-index: 1;

}

.real-home-menu-wrap{

    border-radius: 12px;

    border: 1px solid rgba(255, 255, 255, 0.13);

    padding: 18px;

    position: relative;

    z-index: 1;

}

.real-home-menu-wrap::after{

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background: rgba(255, 255, 255, 0.90);

    backdrop-filter: blur(4px);

    border-radius: 12px;

    z-index: -1;

}

.real-home-navbar-nav .at-home-nav-link{

    color: #14161B;

    font-weight: 400;

}

.real-home-navbar-nav .at-home-nav-link.active{

	color: #14161B;

    font-weight: 600;

}

.real-home-navbar-nav .at-home-nav-link:hover {

	color: #14161B;

}

.real-home-navbar-nav .atn-sub-nav-link{

    color: #5F6164;

}

.real-home-navbar-nav .atn-sub-nav-link:hover{

    color: #14161B;

}

.real-home-login{

    color: #14161B;

}

.real-home-login:hover{

    color: #14161B;

}

.real-home-menu-wrap .at-home-nav-search::after {

	background: rgba(28, 8, 12, 0.28);

}

.real-home-menu-wrap .at-home-search-btn{

    background: #14161B;

}

.real-home-menu-wrap .at-home-search-btn:hover{

    background: var(--skinColor6);

}

.real-home-search-input{

    background-image: url(../images/icons/re-search-dark-20.svg);

}

.real-user-dropdown .user-dropdown-item:hover{

    color: #14161B;

}

.real-user-dropdown .user-dropdown-item:hover path{

    fill: #14161B;

}

.re-home-menu-btn path{

    fill: var(--whiteColor);

}

.re-home-menu-btn{

    border-color: #14161B;

    background: #14161B;

}

.re-home-menu-btn:hover{

    border-color: var(--skinColor6);

    background: var(--skinColor6);

}

/* All Home Page Header End ***

*****************************/







/* All Home Page Footer Start ***

*******************************/

.at-footer-top-area{

    padding: 36px 0;

}

.at-footer-top-details .title{

    color: var(--whiteColor);

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 133.333%; /* 32px */

}

.at-footer-top-details .info{

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.at-footer-input-wrap input{

    color: var(--grayColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; 

    padding: 13px 112px 13px 24px;

}

.at-footer-input-wrap button{

    text-align: center;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    padding: 13px 22px;

    height: 44px;

    transform: translateY(0%);

    top: 3px;

}

.at-footer-middle-nav .title{

    color: var(--whiteColor);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 155.556%; /* 28px */

}

.at-footer-middle-nav ul li a{

    color: var(--whiteColor);

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px; /* 112.5% */

}

.at-footer-bottom-area{

    padding: 20px 0 13px 0;

}

.at-footer-bottom-wrap .info{

    color: var(--whiteColor);

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.at-footer-bottom-social{

    column-gap: 19px;

}



/* For beauty home footer */

.bt-footer-section{

    background: #060C19;

}

.bt-footer-top-details .info{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.bt-footer-top-details .title{

    font-family: "Euclid Circular B";

}

.bt-footer-input-wrap input{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.bt-footer-input-wrap input::placeholder{

    color: #8A8A8A;

}

.bt-footer-input-wrap button{

    font-family: "Euclid Circular B";

    background: var(--skinColor3);

}

.bt-footer-input-wrap button:hover{

    background: #0C0B0B;

}

.bt-footer-middle-nav .title{

    font-family: "Euclid Circular B";

}

.bt-footer-middle-nav ul li a{

    font-family: "Euclid Circular B";

}

.bt-footer-middle-nav ul li a:hover{

    color: var(--skinColor3);

}

.bt-footer-bottom-wrap .info{

    font-family: "Euclid Circular B";

}

.bt-footer-bottom-social ul li a:hover path {

	fill: var(--skinColor3);

}





/* For Restaurant home footer */

.rt-footer-section{

    background: #100407;

}

.rt-footer-input-wrap input::placeholder{

    color: rgba(135, 125, 127, 0.70);

}

.rt-footer-middle-nav ul li a:hover{

    color: var(--skinColor2);

}

.rt-footer-input-wrap button{

    background: var(--skinColor2);

    top: 3.5px;

}

.rt-footer-input-wrap button:hover{

    background: #1C080C;

}

.rt-footer-bottom-social ul li a:hover path {

	fill: var(--skinColor2);

}





/* For Hotel home footer */

.ht-footer-section{

    background: #060C19;

}

.ht-footer-input-wrap input::placeholder{

    color: rgba(121, 132, 132, 0.70);

}

.ht-footer-input-wrap button{

    background: #124797;

    top: 50%;

    transform: translateY(-50%);

}

.ht-footer-input-wrap button:hover{

    background: #2f7ff9;

}

.ht-footer-middle-nav ul li a:hover{

    color: #2f7ff9;

}

.ht-footer-bottom-social ul li a:hover path {

	fill: #2f7ff9;

}





/* For Real Estate home footer */

.real-footer-section{

    background: #0B0D0F;

}

.real-footer-input-wrap input::placeholder{

    color: rgba(135, 125, 127, 0.70);

}

.real-footer-input-wrap button{

    background: var(--skinColor6);

}

.real-footer-input-wrap button:hover{

    background: #0B0D0F;

}

.real-footer-middle-nav ul li a:hover{

    color: var(--skinColor6);

}

.real-footer-bottom-social ul li a:hover path {

	fill: var(--skinColor6);

}





/* For doctor home footer */

.dt-footer-section{

    background: #0B0D0F;

}

.dt-footer-top-details .info{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.dt-footer-input-wrap input{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.dt-footer-input-wrap input::placeholder{

    color: #8A8A8A;

}

.dt-footer-input-wrap button{

    font-family: "Euclid Circular B";

    background: var(--skinColor4);

}

.dt-footer-input-wrap button:hover{

    background: #0B0D0F;

}

.dt-footer-middle-nav .title{

    font-family: "Euclid Circular B";

}

.dt-footer-middle-nav ul li a{

    font-family: "Euclid Circular B";

}

.dt-footer-middle-nav ul li a:hover{

    color: var(--skinColor4);

}

.dt-footer-bottom-wrap .info{

    font-family: "Euclid Circular B";

}

.dt-footer-bottom-social ul li a:hover path {

	fill: var(--skinColor4);

}





/* For car home footer */

.ca-footer-section{

    background: #0F0B0B;

}

.ca-footer-top-details .info{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.ca-footer-input-wrap input{

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.ca-footer-input-wrap input::placeholder{

    color: #8A8A8A;

}

.ca-footer-input-wrap button{

    font-family: "Euclid Circular B";

    background: var(--skinColor5);

}

.ca-footer-input-wrap button:hover{

    background: #0F0B0B;

}

.ca-footer-middle-nav ul li a{

    font-family: "Euclid Circular B";

}

.ca-footer-middle-nav ul li a:hover{

    color: var(--skinColor5);

}

.ca-footer-bottom-wrap .info{

    font-family: "Euclid Circular B";

}

.ca-footer-bottom-social ul li a:hover path {

	fill: var(--skinColor5);

}







/* All Home Page Footer End ***

*****************************/







/* Agent & Customer Panel Page Start ***

**************************************/

/* Header Start */

.ca-panel-header .at-home-navbar-nav .at-home-nav-link{

    color: #5F6164;

}

.ca-panel-header .at-home-navbar-nav .at-home-nav-link.active, 

.ca-panel-header .at-home-navbar-nav .at-home-nav-link:hover {

	color: #0F0B0B;

}

.ca-panel-header .atn-sub-nav-link{

    color: #5F6164;

}

.ca-panel-header .atn-sub-nav-link.active, 

.ca-panel-header .atn-sub-nav-link:hover {

	color: #0B0D0F;

}

.ca-panel-header .at-home-login {

	color: #0B0D0F;

    font-weight: 400;

}

.ca-panel-header .at-home-login:hover {

	color: #0F0B0B;

}

.cap-home-search-btn{

    background: #0F0B0B;

}

.cap-home-search-btn:hover{

    background: #242D47;

}

.cap-btn-dark{

    border: none;

    width: fit-content;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 12px 24px;

    border-radius: 100px;

    background: #0F0B0B;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.cap-btn-dark:hover{

    background: #242D47;

    color: var(--whiteColor);

}

.cap-btn-dark:active{

    background: #242D47 !important;

    color: var(--whiteColor) !important;

}

.cap-home-menu-btn{

    background: #0F0B0B;

    border-color: #0F0B0B;

}

.cap-home-menu-btn:hover{

    background: #242D47;

    border-color: #0F0B0B;

}

.cap-home-menu-btn:active{

    background: #242D47 !important;

    border-color: #0F0B0B !important;

}

.cap-home-menu-btn path {

	fill: var(--whiteColor);

}

.ca-panel-header .user-dropdown-item {

	color: #737B86;

}

.ca-panel-header .user-dropdown-item:hover {

	color: #0B0D0F;

}

.ca-panel-header .user-dropdown-item:hover path{

	fill: #0B0D0F;

}

.ca-panel-header .at-home-nav-search::after {

	background: rgba(28, 8, 12, 0.28);

}



/* Header End */



/* Main */

.in-title-24px{

    color: #1E1E1E;

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: 133.333%; /* 32px */

}

.in-title-20px{

    color: #0B162D;

    font-family: 'Inter';

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 140%; /* 28px */

}

.in2-title-18px{

    color: #0B162D;

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 28px; /* 155.556% */

}

.ca-title-14px{

    color: #0B162D;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px; /* 142.857% */

}

.ca-subtitle-14px{

    color: #909090;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

}

.ca-subtitle-12px{

    color: #909090;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; /* 133.333% */

}

/* update */

.in-title-14px{

    color: #242D47;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px; /* 14px */

}

.in-title-16px{

    color: #242D47;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px; /* 16px */

}

/* .in-title-18px{



} */

.in-subtitle2-14px{

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px; /* 14px */

}

.in-subtitle-12px{

    color: #4B5675;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px; /* 12px */

}





.ca-text-dark{

    color: #242D47 !important;

}

.ca-text-secondary{

    color: #909090 !important;

}

.cap-border-bottom{

    border-bottom: 1px solid #DBDFEB;

}



.ca-wraper-main{

    margin-top: 6px;

}

.ca-offcanvas{

    padding: 20px 12px;

    overflow: hidden;

    border-radius: 12px;

    background: var(--whiteColor) !important;

    box-shadow: 0px 4px 40px 0px rgba(11, 11, 12, 0.07);

}

.ca-offcanvas-header{

    padding: 0;

    position: relative;

}

.ca-btn-close{

    position: absolute;

    right: 8px;

    top: 8px;

    margin: 0 !important;

    height: 16px;

    width: 16px;

    background-size: 13px;

}

.ca-btn-close:focus{

    box-shadow: none;

}

.circle-img-110px{

    height: 110px;

    width: 110px;

}

.circle-img-110px > img{

    height: 100%;

    width: 100%;

    border-radius: 50%;

    object-fit: cover;

}

.circle-img-50px{

    height: 50px;

    width: 50px;

    flex: 0 0 50px;

    border-radius: 50%;

}

.circle-img-50px > img{

    height: 100%;

    width: 100%;

    border-radius: 50%;

    object-fit: cover;

}

.cap-sidebar-title{

    margin-left: 11px;

}

.sidebar-nav-item:not(:last-child){

    margin-bottom: 2px;

}

.sidebar-nav-link{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 8px;

    color: #4B5675;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    border-radius: 8px;

    padding: 8px 10px;

}

.sidebar-nav-link svg{

    display: block;

    min-width: 18px;

}

.sidebar-nav-link path{

    transition: .3s;

}

.badge-secondary{

    color: #7C7C7C;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px; /* 133.333% */

    width: 20px;

    flex: 0 0 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(217, 217, 217, 0.48);

    border-radius: 50%;

    padding-left: 1px;

    padding-bottom: 1px;

    transition: .3s;

}

.sidebar-nav-link.active,

.sidebar-nav-link:hover{

    color: #242D47;

    background: #F7F8FA;

}

.sidebar-nav-link.active path,

.sidebar-nav-link:hover path{

    stroke: #242D47;

}

.sidebar-nav-link.active .badge-secondary,

.sidebar-nav-link:hover .badge-secondary{

    background: var(--whiteColor);

}

/* Dropdown */

.sidebar-nav-link-sub{

    padding-right: 30px;

    position: relative;

}

.sidebar-nav-link-sub::after{

    position: absolute;

    content: "";

    right: 10px;

    top: 9px;

    height: 16px;

    width: 16px;

    background: url(../images/icons/angle-down-black-16.svg) no-repeat scroll center center / cover;

    transition: .3s;

}

.sidebar-nav-item-sub.active .sidebar-nav-link-sub::after{

    transform: rotate(180deg);

}

.sidebar-dropdown-menu{

    padding-top: 8px;

    padding-left: 30px;

    padding-bottom: 6px;

    display: none;

}

.sidebar-drop-nav-link{

    width: 100%;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    transition: .3s;

    position: relative;

    padding-left: 8px;

}

.sidebar-drop-nav-link:hover{

    color: #242D47;

}

.sidebar-drop-nav-link::after{

    position: absolute;

    content: "";

    left: 0;

    top: 5px;

    height: 4px;

    width: 4px;

    border-radius: 50%;

    background: #99A1B7;

    transition: .3s;

}

.sidebar-drop-nav-link:hover::after{

    background: #242D47;

}

.sidebar-dropdown-menu > li:not(:last-child){

    margin-bottom: 12px;

}



.cap-btn-primary{

    border-radius: 8px;

    background: #242D47;

    padding: 11px 24px;

    border: none;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: fit-content;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

}

.cap-btn-primary:hover{

    background: #0F0B0B;

    color: var(--whiteColor);

}

.cap-btn-primary:active{

    background: #0F0B0B !important;

    color: var(--whiteColor) !important;

}



.cap2-btn-primary{

    border-radius: 8px;

    background: #242D47;

    padding: 14px 20px;

    border: none;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: fit-content;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 16px */

}

.cap2-btn-primary span svg{

    fill: #fff;

}

.cap2-btn-primary:hover{

    background: #0F0B0B;

    color: var(--whiteColor);

}

.cap2-btn-primary:active{

    background: #0F0B0B !important;

    color: var(--whiteColor) !important;

}



.ca-content-card{

    border-radius: 12px;

	background: var(--whiteColor);

	box-shadow: 0px 4px 40px 0px rgba(11, 11, 12, 0.07);

	padding: 25px;

}

.ca-menu-btn-primary{

    border-radius: 4px;

    border: 1px solid #DBDFEB;

    padding: 0;

    height: 32px;

    height: 32px;

    min-width: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ca-menu-btn-primary:hover{

    border-color: #242D47;

    background: #242D47;

}

.ca-menu-btn-primary:active{

    border-color: #242D47 !important;

    background: #242D47 !important;

}

.ca-menu-btn-primary:focus{

    box-shadow: none;

}

.ca-menu-btn-primary svg{

    width: 20px;

}

.ca-menu-btn-primary path{

    transition: .3s;

}

.ca-menu-btn-primary:hover path{

    fill: var(--whiteColor);

}

/* Bread crumb */

.cap-breadcrumb{

    margin-bottom: 0;

}

.cap-breadcrumb-item{

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

}

.cap-breadcrumb-item:hover,

.cap-breadcrumb-item.active{

    color: #0A1017;

}

.cap-breadcrumb-item + .cap-breadcrumb-item {

	padding-left: 4px;

}

.cap-breadcrumb-item + .cap-breadcrumb-item::before {

	padding-right: 4px;

	color: #0A1017;

}

/* Table 1 */

.ca-table.table{

    margin-bottom: 0;

}

.ca-table.table>:not(caption)>*>*{

    padding: 0;

    border-color: #D2D2D2;

}

.table > tbody.ca-tbody {

	vertical-align: middle;

}

.ca-tbody th,

.ca-tbody td{

    border-style: solid;

}

.ca-tr > th:not(:first-child),

.ca-tr > td:not(:first-child){

    padding-left: 10px;

}

.ca-tr > th:not(:last-child),

.ca-tr > td:not(:last-child){

    padding-right: 10px;

}

.ca-thead > .ca-tr > th{

    padding-bottom: 16px;

}

.ca-tbody > .ca-tr:not(:last-child) > td{

    padding-bottom: 12px;

}

.ca-tbody > .ca-tr > td{

    padding-top: 12px;

}

.ca-tbody > .ca-tr:last-child > td{

    border-bottom: 0;

}

.sm2-banner-wrap{

    width: 85px;

    min-width: 85px;

    height: 60px;

}

.sm2-banner-wrap > img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 4px;

}



.min-w-110px{

    min-width: 110px;

}

.min-w-140px{

    min-width: 140px;

}



/* Table 2  */

.badge-secondary-light{

    padding: 5px 10px;

    border-radius: 4px;

    background: #F7F8FA;

    color: #4B5675;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    width: max-content;

}

.badge-success-light{

    color: #17C653;

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    padding: 5px 10px;

    border-radius: 4px;

    background: #E3F8EA;

    width: max-content;

}

.badge-primary-light{

    color: #00A3FF;

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    padding: 5px 10px;

    border-radius: 4px;

    background: #EDF9FF;

    width: max-content;

}

.badge-danger-light{

    color: #F8285A;

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    padding: 5px 10px;

    border-radius: 4px;

    background: rgba(244, 46, 86, 0.13);

    width: max-content;

}

.badge-dark{

    color: var(--whiteColor);

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; 

    padding: 5px 10px;

    border-radius: 4px;

    background: #242D47;

    width: max-content;

}







/* Dropdown */

.at-dropdown-icon-btn{

    padding: 0;

    border: none;

    height: 24px;

    width: 24px;

    flex: 24px;

    border-radius: 50%;

    background: #F7F8FA;

    display: flex;

    align-items: center;

    justify-content: center;

}

.at-dropdown-icon-btn::after{

    display: none;

}

.at-dropdown-icon-btn:hover{

    background: #EBEEF4;

}

.at-dropdown-icon-btn:active{

    background: #EBEEF4 !important;

}

.at-dropdown-icon-btn.show{

    background: #EBEEF4;

}

.at-dropdown-menu{

    border-radius: 4px;

    background: var(--whiteColor);

    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 6px;

    border: none;

    min-width: 126px;

}

.at-dropdown-menu .dropdown-item{

    border-radius: 2px;

    padding: 6px 10px;

    color: #909090;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.at-dropdown-menu .dropdown-item:hover{

    background: #EBEEF4;

}

.at-dropdown-menu .dropdown-item:active{

    background: #EBEEF4;

}





.ca-dropdown-btn-secondary{

    padding: 8px 20px;

    border-radius: 4px;

    background: #EBEEF4;

    color: #909090;

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px; 

    letter-spacing: -0.24px;

    border: none;

}

.ca-dropdown-btn-secondary:hover{

    background: #909090;

    color: var(--whiteColor);

}

.ca-dropdown-btn-secondary:active{

    background: #909090 !important;

    color: var(--whiteColor) !important;

}

.ca-dropdown-btn-secondary.show{

    background: #909090;

    color: var(--whiteColor);

}

.ca-dropdown-btn-secondary::after{

    border: none;

    width: 6px;

    height: 6px;

    border: 1.5px solid;

    transform: rotate(45deg);

    border-top: 0;

    border-left: 0;

    border-radius: 1px;

    margin-left: .255em;

}

.ca-dropdown-menu{

    border-radius: 4px;

    background: var(--whiteColor);

    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 6px;

    border: none;

    min-width: 126px;

}

.ca-dropdown-menu .dropdown-item{

    border-radius: 2px;

    padding: 6px 10px;

    color: #909090;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.ca-dropdown-menu .dropdown-item:hover{

    background: #EBEEF4;

}

.ca-dropdown-menu .dropdown-item:active{

    background: #EBEEF4;

}



/* Select */

.sm-secondary-niceselect{

    height: auto;

    line-height: inherit;

    border: none;

    width: max-content;

    border-radius: 8px;

    background: #EBEEF4;

    padding: 12px 34px 12px 14px;

    color: #909090;

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

}

.sm-secondary-niceselect::after{

    border: none;

    transform: rotate(0deg) translateY(-50%);

    margin: 0;

    height: 5px;

    width: 10px;

    right: 14px;

    top: 50%;

    background-size: 10px 5px;

    background-image: url(../images/icons/angle-down-gray-8.svg);

    transform-origin: center;

    background-repeat: no-repeat;

}

.sm-secondary-niceselect.open:after {

    transform: rotate(178deg) translateY(50%);

    transform-origin: center;

}

.sm-secondary-niceselect .list{

    left: inherit;

    right: 0;

    border: none;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 5px;

    border-radius: 8px;

    z-index: 2;

    min-width: 100%;

    width: max-content;

}

.sm-secondary-niceselect .option{

    min-height: auto;

    line-height: inherit;

    padding: 7px 11px;

    border-radius: 7px;

}

.sm-secondary-niceselect .option.selected {

    font-weight: inherit;

}

.sm-secondary-niceselect .option:hover, 

.sm-secondary-niceselect .option.focus, 

.sm-secondary-niceselect .option.selected.focus {

    background-color: rgba(18, 71, 151, 0.08);

    color: #4B5675;

}



/* Select */

.xsm-secondary-niceselect{

    height: auto;

    line-height: inherit;

    border: none;

    width: max-content;

    border-radius: 4px;

    background: #F7F8FA;

    padding: 8px 30px 8px 14px;

    color: #242D47;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

}

.xsm-secondary-niceselect::after{

    border: none;

    margin: 0;

    height: 16px;

    width: 16px;

    right: 8px;

    top: 6px;

    background-size: 16px;

    background-image: url(../images/icons/angle-down-blackad-16.svg);

    background-repeat: no-repeat;

    transform-origin: 8px 8px;

    transform: rotate(0deg);

}

.xsm-secondary-niceselect.open:after {

    transform: rotate(180deg);

    transform-origin: 8px 8px;

}

.xsm-secondary-niceselect .list{

    left: inherit;

    right: 0;

    border: none;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 5px;

    border-radius: 4px;

    z-index: 2;

    min-width: 100%;

    width: max-content;

}

.xsm-secondary-niceselect .option{

    min-height: auto;

    line-height: inherit;

    padding: 7px 11px;

    border-radius: 3px;

}

.xsm-secondary-niceselect .option.selected {

    font-weight: inherit;

}

.xsm-secondary-niceselect .option:hover, 

.xsm-secondary-niceselect .option.focus, 

.xsm-secondary-niceselect .option.selected.focus {

    background-color: rgba(18, 71, 151, 0.08);

    color: #4B5675;

}



.at-btn-primary{

    border-radius: 8px;

    background: #007EE5;

    padding: 14px 18px;

    border: none;

    color: var(--whiteColor);

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: .3s;

}

.at-btn-primary:hover{

    background: #0b5ed7;

    color: var(--whiteColor);

}

.at-btn-primary:active{

    background: #0b5ed7 !important;

    color: var(--whiteColor) !important;

}

.at-btn-primary span::before{

    display: block;

    font-size: 10px;

    line-height: 10px;

    margin-top: 1px;

}

.cap-btn-sm{

    padding: 11px 14px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 500;

    line-height: 100%;

}

/* Footer Start */

.cap-footer-section{

    background: #0B0D0F;

}

.cap-footer-top-details{

    font-family: "Euclid Circular B";

}

.cap-footer-input-wrap input {

	color: #8A8A8A;

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.cap-footer-input-wrap button {

	background: #0B0D0F;

	top: 50%;

	transform: translateY(-50%);

}

.cap-footer-input-wrap button:hover {

	background: #242D47;

}

.cap-footer-middle-nav ul li a{

    font-family: "Euclid Circular B";

}

.cap-footer-middle-nav ul li a:hover{

    color: #7C99EE;

}

.cap-footer-bottom-wrap .info{

    font-family: "Euclid Circular B";

}

.cap-footer-bottom-social ul li a:hover path{

    fill: #7C99EE;

}

/* Footer End */

.ca-page-link{

    border-radius: 6px;

    width: 30px;

    height: 32px;

    min-width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #4B5675;

    text-align: center;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px; /* 133.333% */

    transition: .3s;

}

.ca-page-link.active,

.ca-page-link:hover{

    color: var(--whiteColor);

    background: #242D47;

}

.ca-page-link path{

    transition: .3s;

}

.ca-page-link.active path,

.ca-page-link:hover path{

    fill: var(--whiteColor);

}

.ca-page-link.disable{

    pointer-events: none;

    opacity: 0.5;

}

.pe-2px{

    padding-right: 2px !important;

}

.ps-2px{

    padding-left: 2px !important;

}

/* User Dropdown */

.at-user-dropdown{

    z-index: 2;

}

.user-dropdown-toggle{

    padding: 0 21px 0 0;

    border-radius: 100px;

    border: 0;

    z-index: 1;

    background: transparent;

}

.user-dropdown-toggle img{

    display: inline-block;

    height: 42px;

    width: 42px;

    min-width: 42px;

    object-fit: cover;

    border-radius: 50%;

}

.user-dropdown-toggle::after{

    position: absolute;

    content: "";

    width: 35px;

    height: 38px;

    margin: 0;

    vertical-align: 0;

    right: 0px;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 0px 100px 100px 0px;

    border: 1px solid #DFDFDF;

    background: #EFEFEF;

    z-index: -1;

    background-image: url(../images/icons/angle-down-black-16.svg);

    background-repeat: no-repeat;

    background-size: 16px 16px;

    background-position: calc(100% - 4px) center;

}

.user-dropdown-menu{

    border-radius: 8px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    border: none;

    padding: 0;

    min-width: 155px;

}

.user-dropdown-group{

    padding: 14px 12px 10px 12px;

    display: flex;

    flex-direction: column;

    gap: 10px;

    border-bottom: 1px solid #D9D9DF;

}

.user-dropdown-item{

    color: #4B5675;

    font-family: 'Inter';

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 12px */

    display: flex;

    align-items: flex-start;

    gap: 6px;

    transition: .3s;

}

.user-dropdown-item svg{

    min-width: 16px;

}

.user-dropdown-item path{

    transition: .3s;

}

.user-dropdown-item:hover{

    color: #242D47;

}

.user-dropdown-item:hover path{

    fill: #242D47;

}



/* Form Inputs */

.cap-nav-pills{

    column-gap: 35px;

    row-gap: 12px;

    border-bottom: 1px solid #DBDFEB;

    padding: 0 4px;

}

.cap-nav-pills .nav-link{

    padding: 0;

    border-radius: 0;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px; /* 142.857% */

    padding-bottom: 14px;

    transition: .3s;

    position: relative;

    z-index: 1;

}

.cap-nav-pills .nav-link:hover{

    color: #242D47;

}

.cap-nav-pills.nav-pills .nav-link.active{

    color: #242D47;

    background-color: transparent;

}

.cap-nav-pills .nav-link::before {

	content: '';

	position: absolute;

	right: 0;

	bottom: -1px;

	width: 0%;

	height: 2px;

	background: #242D47;

	border-radius: 3px;

	opacity: 1;

	z-index: -1;

	transition: all ease 350ms;

	-moz-transition: all ease 350ms;

	-webkit-transition: all ease 350ms;

}

.cap-nav-pills .nav-link.active::before {

	width: 100%;

	right: auto;

	left: 0;

}

.cap-form-label{

    margin-bottom: 10px;

    color: #242D47;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

}

.cap-form-control{

    border-radius: 8px;

    border: 1px solid #D9D9DF;

    padding: 11.5px 15px;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

}

.cap-form-control:hover{

    border-color: #242D47A1;

}

.cap-form-control:focus{

    border-color: #242D47A1;

    color: #4B5675;

}

.cap-form-control.input-is-invalid{

    border-color: #F8285A;

}

.input-invalid-feedback{

    color: #F8285A;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

    margin-top: 10px;

}

.cap2-btn-dark{

    border: none;

    transition: .3s;

    width: fit-content;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    background: #242D47;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 14px */

    padding: 14px 20px;

}

.cap2-btn-dark span::before{

    display: block;

    font-size: 10px;

    font-weight: 600 !important;

}

.cap2-btn-dark:hover{

    background: #0F0B0B;

    color: var(--whiteColor);

}

.cap2-btn-dark:focus{

    background: #0F0B0B !important;

    color: var(--whiteColor) !important;

}

textarea.cap-form-control{

    min-height: 107px;

}

.cap-form-control[type=number]::-webkit-inner-spin-button, 

.cap-form-control[type=number]::-webkit-outer-spin-button { 

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0; 

}

.cap-form-control[type=number] {

    -moz-appearance:textfield;

}



.cap-form-check{

    display: block;

    min-height: 18px;

    padding-left: 26px;

    margin-bottom: 0;

}

.cap-form-check-input{

    width: 18px;

    height: 18px;

    border: 1px solid #99A1B7;

    margin-top: 0;

    cursor: pointer;

}

.cap-form-check-input:focus {

	box-shadow: none;

	border-color: #99A1B7;

}

.cap-form-check .cap-form-check-input {

	margin-left: -26px;

}

.cap-form-check-input[type="checkbox"] {

	border-radius: 3px;

}

.cap-form-check-input:checked {

	border-color: #0B0D0F;

	background-color: #0B0D0F;

}

.cap-form-check-label{

    padding-top: 2px;

    display: block;

    max-width: fit-content;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

}



/* Editor */

.tox .tox-notification--warning{

    display: none !important;

}

.tox .tox-statusbar{

    display: none !important;

}

.at-editor ~ .tox-tinymce{

    border: 1px solid #D9D9DF;

    border-radius: 8px;

    /* resize: block; */

}

.at-editor ~ .tox-tinymce:hover{

    border-color: #242D47A1;

}

/* .at-editor ~ .tox{

    height: 170px !important;

    height: auto !important;

}

.at-editor ~ .tox .tox-sidebar-wrap{

    min-height: 135px;

} */



.cap-radio-check{

    min-height: auto;

    padding-left: 24px;

    margin-bottom: 0;

}

.cap-radio-check .cap-radio-check-input {

	margin-left: -24px;

}

.cap-radio-check-input {

	height: 16px;

    width: 16px;

    border: 1px solid #D9D9DF;

    margin-top: 0px;

    cursor: pointer;

}

.cap-radio-check-input:focus{

    border-color: #D9D9DF;

    box-shadow: none;

}

.cap-radio-check-input:checked[type="radio"] {

	background-image: url(../images/icons/radio-check-dot.svg);

	background-size: 8px;

	background-repeat: no-repeat;

	background-position: center;

    background-color: transparent;

    border-color: #D9D9DF;

}

.cap-radio-check-label{

    color: #242D47;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

    padding-top: 1px;

    display: block;

    width: fit-content;

}



/* Select 2 */

.cap-select2 ~ .select2-container{

    width: 100% !important;

    display: block;

}

.cap-select2 ~ .select2-container .select2-selection--single{

    height: auto;

}

.cap-select2 ~ .select2-container--default .select2-selection--single{

    border: 1px solid #D9D9DF;

    border-radius: 8px;

    padding: 13px 36px 13px 15px;

    transition: .3s;

}

.cap-select2 ~ .select2-container--default .select2-selection--single:hover{

    border-color: #242D47A1;

}

.cap-select2 ~ .select2-container .select2-selection--single .select2-selection__rendered{

    padding: 0;

    font-weight: 400;

    font-size: 14px;

    line-height: 14px; 

    color: #4B5675;

}

.cap-select2 ~ .select2-container--default .select2-selection--single .select2-selection__clear{

    display: none;

}

.cap-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 20px;

    position: absolute;

    top: 50%;

    right: 16px;

    width: 20px;

    transform: translateY(-50%);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 20px;

    background-image: url(../images/icons/angle-down-gary-20.svg);

    transition: .3s;

}

.cap-select2 ~ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{

    transform: translateY(-50%) rotate(180deg);

}

.cap-select2 ~ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{

    display: none;

}

.cap-select2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow b{

    display: none;

}



.select2-drop-container .select2-dropdown{

    border-radius: 8px;

    border: 1px solid #DBDFEB;

    padding: 4px;

}

.select2-drop-container .select2-search--dropdown {

    padding: 0px;

    margin-bottom: 10px;

    position: relative;

}

.select2-drop-container .select2-search--dropdown::after{

    position: absolute;

    content: "";

    top: 50%;

    transform: translateY(-50%);

    /* left: 18px; */

    left: 12px;

    height: 16px;

    width: 16px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 16px;

    background-image: url(../images/icons/search-gray-16.svg);

}

.select2-drop-container.select2-container--default .select2-search--dropdown .select2-search__field{

    border-radius: 4px;

    /* padding: 9px 17px 9px 44px; */

    padding: 9px 17px 9px 32px;

    background: #F2F3F5;

    font-weight: 400;

    font-size: 12px;

    line-height: 100%; 

    color: #4B5675;

    border: 1px solid transparent;

}

.select2-drop-container.select2-container--default .select2-search--dropdown .select2-search__field:focus{

    outline: none;

    /* border-color: #242D47A1; */

    border-color: transparent;

}

.select2-drop-container.select2-container--default .select2-results__option{

    padding: 6px 8px;

    border-radius: 4px;

    font-weight: 400;

    font-size: 14px;

    line-height: 100%; 

    color: #242D47;

}

.select2-drop-container.select2-container--open .select2-dropdown--above {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.select2-drop-container.select2-container--open .select2-dropdown--below {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.select2-drop-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{

    background: #F7F8FA;

    color: #242D47;

}

.select2-drop-container.select2-container--default .select2-results__option--selected {

    background-color: var(--whiteColor);

    color: #242D47;

}

.select2-drop-container.select2-container--default .select2-results__option:not(:last-child){

    margin-bottom: 2px;

}

/* File */

.cap-form-file{

    border-radius: 8px;

    border: 1px solid #D9D9DF;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

}

.cap-form-file[type=file]:focus{

    box-shadow: none;

    border-color: #242D47A1;

}

.cap-form-file[type=file]::file-selector-button {

    padding: 10px 15px;

    background: #EAEBEF;

    font-weight: 400;

    font-size: 14px;

    line-height: 20px; 

    color: #4B5675;

}



/* Image Upload */

.upload__inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}

.upload__btn {

    padding: 56px 30px;

    transition: all 0.3s ease;

    cursor: pointer;

    border-radius: 8px;

    /* border: 1px dashed #4B5675; */

    background: #F7F8FA;

    width: 100%;

    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='black' stroke-width='1' stroke-dasharray='6%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");

}

.upload__btn:hover {

    background-color: unset;

    transition: all 0.3s ease;

}

.upload__btn-box {

    /* margin-bottom: 10px; */

}

.upload__img-wrap {

    display: flex;

    flex-wrap: wrap;

    margin: 0 0px;

    column-gap: 16px;

}

.upload__img-box {

    width: 164px;

    padding: 11px 11px 0 0;

    margin-bottom: 20px;

}

.upload__img-close {

    width: 28px;

    height: 28px;

    border-radius: 50%;

    background-color: var(--whiteColor);

    position: absolute;

    top: -11px;

    right: -11px;

    text-align: center;

    line-height: 28px;

    z-index: 1;

    cursor: pointer;

    box-shadow: 0px 4px 40px rgba(11, 11, 12, 0.15);

}

.upload__img-close:after {

    content: "✖";

    font-size: 14px;

    color: #242D47;

    font-size: 16px;

    transition: .3s;

}

.upload__img-close:hover:after{

    color: #F8285A;

}

.upload-img-bg {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    padding-bottom: 100%;

    border-radius: 8px;

}

.upload-btn-subtitle{

    color: #242D47;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    text-align: center;

}



/* Search */

.ad-search-wrap{

    position: relative;

    max-width: 218px;

    min-width: 200px;

    width: 100%;

}

.ad-search-label{

    position: absolute;

    left: 15.5px;

    top: 12px;

}

.ad-search-input{

    width: 100%;

    padding: 10.5px 12px 10.5px 34.5px;

    color: #4B5675;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    border-radius: 6px;

    background: #F7F8FA;

}

.ad-search-input:focus{

    border-color: #242D47A1;

    color: #4B5675;

}

.ad-search-input:hover{

    border-color: #242D47A1;

}

/* Agent & Customer Panel Page End ***

************************************/





/* Login Register Page Start ***

******************************/

.in-title2-24px{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 24px */

}

.in-subtitle3-16px{

    color: #737B86;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

}



.ua-btn-dark{

    border: none;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: fit-content;

    border-radius: 12px;

    background: #0B0D0F;

    padding: 12px 24px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.ua-btn-dark:hover{

    background: #242D47;

    color: var(--whiteColor);

}

.ua-btn-dark:active{

    background: #242D47 !important;

    color: var(--whiteColor) !important;

}

.ua-btn-dark2{

    border: none;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: fit-content;

    border-radius: 8px;

    background: #0B0D0F;

    padding: 12px 19.5px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

}

.ua-btn-dark2:hover{

    background: #242D47;

    color: var(--whiteColor);

}

.ua-btn-dark2:active{

    background: #242D47 !important;

    color: var(--whiteColor) !important;

}



.ua-form-label{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

    margin: 0;

}

.ua-form-control{

    border-radius: 8px;

    border: 1px solid #D3D7E0;

    background: var(--whiteColor);

    padding: 14.5px 13px;

    color: #737B86;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

    transition: .3s;

}

.ua-form-control:focus{

    color: #737B86;

    border-color: #242D47A1;

}

.ua-form-control:hover{

    border-color: #242D47A1;

}

.ua-form-control::placeholder{

    color: #737B86;

    opacity: 1;

}

/* Password */

.at-password-group{

    position: relative;

}

.at-password-group > .toggle-icons{

    position: absolute;

    right: 16px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

}

.at-password-group > .form-control{

    padding-right: 36px;

}

.toggle-icons:hover ~ .ua-form-control {

	border-color: #242D47A1;

}



.ua-subtitle-14px {

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

}

.ua-subtitle-16px {

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

}

.ua-link{

    transition: .3s;

}

.ua-link:hover{

    color: #242D47 !important;

}

.ua-form-check {

	display: block;

	min-height: 15px;

	padding-left: 21px;

	margin-bottom: 0;

}

.ua-form-check-input:focus{

    box-shadow: none;

    border-color: #0B0D0F;

}

.ua-form-check-input{

    width: 15px;

    height: 15px;

    border: 1px solid #0B0D0F;

    margin-top: 0;

    cursor: pointer;

}

.ua-form-check-input:checked{

    border-color: #0B0D0F;

    background-color: #0B0D0F;

}

.ua-form-check .ua-form-check-input {

	margin-left: -21px;

}

.ua-form-check-input[type="checkbox"] {

	border-radius: 3px;

}

.ua-form-check-label{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%; /* 14px */

    display: block;

    max-width: fit-content;

}

.at-text-underline{

    text-decoration: underline;

}



.ua-outline-btn{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 8px 20px;

    border-radius: 7px;

    border: 1px solid #D3D7E0;

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    max-width: calc(50% - 6px);

    min-width: fit-content;

    width: 100%;

    transition: .3s;

}

.ua-outline-btn:hover{

    border-color: #242D47A1;

}



/* Banner */

.ua-banner-slider-wrap{

    max-width: 609px;

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

}

.ua-slider .swiper-slide{

    height: auto;

}

.ua-slider .swiper-slide:after{

    position: absolute;

    content: "";

    width: 100%;

    height: 60%;

    border-radius: 20px;

    background: linear-gradient(0deg, rgba(7, 10, 22, 0.67) 34.53%, rgba(0, 0, 0, 0.00) 93.05%);

    left: 0;

    bottom: 0;

    z-index: 1;

}

.ua-slider-banner{

    min-height: 450px;

    height: 100%;

    width: 100%;

    border-radius: 20px;

}

.ua-slider-banner > img{

    height: 100%;

    width: 100%;

    border-radius: 20px;

    object-fit: cover;

}

.ua-slider .swiper-pagination{

    line-height: unset;

    display: flex;

    align-items: center;

    gap: 10px;

    left: inherit;

    bottom: 36px;

    /* right: 38px; */

    /* width: auto; */

    width: 100%;

    justify-content: center;

    flex-wrap: wrap;

    right: 0;

}

.ua-slider .swiper-pagination-bullet{

    margin: 0 !important;

    opacity: 1;

    width: 26px;

    height: 5px;

    background-color: rgba(255, 255, 255, 0.44);

    border-radius: 10px;

}

.ua-slider .swiper-pagination-bullet-active {

	opacity: 1;

	background-color: rgba(255, 255, 255, 1);

}

.ua-slider-content{

    position: absolute;

    bottom: 20px;

    left: 20px;

    right: 20px;

    width: calc(100% - 40px);

    border-radius: 12px;

    z-index: 2;

    padding: 16px;

}

.ua-slider-content::after{

    position: absolute;

    content: "";

    bottom: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    border-radius: 12px;

    border: 1.044px solid rgba(255, 255, 255, 0.61);

    opacity: 0.5;

    background: rgba(0, 0, 0, 0.35);

    box-shadow: 0px 8.35px 39.665px 0px rgba(16, 16, 16, 0.08);

    backdrop-filter: blur(6.262818336486816px);

    z-index: -1;

}

.ua-title-36px{

    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 36px;

    font-style: normal;

    font-weight: 600;

    line-height: 100%; /* 36px */

}

.ua-slider-subtitle-margin{

    margin-bottom: 27px;

}



.circle-user-list{

    height: 40px;

    width: 40px;

    flex: 0 0 40px;

    border-radius: 50%;

}

.circle-user-list > img{

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 50%;

}

.circle-user-list:not(:first-child){

    margin-left: -10px;

}

.ua-subtitle2-16px{

    color: #FFF;

    font-family: "Albert Sans";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%;

}

.ua-customer-rating{

    /* padding-right: 210px; */

    padding-bottom: 24px;

}

.mb-35px{

    margin-bottom: 35px !important;

}

.ua-verify-input{

    width: 61px;

    height: 61px;

    border-radius: 4px;

    background: rgba(216, 218, 218, 0.50);

    border: 1px solid transparent;

    transition: .3s;

    text-align: center;



    color: #0B0D0F;

    font-family: 'Inter';

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 24px */

}

.ua-verify-input:hover{

    border-color: #242D47A1;

}

.ua-verify-input:focus{

    border-color: #242D47A1;

    background: rgba(216, 218, 218, 0.50);

    color: #0B0D0F;

}



/* Header Footer */

/* Header Start */

.ua-page-header .at-home-navbar-nav .at-home-nav-link{

    color: #5F6164;

}

.ua-page-header .at-home-navbar-nav .at-home-nav-link.active, 

.ua-page-header .at-home-navbar-nav .at-home-nav-link:hover {

	color: #0F0B0B;

}

.ua-page-header .atn-sub-nav-link{

    color: #737B86;

}

.ua-page-header .atn-sub-nav-link.active, 

.ua-page-header .atn-sub-nav-link:hover {

	color: #0B0D0F;

}

.ua-page-header .at-home-login {

	color: #0B0D0F;

    font-weight: 400;

}

.ua-page-header .at-home-login:hover {

	color: #0F0B0B;

}

.ua-home-search-btn{

    background: #0F0B0B;

}

.ua-home-search-btn:hover{

    background: #242D47;

}

.ua-home-menu-btn{

    background: #0F0B0B;

    border-color: #0F0B0B;

}

.ua-home-menu-btn:hover{

    background: #242D47;

    border-color: #0F0B0B;

}

.ua-home-menu-btn:active{

    background: #242D47 !important;

    border-color: #0F0B0B !important;

}

.ua-home-menu-btn path {

	fill: var(--whiteColor);

}

.ua-page-header .user-dropdown-item {

	color: #737B86;

}

.ua-page-header .user-dropdown-item:hover {

	color: #0B0D0F;

}

.ua-page-header .user-dropdown-item:hover path{

	fill: #0B0D0F;

}

.ua-page-header .at-home-nav-search::after {

	background: rgba(28, 8, 12, 0.28);

}

.ua-home-search-input{

    background-image: url(../images/icons/dt-search-gray-20.svg);

}

/* Footer Start */

.ua-footer-section{

    background: #0B0D0F;

}

.ua-footer-top-details{

    font-family: "Euclid Circular B";

}

.ua-footer-input-wrap input {

	color: #8A8A8A;

    font-family: "Euclid Circular B";

    font-weight: 400;

}

.ua-footer-input-wrap button {

	background: #0B0D0F;

	top: 50%;

	transform: translateY(-50%);

}

.ua-footer-input-wrap button:hover {

	background: #242D47;

}

.ua-footer-middle-nav ul li a{

    font-family: "Euclid Circular B";

}

.ua-footer-middle-nav ul li a:hover{

    color: #7C99EE;

}

.ua-footer-bottom-wrap .info{

    font-family: "Euclid Circular B";

}

.ua-footer-bottom-social ul li a:hover path{

    fill: #7C99EE;

}

/* Login Register Page End ***

****************************/





/* Main Home Page Start ***

*************************/

/* Buttons */

.at-btn-purple{

    border: none;

    width: fit-content;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 12px;

    background: var(--themeColor);

    padding: 12px 24px;

    color: var(--whiteColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px; /* 150% */

}

.at-btn-purple:hover {

	background: #5200e7;

    color: var(--whiteColor);

}

.at-btn-purple:focus {

	background: #5200e7 !important;

    color: var(--whiteColor) !important;

}



.at2-btn-purple{

    border: none;

    width: fit-content;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 8px;

    background: var(--themeColor);

    padding: 8px 16px;

    color: #FFF;

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px; /* 142.857% */

}

.at2-btn-purple:hover {

	background: #5200e7;

    color: var(--whiteColor);

}

.at2-btn-purple:focus {

	background: #5200e7 !important;

    color: var(--whiteColor) !important;

}



.at-btn-outline-dark{

    width: fit-content;

    transition: .3s;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 100px;

    border: 1px solid var(--darkColor);

    padding: 15px 23px;

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 16px */

}

.at-btn-outline-dark:hover{

    border-color: var(--themeColor);

    color: var(--whiteColor);

    background: var(--themeColor);

}

.at-btn-outline-dark:active{

    border-color: var(--themeColor) !important;

    color: var(--whiteColor) !important;

    background: var(--themeColor) !important;

}



/* Font Size */

.lg-title-78px{

    color: var(--darkColor);

    font-family: "Linear Grotesk";

    font-size: 78px;

    font-style: normal;

    font-weight: 600;

    line-height: 112.821%; /* 88px */

}

.in-title-36px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 36px;

    font-style: normal;

    font-weight: 500;

    line-height: 111.111%;

}

.in-title2-18px{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px; /* 155.556% */

}





.at-text-dark{

    color: var(--darkColor) !important;

}

.at-text-secondary{

    color: var(--grayColor) !important;

}





.header-banner-wrap{

    position: relative;

}

.atn-banner-header{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 3;

}

.banner-slider .swiper-pagination{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    bottom: 148px;

}

.banner-slider .swiper-pagination-bullet{

    margin: 0 !important;

    width: 14px;

    height: 5px;

    border-radius: 5px;

    background: rgba(255, 255, 255, 0.44);

    opacity: 1;

    transition: .3s;

}

.banner-slider .swiper-pagination-bullet-active{

    background: rgba(255, 255, 255, 1);

    width: 26px;

}

.banner-slider .swiper-slide{

    height: auto;

}

.banner-slider-wrap{

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 234px 12px 148px 12px;

    height: 100%;

    position: relative;

    z-index: 1;

}

.banner-slider-wrap::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: -1;

    opacity: 0.4;

    background: #0B0D0F;

}

.banner-slider-content{

    padding-bottom: 100px;

    max-width: 885px;

    width: 100%;

    margin: 0 auto;

}

.max-w-621px{

    max-width: 621px;

}

/* Menu */

.at-menu-for-dark .at-home-nav-link{

    color: var(--whiteColor);

}

.at-menu-for-dark .at-home-nav-link:hover,

.at-menu-for-dark .at-home-nav-link.active{

    color: var(--themeColor);

}

.at-menu-for-dark .at-home-search-input{

    background-image: url(../images/icons/search-white-20.svg);

}

.at-menu-for-dark .at-home-search-input{

    color: var(--whiteColor);

}

.at-menu-for-dark .at-home-search-input::placeholder{

    color: var(--whiteColor);

}

.at-menu-for-dark .at-home-search-input.highlighted, 

.at-menu-for-dark .at-home-search-input:focus{

    color: var(--whiteColor);

}

.at-menu-for-dark .at-home-search-btn{

    background: var(--themeColor);

}

.at-menu-for-dark .at-home-search-btn:hover{

    background: #5200e7;

}

.at-menu-for-dark .at-home-nav-search::after{

    background: rgba(255, 255, 255, 0.28);

}

.at-menu-for-dark .at-home-login{

    color: var(--whiteColor);

}

.at-menu-for-dark .at-home-login:hover{

    color: var(--themeColor);

}

.at-menu-for-dark .user-dropdown-item {

	color: var(--grayColor);

}

.at-menu-for-dark .user-dropdown-item:hover {

	color: var(--darkColor);

}

.at-menu-for-dark .user-dropdown-item:hover path{

	fill: var(--darkColor);

}

.at-menu-for-dark .at-home-menu-btn{

    background: var(--themeColor);

}

.at-menu-for-dark .at-home-menu-btn:hover{

    background: #5200e7;

    border-color: #5200e7;

}

.at-menu-for-dark .at-home-menu-btn:active{

    background: #5200e7 !important;

    border-color: #5200e7 !important;

}

.at-menu-for-dark .at-home-menu-btn path{

    fill: var(--whiteColor);

}

.at-menu-for-dark .at-home-menu-button:has(.at-home-search-input.highlighted)::after, 

.at-menu-for-dark .at-home-menu-button:has(.at-home-search-input:focus)::after, 

.at-menu-for-dark.search-focus-active .at-home-menu-button::after {

	background: rgba(255, 255, 255, 0.28);

}

.at-home-search-input.highlighted, .at-home-search-input:focus {

	background-color: transparent;

	border: 1px solid #D9D9DF;

	cursor: text;

	outline: 0;

	width: 288px;

	color: #81797A;

	opacity: 1;

	padding: 13px 38px 13px 11px;

	margin-left: 5px;

	background-position: calc(100% - 10px) calc(50% - 0px);

}

/* Menu End */



/* Search Filter */

.atn-search-nav-pills{

    padding: 8px;

    background: var(--whiteColor);

    border-radius: 12px 12px 0px 0px;

    margin: 0 auto;

    width: fit-content;

    column-gap: 2px;

    row-gap: 8px;

    justify-content: center;

}

.atn-search-nav-link{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

    padding: 10px 14px;

    border-radius: 6px !important;

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}

.atn-search-nav-link:hover{

    color: var(--darkColor);

}

.nav-pills .atn-search-nav-link.active{

    background-color: var(--themeColor);

    color: var(--whiteColor);

}

.nav-pills .atn-search-nav-link.active path{

    fill: var(--whiteColor);

}

.atn-search-tab-content{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 26px;

    width: fit-content;

    margin: 0 auto;

}

.atn-search-content{

    display: flex;

    align-items: center;

    column-gap: 33px;

    row-gap: 20px;

    flex-wrap: wrap;

    justify-content: center;

}

.atn-search-filter-label{

    color: var(--darkColor);

    font-family: 'Inter';

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 18px */

}



/* Transparent Nice Select */

.transparent2-nice-select{

    float: inherit;

    height: auto;

    width: fit-content;

    color: var(--grayColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    border: none;

    padding-left: 0;

    padding-right: 0;

}

.transparent2-nice-select::after {

	border: none;

	background-image: url(../images/icons/angle-down-gray2-20.svg);

	background-repeat: no-repeat;

	background-size: 20px 20px;

	height: 20px;

	width: 20px;

	right: 0;

	transform: rotate(0deg) translateY(-50%);

	transform-origin: 10px 0;

	margin: 0;

}

.transparent2-nice-select.open::after {

	transform: rotate(180deg) translateY(-50%);

}

.transparent2-nice-select .list{

    border: none;

    border-radius: 8px;

    padding: 8px;

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    min-width: fit-content;

    width: 100%;

}

.transparent2-nice-select .option{

    padding: 8px;

    line-height: inherit;

    border-radius: 4px;

    min-height: auto;

}

.transparent2-nice-select .option:hover, 

.transparent2-nice-select .option.focus, 

.transparent2-nice-select .option.selected.focus {

	background-color: rgba(108, 28, 255, 0.1);

    color: var(--themeColor);

}

.transparent2-nice-select .option.selected {

	font-weight: 500;

}

.mh-filter-select{

    min-width: 168px;

}

.atn-single-search-item{

    padding-right: 34px;

    position: relative;

}

.atn-single-search-item::after{

    position: absolute;

    content: "";

    right: 0;

    top: 5px;

    height: 38px;

    width: 1px;

    background: #7E7E89;

    opacity: 0.5;

}

.atn-search-filter-section{

    margin-top: -100px;

    position: relative;

    z-index: 99;

}

/* iconbox */

.white-iconbox-radio{

    width: 66px;

    height: 66px;

    border-radius: 50%;

    background: var(--whiteColor);

    filter: drop-shadow(0px 8.35px 39.665px rgba(16, 16, 16, 0.08));

    backdrop-filter: blur(6.262818336486816px);

    display: flex;

    align-items: center;

    justify-content: center;

}

.mh-category-link{

    display: block;

    border-radius: 12px;

}

.mh-single-category{

    position: relative;

    border-radius: 12px;

    z-index: 1;

}

.mh-single-category::after{

    position: absolute;

    content: "";

    width: 100%;

    max-height: 100%;

    border-radius: 12px;

    left: 0;

    bottom: 0;

    height: 113px;

    background: linear-gradient(0deg, rgba(7, 10, 22, 0.83) 34.53%, rgba(0, 0, 0, 0.00) 93.05%);

    z-index: 0;

}

.mh-single-category .banner{

    width: 100%;

    border-radius: 12px;

}

.mh-category-content{

    position: absolute;

    padding: 20px;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}

.max-w-538px{

    max-width: 538px;

}

.mh-title-highlight{

    color: #6C1CFF;

    font-weight: 600;

    position: relative;

}

.mh-title-highlight::after{

    position: absolute;

    content: "";

    top: 100%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    aspect-ratio: 119.924 / 11;

    width: 90%;

    background: url(../images/icons/mh-highlight-shape.svg) no-repeat scroll center center / cover;

}

.trusted-companies-wrap{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    column-gap: 50px;

    row-gap: 30px;

}

/* Testimonial */

.mh-testimonial{

    padding: 30px 0;

    position: relative;

}

.mh-testimonial::after{

    content: "";

    position: absolute;

    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

    left: 0;

    top: 30px;

    width: 150px;

    height: calc(100% - 60px);

    z-index: 1;

}

.mh-testimonial::before{

    content: "";

    position: absolute;

    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);

    right: 0;

    top: 30px;

    width: 150px;

    height: calc(100% - 60px);

    z-index: 2;

}

.mh-testimonial .swiper-slide{

    height: auto;

}

.mh-testimonial-single{

    height: 100%;

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    padding: 24px;

}

.mh-testimonial-stars{

    column-gap: 5.32px;

}

.mh-testimonial .swiper-pagination{

    display: flex;

    align-items: center;

    justify-content: center;

    bottom: 0;

}

.mh-testimonial .swiper-pagination-bullet{

    width: 14px;

    height: 5px;

    background: rgba(155, 155, 163, 0.44);

    border-radius: 3px;

    opacity: 1;

    transition: .3s;

}

.mh-testimonial .swiper-pagination-bullet-active{

    width: 26px;

    background: var(--themeColor);

}



.at-category-badge{

    padding: 10px 12px;

    border-radius: 4px;

    background: #F5EFFF;

    color: var(--themeColor);

    font-family: 'Inter';

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%; /* 14px */

    width: fit-content;

}

.mh-blog-titles{

    border-bottom: 1px solid rgba(121, 132, 132, 0.34);

}



.mh-blog-link{

    display: block;

    border-radius: 12px;

    height: 100%;

}

.mh-blog-card{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    transition: .3s;

    height: 100%;

}

.mh-blog-card-image{

    overflow: hidden;

    border-radius: 12px 12px 0 0;

    width: 100%;

}

.mh-blog-card-image img{

    width: 100%;

    border-radius: 12px 12px 0 0;

    transition: 350ms;

}

.mh-blog-card-image:hover img{

    transform: scale(1.05);

}

.image-circle-40px{

    height: 40px;

    width: 40px;

    border-radius: 50%;

}

.image-circle-40px img{

    height: 100%;

    width: 100%;

    border-radius: 50%;

    object-fit: cover;

}

.mh-blog-arrow{

    transition: 350ms;

}

.mh-blog-arrow path{

    transition: 350ms;

}

.mh-blog-card:hover{

    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);

}

.mh-blog-card:hover .mh-blog-arrow{

    transform: translateY(-5px);

}

.mh-blog-card:hover .mh-blog-arrow path{

    fill: var(--themeColor);

}

/* Mixitup */

.mh-filter-btn {

	padding: 12px 20px;

	border-radius: 6px;

	background: transparent;

	color: var(--darkColor);

	font-family: 'Inter';

	font-size: 16px;

	font-style: normal;

	font-weight: 500;

	line-height: 100%;

	transition: .3s;

	width: fit-content;

	border: none;

}

.mh-filter-btn.mixitup-control-active, 

.mh-filter-btn:hover {

	color: var(--whiteColor);

	background: var(--themeColor);

}

.mh-filter-btn:active {

	color: var(--whiteColor) !important;

	background: var(--themeColor) !important;

}



/* Hotel Card */

.mh-product-card{

    border-radius: 12px;

    background: var(--whiteColor);

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);

    position: relative;

    height: 100%;

    transition: .3s;

}

.mh-product-card:hover{

    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.20);

}

.mh-product-card-link{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

    border-radius: 12px;

}

.mh-product-card-banner{

    width: 100%;

    aspect-ratio: 267 / 190;

}

.mh-product-card-banner img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px 12px 0px 0px;

}

.mh-product-card-bookmark{

    width: 37px;

    height: 37px;

    border-radius: 50%;

    background: rgba(6, 15, 26, 0.30);

    backdrop-filter: blur(2px);

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 16px;

    top: 16px;

    z-index: 1;

}

.mh-product-card-bookmark svg{

    margin-top: 2px;

}

.mh-product-card-bookmark path{

    transition: .5s;

}

.mh-product-card-bookmark path {

    fill: transparent;

    stroke: var(--whiteColor);

}

.mh-product-card-bookmark.active path,

.mh-product-card-bookmark:hover path{

    fill: var(--themeColor);

    stroke: var(--themeColor);

}

.mh-product-card-details{

    padding: 16px 20px 20px 20px;

}

.mh-product-card-tags{

    column-gap: 5px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.mh-product-card-tags li{

    color: var(--darkColor);

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.mh-product-card-tags li:not(:last-child){

    padding-right: 8px;

    position: relative;

}

.mh-product-card-tags li:not(:last-child)::after{

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    height: 3px;

    width: 3px;

    border-radius: 50%;

    transform: translateY(-50%);

    background: var(--themeColor);

}

.mh-product-card-tag-more{

    color: var(--grayColor);

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;

}

.mh-product-card-price{

    color: var(--darkColor);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    column-gap: 2px;

}

.mh-product-card-price span{

    color: var(--darkColor);

    font-size: 14px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}

.user-dropdown-item svg path {

    fill: #99A1B7;

}







/* Main Home Page End ***

***********************/



.claim-btn{

    background-color: transparent !important;

    border: 1px solid var(--themeColor);

    color: var(--darkColor);

}

.claim-btn:hover{

    background-color: var(--themeColor) !important;

    color: var(--whiteColor);

}

.title  span svg path{

    fill: var(--themeColor) ;

}





.shopdescription{}

.shopdescription .mNiceSelect.review-select {

	max-width: 100%;

}

.shopdescription .theme-btn1{

    height: 50px;

    margin-top: -17px;

}

.shopCard figure{

    width: 170px;

    margin: 0;

}

.shopCard img{

    width: 100%;

    height: 130px;

    object-fit: cover;

    border-radius:8px ;

}

.shopCard {

	display: flex;

	gap: 10px;

	padding: 10px;

	background: #fff;

	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

	border-radius: 12px;

}

.fTitile h4{

    font-size: 16px;

    font-weight: 600;

    color: var(--darkColor);

    margin-bottom: 8px;

}

.figure-body p{

    font-size: 14px;

    margin-bottom: 12px;



}

.figure-body .form-group .form-control {

	font-size: 14px;

	padding: 8px 11px;

}

.figure-body .form-group .form-control::placeholder{

    font-size: 14px;

}

.figure-body{

    width: 420px;

}



.quantity-btn {

	background-color: #f6f6f6;

	border: none;

	padding: 6px 12px;

	font-size: 19px;

	color: #1e1e2d;

	border-radius: 8px;

	cursor: pointer !important;

}



.product-container {

    display: flex;

    align-items: center;

    gap: 20px;

  }

  

  .price {

	color: var(--themeColor);

	font-weight: 600;

	font-size: 16px;

}

.quantity-selector {

	display: flex;

	align-items: center;

	border: 1px solid rgba(237, 237, 238, 1);

	border-radius: 12px;

	padding: 4px;

	background-color: #fff;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);

}

  

  .quantity {

    margin: 0 15px;

    font-weight: 600;

    font-size: 16px;

    color: var(--darkColor);

  }

  



  /* Custom Field */

  .toggle-text {

	font-size: 14px !important;

	font-weight: 600;

	color: var(--themeColor);

}

.atnAfter{

    position: relative;

}

.atnAfter::after {

	position: absolute;

	content: "";

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #31262682;

	border-radius: 5px;

}

.atnAfter .carousel-caption {

	z-index: 999;

}

.atnAfter .carousel-caption h5 {

	font-weight: 600;

	margin-bottom: 10px;

}

.ratio-16x9 > * {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: 12px;

}

.gsCard img{

    transition: .5s;

    overflow: hidden;

}

.gsCard a{

    overflow: hidden;

}

.gsCard a:hover img{

    transform: scale(1.2);

    border-radius: 5px;

}

.f-16{

    font-size: 16px  !important;

}