:root {

  --main-bg-color: #1a1a1a;

  --main-color-one: #e1e1e1;

  --main-color-two: #eca400;

  --main-color-three: #eaf8bf;

  --main-color-four: #006992;

  --main-color-five: #27476e;

  --main-color-six: #001d4a;



  /* box shadows */

  --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

    0 2px 4px -1px rgba(0, 0, 0, 0.06);

  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1),

    0 10px 10px -5px rgba(0, 0, 0, 0.04);



  /* fonts  */

  --heading-font: font-family: 'open sans', sans-serif;

  --paragraph-font: font-family: 'Roboto', sans-serif;

  --anchor-font: font-family: 'open sans', sans-serif;



}
/* Global Reset */


/* Body Default */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Liberation Sans", sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #333;
  background: #fff;  
}

/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Links */
a {
  text-decoration: none;
  color: inherit;
}
a:hover{
  text-decoration: none;
}
.w100{
  width:100%;
  height:auto;
}
/* Lists */
ul, ol {
  list-style: none;
}

/* Headings spacing */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 10px;
}

h1, h2 {
  text-align: center;
}

/* Form elements */
input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  outline: none;
  border: none;
}
.accordion-button:focus {
  box-shadow: none;
}
@media(max-width:326px) {

  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-lg,
  .navbar>.container-md,
  .navbar>.container-sm,
  .navbar>.container-xl,
  .navbar>.container-xxl {
    display: flex;
    /* flex-wrap: nowrap ; */
    align-items: center;
    justify-content: space-between;
  }

  .navbar-toggler {
    padding: 0.1rem 0.01rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
  }
}

.main-title {
  font-weight: 700;
  font-size: 37px;
}

.home_heading {
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}

.sub-title {
  font-weight: 400;
  color: #fff !important;
  font-size: 18px;
}

@media screen and (max-width:768px) {
  .main-title {
    font-size: 18px;
  }
}

@media screen and (max-width:450px) {

  .sub-title {
    font-size: 14px;
  }

  .home_heading {
    font-size: 18px !important;
  }
}


.premium-container-wrapper {
  background: transparent linear-gradient(180deg, #ffcd31, #ff9700) 0 0 no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  margin-bottom: 1em;
}

.premium-container {
  margin: auto;
  padding: 1em;
}

.premium-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.premium-content {
  opacity: 1;
  height: 40%;
  min-height: 200px;
  padding: 2em;
  flex-basis: 35%;
}

.premium-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}

.premium-title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  flex-grow: 3;
}

.diamond-logo {
  width: 1em;
}

.premium-description {
  color: #000;
  font-size: 18px;
  flex-grow: 3;
  width: 100%;
}

.join-link {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}

.selectButton.go-premium-2 {
  color: #ffc92d !important;
  width: 200px;
  margin: auto;
  max-width: 100%;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 5em;
  font-weight: 500;
  font-size: 18px;
  margin-top: 3em;
  text-align: center;
  border: 2px solid #292929ee;
  background: #1a1a1a;
}

.premium-video {
  flex-basis: 65%;
  padding-left: 5em;
}

.premium-video-player {
  width: 100%;
  box-shadow: 3px 5px 28px -3px #292929;
}

@media (max-width: 991.98px) {
  body .premium-container {
    margin-top: 1em
  }

  body .premium-container .premium-row .premium-video {
    padding: 0;
    flex-basis: 100%
  }

  body .premium-container .premium-row .premium-content {
    padding: 2em 0;
    order: 2;
    flex-basis: 100%
  }

  body .thumbContainer {
    overflow: hidden;
    max-width: 100%
  }
}

@media (max-width: 575.98px) {
  body .premium-container .premium-row .premium-content {
    padding: 0;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 8em;
    margin-top: 2em;
  }

  body .premium-container .premium-row .premium-content .premium-wrapper .premium-title {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
  }

  body .premium-container .premium-row .premium-content .premium-wrapper .premium-description {
    font-size: 18px
  }
}

/* New Gallery  */
.today-btn-container {
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.dot-online {
  color: #00e676;
  font-style: normal;
  font-size: 19px;
}

.photo .new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;
  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center;
}




.provider-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.provider-city {
  color: #bfbfbf;
}

@media only screen and (min-width: 993px) {
  .provider-name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0
  }

  .provider-city {
    font-size: 16px;
    font-weight: 700
  }
}


.no-rating {
  font-size: 14px;
  color: #a6b2bf;
  display: flex;
  justify-content: flex-end;
  min-width: 100px
}

@media only screen and (min-width: 640px) {
  .no-rating {
    /* justify-content:flex-start;
      margin-left: auto */
  }
}

@media only screen and (max-width: 600px) {
  .no-rating {
    /* justify-content:flex-start */
  }
}

.connect-btn {
  background: transparent linear-gradient(180deg, #ffcd31, #ff9700) 0 0 no-repeat padding-box;
  padding: 2px 6px 2px 6px;
  font-style: normal;
  text-transform: none;

  font-size: 14px;
  border-radius: 4px;
  color: #000;
  margin-left: 2px;
  vertical-align: middle;
  cursor: pointer;
}

.connect-btn i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #000000;
}

.connect-btn span {
  margin-left: 2px;
  font-weight: bold;
}

.dot-online {
  color: #00e676;
  font-style: normal;
  font-size: 19px
}

@media only screen and (max-width: 993px) {
  .no-rating {
    font-size: 12px
  }

  .provider-name {
    font-size: 20px;
    vertical-align: text-top
  }

  .provider-city {
    font-size: 16px
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
  .provider-name {
    font-size: 20px;
  }

  .provider-city {
    font-size: 1rem
  }

  .no-rating {
    font-size: 12px
  }
}

@media only screen and (max-width: 640px) {

  .no-rating {
    margin: 0
  }
}

.provider-name {

  color: #ede2e2;
  position: relative;
  width: 100%
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.provider-city,
.provider-name {
  font-weight: inherit;
  margin-top: 6px;
  text-transform: capitalize;
}

@media only screen and (min-width: 993px) {
  .provider-name {
    font-size: 20px;
  }

  .provider-city {
    font-size: 16px;
  }
}

@media screen and (min-width: 600px) {
  .provider-info .above {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}

.provider-info .below {
  line-height: 29px;
}

@media screen and (min-width: 600px) {
  .provider-info .below {
    /* display:flex;
      align-items: center; */
    margin-top: 5px
  }

  .private-place {
    padding-bottom: 6px;
    padding-top: 2px;
  }
}

.desktop-profile {
  display: block
}

.mobile-profile {
  display: none
}

@media only screen and (max-width: 1024px) {
  .desktop-profile {
    /* display:none */
  }

  .mobile-profile {
    display: block
  }
}

.today-btn-container {
  position: absolute;
  bottom: 6px;
  left: 6px
}

.new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;

  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center
}

@media only screen and (max-width: 600px) {
  .new-tag {
    right: 0
  }
}

@media only screen and (max-width: 600px) {

  .provider-name i,
  .rf-green i {
    /* position:absolute;
      right: 2px */
  }
}

.provider-name i,
.rf-green i {
  vertical-align: middle;
  color: #019901;
  font-size: 1.6em;
}

.profile-img {
  width: 100%;
}

.profile-img {
  transition: filter .3s ease-in-out
}

.profile-img:hover {
  filter: brightness(50%)
}

/* Different  */
.card {
  background-color: #fff0;
}

.card svg {
  font-size: 70px;
  display: inline-block;
  margin-right: 0.3em;
  color: #eca400;
}

.card i {
  /* font-size: 52px; for price card  */
  display: inline-block;
  margin-right: 0.3em;
  color: #0d6efd;
}

.card {
  position: relative;
  border: none;
}

.load_more_btn {
  position: relative;
  max-width: 175px;
  margin: 1em auto;
  background: #da5591;
  border-radius: 6px;
  clear: both;
}

.pulse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  -webkit-transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
  -webkit-animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
  animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
  z-index: -1;
}

.load_img_btn {
  margin: 0px auto;
  display: block;
  max-width: 175px;
  background: #cc1467;
  color: #fff;
  text-align: center;
}

.load_img_btn i {
  color: #fff !important;
  margin-right: 5px;
}

.connect-btn span {
  margin-left: 2px;
  font-weight: bold;
}

.text-languid {
  font-size: 24px;
}

.bg-c-g100 {
  background: #9d0808;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: 0;
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    transform: scale(1.5)
  }
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: 0;
    transform: scale(1.5)
  }

  to {
    opacity: 0;
    transform: scale(1.5)
  }
}

