1#@!#!123s

22527 1#@!#!123s
: / data / letsfame / assets / css /
Filename : index-style.css
back
* { margin: 0; padding: 0; box-sizing: border-box;}
/* body {font-family: 'Montserrat Regular';background: linear-gradient(243.84deg, #553364 5.07%, #391D6E 100.78%);;overflow-x: hidden;} */
body {font-family: 'Montserrat Regular';background: linear-gradient(90deg,rgba(24, 6, 71, 1) 0%, rgba(89, 27, 49, 1) 46%, rgba(24, 6, 71, 1) 100%);overflow-x: hidden;}
h1 { font-family: 'LemonMilk Bold';}
h2 { font-family: 'Montserrat Bold'; font-weight: 700; font-size: 28px; line-height: 28px; letter-spacing: 0%; text-align: center;}
p { font-family: 'Montserrat Regular'; font-weight: 500; font-size: 17px; line-height: 24px; letter-spacing: 0%; text-align: center;}
.w-30 {width: 170px;}
.btn-warning {background-color: #F1C15F !important;border-color: #F1C15F !important;}
.bg-dark {background-color: black !important;border-color: black !important;}
.bg-box {background: rgba(255, 255, 255, 0.1);}
.comprehensive-solution .bg-box img{width:120px;}
/* banner */
.banner-bg { margin-top:77px; background-image: url('../img/bookartistnow/banner.png'); background-position: top; background-size: cover; background-repeat: no-repeat; padding: 300px 0px;}
.banner-bg h1 {  font-family: 'LemonMilk Bold';  font-weight: 500;font-size: 32px;  line-height: 43.22px;  letter-spacing: 0%;}
.banner-bg p {  font-family: 'Montserrat Regular';  font-weight: 500;  font-size: 18px;  line-height: 21.94px;  letter-spacing: 0%; text-align: center;}
/*// banner */
/* how-it-works */
/* .how-it-works{background: linear-gradient(360deg, #000000 0%, #2A1175 100%);} */
.how-it-works h5 {font-family: 'Montserrat Bold';font-weight: 600;font-size: 26px;line-height: 26px;letter-spacing: 0%;}
.how-it-works p {font-family: 'Montserrat Regular';font-weight: 400;font-size: 20px;line-height: 24.38px;letter-spacing: 2%;text-align: justify;}
.posi-abs-1 {  position: absolute;  left: 140px;  top: 176px;}
.posi-abs-2 { position: absolute; right: 270px;}
.posi-abs-3 { position: absolute; left: 140px; top: 176px;}
/*// how-it-works */
/* Explore Movie Industry */
.masonry-grid { display: grid;   grid-template-columns: repeat(auto-fit, minmax(300px, 2fr)); /* grid-auto-rows: 159px; */ gap: 10px; justify-content: center; /* max-width: 900px; */ /* margin: auto; */  }
.masonry-item { position: relative; overflow: hidden; border-radius: 15px;}
.masonry-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; transition: transform 0.3s ease, filter 0.3s ease;}
.masonry-item:hover img { transform: scale(1.1); filter: brightness(0.7);}
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center;   align-items: center; opacity: 0; transition: opacity 0.3s ease-in-out;   border-radius: 15px;}
.masonry-item:hover .overlay { opacity: 1;}
.overlay-text { color: #fff; font-size: 18px; font-weight: bold;}
/* Adjust grid item sizes to create a masonry effect */
.masonry-item:nth-child(1) { grid-row: span 2; }
.masonry-item:nth-child(2) { grid-row: span 1; }
/* .masonry-item:nth-child(3) { grid-row: span 2; } */
.masonry-item:nth-child(4) { grid-row: span 2; }
.masonry-item:nth-child(5) { grid-row: span 2; }
.masonry-item:nth-child(6) { grid-row: span 1; }
.masonry-item:nth-child(7) { grid-row: span 1; }
.masonry-item:nth-child(8) { grid-row: span 1; }
/*// Explore Movie Industry */
/* booking success */
.booking-success h3 { font-family: 'Montserrat Bold';  font-weight: 600;  font-size: 52px !important;  line-height: 100%;  letter-spacing: 8%; text-align: center;}
.booking-success small { font-family: 'Montserrat regular'; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0%;  text-align: center;}
/* booking success */
/* Meet Our Top-Rated Industry Professionals */
.input-group.form-control:focus {color: #e9ecef !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f3b328 !important;}
/* ///Meet Our Top-Rated Industry Professionals */
/* why-choose */
.why-choose h5 {  font-family: 'Montserrat SemiBold';  font-weight: 600;  font-size: 16px;  line-height: 100%;  letter-spacing: 0%;}
.why-choose .card-p { font-family: 'Montserrat Regular'; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%;}
.why-choose .h-100 {height: 93% !important;background: rgba(255, 255, 255, 0.1);}
.hov-card {transition: all 0.3s ease-in-out;}
.hov-card:hover {background-color: #F1C15F !important;color: #230B77 !important;}
.hov-card:hover img {color: #230B77 !important;}
.hov-card img.hover-img {display: none;}
.hov-card:hover img.default-img {display: none;}
.hov-card:hover img.hover-img {display: block;}
/* ///why-choose */
/* Top-Rated Industry */
#example-search-input:focus {background-color: white; /* Keeps background white */ color: white !important; /* Changes text color to white */ outline: none; box-shadow: none;}
#example-search-input::-webkit-search-cancel-button {display: none;}
/*// Top-Rated Industry */
/* trusted-clients */
.testimonial-container { display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 40px;max-width: 1200px;margin-right: 59px;margin-left: 123px;}
.testimonial-card {background: rgba(255, 255, 255, 0.1);padding: 60px;border-bottom-right-radius: 165px;border-top-left-radius: 165px; max-width: 560px;text-align: center;position: relative;margin-top: 86px;min-height: 350px;}
.testimonial-card img {width: 95px;height: 95px;border-radius: 50%;position: absolute;bottom: 0px;left: 50%;top: -46px;transform: translateX(-50%);}
.stars { color: rgba(255, 151, 54, 1); font-size: 30px; /*margin: 10px 0;*/}
.testimonial-text {font-size: 14px;padding-top: 15px;color: white;}
.testimonial-images {display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 500px;}
.carousel-btns {display: flex;justify-content: center; gap: 15px; margin-top: 35px;margin-right: 87px;}
.carousel-btns button { background: rgba(255, 255, 255, 0.1); border: none; color: white; padding: 4px 14px;  font-size: 18px; border-radius: 50%; cursor: pointer; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); transition: 0.3s;}
.carousel-btns button:hover { background: lightgray;}
.carousel-btns .prev { position: relative; left: 0;}
.carousel-btns .next { position: relative; right: 0;}
.first-image{margin-bottom: 20px;}
.small-image-1{ margin-right: 13px !important;}
 .small-image-2{margin-left: 10px;} 
.last-image{margin-top: 19px;}
.text-clr{color: white;}
/* trusted clients */
@media only screen and (min-width: 344px) and (max-width: 569px){
  .small-image-2 {margin-left: -9px !important;}
   .first-image { margin-bottom: 10px;  }
    .last-image { margin-top: 9px; }
    .small-image-1 {  margin-right: 16px !important;}}
    @media only screen and (min-width: 717px) and (max-width: 768px){
      .small-image-1{width:40% !important;}
      .small-image-2{width:40% !important;}}
      @media only screen and (min-width:768px) and (max-width: 991px){
        .small-image-1 {  width: 42% !important;      }  
      .small-image-1 {  margin-right: 9px !important; }
      .first-image{ margin-bottom: 16px;}
      .last-image { margin-top: 9px; }
      .small-image-2 { width: 42% !important; }
      .small-image-2 { margin-left: -2px !important; }  
    }
    @media only screen and (min-width:992px) and (max-width:1200px){
      .small-image-2{ width: 43%;}
.small-image-1{ width: 43%;}
.small-image-2 { margin-left: 0px;}
.first-image { margin-bottom: 16px;}
.small-image-1 {margin-right: 9px !important;}.last-image { margin-top: 12px;}  }


@media (max-width: 412px) {
  .width-img2{width: 93px !important;}
  .width-img8{width: 176px!important;}
}

/* trusted clients */
@media (max-width: 768px) {
  .testimonial-container {
      flex-direction: column;
      align-items: center;
  }
 .testimonial-card img{
   margin-bottom: 25px;
 }
 .carousel-btns{
   margin-left: 60px;
   margin-bottom: 21px;
 }
 .small-image-1{
   margin-right: 0px;
 }
 .small-image-2{
   margin-left: 0px;
}}
/*/// trusted-clients */

/* ccomprehensive-solution */
.comprehensive-solution h6 { font-family: 'Montserrat SemiBold';font-weight: 700;font-size: 20px; line-height: 100%; letter-spacing: 0%;text-align: center;}
.comprehensive-solution .comprehensive-p {font-family: 'Montserrat Regular';font-weight: 500;font-size: 16px;line-height: 32px;letter-spacing: 0%; text-align: center;}
/* ///ccomprehensive-solution */

/* bookartist */
.bookartist-sec { background-image: url('../img/bookartistnow/artist-bg.png'); background-position: center; background-size: cover;  background-repeat: no-repeat;padding: 120px 0;}
.bookartist-sec .w-100 {width: 41% !important;}
/*// bookartist */

.btn-warning.rounded-pill.find-artist {width: 250px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0px 25px;font-weight: 500;}

/* .footer {padding: 60px 0px 30px 0px;}
.footer ul {list-style: none;padding: 0px;}
.footer ul li {line-height: 40px;}
.footer ul li a {color: #ffffff;text-decoration: none;}
.footer h5 {font-size: 20px;font-weight: 600;color: #ffffff;margin-bottom: 20px;}
.footer .social-media-icon a { padding: 10px;} */

.display-grid {display: inline-grid;align-content: flex-start;}
.image-align img {margin-bottom: 10px;vertical-align: top;}
.position-relative { position: relative;}
.content-absolute {position: absolute;}
.content-absolute h6 {font-weight: 600;font-size: 16px;}
.content-absolute p.half-white {font-size: 13px;line-height: 18px;color: rgba(255, 255, 255, 0.6) !important;}
.content-absolute h6.small-font {  font-size: 14px;}
.testimonial {  position: relative;  padding: 60px 0px;}
.testimonial .stars-wrapper { margin-top: -290px; position: relative;}
.testimonial .stars-wrapper .content-absolute {position: absolute;top: 45px;}
.image-align img { width: 75px;margin-bottom: 10px;vertical-align: top;}
.testimonial .stars-wrapper {  margin-top: -200px;  position: relative;}
.content-absolute p.half-white {  font-size: 9px;}
.filter-wrapper { border: solid 1px #ffffff; border-radius: 25px;}
.filter-wrapper .bg-white {background-color: transparent !important;border: 0px;}
.filter-wrapper .form-control {  background-color: transparent !important;  color: #FFFFFF;}
.item p { font-size: 14px;}
.owl-nav button{ background: rgba(217, 217, 217, 0.1) !important; width: 40px; height: 40px; border-radius: 50% !important; position: absolute; bottom: 0px;margin: 0px !important;}
.owl-nav button span{ text-align: center; font-size: 30px; line-height: 27px; color: #fff; font-weight: 500;}
.owl-nav .owl-prev{ left: 0px;}
.owl-nav .owl-next{right: 0px;}
.owl-dots{margin-top: 35px;}
.green-bg { background: linear-gradient(0deg, #27904B 35%, #37CE6D 75%); padding: 10px; border-radius: 8px;}
.orange-bg { background: linear-gradient(0deg, #F3B328 35%, #996B08 75%); padding: 10px; border-radius: 8px;}
.blue-bg { background: linear-gradient(0deg, #03E1E5 35%, #098184 75%); padding: 10px; border-radius: 8px;}
.pink-bg {background: linear-gradient(0deg, #E252A5 35%, #831D58 75%);padding: 10px;border-radius: 8px;}
.dark-blue-bg {  background: linear-gradient(0deg, #12A1DC 35%, #0D587B 75%);  padding: 10px;  border-radius: 8px;}

.form-control:focus {color: #212529;background-color: #fff;outline: 0;box-shadow: none !important;}
.popup-side {right: -89px;color: #ffffff;font-size: 16px;font-weight: 100;line-height: 16px;padding: 12px 15px !important;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);border-radius: 5px 5px 0 0;z-index: 99999; position: fixed;top: 50%; color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link {  padding: 6px 25px;  font-weight: 500;}
.content-absolute2 {max-width:420px; padding:0px 17px;}


@media (min-width: 1080px) {
  .testimonial-padding-top{ padding-top:120px !important; }
  .testimonial-padding-top1{ padding-top:90px !important; }
  .testimonial-padding-top2{ padding-top:70px !important; }
  .testimonial-padding-top3{ padding-top:50px !important; }
  .testimonial .stars-wrapper { margin-top:-250px; position:relative; }
  .testimonial .stars-wrapper .content-absolute { position:absolute; }
  .image-align img { width:115px; margin-bottom: 10px; vertical-align:top; }
  .content-absolute { width:420px; text-align:center; top:25px; }
     .small-image-1 {margin-right: 2px !important;}}
   /* .small-image-1 {margin-right: 12px !important;}}
   
   @media only screen and (max-width: 767px){
   .testimonial-card{min-height: 383px;}
   .how-it-works p{ font-size: 17px;text-align: center;}
   .how-it-works h5 {font-size: 24px;text-align: center;} 
  
  }
  
   @media (max-width: 1024px) {
    .posi-abs-1, .posi-abs-2, .posi-abs-3 { position: initial; text-align:center;  }
   .posi-abs-1 img, .posi-abs-2 img, .posi-abs-3 img { width:100px; }
   .h-100{ height:auto; }
   .position-relative.testimonial-relative img {width: 100%;}
   .testimonial .stars-wrapper .content-absolute { position:absolute; top:20px; }
   .testimonial .stars-wrapper .content-absolute2 { position:absolute; top:165px; }
  
   }
    @media (max-width: 1200px) {.testimonial .stars-wrapper .content-absolute2 { top:190px; }
    }
  
    @media (max-width: 540px) {
   .image-align img { width: 33px;  }
   .position-relative img{ width:100%; }
   .posi-abs-1, .posi-abs-2, .posi-abs-3 { position: initial; text-align:center;  }
   .posi-abs-1 img, .posi-abs-2 img, .posi-abs-3 img { width:100px; }
   .content-absolute { width:100%; text-align:center; top:20px; left:0px; }
   .content-absolute p.half-white { font-size:8px; line-height:12px; margin-bottom:5px !important; }
  .content-absolute1 { width:100%; text-align:center; top:20px; left:0px; }
  .content-absolute2 { width:100%; text-align:center; top:150px; left:0px; }
  .testimonial .stars-wrapper {margin-top: -80px; position: relative;}
   .testimonial .stars-wrapper .content-absolute2 { position:absolute; top: 167px; }
   .testimonial-padding-top{ padding-top:40px !important; }
  .testimonial-padding-top1{ padding-top:30px !important; }
  .testimonial-padding-top2{ padding-top:20px !important; }
  .testimonial-padding-top3{ padding-top:10px !important; }
   .testimonial .starimage { width:150px; }
   .masonry-grid { display: grid;   grid-template-columns: repeat(auto-fit, minmax(100px, 2fr)); /* grid-auto-rows: 159px; */ gap: 10px; justify-content: center; /* max-width: 900px; */ /* margin: auto; */  }
  }
  @media only screen and (min-width: 541px) and (max-width: 991px){
    .booking-success .masonry-grid{grid-template-columns: repeat(auto-fit, minmax(150px, 2fr));}
  }
 @media (min-width: 1080px) {
.testimonial-padding-top{ padding-top:120px !important; }
.testimonial-padding-top1{ padding-top:90px !important; }
.testimonial-padding-top2{ padding-top:70px !important; }
.testimonial-padding-top3{ padding-top:50px !important; }
.testimonial .stars-wrapper { margin-top:-250px; position:relative; }
.testimonial .stars-wrapper .content-absolute { position:absolute; }
.image-align img { width:115px; margin-bottom: 10px; vertical-align:top; }
.content-absolute { width:420px; text-align:center; top:25px; }
 .small-image-1 {margin-right: 2px !important;}
 }
  @media (max-width: 991.98px) {
.testimonial-padding-top{ padding-top:120px !important; }
.testimonial-padding-top1{ padding-top:90px !important; }
.testimonial-padding-top2{ padding-top:70px !important; }
.testimonial-padding-top3{ padding-top:50px !important; }
 }
 @media (max-width: 1024px) {  
  .testimonial-padding-top{ padding-top:120px !important; }
.testimonial-padding-top1{ padding-top:90px !important; }
.testimonial-padding-top2{ padding-top:70px !important; }
.testimonial-padding-top3{ padding-top:50px !important; }
.posi-abs-1, .posi-abs-2, .posi-abs-3 { position: initial; text-align:center;  }
 .posi-abs-1 img, .posi-abs-2 img, .posi-abs-3 img { width:100px; }
 .h-100{ height:auto; }
/* .position-relative.testimonial-relative img {width: 100%;}*/
 .testimonial .stars-wrapper .content-absolute { position:absolute; top:35px; }
 .testimonial .stars-wrapper .content-absolute2 { position:absolute; top:35px; }
 }
  @media (max-width: 768px) {
    .testimonial .stars-wrapper .content-absolute {
        position: absolute;
        top: 35px;
         margin: auto;
         right: 0;
    }
    .banner-bg {
      margin-top: 93px;}
}
  @media (max-width: 540px) {
 .image-align img { max-width: 51px;  }
 .position-relative img{ width:100%; }
 .posi-abs-1, .posi-abs-2, .posi-abs-3 { position: initial; text-align:center;  }
 .posi-abs-1 img, .posi-abs-2 img, .posi-abs-3 img { width:100px; }
 .content-absolute { width:100%; text-align:center; top:20px; left:0px; }
 .content-absolute p.half-white { font-size:8px; line-height:12px; margin-bottom:5px !important; }
.content-absolute1 { width:100%; text-align:center; top:20px; left:0px; }
.content-absolute2 { width:100%; text-align:center; top:150px; left:0px; }
.testimonial .stars-wrapper {margin-top: -80px; position: relative;}
/* .testimonial .stars-wrapper .content-absolute2 { position:absolute; top:150px; }*/
 .testimonial-padding-top{ padding-top:40px !important; }
.testimonial-padding-top1{ padding-top:30px !important; }
.testimonial-padding-top2{ padding-top:20px !important; }
.testimonial-padding-top3{ padding-top:10px !important; }
 .testimonial .starimage { width:150px; }
 .masonry-grid { display: grid;   grid-template-columns: repeat(auto-fit, minmax(100px, 2fr)); /* grid-auto-rows: 159px; */ gap: 10px; justify-content: center; /* max-width: 900px; */ /* margin: auto; */  }
}
@media (max-width: 539px) {
 .image-align img { width: 38px;  }
    .testimonial .stars-wrapper .content-absolute2 {
        position: absolute;
        top: 27px;
    }
}
@media (max-width: 415px) {
 .image-align img { width: 32px;  }
     .testimonial .stars-wrapper .content-absolute2 {
        position: absolute;
        top: 20px;
    }
}
@media only screen and (min-width: 344px) and (max-width: 415px){
  .image-align img {width: 28px !important;}
  .position-relative.testimonial-relative img{width:100% !important; }
  .testimonial .stars-wrapper .content-absolute2 {position: absolute;top: 37px;}
  .testimonial .stars-wrapper .content-absolute2 { position: absolute; top: 34px;}}

@media only screen and (min-width: 539px) and (max-width: 690px){
  .image-align img {  width: 48px;  }
  .testimonial .stars-wrapper .content-absolute {   position: absolute;   top: 58px;} 
  .testimonial .stars-wrapper .content-absolute2 {  position: absolute;  top: 53px; }}

  @media only screen and (min-width: 690px) and (max-width: 767px){
  .image-align img {  width: 65px;  }
  /* .testimonial .stars-wrapper .content-absolute {   position: absolute;   top: 58px;}  */
  /* .testimonial .stars-wrapper .content-absolute2 {  position: absolute;  top: 53px;}  */
  .testimonial .stars-wrapper .content-absolute2 {  position: absolute;  top: 53px;  left: 20px;}
  .position-relative.testimonial-relative img {    width: 72%;   }
  .content-absolute p.half-white {  font-size: 6px;}}

  @media only screen and (min-width: 990px) and (max-width: 1200px){
  .masonry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 2fr));}}

  @media only screen and (min-width: 1200px) and (max-width: 1400px){
    .masonry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(265px, 2fr));}}