/*
Theme Name:     Sweetdate Child
Theme URI:
Description:    Child theme for Sweetdate
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       sweetdate
Tags: dating, clean, responsive, creative, minimal, modern, landing page, social, buddypress,bbpress, woocommerce
License: GNU General Public License
License URI: license.txt
*/
#logo img {
    height: 124px;
    object-fit: contain;
    object-position: left
}

.kleo-page.wide-style {
    overflow-x: hidden;
}
/*
* Please add your custom styles below
*/
/*==== @@@@ Clients review Section start here  @@@@ ======= */
.clints-section-wrapper {
  height: 500px;
  background: url(https://goottah.com/wp-content/uploads/2023/03/map2.png);
  background-size: cover;
/*background: #391965;*/
}
.clints-section-wrapper .clients .client-list .client-thumb,
.clients{
    position: relative;
}

.clints-section-wrapper .clients .client-list,
.clints-section-wrapper .clients .client-list .client-content
{
    position: absolute;
    content: "";
}
.icofont-star{
    position:relative;
}
.icofont-star:before {
    content: "\e934";
    display: block;
    font-size: inherit;
    font-family: inherit;
    position: absolute;
    overflow: hidden;
    color: #f0ad4e;
    top: 0;
    left: 0;
}
.clints-section-wrapper .clients .client-list .client-thumb::after, .clints-section-wrapper .clients .client-list .client-thumb::before {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #0ca5f1;
}
.clints-section-wrapper .clients .client-list .client-thumb::before {
    width: 65px;
    height: 65px;
    opacity: 0.2;
}
.clints-section-wrapper .clients .client-list .client-thumb::after {
    width: 75px;
    height: 75px;
    opacity: 0.09;
}
.clints-section-wrapper .clients .client-list .client-content {
    opacity: 0;
    visibility: hidden;
    width: 200px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 5px 5px 0 0 #fff;
    bottom: 50%;
    right: 50%;
    z-index: 3;
    transform: translate(50%, 50%);
}
.clints-section-wrapper .clients .client-list .client-content:after,
.clints-section-wrapper .clients .client-list .client-content{
    background: #df314d;
}
.clints-section-wrapper .clients .client-list .client-content p {
    margin-bottom: 10px;
    color:#fff;
}
@media (max-width: 575px) {
  .clints-section-wrapper .clients .client-list {
    position: static !important;
    margin: 15px;
  }
}
@media (max-width: 575px) {
  .clints-section-wrapper .clients .client-list.active .client-content {
    opacity: 1;
    visibility: visible;
  }
}
.clints-section-wrapper .clients .client-list:hover .client-content {
  opacity: 1;
  visibility: visible;
}
.clints-section-wrapper .clients .client-list:hover .client-thumb::after, .clints-section-wrapper .clients .client-list:hover .client-thumb::before {
  -webkit-animation: ripple 1.05s infinite;
  -moz-animation: ripple 1.05s infinite;
  -ms-animation: ripple 1.05s infinite;
  -o-animation: ripple 1.05s infinite;
  animation: ripple 1.05s infinite;
}
@media (min-width: 768px) {
  .clints-section-wrapper .clients .client-list:nth-child(1) .client-content, .clints-section-wrapper .clients .client-list:nth-child(2) .client-content {
    top: 75px;
    bottom: auto;
    left: 0;
    right: auto;
  }
  .clints-section-wrapper .clients .client-list:nth-child(1) .client-content::after, .clints-section-wrapper .clients .client-list:nth-child(2) .client-content::after {
    top: -15px;
    bottom: auto;
    left: 25px;
    right: auto;
    box-shadow: -3px 0px 0 0 #fff;
  }
}
@media (min-width: 768px) {
  .clints-section-wrapper .clients .client-list:nth-child(3) .client-content, .clints-section-wrapper .clients .client-list:nth-child(7) .client-content {
    top: 0px;
    bottom: auto;
    right: 75px;
    box-shadow: -5px 5px 0 0 #fff;
  }
  .clints-section-wrapper .clients .client-list:nth-child(3) .client-content::after, .clints-section-wrapper .clients .client-list:nth-child(7) .client-content::after {
    box-shadow: 3px 0 0 #fff;
    top: 0;
    bottom: auto;
    right: -12px;
    left: auto;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .clints-section-wrapper .clients .client-list:nth-child(4) .client-content {
    left: 0;
    right: auto;
    box-shadow: -5px -5px 0 0 #fff;
    bottom: 75px;
  }
  .clints-section-wrapper .clients .client-list:nth-child(4) .client-content::after {
    left: 25px;
    right: auto;
    box-shadow: 0 3px 0 0 #fff;
  }
}
.clints-section-wrapper .clients .client-list:nth-child(1) {
  top: 95px;
  left: 5%;
}
.clints-section-wrapper .clients .client-list:nth-child(2) {
  top: 40px;
  left: 35%;
}
.clints-section-wrapper .clients .client-list:nth-child(2) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(2) .client-thumb::before {
  background: #7256df;
}
.clints-section-wrapper .clients .client-list:nth-child(3) {
  top: 90px;
  left: 75%;
}
.clints-section-wrapper .clients .client-list:nth-child(3) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(3) .client-thumb::before {
  background: #eb59d5;
}
.clints-section-wrapper .clients .client-list:nth-child(4) {
  top: 400px;
  left: 30%;
}
.clints-section-wrapper .clients .client-list:nth-child(4) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(4) .client-thumb::before {
  background: #37d87b;
}
.clints-section-wrapper .clients .client-list:nth-child(5) {
  top: 265px;
  left: 47%;
}
.clints-section-wrapper .clients .client-list:nth-child(5) .client-content {
  box-shadow: -5px -5px 0 0 #fff;
  bottom: 75px;
}
.clints-section-wrapper .clients .client-list:nth-child(5) .client-content:after {
  box-shadow: 0 3px 0 0 #fff;
}
.clints-section-wrapper .clients .client-list:nth-child(5) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(5) .client-thumb::before {
  background: #fe7855;
}
.clints-section-wrapper .clients .client-list:nth-child(6) {
  top: 408px;
  left: 80%;
}
.clints-section-wrapper .clients .client-list:nth-child(6) .client-content {
  box-shadow: -5px -5px 0 0 #fff;
  bottom: 75px;
}
.clints-section-wrapper .clients .client-list:nth-child(6) .client-content:after {
  box-shadow: 0 3px 0 0 #fff;
}
.clints-section-wrapper .clients .client-list:nth-child(6) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(6) .client-thumb::before {
  background: #ffc313;
}
.clints-section-wrapper .clients .client-list:nth-child(7) {
  top: 75px;
  left: 75%;
  left: 70%;
}
.clints-section-wrapper .clients .client-list:nth-child(7) .client-thumb::after, .clints-section-wrapper .clients .client-list:nth-child(7) .client-thumb::before {
  background: #26aeea;
}
.clints-section-wrapper .clients .client-list .client-thumb {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.clints-section-wrapper .clients .client-list .client-thumb::after, .clints-section-wrapper .clients .client-list .client-thumb::before {
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #0ca5f1;
}
.clints-section-wrapper .clients .client-list .client-thumb::after {
  width: 75px;
  height: 75px;
  opacity: 0.09;
}
.clints-section-wrapper .clients .client-list .client-thumb::before {
  width: 65px;
  height: 65px;
  opacity: 0.2;
}
.clints-section-wrapper .clients .client-list .client-thumb img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
}
.clints-section-wrapper .clients .client-list .client-content {
  opacity: 0;
  visibility: hidden;
  width: 200px;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 5px 5px 0 0 #fff;
  bottom: 50%;
  right: 50%;
  z-index: 3;
  transform: translate(50%, 50%);
}
@media (max-width: 575px) {
  .clints-section-wrapper .clients .client-list .client-content {
    width: 250px;
    right: 40%;
  }
}
@media (min-width: 768px) {
  .clints-section-wrapper .clients .client-list .client-content {
    width: 370px;
    bottom: 50px;
    right: -30px;
    transform: translate(0%, 0%);
  }
}
.clints-section-wrapper .clients .client-list .client-content:after {
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 25px;
  transform: rotate(45deg) translateY(10px);
}
@media (max-width: 767px) {
  .clints-section-wrapper .clients .client-list .client-content:after {
    display: none;
  }
}
.clints-section-wrapper .clients .client-list .client-content p {
  margin-bottom: 10px;
}
.clints-section-wrapper .clients .client-list .client-content .client-info {
  justify-content: space-between;
  display: flex;
    flex-wrap: wrap;
}
.name-desi {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
   font-size: 1rem;
    line-height: 1.5;
}

 .client-list .client-content .client-info .name-desi h6 {
  display: inline-block;
      font-size: 2.125rem;
    line-height: 1.5;
      color: #ffffff;
}
.clints-section-wrapper .clients .client-list .client-content .client-info .name-desi span {
  color: #ffffff;
  margin-left: 10px;
  font-family: "Roboto", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}
.clints-section-wrapper .clients .client-list .client-content .client-info .name-desi span::after {
  top: 50%;
  left: -6px;
  width: 5px;
  height: 1px;
  background: #ffffff;
  transform: translateY(-50%);
}
.clints-section-wrapper .clients .client-list .client-content .client-info .rating ul {
  margin-bottom: 0 !important;
}
.clints-section-wrapper .clients .client-list .client-content .client-info .rating ul li {
  color: #e9ba17;
  margin: 1px;
}

/*==== @@@@ Clients review Section end here  @@@@ ======= */