.sub-s {
  font-size: 32px;
}

@media screen and (max-width:500px) {
  .sub-s {
    font-size: 24px;
  }
}

.but-blocks {
  text-align: center;
}

.but-blocks a {
  padding: 0.335rem 0.65rem;
  border-radius: 5px;
  margin-right: .5em;
  margin-bottom: 20px;
}


.new_breadcrumb {

  background-color: var(--main-color-three) !important;

}


.navbar {

  box-shadow: var(--shadow-4);

  background-color: var(--main-bg-color);

  border-bottom: 1px solid var(--main-color-one);

  z-index: 9999 !important;

}



.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: var(--main-color-two) !important;
  text-transform: uppercase;
}

.border-right {

  color: var(--main-color-two) !important;

}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: var(--main-color-three);
}



.fa-bars {
  color: var(--main-color-one) !important;
  font-size: 25px;
}



.container p {
  color: var(--main-color-one);
  line-height: 1.5;

}



.btn_nav {

  background-color: var(--main-color-three);

  margin-left: 20px;

}



.navbar-brand {

  color: var(--main-color-two) !important;

  font-size: 20px;

  font-weight: bold;

}



/* index css  */

.clear {

  clear: both;

}



.left-side-box {

  width: 18%;

  height: auto;

  float: left;

  margin: 0;

}

.right-side-box {

  width: 18%;

  height: auto;

  float: left;

  margin: 0;

}

.middile-box {

  width: 80%;

  float: left;

  position: relative;

  margin: 0 1% 0 1%;

}

.middle-img-box {

  width: 204px;

  height: auto;

  float: left;

  margin: 0 1% 0% 1%;

}



h1 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 29px;

  font-weight: bold;

}



h2 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 1.8rem;

  font-weight: bold;

}



h3 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 1.75rem;

  font-weight: bold;

}

.vertical-menu h3 {

  padding: 0px 0px 10px 0px;

  border-bottom: 2px solid #ffc107;

  text-align: center;

}

.vertical-menu h3 {

  color: #fff;

}



h5 {

  color: #c7b426;

  margin-bottom: 15px;

  font-size: 1.65rem;

  font-weight: bold;

}



a {

  color: var(--main-color-two);

  text-decoration: none;

}

a:hover {

  color: var(--main-color-three);

}

/**Ends**/



.bgc {

  display: inline-block;
  /* background-color: #383535;border: 2px solid #ffffff;padding: 5px; */

}



img {

  max-width: 100%;
  height: auto;

}



.vertical-menu {

  width: 100%;

  background-color: #000000;

  margin-bottom: 20px;

  padding: 15px;

  position: relative;

}



.vertical-menu a {
  background-color: #1a1a1a;
  color: #ffffff;
  display: block;
  padding: 7px 3px 7px 10px;
  text-decoration: none;
  border-bottom: dashed 1px #ffc1074a;
  font-size: 16px;
  padding-left: 8px;
  text-transform: capitalize;
  border-radius: 5px;
  box-shadow: #141414 0px 1px 10px inset;
}



.vertical-menu a:hover {

  background-color: #ffc107;
  color: #000
}

.mpt {
  padding: 20px 20px 20px 20px;
  width: 98%;
  margin: 0 1% 0 1%;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  box-shadow: #000000 0px 1px 10px;
  margin-bottom: 20px;
  background: #1a1a1a;
  border: 1px solid #00000073;
}



hr {

  margin-top: 1rem;

  margin-bottom: 1rem;

  border: 0;

  border-top: 1px solid #383636e6;

}



.bgeffect {

  width: 210px;

  height: 35px;

  padding: 4px 0 0 75px;

  color: #ffffff;

}

.bgeffect1 {

  background: url(/web/20190823052707im_/http://www.storyofonenight.com/images/caption_bg1.html);

  width: 194px;

  height: 35px;

  padding: 4px 0 0 75px;

  color: #ffffff;

}



.img-box {

  background-color: #000;
  /* border: 2px solid #fb7f05; */

  width: 100%;

  height: auto;

  position: relative;

  box-shadow: #000000ad 0px 1px 10px;

}





.corner-right-top {

  background-color: #fff0;

  width: 20px;

  height: 20px;

  position: absolute;

  border-top: 5px solid #ffc107;
  border-right: 5px solid #d7a100;
  top: 0;

  right: -1px;

}

.corner-left-bottom {

  background-color: #ffffff00;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 0;

  border-bottom: 5px solid #ffc107;

  border-left: 5px solid #d7a100;

  left: -1px;

}

.corner-right-bottom {

  background-color: #ffffff00;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 0;

  border-bottom: 5px solid #ffc107;

  border-right: 5px solid #d7a100;

  right: -1px;

}



footer {

  background-color: #33180eab;

  color: #fff;

}

footer p {

  text-align: left;

}

footer a {

  color: #fff;

}

footer a:hover {

  color: #ff5722;

}

@media (max-width: 967px) {

  .middile-box {

    width: 100%;

    float: left;

    position: relative;

    padding: 0;

  }



  .mpt {

    width: 100%;

    margin-bottom: 20px;

  }

  .border-right {

    border-right: 1px solid #ffffde00 !important;

  }

  .bgeffect {

    width: 100%;

    height: 35px;

    padding: 4px 0 0 75px;

    color: #ffffff;

    border-top: 2px solid #7a3b18;

  }



  .bgeffect1 {

    width: 100%;

    height: 35px;

    padding: 4px 0 0 90px;

    color: #ffffff;

    border-top: 2px solid #7a3b18;

  }






  .left-side-box {

    width: 100%;

    height: auto;

    float: left;

    margin: 0;

  }

  .right-side-box {

    width: 100%;

    height: auto;

    float: left;

    margin: 0;

  }

  .middile-box {

    width: 100%;

    float: left;

    position: relative;

    margin: 0;

  }



  .middle-img-box {

    width: 50%;

    height: 337px;

    float: left;

    margin: 0;

  }

}

.social_bar {

  width: 100%;

  padding: 8px 0;

  background-color: rgba(50, 50, 50, 0.8);

  bottom: 35px;

}



.social_bar {

  position: static;

  text-align: center;

  color: #fff;

}

@media screen and (min-width: 769px) {

  .social_bar {

    position: absolute;

    bottom: 0;

    color: #fff;

  }

}







.top_image {

  background-image: url(../images/mg-1\ \(6\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_contact {

  background-image: url(../images/mg-1\ \(8\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_gallery {

  background-image: url(../images/mg-1\ \(2\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_about {

  background-image: url(../images/mg-1\ \(3\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_banner {

  position: relative;

  overflow-x: hidden !important;

}



.new_breadcrumbs {

  position: absolute;

  bottom: 10%;

  left: 10%;

}



.top_image_overlay {

  background-color: rgba(20, 20, 20, 0.336);

  width: 100%;

  height: 100%;

}



/* gallery  */



.headline {

  /* font-family: Fondamento, cursive; */

  font-size: 35px;

  text-align: center;

  font-weight: 600;

  text-transform: uppercase;

  color: #f4c70f;

  text-shadow: 3px 3px #252501;

  background-repeat: no-repeat;

  background-position: center bottom;
}

.profile-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform .2s;
    overflow: hidden;
}

.profile-card:hover {
    transform: scale(1.05);
}

.profile-card-img-container {
    position: relative;
}

.profile-card-img {
    width: 100%;
    height: auto;
}

.profile-card-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffc107;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

.profile-card-body {
    padding: 15px;
    background-color: #060606;
}

.profile-card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-card-text {
    font-size: 16px;
    color: #f7f7f7;
    margin-bottom: 10px;
}

.profile-card-rating {
    font-size: 16px;
    color: #ffc107;
}

.profile-card-rating .rating-text {
    color: #f7f7f7;
    margin-left: 5px;
}



.gallery_forign_img {

  border-radius: 5px;

}



img.lazy {

  display: block;

  background-image: url(../images/placeholder.svg);

  background-repeat: no-repeat;

  background-size: auto 30%;

  background-position: 50% 50%;

  background-color: #ccc;

}

.features {

  padding: 40px 0;

  text-align: center;

}

.features img {

  width: auto;

  display: block;

  margin: 0 auto;

  margin-bottom: 0;

  background-color: transparent;

}

.features .title {

  font-family: Fondamento, cursive;

  font-size: 30px;

  padding: 10px 0 10px 0;

  margin: 0;

  line-height: normal;

  color: #f3d000;

  text-shadow: 2px 1px 2px #04249c;

}

.features p {

  font-size: 15px;

}

.features .item {

  border: 2px solid #f3d000;

  padding: 10px;

}

.features .item-a {

  border-left: none;

  border-top: none;

  border-radius: 0 0 50px 0;

}

.features .item-b {

  border-right: none;

  border-top: none;

  border-radius: 0 0 0 50px;

}

.features .item-c {

  border-left: none;

  border-bottom: none;

  border-radius: 0 50px 0 0;

}

.features .item-d {

  border-right: none;

  border-bottom: none;

  border-radius: 50px 0 0 0;

}

@media screen and (max-width: 767px) {

  .features .title {

    font-size: 18px;

  }

}



/* social icons  */

#st-1 {

  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;

  direction: ltr;

  display: block;

  opacity: 1;

  text-align: center;

  z-index: 94034;

}

#st-1.st-animated {

  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in,

    c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in,

    c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

}

#st-1 .st-btn {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -moz-border-radius: 16px;

  -webkit-border-radius: 16px;

  border-radius: 16px;

  border: none;

  cursor: pointer;

  display: inline-block;

  font-size: 11px;

  height: 32px;

  line-height: 32px;

  margin-right: 8px;

  padding: 0 8px;

  position: relative;

  text-align: center;

  top: 0;

  vertical-align: top;

  white-space: nowrap;

}

#st-1 .st-btn:last-child {

  margin-right: 0;

}

#st-1 .st-btn>img {

  display: inline-block;

  height: 16px;

  width: 16px;

  position: relative;

  top: 8px;

  vertical-align: top;

}

#st-1 .st-btn>span {

  -moz-transition: all 0.2s ease-in;

  -ms-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  color: #fff;

  display: inline-block;

  font-weight: 500;

  letter-spacing: 0.5px;

  min-width: 60px;

  opacity: 1;

  padding: 0 6px;

  position: relative;

  vertical-align: top;

}

#st-1.st-has-labels .st-btn {

  min-width: 120px;

}



#st-1 .st-btn[data-network="facebook"] {

  background-color: #4267b2;

}

#st-1 .st-btn[data-network="facebook"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="twitter"] {

  background-color: #55acee;

}

#st-1 .st-btn[data-network="twitter"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="sms"] {

  background-color: #ffbd00;

}

#st-1 .st-btn[data-network="sms"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="whatsapp"] {

  background-color: #25d366;

}

#st-1 .st-btn[data-network="whatsapp"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="sharethis"] {

  background-color: #95d03a;

}

