@import url("../css/common.css");

/* navbar section start  */
.navbar-motersDesign .navbar-ui li a:hover,
.navbar-motersDesign .navbar-ui li.active a{
  color: var(--primary-color);
}
.navbar-motersDesign .navbar-ui li .nav-items{
  display: flex;
  align-items: center;
  color: var(--subtitle-text1);
  font-size: 14px;
  font-weight: 500;
}
.btn-common-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--primary-color);
  padding: 10px 28px;
  border-radius: 60px;
  color: var(--white-color);
  background: var(--primary-color);
  font-weight: 500;
  text-transform: capitalize;
  width: max-content;
  box-shadow: 0px 5px 10px 0px #10abc426;
  transition: all 0.3s;
}
.btn-common-btn:hover{
  color: var(--primary-color);
  background: transparent;
}
.btn-common-border{
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--primary-color);
  padding: 10px 28px;
  border-radius: 60px;
  color: var(--primary-color);
  background: var(--white-color);
  font-weight: 500;
  width: max-content;
  transition: all 0.3s;
}
.btn-common-border:hover{
  color: var(--white-color);
  background: var(--primary-color);
}
.navbar-motersDesign .brand-logo{
      margin-left: -45px;
    width: 230px;
}
.dropdown-nav-common .dropdown-menu{
  background: var(--white-color);
  box-shadow: -2px 1px 60.8px 10px #00000017;
  border: none;
  top: 15px !important;
  padding: 8px 14px;
  border-radius: 10px;
}
.dropdown-nav-common .dropdown-menu::before{
  content: "";
  height: 14px;
  width: 14px;
  background: var(--white-color);
  display: block;
  position: absolute;
  top: -6px;
  transform: rotate(45deg);
  left: 16px;
}
.dropdown-nav-common .dropdown-menu li a{
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 32px 8px 6px;
  color: var(--title-text);
  position: relative;
}
.dropdown-nav-common .dropdown-menu li a:hover,
.dropdown-nav-common .dropdown-menu li a.active{
  color: var(--primary-color);
}
.dropdown-nav-common .dropdown-menu li a.logout{
  color: var(--danger-color);
  justify-content: space-between;
  padding: 8px 6px 8px 6px;
}
.dropdown-nav-common .dropdown-menu li a img{
  height: 40px;
  width: 40px;
  object-fit: contain;
}
.dropdown-nav-common .dropdown-menu li{
  border-bottom: 1px solid #0000001A;
}
.dropdown-nav-common .dropdown-menu li:last-child{
  border: none;
}
.dropdown-nav-common ul li a .flag-dropdown{
  border-radius: 100%;
}
.dropdown-nav-common ul li a .arrow-icon{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  align-content: center;
}
.hove-dropdown-design{
  background: var(--white-color);
  box-shadow: -2px 1px 60.8px 10px #00000017;
  border: none;
  top: 0;
  padding: 8px 14px;
  position: absolute;
  right: -138%;
  border-radius: 10px;
  display: none;
}
.dropdown-menu li .contary-items.active ~ .hove-dropdown-design{
  display: block;
}
.hove-dropdown-design::before{
  content: "";
  height: 14px;
  width: 14px;
  background: var(--white-color);
  display: block;
  position: absolute;
  top: 30px;
  transform: rotate(45deg);
  left: -6px;
}
.dropdown-nav-common .dropdown-menu li a .icon-tk{
  height: 32px;
  width: 32px;
  object-fit: contain;
}

