/* ===================================================
   PROFILE MAIN SECTION
=================================================== */

.profile-main-section{

   padding:100px 0;

   background:
      linear-gradient(
         180deg,
         #120008,
         #000
      );

}

/* WRAP */

.profile-main-wrap{

   display:grid;

   grid-template-columns:
      0.9fr 1.1fr;

   gap:50px;

   align-items:start;

}

/* ===================================================
   IMAGE
=================================================== */

.profile-image-box{

   position:relative;

   overflow:hidden;

   border-radius:32px;

   border:
      1px solid rgba(255,255,255,0.08);

}

.profile-image-box img{

   width:100%;

   height:760px;

   object-fit:cover;

   display:block;

}

/* RATE */

.profile-rate-tag{

   position:absolute;

   top:18px;
   right:18px;

   z-index:5;

   padding:10px 16px;

   border-radius:50px;

   background:
      linear-gradient(
         45deg,
         #ff2e7a,
         #ff0066
      );

   color:#fff;

   font-size:12px;

   font-weight:700;

}

/* BADGE */

.profile-image-badge{

   position:absolute;

   left:18px;
   bottom:18px;

   padding:12px 18px;

   border-radius:50px;

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

   backdrop-filter:blur(14px);

   border:
      1px solid rgba(255,255,255,0.08);

}

.profile-image-badge span{

   color:#fff;

   font-size:11px;

   font-weight:600;

   text-transform:uppercase;

   letter-spacing:1px;

}

/* ===================================================
   RIGHT PANEL
=================================================== */

.profile-right{

   background:
      rgba(255,255,255,0.04);

   border:
      1px solid rgba(255,255,255,0.08);

   border-radius:30px;

   overflow:hidden;

}

/* ===================================================
   TABS
=================================================== */

.profile-tabs{

   display:grid;

   grid-template-columns:1fr 1fr;

}

.profile-tab{

   height:70px;

   border:none;

   background:#2a0000;

   color:#ffcc00;

   font-size:20px;

   font-weight:700;

   cursor:pointer;

   transition:0.3s;

}

.profile-tab.active{

   background:#f1df92;

   color:#000;

}

/* ===================================================
   TAB CONTENT
=================================================== */

.profile-tab-content{

   display:none;

   padding:35px;

}

.profile-tab-content.active{

   display:block;

}

/* ===================================================
   INFO ROW
=================================================== */

.profile-info-row,
.profile-service-row{

   display:flex;

   align-items:center;

   justify-content:space-between;

   gap:20px;

   padding:18px 0;

   border-bottom:
      1px solid rgba(255,255,255,0.08);

}

.profile-info-row span,
.profile-service-row span{

   color:#ffcc00;

   font-size:16px;

}

.profile-info-row strong,
.profile-service-row strong{

   color:#fff;

   font-size:16px;

   text-align:right;

}

/* ===================================================
   ABOUT SECTION
=================================================== */

.profile-about-section{

   padding:0 0 100px;

   background:#000;

}

.profile-about-box{

   border-radius:30px;

   overflow:hidden;

   border:
      1px solid rgba(255,255,255,0.08);

   background:
      rgba(255,255,255,0.04);

}

/* ABOUT TAB */

.profile-about-tabs{

   display:grid;

   grid-template-columns:1fr;

}

.about-tab{

   height:70px;

   border:none;

   background:#f1df92;

   color:#000;

   font-size:22px;

   font-weight:700;

}

/* CONTENT */

.profile-about-content{

   padding:45px;

}

.profile-about-content h2{

   color:#fff;

   font-size:42px;

   margin-bottom:25px;

}

.profile-about-content p{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:24px;

}

/* LINKS */

.profile-about-content a{

   color:#ff2e7a;

}

.profile-about-content a:hover{

   color:#ffcc00;

}

/* ===================================================
   MOBILE
=================================================== */

@media(max-width:992px){

   .profile-main-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .profile-main-section{

      padding:80px 0;

   }

   .profile-image-box img{

      height:520px;

   }

   .profile-tab{

      height:60px;

      font-size:17px;

   }

   .profile-tab-content{

      padding:24px;

   }

   .profile-info-row,
   .profile-service-row{

      padding:14px 0;

   }

   .profile-info-row span,
   .profile-service-row span{

      font-size:14px;

   }

   .profile-info-row strong,
   .profile-service-row strong{

      font-size:14px;

   }

   .profile-about-content{

      padding:28px;

   }

   .profile-about-content h2{

      font-size:30px;

   }

   .profile-about-content p{

      font-size:15px;

   }

}
.profile-book-btn{

   width:fit-content;

   min-width:260px;

   height:60px;

   padding:0 35px;

   border-radius:16px;

   margin-top:35px;

   display:inline-flex;

   align-items:center;

   justify-content:center;

   text-align:center;

   background:
      linear-gradient(
         45deg,
         #f1df92,
         #e7d27a
      );

   color:#000;

   font-size:20px;

   font-weight:700;

   transition:0.3s ease;

}

