@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family: "Poppins", sans-serif;
}

body{

            background: linear-gradient(to bottom, #4A0D20, #BA2747, #F06B88);

            color:#202027;

            min-height:100vh;

        }



        /* ========================================
           MAIN WRAPPER
        ======================================== */

        .travel-wrapper{

            width:100%;

            max-width:1330px;

            margin:auto;

            padding:10px 25px;

        }



        /* ========================================
           COMMON GLASS EFFECT
        ======================================== */

        .glass{

            position:relative;

            background: rgba(255, 255, 255, .72);

            border:
                1px solid rgba(255,255,255,.9);

            box-shadow:

                0 25px 60px
                rgba(42,48,45,.14),

                inset 0 1px 0
                rgba(255,255,255,.95),

                inset 0 -1px 0
                rgba(255,255,255,.3);

            backdrop-filter:
                blur(20px);

            -webkit-backdrop-filter:
                blur(20px);

            overflow:hidden;

        }



        /* GLOSS REFLECTION */

        .glass::before{

            content:"";

            position:absolute;

            top:-60%;

            left:-20%;

            width:60%;

            height:180%;

        transform:
                rotate(20deg);

            pointer-events:none;

        }



        /* ========================================
           TOP NAVIGATION
        ======================================== */

        .topbar{

            height: auto;

            border-radius:0px;

            display:flex;

            align-items:center;

            justify-content:space-between;

            padding:12px 12px 6px 12px;

            margin-bottom:12px;
            background: #ba2747;

        }



        .logo{

            padding: 0;

        }

        .topbar .logo img {
                filter: sepia(1);
        }



        .nav-center{

            display:flex;

            align-items:center;

            gap:25px;

            margin-left:0px;

        }



        .destination{

            display:flex;

            align-items:center;

            gap:8px;

            background:

                linear-gradient(
                    145deg,
                    #272832,
                    #15151d
                );

            color:#fff;

            padding:9px 17px;

            border-radius:30px;

            font-size:11px;

            box-shadow:

                0 6px 15px
                rgba(0,0,0,.15),

                inset 0 1px 1px
                rgba(255,255,255,.2);

        }



        .destination span{

            width:8px;

            height:8px;

            border-radius:50%;

            background:#a7e7ad;

            box-shadow:
                0 0 10px #a7e7ad;

        }



        .nav-link{

            font-size:15px;

            color:#fff;

        }



        .top-actions{

            display:flex;

            align-items:center;

            gap:24px;

        }



        .menu{

            font-size:21px;

            cursor:pointer;

        }



        .bell{

            position:relative;

            font-size:18px;

        }



        .bell::after{

            content:"";

            position:absolute;

            width:6px;

            height:6px;

            background:#f16d5b;

            border-radius:50%;

            top:-2px;

            right:-2px;

        }



        .profile{

            width:34px;

            height:34px;

            border-radius:50%;

            background:

                linear-gradient(
                    135deg,
                    #5361f2,
                    #2633bd
                );

            display:flex;

            align-items:center;

            justify-content:center;

            color:white;

            font-size:16px;

            box-shadow:

                0 7px 18px
                rgba(50,65,200,.3),

                inset 0 1px 2px
                rgba(255,255,255,.5);

        }



        /* ========================================
           MAIN GRID
        ======================================== */

        .main-grid{

            display:grid;

            grid-template-columns: .95fr 1.65fr;

            gap:12px;

        }



        /* ========================================
           DESTINATION SLIDER
        ======================================== */

        .destination-card{
            order: 2;
            aspect-ratio: 1 / 1;
    height:auto;
    width:100%;

            border-radius:20px;

            position:relative;

            overflow:hidden;

            background:#777;

            box-shadow:

                0 30px 65px
                rgba(30,40,35,.2),

                inset 0 1px 1px
                rgba(255,255,255,.5);

            isolation:isolate;

        }



        /* ========================================
           SLIDES WRAPPER
        ======================================== */

        .travel-slides{

            position:absolute;

            inset:0;

            overflow:hidden;

        }



        /* ========================================
           INDIVIDUAL SLIDE
        ======================================== */

        .travel-slide{

            position:absolute;

            inset:0;

            opacity:0;

            visibility:hidden;

            transform:scale(1);

            transition:

                opacity .8s ease,

                transform 1.2s ease,

                visibility .8s ease;

        }



        /* ACTIVE SLIDE */

        .travel-slide.active{

            opacity:1;

            visibility:visible;

            transform:scale(1);

            z-index:1;

        }



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

        .travel-slide
        .destination-image{

            position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    /* Important */
    transform:scale(1);

    transition:none;

    will-change:transform;

        }



        /* IMAGE SLOW ZOOM */

        .travel-slide.active
        .destination-image{

            transform:
                scale(1);

        }



        /* ========================================
           IMAGE DARK OVERLAY
        ======================================== */

        .travel-slide::after{

            content:"";

            position:absolute;

            inset:0;

            background:

                linear-gradient(

                    to bottom,

                    rgba(0,0,0,.03) 0%,

                    rgba(0,0,0,.02) 35%,

                    rgba(0,0,0,.12) 55%,

                    rgba(0,0,0,.78) 100%

                );

            pointer-events:none;

        }



        /* ========================================
           EXTRA GLOSS
        ======================================== */

        .destination-card::after{

            content:"";

            position:absolute;

            inset:0;

            z-index:2;

            pointer-events:none;

            background:

                linear-gradient(

                    125deg,

                    rgba(255,255,255,.16),

                    transparent 22%,

                    transparent 70%,

                    rgba(255,255,255,.05)

                );

        }



        /* ========================================
           SHINE ANIMATION
        ======================================== */

        .shine{

            position:absolute;

            z-index:3;

            width:55%;

            height:180%;

            top:-45%;

            left:-70%;

            background:

                linear-gradient(

                    105deg,

                    transparent 35%,

                    rgba(255,255,255,.15) 50%,

                    transparent 65%

                );

            transform:
                rotate(18deg);

            pointer-events:none;

            animation:
                glossyShine 8s infinite;

        }



        @keyframes glossyShine{

            0%{
                left:-70%;
            }

            35%{
                left:120%;
            }

            100%{
                left:120%;
            }

        }



        /* ========================================
           TOP IMAGE INFORMATION
        ======================================== */

        .image-top{

            position:absolute;

            z-index:10;

            top:5px;

            left:45px;

            right:45px;

            display:flex;

            align-items:center;

            gap:12px;

        }



        .country{

            font-size:13px;

            font-weight:bold;

            color:#17171b;

            white-space:nowrap;

        }



        /* ========================================
           ARROWS
        ======================================== */

        .round-arrow{

            width:29px;

            height:29px;

            flex-shrink:0;

            border-radius:50%;

            border:
                1px solid
                rgba(0,0,0,.5);

            display:flex;

            align-items:center;

            justify-content:center;

            font-size:14px;

            color:#111;

            background:
                rgba(255,255,255,.18);

            backdrop-filter:
                blur(10px);

            -webkit-backdrop-filter:
                blur(10px);

            cursor:pointer;

            transition:

                transform .25s ease,

                background .25s ease,

                box-shadow .25s ease;

        }



        .round-arrow:hover{

            transform:
                scale(1.1);

            background:
                rgba(255,255,255,.75);

            box-shadow:

                0 8px 20px
                rgba(0,0,0,.15),

                inset 0 1px 1px
                rgba(255,255,255,.8);

        }



        .round-arrow:active{

            transform:
                scale(.94);

        }



        .line{

            height:1px;

            flex:1;

            background:
                rgba(30,30,30,.4);

        }



        .number{

            font-size:26px;

            font-weight:500;

            white-space:nowrap;

        }



        .number small{

            font-size:12px;

            color:#999;

        }



        /* ========================================
           BOTTOM INFORMATION
        ======================================== */

        .image-bottom{

            position:absolute;

            z-index:10;

            bottom:42px;

            left:45px;

            right:45px;

            color:#fff;

            display:grid;

            grid-template-columns:
                1fr 1.25fr;

            gap:30px;

        }



        /* RATING */

        .rating{

            font-size:24px;

            font-weight:bold;

            margin-bottom:7px;

        }



        .rating span{

            font-size:15px;

        }



        .review-text{

            font-size:10px;

            opacity:.85;

        }



        /* ========================================
           AVATARS
        ======================================== */

        .review-avatars{

            display:flex;

            margin-top:13px;

        }



        .avatar{

            width:29px;

            height:29px;

            border-radius:50%;

            border:2px solid #fff;

            background:

                linear-gradient(
                    135deg,
                    #ddd,
                    #777
                );

            margin-right:-7px;

        }



        .avatar.plus{

            background:
                #a9a1f5;

            color:#17171d;

            display:flex;

            align-items:center;

            justify-content:center;

            font-size:10px;

        }



        /* ========================================
           DESTINATION TITLE
        ======================================== */

        .place-title{

            font-size:21px;

            font-weight:bold;

            margin-bottom:6px;

        }



        .place-meta{

            font-size:9px;

            opacity:.8;

        }



        /* ========================================
           TAGS
        ======================================== */

        .tags{

            display:flex;

            flex-wrap:wrap;

            gap:7px;

            margin-top:13px;

        }



        .tag{

            padding:6px 12px;

            border:
                1px solid
                rgba(255,255,255,.8);

            border-radius:20px;

            font-size:9px;

            background:
                rgba(255,255,255,.08);

            backdrop-filter:
                blur(8px);

            -webkit-backdrop-filter:
                blur(8px);

        }



        /* ========================================
           SLIDER DOTS
        ======================================== */

        .travel-slider-dots{

            position:absolute;

            z-index:20;

            left:50%;

            bottom:18px;

            transform:
                translateX(-50%);

            display:flex;

            align-items:center;

            gap:7px;

            padding:7px 10px;

            border-radius:30px;

            background:
                rgba(255,255,255,.10);

            border:
                1px solid
                rgba(255,255,255,.22);

            backdrop-filter:
                blur(14px);

            -webkit-backdrop-filter:
                blur(14px);

            box-shadow:

                0 8px 25px
                rgba(0,0,0,.12),

                inset 0 1px 1px
                rgba(255,255,255,.3);

        }



        .travel-dot{

            width:6px;

            height:6px;

            padding:0;

            border:0;

            border-radius:50%;

            background:
                rgba(255,255,255,.55);

            cursor:pointer;

            transition:

                width .3s ease,

                background .3s ease,

                transform .3s ease;

        }



        .travel-dot.active{

            width:24px;

            border-radius:20px;

            background:#fff;

        }



        /* ========================================
           RIGHT COLUMN
        ======================================== */

        .right-column{

            order: 1;

            display:flex;

            flex-direction:column;

            gap:12px;

        }



        /* ========================================
           PROMO CARD
        ======================================== */

        .promo-card{

            height:375px;

            border-radius:20px;

            padding:43px;

            position:relative;

            overflow:hidden;

        }



        .promo-title{

            font-size:45px;

            line-height:.95;

            letter-spacing:-2.5px;

            max-width:300px;

            margin-bottom:22px;

            position:relative;

            z-index:5;

            transition:

                opacity .35s ease,

                transform .35s ease;

        }



        .promo-description{

            max-width:250px;

            font-size:15px;

            line-height:1.4;

            color:#33343a;

            position:relative;

            z-index:5;

            transition:

                opacity .35s ease,

                transform .35s ease;

        }



        /* ========================================
           EXPLORE BUTTON
        ======================================== */

        .explore-btn{

            margin-top:67px;

            height:45px;

            padding:0 20px;

            border:
                1px solid #202026;

            border-radius:30px;

            background:
                rgba(255,255,255,.3);

            display:inline-flex;

            align-items:center;

            gap:40px;

            font-size:11px;

            position:relative;

            z-index:5;

            box-shadow:

                inset 0 1px 2px
                rgba(255,255,255,.8),

                0 8px 20px
                rgba(0,0,0,.05);

            cursor:pointer;

        }



        .explore-btn strong{

            font-size:18px;

            font-weight:normal;

        }



        /* ========================================
           GREEN GLOSSY ORB
        ======================================== */

        .orb{

            position:absolute;

            width:150px;

            height:150px;

            border-radius:50%;

            right:-35px;

            bottom:-20px;

            background:

                radial-gradient(

                    circle at 30% 25%,

                    rgba(255,255,255,.8),

                    transparent 20%

                ),

                linear-gradient(

                    135deg,

                    #d4f9cf,

                    #a9e8a5

                );

            box-shadow:

                inset 10px 10px 25px
                rgba(255,255,255,.45),

                inset -12px -12px 25px
                rgba(94,180,105,.15),

                0 15px 35px
                rgba(80,170,90,.12);

            transition:

                transform .8s ease;

        }



        /* ========================================
           SEARCH CARD
        ======================================== */

        .search-card{

            border-radius:20px;

            padding:0px;

        }

.search-card img {
    margin: 0 auto;
    display: block;

        }



        .search-card h3{

            font-size:16px;

            margin-bottom:4px;

        }



        .search-card p{

            font-size:12px;

            color:#999;

        }



        .search-button{

            margin-top:30px;

            height:45px;

            width:100%;

            border:none;

            border-radius:25px;

            background:

                linear-gradient(
                    145deg,
                    #292832,
                    #17161f
                );

            color:white;

            font-size:11px;

            box-shadow:

                0 12px 25px
                rgba(25,24,35,.22),

                inset 0 1px 1px
                rgba(255,255,255,.15);

            cursor:pointer;

            transition:.3s;

        }



        .search-button:hover{

            transform:
                translateY(-2px);

            box-shadow:

                0 16px 30px
                rgba(25,24,35,.3);

        }



        /* ========================================
           FLOATING LIGHTS
        ======================================== */

        .light{

            position:fixed;

            width:130px;

            height:130px;

            border-radius:50%;

            background:
                rgba(255,255,255,.35);

            filter:
                blur(30px);

            pointer-events:none;

        }



        .light.one{

            top:10%;

            left:2%;

        }



        .light.two{

            bottom:5%;

            right:5%;

        }



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

        @media(max-width:850px){

            .travel-wrapper{

                padding:
                    20px 15px;

            }



            .topbar{

                height:auto;
                    flex-direction: column;
                            gap: 0px;

            }



            .nav-center{

                margin-left:0;

                gap:10px;

            }



            .nav-link{

                display:none;

            }



            .main-grid{

                grid-template-columns:1fr;

            }



            .destination-card{

                height:600px;

            }



            .right-column{

                display:grid;

                grid-template-columns:1fr;

            }



            .promo-card{

                height:360px;

            }



            .search-card{

                height:auto;

            }

        }



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

        @media(max-width:550px){

            .travel-wrapper{

                padding:
                    12px;

            }



            .topbar{

                padding:10px 12px 0 12px;

            }



            .destination{

                display:none;

            }



            .top-actions{

                gap:13px;

            }



            .destination-card{

                height:auto;;

                border-radius:18px;

            }



            .image-top{

                top:5px;

                left:25px;

                right:25px;

                gap:8px;

            }



            .country{

                font-size:11px;

            }



            .round-arrow{

                width:28px;

                height:28px;

            }



            .number{

                font-size:21px;

            }



            .number small{

                font-size:10px;

            }



            .image-bottom{

                left:25px;

                right:25px;

                bottom:15px;

                grid-template-columns:1fr;

                gap:18px;

            }



            .rating{

                font-size:21px;

            }



            .place-title{

                font-size:18px;

            }



            .place-meta{

                font-size:8px;

            }



            .promo-card{

                height:330px;

                padding:20px;

            }



            .promo-title{

                font-size:42px;

            }



            .promo-description{

                font-size:14px;

                max-width:240px;

            }



            .explore-btn{

                margin-top:45px;

            }



            .search-card{

                padding:0px;

            }



            .travel-slider-dots{

                bottom:15px;

            }

        }



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

        @media(max-width:380px){

            .destination-card{

                height:480px;

            }



            .image-top{

                left:18px;

                right:18px;

            }



            .image-bottom{

                left:18px;

                right:18px;

                bottom:45px;

            }



            .country{

                font-size:10px;

            }



            .place-title{

                font-size:16px;

            }



            .tag{

                padding:
                    5px 9px;

            }



            .promo-title{

                font-size:38px;

            }

        }


        

.right_div {
font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    gap: 15px;
    color: #fff;
    flex-direction: row-reverse;
    padding: 0 5px 10px 0;
}
.right_div span {
        border-bottom: 1px solid #cfcfcf;
}
.right_div span a {
    color: #fff;
    text-decoration: none;
}
.right_div span i {
    font-size: 15px;
    margin-right: 2px;
}






/* =========================================
       GLOBAL
    ========================================= */

    .premium-section {
      position: relative;
      overflow: hidden;

      background: transparent;
    }

    .premium-section::before {
      content: "";
      position: absolute;

      width: 700px;
      height: 700px;

      top: -500px;
      left: 50%;

      transform: translateX(-50%);

      background: radial-gradient(
        circle,
        rgba(255, 102, 0, .15),
        rgba(255, 102, 0, .04) 35%,
        transparent 70%
      );

      pointer-events: none;
    }

    .premium-container {
      position: relative;
      z-index: 2;

      max-width: 1330px;
      margin: auto;
      padding: 0 25px;
    }


    /* =========================================
       TRUST SECTION
    ========================================= */

    .trust-section {
      padding: 50px 0;

      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .trust-grid {
      display: grid;

      grid-template-columns: repeat(6, 1fr);

      gap: 30px;
    }

    .trust-card {
      position: relative;
      overflow: hidden;

      display: flex;
      align-items: center;

      gap: 17px;

      min-height: 120px;
      padding: 23px;

      background: transparent;

      border: 3px solid rgba(255,255,255,.20);
      border-radius: 18px;

      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18), 0 15px 40px rgb(0 0 0 / 13%);

      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);

      transition: .4s ease;
      flex-direction: column;
    }

    /* Orange top highlight */
    .trust-card::before {
      content: "";

      position: absolute;

      top: 0;
      left: 10%;

      width: 80%;
      height: 1px;

      background: linear-gradient(
        90deg,
        transparent,
        #ff6a00,
        #ffb066,
        #ff6a00,
        transparent
      );

      box-shadow: 0 0 12px rgba(255,106,0,.7);

      opacity: .7;
    }

    /* Gloss shine */
    .trust-card::after {
      content: "";

      position: absolute;

      top: -100%;
      left: -90%;

      width: 45%;
      height: 300%;

      background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        transparent
      );

      transform: rotate(25deg);

      transition: .8s ease;
    }

    .trust-card:hover {
      transform: translateY(-6px);

      border-color: rgba(255,106,0,.65);

      box-shadow:
        0 20px 55px rgba(0,0,0,.7),
        0 0 25px rgba(255,106,0,.08),
        inset 0 1px rgba(255,255,255,.25);
    }

    .trust-card:hover::after {
      left: 140%;
    }

    .trust-icon {
      position: relative;
      z-index: 2;

      flex: 0 0 52px;

      width: 52px;
      height: 52px;

      display: flex;
      align-items: center;
      justify-content: center;

      color: #000;
      font-size: 13px;

      border-radius: 14px;

      background:
        linear-gradient(145deg, #ffc00d, #b19c08);

      border: 1px solid rgba(255,106,0,.5);

      box-shadow:
        inset 0 1px rgba(255,255,255,.15),
        0 0 18px rgba(255,106,0,.08);
    }

    .trust-card:hover .trust-icon {
      color: #ff7a1a;

      border-color: #ff6a00;

      box-shadow:
        0 0 20px rgba(255,106,0,.2),
        inset 0 1px rgba(255,255,255,.2);
    }

    .trust-card h3 {
      position: relative;
      z-index: 2;

      margin-bottom: 6px;

      color: #fff;

      font-size: 12px;
      font-weight: 600;
    }

    .trust-card p {
      position: relative;
      z-index: 2;

      color: #929292;

      font-size: 12px;
      line-height: 1.5;
    }


    /* =========================================
       SERVICES SECTION
    ========================================= */

    .services-section {
      padding: 60px 0 90px;
      background: linear-gradient(135deg, #000000, #1C1C1C, #3A3A3A);
    }

    .services-heading {
      max-width: 720px;

      margin: 0 auto 55px;

      text-align: center;
    }

    .section-label {
      display: inline-block;

      margin-bottom: 17px;

      padding: 7px 16px;

      color: #ff7514;

      font-size: 10px;
      font-weight: 700;

      letter-spacing: 3px;

      border: 1px solid rgba(255,106,0,.35);
      border-radius: 50px;

      background: rgba(255,106,0,.05);

      box-shadow:
        0 0 20px rgba(255,106,0,.05),
        inset 0 1px rgba(255,255,255,.08);
    }

    .services-heading h2 {
      color: #fff;

      font-size: clamp(35px, 5vw, 45px);
      font-family: "Cinzel", serif;
      text-transform: uppercase;

      line-height: 1.3;

      letter-spacing: -1.5px;
    }

    .services-heading h2 span {
      display: block;

      background:
        linear-gradient(
          90deg,
          #fff,
          #f06b88,
          #ba2747,
          #ba2747
        );

      background-size: 250% auto;

      -webkit-background-clip: text;
      background-clip: text;

      color: transparent;

      animation: orangeShine 5s linear infinite;
    }

    @keyframes orangeShine {
      0% {
        background-position: 0% center;
      }

      100% {
        background-position: 250% center;
      }
    }

    .services-heading p {
      max-width: 650px;

      margin: 20px auto 0;

      color: #929292;

      font-size: 14px;

      line-height: 1.8;
    }


    /* =========================================
       SERVICE GRID
    ========================================= */

    .services-grid {
      display: grid;

      grid-template-columns: repeat(4, 1fr);

      gap: 45px 22px;
    }

    .service-card {
      position: relative;
      overflow: hidden;

      border-radius: 20px;

      background:
        linear-gradient(
          145deg,
          rgba(255,255,255,.11),
          rgba(255,255,255,.04) 45%,
          rgba(255,255,255,.015)
        );

      border: 1px solid rgba(255,255,255,.18);

      box-shadow:
        inset 0 1px rgba(255,255,255,.15),
        0 20px 50px rgba(0,0,0,.55);

      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);

      transition: .4s ease;
    }

    .service-card:hover {
      transform: translateY(-8px);

      border-color: rgba(255,106,0,.65);

      box-shadow:
        0 25px 65px rgba(0,0,0,.7),
        0 0 30px rgba(255,106,0,.09),
        inset 0 1px rgba(255,255,255,.25);
    }


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

    .service-image {
      position: relative;

      height: 350px;

      overflow: hidden;

      background: #111;
    }

    .service-image img {
      width: 100%;
      height: 100%;

      display: block;

      object-fit: cover;


      transition:
        transform .7s ease,
        filter .7s ease,
        opacity .7s ease;
    }

    .service-card:hover .service-image img {
      transform: scale(1.08);

      filter: grayscale(20%);

      opacity: 1;
    }

    .image-overlay {
      position: absolute;
      inset: 0;

      background:
        linear-gradient(
          to bottom,
          transparent 30%,
          rgba(0,0,0,.15),
          rgba(0,0,0,.9)
        );
    }

    /* Image shine */
    .service-image::after {
      content: "";

      position: absolute;

      top: -100%;
      left: -90%;

      width: 45%;
      height: 300%;

      background:
        linear-gradient(
          90deg,
          transparent,
          rgba(255,255,255,.2),
          transparent
        );

      transform: rotate(25deg);

      transition: .8s ease;
    }

    .service-card:hover .service-image::after {
      left: 140%;
    }


    /* =========================================
       SERVICE TAG
    ========================================= */

    .service-tag {
      position: absolute;

      top: 15px;
      left: 15px;

      z-index: 3;

      padding: 6px 11px;

      color: #ff781a;

      font-size: 9px;
      font-weight: 700;

      letter-spacing: 1.5px;

      border: 1px solid rgba(255,106,0,.5);

      border-radius: 30px;

      background: rgba(0,0,0,.7);

      box-shadow:
        0 0 15px rgba(255,106,0,.1);

      backdrop-filter: blur(8px);
    }


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

    .service-content {
      padding: 15px 20px;
    }

    .service-content h3 {
      margin-bottom: 10px;

      color: #fff;

      font-size: 19px;
      font-weight: 600;
      text-align: center;
    }

    .service-content p {
      min-height: 66px;

      margin-bottom: 22px;

      color: #8e8e8e;

      font-size: 13px;

      line-height: 1.65;
    }


    /* =========================================
       BUTTONS
    ========================================= */

    .service-actions {
      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 9px;
    }

    .service-actions a {
      display: flex;

      align-items: center;
      justify-content: center;

      gap: 7px;

      min-height: 44px;

      border-radius: 10px;

      text-decoration: none;

      font-size: 12px;
      font-weight: 700;

      transition: .3s ease;
    }

    .call-btn {
      color: #fff;

      background:
        linear-gradient(
          145deg,
          #292929,
          #080808
        );

      border: 1px solid rgba(255,255,255,.22);
    }

    .call-btn:hover {
      color: #000;

      background: #fff;

      border-color: #fff;
    }

    .whatsapp-btn {
      color: #fff;

      background:linear-gradient(145deg, #98354c, #8c1c36);

      border: 1px solid #ff7a1a;

      box-shadow:
        0 5px 20px rgba(255,106,0,.12);
    }

    .whatsapp-btn:hover {
      color: #fff;

      background:
        linear-gradient(
          145deg,
          #ff9a50,
          #ff5c00
        );

      box-shadow:
        0 0 25px rgba(255,106,0,.3);
    }

    .service-actions span {
      font-size: 15px;
    }


    /* =========================================
       BOTTOM CTA
    ========================================= */

    .services-bottom {
      margin-top: 55px;

      padding-top: 30px;

      text-align: center;

      border-top: 1px solid rgba(255,255,255,.09);
    }

    .services-bottom p {
      margin-bottom: 15px;

      color: #fff;

      font-size: 13px;
    }

    .main-whatsapp {
      position: relative;

      display: inline-flex;

      align-items: center;
      justify-content: center;

      gap: 9px;

      padding: 14px 25px;

      color: #fff;

      background:
        linear-gradient(
          135deg,
          #ff7a1a,
          #c94700
        );

      border: 1px solid #ff8b3d;

      border-radius: 10px;

      text-decoration: none;

      font-size: 13px;
      font-weight: 700;

      box-shadow:
        0 10px 30px rgba(255,106,0,.15);

      transition: .3s ease;
    }

    .main-whatsapp:hover {
      transform: translateY(-3px);

      box-shadow:
        0 15px 40px rgba(255,106,0,.3);
    }


    /* =========================================
       RESPONSIVE
    ========================================= */

    @media (max-width: 950px) {

      .trust-grid,
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 620px) {

      .trust-section {
        padding: 55px 0;
      }

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

      .services-grid {
        grid-template-columns: 1fr;
      }
      .trust-grid {
        grid-template-columns: 1fr 1fr;
      }

      .trust-card {
        min-height: 105px;
        padding: 20px 12px;
      }

      .services-heading {
        margin-bottom: 35px;
      }

      .services-heading h2 {
        font-size: 24px;
      }

      .services-heading p {
        font-size: 13px;
      }

      .service-image {
        height: auto;;
      }

      .service-content {
        padding: 20px;
      }

      .service-content p {
        min-height: auto;
      }
    }










    :root{
    --black:#09090b;
    --charcoal:#171719;
    --grey:#77777d;
    --light-grey:#e7e7e9;
    --white:#ffffff;
    --pink:#ba2747;
    --pink-dark:#74162c;
    --pink-light:#ef6b88;
  }
  .about-container {
    background: #fff;
    padding-top: 60px;
padding-bottom: 60px;
  }

    .about-card{
    width:min(1280px,100%);
    display:grid;
    grid-template-columns:1fr 450px;
    gap:48px;
    padding:30px;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(186,39,71,.38);
    border-radius:30px;
    background:rgba(255,255,255,.86);
    box-shadow:
      0 20px 60px rgba(0,0,0,.12),
      0 0 35px rgba(186,39,71,.10),
      inset 0 1px 0 #fff;
    backdrop-filter:blur(10px);
    margin: 0 auto;
  }


  @keyframes shine{
    from{transform:translateX(-25%)}
    to{transform:translateX(25%)}
  }

  .portrait{
    position:relative;
    min-height:500px;
    border-radius:23px;
    overflow:hidden;
    background:#111;
    border:1px solid var(--pink);
    box-shadow:
      0 0 0 1px rgba(186,39,71,.15),
      0 0 24px rgba(186,39,71,.38),
      inset 0 0 35px rgba(0,0,0,.8);
  }

  .portrait img{
    width:100%;
    height:100%;
    min-height:500px;
    object-fit:cover;
    display:block;
    filter:saturate(.88) contrast(1.05);
  }

  .portrait::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(to top,rgba(0,0,0,.72),transparent 48%),
      linear-gradient(135deg,rgba(186,39,71,.16),transparent 40%);
    pointer-events:none;
  }

  .portrait-label{
    position:absolute;
    z-index:2;
    bottom:24px;
    left:24px;
    right:24px;
    text-align:center;
    color:#fff;
    text-shadow:0 0 12px rgba(186,39,71,.85);
  }

  .portrait-label h2{
    font-size:28px;
    letter-spacing:1.5px;
    color:#fff;
  }

  .portrait-label p{
    margin-top:7px;
    font-size:11px;
    letter-spacing:2.3px;
    color:#d9d9dc;
  }

  .content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px 5px;
  }

  .eyebrow{
    text-transform:uppercase;
    letter-spacing:4px;
    font-weight:700;
    font-size:12px;
    color:var(--pink);
    margin-bottom:18px;
  }

  .eyebrow::before{
    content:"✦";
    margin-right:9px;
    text-shadow:0 0 10px rgba(186,39,71,.75);
  }

  h1{
    font-size:clamp(38px,4.1vw,66px);
    line-height:.98;
    text-transform:uppercase;
    letter-spacing:-1.5px;
    max-width:720px;
    color:var(--black);
    text-shadow:
      0 1px 0 #fff,
      0 0 18px rgba(186,39,71,.10);
  }

  h1 span{
    color:var(--pink);
    text-shadow:
      0 0 8px rgba(186,39,71,.28),
      0 0 25px rgba(186,39,71,.15);
  }

  .copy{
    margin-top:25px;
    max-width:730px;
    color:#55565b;
    font-size:16px;
    line-height:1.75;
  }

  .copy + .copy{margin-top:13px}

  .stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:26px;
  }

  .stat{
    min-height:92px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:1px solid rgba(186,39,71,.7);
    border-radius:15px;
    background:
      linear-gradient(145deg,#111113,#242428);
    box-shadow:
      0 0 14px rgba(186,39,71,.15),
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -15px 25px rgba(0,0,0,.22);
    position:relative;
    overflow:hidden;
  }

  .stat::before{
    content:"";
    position:absolute;
    width:80%;
    height:1px;
    top:0;
    background:linear-gradient(90deg,transparent,var(--pink-light),transparent);
    box-shadow:0 0 12px var(--pink);
  }

  .number{
    font-size:30px;
    font-weight:700;
        font-family: "Cinzel", serif;
    color:#fff;
    text-shadow:0 0 12px rgba(186,39,71,.8);
  }

  .label{
    margin-top:6px;
    font-size:10px;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:#bfc0c5;
  }

  .bottom-line{
    width:90px;
    height:3px;
    border-radius:5px;
    margin-top:28px;
    background:var(--pink);
    box-shadow:0 0 10px rgba(186,39,71,.75),0 0 25px rgba(186,39,71,.35);
  }

  @media(max-width:900px){
    body{padding:0px}
    .about-card{
      grid-template-columns:1fr;
      gap:30px;
      padding:20px;
    }
    .portrait,.portrait img{min-height:430px}
    .stats{grid-template-columns:repeat(2,1fr)}
  }

  @media(max-width:520px){
    .about-card{border-radius:22px}
    .portrait,.portrait img{min-height:380px}
    h1{font-size:33px}
    .copy{font-size:14px;line-height:1.65}
    .stats{gap:10px}
    .stat{min-height:82px}
    .number{font-size:25px}
  }


  .btn_serv {
width: fit-content;
    margin-top: 30px;
  }




  .astrology-guide {
        width: 100%;
        max-width: 1350px;
        margin: auto;
        padding: 55px 35px 70px;
        overflow: hidden;
        position: relative;
    }

    /* Decorative glossy shapes */
    .glow-shape {
        position: absolute;
        width: 360px;
        height: 90px;
        background: #ba2747;
        border-radius: 0 0 100px 100px;
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow:
            0 10px 35px rgba(186, 39, 71, .35),
            inset 0 -10px 20px rgba(0,0,0,.15);
    }

    .glow-shape.bottom {
        top: auto;
        bottom: -60px;
        border-radius: 100px 100px 0 0;
    }

    .small-glow {
        position: absolute;
        right: 12px;
        bottom: 55px;
        width: 55px;
        height: 90px;
        background:
            radial-gradient(circle, #ba2747 2px, transparent 3px);
        background-size: 13px 13px;
        opacity: .7;
    }

    /* Heading */
    .main-title {
        text-align: center;
        font-size: clamp(28px, 4vw, 46px);
        font-weight: 900;
        margin: 20px auto 12px;
        letter-spacing: -1px;
    }

    .subtitle {
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        max-width: 720px;
        margin: 0 auto 50px;
        line-height: 1.6;
    }

    /* Timeline */
    .timeline {
        position: relative;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        align-items: center;
        gap: 0;
        margin: 100px auto 55px;
        max-width: 1200px;
    }

    .timeline::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 5%;
        right: 5%;
        height: 4px;
        transform: translateY(-50%);
        background: repeating-linear-gradient(
            to right,
            #111 0 5px,
            transparent 5px 10px
        );
        z-index: 1;
    }

    .step {
        position: relative;
        z-index: 2;
        min-width: 0;
        text-align: center;
    }

    .step-content {
        min-height: 125px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
            gap: 25px;
    }

    .step:nth-child(even) .step-content {
        transform: translateY(-72px);
    }

    .step:nth-child(odd) .step-content {
        transform: translateY(72px);
    }

    /* Icon */
    .icon {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px auto;
        background: linear-gradient(
            145deg,
            #111 0%,
            #363636 45%,
            #ba2747 46%,
            #ba2747 100%
        );

        border: 3px solid #fff;
        box-shadow:
            0 0 0 4px #ba2747,
            0 0 18px rgba(186,39,71,.7),
            0 12px 25px rgba(0,0,0,.25),
            inset 4px 4px 8px rgba(255,255,255,.25);

        color: white;
        font-size: 30px;
        font-weight: bold;
        position: relative;
    }

    .icon::after {
        content: "";
        position: absolute;
        top: 8px;
        left: 16px;
        width: 27px;
        height: 10px;
        background: rgba(255,255,255,.45);
        border-radius: 50%;
        transform: rotate(-25deg);
        filter: blur(2px);
    }

    .step-number {
        font-size: 15px;
        font-weight: 800;
        color: #fff;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .step-title {
        font-size: 14px;
        line-height: 1.25;
        font-weight: 800;
        max-width: 130px;
    }

    .connector-dot {
        width: 10px;
        height: 10px;
        background: #ba2747;
        border: 2px solid #111;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 5px);
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
    }

    /* Section title */
    .section-title {
        text-align: center;
        font-size: clamp(24px, 3.5vw, 38px);
        font-weight: 900;
        margin-top: 115px;
        margin-bottom: 15px;
    }

    .section-title span {
        color: #fff;
        text-shadow: 0 0 12px rgba(186,39,71,.3);
    }

    .section-description {
        text-align: center;
        color: #000;
        max-width: 700px;
        margin: auto;
        line-height: 1.6;
        font-size: 15px;
    }

    /* Mobile */
    @media (max-width: 850px) {

        .astrology-guide {
            padding: 45px 20px 70px;
        }

        .timeline {
            grid-template-columns: 1fr;
            gap: 25px;
            margin-top: 35px;
        }

        .timeline::before {
            top: 5%;
            bottom: 5%;
            left: 50%;
            right: auto;
            width: 3px;
            height: auto;
            transform: translateX(-50%);
            background: repeating-linear-gradient(
                to bottom,
                #111 0 5px,
                transparent 5px 10px
            );
        }

        .step:nth-child(even) .step-content,
        .step:nth-child(odd) .step-content {
            transform: none;
        }

        .step-content {
            min-height: 120px;
        }

        .connector-dot {
            top: 50%;
        }

        .step-title {
            max-width: 220px;
        }
    }







.avn-remedy-section {
    width: 100%;
    padding: 70px 20px;
    background:
        radial-gradient(circle at 15% 50%, rgba(186, 39, 71, .13), transparent 32%),
        radial-gradient(circle at 85% 30%, rgba(186, 39, 71, .08), transparent 30%),
        #050505;
    overflow: hidden;
}

.avn-remedy-wrap {
    max-width: 1280px;
    margin: auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 38px;
    align-items: center;
}


/* =========================================================
   SLIDER
========================================================= */

.avn-remedy-slider {
    position: relative;
    height: 600px;
    padding: 1px;

    border-radius: 28px;

    background: linear-gradient(
        135deg,
        #ba2747,
        rgba(186,39,71,.15),
        #ba2747
    );

    box-shadow:
        0 0 12px rgba(186,39,71,.35),
        0 0 40px rgba(186,39,71,.12);

    overflow: hidden;
}

.avn-remedy-track {
    width: 100%;
    height: 100%;

    position: relative;

    overflow: hidden;
    border-radius: 27px;

    background: #080808;
}


/* Individual slides */

.avn-remedy-slide {
    position: absolute;
    aspect-ratio: 1/1;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .7s ease,
        transform .7s ease;

    transform: scale(1);
}

.avn-remedy-slide.avn-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}