#st-1 .st-btn[data-network="sharethis"]>span {

  color: #fff;

}



/* footer css  */



.footer .about {


  font-size: 25px;

  text-align: center;

  padding: 20px 0;

  color: #f4c70f;

  text-shadow: 2px 1px 2px #000;

}

.footer .about span {

  display: block;

  font-size: 20px;

  margin-top: 10px;

}

.footer .links {

  text-align: center;

  padding: 5px 0;

  background-color: #000;

}

.footer .links li {

  display: inline-block;

}

.footer .links li a {

  font-size: 13px;

}

.footer .links li a:hover {

  color: #e42e54;

}

.footer .links li::after {

  content: "-";

  margin: 0 10px;

}

.footer .links li:last-child:after {

  content: "";

}

.footer .footer-bottom {

  padding: 0 0 0;

  font-size: 13px;

}

.footer .footer-bottom .menu {

  float: right;

}

.footer .footer-bottom .menu li {

  display: inline-block;

}

.footer .footer-bottom .menu li::after {

  content: "-";

  margin: 0 3px 0 5px;

}

.footer .footer-bottom .menu li:last-child:after {

  content: "";

  margin: 0;

}

.footer .footer-bottom .copyright {

  float: left;

}

@media (max-width: 768px) {

  .footer .links {

    margin-bottom: 10px;

  }

  .footer .links li {

    display: block;

    padding: 2px 0;

  }

  .footer .links li::after {

    content: "";

    margin: 0 5px;

  }

  .footer .footer-bottom {

    margin-bottom: 120px;

  }

  .footer .footer-bottom .menu {

    float: none;

    text-align: center;

  }

  .footer .footer-bottom .menu li {

    padding: 2px 0;

  }

  .footer .footer-bottom .menu li::after {

    content: "";

    margin: 0 5px;

  }

  .footer .copyright {

    float: none;

    text-align: center;

  }

}









@media only screen and (max-width: 600px) {

  .img-box>img {

    margin: 0px 2% !important;

  }

  .social_bar {

    margin: 0px 2% !important;

  }

}



/* index css  */

.home_img_name {

  background-color: #fff;

  padding: 5px 0px;

  text-align: center;

}



.home_img_like {

  background-color: var(--main-color-three);

}

.home_img_name {

  background-color: var(--main-color-six);

}



.home_img {

  position: relative;

  margin-bottom: 20px !important;

  margin: 1%;

}



.vip_logo {

  position: absolute;

  top: 2%;

  right: 2%;

}



.vip_new_logo {

  width: 50px;

}





.corner-left-top {

  background-color: #fff0;

  width: 20px;

  height: 20px;

  position: absolute;

  border-top: 5px solid #ffc107;
  border-left: 5px solid #d7a100;

  top: 0;

  left: -1px;

}



.home_img_star .fa-star {

  color: rgb(223, 191, 9);

  font-size: 14px;

}





.home_img_star .fa-heart {

  color: rgb(238, 8, 115) !important;

}

.home_img_star .fa-thumbs-up {

  color: green !important;

}



.home_img_star span {

  color: black !important;

  font-weight: bold;

}



