*{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family: 'Fredoka', sans-serif;
      /* font-family:'Poppins',sans-serif; */
    }
@font-face {
    font-family: 'Polea';
    src: url('fonts/Polea-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
    body{
      background:#fff;
      overflow-x:hidden;
      font-family: 'Polea', sans-serif;
      font-family: 'Fredoka', sans-serif;
    }

    /* NAVBAR */

    .navbar-custom{
      padding:20px 0;
      background:white;
    }

    .logo1{
      font-size:34px;
      font-weight:700;
      color:#5f1ca8;
    }

    .menu-box{
      background:linear-gradient(to right,#7b1fd3,#4e0d8b);
      border-radius:50px;
      /* padding:7px 15px; */
      padding: 2px 1px;
    }

    .menu-box .nav-link{
      color:white !important;
      margin:0 10px;
      padding:10px 20px;
      border-radius:30px;
      transition:.3s;
      font-weight:500;
    }

    .menu-box .nav-link:hover,
    .menu-box .active{
      background:white;
      color:#5f1ca8 !important;
    }

    /* HERO */

    .hero{
    background-image: url("../img/fb-cover34.png");
    background-size: cover;
    background-position: top;
      /* background:linear-gradient(to right,#fff,#f4d8ff); */
      padding:70px 0;
      position:relative;
      overflow:hidden;
    }

    .hero::before{
      content:'';
      position:absolute;
      width:700px;
      height:700px;
      background:rgba(171,77,255,0.1);
      border-radius:50%;
      top:-250px;
      right:-250px;
    }

    .hero-image{
      border-radius:40px;
      overflow:hidden;
      position:relative;
    }

    .hero-image img{
      width:100%;
      border-radius:40px;
      object-fit:cover;
    }

    .login-card{
      background:
      linear-gradient(to bottom,#f8e8ff,#a22cff);
      padding:40px;
      border-radius:20px 20px 20px 89px;
      box-shadow:0 15px 40px rgba(0,0,0,.15);
      text-align:center;
    }

    .login-card h2{
      color:#521b5d;
      font-weight:700;
      margin-bottom:10px;
    }

    .login-card p{
      font-size:14px;
      color:#666;
      margin-bottom:30px;
    }

    .form-control{
      border:none;
      border-radius:30px;
      padding:14px 20px;
      margin-bottom:18px;
      box-shadow:none !important;
      position: relative;
      z-index: 999
    }

    .login-btn{
      background:linear-gradient(to right,#ffcc00,#ff9f00);
      border:none;
      /* width:100%; */
      padding: 10px 38px;
      
      border-radius:40px;
      color:#4d0080;
      font-weight:700;
      font-size:18px;
    }
    .parragrap{
      margin-top: 38px;
    margin-bottom: 0px !important;
    color: #121212 !important;
    }
.signUp{
  text-decoration: none;
    color: #f69f1a;
    font-weight: bold;
    text-shadow: #cbcbcb 0px 0px 0;
    cursor: pointer;
}
    /* DESTINATION */

    .destination{
    background-image: url("../img/web2-bg.png");
    background-size: cover;
    background-position: top;
      /* background:#21142f; */
      padding:65px 0;
      position:relative;
    }

    .destination h2{
      color:white;
      text-align:center;
      margin-bottom:60px;
      font-weight:700;
      font-size:45px;
    }

    .place-card{
      position:relative;
      border-radius:56px;
      overflow:hidden;
      transition:.4s;
      cursor:pointer;
    }
    
    

    .place-card img{
      width:100%;
      height:320px;
      object-fit:cover;
    }

    .overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
    }

    .place-title{
      position:absolute;
      bottom:20px;
      left:20px;
      color:white;
      font-size:30px;
      font-weight:700;
      z-index:2;
      line-height:1.1;
    }

    /* PARTNERS */

    

   .partners{
  padding:120px 0;
  background-image: url("../img/vendor.jpeg");
    background-size: cover;
    background-position: top;
    position: relative;
    z-index: 1;
        height: 711px
}
.spiral-container {
  position: relative;
  width: 500px;
  height: 500px;
  margin: auto;
  border-radius: 50%;
}

.logo {
  position: absolute;
  width: 80px;
  height: auto;
      /* top: 90%;
    left: 11%; */
    top: 91%;
    left: -5%;
  transform-origin: center -200px; /* distance from center */
}

/* Position each logo at different angles */
.logo:nth-child(1) { transform: rotate(0deg) translate(-50%, -50%); }
.logo:nth-child(2) { transform: rotate(36deg) translate(-50%, -50%); }
.logo:nth-child(3) { transform: rotate(72deg) translate(-50%, -50%); }
.logo:nth-child(4) { transform: rotate(108deg) translate(-50%, -50%); }
.logo:nth-child(5) { transform: rotate(144deg) translate(-50%, -50%); }
.logo:nth-child(6) { transform: rotate(180deg) translate(-50%, -50%); }
.logo:nth-child(7) { transform: rotate(216deg) translate(-50%, -50%); }
.logo:nth-child(8) { transform: rotate(252deg) translate(-50%, -50%); }
.logo:nth-child(9) { transform: rotate(288deg) translate(-50%, -50%); }
.logo:nth-child(10){ transform: rotate(324deg) translate(-50%, -50%); }
/* CIRCLE ROTATION LOOK */
.circle-wrap{
  width:380px;
  height:380px;
  margin:auto;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle,#ffffff,#e5c8ff);
  box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.circle-wrap img{
  width:80%;
  animation:spin 20s linear infinite;
}

/* SPIN EFFECT (LIKE DESIGN ART ROTATION) */
@keyframes spin{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

.partner-title{
  font-size:60px;
  font-weight:800;
  color:#3a1646;
  line-height:1.1;
  text-shadow: 3px 0 #fbfbfb, -4px 0 #fff, 0 3px #ffffff, 0 -3px #ffffff, 1px -1px #fff, -5px 1px #efefef, 3px 1px #fff, 1px -2px #ffffff;
}
.vendors{
     font-size: 106px; 
}
    /* NETWORK */

    .network{
      padding:0px 0;
      background-image: url("../img/netBg.jpeg");
    background-size: cover;
    background-position: bottom;
    }

    .network-title{
      font-size:70px;
      font-weight:800;
      color:#3a1646;
      line-height:1;
    }

    .network-sub{
      font-size:35px;
      color:#a22cff;
      font-weight:700;
    }

    .network-card{
      border-radius:35px;
      overflow:hidden;
      margin-bottom:25px;
      box-shadow:0 10px 25px rgba(0,0,0,.1);
    }
    .card1{
      /* box-shadow:0 10px 25px rgba(0,0,0,.1); */
    }
    .card2{
    position: relative;
    padding: 0px 6px;
    }
    .img{
      width:100%;
      height:359px;
      border-radius: 37px;
      object-fit:cover;
          box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
    }
    .img1{
      width:100%;
    /* width: 300px; */
    height: 300px;
    object-fit: cover;
    border-radius: 37px;
    position: relative;
    top:-27px;
        box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
    }  
    .img2{
      width:100%;
    /* width: 300px; */
    height: 300px;
    object-fit: cover;
    border-radius: 37px;
    position: relative;
    bottom: -30px;
        box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
    }
    /* FOOTER */


/* footer  */
    .footer{
        width: 100%;
    min-height: 100vh;
    padding: 60px 6%;
    background: radial-gradient(circle at top right, #7d0f9e 0%, transparent 30%), radial-gradient(circle at bottom left, #8b0ca8 0%, transparent 25%), linear-gradient(135deg, #140016, #2a0035, #4c0061);
    color: white;
    overflow: hidden;
    position: relative;
    }

    .footer-logo{
      font-size:40px;
      font-weight:800;
      margin-bottom:20px;
          border-bottom: 2px dotted #e5900f;
    }

    .payment-box{
          background: #810977;
    color: #dad2d9;
    display: inline-block;
    padding: 6px 57px;
    border-radius: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    }
    .payText{
     top: 22px;
    padding: 10px 25px;
    width: 100px;
    width: 166px;
    text-align: center;
    border-radius: 45px;
    background: #fdd496;
    position: relative;
    left: 63%;
    color: #51126a;
    font-weight: bold;
    }
.payments img, .approvals img, .social img {
  width: 72px;
  height: auto;
  margin: 5px;
}
    .footer p{
      margin-bottom:10px;
      color:#eee;
    }

    .social-icons i{
      width:40px;
      height:40px;
      background:white;
      color:#5f1ca8;
      border-radius:50%;
      text-align:center;
      line-height:40px;
      margin-right:0px;
      cursor:pointer;
    }
    .logApprove{
          background: #fff;
    color: #000;
    border-radius: 0px 13px 14px 0px;
    padding: 11px 18px;
    left: -88px;
    position: relative;
    }
.footerLeft{
  text-align: right;
    padding: 11px 63px;
}
.footImg{
  width: 97px;
    height: 74px;
}
/* icon  */
 
     .social-icons {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    margin-bottom: 12px;
}
    

    .social-icons a{
      width:50px;
      height:50px;
      border-radius:50%;
      background:white;
      color:#5c0077;
      display:flex;
      justify-content:center;
      align-items:center;
      font-size:25px;
      text-decoration:none;
      transition:0.3s;
    }

    .social-icons a:hover{
      transform:translateY(-5px);
    }
    /* RESPONSIVE */

    @media(max-width:991px){
.hero-image{
  display:none;
}
      .hero{
        text-align:center;
      }

      .login-card{
        margin-top:40px;
      }

      .destination h2{
        font-size:35px;
      }
.partners{
  display:none;
}
.network {
    padding: 31px 0;
    background-image: url(../img/netBg.jpeg);
    background-size: cover;
    background-position: bottom;
}
.img {
    width: 100%;
    height: auto;
    border-radius: 37px;
    object-fit: cover;
    box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
}
.img1 {
    width: 100%;
    /* width: 300px; */
    height: 300px;
    object-fit: cover;
    border-radius: 37px;
    position: relative;
    top: 11px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
}
.img2 {
    width: 100%;
    /* width: 300px; */
    height: auto;
    object-fit: cover;
    border-radius: 37px;
    position: relative;
    bottom: -20px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 43%);
}
.payText {
    top: -9px;
    padding: 7px 19px;
    width: 100px;
    width: 134px;
    text-align: center;
    border-radius: 45px;
    background: #fdd496;
    position: relative;
    left: 32%;
    color: #51126a;
    font-weight: bold;
}
.logApprove {
    background: #fff;
    color: #000;
    border-radius: 0px;
    padding: 15px 39px;
    left: 0;
    position: relative;
}
.payment-box {
    background: #810977;
    color: #dad2d9;
    display: inline-block;
    padding: 6px 34px;
    border-radius: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
.footerLeft {
    margin-top: 31px;
    text-align: center;
    padding: 5px 61px;
}
      .partner-title,
      .network-title{
        font-size:45px;
        margin-top:30px;
      }

      .place-card{
        margin-bottom:25px;
      }
          .social-icons a {
        width: 51px;
        height: 46px;
        font-size: 26px;
    }

    }