/* Images */

.avn-remedy-slide img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* Dark image overlay */

.avn-remedy-slide::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 13%) 55%, rgb(0 0 0 / 59%) 100%);

    pointer-events: none;
}


/* Glossy reflection */

.avn-remedy-track::before {
    content: "";

    position: absolute;
    z-index: 10;

    top: -80px;
    left: 12%;

    width: 75%;
    height: 130px;

    background: rgba(255,255,255,.11);

    filter: blur(35px);

    transform: rotate(-7deg);

    pointer-events: none;
}


/* =========================================================
   SLIDER BADGE
========================================================= */

.avn-remedy-badge {
    position: absolute;
    z-index: 20;

    top: 18px;
    left: 18px;

    padding: 9px 17px;

    border-radius: 50px;

    color: #fff;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

    background: rgba(5,5,5,.65);

    border: 1px solid rgba(186,39,71,.75);

    backdrop-filter: blur(10px);

    box-shadow:
        0 0 12px rgba(186,39,71,.35);
}


/* =========================================================
   SLIDE TEXT
========================================================= */

.avn-remedy-slide-info {
    position: absolute;
    z-index: 20;

    left: 28px;
    right: 28px;
    bottom: 48px;

    pointer-events: none;
}

.avn-remedy-slide-small {
    margin-bottom: 6px;

    color: #ba2747;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;

    text-shadow:
        0 0 10px rgba(186,39,71,.7);
}