.home_img {

  background-color: rgb(255, 255, 255);

  transition: all 0.4s ease 0s;

  transform: translate3d(0px, 0px, 0px);

  overflow: hidden;

  border-radius: 6px;

  box-shadow: rgb(50 50 50 / 10%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 6px 16px;

  will-change: transform;

  --gradient-background: linear-gradient(60deg, #237CCA 0%, #1CA6B2 100%);

  --gradient-color: currentColor;

}



@media only screen and (max-width: 600px) {

  .logo_new {

    width: 229px !important;

  }

  .home_heading {

    font-size: 1.6em;

  }

}

@media only screen and (max-width: 356px) {
  .logo_new {

    width: 190px !important;
    height: auto;

  }
}







.background_img {

  background-image: url('/images/jaipur-escorts-one.jpg');

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-attachment: fixed;

  background-position: top;

}



.new_box {

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

}



.st-btn.st-first {

  margin-bottom: 10px;

}



.st-btn {

  margin-bottom: 10px;

}


.home_heading {

  font-size: 1.8em;

}

.about_heading {

  font-size: 1.8em;

}

.navbar-brand img {
  width: auto !important;
}

.cp-1 {
  padding: 0.5rem !important;
}

.breadcrumbs-items {
  padding: 7px 7px;
  background: #000;
}

li {
  color: #e1e1e1;
}

h4 {
  color: #eca400;
}

@media (max-width: 967px) {
  .middle-img-box {
    width: 50%;
    height: 370px !important;
    float: left;
    margin: 0;
  }
}

strong,
b {
  color: var(--main-color-two);
}

li.nav-item {
  margin-right: 5px;
  position: relative;
}



.call-link {
  font-size: 1.2rem;
  color: #fff;
}

.call-link i {
  color: #eca400;
}



@media screen and (max-width:991px) {

  .navbar-collapse {
    border-top: 1px solid #404040;
  }

  .call-mob {
    color: #eca400;
    font-size: 1.4rem;
    margin-right: 1rem;
  }

}

@media screen and (min-width:992px) {
  .call-mob {
    display: none;
  }

}

@media screen and (max-width:1399px) {
  .call-link {
    display: none;
  }
}

.logo-call {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 598px) {
  .other_mobile_banner {
    height: 135vw;
  }

  .other_mobile_banner img {
    height: 135vw;
  }

}

.cont_h2 {
  color: #fff;
  font-size: 1.8em;
}

/* banner css start  */

.mobile_banner {
  display: none;
}

.desktop_banner {
  height: 35vw;
}

.desktop_banner img {
  height: 35vw;
}


@media only screen and (max-width: 768px) {
  .desktop_banner {
    display: none;
  }

  .mobile_banner {
    height: 135vw;
    display: block;
  }

  .mobile_banner img {
    height: 135vw;
  }
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "f039"
}


/* banner css end  */

.herodesktop {
  text-align: right;
  background: #000;
  position: relative;
  height: 100%;
}

.hero-image {
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-shiner {
  opacity: 0;
  z-index: 0;
  position: absolute;
  z-index: 3;
  background: #f6f7f8;
  background-image: linear-gradient(90deg, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: TemplateShimmer__placeholderShimmer--3ABuG;
  animation-timing-function: linear;
  width: 100%;
  height: 100%;
  transition: opacity .5s ease-in-out;
}

.hero-image img {
  width: 100%;
  height: 99%;
  object-fit: cover;
}

.heroinfo {
  display: inline-block;
  height: 550px;
  background: linear-gradient(90deg, transparent, #000 40%);
  text-align: right;
  position: relative;
  z-index: 3;
}

.heroinfo>section {
  padding: 60px;
  text-align: left;
  position: relative;
  display: inline-block;
}

.heroname {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 5.33px;
  color: #bdbdbd;
  text-transform: uppercase;
}

.heroinfo h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin: 20px 0 16px;
}

.heroinfo p {
  font-size: 18px;
  line-height: 1.44;
  color: #bdbdbd;
  margin: 0 0 36px;
}

.hero-loc {
  max-width: 332px;
  border-radius: 4px;
  background-color: #fff;
  padding: 24px 16px;
}

.hero-loc p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #212121;
  margin-bottom: 16px;
}

.select-loc {
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
  border: 1px solid #e2e2e2;
  background-color: #fff;
  padding: 12px;
  width: 100%;
  position: relative;
  height: 100%;
}

.select-city {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  font-size: 15px !important;
}

.arrowIcon {
  position: relative;
  top: 3px;
}

[data-icon]:before {
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@media screen and (max-width:767px) {
  .heroinfo>section {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    text-align: center;
  }

  .heroname {
    font-size: 12px;
  }

  .heroinfo h3 {
    font-size: 20px;
  }

  .heroinfo p {
    font-size: 13px;
  }

  .heroinfo {
    background: linear-gradient(180deg, transparent, #000 94%);
  }

  .heroinfo button {
    max-width: 380px;
    width: 100%;
  }
}

.loc-dropdn {
  position: absolute;
  top: calc(100% + 8px);
  width: calc(100% + 2px);
  left: -1px;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.loc-dropdn li {
  line-height: 42px;
  width: 100%;
  background-color: #fff;
  transition: all .15s ease-in-out;
  padding: 0 16px;
  text-align: left;
  cursor: pointer;
}

.loc-dropdn li a {
  color: #000;
}

.loc-dropdn li:hover {
  background: #f5f5f5 radial-gradient(circle, transparent 1%, #eee 0);
}

.h1 {
  font-size: 34px;
}

.h2 {
  font-size: 30px;
}

.h3 {
  font-size: 26px;
}

.h4 {
  font-size: 20px;
}

@media(max-width:600px) {
  .h1 {
    font-size: 30px;
  }

  .h2 {
    font-size: 26px;
  }

  .h3 {
    font-size: 22px;
  }

  .h4 {
    font-size: 19px;
  }
}

.loc-dropdn li.loc-head {
  pointer-events: none;
  background-color: #f0f0f0;
}

.b_e519 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  transition-property: opacity;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: b_g519;
  z-index: 10;
}

.b_i519 {
  width: 100%;
  max-height: 60vh;
  overflow-y: auto !important;
  transform: translateY(100%);
  bottom: 50px;
  animation-name: b_ak519;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.41, .45, .43, .88);
  will-change: transform;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  overflow: hidden;
}

@keyframes b_ak519 {
  0% {
    transform: translateY(100%)
  }

  to {
    transform: translateY(0)
  }
}

#style-1::-webkit-scrollbar {
  width: 0px;
  background-color: #F5F5F5;
}

.loc-modal h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #070707;
  padding: 16px;
}

.loc-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.loc-modal li {
  padding: 16px;
  font-size: 14px;
  line-height: 1.43;
  color: #070707;
  background-position: 50%;
  transition: all .3s;
}

.loc-modal li.i-flag {
  background-color: #f0f0f0;
  pointer-events: none;
}

.loc-close {
  position: absolute;
  color: #fff;
  left: 50%;
  top: 22%;
  z-index: 100000;
  font-size: 3em;
  padding: .2em;
  cursor: pointer;
  transform: translateX(-50%);
  text-align: center;
  width: 43px;
}

.loc-modal a {
  color: #000;
}

.footer-trim {
  height: 41px;
  display: block;
  background: url('img/border-trim.jpg');
  background-repeat: repeat-x;
  clear: both;
}

.section-60 {
  padding: 60px 0;
}

footer .socials {
  overflow: hidden
}

footer .socials .social {
  display: inline-block;
  width: 40px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  margin-right: 10px;
  border-radius: 7px;
  color: #fff;
  border: 1px solid #fff;
  opacity: .5
}

footer .socials .social:hover {
  opacity: 1;
  background: #fff;
  color: #333
}

footer.bg-secondary a,
footer.bg-secondary a {
  color: #fff
}

footer a:hover {
  color: #c3001e;
}

footer.bg-secondary {
  color: #fff
}

.bg-secondary,
.bg-secondary:hover,
.bg-secondary:focus {
  background-color: #1a1a1a !important
}

.contact-buttons {
  height: 3rem;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #480303;
  box-shadow: 0px -1px 12px 0px rgba(72, 3, 3, .7)
}

@media(max-width: 768px) {
  .contact-buttons {
    display: flex
  }
}

.contact-buttons>div {
  flex-grow: 1;
  border-right: 1px solid #ffc107;
  background-color: #000
}

.contact-buttons>div:last-child {
  border-right: none
}

.contact-buttons>div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 5rem;
  color: #ffc107
}

.contact-buttons>div a:hover {
  color: rgba(231, 0, 27, .7);
  transform: rotate(-10deg);
  transition: all .2s ease-in-out;
  text-decoration: none
}

.contact-buttons>div a i {
  font-size: calc(2.5rem * .5);
  border-radius: 50%;
  padding-right: .75rem;
}

@media screen and (max-width: 768px) {
  .contact-buttons>div {
    display: flex
  }
}

.attention {
  box-shadow: 0 0 0 0 #480303;
  transform: scale(1);
  animation: pulse 5s infinite
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: none
  }

  80% {
    transform: scale(1);
    box-shadow: none
  }

  85% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(72, 3, 3, .9)
  }

  90% {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(72, 3, 3, 0)
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(72, 3, 3, 0)
  }
}


.scroll-top {
  position: fixed;
  right: 0;
  bottom: 60px;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  background: 0;
  cursor: pointer
}

.scroll-top img {
  display: block;
  width: 50px;
  height: 50px
}

.scroll-top:hover,
.scroll-top:focus {
  opacity: .8 !important
}

.btn-whatsapp {
  position: fixed;
  right: 0;
  bottom: 115px;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px 6px 10px 14px;
  border: 0;
  background: #33b142;
  border-radius: 25px 0 0 25px;
  font-size: 0;
  cursor: pointer
}

.btn-whatsapp img {
  display: block;
  width: 30px;
  height: 30px
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
  opacity: .8
}

.text-center.text-md-start {
  padding: 15px;
}

.cd-wrapper {
  border-radius: 3px;
  border: 2px #cc1467 solid;
}

.desktop-profile {
  padding: 1em 6px;
}

.lh-3 {
  line-height: 2.5 !important;
  font-size: .9em !important;
}

.above {
  margin-bottom: 1em;
}

.bt-1 {
  border-top: 1px solid #484646;
}

.br-1 {
  border-right: 1px solid #484646;
}

