@font-face {
    font-family: gallery;
    src: url('../font/gallery.otf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-Black.ttf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-Bold.ttf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-light.ttf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-SemiBold.ttf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-ExtraLight.ttf') format('opentype')
}

@font-face {
    font-family: poppins;
    src: url('../font/Poppins-samiBolditalic.ttf') format('opentype')
}

@font-face {
    font-family: 'Circular Std';
    src: url('CircularStd-MediumItalic.eot');
    src: local('Circular Std Medium Italic'),local('CircularStd-MediumItalic'),url('CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),url('CircularStd-MediumItalic.woff2') format('woff2'),url('CircularStd-MediumItalic.woff') format('woff'),url('CircularStd-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: quirino;
    src: url('../font/quirino.otf') format('opentype');
    font-weight: 500;
    font-style: italic
}
:root {
    --ga: gallery;
    --cir: circular std;
    --pop: poppins;
    --qui: quirino;
    --cab: Cabin Condensed;
    --in: inter;
    --yel: #99A98C;
    --red: #E8D2C4;
    --bl: #000;
    --wh: #fff;
    --lig: #838383;
    --in: #D9D9D9;
    --dar: #586450;
    --lin: #F9F9F9;
    --cyan: #F0EFE9
}
*{
    padding: 0;
    margin: 0;

}
a.sign-in.dropdown-toggle {
    padding: 9px 23px;
    background: var(--yel);
    font-family: var(--pop);
    color: var(--wh);
    border-radius: 5px;
}

a.sign-in.dropdown-toggle:after {
    content: unset;
}
a.login-signup-btn.dropdown-toggle {
    border: 1px solid var(--wh);
    padding: 7px 20px;
    border-radius: 10px;
    color: var(--wh);
    font-family: var(--pop);
}

a.login-signup-btn.dropdown-toggle:after {
    content: unset;
}
a{
    text-decoration: none;
    display: block;
}
body{
    background-color: var(--red);
}

/* Header-Css */
header.main-header {
    background: var(--bl);
    padding: 30px 70px;
}
.login-signup-btn {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.sign-btn {
    border: 1px solid;
    padding: 7px 20px;
    border-radius: 12px;
    color: var(--wh);
}
.signup-btn {
    background: var(--yel);
    padding: 7px 20px;
    border-radius: 10px;
    color: var(--wh);
}
.cart-btn i {
    font-size: 23px;
}
.sign-btn a {
    font-family: var(--pop);
    font-size: 17px;
    color: var(--wh);
}

.signup-btn a {color: var(--wh);font-family: var(--pop);font-size: 17px;}

.cart-btn {
    background: var(--yel);
    padding: 10px 18px;
    border-radius: 10px;
}
/* Banner-Css */
.banner-image img {
    width: 100%;
}

section.banner-section {
    position: relative;
}

.banner-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner-con {
    text-align: center;
}

.banner-con p {
    font-size: 38px;
    font-family: var(--ga);
    color: var(--wh);
}

.banner-con h1 {
    font-family: var(--ga);
    color: #ffffff;
    font-size: 87px;
}
.photo-graph {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.photo-graph p {
    font-size: 25px;
    font-family: var(--ga);
    color: #ffffff;
    margin: 0;
}
input.checkbox {
    width: 30px;
    height: 23px;
}
.graphic-area {
    margin: 30px 0 50px;
}
.serch-area {
    background: var(--wh);
    border-radius: 50px;
}

.city-btn {
    padding: 9px 40px;
    background: #ebebeb;
    border-radius: 49px;
}

.city-btn.date {
    background: none;
}

.city-btn.date-end {
    background: none;
}

.city-btn p {
    font-family: var(--pop);
}

.date-select {
    border: 0;
}

.date-select:focus {
    border: 0;
    outline: 0;
}

.date-select::placeholder {
    font-family: var(--ga);
}
.search-btn {
    background: var(--yel);
    text-align: center;
    padding: 28px 0px;
    border-radius: 70px;
}

.search-btn a {
    font-family: var(--pop);
    color: var(--wh);
    text-decoration: none;
}
.advance-search {
    text-align: center;
    margin-top: 70px;
}

.advance-search a {
    font-family: var(--ga);
    font-size: 30px;
    color: var(--wh);
}

/* about-sec */
section.about-sec {
    background-image: url(../images/about-img.png);
    padding: 90px 0;
}

.detail-sec,.ovelay,footer.main-footer,section.benifits-sec,section.cart-inner-sec,section.friends-store,section.help-sec,section.inner-footer-main,section.product-sec,section.prset,section.search-sec,section.uplod-sec {
    background: var(--red);
    overflow: hidden;
}

.about-con {
    text-align: center;
    margin-bottom: 100px;
}

.about-con h6,.bussiness-con h6 {
    font-family: var(--qui);
    font-size: 75px
}

.bussiness-con p {
    font-family: var(--cab);
    font-weight: 400;
    font-size: 23px
}

.ovelay {
    /* height: 884px; */
    /* z-index: -1; */
}

.icon-mess span {
    font-family: var(--qui);
    font-size: 30px;
    color: #585858
}

.benifit-con h6,.benifit-con span,.benifit-img h6,.help-sec-con h6,.snap-sec h6 {
    font-family: var(--ga)
}

.icon-mess,.submit-anc {
    display: flex;
    gap: 10px
}

.icon-mess img {
    width: 20px;
    object-fit: contain
}

.border {

    bottom: 351px;
    left: 579px;
    border: 1px solid #000
}

section.benifits-sec {
    padding: 100px 0 130px;
}

.benifit-con h6 {
    font-size: 75px;
    font-weight: 300
}

.benifit-con span {
    font-size: 30px
}

.benifit-img h6 {
    font-size: 24px;
    margin-top: 10px;
    padding: 10px 10px;
    color: var(--bl);
}
.Business-class-img img {
    width: 100%;
    border: 15px solid #fff;
    border-radius: 26px;
}
section.Client-sec {
    padding: 90px 0;
}
/* slider-sec-css */
.benifit-con {
    text-align: center;
}
.swiper-main img {
    width: 100%;
    height: 331px;
    object-fit: cover;
}
.swip-con h6 {
    font-size: 26px;
    font-family: var(--ga);
    color: #fff;
}

.swiper-main {
    position: relative;
}

.swip-con {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.swiper-main:before {
    position: absolute;
    content: '';
    background: #00000094;
    width: 100%;
    height: 100%;
}
.events-banner-image img {
    width: 100%;
}
section.events-banner {
    background-image: url(../images/events-prev.png);
    width: 100%;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    /* padding: 170px 0; */
    color: #fff;
    font-family: var(--ga);
    display: flex;
    align-items: center;
}
.events-con h1 {
    font-size: 40px;
    text-transform: capitalize;
}
.events-con h6 {
    font-size: 23px;
    margin: 20px 0;
}
.join-anc a {
    padding: 20px 50px;
    border-radius: 80px;
    font-family: var(--pop);
    font-weight: 500;
    color: #fff;
    transition: all .7s;
    background: var(--yel);
}
section.review-sec {
    background: var(--red);
    padding: 80px 100px
}

.inner-review {
    background: #fff;
    padding: 70px;
    border: 3px solid #00000047;
    position: relative;
}

.inner-footer,.join-anc a,.sear a {
    background: var(--yel)
}

.review-img img {
    width: 100%;
}

.review-con h1 {
    font-family: var(--ga);
    font-size: 77px;
    margin-bottom: 20px
}

.dates.foot h5,.locat label,.pack-anc span,.review-con p {
    font-family: var(--cab);
    font-size: 17px
}

.join-anc a {
    padding: 20px 26px;
    border-radius: 80px;
    font-family: var(--pop);
    font-weight: 500;
    color: #fff;
    transition: all .7s;
}

.icon-img img {
    top: -8px;
    right: -6px;
}

img.arrow {left: -4px;}

img.arrow-1 {
    top: 656px;
    left: -4px
}

img.arrow-2 {
    top: 657px;
}
.icon-img img {
    position: absolute;
}
.inner-footer,.join-anc a,.sear a {
    background: var(--yel)
}
.inner-footer {
    border-radius: 0 150px 0 0;
    padding: 70px 0;
    /* width: 1790px; */
}
.footer-con h6 {
    font-family: var(--ga);
    font-size: 65px;
    color: #fff
}
.bootom-foot-con h6,.footer-con p {
    font-family: var(--cab);
    color: #fff
}

.footer-con p {
    font-size: 25px
}
.join-anc.pen a {
    background: var(--wh);
    color: var(--bl);
}
.bottom-footer {
    background: #000;
    padding: 10px 230px
}

.input-check label,.locat select,span.exp {
    color: var(--lig)
}

.dates.foot {
    color: #fff
}

.dates.foot span {
    font-family: var(--cabv);
    font-size: 17px
}
.dates {
    gap: 11px;
    margin-bottom: 10px;
    /* justify-content: end; */
    display: flex;
}

.dates span {
    font-weight: 500;
    border-right: 1px solid;
    padding-right: 14px
}

.dates h5 {
    margin: 0
}
.ange-select {
    border: 0;
    font-family: var(--ga);
}
section.search-sec-area {
    background: var(--red);
    padding: 40px 61px
}

.serch-area.sec {
    margin: 50px 0 30px;
    width: 1160px;
    box-shadow: 0 0 8px #00000070
}

.advance-search.sec {
    text-align: start;
    padding: 0;
    margin-bottom: 30px
}

img.use {
    left: 20px;
    bottom: 20px
}

.seach-loc {
    padding: 20px;
    border-radius: 30px;
    margin-top: 15px
}

.loc-con h1 {
    font-size: 33px
}

.loc-con h6,.loc-con p,.loc-con span,span.cash {
    font-size: 26px;
    font-family: var(--qui)
}

.map-area {
    padding: 30px;
    border-radius: 20px
}

.input-sear,.input-sear-store {
    border-radius: 10px;
    position: relative
}

.maps iframe {
    width: 510px;
    border-radius: 20px
}
.modal-header-profile {
    display: flex;
    justify-content: end;
    padding-right: 25px;
    padding-top: 20px
}

.modal-content.profile-area {
    background: var(--cyan);
    width: 140%
}

.profile-main-area {
    background: var(--wh);
    padding: 20px;
    border-radius: 25px;
    margin: 0 20px
}

.user-profile-img h5 {
    font-family: var(--qui);
    font-size: 70px;
    margin-bottom: 0
}

.user-profile-img span {
    font-size: 31px;
    font-family: var(--qui);
    display: block
}

.rat-prof h6 {
    font-size: 61px;
    font-family: var(--qui);
    margin: 0
}

.rat-prof span {
    font-size: 30px;
    font-family: var(--qui)
}

.rat-prof {
    border-bottom: 1px solid var(--lig)
}

.cart-cpon h6,.cart-cpon span,.description-con h6 {
    font-family: var(--qui);
    font-size: 40px
}

.description-con {
    padding-left: 20px;
    padding-top: 20px
}

.portfolio-con h6 {
    font-family: var(--qui);
    font-size: 30px;
    position: absolute
}

.portfolio-user-img {
    padding-left: 30px
}

section.camera-sec {
    background: var(--red);
    padding: 50px 70px
}

.camera-con h6 {
    font-family: var(--qui);
    font-size: 100px
}

.map-area,.seach-loc {
    background: var(--wh)
}
.loc-con h1,.sign-con h6,ul#myTab li button {
    font-family: var(--qui)
}
/* Prfoile-page */
.user-profile img {
    width: 100%;
    object-fit: cover
}
section.prfile-sec {
    background: var(--red);
    padding: 30px 120px 40px;
    position: relative
}

.user-con {
    margin-top: 40px
}
.user-con h1 {
    font-family: var(--qui);
    font-size: 64px;
    margin: 0
}

.profile-rating span,.user-con span {
    font-family: var(--cab);
    color: var(--lig);
    font-size: 20px
}

.rating-num span {
    font-family: var(--qui);
    color: var(--bl);
    font-size: 36px
}
.content-profile {
    background: var(--wh);
    padding: 30px;
    border-radius: 11px;
    top: 30px;
    right: 50px
}
.detail h6 {
    font-family: var(--qui);
    font-size: 20px;
}

.detail-con span,.pack-con.avab span {
    font-family: var(--cab);
    color: var(--lig)
}

.detail-con span {
    font-size: 18px
}
.personal-detail {
    /* margin-bottom: 30px; */
}
.personal-info {
    margin: 11px 0;
    /* width: 790px; */
}
.personal-info h6 {
    font-family: var(--qui);
    font-size: 30px
}

.personal-info p {
    font-family: var(--cab);
    font-size: 22px;
    /* width: 670px; */
    color: var(--lig)
}
section.pre-set-packeges {
    background: var(--red);
    padding: 60px 30px
}

.pack-con h6 {
    margin-bottom: 30px
}

img.use.pack {
    width: 50px
}

.user-con {
    margin-top: 40px
}

.pack-con.avab span {
    text-align: center;
    display: block;
    font-size: 22px
}

section.avaiblity {
    background: var(--red);
    padding: 20px 0
}
.about-img img,.cart-slider img,.drp-bor img,.ovelay,.portfolio-img img,.product-img img,.tabs-sec img,img.pr {
    width: 100%
}
.Portfolio-con h6,.pack-con h6 {
    font-size: 75px;
    font-family: var(--qui);
    text-align: center;
    text-transform: capitalize;
}
section.Blog-sec {
    background: var(--red);
    padding: 40px 0
}

.blog-con h6 {
    font-size: 30px;
    font-family: var(--pop);
    font-weight: 500
}

.dates h5,.dates span {
    font-family: var(--pop);
    font-size: 20px
}

.dates {
    gap: 11px;
    margin-bottom: 10px;
    /* justify-content: end; */
}

.dates span {
    font-weight: 500;
    border-right: 1px solid;
    padding-right: 14px
}

.dates h5 {
    margin: 0
}

.blog-con p,.description-con p {
    font-family: var(--cab);
    font-size: 22px
}

.blog-con img {
    margin-bottom: 20px;
    transition: all .7s;
}

section.Portfolio-pic {
    background: var(--red);
    padding: 0 160px
}

.input-sear,.input-sear-store,.profile-anc i,.uplod-modal-sec {
    background: var(--wh)
}

.Portfolio-con h6 {
    margin: 0
}

section.review-sec.pack-man {
    padding: 80px 160px
}

img.arrow-1.home {
    top: 653px;
}

img.arrow-2.py {
    top: 652px;
}

.main-portfolio-img {
    display: flex;
    gap: 0
}

.profile-anc span {
    font-family: var(--qui);
    font-size: 26px
}

.profile-anc i {
    padding: 6px;
    border-radius: 33px;
    color: var(--bl)
}

.profile-anc a,.search-anc a {
    color: var(--wh);
    text-decoration: none
}

.profile-anc {
    display: none
}

.con-friend h6 {
    font-family: var(--ga);
    font-size: 100px
}

.con-friend p {
    font-family: var(--in);
    font-size: 20px
}

.con-store h1,.con-store h6 {
    font-family: var(--cab)
}

.con-friend {
    text-align: center;
    margin: 50px
}

.main-search,section.product-name {
    padding: 0 70px
}

.input-sear,.search-anc a {
    padding: 20px;
    font-family: var(--in)
}

.input-sear-store {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px
}

.con-store h1 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 800
}

.camera-con h6,.inner-packeges p,.modal-upload-con h6,.prset-con h6 {
    text-transform: capitalize
}

.input-sear-store span {
    font-family: var(--in);
    letter-spacing: 2px
}

.input-sear {
    text-transform: lowercase
}

.input-sear-store input[type=search] {
    border: 0;
    width: 100%
}

.input-sear-store input[type=search]::placeholder {
    font-family: var(--in)
}

.input-sear-store i {
    position: absolute;
    right: 50px
}

.input-sear input[type=text],.nav-tabs .nav-link,.partner-con-main.size,.rat-prof.last-child {
    border: none
}

.search-anc a {
    background: var(--yel);
    display: block;
    border-radius: 11px;
    transition: all .7s;
}

.camera-area h6 {
    font-family: var(--ga);
    font-size: 31px
}

.images-camera {
    padding: 20px 70px
}

.con-camera h6 {
    font-family: var(--ga);
    font-size: 104px;
    text-align: center
}

.camera-zip-text input[type=text] {
    border: 1px solid var(--bla);
    width: 100%;
    height: 50px;
    font-family: var(--pop);
    font-size: 20px
}

.serach-option select {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid var(--wh);
    font-family: inter
}

label {
    display: block;
    margin: 10px 0 5px;
    font-size: 15px;
    padding: 11px 0px;
}

input[type=range] {
    width: 100%;
    margin: 10px 0;
    -webkit-appearance: none;
    appearance: none;
    height: 8px;
    border-radius: 5px;
    background: #ddd
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #4caf50;
    border-radius: 50%;
    cursor: pointer
}

input[type=range]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #4caf50;
    border-radius: 50%;
    cursor: pointer
}

.search_img {
    position: relative;
    display: inline-block
}

.search_img img {
    display: block;
    width: 100%
}

.search_content-review {
    position: absolute;
    bottom: 10px;
    left: 40px;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px
}

.search_content-review h6 {
    font-family: Quirino;
    font-size: 46.14px;
    font-weight: 400;
    line-height: 59.98px;
    text-align: left
}

.result_banner {
    margin-left: 100px;
    margin-right: 100px
}

section.result {
    background: var(--red);
    padding: 70px 0
}

.prset-con h6 {
    font-family: var(--ga);
    font-size: 104px;
    padding: 50px 0
}

.prse-main-area {
    padding: 60px 70px
}

.prser-con h6 {
    font-size: 53px;
    font-family: var(--qui);
    margin-bottom: 30px
}

.prser-con p {
    font-size: 28px;
    font-family: var(--cab)
}

.packages-sec {
    padding: 0 70px 50px
}
.multiSelect {
    width: 100%;
  position: relative;
}

.multiSelect *, .multiSelect *::before, .multiSelect *::after {
  box-sizing: border-box;
}

.multiSelect_dropdown {
  font-size: 14px;
  min-height: 35px;
  line-height: 35px;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
  background-color: #fff;
  color: #444f5b;
  border: 1px solid #d9dbde;
  font-weight: 400;
  padding: 0.5px 13px;
  margin: 0;
  transition: .1s border-color ease-in-out;
  cursor: pointer;
}

.multiSelect_dropdown.-hasValue {
  padding: 5px 30px 5px 5px;
  cursor: default;
}

.multiSelect_dropdown.-open {
  box-shadow: none;
  outline: none;
  padding: 4.5px 29.5px 4.5px 4.5px;
  border: 1.5px solid #4073FF;
}

.multiSelect_arrow::before,
.multiSelect_arrow::after {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 8px;
  border-radius: 20px;
  border-bottom: 8px solid #99A3BA;
  top: 40%;
  transition: all .15s ease;
}

.multiSelect_arrow::before {
  right: 18px;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

.multiSelect_arrow::after {
  right: 13px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.multiSelect_list {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(10 * 31px);
  top: 28px;
  left: 0;
  z-index: 9999;
  right: 0;
  background: #fff;
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  -webkit-transform: scale(0.8) translate(0, 4px);
  transform: scale(0.8) translate(0, 4px);
  border: 1px solid #d9dbde;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
}

.multiSelect_option {
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-transform: translate(6px, 0);
  transform: translate(6px, 0);
  transition: all .15s ease;
}

.multiSelect_option.-selected {
  display: none;
}

.multiSelect_option:hover .multiSelect_text {
  color: #fff;
  background: #4d84fe;
}

.multiSelect_text {
  cursor: pointer;
  display: block;
  padding: 5px 13px;
  color: #525c67;
  font-size: 14px;
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all .15s ease;
}

.multiSelect_list.-open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translate(0, 12px);
  transform: scale(1) translate(0, 12px);
  transition: opacity 0.15s ease, visibility 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.multiSelect_list.-open + .multiSelect_arrow::before {
  -webkit-transform: rotate(-130deg);
  transform: rotate(-130deg);
}

.multiSelect_list.-open + .multiSelect_arrow::after {
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.multiSelect_list.-open .multiSelect_option {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.multiSelect_list.-open .multiSelect_option:nth-child(1) {
transition-delay: 10ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(2) {
transition-delay: 20ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(3) {
transition-delay: 30ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(4) {
transition-delay: 40ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(5) {
transition-delay: 50ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(6) {
transition-delay: 60ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(7) {
transition-delay: 70ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(8) {
transition-delay: 80ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(9) {
transition-delay: 90ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(10) {
transition-delay: 100ms;
}

.multiSelect_choice {
  background: rgba(77, 132, 254, 0.1);
  color: #444f5b;
  padding: 4px 8px;
  line-height: 17px;
  margin: 5px;
  display: inline-block;
  font-size: 13px;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 500;
}

.multiSelect_deselect {
  width: 12px;
  height: 12px;
  display: inline-block;
  stroke: #b2bac3;
  stroke-width: 4px;
  margin-top: -1px;
  margin-left: 2px;
  vertical-align: middle;
}

.multiSelect_choice:hover .multiSelect_deselect {
  stroke: #a1a8b1;
}

.multiSelect_noselections {
  text-align: center;
  padding: 7px;
  color: #b2bac3;
  font-weight: 450;
  margin: 0;
}

.multiSelect_placeholder {
  position: absolute;
  left: 20px;
  font-size: 14px;
  top: 8px;
  padding: 0 4px;
  background-color: #fff;
  color: #b8bcbf;
  pointer-events: none;
  transition: all .1s ease;
}

.multiSelect_dropdown.-open + .multiSelect_placeholder,
.multiSelect_dropdown.-open.-hasValue + .multiSelect_placeholder {
  top: -11px;
  left: 17px;
  color: #4073FF;
  font-size: 13px;
}

.multiSelect_dropdown.-hasValue + .multiSelect_placeholder {
  top: -11px;
  left: 17px;
  color: #6e7277;
  font-size: 13px;
}

  .detail-con {
      /* padding: 30px; */
      background: 0;
      font-family: var(--ga);
      font-size: 42px;
      /* background: var(--yel); */
  }


  .card-image img {
  width: 100%;
}

.container {
padding: 2rem 1rem;
margin: 0 auto;
max-width: 68rem;
width: 100%;
}

.main {
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}

.card {
  background: #fff;


  border-radius: 2px;

  &-image {

    display: block;
    padding-top: 70%;
    position: relative;
    width: 100%;

    img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
}

@media  only screen and (max-width: 600px) {
    .main {
        .container {
          display: grid;
          grid-template-columns: 1fr;
          grid-gap: 1rem;
        }
      }

}
input#origin:focus {outline: 0;}
.Portfolio-con h6,.pack-con h6 {
    font-size: 75px;
    font-family: var(--qui);
    text-align: center
}
.btn-search a {
    background: var(--yel);
    border-radius: 50px;
    color: #fff;
    font-family: var(--qui);
    font-size: 20px;
    padding: 20px 90px;
    display: flex
}

.join-anc a,a.price {
    text-decoration: none;
    display: table
}

.btn-search a:focus {
    outline: 0;
    border: none
}

.btn-search {
    top: -3px;
    right: -1px
}
.num {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid;
    padding: 0 20px;
  }
  .num span {
    font-weight: bold;
  }
  .profile-con h6 {
    font-size: 170px;
    font-family: var(--ga);
    text-transform:
capitalize;
}

.profile-con {
    text-align: center;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-left: 40px;
}
.user-con-update h6 {
    font-family: var(--pop);
    font-size: 24px;
}

.user-con-update span {
    font-size: 19px;
    font-family: var(--pop);
}

.user-con-update a {
    font-family: var(--ga);
    font-size: 20px;
    background: var(--yel);
    padding: 20px 0px;
    border-radius: 51px;
    text-align: center;
    margin-top: 20px;
    color: var(--wh);
}
.main-profile-upload {
    background: var(--wh);
    padding: 30px;
    border-radius: 28px;
    margin-bottom: 120px;
}
.profile-input label {
    font-size: 30px;
    font-family: var(--ga);
}

.select-profile label {
    font-size: 30px;
    font-family: var(--ga);
}

.profile-input input.form-control {
    background: #F9F9F9;
    border: 1px solid #0000001f;
    height: 57px;
    border: 0;
}

.select-profile select#choices {background: #F9F9F9;border: 1px solid #0000001f;height: 59px;font-family: var(--ga);font-size: 21px;}
section.profile-sec {
    padding: 0 120px;
}
.loc-img img {
    width: 100%;
    cursor: pointer;
}
.sub-tottal {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    align-items: center;
    padding-bottom: 10px;
    margin: 20px 0;
    gap: 120px;
}
.order-div h6 {
    font-size: 26px;
    font-family: var(--qui);
}

.sub-tottal span {
    font-family: var(--pop);
}
.order-div {
    border-left: 1px solid;
    padding-left: 43px;
    margin-left: 40px;
}
.sub-tottal h5 {
    font-size: 16px;
    font-family: var(--pop);
}
.sub-tottal p {
    font-size: 16px;
    font-family: var(--pop);
}
.sub-tottal:last-child {
    border-bottom: 0;
}
section.about-inner {
    padding: 120px 330px;
}
.search-btn {
    background: var(--yel);
    text-align: center;
    padding: 26px 0px;
    border-radius: 70px;
}

html {
    overflow-x: hidden;
}
.product-img.vendor-detail.text-center a img {
    height: 286px;
}
/* Ensure dropdown opens smoothly */
.dropdown:hover .dropdown-menu {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

/* Smooth Fade In Effect */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
input#origin::placeholder {
    font-family: var(--cab);
}


input#custom-date {
    font-family: var(--ga);
}