.avn-remedy-slide-title {
    margin: 0;

    color: #fff;

    font-size: clamp(30px, 4vw, 43px);
    line-height: 1;

    text-transform: uppercase;

    text-shadow:
        0 3px 15px rgba(0,0,0,.9);
}


/* =========================================================
   ARROWS
========================================================= */

.avn-remedy-arrow {
    position: absolute;
    z-index: 30;

    top: 50%;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    border-radius: 50%;

    color: #fff;

    background: rgba(5,5,5,.65);

    border: 1px solid rgba(186,39,71,.65);

    cursor: pointer;

    font-size: 18px;

    backdrop-filter: blur(8px);

    transition: .3s ease;

    box-shadow:
        0 0 12px rgba(186,39,71,.25);
}

.avn-remedy-arrow:hover {
    background: #ba2747;

    border-color: #ba2747;

    box-shadow:
        0 0 15px rgba(186,39,71,.7);

    transform: translateY(-50%) scale(1.08);
}

.avn-remedy-prev {
    left: 15px;
}

.avn-remedy-next {
    right: 15px;
}


/* =========================================================
   DOTS
========================================================= */

.avn-remedy-dots {
    position: absolute;
    z-index: 30;

    left: 25px;
    right: 25px;
    bottom: 13px;

    display: flex;
    gap: 8px;

    align-items: center;
}