.cust-pad {
  padding: 10px 5px 10px 5px !important;
}

.sm-d-inline .mee-2 {
  margin-left: 0.5rem !important;
}

@media only screen and (max-width: 600px) {
  .cust-row {
    --bs-gutter-x: 0.4rem !important;
  }

  .provider-name {
    margin-top: 3px;
  }

  .above {
    margin-bottom: 0.3em;
  }

  .desktop-profile {
    padding: 0.3em 6px;
  }

  .connect-btn {
    padding: 1px 4px 1px 4px;
    font-size: 11px;
    margin-left: 0px
  }

  .lh-3 {
    line-height: 1.5 !important;
    font-size: .8em !important;
  }

  .provider-name {
    font-size: 16px;
  }

  .provider-name {
    width: 65%;
  }

  .sm-d-inline {
    /* display: inline; */
  }

  #verified {
    display: flex;
  }

  #social-icon-i {
    display: flex;
    align-items: center;
  }

  .sm-d-inline .mee-2 {
    margin-left: 0.2rem !important;
  }

  .sm-float-right {
    float: right;
  }
}


.testimonial-section {
            line-height: 1.5;
        }
        .testimonial-card {
            border: 1px solid #ddd;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }/* ===== CSS VARIABLES ===== */
:root {
  /* Colors */
  --main-bg-color: #1a1a1a;
  --main-color-one: #e1e1e1;
  --main-color-two: #eca400;
  --main-color-three: #eaf8bf;
  --main-color-four: #006992;
  --main-color-five: #27476e;
  --main-color-six: #001d4a;

  /* Box Shadows */
  --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* Fonts */
  --heading-font: 'open sans', sans-serif;
  --paragraph-font: 'Roboto', sans-serif;
  --anchor-font: 'open sans', sans-serif;
}

/* ===== GLOBAL RESETS & BASE STYLES ===== */

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Liberation Sans", sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #333;
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: var(--main-color-three);
}

ul, ol {
  list-style: none;
}

li {
  color: #e1e1e1;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color:#eca400;
}

h1, h2 {
  text-align: center;
}
h3, h4, h5, h6 {
  text-align: left;
}
h1 {
  font-size: 30px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}
h6 {
  font-size: 20px;
}

/* Form elements */
input, textarea, select, button {
  font-family: inherit;
  font-size: inherit;
  outline: none;
  border: none;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #383636e6;
}

strong, b {
  color: var(--main-color-two);
}

/* ===== UTILITY CLASSES ===== */
.h1 { font-size: 34px; }
.h2 { font-size: 30px; }
.h3 { font-size: 26px; }
.h4 { font-size: 20px; }

@media(max-width:600px) {
  .h1 { font-size: 30px; }
  .h2 { font-size: 26px; }
  .h3 { font-size: 22px; }
  .h4 { font-size: 19px; }
}

.main-title {
  font-weight: 700;
  font-size: 37px;
}

.home_heading {
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}

.about_heading {
  font-size: 1.8em;
}

.sub-title {
  font-weight: 400;
  color: #fff !important;
  font-size: 18px;
}

.cont_h2 {
  color: #fff;
  font-size: 1.8em;
}

.sub-s {
  font-size: 32px;
}

.text-languid {
  font-size: 24px;
}

.cp-1 {
  padding: 0.5rem !important;
}

.cust-pad {
  padding: 10px 5px 10px 5px !important;
}

.lh-3 {
  line-height: 2.5 !important;
  font-size: .9em !important;
}

.bt-1 {
  border-top: 1px solid #484646;
}

.br-1 {
  border-right: 1px solid #484646;
}

.bgc {
  display: inline-block;
}

.clear {
  clear: both;
}

/* ===== NAVBAR ===== */
.navbar {
  box-shadow: var(--shadow-4);
  background-color: var(--main-bg-color);
  border-bottom: 1px solid var(--main-color-one);
  z-index: 9999 !important;
}

.navbar-brand {
  color: var(--main-color-two) !important;
  font-size: 20px;
  font-weight: bold;
}

.navbar-brand img {
  width: auto !important;
}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: var(--main-color-two) !important;
  text-transform: uppercase;
}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #fff !important;
}



.navbar-nav .nav-item:hover:before {
  transform: scaleX(1);
}

li.nav-item {
  margin-right: 5px;
  position: relative;
}

.fa-bars {
  color: var(--main-color-one) !important;
  font-size: 25px;
}

.btn_nav {
  background-color: var(--main-color-three);
  margin-left: 20px;
}

.border-right {
  color: var(--main-color-two) !important;
}



@media screen and (max-width: 991px) {
  .navbar-collapse {
    border-top: 1px solid #404040;
  }
  .border-right {
    border-right: 1px solid #ffffde00 !important;
  }
}