/* header section start  */
.tourist-left-header .title-toGo::before{
  height: 2px;
  width: 12px;
  background: var(--primary-color);
  content: "";
  display: inline-block;
  margin-right: 5px;
}
.searches-box-header{
  background: var(--white-color);
  border-radius: 26px;
  border: 1px solid var(--primary-color);
  box-shadow: 0px 10px 29px 0px #10abc421;
}
.header-select-search .select-header{
  width: 100%;
  background: var(--white-color);
  padding: 11px 1px;
  border: none;
  border-radius: 0;
  outline: none;
  color: var(--title-text);
  border-bottom: 1px solid var(--border-color);
}
.btn-search-header{
  padding: 11px 14px;
  width: 100%;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  font-weight: 500;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.3s;
}
.btn-search-header:hover{
  color: var(--primary-color);
  background: var(--white-color);
}
.searches-box-header .border-right{
  border-right: 1px solid #10abc461;
}
.review-group-people .people-rew{
  height: 36px;
  width: 36px;
  border: 2px solid var(--white-color);
  border-radius: 100%;
  object-fit: cover;
  margin-left: -12px;
}
.review-group-people .more-review{
  height: 36px;
  width: 36px;
  border-radius: 100%;
  background: var(--success-color);
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-left: -12px;
  font-weight: 500;
}
.inner-right-group .group-rew{
  height: 44px;
  width: 44px;
  border: 2px solid var(--white-color);
  border-radius: 100%;
  object-fit: cover;
  margin-left: -18px;
}
.header-right-review{
  background: linear-gradient(86.64deg, rgba(252, 252, 253, 0) 2.44%, #5DDCF0 97.23%);
  backdrop-filter: blur(32px);
  padding: 12px 16px;
  border-radius: 44px;
  width: 60%;
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: auto;
}

/* Discover our range section start  */
.single-explore-main .flag-item{
  width: 102px;
  height: 102px;
  border-radius: 100%;
  object-fit: cover;
}
.explore-contents p{
  background: #E9EBED;
  font-weight: 500;
  padding: 7px 14px;
  border-radius: 56px;
}
.trips-map-section{
  background: linear-gradient(269.61deg, #5CBCCB 0.31%, rgba(255, 255, 255, 0) 99.65%);
}

/* Top picks by other travellers section */
.image-top-picks .img-pickes{
  height: 280px;
  width: 100%;
  object-fit: contain;
}

/* Still Looking For Advice sectiont  */
.video_postdata video{
  object-fit: cover;
}
.video_postdata .video-js{
  width: 100% !important;
  height: 520px !important;
  border-radius: 0px;
}
.video_postdata{
  overflow: hidden;
  position: relative;
}
.video_postdata .video-js .vjs-tech{
  border-radius: 0px;
}
.video_postdata .video-js .vjs-big-play-button {
  font-size: 30px;
  height: 52px;
  width: 52px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  border: 1px solid var(--white-color);
  background: transparent;
  border-radius: 100%;
  margin: auto;
  line-height: 52px;
}
.video_postdata .video-js .vjs-control{
  box-shadow: none;
}
.video_postdata .video-js .vjs-control-bar {
  width: 97%;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  background-color: #1c1c1c61;
  margin: auto;
  border-radius: 0px;
}
.list-category-single{
  align-items: center;
  gap: 7px;
  border: 1px solid var(--primary-color);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.list-icon-catagory{
  background: #10abc42e;
  color: #10ABC4;
  height: 52px;
  width: 52px;
  min-width: 52px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
.list-category-single:hover{
  background: var(--primary-color);
}
.list-category-single:hover .list-icon-catagory{
  background: var(--white-color);
}
.list-category-single:hover h4,
.list-category-single:hover p{
  color: var(--white-color);
}

/* Check Out Recent Review section */
.single-recent-review{
  border: 1px solid var(--primary-color);
  border-radius: 12px;
}
.top-heading-reviews .user-recent-rw{
  height: 58px;
  width: 58px;
  min-width: 58px;
  border-radius: 100%;
  object-fit: cover;
}
.recent-review-slide .slick-track{
  margin: 0;
}
.recent-review-slide .slick-dots{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.recent-review-slide .slick-dots li button{
  height: 9px;
  width: 9px;
  background: #10abc48a;
  border: none;
  font-size: 0;
  margin: 0px 4px;
  border-radius: 100%;
}
.recent-review-slide .slick-dots li.slick-active button{
  background: var(--primary-color);
}

/* How It Works section start  */
.work-box-single .works-box-sm{
  height: 102px;
  width: 101px;
  background: #5EDEF2;
  border-radius: 14px;
  display: flex;
  align-items: center;
  font-size: 58px;
  font-weight: 800;
  color: var(--white-color);
  padding-right: 92px;
  margin: auto;
}
.work-box-single .works-box-sm span{
  color: #5846DF;
  margin-left: -27px;
}
.work-box-single.even .works-box-sm{
  background: #5846DF;
}
.work-box-single.even .works-box-sm span{
  color: #00C9BD;
}

/* blog section start  */
.news-blog-slider .slick-track{
  margin-left: 0;
}
.news-blog-img .blog-img{
  width: 100%;
  height: 280px;
  border-radius: 12px;
  object-fit: cover;
}
.news-blog-contents{
  background: var(--white-color);
  border-radius: 8px;
  width: 86%;
  margin: auto;
  margin-top: -39px;
  position: relative;
  transition: all 0.3s;
}
.news-blog-contents h4::before{
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 100%;
  display: inline-block;
  background: var(--primary-color);
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.single-newsBoxmain:hover .news-blog-contents{
  background: var(--primary-color);
}
.single-newsBoxmain:hover .news-blog-contents h4,
.single-newsBoxmain:hover .news-blog-contents p{
  color: var(--white-color);
}
.single-newsBoxmain:hover .news-blog-contents h4::before{
  background: var(--white-color);
}
.items-company-logo .company-logos{
  width: 170px;
  height: 80px;
  object-fit: contain;
  margin: auto;
  filter: grayscale(1);
}
.items-company-logo .company-logos:hover{
  filter: unset;
}

/* footer section strat  */
.footer-left-logo .footer-logo{
  width: 230px;
}
.ui-footer-links li a{
  color: var(--subtitle-text1);
  display: inline-block;
  margin-top: 8px;
  font-weight: 400;
  transition: all 0.3s;
}
.ui-footer-links li a:hover{
  margin-left: 4px;
  opacity: 0.75;
}
.inners-motors-footer{
  border-bottom: 1px solid #ffffff2b;
}
.footer_socialmedia a{
  color: var(--title-text);
  font-size: 20px;
}
.footer_socialmedia a:hover{
  color: var(--primary-color);
}
.custom-tooltip {
  --bs-tooltip-bg: var(--primary-color);
}
.copyright-container{
  border-top: 1px solid #363C44;
}
.time-line-footer span{
  width: 90px;
  display: inline-block;
}
.time-line-footer{
  border-bottom: 1px dashed var(--white-color);
  width: max-content;
  padding-right: 12px;
}
.bottom-footer-design{
  border-top: 1px solid var(--border-color);
}
.comman_inputfield_main .input_footer_home{
  width: 100%;
  background: transparent;
  border: 1px solid var(--border-color);
  height: 48px;
  border-radius: 40px;
  padding: 12px 20px;
  outline: none;
  color: var(--title-text);
  font-size: 14px;
  font-weight: 400;
}
.comman_inputfield_main .input_footer_home:focus {
  border: 1px solid var(--primary-color);
}
.comman_inputfield_main .input_footer_home::placeholder{
  color: var(--subtitle-text1);
}
.comman_inputfield_main .btn-send-home{
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background: var(--black-color);
  border: none;
  color: var(--white-color);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 3px;
  top: 3px;
  transition: all 0.3s;
}
.comman_inputfield_main .input_footer_home:focus ~ .btn-send-home,
.comman_inputfield_main .btn-send-home:hover{
  background: var(--primary-color);
}

/* pagination code  */
.pagination_nav{
  background: transparent;
  border-radius: 10px;
  padding: 5px;
  width: max-content;
  margin: auto;
  border: 1px solid #00000012;
}
.pagination_nav ul .page_items a.active, .pagination_nav ul .page_items a:hover {
  background: var(--primary-color);
  color: var(--white-color);
}
.pagination_nav ul .page_items a {
  height: 40px;
  min-width: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--title-dark);
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.3s;
}
.pagination_nav ul .prev-next a{
  height: 40px;
  min-width: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C2EEF5;
  border-radius: 6px;
  transition: all 0.3s;
  font-size: 22px;
  color: var(--primary-color);
}

/* write review section  */
.input-common-field .input-field{
  width: 100%;
  height: 48px;
  border-radius: 43px;
  outline: none;
  border: 1px solid var(--primary-color);
  padding: 6px 20px;
  font-size: 14px;
  color: var(--title-text);
  font-weight: 400;
}
.input-common-field .textarea-field {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  outline: none;
  border: 1px solid var(--primary-color);
  padding: 12px 20px;
  font-size: 14px;
  color: var(--title-text);
  resize: none;
  font-weight: 400;
}
.input-common-field .input-field.error {
  background: url(../images/error-icon.svg) no-repeat 100% center, var(--white-color);
  background-origin: content-box;
  border: 1px solid var(--danger-color) !important;
  background-size: 20px;
}
.input-common-field .textarea-field.error,
.input-common-field .textare-field.error {
  background: url(../images/error-icon.svg) no-repeat 100% center, var(--white-color);
  background-origin: content-box;
  border: 1px solid var(--danger-color) !important;
  background-size: 20px;
}
.input-common-field .input-field.light-color{
  border-radius: 10px;
  border: 1px solid var(--border-color);
}
.input-common-field .input-field.light-color:read-only{
  background: #E7E7E7;
}
.input-common-field .input-field.search-light{
  border: 1px solid #C5C5C580;
  height: 44px;
}
.btn-search-table{
  height: 42px;
  width: 42px;
  min-width: 42px;
  border-radius: 100%;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-size: 18px;
}
.input-common-field .textare-field{
  width: 100%;
  border-radius: 16px;
  outline: none;
  border: 1px solid var(--primary-color);
  padding: 12px 20px;
  font-size: 14px;
  color: var(--title-text);
  font-weight: 400;
  resize: none;
}
.upload-box-design .btn-uploading-file{
  background: #10abc41c;
  border: 1px dashed var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: max-content;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 600;
  color: var(--title-text);
  cursor: pointer;
}
.all-attachement-file p{
  font-size: 13px;
  font-weight: 600;
  color: var(--subtitle-text1);
  display: flex;
  align-items: center;
  gap: 4px;
}
.all-attachement-file p span{
  font-size: 16px;
}
.all-attachement-file {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.file-item {
  display: flex;
  align-items: center;
  background-color: #10abc41c;
  padding: 8px;
  border-radius: 6px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
  gap: 10px;
}

.file-item img.file-preview {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}

.file-item span {
  flex-grow: 1;
  font-size: 14px;
  color: #333;
}

.file-item .remove-file {
  background-color: #ff4d4d;
  color: #fff;
  border: none;
  padding: 4px 8px;
  margin-left: 8px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 12px;
  transition: background-color 0.2s;
}

.file-item .remove-file:hover {
  background-color: #ff0000;
}

.common-check-field .common-checkfield{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  color: var(--subtitle-text1);
}
.common-check-field .common-checkfield::before{
  height: 18px;
  width: 18px;
  min-width: 18px;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}
.common-check-field input:checked ~ .common-checkfield::before{
  content: "\ea41";
  font-family: 'boxicons', sans-serif;
  background: var(--primary-color);
  color: var(--white-color);
}
.input-common-field .input-field.search-size{
  padding: 6px 118px 6px 44px;
}
.input-common-field .icon-position{
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  align-content: center;
}
.input-common-field .btn-search{
  position: absolute;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--primary-color);
  padding: 10px 36px;
  border-radius: 60px;
  color: var(--white-color);
  background: var(--primary-color);
  font-weight: 500;
  width: max-content;
  transition: all 0.3s;
  top: 0;
  right: 5px;
  bottom: 0;
  height: 40px;
  align-self: center;
}
.input-common-field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.input-common-field.light-color .select2-container .select2-selection--single{
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.input-common-field.light-color .select2-container .select2-selection--multiple{
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.btn-edit-profiles{
  border: 1px solid var(--border-color);
  background: transparent;
  border-radius: 24px;
  padding: 5px 16px;
  color: var(--title-text);
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}

/* header company and listing  */
.headercompany-listing{
  background: linear-gradient(89.61deg, #5cbccbd1 -0.69%, rgba(255, 255, 255, 0) 100.65%);
}
.side-items-inr{
  border: 1px dashed var(--primary-color);
  border-radius: 12px;
  transition: all 0.3s;
}
.side-items-inr:hover{
  background: var(--primary-color);
}
.side-items-inr:hover i,
.side-items-inr:hover h4,
.side-items-inr:hover p{
  color: var(--white-color);
}

/* Grow your business section  */
.grow-bussines-box{
  background: var(--white-color);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.grow-bussines-box .gb-count{
  background: linear-gradient(180deg, #10ABC4 0%, rgba(255, 255, 255, 0.0001) 103.43%);
  font-weight: 800;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 4px;
}
.grow-bussines-box:hover{
  background: #7CEBFD;
  border-color: var(--primary-color);
}

/* Why Choose Global Tourister? section */
.inner-global-chbox{
  background: var(--primary-color);
  border-radius: 16px;
  display: block;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.number-global{
  height: 98px;
  width: 98px;
  min-width: 98px;
  background: #0814203d;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-weight: 700;
  font-size: 36px;
}
.inner-global-chbox:hover{
  background: var(--white-color);
  box-shadow: 2px 2px 20px 0px #00adc26e;
}
.inner-global-chbox:hover .choose-content-lft h4,
.inner-global-chbox:hover .choose-content-lft p{
  color: var(--primary-color);
}
.inner-global-chbox:hover .number-global{
  background: var(--primary-color);
}
.btn-why-chhose{
  text-transform: capitalize;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  display: inline-block;
  padding: 10px 32px;
  border-radius: 32px;
  color: var(--white-color);
  font-weight: 500;
  transition: all 0.3s;
  box-shadow: -15px 20px 50px 0px #10ABC454;
}
.btn-why-chhose:hover{
  color: var(--primary-color);
  background: var(--white-color);
}

/* all blog page  */
.main-latest-mainBlog{
  background: #e6e9f1;
}
.innerbox-latestblog{
  background: #EAFBFE;
  border-radius: 16px;
}
.latest-blog-img .lts-blog{
  width: 100%;
  border-radius: 16px;
  height: 360px;
  object-fit: cover;
}
.blog-tags-box p{
  background: #EFF6FF;
  color: #1D4ED8;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 6px;
  border: none;
}
.post-details-inr .post-user{
  height: 52px;
  width: 52px;
  border-radius: 100%;
  object-fit: cover;
}
.filters .new-port-category{
  background: transparent;
  border: none;
  padding: 11px 40px;
  border-radius: 8px;
  transition: all 0.3s;
  color: var(--title-text);
  font-weight: 500;
  font-size: 15px;
}
.filters .new-port-category:hover,
.filters .new-port-category.is-checked{
  background: var(--primary-color);
  color: var(--white-color);
}
.gried-post-boxed{
  background: #C2EEF5;
  border-radius: 16px;
}
.gried-post-boxed .blog-post{
  width: 100%;
  height: 280px;
  border-radius: 12px;
  object-fit: cover;
}
.details-imgbig-blog{
  width: 100%;
  border-radius: 22px;
  height: 490px;
  object-fit: cover;
}
.left-panel-introduction{
  background: #BCF5FE;
  border-radius: 14px;
  position: sticky;
  top: 10px;
}

/* Stay Connected section start  */
.stay-connected-main{
  background: linear-gradient(88.7deg, rgba(16, 171, 196, 0.8) 4.44%, rgba(234, 251, 254, 0.8) 97.87%);
}
.inner-stay-connected{
  background: var(--white-color);
  border-radius: 14px;
  text-align: center;
}
.subscribe-input input{
  width: 100%;
  height: 46px;
  border-radius: 8px;
  outline: none;
  border: 1px solid var(--primary-color);
  padding: 6px 20px;
  font-size: 14px;
  color: var(--title-text);
  font-weight: 400;
}
.subscribe-input .btn-subscrib{
  height: 46px;
  padding: 8px 36px;
  border-radius: 8px;
  border: none;
  background: var(--primary-color);
  color: var(--white-color);
  font-weight: 500;
  text-wrap-mode: nowrap;
}

/* check best place country */
.box-place-country{
  border: 1px solid var(--primary-color);
  overflow: hidden;
  border-radius: 14px;
}
.flag-bg-country{
  width: 100%;
  height: 112px;
  object-fit: cover;
}
.inner-coutry-place-div{
  margin-top: -64px;
}
.top-coutry-flag-text .flag-rounded{
  height: 120px;
  width: 120px;
  border-radius: 100%;
  object-fit: cover;
}
.btn-country-check{
  background: var(--primary-color);
  border: none;
  color: var(--white-color);
  font-weight: 600;
  padding: 11px 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 67px;
  width: 90%;
}
.place-review-part .place-review-txt{
  border-right: 1px solid #d3d3d3;
}
.place-review-part .place-review-txt:last-child{
  border: none;
}

/* signle listing details page */
.common-btn-list{
  height: 46px;
  width: 46px;
  border-radius: 100%;
  background: transparent;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--title-text);
}
.common-btn-list.likefill{
  border-color: #EB3F5E;
  background: #EB3F5E;
  color: var(--white-color);
}
.describe .ht-resort{
  font-weight: 500;
  color: #58C27D;
  padding: 3px 10px;
  border: 1px solid #58C27D;
  border-radius: 20px;
}
.list-topheader-img .big-left-lst{
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 16px;
}
.list-topheader-img .small-right-lst{
  width: 100%;
  height: 212px;
  border-radius: 14px;
  object-fit: cover;
}

/* login register section  */
.login-register-bg{
  background: linear-gradient(355.46deg, rgba(16, 171, 196, 0.8) 1.93%, rgba(255, 255, 255, 0.352) 68.76%);
}
.inner-registe-login{
  background: var(--white-color);
  border-radius: 14px;
  box-shadow: -6px 14px 51px 3px #46a0af26;
}
.top-logoTitle img{
  height: 46px;
  width: 46px;
  object-fit: contain;
}
.or-withline-center::before, .or-withline-center::after {
  display: block;
  content: '';
  z-index: 1;
  background: #00000012;
  position: absolute;
  width: 100%;
  height: 1px;
}
.or-withline-center span {
  position: relative;
  z-index: 2;
  background: var(--white-color);
  padding: 8px 24px;
  border-radius: 40px;
  font-weight: 400;
}
.google-oss-box{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  color: var(--title-text);
  border: 1px solid #4285F4;
  padding: 12px 14px;
  border-radius: 75px;
}
.google-oss-box img{
  height: 20px;
  width: 20px;
  object-fit: contain;
}
.input-common-field .toggle-password::after{
  content: "\eb0e";
  font-family: 'boxicons', sans-serif;
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-origin: content-box;
  cursor: pointer;
  align-content: center;
  font-size: 20px;
  color: var(--subtitle-text);
}
.input-common-field .input-field.error ~ .toggle-password::after{
  display: none;
}
.input-common-field .toggle-password.eye-open::after{
  content: "\ec0c";
  font-family: 'boxicons', sans-serif;
}
.category-list-design{
  border-bottom: 1px solid var(--border-color);
}
.category-list-design li{
  border-bottom: 1px solid transparent;
}
.category-list-design li:hover,
.category-list-design li.active{
  border-bottom: 1px solid var(--title-text);
}

/* profile page  */
.profile-gradint-box{
  background: linear-gradient(355.46deg, rgba(16, 171, 196, 0.28) 1.93%, rgba(255, 255, 255, 0.352) 68.76%);
  border-radius: 14px;
  height: 160px;
}
.profile-pictur-bg .profile-img{
  height: 168px;
  width: 168px;
  min-width: 168px;
  object-fit: cover;
  border-radius: 100%;
  border: 5px solid var(--white-color);
}
.profil-review-contr{
  display: flex;
  background: var(--white-color);
  margin-left: -32px;
  padding: 16px 30px 16px 40px;
  border-radius: 0px 100px 100px 0px;
  box-shadow: 0px 4px 18px 0px #62868221;
}
.top-profiles-design{
  margin-top: -90px;
}
.profil-review-contr .text-profile-tp{
  border-right: 1px solid var(--border-color);
}
.profil-review-contr .text-profile-tp:last-child{
  border: none;
}
.btn-edit-profile{
  height: 48px;
  width: 48px;
  border-radius: 100%;
  background: var(--white-color);
  border: none;
  color: var(--title-text);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 18px 0px #62868236;
  transition: all 0.3s;
}
.btn-chat-profile{
  height: 48px;
  width: 48px;
  border-radius: 100%;
  background: var(--primary-color);
  border: none;
  color: var(--white-color);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 18px 0px #10acc43d;
  transition: all 0.3s;
}
.left-profile-review-box{
  position: sticky;
  top: 10px;
  background: var(--white-color);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  border: 1px solid #0000002d;
}
.review-star i{
 color: var(--primary-color);
 cursor: pointer;
}
.review-star i.no-star{
  color: #E9EBED;
}
.common-progresbar .progress{
  background: #DEDEDE;
  border-radius: 20px;
}
.common-progresbar .progress .progress-bar{
  background: var(--primary-color);
  border-radius: 20px;
}
.common-progresbar h4{
  width: 120px;
  min-width: 120px;
}
.dropdown-action .btn-dropdown-act{
  border: none;
  background: transparent;
  font-size: 22px;
  color: var(--title-text);
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-like-review{
  color: var(--title-text);
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.btn-like-review.fill{
  color: #EB3F5E;
}

/* all reviews section start  */
.all-review-singlebox{
  box-shadow: -15px 30px 50px 0px #ABAFC74D;
  border-radius: 20px;
  background: var(--white-color);
}
.review-leftimg-groups .review-img-view{
  width: 80%;
  height: 320px;
  object-fit: cover;
  border-radius: 14px;
}
.review-leftimg-groups .review-img-view.position-1{
  height: 300px;
  position: absolute;
  left: 10%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.review-leftimg-groups .review-img-view.position-2{
  height: 280px;
  position: absolute;
  left: 20%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.right-review-globle .icon-quoite{
  height: 48px;
  width: 48px;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  border-radius: 100%;
  font-size: 20px;
  box-shadow: 0px 1px 20px 0px #10abc482;
}

/* contact us start  */
.contact-page-main{
  background: linear-gradient(355.46deg, rgba(16, 171, 196, 0.8) 1.93%, rgba(255, 255, 255, 0.352) 68.76%);
}
.inner-contact-design{
  border-radius: 16px;
  background: var(--white-color);
}
.round-contacticon{
  height: 56px;
  width: 56px;
  min-width: 56px;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--white-color);
  font-size: 26px;
}
.bottom-contact-designs{
  border-top: 1px solid var(--border-color);
}
.contact-maps-views iframe{
  width: 100%;
  height: 520px;
  border-radius: 16px;
}

/* categories page  */
.category-header-contents{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.items-categories{
  width: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.items-categories .categories-banner{
  width: 100%;
  height: 454px;
  object-fit: cover;
}
.items-categories .categories-banner-list{
  width: 100%;
  height: 460px;
  object-fit: cover;
}
.items-categories::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: linear-gradient(180deg, rgb(0 0 0 / 38%) 70%, rgba(0, 0, 0, 0.62) 95%);
}
.banner-slide-category .slick-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}
.banner-slide-category .slick-dots li button{
  height: 10px;
  width: 10px;
  font-size: 0;
  border: none;
  border-radius: 100%;
  margin: 0px 4px;
  background: #ffffff96;
}
.banner-slide-category .slick-dots li.slick-active button{
  background: var(--white-color);
}
.right-like-cat i{
  color: var(--subtitle-text1);
}
.right-like-cat i.fill{
  color: #EB3F5E;
}
.advice-travel-box{
  align-items: center;
  gap: 12px;
  border: 1px solid var(--primary-color);
  padding: 20px;
  border-radius: 14px;
}
.popular-things-single .popular-thing{
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}
.thig-ctmwidth{
  width: 16.66%;
}
.popular-things-single h4{
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  font-weight: 600;
  color: var(--white-color);
}
.popular-hotel-slide .slick-track{
  margin-left: 0;
}
.popular-things-single .layer-items::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: linear-gradient(180deg, rgb(0 0 0 / 21%) 70%, rgb(0 0 0 / 75%) 95%);
}
.single-places-boxdesign{
  border: 1px solid var(--border-color);
  border-radius: 14px;
  overflow: hidden;
}
.top-places-imgbar .place-img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 12px;
}
.top-places-imgbar .like-place{
  position: absolute;
  right: 12px;
  top: 11px;
  background: var(--white-color);
  color: var(--title-text);
  height: 38px;
  width: 38px;
  border-radius: 100%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.top-places-imgbar .like-place.fill{
  color: #EB3F5E;
}
.sort-byfield{
  width: 220px;
  min-width: 220px;
}
.sort-byfield label{
  text-wrap-mode: nowrap;
}

/* hotel properties  */
.left-properties-photos{
  width: 30%;
}
.slider-hotels .items .hotel-img{
  width: 100%;
  height: 270px;
  object-fit: cover;
  border-radius: 12px;
}
.slider-hotels .items::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgb(0 0 0 / 66%) 95%);
}
.slider-hotels .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}
.slider-hotels .slick-dots li button {
  height: 10px;
  width: 10px;
  font-size: 0;
  border: none;
  border-radius: 100%;
  margin: 0px 4px;
  background: #ffffff96;
}
.slider-hotels .slick-dots li.slick-active button{
  background: var(--white-color);
}
.left-properties-photos .rating-label{
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 1;
  background: var(--primary-color);
  border-radius: 40px;
  font-size: 12px;
  color: var(--white-color);
  font-weight: 500;
  padding: 5px 12px;
}
.left-properties-photos .included-label{
  position: absolute;
  top: 46px;
  left: 10px;
  z-index: 1;
  background: var(--black-color);
  border-radius: 40px;
  font-size: 12px;
  color: var(--white-color);
  font-weight: 500;
  padding: 5px 12px;
}
.left-properties-photos .right-like-hotel{
  position: absolute;
  right: 10px;
  top: 12px;
  z-index: 3;
  background: var(--white-color);
  height: 40px;
  width: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EB3F5E;
  font-size: 22px;
}
.single-properties-category{
  box-shadow: -1px 12px 50px 0px #8a8c952e;
  border-radius: 14px;
  background: var(--white-color);
  overflow: hidden;
}
.top-maps-category iframe{
  height: 208px;
  width: 100%;
  border-radius: 12px;
}
.bottom-listall-categorys .accordion-coll-design{
  border-bottom: 1px solid #B1B1B1;
}
.accordion-coll-design .accordion-button{
  padding: 4px 0px;
  background: transparent;
  box-shadow: none;
  font-weight: 600;
  color: var(--title-text);
}
.accordion-coll-design .accordion-button::after{
  content: "\ea4a";
  background: transparent;
  font-family: 'boxicons', sans-serif;
  font-size: 24px;
  height: 28px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.bottom-listall-categorys .accordion-coll-design:last-child {
  border-bottom: none;
}
.cms-pages-section{
  background: linear-gradient(355.46deg, rgba(16, 171, 196, 0.8) 1.93%, rgba(255, 255, 255, 0.352) 68.76%);
}
.right-cms-views{
  background: var(--white-color);
  border-radius: 16px;
  box-shadow: -6px 14px 51px 3px #46a0af26;
}
.left-panel-cmspages{
    background: var(--white-color);
    border-radius: 14px;
    position: sticky;
    top: 10px;
    box-shadow: -6px 14px 51px 3px #46a0af26;
}
.inner-single-bussines .icon-bsd{
  height: 38px;
  width: 38px;
  min-width: 38px;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--title-dark);
  font-size: 20px;
}
.bussines-listing-items li{
  color: var(--title-text);
  margin: 4px 0px;
  font-weight: 400;
  list-style: inside;
}
.right-busness-boxsm{
  border: 1px solid var(--primary-color);
  border-radius: 14px;
  background: var(--white-color);
}
.maps-design-inrbuesness iframe{
  width: 100%;
  height: 150px;
  border-radius: 12px;
}
@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}
@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}
.custom-rounded-progress .circle-progress {
  font-size: 19px;
  --fg: var(--primary-color);
  --bg: #def;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
    radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
    ;
  font-weight: 600;
  color: var(--fg);
}
.custom-rounded-progress .circle-progress::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}
.rating-review-sidebox{
  border-top: 1px solid var(--primary-color);
}

/* profile account setting section  */
.account-setting-profiles .nav-pills{
  border: 1px solid var(--primary-color);
  padding: 4px;
  border-radius: 50px;
}
.account-setting-profiles .nav-pills .nav-link{
  width: 100%;
  background: transparent;
  color: var(--title-text);
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 50px;
}
.account-setting-profiles .nav-pills .nav-link.active, 
.account-setting-profiles .nav-pills .show > .nav-link{
  background: var(--primary-color);
  color: var(--white-color);
}
.profile-boxsetting-design{
  border: 1px solid var(--border-color);
  border-radius: 20px;
}

/* dashboard  */
.dashboard-leftsidebar{
  background: var(--lightprimary-color);
  padding: 20px 14px 20px 16px;
  overflow: auto;
  height: 100vh;
  width: 270px;
  min-width: 270px;
  position: sticky;
  top: 0;
}
.side-nav-logo .brand-logo{
  width: 210px;
}
.close-sidebar-btn{
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  font-size: 22px;
  transition: all 0.3s;
}
.close-sidebar-btn:hover{
  background: transparent;
  color: var(--primary-color);
}
.dashboard-sidelist li .items-list{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border-radius: 40px;
  margin: 3px 0px;
}
.dashboard-sidelist li .items-list:hover,
.dashboard-sidelist li .items-list.active{
  background: var(--primary-color);
  color: var(--white-color);
}
.dashboard-rightsidebar,
.dashboard-leftsidebar{
  flex-shrink: unset;
}
.user-dropdown-dashboard .user-dash-top{
  height: 38px;
  width: 38px;
  object-fit: cover;
  min-width: 38px;
  border-radius: 100%;
}
.btn-chat-notification{
  height: 38px;
  width: 38px;
  min-width: 38px;
  border-radius: 100%;
  background: #10ABC41A;
  border: none;
  color: var(--primary-color);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn-humburg-toggle{
  height: 38px;
  width: 38px;
  min-width: 38px;
  border-radius: 100%;
  background: var(--black-color);
  border: none;
  color: var(--white-color);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn-chat-notification .dot-notification{
  position: absolute;
  height: 7px;
  width: 7px;
  background: #F73541;
  border-radius: 100%;
  top: 10px;
  right: 11px;
}
.dashboard-searched .input-search{
  width: 100%;
  background: #EFF0F0;
  border: none;
  outline: none;
  height: 38px;
  border-radius: 24px;
  padding: 8px 17px;
  font-size: 14px;
  color: var(--green-darkcolor);
}
.dashboard-searched i{
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  align-content: center;
  color: var(--green-darkcolor);
  font-size: 18px;
}
.dashboard-searched{
  width: 230px;
}
.dashboar-header-top{
  background: var(--white-color);
  position: sticky;
  top: 0;
  z-index: 991;
}
.common-membership-plans{
  background: #0E0E0E1A;
  border-radius: 22px;
  padding: 12px;
}
.common-membership-plans.plan-bg1{
  background: #440CC71A;
}
.common-membership-plans.plan-bg2{
  background: #0C8FC724;
}
.common-membership-plans.plan-bg3{
  background: #C70CB41A;
}
.header-plans-box{
  background: var(--black-color);
  text-align: center;
  padding: 68px 14px 56px;
  border-radius: 14px;
}
.plan-bg1 .header-plans-box{
  background: #440CC7;
}
.plan-bg2 .header-plans-box{
  background: #0C8FC7;
}
.plan-bg3 .header-plans-box{
  background: #C70CB4;
}
.header-plans-box h4 span{
  background: var(--white-color);
  width: 2px;
  height: 22px;
  margin: 0px 16px;
}
.popular-plan-label{
  background: #ffffff4f;
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  margin: auto;
  width: max-content;
  padding: 6px 16px;
  border-radius: 36px;
  color: var(--white-color);
}
.btn-upgrade-plans{
  box-shadow: 0px 4px 9.1px 0px #185A6514;
  background: var(--white-color);
  padding: 12px 30px;
  width: 75%;
  display: block;
  margin: auto;
  text-align: center;
  border-radius: 40px;
  margin-top: -24px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
  color: var(--black-color);
}
.plan-bg1 .btn-upgrade-plans{
  color: #440CC7;
}
.plan-bg2 .btn-upgrade-plans{
  color: #0C8FC7;
}
.plan-bg3 .btn-upgrade-plans{
  color: #C70CB4;
}
.plans-banifit-list li{
  font-size: 13px;
  color: var(--title-text);
  margin: 8px 0px;
  display: flex;
  gap: 6px;
  font-weight: 500;
}
.plans-banifit-list li::before{
  content: "\ea46";
  font-family: 'boxicons', sans-serif;
  color: #28A745;
  font-size: 18px;
  position: relative;
  top: -2px;
}
.plans-banifit-list li.notes::before{
  content: "\ec8d";
  font-family: 'boxicons', sans-serif;
  color: var(--title-dark);
  font-size: 16px;
  position: relative;
  top: 2px;
  height: 16px;
  width: 16px;
  border: 1px solid var(--title-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

/* reviews and rating  */
.dashboard-rating-box{
  border: 1px solid #C5C5C580;
  border-radius: 14px;
}
.dashboard-rating-box .icon-box {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
}
.dashboard-common-right{
  padding-bottom: 140px;
}
.review-progress-topbar .title-rating{
  border-bottom: 1px solid #C5C5C580;
}
.filters .btn-review-tabs {
  background: transparent;
  border: none;
  padding: 11px 30px;
  border-radius: 55px;
  transition: all 0.3s;
  color: var(--title-text);
  font-weight: 500;
  font-size: 13px;
  width: max-content;
}
.filters .btn-review-tabs:hover,
.filters .btn-review-tabs.is-checked{
  background: var(--primary-color);
  color: var(--white-color);
}
.food-reviews-box{
  border: 1px solid #C5C5C580;
  border-radius: 14px;
}
.img-userreview-round .food-user{
  height: 42px;
  width: 42px;
  min-width: 42px;
  border-radius: 100%;
  object-fit: cover;
}
.reviews-foods-img .food-img{
  width: 60px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
}
.reviews-food-buttons .btn-respond{
  height: 38px;
  background: #FF881B;
  border: none;
  color: var(--white-color);
  padding: 6px 18px;
  border-radius: 23px;
  font-weight: 500;
}
.reviews-food-buttons .btn-info-rb{
  height: 38px;
  width: 38px;
  border-radius: 100%;
  background: var(--black-color);
  color: var(--white-color);
  border: none;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-footers{
  background: var(--white-color);
  position: fixed;
  bottom: 0;
  width: -webkit-fill-available;
}

/* average review  */
.average-scopeboxed{
  border-radius: 14px;
  background: var(--primary-color);
}
.progressbar-dashboard .progress .progress-bar{
    background: var(--green-darkcolor);
    border-radius: 20px;
}
.progressbar-dashboard  .progress {
  background: var(--primary-color);
  border-radius: 20px;
}

/* common modal design */
.modal.custom-common-modal{
  background: #00000030;
  backdrop-filter: blur(2px);
}
.custom-common-modal .modal-dialog.size-460{
  max-width: 460px;
}
.custom-common-modal .modal-dialog .modal-content{
  border-radius: 20px;
  background: var(--white-color);
}
.btn-close-modal-common{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  margin: auto;
  margin-top: -58px;
  border: none;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.btn-close-modal-common i{
  font-size: 22px;
  height: 30px;
  width: 30px;
  border: 1px solid var(--title-dark);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--title-dark);
  transition: all 0.3s;
}
.btn-close-modal-common i:hover{
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.btn-close-modal-common::after{
  content: "";
  display: block;
  background: url(../images/modal-close-bg.png) no-repeat;
  height: 32px;
  width: 30px;
  position: absolute;
  bottom: -26px;
  background-size: 30px;
  right: 6px;
  z-index: -1;
}


/* breadcrumb section start  */
.common-breadcrumb{
  background: #ffffff;
  padding: 14px 20px 14px 28px;
  border-radius: 12px;
  border: 1px solid #cbcbcb;
}
.common-breadcrumb ol li::after{
  content: "\ea50";
  font-family: 'boxicons', sans-serif;
  font-size: 18px;
  color: var(--label-color);
  margin: 0px 4px;
}
.common-breadcrumb ol li::before{
  display: none;
}
.common-breadcrumb ol li{
  display: flex;
  align-items: center;
  color: var(--label-color);
}
.common-breadcrumb ol li.active{
  color: var(--label-color);
  opacity: 0.8;
}
.common-breadcrumb ol li.active::after{
  display: none;
}
.breadcrumb-profiles li::after{
  content: "\ea50";
  font-family: 'boxicons', sans-serif;
  font-size: 18px;
  color: var(--subtitle-text);
  margin: 0px 4px;
}
.breadcrumb-profiles li{
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: var(--primary-color);
}
.breadcrumb-profiles li a{
  font-weight: 400;
  color: var(--subtitle-text);
}
.breadcrumb-profiles li:last-child::after{
  display: none;
}

/* reviews progress bar  */
.title-progress-box{
  border-bottom: 1px solid #C5C5C580;
}
.statistic-progressbar-main .progress-ring {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: conic-gradient(
      #28A745 0deg 210deg,  
      white 210deg 216deg,  
      #73C2B5 216deg 270deg, 
      white 270deg 276deg,  
      #FFC107 276deg 306deg,
      white 306deg 312deg,  
      #FD7E14 312deg 336deg, 
      white 336deg 342deg,  
      #DC3545 342deg 354deg, 
      white 354deg 360deg   
  );
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.statistic-progressbar-main .progress-ring::before {
  content: "";
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: white;
  position: absolute;
}
.progress-review-number {
  position: absolute;
  text-align: center;
}
.percountage-review{
  background: var(--primary-color);
  color: var(--white-color);
  padding: 5px 8px;
  border-radius: 8px;
  font-weight: 600;
  min-width: 48px;
  text-align: center;
}

/* .percountage-review.color-count-1{
  background: #28A745;
  color: var(--white-color);
}
.percountage-review.color-count-2{
  background: #73C2B5;
  color: var(--white-color);
}
.percountage-review.color-count-3{
  background: #FFC107;
  color: var(--white-color);
}
.percountage-review.color-count-4{
  background: #FD7E14;
  color: var(--white-color);
}
.percountage-review.color-count-5{
  background: #DC3545;
  color: var(--white-color);
} */

.percountage-review.color-count-1{
  background: #DC3545;
  color: var(--white-color);
}
.percountage-review.color-count-2{
  background: #FD7E14;
  color: var(--white-color);
}
.percountage-review.color-count-3{
  background: #FFC107;
  color: var(--white-color);
}
.percountage-review.color-count-4{
  background: #73C2B5;
  color: var(--white-color);
}
.percountage-review.color-count-5{
  background: #28A745;
  color: var(--white-color);
}

.title-plan-icon{
  height: 28px;
  width: 28px;
  border-radius: 6px;
  background: var(--lightprimary-color);
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.activity-profiles .profile-activity{
  height: 30px;
  width: 30px;
  border-radius: 100%;
  object-fit: cover;
  border: 2px solid var(--white-color);
}
.activity-listing li::before{
  content: "";
  width: 1px;
  height: 100%;
  background: var(--border-color);
  position: absolute;
  left: 14px;
  z-index: -1;
}
.activity-listing li:last-child::before{
  background: transparent;
}
.top-iconbox-dashboard{
  height: 36px;
  width: 36px;
  background: var(--lightprimary-color);
  border-radius: 8px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.grap-persontage{
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--primary-color);
  width: max-content;
  padding: 2px 6px;
  border-radius: 35px;
  color: var(--white-color);
}
.grap-persontage.trend-up{
  background: #4BEE00;
  color: #1E4841;
}
.grap-persontage.trend-down{
  background: #FDCED1;
  color: #F73541;
}
.table-maxsize-reviews table thead tr th{
  padding: 10px;
  background: #10ABC41A;
}
.table-maxsize-reviews table tbody tr td{
  padding: 10px;
  border-bottom: 1px solid #C5C5C580;
}
.table-maxsize-reviews table tbody tr:last-child td{
  border: none;
}
.profile-view-chartmain {
  width: 100%;
  height: 300px;
  position: relative;
}
.profile-view-chartmain canvas {
  max-height: 250px !important;
}
.single-information-details{
  border: 1px solid #00000029;
  border-radius: 12px;
}
.btn-information-title{
  width: 100%;
  border: none;
  background: transparent;
  padding: 15px 20px;
  text-align: left;
  font-weight: 700;
  color: var(--title-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.btn-information-title::after{
  content: "\ea57";
  font-family: 'boxicons', sans-serif;
  font-size: 22px;
}
.btn-information-title.collapsed::after{
  transform: rotate(180deg);
}
.btn-information-title.arrow-no::after{
  display: none;
}
.profile-information-body{
  border-top: 1px solid #00000029;
  padding: 15px 0px;
  margin: 0px 20px;
}
.upgrade-discover-box{
  background: #f1f1f1;
  border-radius: 10px;
}
.btn-upgrade-access{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--success-color);
  padding: 10px 28px;
  border-radius: 60px;
  color: var(--white-color);
  background: var(--success-color);
  font-weight: 500;
  text-transform: capitalize;
  width: max-content;
  box-shadow: 0px 5px 10px 0px #10abc426;
  transition: all 0.3s;
}

.btn-common-btn.pass-email:disabled{
  background: #e8e8e8;
  border-color: #e8e8e8;
  color: #aaaaaa;
  box-shadow: 0px 5px 10px 0px #0000000f;
}
.btn-common-btn.pass-email:disabled:hover{
  background: #e3e3e3;
  border-color: #e3e3e3;
  color: #aaaaaa;
}
.btn-common-btn.pass-email{
  background: var(--lightprimary-color);
  border-color: var(--lightprimary-color);
  color: var(--primary-color);
}
.btn-common-btn.pass-email:hover{
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--white-color);
}
.btn-common-btn.delete-account{
  background: var(--danger-color);
  border-color: var(--danger-color);
}
.btn-common-btn.delete-account:hover{
  background: transparent;
  color: var(--danger-color);
}
.status-table{
  background: #10ABC41A;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 7px 12px;
  border-radius: 8px;
}
.status-table.pending{
  background: #FFEBCC;
  color: #FFAB2D;
}
.status-table.completed{
  background: #D8FFE0;
  color: #38E25D;
}
.status-table.canceled{
  background: #FFCCCCB8;
  color: #DC3545;
}
.btn-edit-review{
  height: 38px;
  width: 38px;
  border-radius: 100%;
  background: transparent;
  color: var(--primary-color);
  border: none;
  font-size: 18px;
  transition: all 0.3s;
}
.btn-edit-review:hover{
  background: #10ABC41A;
}
.btn-delete-review{
  height: 38px;
  width: 38px;
  border-radius: 100%;
  background: transparent;
  color: #DC3545;
  border: none;
  font-size: 18px;
  transition: all 0.3s;
}
.btn-delete-review:hover{
  background: #FFCCCCB8;
}
.profile-edit-boxbtn .myprofileedit{
  height: 47px;
  width: 47px;
  position: absolute;
  background: var(--primary-color);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--white-color);
  bottom: 0;
  right: 8px;
  color: var(--white-color);
  font-size: 24px;
  cursor: pointer;
}

.reviewer-dashboard-mainbox{
  background: var(--white-color);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  border: 1px solid #0000002d;
}
.summary-item-counts{
  background: #f1f5f9;
  padding: 12px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: space-between;
  color: var(--title-dark);
}
.summary-item-counts .reviews-counts{
  background: #dae1e6;
  color: var(--green-darkcolor);
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 6px;
}
.reviews-status-boxed{
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  gap: 14px;
}
.reviews-status-boxed:hover {
  transform: translateY(-4px);
}
.review-status-icon{
  background: var(--lightprimary-color);
  color: var(--primary-color);
  font-size: 24px;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-status-icon.approved{
  background: #d1fae5;
  color: #10b981;
}
.review-status-icon.pending{
  background: #fef9c3;
  color: #f59e0b;
}
.review-status-icon.rejected{
  background: #fee2e2;
  color: #ef4444;
}
.left-profile-imgrb .profile-reviewer{
    height: 54px;
    width: 54px;
    min-width: 54px;
    object-fit: cover;
    border-radius: 100%;
}
/* shakir ali  */
.input-common-field label.error
{
  display: none !important;
}

/* for toast */
.custom-toast{
  z-index: 9991;
}
.alert-message-components{
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(178deg, #da760c0d 0%, hsl(2.16deg 72.77% 37.45% / 5%) 100%);
  border: 1px solid #00000012;
  border-radius: 12px;
  padding: 12px 14px;
  position: relative;
}
.alert-message-components.error{
  background: #ffedef;
  border-color: #fdd9dc;
}
.alert-message-components.success{
  background: #e7f8ea;
  border-color: #d0e4d5;
}
.alert-message-components.warning{
  background: #fff9ec;
  border-color: #f2e3cc;
}
.alert-icon{
  background: linear-gradient(178deg, #da760c0d 0%, hsl(2.16deg 72.77% 37.45% / 5%) 100%);
  border: 1px solid #00000012;
  height: 42px;
  width: 42px;
  min-width: 42px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  font-size: 28px;
}
.error .alert-icon{
  background: #ff4b58;
  color: var(--white-color);
  box-shadow: 3px 8px 5px 1px #ff3a5a2b;
}
.success .alert-icon{
  background: #00c96c;
  color: var(--white-color);
  box-shadow: 3px 8px 5px 1px #00c96c36;
}
.warning .alert-icon{
  background: #febc4a;
  color: var(--white-color);
  box-shadow: 3px 8px 5px 1px #febc4a30;
}
.alert-contents h4{
  color: var(--title-color);
}
.alert-contents p{
  color: var(--subtitle-color);
}
.alert-message-components .btn-close{
  padding: 0;
  height: 28px;
  width: 28px;
  border-radius: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: var(--gray3-color);
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  background: transparent;
  box-shadow: none;
}
.alert-message-components.error .btn-close{
  color: #ff7087;
}
.alert-message-components.success .btn-close{
  color: #15bf78;
}
.alert-message-components.warning .btn-close{
  color: #fec77e;
}

/* / otp verifation modal / */

.otp-inputs input{
  width: 50px;
  height: 50px
}
.otp-inputs .form-control:focus {
  box-shadow: none;
  border: 3px solid var(--primary-color);
}
.btn-otp-verifation{
  width: max-content;
  background: var(--primary-color);
  border: none;
  color: var(--white-to-color);
  height: 47px;
  border-radius: 4px;
  padding: 7px 38px;
  font-weight: 700;
}

/* star rating */
.review-overall .star {
  font-size: 24px;  
  cursor: pointer;
  transition: color 0.3s ease;
}

.autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  background-color: var(--white-color);
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  display: block;
}
.autocomplete-list div:last-child {
  border-bottom: none;
}
.autocomplete-list div {
  padding: 10px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.autocomplete-list div:hover,
.autocomplete-list div.selected {
  background-color: var(--lightprimary-color);
  border-color: var(--primary-color);
}
.autocomplete-list.has-data {
  border: 1px solid var(--border-color);
}

.btn-nav-notification .bx-bell {
  font-size: 24px;
  color: var(--title-text);
  cursor: pointer;
}
.notification-dot {
  height: 8px;
  width: 8px;
  background: var(--primary-color);
  border-radius: 100%;
  position: absolute;
  right: 3px;
  top: 3px;
}
.notification-dropdowns.active {
  visibility: visible;
  transform: translate(0px, 0px);
}
.notification-dropdowns {
  position: absolute;
  width: 420px;
  background: var(--white-color);
  /* left: -190px; */
  right: 5px;
  border-radius: 12px;
  top: 60px;
  z-index: 999;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translate(0px, 30px);
  max-height: 480px;
  overflow: auto;
  border: 1px solid var(--border-color);
}
.title-notification-dvs{
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.title-notification-dvs h4{
  font-size: 18px;
  color: var(--title-text);
  font-weight: 600;
}
.title-notification-dvs p{
  font-size: 16px;
  color: var(--primary-color);
  font-weight: 600;
}
.notification-listing li{
  border: 1px solid transparent;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
}
.notification-listing li:hover{
  background: #423fe80f;
  border-radius: 12px;
  border: 1px solid var(--primary-color);
}
.notification-time-close .notification-time{
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-color);
}
.notification-time-close .notification-time::before{
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 100%;
  background: var(--white-color);
  border: 3px solid var(--primary-color);
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.notification-time-close .close-notification{
  background: transparent;
  border: none;
  font-size: 18px;
  color: var(--subtitle-text);
}
.view-notification-text p{
  font-size: 15px;
  font-weight: 400;
  color: var(--subtitle-text);
}
.view-notification-text p span{
  font-weight: 600;
  color: var(--title-text);
}
.notification-listing li:last-child{
  border: none;
}

.inner-faq-main .accordion-item .accordion-collapse {
  border-top: 1px solid var(--border-color);
  padding-top: 12px;
  margin-top: 12px;
}

.inner-faq-main .accordion-item .accordion-button {
  background: transparent;
  font-weight: 700;
  color: var(--title-text);
  outline: none;
  box-shadow: none;
  padding: 0;
}

.inner-faq-main .accordion .accordion-item {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  overflow: hidden;
  background: var(--white-color);
  padding: 16px;
}


/* share popup modal */
.social-business-icon a i{
  transition: transform 0.3s ease-in-out;
}
.social-business-icon a:nth-child(1){
  color: #1877F2;
  border-color: #b7d4fb;
}
.social-business-icon a:nth-child(1):hover{
  background: #1877F2;
}
.social-business-icon a:nth-child(2){
  color: #46C1F6;
  border-color: #b6e7fc;
}
.social-business-icon a:nth-child(2):hover{
  background: #46C1F6;
}
.social-business-icon a:nth-child(3){
  color: #e1306c;
  border-color: #f5bccf;
}
.social-business-icon a:nth-child(3):hover{
  background: #e1306c;
}
.social-business-icon a:nth-child(4){
  color: #25D366;
  border-color: #bef4d2;
}
.social-business-icon a:nth-child(4):hover{
  background: #25D366;
}
.social-business-icon a:nth-child(5){
  color: #0088cc;
  border-color: #b3e6ff;
}
.social-business-icon a:nth-child(5):hover{
  background: #0088cc;
}
.social-business-icon a:hover{
  color: #fff;
  border-color: transparent;
}
.social-business-icon a:hover i{
  transform: scale(1.2);
}
.social-business-icon a{
  height: 48px;
  width: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  border: 1px solid;
}

.copy-field{
  margin: 12px 0 -5px 0;
  height: 45px;
  border-radius: 4px;
  padding: 0 5px;
  border: 1px solid #757171;
}
.copy-field.active{
  border-color: #7d2ae8;
}
.copy-field i{
  width: 50px;
  font-size: 18px;
  text-align: center;
}
.copy-field.active i{
  color: #7d2ae8;
}
.copy-field input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 15px;
}
.copy-field button{
  background: var(--primary-color);
  color: var(--white-color);
  border: 1px solid var(--primary-color);
  padding: 6px 16px;
  font-size: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
}
.copy-field button:hover{
  background: var(--white-color);
  color: var(--primary-color);
  border: 1px dashed var(--primary-color);
}
.status-rightbar .offered{
  background: #17a2b8;
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
}


/* multiple photo upload section */
.upload-photos 
{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn { 
  width: 100%;
  height: 100%;
  border: 1px dashed var(--border-color);
  border-radius: 20px;
  display: grid;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  cursor: pointer;  
}                 
.upload__btn .upload-select-btn {
  background-color: var(--primary-color);
  color: var(--white-color);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 10px;
}
.upload__img-close {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 0;
  cursor: pointer;
  color: var(--white-color);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload__img-close:after {
  content: "\ec50";
  font-family: "boxicons" !important;
}
/* .upload__img-box {
  width: 19%;
  height: 100px;
  margin-right: 1%;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
} */

.upload__img-box {
  width: 210px;
  height: 100px;
  margin-right: 1%;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  position: relative;
  background-color: #f9f9f9;
}

.img-bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
}

 /* report review button */
.custom-dropdown {
    border-radius: 12px;
    padding: 8px 0;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    background-color: white;
    border: none;
    min-width: 180px;
    position: absolute !important;
    top: 100% ;
    right: 0 ;
    margin-top: 10px;
    inset : unset !important;
    transform : unset !important;
}
.custom-dropdown .dropdown-item {
    padding: 10px 16px;
    font-size: 15px;
}
.custom-dropdown .dropdown-arrow {
    position: absolute;
    top: -8px;
    left: 20px;
    width: 14px;
    height: 14px;
    background-color: white;
    transform: rotate(45deg);
    box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.05);
}
.custom-dropdown .dropdown-item:hover,
.custom-dropdown .dropdown-item:active,
.custom-dropdown .dropdown-item:focus {
    background-color: #f0f0f0;
    color: #000; 
}


/* Reviews widget */
.template-select-widget-top{
  background: #202020;
  border-radius: 14px;
}
.multi-select-widget .slick-track{
  margin-left: 0;
}
.image-select-widget{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 170px;
  border-radius: 8px;
  background: rgb(52, 52, 52);
  outline: transparent solid 2px;
  transition-property: outline;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  cursor: pointer;
}
.active .signle-select-widget .image-select-widget{
  outline: var(--primary-color) solid 2px;
}
.active .signle-select-widget .image-select-widget::before{
  content: "\ea41";
  font-family: 'boxicons';
  background: var(--primary-color);
  color: var(--white-color);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.image-select-widget img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.google-gradient .one{
  color: #1888ed;
}
.google-gradient .two{
  color: #fc333a;
}
.google-gradient .three{
  color: #ffb93c;
}
.google-gradient .four{
  color: #00aa5d;
}
.single-widget-r-box,
.widget-boxed-reviews-ds{
  background: #f6f6f8;
  border-radius: 16px;
}
.left-user-rvd .user-review{
  height: 46px;
  width: 46px;
  min-width: 46px;
  border-radius: 100%;
  object-fit: cover;
}
.bottom-reviews-widget .limit-overflow{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 68px;
}
.common-arrow-dot .slick-prev{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  left: -16px;
}
.common-arrow-dot .slick-prev::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 18px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--black-color);
  background: var(--black-color);
  color: var(--white-color);
}
.common-arrow-dot .slick-next{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  right: -16px;
}
.common-arrow-dot .slick-next::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 18px;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--black-color);
  background: var(--black-color);
  color: var(--white-color);
  transform: rotate(180deg);
}
.common-arrow-dot .slick-prev:hover::before,
.common-arrow-dot .slick-next:hover::before{
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.common-arrow-dot .slick-dots{
  display: flex;
  justify-content: center;
  gap: 6px;
  background: var(--primary-color);
  width: max-content;
  margin: auto;
  padding: 8px 24px 9px;
  border-radius: 40px;
  margin-top: 26px;
}
.common-arrow-dot .slick-dots li{
  line-height: 0;
}
.common-arrow-dot .slick-dots li button{ 
  height: 8px;
  width: 8px;
  font-size: 0;
  border: none;
  background: #ffffff8c;
  border-radius: 20px;
}
.common-arrow-dot .slick-dots li.slick-active button{
  background: #fff;
  width: 24px;
}
.multie-reviews-img .img-reviews-item{
  width: 48%;
  margin: 1%;
}
.multie-reviews-img .img-review-dsf{
  width: 100%;
  border-radius: 8px;
  height: 130px;
  object-fit: cover;
}
.multie-reviews-img .img-reviews-fix{
  width: 120px;
  margin: 5px;
}
.img-reviews-fix .img-review-fix{
  width: 100%;
  border-radius: 4px;
  height: 120px;
  object-fit: cover;
}
.revies-g-icon{
  width: 42px;
}
.widget-compnay-logo{
  height: 83px;
  width: 83px;
  border-radius: 100px;

}
.copy-widget-iframe{
  width: 50%;
}
.btn-tab-container{
  margin-top: 18px;
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}
.compney-link-tebs {
    border-radius: 100px;
    border: 1px solid #8f8e8e;
    padding: 4px 14px;
    transition: all 0.5s ease;
}
.compney-link-tebs:hover {
    border-color: transparent;
    background: #10abc4;
    color: #fff;
}

/* show response message popup */
.response-modal-content {
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  animation: fadeInUp 0.4s ease-in-out;
}

.response-icon-wrapper {
  width: 70px;
  height: 70px;
  background: #e0f7fa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated-icon {
  font-size: 42px;
  color: var(--primary-color);
  animation: popUp 0.6s ease-out;
}

.response-message-text {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-color);
}

.response-message-text.success-bg {
  background-color: #e0f7fa;
}

.response-message-text.error-bg {
  background-color: #fdecea;
}

.response-message-text.text-success {
  color: #009688 !important;
}

.response-message-text.text-danger {
  color: #d32f2f !important;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes popUp {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}