.avn-remedy-dot {
    flex: 1;

    height: 3px;

    border: 0;
    padding: 0;

    border-radius: 10px;

    background: rgba(255,255,255,.22);

    cursor: pointer;

    transition: .35s ease;
}

.avn-remedy-dot.avn-dot-active {
    background: #ba2747;

    box-shadow:
        0 0 8px rgba(186,39,71,.8),
        0 0 16px rgba(186,39,71,.4);
}


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

.avn-remedy-content {
    position: relative;

    padding: 42px 38px;

    border-radius: 28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    border: 1px solid rgba(186,39,71,.22);

    box-shadow:
        0 20px 70px rgba(0,0,0,.65),
        inset 0 1px 0 rgba(255,255,255,.06);

    backdrop-filter: blur(18px);
}


/* Neon left line */

.avn-remedy-content::before {
    content: "";

    position: absolute;

    left: -1px;
    top: 15%;
    bottom: 15%;

    width: 3px;

    border-radius: 10px;

    background: #ba2747;

    box-shadow:
        0 0 8px #ba2747,
        0 0 20px rgba(186,39,71,.7),
        0 0 45px rgba(186,39,71,.3);
}


/* Eyebrow */

.avn-remedy-eyebrow {
    margin-bottom: 13px;

    color: #ba2747;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;

    text-shadow:
        0 0 8px rgba(186,39,71,.5);
}