@media (max-width: 326px) {
  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-lg,
  .navbar>.container-md,
  .navbar>.container-sm,
  .navbar>.container-xl,
  .navbar>.container-xxl {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navbar-toggler {
    padding: 0.1rem 0.01rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
  }
}

/* ===== CALL BUTTONS ===== */
.call-link {
  font-size: 1.2rem;
  color: #fff;
}

.call-link i {
  color: #eca400;
}

.call-mob {
  color: #eca400;
  font-size: 1.4rem;
  margin-right: 1rem;
}

@media screen and (min-width: 992px) {
  .call-mob {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .call-link {
    display: none;
  }
}

.logo-call {
  display: flex;
  align-items: center;
}

/* ===== BREADCRUMBS ===== */
.new_breadcrumb {
  background-color: var(--main-color-three) !important;
}

.breadcrumbs-items {
  padding: 7px 7px;
  background: #000;
}

/* ===== LAYOUT COMPONENTS ===== */


/* Sidebar Layout */
.left-side-box {
  width: 18%;
  height: auto;
  float: left;
  margin: 0;
}

.right-side-box {
  width: 18%;
  height: auto;
  float: left;
  margin: 0;
}

.middile-box {
  width: 80%;
  float: left;
  position: relative;
  margin: 0 1% 0 1%;
}

.middle-img-box {
  width: 204px;
  height: auto;
  float: left;
  margin: 0 1% 0% 1%;
}

/* Layout responsive */
@media (max-width: 967px) {
  .left-side-box,
  .right-side-box,
  .middile-box {
    width: 100%;
    float: left;
    margin: 0;
  }
  
  .middile-box {
    padding: 0;
  }
  
  .middle-img-box {
    width: 50%;
    height: 370px !important;
    float: left;
    margin: 0;
  }
  

}

/* ===== VERTICAL MENU ===== */
.vertical-menu {
  width: 100%;
  background-color: #000000;
  margin-bottom: 20px;
  padding: 15px;
  position: relative;
}

.vertical-menu h3 {
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #ffc107;
  text-align: center;
  color: #fff;
}

.vertical-menu a {
  background-color: #1a1a1a;
  color: #ffffff;
  display: block;
  padding: 7px 3px 7px 10px;
  text-decoration: none;
  border-bottom: dashed 1px #ffc1074a;
  font-size: 16px;
  padding-left: 8px;
  text-transform: capitalize;
  border-radius: 5px;
  box-shadow: #141414 0px 1px 10px inset;
}

.vertical-menu a:hover {
  background-color: #ffc107;
  color: #000;
}

/* ===== CARDS & IMAGE BOXES ===== */
.img-box {
  background-color: #000;
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: #000000ad 0px 1px 10px;
}

.img-box>img {
  margin: 0px 2% !important;
}

.mpt {
  padding: 20px 20px 20px 20px;
  width: 98%;
  margin: 0 1% 0 1%;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  box-shadow: #000000 0px 1px 10px;
  margin-bottom: 20px;
  background: #1a1a1a;
  border: 1px solid #00000073;
}

@media (max-width: 967px) {
  .mpt {
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Card corners */
.corner-left-top {
  background-color: #fff0;
  width: 20px;
  height: 20px;
  position: absolute;
  border-top: 5px solid #ffc107;
  border-left: 5px solid #d7a100;
  top: 0;
  left: -1px;
}

.corner-right-top {
  background-color: #fff0;
  width: 20px;
  height: 20px;
  position: absolute;
  border-top: 5px solid #ffc107;
  border-right: 5px solid #d7a100;
  top: 0;
  right: -1px;
}

.corner-left-bottom {
  background-color: #ffffff00;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  border-bottom: 5px solid #ffc107;
  border-left: 5px solid #d7a100;
  left: -1px;
}

.corner-right-bottom {
  background-color: #ffffff00;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  border-bottom: 5px solid #ffc107;
  border-right: 5px solid #d7a100;
  right: -1px;
}

/* ===== HOME PAGE IMAGES ===== */
.home_img {
  position: relative;
  margin-bottom: 20px !important;
  margin: 1%;
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease 0s;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
  border-radius: 6px;
  box-shadow: rgb(50 50 50 / 10%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 6px 16px;
  will-change: transform;
  --gradient-background: linear-gradient(60deg, #237CCA 0%, #1CA6B2 100%);
  --gradient-color: currentColor;
}



.home_img_name {
  background-color: var(--main-color-six);
  padding: 5px 0px;
  text-align: center;
}

.home_img_star .fa-star {
  color: rgb(223, 191, 9);
  font-size: 14px;
}

.home_img_star .fa-heart {
  color: rgb(238, 8, 115) !important;
}

.home_img_star .fa-thumbs-up {
  color: green !important;
}

.home_img_star span {
  color: black !important;
  font-weight: bold;
}

.vip_logo {
  position: absolute;
  top: 2%;
  right: 2%;
}

.vip_new_logo {
  width: 50px;
}

/* ===== PREMIUM CONTAINER ===== */
.premium-container-wrapper {
  background: transparent linear-gradient(180deg, #ffcd31, #ff9700) 0 0 no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  margin-bottom: 1em;
}

.premium-container {
  margin: auto;
  padding: 1em;
}

.premium-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.premium-content {
  opacity: 1;
  height: 40%;
  min-height: 200px;
  padding: 2em;
  flex-basis: 35%;
}

.premium-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}

.premium-title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  flex-grow: 3;
}

.diamond-logo {
  width: 1em;
}

.premium-description {
  color: #000;
  font-size: 18px;
  flex-grow: 3;
  width: 100%;
}

.join-link {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}

.selectButton.go-premium-2 {
  color: #ffc92d !important;
  width: 200px;
  margin: auto;
  max-width: 100%;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 5em;
  font-weight: 500;
  font-size: 18px;
  margin-top: 3em;
  text-align: center;
  border: 2px solid #292929ee;
  background: #1a1a1a;
}

.premium-video {
  flex-basis: 65%;
  padding-left: 5em;
}

.premium-video-player {
  width: 100%;
  box-shadow: 3px 5px 28px -3px #292929;
}

/* Premium responsive */
@media (max-width: 991.98px) {
  body .premium-container {
    margin-top: 1em;
  }

  body .premium-container .premium-row .premium-video {
    padding: 0;
    flex-basis: 100%;
  }

  body .premium-container .premium-row .premium-content {
    padding: 2em 0;
    order: 2;
    flex-basis: 100%;
  }

  body .thumbContainer {
    overflow: hidden;
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  body .premium-container .premium-row .premium-content {
    padding: 0;
    flex-basis: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 8em;
    margin-top: 2em;
  }

  body .premium-container .premium-row .premium-content .premium-wrapper .premium-title {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body .premium-container .premium-row .premium-content .premium-wrapper .premium-description {
    font-size: 18px;
  }
}

/* ===== PROVIDER PROFILES ===== */
.provider-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  color: #ede2e2;
  position: relative;
  width: 100%;
}

.provider-city {
  color: #bfbfbf;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.provider-city,
.provider-name {
  font-weight: inherit;
  margin-top: 6px;
  text-transform: capitalize;
}

.provider-name i,
.rf-green i {
  vertical-align: middle;
  color: #019901;
  font-size: 1.6em;
}

.desktop-profile {
  display: block;
  padding: 1em 6px;
}

.mobile-profile {
  display: none;
}

/* Profile responsive */
@media only screen and (min-width: 993px) {
  .provider-name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
  }

  .provider-city {
    font-size: 16px;
    font-weight: 700;
  }
}

@media only screen and (max-width: 1024px) {
  .mobile-profile {
    display: block;
  }
}

@media only screen and (max-width: 993px) {
  .provider-name {
    font-size: 20px;
    vertical-align: text-top;
  }

  .provider-city {
    font-size: 16px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
  .provider-name {
    font-size: 20px;
  }

  .provider-city {
    font-size: 1rem;
  }
}

/* ===== PROFILE SECTIONS ===== */
.provider-info .above {
  margin-bottom: 1em;
}

.provider-info .below {
  line-height: 29px;
}

@media screen and (min-width: 600px) {
  .provider-info .above {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .provider-info .below {
    margin-top: 5px;
  }

  .private-place {
    padding-bottom: 6px;
    padding-top: 2px;
  }
}

/* ===== CONNECT BUTTON ===== */
.connect-btn {
  background: transparent linear-gradient(180deg, #ffcd31, #ff9700) 0 0 no-repeat padding-box;
  padding: 2px 6px 2px 6px;
  font-style: normal;
  text-transform: none;
  font-size: 14px;
  border-radius: 4px;
  color: #000;
  margin-left: 2px;
  vertical-align: middle;
  cursor: pointer;
}

.connect-btn i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #000000;
}

.connect-btn span {
  margin-left: 2px;
  font-weight: bold;
}

/* ===== RATING ===== */
.no-rating {
  font-size: 14px;
  color: #a6b2bf;
  display: flex;
  justify-content: flex-end;
  min-width: 100px;
}

@media only screen and (max-width: 993px) {
  .no-rating {
    font-size: 12px;
  }
}

@media only screen and (max-width: 640px) {
  .no-rating {
    margin: 0;
  }
}

/* ===== BADGES & TAGS ===== */
.today-btn-container {
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.dot-online {
  color: #00e676;
  font-style: normal;
  font-size: 19px;
}

.new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;
  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center;
}

.photo .new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;
  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .new-tag {
    right: 0;
  }
}

/* ===== BUTTONS ===== */
.but-blocks {
  text-align: center;
}



.load_more_btn {
  position: relative;
  max-width: 175px;
  margin: 1em auto;
  background: #da5591;
  border-radius: 6px;
  clear: both;
}

.load_img_btn {
  margin: 0px auto;
  display: block;
  max-width: 175px;
  background: #cc1467;
  color: #fff;
  text-align: center;
}

.load_img_btn i {
  color: #fff !important;
  margin-right: 5px;
}

/* ===== BANNERS ===== */
.top_banner {
  position: relative;
  overflow-x: hidden !important;
}

.top_image_overlay {
  background-color: rgba(20, 20, 20, 0.336);
  width: 100%;
  height: 100%;
}

.new_breadcrumbs {
  position: absolute;
  bottom: 10%;
  left: 10%;
}

/* Banner images */
.top_image {
  width: 100%;
  height: 70vh;
  background-size: 100% 100%;
  object-fit: contain;
}

.top_image_contact {
  width: 100%;
  height: 70vh;
  background-size: 100% 100%;
  object-fit: contain;
}

.top_image_gallery {
  width: 100%;
  height: 70vh;
  background-size: 100% 100%;
  object-fit: contain;
}

.top_image_about {
  width: 100%;
  height: 70vh;
  background-size: 100% 100%;
  object-fit: contain;
}

/* Mobile/Desktop banner */
.mobile_banner {
  display: none;
}

.desktop_banner {
  height: 35vw;
}

.desktop_banner img {
  height: 35vw;
}

@media only screen and (max-width: 768px) {
  .desktop_banner {
    display: none;
  }

  .mobile_banner {
    height: 135vw;
    display: block;
  }

  .mobile_banner img {
    height: 135vw;
  }
}

@media only screen and (max-width: 598px) {
  .other_mobile_banner {
    height: 135vw;
  }

  .other_mobile_banner img {
    height: 135vw;
  }
}

.background_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: top;
}

.new_box {
  background: rgba(0, 0, 0, 0.596);
}

/* ===== HERO SECTION ===== */
.herodesktop {
  text-align: right;
  background: #000;
  position: relative;
  height: 100%;
}

.hero-image {
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-image img {
  width: 100%;
  height: 99%;
  object-fit: cover;
}

.heroinfo {
  display: inline-block;
  height: 550px;
  background: linear-gradient(90deg, transparent, #000 40%);
  text-align: right;
  position: relative;
  z-index: 3;
}

.heroinfo>section {
  padding: 60px;
  text-align: left;
  position: relative;
  display: inline-block;
}

.heroname {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 5.33px;
  color: #bdbdbd;
  text-transform: uppercase;
}

.heroinfo h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin: 20px 0 16px;
}

.heroinfo p {
  font-size: 18px;
  line-height: 1.44;
  color: #bdbdbd;
  margin: 0 0 36px;
}

.hero-loc {
  max-width: 332px;
  border-radius: 4px;
  background-color: #fff;
  padding: 24px 16px;
}

.hero-loc p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #212121;
  margin-bottom: 16px;
}

.select-loc {
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
  border: 1px solid #e2e2e2;
  background-color: #fff;
  padding: 12px;
  width: 100%;
  position: relative;
  height: 100%;
}

.select-city {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  font-size: 15px !important;
}

.arrowIcon {
  position: relative;
  top: 3px;
}

/* Hero responsive */
@media screen and (max-width: 767px) {
  .heroinfo>section {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    text-align: center;
  }

  .heroname {
    font-size: 12px;
  }

  .heroinfo h3 {
    font-size: 20px;
  }

  .heroinfo p {
    font-size: 13px;
  }

  .heroinfo {
    background: linear-gradient(180deg, transparent, #000 94%);
  }

  .heroinfo button {
    max-width: 380px;
    width: 100%;
  }
}

/* ===== LOCATION DROPDOWN ===== */
.loc-dropdn {
  position: absolute;
  top: calc(100% + 8px);
  width: calc(100% + 2px);
  left: -1px;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.loc-dropdn li {
  line-height: 42px;
  width: 100%;
  background-color: #fff;
  transition: all .15s ease-in-out;
  padding: 0 16px;
  text-align: left;
  cursor: pointer;
}

.loc-dropdn li a {
  color: #000;
}

.loc-dropdn li:hover {
  background: #f5f5f5 radial-gradient(circle, transparent 1%, #eee 0);
}

.loc-dropdn li.loc-head {
  pointer-events: none;
  background-color: #f0f0f0;
}

/* ===== LOCATION MODAL ===== */
.b_e519 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  transition-property: opacity;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-name: b_g519;
  z-index: 10;
}

.b_i519 {
  width: 100%;
  max-height: 60vh;
  overflow-y: auto !important;
  transform: translateY(100%);
  bottom: 50px;
  animation-name: b_ak519;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.41, .45, .43, .88);
  will-change: transform;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  overflow: hidden;
}

@keyframes b_ak519 {
  0% { transform: translateY(100%); }
  to { transform: translateY(0); }
}

.loc-modal h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #070707;
  padding: 16px;
}

.loc-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.loc-modal li {
  padding: 16px;
  font-size: 14px;
  line-height: 1.43;
  color: #070707;
  background-position: 50%;
  transition: all .3s;
}

.loc-modal li.i-flag {
  background-color: #f0f0f0;
  pointer-events: none;
}

.loc-close {
  position: absolute;
  color: #fff;
  left: 50%;
  top: 22%;
  z-index: 100000;
  font-size: 3em;
  padding: .2em;
  cursor: pointer;
  transform: translateX(-50%);
  text-align: center;
  width: 43px;
}

.loc-modal a {
  color: #000;
}

#style-1::-webkit-scrollbar {
  width: 0px;
  background-color: #F5F5F5;
}

/* ===== FEATURES SECTION ===== */
.features {
  padding: 40px 0;
  text-align: center;
}

.features img {
  width: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 0;
  background-color: transparent;
}

.features .title {
  font-family: Fondamento, cursive;
  font-size: 30px;
  padding: 10px 0 10px 0;
  margin: 0;
  line-height: normal;
  color: #f3d000;
  text-shadow: 2px 1px 2px #04249c;
}

.features p {
  font-size: 15px;
}

.features .item {
  border: 2px solid #f3d000;
  padding: 10px;
}

.features .item-a {
  border-left: none;
  border-top: none;
  border-radius: 0 0 50px 0;
}

.features .item-b {
  border-right: none;
  border-top: none;
  border-radius: 0 0 0 50px;
}

.features .item-c {
  border-left: none;
  border-bottom: none;
  border-radius: 0 50px 0 0;
}

.features .item-d {
  border-right: none;
  border-bottom: none;
  border-radius: 50px 0 0 0;
}

@media screen and (max-width: 767px) {
  .features .title {
    font-size: 18px;
  }
}

/* ===== GALLERY ===== */
.headline {
  font-size: 35px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  color: #f4c70f;
  text-shadow: 3px 3px #252501;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(../images/headline.png);
  padding-bottom: 50px;
  margin-bottom: 20px;
  line-height: normal;
  width: 100%;
}

.gallery_forign_img {
  border-radius: 5px;
}

img.lazy {
  display: block;
  background-image: url(../images/placeholder.svg);
  background-repeat: no-repeat;
  background-size: auto 30%;
  background-position: 50% 50%;
  background-color: #ccc;
}

.profile-img {
  width: 100%;
  transition: filter .3s ease-in-out;
}

.profile-img:hover {
  filter: brightness(50%);
}

/* ===== TESTIMONIAL SECTION ===== */
.testimonial-section {
  line-height: 1.5;
}

.testimonial-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  margin-bottom: 30px;
}

/* ===== CARDS ===== */
.card {
  background-color: #515151;
  position: relative;
  border: none;
}

.card svg {
  font-size: 70px;
  display: inline-block;
  margin-right: 0.3em;
  color: #eca400;
}

.card i {
  display: inline-block;
  margin-right: 0.3em;
  color: #0d6efd;
}

.cd-wrapper {
  border-radius: 3px;
  border: 2px #cc1467 solid;
}

/* ===== SOCIAL BAR ===== */
.social_bar {
  width: 100%;
  padding: 8px 0;
  background-color: rgba(50, 50, 50, 0.8);
  bottom: 35px;
  position: static;
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .social_bar {
    position: absolute;
    bottom: 0;
    color: #fff;
  }
}

@media only screen and (max-width: 600px) {
  .social_bar {
    margin: 0px 2% !important;
  }
}

/* ===== SOCIAL ICONS (st-1) ===== */
#st-1 {
  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  direction: ltr;
  display: block;
  opacity: 1;
  text-align: center;
  z-index: 94034;
}

#st-1.st-animated {
  transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in,
    c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}

#st-1 .st-btn {
  box-sizing: border-box;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  padding: 0 8px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  margin-bottom: 10px;
}