.profile-book-btn:hover{

   transform:
      translateY(-3px);

   box-shadow:
      0 10px 30px rgba(241,223,146,0.25);

}
/* ===================================================
   BUTTON WRAP
=================================================== */

.profile-btn-wrap{

   display:flex;

   justify-content:center;

   margin-top:35px;

}

/* ===================================================
   BOOK BUTTON
=================================================== */

.profile-book-btn{

   min-width:260px;

   height:60px;

   padding:0 35px;

   border-radius:16px;

   display:inline-flex;

   align-items:center;

   justify-content:center;

   text-align:center;

   background:
      linear-gradient(
         45deg,
         #f1df92,
         #e7d27a
      );

   color:#000;

   font-size:20px;

   font-weight:700;

   transition:0.3s ease;

}

.profile-book-btn:hover{

   transform:
      translateY(-3px);

   box-shadow:
      0 10px 30px rgba(241,223,146,0.25);

}
/*profile code*/
/* ===================================================
   PROFILE HERO BANNER
=================================================== */

.profile-banner{

   position:relative;

   padding:140px 0 100px;

   background:
      linear-gradient(
         180deg,
         #120008,
         #000
      );

   overflow:hidden;

}

/* ===================================================
   WRAP
=================================================== */

.profile-banner-wrap{

   display:grid;

   grid-template-columns:
      0.85fr 1.15fr;

   gap:70px;

   align-items:center;

}

/* ===================================================
   IMAGE
=================================================== */

.profile-banner-image{

   position:relative;

}

.profile-banner-image img{

   width:100%;

   height:720px;

   object-fit:cover;

   border-radius:38px;

   display:block;

   border:
      1px solid rgba(255,255,255,0.08);

}

/* ===================================================
   FLOATING BADGE
=================================================== */

.profile-floating-badge{

   position:absolute;

   left:20px;
   bottom:20px;

   padding:12px 18px;

   border-radius:50px;

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

   backdrop-filter:blur(14px);

   border:
      1px solid rgba(255,255,255,0.08);

   display:inline-flex;

   align-items:center;

   gap:10px;

}

/* DOT */

.profile-floating-badge::before{

   content:"";

   width:8px;
   height:8px;

   border-radius:50%;

   background:#00ff84;

   box-shadow:
      0 0 10px #00ff84;

}

/* TEXT */

.profile-floating-badge span{

   color:#fff;

   font-size:12px;

   font-weight:600;

   letter-spacing:1px;

   text-transform:uppercase;

}

/* ===================================================
   CONTENT
=================================================== */

.profile-banner-title{

   font-size:68px;

   line-height:1.1;

   color:#fff;

   margin:
      25px 0 15px;

}

.profile-banner-title span{

   display:block;

   font-size:24px;

   color:#ffcc00;

   margin-top:12px;

   font-weight:500;

}

.profile-banner-subtitle{

   color:#ddd;

   font-size:26px;

   line-height:1.5;

   font-weight:400;

   margin-bottom:30px;

}

.profile-banner-text{

   color:#aaa;

   font-size:16px;

   line-height:1.9;

   margin-bottom:35px;

}

/* ===================================================
   INFO LIST
=================================================== */

.profile-info-list{

   display:flex;

   flex-direction:column;

   gap:16px;

   margin-bottom:40px;

}

.profile-info-item{

   color:#ddd;

   font-size:16px;

}

.profile-info-item strong{

   color:#fff;

   margin-right:6px;

}

/* ===================================================
   MOBILE
=================================================== */

@media(max-width:992px){

   .profile-banner-wrap{

      grid-template-columns:1fr;

   }

}

@media(max-width:768px){

   .profile-banner{

      padding:120px 0 80px;

   }

   .profile-banner-title{

      font-size:42px;

   }

   .profile-banner-title span{

      font-size:18px;

   }

   .profile-banner-subtitle{

      font-size:20px;

   }

   .profile-banner-text{

      font-size:15px;

   }

   .profile-banner-image img{

      height:520px;

      border-radius:28px;

   }

   .profile-floating-badge{

      left:16px;
      bottom:16px;

      padding:10px 15px;

   }

   .profile-floating-badge span{

      font-size:10px;

   }

}