/* Heading */

.avn-remedy-heading {
    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(34px, 4vw, 48px);

    line-height: 1.05;

    text-transform: uppercase;
}

.avn-remedy-heading span {
    display: block;

    color: #ba2747;

    text-shadow:
        0 0 12px rgba(186,39,71,.45);
}


/* Description */

.avn-remedy-description {
    margin: 0 0 27px;

    color: #aaa;

    font-size: 15px;
    line-height: 1.75;
}


/* Feature list */

.avn-remedy-features {
    display: flex;
    flex-direction: column;

    gap: 14px;

    margin-bottom: 32px;
}

.avn-remedy-feature {
    display: flex;
    align-items: center;

    gap: 13px;

    color: #e3e3e3;

    font-size: 14px;
}


/* Check */

.avn-remedy-check {
    flex: 0 0 auto;

    width: 22px;
    height: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ba2747;

    background: rgba(186,39,71,.10);

    border: 1px solid rgba(186,39,71,.7);

    box-shadow:
        0 0 8px rgba(186,39,71,.4);
}


/* =========================================================
   BUTTONS
========================================================= */

.avn-remedy-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 13px;
}

.avn-remedy-btn {
    position: relative;

    min-height: 50px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 24px;

    border-radius: 50px;

    color: #fff;

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    overflow: hidden;

    transition: .35s ease;
}