#st-1 .st-btn:last-child {
  margin-right: 0;
}

#st-1 .st-btn>img {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 8px;
  vertical-align: top;
}

#st-1 .st-btn>span {
  transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 60px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
}

#st-1.st-has-labels .st-btn {
  min-width: 120px;
}



#st-1 .st-btn[data-network="facebook"] { background-color: #4267b2; }
#st-1 .st-btn[data-network="facebook"]>span { color: #fff; }
#st-1 .st-btn[data-network="twitter"] { background-color: #55acee; }
#st-1 .st-btn[data-network="twitter"]>span { color: #fff; }
#st-1 .st-btn[data-network="sms"] { background-color: #ffbd00; }
#st-1 .st-btn[data-network="sms"]>span { color: #fff; }
#st-1 .st-btn[data-network="whatsapp"] { background-color: #25d366; }
#st-1 .st-btn[data-network="whatsapp"]>span { color: #fff; }
#st-1 .st-btn[data-network="sharethis"] { background-color: #95d03a; }
#st-1 .st-btn[data-network="sharethis"]>span { color: #fff; }

.st-btn.st-first {
  margin-bottom: 10px;
}

/* ===== FOOTER ===== */
footer {
  background-color: #33180eab;
  color: #fff;
}

footer p {
  text-align: left;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #ff5722;
}

.footer .about {
  font-size: 25px;
  text-align: center;
  padding: 20px 0;
  color: #f4c70f;
  text-shadow: 2px 1px 2px #000;
}

.footer .about span {
  display: block;
  font-size: 20px;
  margin-top: 10px;
}

.footer .links {
  text-align: center;
  padding: 5px 0;
  background-color: #000;
}