/* Primary */

.avn-remedy-btn-primary {
    background:
        linear-gradient(
            135deg,
            #ba2747,
            #8d1834
        );

    border: 1px solid #ba2747;

    box-shadow:
        0 0 14px rgba(186,39,71,.45),
        0 8px 25px rgba(186,39,71,.18);
}

.avn-remedy-btn-primary:hover {
    transform: translateY(-3px);

    box-shadow:
        0 0 22px rgba(186,39,71,.7),
        0 12px 35px rgba(186,39,71,.3);
}


/* Secondary */

.avn-remedy-btn-secondary {
    background: rgba(255,255,255,.025);

    border: 1px solid rgba(186,39,71,.65);
}

.avn-remedy-btn-secondary:hover {
    background: rgba(186,39,71,.12);

    border-color: #ba2747;

    box-shadow:
        0 0 16px rgba(186,39,71,.4);

    transform: translateY(-3px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:900px) {

    .avn-remedy-section {
        padding: 45px 15px;
    }

    .avn-remedy-wrap {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .avn-remedy-slider {
        height: 430px;
    }

    .avn-remedy-content {
        padding: 35px 25px;
    }
}


@media(max-width:550px) {

    .avn-remedy-slider {
        height: 380px;

        border-radius: 22px;
    }

    .avn-remedy-track {
        border-radius: 21px;
    }

    .avn-remedy-badge {
        top: 14px;
        left: 14px;

        font-size: 9px;
    }

    .avn-remedy-slide-info {
        left: 20px;
        right: 20px;
        bottom: 38px;
    }

    .avn-remedy-slide-title {
        font-size: 31px;
    }

    .avn-remedy-arrow {
        width: 36px;
        height: 36px;

        font-size: 15px;
    }

    .avn-remedy-prev {
        left: 10px;
    }

    .avn-remedy-next {
        right: 10px;
    }

    .avn-remedy-content {
        padding: 30px 21px;

        border-radius: 22px;
    }

    .avn-remedy-heading {
        font-size: 30px;
    }

    .avn-remedy-description {
        font-size: 14px;
    }

    .avn-remedy-feature {
        align-items: flex-start;

        font-size: 13px;

        line-height: 1.4;
    }

    .avn-remedy-buttons {
        flex-direction: column;
    }

    .avn-remedy-btn {
        width: 100%;
    }
}



/* ==============================
   PREMIUM CONTACT SECTION
================================ */

.premium-contact-section {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 90px 25px;
  isolation: isolate;
}

.contact-wrapper {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: auto;
  min-height: 570px;

  display: grid;
  grid-template-columns: 1fr 1fr;

  background: #0d0d0f;
  border-radius: 32px;
  overflow: hidden;

  box-shadow:
    0 30px 80px rgba(0,0,0,0.18),
    0 0 0 1px rgba(186,39,71,0.15);
}


/* ==============================
   LEFT FORM
================================ */

.contact-form-box {
  position: relative;
  padding: 65px 60px;
  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(186,39,71,0.15),
      transparent 32%
    ),
    #111113;
}

.mini-label {
  display: inline-block;
  color: #ba2747;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 22px;
}

.contact-form-box h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 0.98;
  letter-spacing: -3px;
  font-weight: 700;
}

.contact-form-box h2 span {
  color: #ba2747;
  text-shadow:
    0 0 12px rgba(186,39,71,0.45),
    0 0 35px rgba(186,39,71,0.18);
}

.contact-intro {
  max-width: 430px;
  margin: 28px 0 38px;
  color: #a8a8ad;
  font-size: 15px;
  line-height: 1.7;
}


/* FORM */

.premium-form {
  max-width: 470px;
}

.input-group {
  margin-bottom: 22px;
}

.input-group label {
  display: block;
  color: #eeeeee;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 9px;
  letter-spacing: 0.4px;
}

.input-group input,
.input-group textarea {
    font-family: "Poppins", sans-serif;
  width: 100%;
  box-sizing: border-box;

  border: 1px solid #2d2d31;
  border-radius: 12px;

  background: rgba(255,255,255,0.04);
  color: #ffffff;

  padding: 15px 17px;

  outline: none;
  font-size: 14px;

  transition: 0.3s ease;
}

.input-group textarea {
  resize: vertical;
  min-height: 90px;
}

.input-group input::placeholder,
.input-group textarea::placeholder {
  color: #77777d;
}

.input-group input:focus,
.input-group textarea:focus {
  border-color: #ba2747;

  box-shadow:
    0 0 0 3px rgba(186,39,71,0.08),
    0 0 22px rgba(186,39,71,0.15);
}


/* BUTTON */

.send-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;

  border: none;
  cursor: pointer;

  padding: 14px 20px 14px 23px;

  color: #ffffff;
  background: #ba2747;

  border-radius: 50px;

  font-size: 13px;
  font-weight: 700;

  box-shadow:
    0 8px 25px rgba(186,39,71,0.25),
    0 0 20px rgba(186,39,71,0.12);

  transition: 0.3s ease;
}

.send-button .arrow {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;
  color: #ba2747;

  border-radius: 50%;
  font-size: 16px;
}

.send-button:hover {
  transform: translateY(-3px);

  box-shadow:
    0 15px 35px rgba(186,39,71,0.35),
    0 0 35px rgba(186,39,71,0.22);
}


/* ==============================
   RIGHT TESTIMONIAL AREA
================================ */

.testimonial-area {
  position: relative;
  padding: 65px 50px;

  background:
    linear-gradient(
      145deg,
      #f7f7f7 0%,
      #ffffff 50%,
      #eeeeee 100%
    );

  display: flex;
  flex-direction: column;
  justify-content: center;
      width: 625px;
}

.testimonial-heading span {
  font-size: 10px;
  letter-spacing: 3px;
  font-weight: 800;
  color: #ba2747;
}

.testimonial-heading h3 {
  margin: 13px 0 35px;

  color: #111111;

  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -1.5px;
}

.testimonial-heading strong {
  color: #ba2747;
}


/* SLIDER */

.testimonial-slider {
  width: 100%;
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  transition: transform 0.7s cubic-bezier(.22,.61,.36,1);
}

.testimonial-card {
  flex: 0 0 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 35px;

  border-radius: 25px;

  background: linear-gradient(
    145deg,
    rgba(255,255,255,0.98),
    rgba(245,245,245,0.92)
  );

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

  box-shadow:
    0 20px 45px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,1);

  position: relative;
  overflow: hidden;
}


/* GLOSS */

.testimonial-card::before {
  content: "";
  position: absolute;

  top: -100px;
  right: -80px;

  width: 220px;
  height: 220px;

  border-radius: 50%;

  background: rgba(186,39,71,0.08);

  filter: blur(5px);
}

.testimonial-card::after {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(186,39,71,0.6),
    transparent
  );
}


.quote-mark {
  color: #ba2747;

  font-size: 65px;
  line-height: 35px;

  margin-bottom: 20px;

  text-shadow:
    0 0 12px rgba(186,39,71,0.18);
}

.testimonial-card p {
  position: relative;
  z-index: 2;

  color: #333333;

  font-size: 16px;
  line-height: 1.65;

  min-height: 105px;

  margin: 0 0 28px;
}

.testimonial-bottom {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 42px;
  height: 42px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #111111;
  color: #ffffff;

  font-size: 14px;
  font-weight: 700;

  box-shadow:
    0 0 0 4px rgba(186,39,71,0.08);
}

.testimonial-bottom h4 {
  margin: 0 0 3px;

  color: #111111;
  font-size: 13px;
}

.testimonial-bottom span {
  color: #888888;
  font-size: 11px;
}

.stars {
  position: absolute;
  right: 30px;
  bottom: 34px;

  color: #ba2747;

  font-size: 12px;
  letter-spacing: 2px;

  text-shadow:
    0 0 10px rgba(186,39,71,0.25);
}





/* ==============================
   DOTS
================================ */

.slider-dots {
  display: flex;
  gap: 7px;
  margin-top: 22px;
}

.slider-dots span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #cccccc;
}

.slider-dots span.active {
  width: 24px;
  border-radius: 20px;
  background: #ba2747;

  box-shadow:
    0 0 10px rgba(186,39,71,0.45);
}


/* ==============================
   BACKGROUND GLOW
================================ */

.contact-glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(70px);

  opacity: 0.12;

  z-index: -1;
}

.glow-one {
  width: 280px;
  height: 280px;

  background: #ba2747;

  top: 5%;
  left: -100px;
}

.glow-two {
  width: 250px;
  height: 250px;

  background: #ba2747;

  bottom: -100px;
  right: -80px;
}


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

@media (max-width: 850px) {

  .premium-contact-section {
    padding: 50px 16px;
  }

  .contact-wrapper {
    grid-template-columns: 1fr;
    border-radius: 25px;
  }

  .contact-form-box {
    padding: 45px 28px;
  }

  .contact-form-box h2 {
    font-size: 48px;
  }

  .testimonial-area {
    padding: 45px 28px;
  }

  .testimonial-heading h3 {
    font-size: 30px;
  }

  .testimonial-card {
    padding: 28px;
  }

}


@media (max-width: 480px) {

  .contact-form-box h2 {
    font-size: 40px;
  }

  .testimonial-card p {
    font-size: 14px;
  }

}
.row_input {
    display: flex;
    justify-content: space-between;
}



.faq-section {
  position: relative;
  overflow: hidden;
  padding: 95px 20px;
  background:
    linear-gradient(to bottom, #4A0D20, #BA2747, #F06B88);
  font-family: Arial, Helvetica, sans-serif;
}

/* Dark glossy overlay */
.faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.16), transparent 35%),
    linear-gradient(120deg, rgba(0,0,0,.28), transparent 45%, rgba(255,255,255,.08));
  pointer-events: none;
}

/* Decorative neon glow */
.faq-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: .35;
  pointer-events: none;
}

.glow-one {
  width: 280px;
  height: 280px;
  background: #fff;
  top: -130px;
  left: -100px;
}

.glow-two {
  width: 300px;
  height: 300px;
  background: #000;
  bottom: -150px;
  right: -100px;
}

.faq-container {
  position: relative;
  max-width: 1280px;
  margin: auto;
  z-index: 2;
}

/* Heading */
.faq-heading {
  max-width: 720px;
  margin-bottom: 48px;
}

.faq-label {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 15px;
  padding: 8px 15px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50px;
  background: rgba(0,0,0,.18);
  box-shadow:
    0 0 15px rgba(255,255,255,.18),
    inset 0 1px 8px rgba(255,255,255,.12);
}

.faq-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1;
  letter-spacing: -2px;
      font-family: "Cinzel", serif;
  font-weight: 800;
}

.faq-heading h2 em {
  color: #000;
  font-family: Georgia, serif;
  font-weight: 400;
  text-shadow:
    0 0 12px rgba(255,255,255,.35);
}

.faq-heading p {
  margin-top: 22px;
  max-width: 610px;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.8;
}


/* FAQ Grid */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}


/* FAQ Card */
.faq-card {
  position: relative;
  min-height: 270px;
  padding: 28px;
  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.20),
      rgba(255,255,255,.07) 45%,
      rgba(0,0,0,.18)
    );

  border: 1px solid rgba(255,255,255,.35);
  border-radius: 24px;

  box-shadow:
    0 20px 45px rgba(0,0,0,.24),
    inset 0 1px 1px rgba(255,255,255,.55),
    inset 0 -20px 40px rgba(0,0,0,.08);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transition: transform .3s ease, box-shadow .3s ease;
}

/* Gloss reflection */
.faq-card::before {
  content: "";
  position: absolute;
  width: 180%;
  height: 80px;
  top: -55px;
  left: -40%;
  transform: rotate(-8deg);

  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,.25),
    transparent
  );

  filter: blur(4px);
}

/* Neon border effect */
.faq-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 1px;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,.55),
    transparent 35%,
    rgba(0,0,0,.2)
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

.faq-card:hover {
  transform: translateY(-7px);

  box-shadow:
    0 25px 55px rgba(0,0,0,.32),
    0 0 25px rgba(255,255,255,.18),
    inset 0 1px 1px rgba(255,255,255,.7);
}


/* Icon */
.faq-icon {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  color: #fff;
  font-size: 22px;

  border-radius: 14px;

  background: linear-gradient(
    145deg,
    #4A0D20,
    #BA2747
  );

  border: 1px solid rgba(255,255,255,.4);

  box-shadow:
    0 0 15px rgba(240,107,136,.55),
    inset 0 1px 8px rgba(255,255,255,.3);
}


/* Question */
.faq-content h3 {
  position: relative;
  margin: 0 0 13px;

  color: #fff;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}

.faq-content p {
  position: relative;
  margin: 0;

  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.75;
}


/* Number */
.faq-number {
  position: absolute;
  right: 22px;
  bottom: 18px;

  color: rgba(255,255,255,.25);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}


/* Bottom Highlight */
.faq-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  margin-top: 45px;
}

.faq-bottom span {
  width: 70px;
  height: 1px;

  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,.8)
  );

  box-shadow: 0 0 8px rgba(255,255,255,.6);
}

.faq-bottom span:last-child {
  background: linear-gradient(
    to left,
    transparent,
    rgba(255,255,255,.8)
  );
}

.faq-bottom p {
  margin: 0;

  color: #000;
  font-size: 12px;
  letter-spacing: 2px;
  text-align: center;
}


/* Tablet */
@media (max-width: 900px) {

  .faq-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}


/* Mobile */
@media (max-width: 600px) {

  .faq-section {
    padding: 70px 16px;
  }

  .faq-heading {
    margin-bottom: 35px;
  }

  .faq-heading h2 {
    font-size: 42px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .faq-card {
    min-height: auto;
    padding: 24px;
  }

  .faq-bottom {
    gap: 10px;
  }

  .faq-bottom span {
    width: 30px;
  }

}






/* =========================
   FOOTER
========================= */

.footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(186,39,71,.18), transparent 30%),
        radial-gradient(circle at 85% 80%, rgba(186,39,71,.12), transparent 30%),
        #090909;
    padding: 70px 6% 0;
}

/* Neon decorative glow */
.footer::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: #ba2747;
    filter: blur(150px);
    opacity: .12;
    top: -180px;
    left: 20%;
    pointer-events: none;
}

.footer::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: #ba2747;
    filter: blur(150px);
    opacity: .10;
    bottom: -180px;
    right: 10%;
    pointer-events: none;
}

.footer-container {
    position: relative;
    z-index: 2;
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
    gap: 45px;
    padding-bottom: 55px;
    align-items: center;
}

/* =========================
   BRAND CARD
========================= */

.brand-card {
    position: relative;
    padding: 32px 25px;
    min-height: 350px;
    border-radius: 25px;

    background:
        linear-gradient(145deg,
        rgba(186,39,71,.98),
        rgba(82,10,27,.96));

    border: 1px solid rgba(255,255,255,.15);

    box-shadow:
        0 20px 50px rgba(0,0,0,.5),
        0 0 30px rgba(186,39,71,.22),
        inset 0 1px 0 rgba(255,255,255,.25);

    overflow: hidden;
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

/* Glossy highlight */
.brand-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,.13);
    border-radius: 50%;
    top: -100px;
    right: -70px;
    filter: blur(5px);
}

.brand-card::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    top: 0;
    left: 15%;
}

.brand-card .logo {
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -.5px;
    margin-bottom: 15px;
    color: #fff;
        font-family: "Cinzel", serif;
}

.logo span {
    color: #fff;
}

.brand-text {
    color: #f1dce1;
    line-height: 1.8;
    font-size: 14px;
    max-width: 230px;
}

/* =========================
   SOCIAL ICONS
========================= */

.social-icons {
    display: flex;
    gap: 12px;
    margin-top: 28px;
}

.social-icons a {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    color: #111;

    background: rgba(255,255,255,.96);
    border-radius: 12px;

    font-weight: bold;

    box-shadow:
        0 5px 20px rgba(0,0,0,.25),
        0 0 15px rgba(255,255,255,.12);

    transition: .3s ease;
}

.social-icons a:hover {
    transform: translateY(-5px);
    color: #fff;
    background: #111;

    box-shadow:
        0 0 20px rgba(186,39,71,.8),
        inset 0 0 10px rgba(186,39,71,.3);
}

/* =========================
   FOOTER COLUMNS
========================= */

.footer-column h3 {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    margin-bottom: 28px;
}

.footer-column h3::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #ba2747;
    box-shadow: 0 0 10px #ba2747;
    left: 0;
    bottom: -9px;
}

.footer-column ul {
    list-style: none;
}

.footer-column li {
    margin: 16px 0;
}

.footer-column a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
    transition: .3s ease;
}