.footer .links li {
  display: inline-block;
}

.footer .links li a {
  font-size: 13px;
}

.footer .links li a:hover {
  color: #e42e54;
}

.footer .links li::after {
  content: "-";
  margin: 0 10px;
}

.footer .links li:last-child:after {
  content: "";
}

.footer .footer-bottom {
  padding: 0 0 0;
  font-size: 13px;
}

.footer .footer-bottom .menu {
  float: right;
}

.footer .footer-bottom .menu li {
  display: inline-block;
}

.footer .footer-bottom .menu li::after {
  content: "-";
  margin: 0 3px 0 5px;
}

.footer .footer-bottom .menu li:last-child:after {
  content: "";
  margin: 0;
}

.footer .footer-bottom .copyright {
  float: left;
}

footer .socials {
  overflow: hidden;
}

footer .socials .social {
  display: inline-block;
  width: 40px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  margin-right: 10px;
  border-radius: 7px;
  color: #fff;
  border: 1px solid #fff;
  opacity: .5;
}

footer .socials .social:hover {
  opacity: 1;
  background: #fff;
  color: #333;
}

footer.bg-secondary a,
footer.bg-secondary a {
  color: #fff;
}

footer.bg-secondary {
  color: #fff;
}

.bg-secondary,
.bg-secondary:hover,
.bg-secondary:focus {
  background-color: #1a1a1a !important;
}

.footer-trim {
  height: 41px;
  display: block;
  background: url('../img/border-trim.jpg');
  background-repeat: repeat-x;
  clear: both;
}

/* Footer responsive */
@media (max-width: 768px) {
  .footer .links {
    margin-bottom: 10px;
  }

  .footer .links li {
    display: block;
    padding: 2px 0;
  }

  .footer .links li::after {
    content: "";
    margin: 0 5px;
  }

  .footer .footer-bottom {
    margin-bottom: 120px;
  }

  .footer .footer-bottom .menu {
    float: none;
    text-align: center;
  }

  .footer .footer-bottom .menu li {
    padding: 2px 0;
  }

  .footer .footer-bottom .menu li::after {
    content: "";
    margin: 0 5px;
  }

  .footer .copyright {
    float: none;
    text-align: center;
  }
}

.text-center.text-md-start {
  padding: 15px;
}

.section-60 {
  padding: 60px 0;
}

/* ===== CONTACT BUTTONS (Floating) ===== */
.contact-buttons {
  height: 3rem;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #480303;
  box-shadow: 0px -1px 12px 0px rgba(72, 3, 3, .7);
}

.contact-buttons>div {
  flex-grow: 1;
  border-right: 1px solid #ffc107;
  background-color: #000;
}

.contact-buttons>div:last-child {
  border-right: none;
}

.contact-buttons>div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  line-height: 5rem;
  color: #ffc107;
}

.contact-buttons>div a:hover {
  color: rgba(231, 0, 27, .7);
  transform: rotate(-10deg);
  transition: all .2s ease-in-out;
  text-decoration: none;
}

.contact-buttons>div a i {
  font-size: calc(2.5rem * .5);
  border-radius: 50%;
  padding-right: .75rem;
}

@media (max-width: 768px) {
  .contact-buttons {
    display: flex;
  }
  
  .contact-buttons>div {
    display: flex;
  }
}

/* ===== FLOATING BUTTONS ===== */
.scroll-top {
  position: fixed;
  right: 0;
  bottom: 60px;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  background: 0;
  cursor: pointer;
}

.scroll-top img {
  display: block;
  width: 50px;
  height: 50px;
}

.scroll-top:hover,
.scroll-top:focus {
  opacity: .8 !important;
}

.btn-whatsapp {
  position: fixed;
  right: 0;
  bottom: 115px;
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px 6px 10px 14px;
  border: 0;
  background: #33b142;
  border-radius: 25px 0 0 25px;
  font-size: 0;
  cursor: pointer;
}

.btn-whatsapp img {
  display: block;
  width: 30px;
  height: 30px;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
  opacity: .8;
}

/* ===== RESPONSIVE UTILITIES ===== */
@media only screen and (max-width: 768px) {
  .main-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 600px) {
  .logo_new {
    width: 229px !important;
  }

  .home_heading {
    font-size: 1.6em;
  }
  
  .provider-name {
    width: 65%;
  }
  
  #verified {
    display: flex;
  }
  
  #social-icon-i {
    display: flex;
    align-items: center;
  }
  
  .sm-float-right {
    float: right;
  }
  
  .img-box>img {
    margin: 0px 2% !important;
  }
}

@media only screen and (max-width: 450px) {
  .sub-title {
    font-size: 14px;
  }

  .home_heading {
    font-size: 18px !important;
  }
  
  .sub-s {
    font-size: 24px;
  }
}

@media only screen and (max-width: 356px) {
  .logo_new {
    width: 190px !important;
    height: auto;
  }
}

@media screen and (min-width: 600px) and (max-width: 967px) {
  /* Combined media queries */
}

/* ===== RESPONSIVE PROFILE LAYOUT ===== */
@media only screen and (max-width: 600px) {
  .cust-row {
    --bs-gutter-x: 0.4rem !important;
  }

  .provider-name {
    margin-top: 3px;
  }

  .above {
    margin-bottom: 0.3em;
  }

  .desktop-profile {
    padding: 0.3em 6px;
  }

  .connect-btn {
    padding: 1px 4px 1px 4px;
    font-size: 11px;
    margin-left: 0px;
  }

  .lh-3 {
    line-height: 1.5 !important;
    font-size: .8em !important;
  }

  .provider-name {
    font-size: 16px;
  }

  .sm-d-inline .mee-2 {
    margin-left: 0.2rem !important;
  }
}

/* ===== ANIMATIONS ===== */
.pulse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 1s cubic-bezier(.24, 0, .38, 1) infinite;
  z-index: -1;
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

.attention {
  box-shadow: 0 0 0 0 #480303;
  transform: scale(1);
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: none;
  }
  80% {
    transform: scale(1);
    box-shadow: none;
  }
  85% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(72, 3, 3, .9);
  }
  90% {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(72, 3, 3, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(72, 3, 3, 0);
  }
}

.image-shiner {
  opacity: 0;
  z-index: 0;
  position: absolute;
  z-index: 3;
  background: #f6f7f8;
  background-image: linear-gradient(90deg, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: TemplateShimmer__placeholderShimmer--3ABuG;
  animation-timing-function: linear;
  width: 100%;
  height: 100%;
  transition: opacity .5s ease-in-out;
}

/* ===== ACCORDION ===== */
.accordion-button:focus {
  box-shadow: none;
}

/* ===== BGEFFECT ===== */
.bgeffect {
  width: 210px;
  height: 35px;
  padding: 4px 0 0 75px;
  color: #ffffff;
}

.bgeffect1 {
  width: 194px;
  height: 35px;
  padding: 4px 0 0 75px;
  color: #ffffff;
}

@media (max-width: 967px) {
  .bgeffect {
    width: 100%;
    height: 35px;
    padding: 4px 0 0 75px;
    color: #ffffff;
    border-top: 2px solid #7a3b18;
  }

  .bgeffect1 {
    width: 100%;
    height: 35px;
    padding: 4px 0 0 90px;
    color: #ffffff;
    border-top: 2px solid #7a3b18;
  }
}

/* ===== SECTION ALTERNATING BACKGROUNDS ===== */
section{
  padding-top: 50px;
  padding-bottom: 50px;
}
section:nth-of-type(odd) {
  background-color: #2c2c2c;
}

section:nth-of-type(even) {
  background-color: #1e1e1e;
}

section .container p{
  text-align: justify;
}
/* ===== MISC ===== */
.container p {
  color: var(--main-color-one);
  line-height: 1.5;
}

[data-icon]:before {
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "f039";
}

.bg-c-g100 {
  background: #9d0808;
}
.contt ul{
    margin:20px 0;
    padding:0;
    list-style:none;
}

.contt ul li{
    position:relative;
    padding:10px 15px 10px 35px;
    margin-bottom:10px;
    line-height:1.6;
}

.contt ul li::before{
    content:"✔";
    position:absolute;
    left:10px;
    top:10px;
    color:#eca400;
    font-weight:bold;
}
.contt a{
    color:#eca400;
}