.footer-column a:hover {
    color: #fff;
    padding-left: 7px;
    text-shadow: 0 0 12px rgba(186,39,71,.9);
}

/* =========================
   NEWSLETTER
========================= */

.newsletter-text {
    color: #999;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.newsletter-box {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.newsletter-box input {
    width: 100%;
    padding: 17px 18px;

    border: 1px solid #292929;
    border-radius: 13px;

    background: #151515;
    color: #fff;
    outline: none;

    box-shadow:
        inset 0 2px 10px rgba(0,0,0,.4),
        0 0 0 transparent;

    transition: .3s ease;
}

.newsletter-box input::placeholder {
    color: #777;
}

.newsletter-box input:focus {
    border-color: #ba2747;
    box-shadow:
        0 0 15px rgba(186,39,71,.25),
        inset 0 0 10px rgba(186,39,71,.08);
}

.subscribe-btn {
    position: relative;
    overflow: hidden;

    border: none;
    border-radius: 13px;
    padding: 16px 22px;

    background: #ba2747;
    color: #fff;

    font-weight: 700;
    cursor: pointer;

    box-shadow:
        0 8px 25px rgba(186,39,71,.3),
        0 0 15px rgba(186,39,71,.2);

    transition: .3s ease;
}

.subscribe-btn:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 35px rgba(186,39,71,.5),
        0 0 25px rgba(186,39,71,.4);
}

/* Gloss effect on button */
.subscribe-btn::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 120px;
    background: rgba(255,255,255,.2);
    transform: rotate(25deg);
    left: -100px;
    top: -30px;
    transition: .5s;
}

.subscribe-btn:hover::before {
    left: 110%;
}

/* =========================
   COPYRIGHT
========================= */

.copyright {
    position: relative;
    z-index: 2;

    border-top: 1px solid #252525;
    min-height: 65px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #777;
    font-size: 13px;
    text-align: center;
}

.copyright span {
    color: #ba2747;
    text-shadow: 0 0 8px rgba(186,39,71,.6);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 950px) {
    .footer-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .footer {
        padding: 50px 20px 0;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .brand-card {
        min-height: auto;
                margin-bottom: 30px;
    }

    .copyright {
        padding: 20px 10px;
    }
}


.wha_tsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
        margin-left: 20px;
    padding: 10px 15px;
    color: #fff;
    background: #25D366;
    border: 2px solid #25D366;
    border-radius: 50px;
    font: 600 16px Arial, sans-serif;
    text-decoration: none;
    box-shadow:
      0 0 5px #25D366,
      0 0 15px #25D366,
      0 0 30px #25D366,
      0 0 60px rgba(37, 211, 102, 0.7);
    transition: 0.3s ease;
    animation: neonPulse 1.8s infinite alternate;
  }

  .wha_tsapp-btn:hover {
    color: #25D366;
    background: transparent;
    box-shadow:
      0 0 10px #25D366,
      0 0 25px #25D366,
      0 0 50px #25D366;
    transform: translateY(-2px) scale(1.03);
  }

  .wha_tsapp-btn span {
    font-size: 21px;
  }

  @keyframes neonPulse {
    from {
      box-shadow:
        0 0 5px #25D366,
        0 0 15px #25D366,
        0 0 30px rgba(37, 211, 102, 0.6);
    }
    to {
      box-shadow:
        0 0 10px #25D366,
        0 0 25px #25D366,
        0 0 55px rgba(37, 211, 102, 0.9);
    }
  }
  .cont li a {
    display: grid;
    grid-template-columns: 20px auto;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }




/* Fixed Contact Buttons */
.fixed-phone,
.fixed-whatsapp {
    position: fixed;
    right: 20px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    text-decoration: none;
    font-size: 25px;

    z-index: 9999;

    /* Glossy effect */
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.35) 0%,
        rgba(255, 255, 255, 0.08) 25%,
        rgba(0, 0, 0, 0.15) 100%
    );

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

    /* Glass + shine */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.65),
        inset 0 -4px 8px rgba(0, 0, 0, 0.25);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        filter 0.35s ease;
}

/* Glossy highlight */
.fixed-phone::before,
.fixed-whatsapp::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 9px;
    width: 40%;
    height: 25%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    filter: blur(5px);
    pointer-events: none;
}

/* PHONE */
.fixed-phone {
    bottom: 145px;

    background:
        linear-gradient(
            145deg,
            #54eaff 0%,
            #008cff 45%,
            #0055ff 100%
        );

    box-shadow:
        0 0 8px #00c8ff,
        0 0 20px #009dff,
        0 0 40px rgba(0, 174, 255, 0.75),
        inset 0 2px 5px rgba(255,255,255,0.7),
        inset 0 -5px 10px rgba(0,0,100,0.35);

    animation: phoneGlow 2s infinite alternate;
}

/* WHATSAPP */
.fixed-whatsapp {
    bottom: 70px;

    background:
        linear-gradient(
            145deg,
            #72ff9a 0%,
            #20d85b 45%,
            #00a83b 100%
        );

    box-shadow:
        0 0 8px #25ff68,
        0 0 20px #16e957,
        0 0 40px rgba(0, 255, 90, 0.7),
        inset 0 2px 5px rgba(255,255,255,0.7),
        inset 0 -5px 10px rgba(0,80,30,0.35);

    animation: whatsappGlow 2s infinite alternate;
}

/* Hover */
.fixed-phone:hover,
.fixed-whatsapp:hover {
    transform: scale(1.15) translateX(-5px);
    filter: brightness(1.2);

    color: #fff;
}

/* Phone hover glow */
.fixed-phone:hover {
    box-shadow:
        0 0 10px #00eaff,
        0 0 25px #00b7ff,
        0 0 55px #008cff,
        0 0 80px rgba(0, 174, 255, 0.8),
        inset 0 2px 6px rgba(255,255,255,0.8);
}

/* WhatsApp hover glow */
.fixed-whatsapp:hover {
    box-shadow:
        0 0 10px #52ff86,
        0 0 25px #20ff65,
        0 0 55px #00d94b,
        0 0 80px rgba(0, 255, 90, 0.8),
        inset 0 2px 6px rgba(255,255,255,0.8);
}

/* Icons */
.fixed-phone i,
.fixed-whatsapp i {
    position: relative;
    z-index: 2;
    text-shadow:
        0 1px 2px rgba(0,0,0,0.35),
        0 0 8px rgba(255,255,255,0.7);
}

/* Neon pulse */
@keyframes phoneGlow {
    from {
        box-shadow:
            0 0 6px #00c8ff,
            0 0 15px #009dff,
            0 0 30px rgba(0,174,255,0.55),
            inset 0 2px 5px rgba(255,255,255,0.7);
    }

    to {
        box-shadow:
            0 0 12px #00eaff,
            0 0 28px #009dff,
            0 0 50px rgba(0,174,255,0.85),
            inset 0 2px 6px rgba(255,255,255,0.8);
    }
}

@keyframes whatsappGlow {
    from {
        box-shadow:
            0 0 6px #25ff68,
            0 0 15px #16e957,
            0 0 30px rgba(0,255,90,0.5),
            inset 0 2px 5px rgba(255,255,255,0.7);
    }

    to {
        box-shadow:
            0 0 12px #52ff86,
            0 0 28px #20ff65,
            0 0 50px rgba(0,255,90,0.8),
            inset 0 2px 6px rgba(255,255,255,0.8);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .fixed-phone,
    .fixed-whatsapp {
        right: 12px;
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .fixed-phone {
        bottom: 82px;
    }

    .fixed-whatsapp {
        bottom: 18px;
    }
}


@media (max-width: 767px) {
.search-card img {
    max-width: 100%;
}
.trust-grid {
    gap: 15px;
}
.services-heading p {
    margin: 10px auto 0;
}
.premium-container {
    padding: 0 10px;
}
.services-grid {
    gap: 35px 22px;
}
.about-card {
    width: min(1280px, 95%);
}
.section-title {
    margin-top: 45px;
}
.testimonial-slider {
    width: 40%;
}
.premium-form {
    max-width: 40%;
}
.row_input {
    flex-direction: column;
}
.testimonial-area {
    width: 100%;
}
.contact-wrapper {
    max-width: 100%;
}
.contact-intro {
    max-width: 50%;
}
.wha_tsapp-btn {
    margin-left: 0;
    display: block;
    width: fit-content;
    margin-top: 40px;
            margin: 0 auto;
        margin-top: 60px;
}
.footer-container {
    padding-bottom: 25px;
}
.copyright {
    display: block;
}
.topbar .logo img {
    max-width: 100%;
}
.right_div {
    justify-content: center;
}
.main-title {
    font-size: clamp(32px, 4vw, 46px);
            line-height: 1.2;
}
}