/* =====================================
ROOT
===================================== */
:root{
    --primary:#2f184f;
    --secondary:#ffbe18;
    --white:#ffffff;
    --black:#111111;
    --text:#555;
    --border:#ececec;
    --shadow:0 18px 40px rgba(0,0,0,.08);
    --transition:.35s ease;
}

/* ===================================== */
body{
    margin:0;
    font-family:'Rubik',sans-serif;
}
.container{
    max-width:1280px;
    margin:auto;
    padding:0 15px;
}
ul{
    margin:0;
    padding:0;
    list-style:none;
}
a{
    text-decoration:none;
    transition:var(--transition);
}

/* =====================================
TOP HEADER
===================================== */
.header-top{
background: #fff;
  padding: 8px 0;
}
.header-top .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.brand-logo img{
    max-height:82px;
}
.header-right{
    display:flex;
    align-items:center;
    gap:24px;
}
.social-links{
    display:flex;
    gap:10px;
}
.social-links{
    display: flex;
    gap: 10px;
}

.social-links a{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    transition: all 0.3s ease;
}

/* Individual Brand Colors */
.social-links a:nth-child(1){ /* Facebook */
    background: #1877F2;
}
.social-links a:nth-child(2){ /* Instagram */
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.social-links a:nth-child(3){ /* YouTube */
    background: #FF0000;
}

/* Hover Effects */
.social-links a:hover{
    transform: translateY(-3px) ;
    box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

/* Optional: Icon animation */
.social-links a i{
    transition: transform 0.3s ease;
}

.social-links a:hover i{
    transform: rotateY(360deg);
}
.phone-box{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    padding: 10px 18px;
    border-radius: 50px;
    background: #25D366; /* WhatsApp green */
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Icon */
.phone-box i{
    font-size: 26px;
    animation: whatsappPulse 1.5s infinite;
}

/* Text */
.phone-box span{
    font-size: 15px;
}

/* Hover Effect */
.phone-box:hover{
    background: #1ebe5d;
    transform: translateY(-2px);
}

/* Glow ripple effect */
.phone-box::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    top: 0;
    left: -100%;
    transition: 0.5s;
}

.phone-box:hover::before{
    left: 100%;
}

/* Pulse animation */
@keyframes whatsappPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
        color: #eafff3;
    }
    100% {
        transform: scale(1);
    }
}

/* =====================================
NAVBAR
===================================== */
.main-navbar{
    background:var(--primary);
    position:relative;
    z-index:999;
}
.main-navbar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.desktop-menu{
    display:flex;
    align-items:center;
}
.desktop-menu > li{
    position:relative;
}
.desktop-menu > li > a{
    color:#fff;
    display:block;
    padding:18px 14px;
    font-size:16px;
    font-weight:500;
}
.desktop-menu > li > a:hover{
    color:var(--secondary);
}

/* =====================================
DROPDOWN
===================================== */
.submenu{
    position:absolute;
    top:100%;
    left:0;
    min-width:260px;
    background:#fff;
    border-radius:0 0 14px 14px;
    box-shadow:var(--shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    transition:all .35s ease;
    z-index:9999;
    overflow:hidden;
}
.has-dropdown:hover > .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.submenu li a{
    display:block;
    padding:7px 18px;
    color:#222;
    border-bottom:1px solid #f1f1f1;
    font-size:15px;
    line-height: 1.3;
}
.submenu li a:hover{
    background:var(--secondary);
    color:#111;
    padding-left:24px;
}
.mega-menu{
    min-width:430px;
}

/* ===================================== */
.nav-right{
    display:flex;
    align-items:center;
    gap:16px;
}
/* ===============================
HOROSCOPE BUTTON
=============================== */
.btn-horo{
    position:relative;
    overflow:hidden;
    background:var(--secondary);
    color:#111;
    font-weight:500;
    border:1px solid #ffbe18;
    padding:8px 18px;
    line-height:1.3;
    border-radius:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .35s ease;
    animation:pulseGlow 2s infinite;
}

/* Hover */
.btn-horo:hover{
    background-color: #fff;
    border-color: #fff;
}

/* Ripple Ring */
.btn-horo::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:32px;
    border:2px solid rgba(255,190,24,.55);
    animation:ringPulse 2s infinite;
}

/* Soft Shine */
.btn-horo::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-20deg);
    animation:shineMove 3s infinite;
}

/* Main Glow Pulse */
@keyframes pulseGlow{
    0%{
        box-shadow:0 0 0 0 rgba(255,190,24,.45);
    }
    70%{
        box-shadow:0 0 0 14px rgba(255,190,24,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(255,190,24,0);
    }
}

/* Border Ring */
@keyframes ringPulse{
    0%{
        transform:scale(1);
        opacity:.8;
    }
    100%{
        transform:scale(1.18);
        opacity:0;
    }
}

/* Shine Sweep */
@keyframes shineMove{
    0%{
        left:-120%;opacity: 1;
    }
    100%{
        left:140%;opacity: 0;
    }
}
.btn-gems{
    color: var(--secondary);
    font-weight: 500;
    border: 1px solid #ffbe18;
    padding: 8px 18px;
    line-height: 1.3;
    border-radius: 32px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* ICON */
.btn-gems i{
    font-size: 16px;
    display: inline-block;
    animation: gemMove 2s ease-in-out infinite,
               gemGlow 2s ease-in-out infinite;
}

/* Movement (subtle wiggle) */
@keyframes gemMove {
    0%,100% { transform: rotate(0deg) scale(1); }
    25% { transform: rotate(12deg) scale(1.05); }
    50% { transform: rotate(-12deg) scale(1.08); }
    75% { transform: rotate(8deg) scale(1.05); }
}

/* Shine / Glow (sparkle feel) */
@keyframes gemGlow {
    0%,100% {
        text-shadow: 0 0 0px rgba(255,255,255,0);
    }
    50% {
        text-shadow:
            0 0 6px #ffffff52,
            0 0 10px #ffbe185b,
            0 0 16px #ffbe1849;
    }
}

/* Hover */
.btn-gems:hover{
    color:#fff;
    background: #b1820d;
}



/* =====================================
MOBILE
===================================== */
.mobile-toggle{
    display:none;
    width:44px;
    height:44px;
    border:none;
    background:var(--primary);
    color:#fff;
    border-radius:5px;
    font-size:20px;
}

.mobile-sidebar{
    position:fixed;
    top:0;
    right:-340px;
    width:320px;
    height:100%;
    background:#fff;
    z-index:9999;
    transition:all .35s ease;
    overflow-y:auto;
}
.mobile-sidebar.active{
    right:0;
}
.mobile-head{
    background:var(--primary);
    color:#fff;
    padding:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.mobile-head h4{
    margin:0;
}
.mobile-head button{
    border:none;
    background: none;
    color: #fff;
    font-size: 16px;
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 36px;
}

.mobile-menu li a,
.mobile-btn{
    width:100%;
    border:none;
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 18px;
    border-bottom:1px solid #eee;
    color:#222;
    font-size:14px;
    font-weight:500;
    transition:all .3s ease;
}
.mobile-menu li a:hover,
.mobile-btn:hover{
    background:#fafafa;
    color:var(--primary);
    padding-left:24px;
}

.mobile-sub{
    display:none;
    background:#fafafa;
}
.mobile-sub li a{
    padding-left:36px;
    font-size:14px;
}
.mobile-item.active .mobile-sub{
    display:block;
    animation:fadeDown .3s ease;
}
.mobile-item.active .mobile-btn i{
    transform:rotate(180deg);
}

@keyframes fadeDown{
    from{opacity:0;transform:translateY(-8px);}
    to{opacity:1;transform:translateY(0);}
}

/* overlay */
.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    opacity:0;
    visibility:hidden;
    transition:.35s ease;
}
.menu-overlay.active{
    opacity:1;
    visibility:visible;
}

/* =====================================
RESPONSIVE
===================================== */
@media(max-width:991px){

    .main-navbar,
    .header-right{
        display:none;
    }

    .mobile-toggle{
        display:block;
    }

    .brand-logo img{
        max-height:62px;
    }
}

@media(max-width:575px){
    .mobile-sidebar{
        width:285px;
    }
}


/* =========================================
HERO SECTION
========================================= */
.hero-astro{
position: relative;
  overflow: hidden;
  background: linear-gradient(rgba(3, 15, 35, 0.45),rgba(3, 15, 35, 0.61)), url('../images/bg1.jpg') center center/cover no-repeat;
}

/* ========================================= */
.hero-astro-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* =========================================
LEFT SIDE
========================================= */
.hero-astro-content{
    width:54%;
}

.hero-mini-title{
color: #ffbe18;
  font-size: 14px;
  margin-bottom: 18px;
  border: 1px solid #ffbe18;
  padding: 6px 19px;
  width: fit-content;
  border-radius: 34px;
  background: #0000003d;
  line-height: 1.3;
}

.hero-title{
margin: 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.hero-title span{
    position:relative;
    display:inline-block;
}

.hero-title span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:8px;
    width:100%;
    height:14px;
    background:rgba(132,45,255,.45);
    border-radius:20px;
    z-index:-1;
}

.hero-subtitle{
margin: 20px 0;
  color: #dfe8ff;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.3;
}

.hero-name{
color: #ffbe18;
  margin-bottom: 28px;
  font-size: 18px;
}

/* =========================================
BUTTONS
========================================= */
.hero-btn-group{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    align-items:center;
}

.hero-book-btn {
background: #ffbe18;
  color: #111;
  padding: 12px 26px;
  border-radius: 6px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
  box-shadow: 0 6px 15px rgba(255, 190, 24, 0.25);
}

/* Hover lift + glow */
.hero-book-btn:hover {
  color: #000;
}

/* Shine effect */
.hero-book-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.6),
    transparent
  );
  transform: skewX(-20deg);
}

/* Shine on hover */
.hero-book-btn:hover::before {
  left: 130%;
  transition: 0.6s ease;
}

.hero-call-btn{
display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  border-left: 2px solid #fff;
  padding-left: 20px;
  margin-left: 10px;
}

.hero-call-btn i{
    font-size:42px;
    color:#63e64c;
}

/* =========================================
RIGHT SIDE
========================================= */
.hero-astro-image{
    width:46%;
    min-height:560px;
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:center;
}

.hero-astro-image img{
    max-width:100%;
    position:relative;
    margin-bottom: -15px;
    z-index:5;
    animation:floatImg 4s ease-in-out infinite;
}

/* =========================================
12 ZODIAC ORBIT
========================================= */
.zodiac-orbit{
    position:absolute;
    width:520px;
    height:520px;
    border:1px dashed rgba(255,190,24,.25);
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    animation:rotateOrbit 28s linear infinite;
}

.zodiac-orbit span{
    position:absolute;
    top:50%;
    left:50%;
    width:90px;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:500;
    transform:
    rotate(calc(30deg * var(--i)))
    translateY(-255px)
    rotate(calc(-30deg * var(--i)));
    transform-origin:center;
    animation:activeGlow 12s linear infinite;
    animation-delay:calc(var(--i) * .55s);
}

/* =========================================
ANIMATION
========================================= */
@keyframes rotateOrbit{
    from{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

@keyframes activeGlow{
    0%,100%{
        color:#ffffff;
        opacity:.75;
        text-shadow:none;
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-255px)
        rotate(calc(-30deg * var(--i))) scale(1);
    }

    10%{
        color:#ffbe18;
        opacity:1;
        text-shadow:0 0 15px rgba(255,190,24,.9);
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-255px)
        rotate(calc(-30deg * var(--i))) scale(1.18);
    }

    20%{
        color:#ffffff;
    }
}

@keyframes floatImg{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){
    .hero-call-btn {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    }
    .zodiac-wheel {
    top: 20%;
    }
    .hero-astro{
      padding: 45px 0 0;
    }

    .hero-astro-wrap{
        flex-direction:column;
        text-align:center;
    }

    .hero-astro-content,
    .hero-astro-image{
        width:100%;
    }

    .hero-title{
        font-size:58px;
    }

    .hero-subtitle{
        font-size:24px;
    }

    .hero-btn-group{
        justify-content:center;
    }

    .hero-astro-image{
        min-height:460px;
    }

    .zodiac-orbit{
        width:420px;
        height:420px;
    }

    .zodiac-orbit span{
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-205px)
        rotate(calc(-30deg * var(--i)));
    }
}

@media(max-width:575px){

    .hero-title{
        font-size:30px;
        text-align: left;
    }

    .hero-subtitle{
        font-size:20px;
    }

    .hero-book-btn,
    .hero-call-btn{
        width:100%;
        text-align: center;
        justify-content:center;
    }

    .hero-call-btn{
        font-size:20px;
    }

    .hero-call-btn i{
        font-size:34px;
    }

    .hero-astro-image{
        min-height:360px;
        margin-top: -25px;
    }
    
    .zodiac-orbit{
        width:300px;
        height:300px;
    }

    .zodiac-orbit span{
        width:70px;
        font-size:11px;
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-145px)
        rotate(calc(-30deg * var(--i)));
    }
}

/* ==========================================
FIXED PERFECT UPRIGHT ZODIAC ITEMS
No Tilt / No Crooked / Always Straight
Replace old .zodiac-wheel span css
========================================== */

/* Wheel Rotate */
.zodiac-wheel{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:520px;
    height:520px;
    border-radius:50%;
    background: #0003;
    animation:wheelRotate 28s linear infinite;
}

/* ==========================================
ITEM BOX
========================================== */
.zodiac-wheel span{
    position:absolute;
    top:50%;
    left:50%;

    width:76px;
    height:76px;
    margin:-38px;

    border-radius:50%;
    background:rgba(145,100,255,.14);
    border:1px solid rgba(255,255,255,.05);

    color:#d7c8ff;
    font-size:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    /* exact placement */
    transform:
    rotate(calc(30deg * var(--i)))
    translateY(-210px)
    rotate(calc(-30deg * var(--i)));

    /* only icon rotate opposite wheel */
    animation:keepStraight 28s linear infinite;
}

/* labels */
.zodiac-wheel span small{
    position:absolute;
    top:-28px;
    font-size:10px;
    color:#8f88b2;
    letter-spacing:.6px;
    white-space:nowrap;
}

/* Active Item */
.zodiac-wheel span.active{
    background:linear-gradient(135deg,#9d76ff,#6e3eff);
    color:#fff;
    box-shadow:0 0 24px rgba(167,120,255,.8);
}

/* ==========================================
MAIN WHEEL
========================================== */
@keyframes wheelRotate{
    from{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

/* ==========================================
KEEP ITEMS STRAIGHT
========================================== */
@keyframes keepStraight{
    from{
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-210px)
        rotate(calc(-30deg * var(--i)))
        rotate(0deg);
    }

    to{
        transform:
        rotate(calc(30deg * var(--i)))
        translateY(-210px)
        rotate(calc(-30deg * var(--i)))
        rotate(-360deg);
    }
}

/* ==========================================
RESPONSIVE TABLET
========================================== */
@media(max-width:991px){

    .zodiac-wheel{
        width:430px;
        height:430px;
    }

    .zodiac-wheel span{
        width:64px;
        height:64px;
        margin:-32px;
        font-size:28px;
        animation:keepStraightTab 28s linear infinite;
    }

    @keyframes keepStraightTab{
        from{
            transform:
            rotate(calc(30deg * var(--i)))
            translateY(-175px)
            rotate(calc(-30deg * var(--i)))
            rotate(0deg);
        }

        to{
            transform:
            rotate(calc(30deg * var(--i)))
            translateY(-175px)
            rotate(calc(-30deg * var(--i)))
            rotate(-360deg);
        }
    }
}

/* ==========================================
RESPONSIVE MOBILE
========================================== */
@media(max-width:575px){

    .zodiac-wheel{
        width:300px;
        height:300px;
    }

    .zodiac-wheel span{
        width:46px;
        height:46px;
        margin:-23px;
        font-size:20px;
        animation:keepStraightMob 28s linear infinite;
    }

    .zodiac-wheel span small{
        display:none;
    }

    @keyframes keepStraightMob{
        from{
            transform:
            rotate(calc(30deg * var(--i)))
            translateY(-124px)
            rotate(calc(-30deg * var(--i)))
            rotate(0deg);
        }

        to{
            transform:
            rotate(calc(30deg * var(--i)))
            translateY(-124px)
            rotate(calc(-30deg * var(--i)))
            rotate(-360deg);
        }
    }
}

/* =========================================
NEW SUB HEADING
========================================= */
.hero-sub-heading{
margin: 15px 0 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: #ffbe18;
}

/* =========================================
SHORT SUBTITLE
========================================= */
.hero-subtitle{
margin: 15px 0 16px;
  color: #dfe8ff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  max-width: 760px;
}

/* =========================================
DESCRIPTION
========================================= */
.hero-description{
margin: 15px 0 16px;
  color: #dfe8ff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  max-width: 760px;
}

/* =========================================
AUTHOR NAME
========================================= */
.hero-name{
    color:#ffbe18;
    margin-bottom:26px;
    font-size:20px;
    font-weight:500;
}

/* =========================================
HIGHLIGHTS
========================================= */
.hero-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
    margin-bottom: 40px;
}

.hero-highlights span{
color: #ffffff;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
  background: #ffffff30;
  padding: 8px 15px;
  border-radius: 5px;
}

.hero-highlights span i{
    color:#63e64c;
    font-size:16px;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .hero-sub-heading{
        padding: 50px 0 30px !important;
    }

    .hero-description,
    .hero-subtitle{
        max-width:100%;
    }

    .hero-highlights{
        justify-content:center;
    }
    .zodiac-wheel {
    top: 45%;
    }
}

@media(max-width:575px){

    .hero-sub-heading{
        font-size:20px;
        text-align: left;
    }

    .hero-subtitle{
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    }
    .hero-highlights span {
    width: 100%;
    }
    .hero-description{
font-size: 15px;
    line-height: 1.4;
    text-align: left;
    }

    .hero-highlights{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        margin-top:22px;
    }

    .hero-highlights span{
        font-size:14px;
    }
}

.sec_padding{
    padding: 75px 0!important;
}
@media(max-width:991px){
    .sec_padding{
    padding: 40px 0!important;
}
}
.cus_bg{
    background-color: #ebeef0!important;
}

/* =========================================
SERVICES SECTION
========================================= */
.astro-services{
    position:relative;
    overflow:hidden;
}

/* =========================================
HEADING
========================================= */
.services-heading{
text-align: center;
  margin: 0 auto 25px;
  position: relative;
  z-index: 2;
}

.services-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;
    background:#fff5db;
    color:#ff9800;
    border:1px solid rgba(255,152,0,.22);
    font-size:14px;
    font-weight:500;
    margin-bottom:18px;
}

.services-title{
margin: 0 0 14px;
  font-size: 42px;
  line-height: 1.2;
  color: #1c2440;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.services-title span{
    color:#ff9800;
}

.services-subtitle{
font-size: 18px;
  color: #5f5f5f;
  line-height: 1.3;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 400;
}
.services-subcontent{
font-size: 16px;
  color: #5f5f5f;
  line-height: 1.3;
  margin: 10px auto 35px;
  font-weight: 400;
  padding: 20px;
  border-radius: 10px;
  background: blanchedalmond;
}
.line {
  width: 230px;
}

/* =========================================
GRID
========================================= */
.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/* =========================================
CARD
========================================= */
.service-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s ease;
    position:relative;
}

.service-card:hover{
    box-shadow:0 25px 50px rgba(0,0,0,.10);
    border-color:#ffbe18;
}

/* =========================================
IMAGE
========================================= */
.service-thumb{
    height:250px;
    overflow:hidden;
    position:relative;
}

.service-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}

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

.service-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.30),transparent);
}

/* =========================================
CONTENT
========================================= */
.service-content{
    padding:25px;
    position:relative;
}


.service-content h3{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.35;
    color:#1c2440;
    font-weight:700;
    font-family:'Urbanist',sans-serif;
}

.service-content p{
margin: 0 0 15px;
  color: #666;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* =========================================
BUTTON
========================================= */
.service-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ff9800;
    font-weight:500;
    font-size:15px;
    transition:.3s ease;
}

.service-btn i{
    transition:.3s ease;
}

.service-btn:hover{
    color:#1c2440;
}

.service-btn:hover i{
    transform:translateX(6px);
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:1199px){

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

@media(max-width:767px){

    .services-title{
        font-size:30px;
    }

    .services-subtitle{
        font-size:16px;
    }

    .services-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .service-thumb{
        height:220px;
    }

    .service-content{
        padding:24px;
    }

    .service-content h3{
        font-size:22px;
        line-height: 1.25;
    }

    .service-content p{
        font-size:15px;
        line-height:1.5;
    }
    .services-heading {
        margin: 0 auto 18px;
    }



}


/* =========================================
GRID
========================================= */
.consultancy-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* =========================================
CARD
========================================= */
.consultancy-card{
background: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  text-align: center;
  border: 1px solid #e5e5e5;
  box-shadow: 0 12px 30px rgba(0,0,0,.04);
  transition: .35s ease;
  position: relative;
  overflow: hidden;
}
.consultancy-card:hover{
    box-shadow:0 25px 55px rgba(0,0,0,.10);
    border-color:#ffbe18;
}

/* =========================================
ICON
========================================= */
.consultancy-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
    box-shadow: inset 4px 8px 8px #0000001a,4px 8px 8px #0000001a;
    background: #fff;
}

.consultancy-icon img{
    width:45px;
    height:45px;
    object-fit:contain;
}

/* hover animation */
.consultancy-card:hover .consultancy-icon{
    /*transform:scale(1.1) rotate(8deg);*/
    background:#ffbe18;
}

/* =========================================
CONTENT
========================================= */
.consultancy-content h3{
margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  color: #1c2440;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.consultancy-content p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.4;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){
    .consultancy-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .consultancy-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .consultancy-card{
        padding:28px 20px;
    }

    .consultancy-content h3{
        font-size:22px;
    }
    .consultancy-icon {
        width: 100px;
        height: 100px;
    }
    .consultancy-icon img {
  width: 50px;
  height: 50px;
}
}

/* =========================================
ABOUT SECTION
========================================= */
.about-astro{
    overflow:hidden;
    /* background: #ffcf3e; */
    background: linear-gradient(264.83deg,rgba(255,202,40,.8) 46.41%,rgba(255,112,0,.616) 134.94%) !important;
    position:relative;
}

/* ========================================= */
.about-astro-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:55px;
}

/* =========================================
LEFT IMAGE
========================================= */
.about-astro-image{
    width:40%;
    position:relative;
    min-height:560px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    margin-bottom: -125px;
}

.about-astro-image img{
    max-width:100%;
    position:relative;
    z-index:5;
    /*animation:floatAbout 4s ease-in-out infinite;*/
}

/* animated ring */
.about-zodiac-ring{
position: absolute;
  width: 370px;
  height: 370px;
  border-radius: 50%;
  top: 43px;
  left: 50%;
  transform: translate(-50%,-50%);
  animation: spinRing 24s linear infinite;
  background-image: url('../images/sign.svg');
  background-size: 100%;
  opacity: .5;
}


/* =========================================
RIGHT CONTENT
========================================= */
.about-astro-content{
    width:60%;
}

.about-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;
    background:rgba(47,24,79,.08);
    color:#2f184f;
    border:1px solid rgba(47,24,79,.12);
    font-size:14px;
    margin-bottom:16px;
}

.about-title{
margin: 0 0 15px;
  color: #1b1630;
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.about-title span{
    color:#2f184f;
}

.about-subtitle{
margin: 0 0 20px;
  color: #2f184f;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 500;
}

.about-text{
margin: 0 0 18px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.4;
}

.about-trust-line{
margin: 18px 0 26px;
  padding: 18px 22px;
  border-left: 4px solid #2f184f;
  background: #0000001a;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.4;
}

/* =========================================
BUTTONS
========================================= */
.about-btn-group{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.about-btn-primary{
    background:#2f184f;
    color:#fff;
    padding:12px 28px;
    border-radius: 6px;
    font-weight: 500;
    transition: .35s ease;
    font-size: 15px;
}

.about-btn-primary:hover{
    transform:translateY(-4px);
    background:#1d1030;
}

.about-btn-outline{
    border:2px solid #2f184f;
    color:#2f184f;
    padding:10px 26px;
    border-radius: 6px;
    font-weight: 500;
    transition: .35s ease;
    font-size: 15px;
}

.about-btn-outline:hover{
    background:#2f184f;
    color:#fff;
}

.about-cta-lines{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.about-cta-lines span{
color: #2a2a2a;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  background: linear-gradient(to left, transparent, #fff);
  padding: 6px 12px;
}
.about-cta-lines span i{
color: #18a218;
  margin-right: 5px;
}
/* =========================================
ANIMATION
========================================= */
@keyframes spinRing{
    from{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

@keyframes floatAbout{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .about-astro-wrap{
        flex-direction:column;
        gap:35px;
    }

    .about-astro-image,
    .about-astro-content{
        width:100%;
    }

    .about-astro-image{
        min-height:420px;
        margin-bottom: 0px;
    }
    .about-astro-wrap {
        padding-top: 90px;
    }
    .about-title{
        font-size:38px;
    }

    .about-zodiac-ring{
        width:340px;
        height:340px;
    }
}

@media(max-width:575px){

    .about-title{
        font-size:30px;
    }

    .about-subtitle{
        font-size:17px;
    }

     .about-text {
        font-size: 15px;
        line-height: 1.5;
  }

    .about-btn-group{
        flex-direction:column;
    }

    .about-btn-primary,
    .about-btn-outline{
        width:100%;
        text-align:center;
    }

    .about-zodiac-ring{
        width:260px;
        height:260px;
    }

    .about-astro-image{
        min-height:320px;
    }
}


/* =========================================
GRID
========================================= */
.awards-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/* =========================================
CARD
========================================= */
.awards-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #cbcbcb;
    transition:.35s ease;
    position:relative;
}

.awards-card:hover{
    box-shadow:0 25px 50px rgba(0,0,0,.10);
    border-color:#ffbe18;
}

/* =========================================
IMAGE
========================================= */
.awards-thumb{
    height:250px;
    overflow:hidden;
    position:relative;
}

.awards-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}

.awards-card:hover .awards-thumb img{
    transform:scale(1.08);
}

.awards-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.30),transparent);
}

/* =========================================
CONTENT
========================================= */
.awards-content{
    padding:25px;
    position:relative;
}


.awards-content h3{
margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.2;
  color: #1c2440;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}
.awards-content p{
margin: 0 0 0px;
  color: #666;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.awards_btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

@media(max-width:767px){

    .awards-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .awards-thumb{
        height:220px;
    }

    .awards-content{
        padding:24px;
    }

    .awards-content h3{
        font-size:22px;
    }

    .awards-content p{
       font-size: 15px;
    line-height: 1.4;
    }
}
.why_us {
  position: relative;
  overflow: hidden;
  background: linear-gradient(rgba(3, 15, 35, 0.45),rgba(3, 15, 35, 0.61)), url('../images/bg1.jpg') center center/cover no-repeat;
}
.why_us .services-title{
    color: #ff9800;
}
.why_us .services-subtitle{
    color: #fff;
}
.why_us .services-subcontent {
  background: white;
}


/* =========================================
MAIN GRID
========================================= */
.why-us-wrap{
    display:grid;
    grid-template-columns:1fr 420px 1fr;
    gap:35px;
    align-items:center;
}

/* =========================================
COLUMNS
========================================= */
.why-col{
    display:flex;
    flex-direction:column;
    gap:26px;
}
.why_us .line {
  filter: brightness(0) invert(1);
}
/* =========================================
CARD
========================================= */
.why-card{
    padding:22px 18px;
    border-radius:10px;
    background: rgba(15, 15, 15, 0.21);
    border:1px solid #ffffff38;
    transition:.35s ease;
    
}

.why-card:hover{
    border-color:rgba(255,190,24,.45);
    background:rgba(255,255,255,.04);
}

.why-card h3{
    margin:0 0 10px;
    color:#ffbe18;
    font-size:20px;
    line-height:1.3;
    font-weight:700;
    font-family:'Urbanist',sans-serif;
}

.why-card p{
margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
}

/* =========================================
CENTER IMAGE
========================================= */
.why-center{
    position:relative;
    text-align:center;
    padding: 20px;
}

.why-center::before{
    content:"";
    position:absolute;
    inset:50px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,190,24,.10),transparent 70%);
    animation:pulseGlow2 3s infinite ease-in-out;
}

.why-center img{
    max-width:100%;
    position:relative;
    z-index:2;
    animation:floatWhy 4s ease-in-out infinite;
}

/* =========================================
BOTTOM TEXT
========================================= */
.why-bottom-line{
margin: 40px auto 0;
  max-width: 100%;
  text-align: center;
  color: #000;
  font-size: 18px;
  line-height: 1.3;
  padding: 22px 28px;
  backdrop-filter: blur(5px) contrast(80%);
  border-radius: 10px;
  border: 1px solid rgba(255,190,24,.18);
  background: #ffee8f;
}

/* =========================================
ANIMATION
========================================= */
@keyframes floatWhy{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-20px);}
}

@keyframes pulseGlow2{
    0%,100%{transform:scale(1);opacity:.6;}
    50%{transform:scale(1.2);opacity:1;}
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:1199px){

    .why-us-wrap{
        grid-template-columns:1fr;
        gap:30px;
    }

    .why-center{
        order:-1;
        max-width:420px;
        margin:auto;
    }

    .why-col{
        gap:20px;
    }
}

@media(max-width:767px){

    .why-card h3{
        font-size:22px;
    }

    .why-card p{
        font-size:15px;
        line-height:1.5;
    }

    .why-bottom-line{
        font-size: 16px;
        line-height: 1.4;
        padding: 20px;
        margin: 30px auto 0;
    }
    .awards_btn {
  margin-top: 20px;
}
}

.g_top_left h6 {
color: #154fc1;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  padding-right: 12px;
}
.g_top_left p{
margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
}
.g_top img{
  width: 50px!important;
  height: 50px;
  object-fit: contain;
}
.g_rating {
  text-align: left;
  line-height: 1.2;
}
.g_top{
  display: flex;
  align-items: center;
}
.g_top_left {
  width: 80%;
  padding-left: 10px;
  text-align: left;
}
.g_review{
background: #f4f4f4;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
  padding: 15px;
  position: relative;
  margin: 10px 0;
}
.g_review:after{
  position: absolute;
  content: '';
  top: 12px;
  right: 12px;
  width: 100%;
  height: 100%;
  background-image: url(../images/google.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: right top;
}
.g_rating .testimonials-card__ratings {
  margin-top: 13px;
}
.g_rating .testimonials-card__ratings span{
  color: #fb8e28;
}
.g_des{
font-size: 14px;
  text-align: left;
  line-height: 1.3;
}
.g_review .testimonials-card__ratings {
  margin-bottom: 8px;
}
.google .trevlo-owl__carousel--basic-nav .owl-nav button span {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #ababab;
  width: auto;
}
.google .owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: #000;
}
.google .trevlo-owl__carousel--basic-nav .owl-nav {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-top: 0;
  top: 35%;
  position: absolute;
  width: 100%;
}
.google .owl-prev{
  margin-left: -20px!important;
}
.google .owl-next{
  margin-right: -20px!important;
}
.google .owl-stage-outer {
  overflow: hidden;
}
.google .trevlo-owl__carousel--basic-nav .owl-dots .owl-dot.active span {
  background-color: #427fed;
}
.google .trevlo-owl__carousel--basic-nav .owl-dots {
  margin-top: 10px;
}
.google .item{
  margin: 10px;
}
.static_review{
  position: relative;
  z-index: 9;
}
.static_review img{
  width: 50px!important;
  height: 50px;
  object-fit: contain;
} 
.static_review_txt h5 {
color: #1c2440;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  padding-right: 0px;
  text-align: left;
}
.static_review_txt {
  width: 80%;
  padding-left: 10px;
  text-align: left;
}
.static_review {
  display: flex;
  margin: 36px 0;
}
.static_review_txt .testimonials-card__ratings {
  padding-left: 10px;
  margin-bottom: 10px;
}
.static_review_txt .testimonials-card__ratings span{
  color: #fb8e28;
}
.static_review_txt h6{
  color: #fb8e28;
  font-size: 23px;
  font-weight: 800;
  margin: 0;
  line-height: 23px;
}
.static_review_txt p{
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.static_review_rating {
  display: flex;
  margin-top: 10px;
}
.static_review .sub_image{
  width: 69% !important;
  height: auto;
}
.static_review .google_btn img{
  width: 20px!important;
  height: 20px!important;
  object-fit: contain;
  border-radius: 50%;
  padding: 2px;
  background-color: #fff;
  margin-left: 10px;
}
.google_btn {
padding: 5px 5px 5px 20px;
  background-color: #0a6cff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  font-weight: 500;
  margin-top: 15px;
  display: block;
  width: fit-content;
  font-family: 'Rubik',sans-serif;
  text-transform: capitalize;
}
.g_des {
  height: 130px;
  overflow: auto;
}
.awards_part .owl-carousel .owl-nav .owl-next{
position: absolute;
  top: 40%;
  right: -25px;
  font-size: 25px;
}
.awards_part .owl-carousel .owl-nav .owl-prev{
position: absolute;
  top: 40%;
  left: -25px;
  font-size: 25px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: #000;
  text-decoration: none;
}
.awards_part .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 0px;
}
.awards_part .owl-dots .owl-dot {
  margin: 0;
  padding: 0;
}
.awards_part .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background:  #EBE6DE;
  margin: 0;
  padding: 0;
  display: block;
  transition: all 0.4s ease-in-out;
}
.awards_part .owl-dots .owl-dot:hover span, .awards_part .owl-dots .owl-dot.active span {
  background-color:  #2196F3;
}
.awards_part .owl-nav.disabled + .owl-dots {
  margin-top: 25px;
}


/* =====================================
MODERN RATINGS STRIP
===================================== */
.ratings-strip{
position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  flex-wrap: wrap;
  margin-top: 20px;
  border-radius: 10px;
  padding: 35px;
}

/* ===================================== */
.rating-box{
    position:relative;
    z-index:2;
    min-width:280px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 22px;
    border-radius:10px;
    transition:.35s ease;
    background: #fff;
  box-shadow: inset 4px 8px 8px #0000001a,4px 8px 8px #0000001a;
}

/* .rating-box:hover{
    transform:translateY(-6px);
} */

/* ===================================== */
.rating-box img{
    width:58px;
    height:58px;
    object-fit:contain;
    flex-shrink:0;
}

/* ===================================== */
.rating-content{
    display:flex;
    flex-direction:column;
}

.rating-content h4{
    margin:0 0 6px;
    font-size:24px;
    line-height:1.2;
    font-weight:700;
    color:#1f2335;
    font-family:'Urbanist',sans-serif;
}

/* ===================================== */
.stars{
    display:flex;
    gap:4px;
}

.stars i{
    color:#ffbe18;
    font-size:16px;
    text-shadow:0 2px 8px rgba(255,190,24,.35);
}

/* optional small text */
.rating-content small{
    margin-top:5px;
    color:#777;
    font-size:13px;
}

/* =====================================
RESPONSIVE
===================================== */
@media(max-width:767px){

    .ratings-strip{
        gap:16px;
        padding:20px 15px;
    }

    .rating-box{
        width:100%;
        max-width:47%;
        min-width:auto;
        padding:16px 18px;
        border-radius:16px;
    }

    .rating-box img{
        width:50px;
        height:50px;
    }

    .rating-content h4{
        font-size:20px;
    }

    .stars i{
        font-size:15px;
    }
    .awards_part .owl-carousel .owl-nav .owl-prev {
        left: -17px;
    }
    .awards_part .owl-carousel .owl-nav .owl-next {
        right: -17px;
    }
    .static_review {
  margin: 10px 0 20px;
}


}

@media(max-width:480px){

    .rating-box{
gap: 20px;
    padding: 14px 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    }

    .rating-box img{
        width:44px;
        height:44px;
    }

    .rating-content h4{
        font-size:18px;
    }

    .stars i{
        font-size:14px;
    }
}


/* =========================================
PREMIUM CHAMBER SECTION
Use same HTML
========================================= */
.branch_part{
    position:relative;
}

/* =========================================
GRID
========================================= */
.branch-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:34px;
    margin-top:20px;
}

/* =========================================
CARD
========================================= */
.branch-card{
    background:#ffffff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 18px 45px rgba(0,0,0,.06);
    transition:.45s ease;
    position:relative;
}


/* =========================================
MAP IMAGE BOX
========================================= */
.branch-map{
    position:relative;
    height:300px;
    overflow:hidden;
    border-radius:0;
    background:#f5f5f5;
}

.branch-map img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.55s ease;
    display:block;
}

.branch-card:hover .branch-map img{
    transform:scale(1.05);
}

/* dark overlay */
.branch-map::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.28),transparent 45%);
    pointer-events:none;
}

/* =========================================
TOP LOCATION BUTTON
========================================= */
.map-link-tag{
    position:absolute;
    top:18px;
    right:18px;
    z-index:5;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:40px;
    background:rgba(255,255,255,.96);
    color:#1c2440;
    font-size:14px;
    font-weight:700;
    box-shadow:0 12px 24px rgba(0,0,0,.12);
    transition:.35s ease;
    font-family: 'Urbanist',sans-serif;
}

.map-link-tag i{
    color:#ff9800;
    font-size:16px;
}

.map-link-tag:hover{
    background:#ffbe18;
    color:#111;
}
.map-link-tag:hover i{
    color:#111;
}
/* =========================================
OPTIONAL SMALL BADGE
========================================= */
.branch-map::before{
    content:"Map Preview";
    position:absolute;
    left:18px;
    bottom:18px;
    z-index:5;
    padding:7px 12px;
    border-radius:30px;
    background:rgba(47,24,79,.88);
    color:#fff;
    font-size:12px;
    font-weight:500;
    letter-spacing:.2px;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:767px){

    .branch-map{
        height:240px;
    }

    .map-link-tag{
        top:12px;
        right:12px;
        padding:9px 14px;
        font-size:13px;
    }

    .branch-map::before{
        left:12px;
        bottom:12px;
        font-size:11px;
        padding:6px 10px;
    }
}

@media(max-width:480px){

    .branch-map{
        height:220px;
    }

    .map-link-tag{
        font-size:12px;
        gap:6px;
        padding:8px 12px;
    }
}

/* =========================================
CONTENT
========================================= */
.branch-content{
    padding:25px;
}

.branch-badge{
    display:inline-block;
    padding:8px 16px;
    border-radius:40px;
    background:#fff3d4;
    color:#ff9800;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
    margin-bottom:14px;
}

.branch-content h3{
margin: 0 0 14px;
  font-size: 23px;
  line-height: 1.25;
  color: #1c2440;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.branch-address{
margin: 0px 0 20px;
  color: #5f6470;
  font-size: 16px;
  line-height: 1.4;
  padding-left: 25px;
  position: relative;
}

.branch-address i{
    position:absolute;
    left:0;
    top:6px;
    color:#ff9800;
    font-size:18px;
}

/* =========================================
CONTACT ROW
========================================= */
.branch-contact{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:20px;
}

.branch-contact a{
display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  border-radius: 8px;
  color: #fff;
  background:#4c99dd;
  font-size: 15px;
  font-weight: 500;
  transition: .35s ease;
}
.branch-contact a:last-child{
    background:#25d366;
}
.branch-contact a:hover{
    background: #2f184f;
    color:#fff;
    transform:translateY(-3px);
}


/* =========================================
BUTTON
========================================= */
.branch-btn{
width: 100%;
  display: block;
  text-align: center;
  padding: 10px 24px;
  border-radius: 6px;
  color: #111;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .2px;
  transition: .35s ease;
  box-shadow: 0 12px 25px rgba(255,190,24,.25);
  background: linear-gradient(264.83deg,rgba(255,202,40,.8) 46.41%,rgba(255,112,0,.616) 134.94%) !important;
}

.branch-btn:hover{
    color: #fff;
    background: linear-gradient(264.83deg,rgb(47, 24, 79) 46.41%,rgb(47, 24, 79) 134.94%) !important;
    box-shadow: 0 12px 25px rgba(47, 24, 79, 0.2);
}
.branch-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    transition:.5s ease;
}

.branch-card:hover .branch-map iframe{
    transform:scale(1.02);
}

/* =========================================
BRAND STRIP
========================================= */
.branch-brands{
justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
}

/* brand item */
.branch-brands img{
width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  background: #fff;
  border: 3px solid #fff;
  transition: .35s ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 24px;
}

/* hover */
.branch-brands img:hover{
    border-color:#ffbe18;
    box-shadow:0 20px 40px rgba(0,0,0,.10);
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:767px){

    .branch-brands{
        justify-content:center;
        gap:14px;
    }

    /* .branch-brands img{
        width:80px;
        height:80px;
        padding:12px;
    } */
     .branch-brands img {
  margin-bottom: 0;
  height: 160px;
}
}


/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .branch-grid{
        grid-template-columns:1fr;
        gap:26px;
    }
    .branch-brands{
      grid-template-columns: repeat(2,1fr);
      gap: 15px;
    }
}

@media(max-width:767px){

    .branch_part{
        padding:75px 0;
    }

    .branch-content{
        padding:22px;
    }

    .branch-content h3{
        font-size:24px;
    }

    .branch-address{
        font-size:15px;
        line-height:1.5;
    }

    /*.branch-contact{*/
    /*    grid-template-columns:1fr;*/
    /*}*/

    .branch-btn{
        padding:10px 20px;
        font-size:15px;
    }
}

@media(max-width:480px){

    .branch-card{
        border-radius:22px;
    }

    .branch-content h3{
        font-size:22px;
    }

    .branch-badge{
        font-size:12px;
    }
}




/* =========================================
CTA ANSWERS SECTION
========================================= */
.cta_answers{
}

.cta_answers_wrap{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    padding:0 65px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;

    background:
    linear-gradient(rgba(10,16,48,.76),rgba(10,16,48,.82)),
    url('../images/bg1.jpg') center center/cover no-repeat;

    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

/* glowing effects */
.cta_answers_wrap::before{
    content:"";
    position:absolute;
    top:-100px;
    left:-100px;
    width:280px;
    height:280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,190,24,.16),transparent 70%);
}

.cta_answers_wrap::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-80px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(111,66,193,.18),transparent 70%);
}

/* =========================================
LEFT CONTENT
========================================= */
.cta_answers_content{
    width:56%;
    position:relative;
    z-index:2;
}

.cta_badge{
    display:inline-block;
    padding:8px 16px;
    border-radius:40px;
    background:rgba(255,255,255,.08);
    color:#ffbe18;
    font-size:14px;
    font-weight:500;
    border:1px solid rgba(255,255,255,.10);
    margin-bottom:18px;
}

.cta_title{
margin: 0 0 16px;
  color: #fff;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}


.cta_subtitle{
margin: 0 0 55px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.4;
  max-width: 650px;
}

/* =========================================
BUTTON
========================================= */
.cta_call_btn{
display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 18px 28px;
  border-radius: 18px;
  background: #20c35c;
  color: #111;
  box-shadow: 0 18px 35px rgba(37, 211, 101, 0.288);
  transition: .35s ease;
}

.cta_call_btn:hover{
    transform:translateY(-5px);
}

.cta_call_btn i{
font-size: 40px;
  color: #25d366;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 4px 8px 8px #0000001a,4px 8px 8px #0000001a;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.08);
}

.cta_call_btn strong{
    display:block;
    font-size:30px;
    line-height:1.1;
    font-weight:800;
    color: #fff;
    font-family:'Urbanist',sans-serif;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.08);
}

.cta_call_btn small{
display: block;
  font-size: 14px;
  margin-top: 10px;
  background: #1f9e4e;
  text-align: center;
  font-weight: 500;
  padding: 4px;
  border-radius: 17px;
  color: #fff;
}

/* =========================================
RIGHT IMAGE
========================================= */
.cta_answers_image{
    width:44%;
    position:relative;
    z-index:2;
    text-align:right;
    
}

.cta_answers_image img{
    max-width:100%;
    margin-bottom: -20px;
    animation:floatPalm 4s ease-in-out infinite;
    filter:drop-shadow(0 20px 45px rgba(0,0,0,.28));
}

/* =========================================
ANIMATION
========================================= */
@keyframes floatPalm{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-12px);}
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:1199px){

    .cta_title{
        font-size:52px;
    }

    .cta_call_btn strong{
        font-size:34px;
    }
}

@media(max-width:991px){

    .cta_answers_wrap{
        flex-direction:column;
        text-align:center;
        padding:55px 35px;
    }

    .cta_answers_content,
    .cta_answers_image{
        width:100%;
    }

    .cta_answers_image{
        text-align:center;
    }

    .cta_subtitle{
        max-width:100%;
    }
}

@media(max-width:767px){
        .cta_answers_image img {
        margin-bottom: -50px;
        }
    .cta_answers{
        padding:70px 0;
    }

    .cta_answers_wrap{
        padding:40px 20px;
        border-radius:22px;
    }
    .cta_answers_wrap{
        gap: 20PX;
    }
    .cta_title{
        font-size:32px;
    }

    .cta_subtitle{
font-size: 17px;
    line-height: 1.5;
    margin-bottom: 24px;
    }

    .cta_call_btn{
        width:100%;
        justify-content:center;
        padding:16px 18px;
        gap:12px;
    }

    .cta_call_btn i{
        font-size:34px;
    }

    .cta_call_btn strong{
        font-size:24px;
    }

    .cta_call_btn small{
        font-size:14px;
    }
}


/* =========================================
GRID
========================================= */
.image-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/* =========================================
CARD
========================================= */
.image-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #cbcbcb;
    transition:.35s ease;
    position:relative;
}

.image-card:hover{
    box-shadow:0 25px 50px rgba(0,0,0,.10);
    border-color:#ffbe18;
}

/* =========================================
IMAGE
========================================= */
.image-thumb{
height: 300px;
  overflow: hidden;
  position: relative;
  display: block;
  cursor: url('../images/zoom.png') 10 10, zoom-in;
}

.image-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}

.image-card:hover .image-thumb img{
    transform:scale(1.08);
}
.seo_content2 p{
    font-size: 16px;
  color: #5f5f5f;
  line-height: 1.3;
  text-align: center;
}


/* =========================================
GRID
========================================= */
.awards_grid{
display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin-top: 25px;
}

/* =========================================
CARD
========================================= */
.award_card{
    position:relative;
    min-height:260px;
    border-radius:24px;
    overflow:hidden;
    transition:.4s ease;
}

.award_card:hover{
    transform:translateY(-10px);
}

/* =========================================
AWARD BACKGROUND PNG
========================================= */

/* =========================================
CONTENT
========================================= */
.award_content{
position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 65px 100px;
  background: url('../images/award2.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}

.award_content h3{
margin: 0 0 6px;
  font-size: 20px;
  color: #ffbe18;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
  line-height: 1.2;
}

.award_content p{
margin: 0;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  max-width: 220px;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .awards_grid{
        grid-template-columns: repeat(2,1fr);
        max-width:520px;
        margin:auto;
    }
}

@media(max-width:767px){
    .image-grid {
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    }
    .image-card {
    border-radius: 5px;
    border: none;
    }
    .image-thumb {
    height: 180px;
    }
    .award_card{
        min-height:auto;
        border-radius:20px;
    }

    .award_bg{
        background-size:150px;
    }

    .award_content h3{
        font-size:16px;
        margin: 0 0 4px;
    }

    .award_content p{
        font-size:12px;
    }
}


/* =========================================
FAQ SECTION
========================================= */
.awards_part{
    position: relative;
}

/* =========================================
FAQ WRAP
========================================= */
.faq_wrap{
    margin:20px auto 0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* =========================================
ITEM
========================================= */
.faq_item{
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
    transition:.35s ease;
}

.faq_item:hover{
    box-shadow:0 18px 35px rgba(0,0,0,.07);
    border-color:#ffbe18;
}

/* =========================================
QUESTION
========================================= */
.faq_question{
    width:100%;
    border:none;
    background:none;
    padding:15px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    text-align:left;
    cursor:pointer;

    color:#1c2440;
    font-size:20px;
    font-weight:700;
    line-height: 1.3;
    font-family:'Urbanist',sans-serif;
}

.faq_question span{
min-width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff5d8;
  color: #ff9800;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  transition: .3s ease;
}

/* =========================================
ANSWER
========================================= */
.faq_answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.faq_answer p{
    margin:0;
    padding:0 26px 24px;
    color:#666;
    font-size:16px;
    line-height: 1.3;
}

/* =========================================
ACTIVE
========================================= */
.faq_item.active{
    border-color:#ffbe18;
}

.faq_item.active .faq_answer{
    max-height:300px;
}

.faq_item.active .faq_question span{
    background:#ffbe18;
    color:#111;
    transform:rotate(45deg);
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:767px){

    .awards_part{
        padding:75px 0;
    }

    .faq_wrap{
        margin-top:35px;
        gap:14px;
    }

    .faq_question{
padding: 18px 18px;
    font-size: 17px;
    line-height: 1.4;
    }

    .faq_question span{
        min-width:34px;
        height:34px;
        font-size:12px!important;
    }

    .faq_answer p{
        padding: 0 18px 18px;
    font-size: 15px;
    line-height: 1.4;
    }
}


/* =========================================
GRID
========================================= */
.horoscope_grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
}

/* =========================================
CARD
========================================= */
.horo_card{
background: #0000004f;
  border: 1px solid #ffffff2e;
  border-radius: 10px;
  padding: 26px 14px;
  text-align: center;
  transition: .35s ease;
}

.horo_card:hover{
    transform:translateY(-8px);
    border-color:#ffbe18;
    box-shadow:0 22px 45px rgba(0,0,0,.08);
}

/* =========================================
ICON
========================================= */
.horo_icon{
margin: 0 auto 16px;
  transition: .35s ease;
  background: linear-gradient(135deg, #440d63, #7726a5);
  width: 75px;
  height: 75px;
  display: flex;
  border-radius: 50%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  justify-content: center;
  align-items: center;
  border: 2px solid #fbdb5c;
}

.horo_icon img{
    width:50px;
    height:50px;
    object-fit:contain;
    filter: brightness(0) saturate(100%) invert(83%) sepia(39%) saturate(742%) hue-rotate(3deg) brightness(105%) contrast(101%);
}

.horo_card:hover .horo_icon{
    transition: 5s ease-in-out;
    background: linear-gradient(135deg, #ffbe18, #e9b83a);
}
.horo_card:hover .horo_icon img {
    filter: brightness(0) saturate(0%) invert(0%) sepia(39%) saturate(742%) hue-rotate(3deg) brightness(105%) contrast(101%);
}
/* =========================================
TEXT
========================================= */
.horo_card h3{
margin: 0 0 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Urbanist',sans-serif;
}

.horo_card p{
margin: 0;
  color: #3f3f3f;
  font-size: 13px;
  line-height: 1.5;
  background: #fff;
  border-radius: 13px;
  padding: 3px 5px;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:1199px){
    .horoscope_grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:767px){
    .horoscope_grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
        margin-top:35px;
    }

    .horo_card{
        padding:20px 10px;
        border-radius:18px;
    }

    .horo_icon{
        width:62px;
        height:62px;
        margin-bottom:14px;
    }

    .horo_icon img{
        width:28px;
        height:28px;
    }

    .horo_card h3{
        font-size:18px;
    }

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

@media(max-width:420px){

    .horoscope_grid{
        grid-template-columns:1fr 1fr;
    }
}



/* =========================================
LAYOUT
========================================= */
.seo_process_wrap{
    display:grid;
    grid-template-columns:460px 1fr;
    gap:55px;
    align-items:center;
    position:relative;
    z-index:2;
}

/* =========================================
LEFT IMAGE
========================================= */
.seo_process_image{
    position:relative;
}

.seo_img_shape{
    position:absolute;
    inset:40px;
    border-radius:32px;
    background:linear-gradient(135deg,#ffbe18,#ff9800);
    opacity:.12;
    transform:rotate(-8deg);
}

.seo_process_image img{
    width:100%;
    border-radius:10px;
    object-fit:cover;
    position:relative;
    z-index:2;
    box-shadow:0 25px 55px rgba(0,0,0,.10);
    animation:floatSeo 4s ease-in-out infinite;
}

/* =========================================
RIGHT CONTENT
========================================= */
.seo_badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;
    background:#fff5da;
    color:#ff9800;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
}

.seo_title{
    margin:0 0 14px;
    color:#1c2440;
    font-size:48px;
    line-height:1.2;
    font-weight:800;
    font-family:'Urbanist',sans-serif;
}

.seo_title span{
    color:#ff9800;
}

.seo_subtitle{
    margin:0 0 24px;
    color:#555;
    font-size:20px;
    line-height:1.6;
    font-weight:500;
}

.seo_content{
    display:grid;
    gap:16px;
}

.seo_content p{
  margin: 0;
  padding: 15px 20px 15px 60px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #eee;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  transition: .3s ease;
}

/* CHECK ICON */
.seo_content p::before{
  content: "\f00c"; /* FontAwesome check */
  font-family: "FontAwesome";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  
  width: 26px;
  height: 26px;
  border-radius: 50%;
  
  background: #ffbe18;
  color: #111;
  font-size: 13px;
  
  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 6px 15px rgba(255,190,24,.4);
}

.seo_content p:hover{
    border-color:#ffbe18;
}

/* =========================================
ANIMATION
========================================= */
@keyframes floatSeo{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .seo_process_wrap{
        grid-template-columns:1fr;
        gap:35px;
    }

    .seo_process_image{
        max-width:520px;
        margin:auto;
    }
}

@media(max-width:767px){

    .seo_process{
        padding:75px 0;
    }

    .seo_title{
        font-size:34px;
    }

    .seo_subtitle{
        font-size:17px;
    }

    .seo_content p{
padding: 16px;
    font-size: 16px;
    line-height: 1.5;
    }

    .seo_process_image img{
        border-radius:22px;
    }
    .seo_content p::before {
  left: -9px;
  top: 0;
}
.awards_grid {
  gap: 0;
}
}




/* =========================================
BLOG SECTION
========================================= */
.blog_part{
    position: relative;
}

/* =========================================
GRID
========================================= */
.blog_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* =========================================
CARD
========================================= */
.blog_card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #d6d6d6;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
    transition:.35s ease;
}

.blog_card:hover{
    box-shadow:0 25px 55px rgba(0,0,0,.10);
    border-color:#ffbe18;
}

/* =========================================
IMAGE
========================================= */
.blog_img{
    position:relative;
    height:220px;
    overflow:hidden;
}

.blog_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.blog_card:hover .blog_img img{
    transform:scale(1.08);
}

/* tag */
.blog_tag{
    position:absolute;
    top:14px;
    left:14px;
    background:#ffbe18;
    color:#111;
    font-size:13px;
    font-weight:500;
    padding:6px 12px;
    border-radius:30px;
}

/* =========================================
CONTENT
========================================= */
.blog_content{
    padding:24px;
}

.blog_meta{
    display:flex;
    gap:18px;
    margin-bottom:12px;
    font-size:13px;
    color:#777;
}

.blog_meta i{
    color:#ff9800;
    margin-right:5px;
}

.blog_content h3{
margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.blog_content h3 a{
    color:#1c2440;
    transition:.3s;
}

.blog_content h3 a:hover{
    color:#ff9800;
}

.blog_content p{
margin: 0 0 15px;
  color: #666;
  font-size: 15px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* =========================================
BUTTON
========================================= */
.blog_btn{
display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #ff9800;
  font-weight: 500;
  font-size: 14px;
}

.blog_btn i{
    transition:.3s;
}

.blog_btn:hover i{
    transform:translateX(5px);
}

/* =========================================
VIEW ALL
========================================= */
.blog_view_all{
    text-align:center;
    margin-top:45px;
}

.view_all_btn{
    display:inline-block;
    padding:14px 28px;
    border-radius:40px;
    background:#2f184f;
    color:#fff;
    font-weight:600;
    transition:.3s ease;
}

.view_all_btn:hover{
    background:#ffbe18;
    color:#111;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

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

@media(max-width:767px){

    .blog_part{
        padding:75px 0;
    }

    .blog_grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .blog_img{
        height:200px;
    }

    .blog_content{
        padding:20px;
    }

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

.flip_2 .seo_process_content{
    order: -1;
}
.flip_2 .seo_process_wrap {
  grid-template-columns: 1fr 460px;
}


/* =========================================
CASE STUDY SECTION
========================================= */
.case_study_part{
    background: linear-gradient(264.83deg,rgba(255,202,40,.8) 46.41%,rgba(255,112,0,.616) 134.94%) !important;
  position: relative;
  overflow: hidden;
}

/* glow effect */
.case_study_part::before{
    content:"";
    position:absolute;
    top:-100px;
    left:-100px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,190,24,.12),transparent 70%);
}

.case_study_part::after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-100px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(111,66,193,.08),transparent 70%);
}

/* =========================================
GRID
========================================= */
.case-study-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
    position:relative;
    z-index:2;
}

/* =========================================
CARD
========================================= */
.case-study-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.05);
    transition:.4s ease;
}

.case-study-card:hover{
    box-shadow:0 28px 60px rgba(0,0,0,.10);
}

/* =========================================
IMAGE
========================================= */
.case-study-thumb{
    height:300px;
    overflow:hidden;
    position:relative;
}

.case-study-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s ease;
}

.case-study-card:hover .case-study-thumb img{
    transform:scale(1.08);
}

/* overlay */
.case-study-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.25),transparent 45%);
}

/* =========================================
CONTENT
========================================= */
.case-study-content{
    padding:30px;
}

/* badge */
.case-badge{
display: inline-block;
  padding: 5px 17px;
  border-radius: 40px;
  background: #fff4d9;
  color: #ff9800;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 16px;
}

/* title */
.case-study-content h3{
margin: 0 0 18px;
  color: #1c2440;
  font-size: 27px;
  line-height: 1.25;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* =========================================
POINT BLOCK
========================================= */
.case-point{
    margin-bottom:22px;
    padding:18px 20px;
    border-radius:14px;
    background:#fafafa;
    border:1px solid #efefef;
    transition:.3s ease;
}

.case-point:hover{
    border-color:#ffbe18;
}

.case-point h4{
    margin:0 0 12px;
    color:#ff9800;
    font-size:18px;
    font-weight:700;
    font-family:'Urbanist',sans-serif;
}

.case-point p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.5;
}

/* =========================================
LIST
========================================= */
.case-point ul{
    margin:0;
    padding:0;
    list-style:none;
}

.case-point ul li{
position: relative;
  padding-left: 28px;
  margin-bottom: 5px;
  color: #666;
  font-size: 15px;
  line-height: 1.5;
}

.case-point ul li:last-child{
    margin-bottom:0;
}

.case-point ul li::before{
    content:"\f00c";
    font-family:"FontAwesome";
    position:absolute;
    left:0;
    top:3px;

    width:18px;
    height:18px;
    border-radius:50%;

    background:#ffbe18;
    color:#111;

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

    font-size:9px;
}

/* =========================================
RESULT BOX
========================================= */
.case-result{
padding: 18px 20px;
  border-radius: 10px;
  background: linear-gradient(135deg,#2f184f,#45236d);
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  box-shadow: 0 12px 30px rgba(47,24,79,.18);
}

.case-result strong{
    color:#ffbe18;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .case-study-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .case_study_part{
        padding:75px 0;
    }

    .case-study-thumb{
        height:220px;
    }

    .case-study-content{
        padding:22px;
    }

    .case-study-content h3{
        font-size:23px;
    }

    .case-point{
        padding:16px;
    }

    .case-point p,
    .case-point ul li,
    .case-result{
        font-size:14px;
        line-height:1.7;
    }

}





/* =========================================
FOOTER MAIN
========================================= */
.footer_astro{
    position:relative;
    color:#fff;
    padding-top:70px;
    overflow: hidden;
    background: linear-gradient(rgba(10, 10, 30, 0.767),rgba(10, 10, 30, 0.829)), url('../images/bg1.jpg') center/cover no-repeat;
}


/* =========================================
GRID
========================================= */
.footer_grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:40px;
    padding-bottom:50px;
}

/* =========================================
LOGO + TEXT
========================================= */
.footer_logo img{
    width:180px;
    margin-bottom:18px;
}

.footer_text{
    font-size:15px;
    color:rgba(255,255,255,.75);
    line-height:1.8;
    margin-bottom:18px;
}

.footer_address{
font-size: 14px;
  color: #c5c5c5;
  line-height: 1.4;
}

.footer_address i{
    color:#ffbe18;
    margin-right:8px;
}

/* =========================================
LINKS
========================================= */
.footer_col h3{
    font-size:20px;
    margin-bottom:16px;
    font-weight:700;
    font-family:'Urbanist',sans-serif;
}

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

.footer_col ul li{
    margin-bottom:4px;
}

.footer_col ul li a{
    color:#bbb;
    font-size:15px;
    transition:.3s;
}

.footer_col ul li a:hover{
    color:#ffbe18;
    padding-left:6px;
}

/* =========================================
MAP
========================================= */
.footer_map{
    border-radius:14px;
    overflow:hidden;
    margin-bottom:12px;
}

.footer_map img{
    width:100%;
    display:block;
}

/* button */
.map_btn{
display: inline-block;
  padding: 10px 25px;
  background: #ffbe18;
  color: #111;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}

.map_btn:hover{
    background:#fff;
}

/* phone */
.footer_phone{
font-size: 20px;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
}

.footer_phone i{
color: #fff;
  margin-right: 6px;
  background: #25d366;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  font-size: 15px;
}

/* =========================================
BOTTOM
========================================= */
.footer_bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:10px 0;
    text-align:center;
    font-size:14px;
    color:#aaa;
}

/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .footer_grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:767px){

    .footer_astro{
        padding-top:60px;
    }

    .footer_grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer_logo img{
        width:150px;
    }

    .footer_col h3{
        font-size:18px;
    }

    .footer_text,
    .footer_address{
        font-size:14px;
    }
}
.footer_bottom p{
    margin-bottom: 0;
}


.fixed_part{
    position:fixed;
    left:20px;
    bottom:20px;
    display:flex;
    flex-direction:column;
    gap:14px;
    z-index:9999;
    perspective:800px;
}

/* Common 3D Button */
.fixed_part a{
    position:relative;
    width: 45px;
    height: 45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    text-decoration:none;
    transform-style:preserve-3d;
    transition:all .25s ease;
    animation:float3d 4s ease-in-out infinite;
    text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
}

/* Floating depth motion */
@keyframes float3d{
    0%{ transform:translateY(0) rotateX(0deg); }
    50%{ transform:translateY(-6px) rotateX(8deg); }
    100%{ transform:translateY(0) rotateX(0deg); }
}

/* 3D Base Shadow */
.fixed_part a::before{
    content:"";
    position:absolute;
    bottom:-10px;
    left:50%;
    transform:translateX(-50%);
    width:70%;
    height:12px;
    background:rgba(0,0,0,0.25);
    border-radius:50%;
    filter:blur(6px);
    transition:.3s;
}


/* WhatsApp 3D */
.wp_icon{
    background:linear-gradient(145deg,#25D366,#128C7E);
    /* box-shadow:
        inset -4px -4px 8px rgba(0,0,0,0.3),
        inset 4px 4px 8px rgba(255,255,255,0.2),
        0 8px 18px rgba(0,0,0,0.35); */
}

/* Call 3D */
.call_icon{
background: linear-gradient( 135deg, #2f184f, #8560ba);
    /* box-shadow:
        inset -4px -4px 8px rgba(0,0,0,0.3),
        inset 4px 4px 8px rgba(255,255,255,0.25),
        0 8px 18px rgba(0,0,0,0.35); */
}

/* Phone subtle shake */
.call_icon i{
    animation:ring 1.5s infinite;
}
.wp_icon i{
    animation:ring 1.5s infinite;
}

@keyframes ring{
    0%{ transform:rotate(0); }
    20%{ transform:rotate(18deg); }
    40%{ transform:rotate(-18deg); }
    60%{ transform:rotate(10deg); }
    80%{ transform:rotate(-10deg); }
    100%{ transform:rotate(0); }
}

/* Hover Press Effect */
.fixed_part a:hover{
    transform:translateY(2px) scale(0.95);
    color: #fff;
}

.fixed_part a:hover::before{
    opacity:0.6;
    transform:translateX(-50%) scale(.8);
}
.fixed_button {
  position: fixed;
  top: 39%;
  right: 40px;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right top;

  padding: 6px 25px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  z-index: 9999;

  text-transform: uppercase;
  overflow: hidden;

  background: linear-gradient(135deg, #d28a26, #9a6113);
  color: #fff;

  box-shadow: 0 5px 15px rgba(0,0,0,0.3);

  /* TEXT COLOR ANIMATION */
  animation: textBlink 2s infinite;
}

/* overlay */
.fixed_button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #ffffff, #f1f1f1);
  opacity: 0;
  z-index: -1;

  animation: bgBlink 2s infinite;
}

/* Hover */
.fixed_button:hover {
  animation: none;
  color: #000;
}
.fixed_button:hover::before {
  opacity: 1;
  animation: none;
}

/* 🔥 Background smooth blink */
@keyframes bgBlink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

/* 🔥 Text color sync */
@keyframes textBlink {
  0%, 100% { color: #fff; }
  50% { color: #000; }
}


/* Hover Effect */
/* .fixed_button:hover {
  background: linear-gradient(135deg, #fff, #fff);
  color: #000;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
} */
 .food-menu-style-three h4{
font-size: 20px;
  margin-bottom: 10px;
 }
 @media (min-width: 1400px) {
    .container {
        max-width: 1180px;
    }
}


@media(max-width:991px){
.flip_2 .seo_process_wrap {
grid-template-columns:1fr;
        gap:35px;
}
}




/* =========================================
BREADCRUMB SECTION
========================================= */
.breadcrumb_part{
position: relative;
  overflow: hidden;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.breadcrumb_part::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    height: 100%;
    opacity: .8;
}


/* =========================================
WRAP
========================================= */
.breadcrumb_wrap{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

/* =========================================
CONTENT
========================================= */
.breadcrumb_content{
width: 100%;
  text-align: center;
}

/* badge */
.breadcrumb_badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:40px;

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

    color:#ffbe18;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

/* title */
.breadcrumb_content .page_title{
margin: 0 0 18px;
  color: #fff;
  font-size: 55px;
  line-height: 1.1;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* =========================================
BREADCRUMB LIST
========================================= */
.breadcrumb_list{
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  justify-content: center;
}

.breadcrumb_list li{
    color:#d5d5d5;
    font-size:15px;
    font-weight:500;
}

.breadcrumb_list li a{
    color:#fff;
    transition:.3s ease;
}

.breadcrumb_list li a:hover{
    color:#ffbe18;
}

.breadcrumb_list li i{
    color:#ffbe18;
    font-size:14px;
}

.breadcrumb_list .active{
    color:#ffbe18;
}


/* =========================================
RESPONSIVE
========================================= */
@media(max-width:991px){

    .breadcrumb_wrap{
        flex-direction:column;
        text-align:center;
    }

    .breadcrumb_content,
    .breadcrumb_image{
        width:100%;
    }

    .breadcrumb_list{
        justify-content:center;
        gap: 9px;
    }

    .breadcrumb_image{
        margin-top:10px;
    }

    .breadcrumb_circle{
        width:340px;
        height:340px;
    }
}

@media(max-width:767px){

    .breadcrumb_part{
       padding: 50px 0;
    }
    .breadcrumb_content .page_title {
  margin: 0 0 12px;
  font-size: 35px;
  font-weight: 600;
}

    .breadcrumb_content .breadcrumb_content{
        font-size:42px;
    }

    .breadcrumb_badge{
        font-size:13px;
        padding:7px 16px;
    }

    .breadcrumb_list li{
        font-size:13px;
        font-weight: 400;
    }

    .breadcrumb_circle{
        width:260px;
        height:260px;
    }

    .breadcrumb_image img{
        max-width:280px;
    }
}


/* =========================================================
ABOUT DETAILS SECTION
========================================================= */
.about_details_part{
    position:relative;
    overflow:hidden;

    /* background:
    linear-gradient(to bottom,#ffffff,#fff9f2); */
}



/* =========================================================
TOP INTRO
========================================================= */
.about_intro_wrap{
display: grid;
  grid-template-columns: 450px 1fr;
  gap: 50px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* =========================================================
IMAGE SIDE
========================================================= */
.about_intro_image{
    position:relative;
    text-align:center;
}

/* rotating circle */
.about_intro_circle{
    position:absolute;
    top:50%;
    left:50%;

    width:430px;
    height:430px;

    border-radius:50%;

    transform:translate(-50%,-50%);

    border:2px dashed rgb(255, 190, 24);

    animation:aboutRotate 25s linear infinite;
}

/* image */
.about_intro_image img{
    position:relative;
    z-index:2;
    width:100%;
    max-width:430px;
    filter:
    drop-shadow(0 30px 45px rgba(0,0,0,.12));
    width: 410px;
    height: 410px;
    object-fit: cover;
    border-radius: 50%;
}

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


/* title */
.about_intro_content h1{
margin: 0 0 20px;
  color: #1c2440;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}


/* subtitle */
.about_intro_content h4{
margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
  background: #fff1cd;
  color: #ff9800;
  padding: 15px 25px;
}

/* paragraph */
.about_intro_content p{
margin: 0 0 18px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
INFO BOX
========================================================= */
.about_info_box{
padding: 40px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #cdcdcd;
  box-shadow: 0 18px 45px rgba(0,0,0,.05);
  position: relative;
  z-index: 2;
  transition: .35s ease;
}

.about_info_box:hover{
    border-color:#ffbe18;
}

/* heading */
.about_info_head h1{
margin: 0 0 15px;
  color: #1c2440;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}
/* heading */
.about_info_head h3{
margin: 0 0 15px;
  color: #1c2440;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* paragraph */
.about_info_content p{
margin: 0 0 18px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
SERVICES WRAP
========================================================= */
.about_services_wrap{
    margin-bottom:0px;
}

/* heading */
.about_services_heading{
    text-align:center;
    margin-bottom:40px;
}

.about_services_heading h3{
margin: 0 0 20px;
  color: #1c2440;
  font-size: 35px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.about_services_heading p{
margin: 0 0 18px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
SERVICE GRID
========================================================= */
.about_services_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* card */
.about_service_card{
    position:relative;
    overflow:hidden;

    padding:35px 25px;

    border-radius:10px;

    background:#fff;

    border:1px solid #eee;

    text-align:center;

    box-shadow:
    0 14px 35px rgba(0,0,0,.04);

    transition:.4s ease;
}

.about_service_card:hover{
    transform:translateY(-10px);
    border-color:#ffbe18;
    box-shadow:
    0 25px 50px rgba(0,0,0,.10);
}



/* icon */
.about_service_icon{
    width:85px;
    height:85px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#fff4da;
    color:#ff9800;
    font-size:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s ease;
}
.about_service_icon img{
    width:50px;
    height:50px;
}

.about_service_card:hover .about_service_icon{
    background:#ffbe18;
    color:#111;
}

/* title */
.about_service_card h4{
margin: 0 0 14px;
  color: #1c2440;
  font-size: 23px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.about_service_card p{
margin: 0 0 18px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
GEMS SECTION
========================================================= */
.about_gems_wrap{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:60px;
    align-items:center;

    margin-bottom:60px;

    padding:45px;

    border-radius:28px;

    background:#fff;

    border:1px solid #eee;

    box-shadow:
    0 18px 45px rgba(0,0,0,.05);
}

.about_gems_image{
    text-align:center;
}

.about_gems_image img{
    width:100%;
    max-width:360px;

    animation:aboutFloat 4s ease-in-out infinite;
}

.about_gems_content h3{
    margin:0 0 18px;

    color:#1c2440;

    font-size:46px;
    line-height:1.2;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

.about_gems_content h3 span{
    color:#ff9800;
}

.about_gems_content p{
    margin:0 0 18px;

    color:#666;

    font-size:16px;
    line-height:1.9;
}

/* =========================================================
WHY SECTION
========================================================= */
.about_why_wrap{
    position:relative;
    overflow:hidden;

    padding:50px;

    border-radius:10px;

    background:
    linear-gradient(135deg,
    #2f184f,
    #45236d);

    z-index:2;
}

/* heading */
.about_why_head h3{
margin: 0 0 30px;
  color: #fff;
  text-align: center;
  font-size: 35px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* grid */
.about_why_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

/* item */
.about_why_item{
display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 20px;
  border-radius: 6px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.06);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  transition: .35s ease;
}

.about_why_item:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.12);
}

/* icon */
.about_why_item i{
    min-width:30px;
    width:30px;
    height:30px;

    border-radius:50%;

    background:#ffbe18;

    color:#111;

    font-size:12px;

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

/* bottom text */
.about_why_bottom{
    margin-top:30px;

    padding-top:28px;

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

    text-align:center;

    color:#ddd;

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

/* =========================================================
ANIMATION
========================================================= */
@keyframes aboutFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}

@keyframes aboutRotate{
    from{
        transform:translate(-50%,-50%) rotate(0deg);
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .about_intro_wrap,
    .about_gems_wrap{
        grid-template-columns:1fr;
        gap:40px;
    }

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

    .about_why_grid{
        grid-template-columns:1fr;
    }

    .about_intro_content{
        text-align:center;
    }

    .about_intro_image{
        order:-1;
    }
}

@media(max-width:767px){

    .about_details_part{
        padding:75px 0;
    }

    .about_intro_wrap{
        gap:30px;
        margin-bottom:0px;
    }

    .about_intro_circle{
        width: 340px;
    height: 340px;
    }

    .about_intro_content h1{
        font-size: 30px;
    }
    .about_intro_image img {
    max-width: 430px;
    width: 320px;
    height: 320px;
    }
    .about_intro_content h4{
        font-size:15px;
        padding: 12px 22px;
    }

    .about_info_box{
        padding:20px;
    }
 .about_info_head h1{
        font-size:24px;
    }
    .about_info_head h3{
        font-size:22px;
    }
.about_service_card h4 {
  margin: 0 0 10px;
}
.about_service_card p {
  margin: 0 0 0;
}
    .about_services_heading h3{
        font-size: 27px;
    }

    .about_services_grid{
        grid-template-columns:1fr;
    }

    .about_gems_wrap{
        padding:28px;
    }

    .about_gems_content h3{
        font-size:34px;
    }

    .about_why_wrap{
        padding:30px 22px;
    }

    .about_why_head h3{
        font-size:32px;
    }

    .about_why_item{
        font-size:15px;
        padding:16px;
    }

    .about_why_bottom{
        font-size:15px;
    }
}





/* =========================================================
ACHIEVEMENT SECTION
========================================================= */
.achievement_part{
    position:relative;
    overflow:hidden;
    background: linear-gradient(rgba(3, 15, 35, 0.45),rgba(3, 15, 35, 0.61)), url('../images/bg1.jpg') center center/cover no-repeat;
}

/* =========================================================
GLOW EFFECTS
========================================================= */
.achievement_glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.glow_1{
    width:320px;
    height:320px;

    top:-120px;
    left:-120px;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.18),
    transparent 72%);
}

.glow_2{
    width:280px;
    height:280px;

    right:-100px;
    bottom:-100px;

    background:
    radial-gradient(circle,
    rgba(255,255,255,.08),
    transparent 72%);
}

/* =========================================================
WRAP
========================================================= */
.achievement_wrap{
position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 535px;
  gap: 60px;
  align-items: center;
}

/* =========================================================
LEFT CONTENT
========================================================= */
.achievement_badge{
display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 40px;
  background: rgba(255,255,255,.08);
  color: #ffbe18;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 22px;
}

.achievement_badge::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ffbe18;
}

/* title */
.achievement_content h2{
margin: 0 0 18px;
  color: #fff;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.achievement_content h2 span{
    color:#ffbe18;
}

/* paragraph */
.achievement_content p{
margin: 0 0 0px;
  color: #ddd;
  font-size: 16px;
  line-height: 1.5;
}

/* =========================================================
FEATURES
========================================================= */
.achievement_feature_wrap{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}




/* =========================================================
COUNTER GRID
========================================================= */
.achievement_counter_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

/* counter card */
.achievement_counter_card{
position: relative;
  overflow: hidden;
  padding: 30px 20px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
  text-align: center;
  backdrop-filter: blur(10px);
  transition: .4s ease;
}

.achievement_counter_card:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,.12);
}

/* number */
.achievement_counter_card h3{
    margin:0 0 10px;

    color:#fff;

    font-size:52px;
    line-height:1;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* text */
.achievement_counter_card p{
  margin: 0;
  font-size: 15px;
  line-height: 1.2;
  box-shadow: 0 15px 35px rgba(255,190,24,.30);
  background: #ffbe18;
  color: #111;
  text-align: center;
  width: 100%;
  padding: 10px;
  border-radius: 30px;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .achievement_wrap{
        grid-template-columns:1fr;
        gap: 35px;
    }

    .achievement_content{
        text-align:center;
    }

    .achievement_feature_wrap{
        justify-content:center;
    }
}

@media(max-width:767px){

    .achievement_part{
        padding:75px 0;
    }

    .achievement_content h2{
        font-size: 30px;
    }

    .achievement_feature_wrap,
    .achievement_counter_grid{
        grid-template-columns:1fr;
    }

    .achievement_counter_card{
        padding:30px 20px;
    }

    .achievement_counter_card h3{
        font-size:42px;
    }

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




/* =========================================================
HISTORY SECTION
========================================================= */
.history_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
WRAP
========================================================= */
.history_wrap{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:520px 1fr;
    gap:50px;
    align-items:center;
}

/* =========================================================
LEFT IMAGE SIDE
========================================================= */
.history_image_side{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* rotating text circle */
.history_rotate_circle{
position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  border: 2px dashed rgb(255, 152, 0);
  animation: historyRotate 30s linear infinite;}



/* image circle */
.history_image_circle{
position: relative;
  z-index: 2;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  overflow: hidden;
  border: 12px solid #fff;
  box-shadow: 0 25px 50px rgba(0,0,0,.10);
  background: linear-gradient(264.83deg,rgba(255,202,40,.8) 46.41%,rgba(255,112,0,.616) 134.94%) !important;
}

/* image */
.history_image_circle img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* =========================================================
RIGHT CONTENT
========================================================= */
.history_badge{
display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 40px;
  background: #fff;
  color: #ff9800;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 22px;
}

.history_badge::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff9800;
}

/* title */
.history_content_side h2{
margin: 0 0 24px;
  color: #1c2440;
  font-size: 45px;
  line-height: 1.15;
  font-weight: 800;
  font-family: 'Urbanist',sans-serif;
}

.history_content_side h2 span{
    color:#ff9800;
}

/* paragraph */
.history_content_side p{
margin: 0 0 18px;
  color: #666;
  font-size: 17px;
  line-height: 1.5;
}

/* =========================================================
INFO GRID
========================================================= */
.history_info_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;

    margin-top:35px;
}

/* card */
.history_info_card{
    padding:28px 22px;

    border-radius:22px;

    background:#fff;

    border:1px solid #eee;

    text-align:center;

    box-shadow:
    0 15px 35px rgba(0,0,0,.05);

    transition:.35s ease;
}

.history_info_card:hover{
    transform:translateY(-6px);
    border-color:#ffbe18;
}

/* number */
.history_info_card h3{
    margin:0 0 10px;

    color:#ff9800;

    font-size:42px;
    line-height:1;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* text */
.history_info_card p{
    margin:0;

    color:#555;

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

/* =========================================================
ANIMATION
========================================================= */
@keyframes historyRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes historyFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}

@keyframes historyPulse{
    0%{
        transform:scale(1);
        opacity:1;
    }
    50%{
        transform:scale(1.04);
        opacity:.5;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .history_wrap{
        grid-template-columns:1fr;
        gap:55px;
    }

    .history_content_side{
        text-align:center;
    }

    .history_info_grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:767px){

    .history_part{
        padding:75px 0;
    }

    .history_rotate_circle{
        width: 285px;
    height: 285px;
    }

    .history_rotate_circle span{
        font-size:11px;
    }

    .history_rotate_circle span:nth-child(1){
        transform:rotate(0deg) translateY(-145px);
    }

    .history_rotate_circle span:nth-child(2){
        transform:rotate(90deg) translateY(-145px);
    }

    .history_rotate_circle span:nth-child(3){
        transform:rotate(180deg) translateY(-145px);
    }

    .history_rotate_circle span:nth-child(4){
        transform:rotate(270deg) translateY(-145px);
    }

    .history_image_circle{
        width:260px;
        height:260px;
    }

    .history_content_side h2{
        font-size:36px;
    }

    .history_info_grid{
        grid-template-columns:1fr;
    }

    .history_info_card h3{
        font-size:34px;
    }
}



/* =========================================================
PROBLEM SOLVE WRAP
========================================================= */
.problem_solve_wrap{
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;

    position:relative;
    z-index:2;
}

/* =========================================================
ITEM
========================================================= */
.problem_solve_item{
    padding:24px 26px;

    border-radius:10px;

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

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

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.problem_solve_item:hover{
    background:
    rgba(255,255,255,.12);
}

/* =========================================================
HEAD
========================================================= */
.problem_solve_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:18px;
}

/* title */
.problem_solve_head h4{
    margin:0;

    color:#fff;

    font-size:17px;
    line-height:1.5;
    font-weight:600;
}

/* percentage */
.problem_solve_head span{
    min-width:65px;

    text-align:right;

    color:#ffbe18;

    font-size:18px;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* =========================================================
BAR
========================================================= */
.problem_progress_bar{
    width:100%;
    height:14px;

    border-radius:30px;

    overflow:hidden;

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

    position:relative;
}

/* fill */
.problem_progress_fill{
    height:100%;

    border-radius:30px;

    position:relative;

    animation:progressWidth 2s ease forwards;
}

/* shine */
.problem_progress_fill::after{
    content:"";
    position:absolute;
    top:0;
    left:-60px;

    width:40px;
    height:100%;

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

    filter:blur(6px);

    transform:skewX(-20deg);

    animation:shineMove 3s linear infinite;
}

/* =========================================================
MULTI COLORS
========================================================= */
.color_1{
    background:linear-gradient(to right,#66ff00,#2dd400);
}

.color_2{
    background:linear-gradient(to right,#ff3c00,#ff7b00);
}

.color_3{
    background:linear-gradient(to right,#ffe600,#c7d800);
}

.color_4{
    background:linear-gradient(to right,#00cfff,#00a2ff);
}

.color_5{
    background:linear-gradient(to right,#32ff72,#00d68f);
}

.color_6{
    background:linear-gradient(to right,#ff9f43,#ff6b00);
}

.color_7{
    background:linear-gradient(to right,#ffe259,#ffa751);
}

.color_8{
    background:linear-gradient(to right,#7efff5,#32c5ff);
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes shineMove{
    0%{
        left:-60px;
    }
    100%{
        left:110%;
    }
}

@keyframes progressWidth{
    from{
        width:0;
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .problem_solve_wrap{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .problem_solve_wrap{
        margin-top:50px;
        gap:18px;
    }

    .problem_solve_item{
        padding:20px;
        border-radius:18px;
    }

    .problem_solve_head h4{
        font-size:15px;
    }

    .problem_solve_head span{
        font-size:16px;
    }

    .problem_progress_bar{
        height:12px;
    }
}




.ram-video-3 {
	position: relative;
	/* max-width: 800px;
	padding: 15px 15px 30px 15px; */
	margin: 15px 0;
	/* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background: #fff; */
  }
  .ram-video-3 .tv-wrap  {
	margin: 6% 14% 16%;
	position: relative;
  }    
  .ram-video-3 .tv-ram  {
	position: absolute;
	z-index: 1;
	top: -8%;
	left: -17.5%;
	width: 135%;
	height: 143%;
	pointer-events: none;
  }
  .ram-video-3 .tv-ram img  {
	width: 100%;
	height: 100%;
  }
  .ram-video-3 .tv-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: #000;
	cursor: pointer;
  }
  
  .ram-video-3 .tv-video iframe,
  .ram-video-3 .tv-video img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }



  /* =========================================================
PROBLEM SOLVE WRAP
========================================================= */
.problem_solve_wrap{
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;

    position:relative;
    z-index:2;
}

/* =========================================================
ITEM
========================================================= */
.problem_solve_item{
    padding:24px 26px;
    border-radius:10px;
    background:
    rgba(255,255,255,.08);

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

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.problem_solve_item:hover{
    transform:translateY(-5px);
    background:
    rgba(255,255,255,.12);
}

/* =========================================================
HEAD
========================================================= */
.problem_solve_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:18px;
}

/* title */
.problem_solve_head h4{
    margin:0;

    color:#fff;

    font-size:17px;
    line-height:1.5;
    font-weight:600;
}

/* percentage */
.problem_solve_head span{
    min-width:65px;

    text-align:right;

    color:#ffbe18;

    font-size:18px;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* =========================================================
BAR
========================================================= */
.problem_progress_bar{
    width:100%;
    height:14px;

    border-radius:30px;

    overflow:hidden;

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

    position:relative;
}

/* fill */
.problem_progress_fill{
    height:100%;

    border-radius:30px;

    position:relative;

    animation:progressWidth 2s ease forwards;
}

/* shine */
.problem_progress_fill::after{
    content:"";
    position:absolute;
    top:0;
    left:-60px;

    width:40px;
    height:100%;

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

    filter:blur(6px);

    transform:skewX(-20deg);

    animation:shineMove 3s linear infinite;
}

/* =========================================================
MULTI COLORS
========================================================= */
.color_1{
    background:linear-gradient(to right,#66ff00,#2dd400);
}

.color_2{
    background:linear-gradient(to right,#ff3c00,#ff7b00);
}

.color_3{
    background:linear-gradient(to right,#ffe600,#c7d800);
}

.color_4{
    background:linear-gradient(to right,#00cfff,#00a2ff);
}

.color_5{
    background:linear-gradient(to right,#32ff72,#00d68f);
}

.color_6{
    background:linear-gradient(to right,#ff9f43,#ff6b00);
}

.color_7{
    background:linear-gradient(to right,#ffe259,#ffa751);
}

.color_8{
    background:linear-gradient(to right,#7efff5,#32c5ff);
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes shineMove{
    0%{
        left:-60px;
    }
    100%{
        left:110%;
    }
}

@keyframes progressWidth{
    from{
        width:0;
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .problem_solve_wrap{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .problem_solve_wrap{
        margin-top:50px;
        gap:18px;
    }

    .problem_solve_item{
        padding:20px;
        border-radius:18px;
    }

    .problem_solve_head h4{
        font-size:15px;
    }

    .problem_solve_head span{
        font-size:16px;
    }

    .problem_progress_bar{
        height:12px;
    }
}




/* =========================================================
CONNECT SECTION
========================================================= */
.connect_part{
position: relative;
  overflow: hidden;
  background: linear-gradient(rgba(3, 15, 35, 0.45),rgba(3, 15, 35, 0.61)), url('../images/bg1.jpg') center center/cover no-repeat;
}



/* =========================================================
GRID
========================================================= */
.connect_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/* =========================================================
CARD
========================================================= */
.connect_card{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding: 45px 15px 30px;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee;
    box-shadow:
    0 18px 45px rgba(0,0,0,.05);
    transition:.4s ease;
}

/* hover */
.connect_card:hover{
    border-color:#ffbe18;
    box-shadow:
    0 30px 60px rgba(0,0,0,.10);
}

/* =========================================================
ICON
========================================================= */
.connect_icon{
    width:70px;
    height:70px;
    margin:0 auto 28px;
    border-radius:50%;
    background:
    linear-gradient(135deg,
    #ffbe18,
    #ff9800);
    color:#fff;
    font-size:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    transition:.4s ease;
}

/* icon pulse */
.connect_icon::before{
    content:"";
    position:absolute;
    inset:-12px;
    border-radius:50%;
    border:2px dashed rgb(255, 190, 24);
    animation:connectRotate 14s linear infinite;
}


/* =========================================================
TITLE
========================================================= */
.connect_card h3{
margin: 0 0 10px;
  color: #1c2440;
  font-size: 25px;
  line-height: 1.25;
  font-weight: 800;
  font-family: 'Urbanist',sans-serif;
}

/* =========================================================
TEXT
========================================================= */
.connect_card p{
margin: 0 0 28px;
  color: #666;
  font-size: 16px;
  line-height: 1.4;
}

/* =========================================================
BUTTON
========================================================= */
.connect_btn{
display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 32px;
  border-radius: 40px;
  background: linear-gradient(to right, #2f184f, #45236d);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: .35s ease;
  box-shadow: 0 14px 30px rgba(47,24,79,.18);
}

/* hover */
.connect_btn:hover{
    transform:translateY(-4px);

    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800);

    color:#111;
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes connectRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .connect_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .connect_part{
        padding:75px 0;
    }

    .connect_card{
        padding:35px 24px;
    }

    .connect_icon{
width: 75px;
    height: 75px;
    font-size: 35px;
    }

    .connect_card h3{
        font-size:26px;
    }

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

    .connect_btn{
        width:100%;
    }
}

.about_details_part.cus_bg {
  background: linear-gradient(to bottom,#ebeef0,#ebeef0);
}





/* =========================================================
BLOG DETAILS
========================================================= */
.blog_details_part{
    position: relative;
}

/* =========================================================
WRAP
========================================================= */
.blog_details_wrap{
    display:grid;
    grid-template-columns:1fr 370px;
    gap:40px;
}

/* =========================================================
CONTENT
========================================================= */
.blog_details_content{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:
    0 18px 45px rgba(0,0,0,.05);
}

/* =========================================================
IMAGE
========================================================= */
.blog_details_thumb{
    height:480px;
    overflow:hidden;
}

.blog_details_thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* =========================================================
META
========================================================= */
.blog_details_meta{
display: flex;
  flex-wrap: wrap;
  gap: 25px;
  padding: 30px 30px 0;
}

.blog_details_meta span{
    color:#777;

    font-size:14px;
    font-weight:500;
}

.blog_details_meta i{
    color:#ff9800;
    margin-right:6px;
}

/* =========================================================
TITLE
========================================================= */
.blog_details_title{
padding: 12px 30px 0;
  margin: 0;
  color: #1c2440;
  font-size: 29px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* =========================================================
TEXT
========================================================= */
.blog_details_text{
padding: 28px 30px 30px;
}

.blog_details_text p{
margin: 0 0 22px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}

/* heading */
.blog_details_text h3{
color: #1c2440;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 800;
  font-family: 'Urbanist',sans-serif;
  margin-bottom: 15px;
}

/* blockquote */
.blog_details_text blockquote{
    margin:35px 0;

    padding:35px;

    border-radius:24px;

    background:
    linear-gradient(to right,
    #2f184f,
    #45236d);

    color:#fff;

    font-size:24px;
    line-height:1.7;
    font-weight:600;

    font-family:'Urbanist',sans-serif;
}

/* list */
.blog_details_text ul{
    margin:0 0 25px;
    padding:0;

    list-style:none;
}

.blog_details_text ul li{
position: relative;
  padding-left: 34px;
  margin-bottom: 6px;
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}

.blog_details_text ul li::before{
content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffbe18;
  color: #111;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================================================
TAGS
========================================================= */
.blog_tags{
    display:flex;
    flex-wrap:wrap;
    gap:14px;

    padding:0 40px 40px;
}

.blog_tags a{
    padding:12px 22px;

    border-radius:40px;

    background:#fff4db;

    color:#ff9800;

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

    transition:.3s ease;
}

.blog_tags a:hover{
    background:#ffbe18;
    color:#111;
}

/* =========================================================
SIDEBAR
========================================================= */
.blog_sidebar{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* widget */
.sidebar_widget{
background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,.05);
}

/* title */
.sidebar_title{
    margin:0 0 24px;

    color:#1c2440;

    font-size:28px;
    line-height:1.2;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* =========================================================
SEARCH
========================================================= */
.sidebar_search{
    position:relative;
}

.sidebar_search input{
    width:100%;
    height:60px;

    border:none;
    outline:none;

    border-radius:16px;

    background:#f7f7f7;

    padding:0 65px 0 20px;

    color:#666;

    font-size:15px;
}

.sidebar_search button{
    position:absolute;
    top:50%;
    right:8px;

    transform:translateY(-50%);

    width:45px;
    height:45px;

    border:none;

    border-radius:12px;

    background:#ffbe18;

    color:#111;
}

/* =========================================================
RECENT POSTS
========================================================= */
.recent_post_list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* item */
.recent_post_item{
    display:flex;
    gap:15px;

    padding-bottom:18px;

    border-bottom:1px solid #eee;
}

/* thumb */
.recent_post_thumb{
width: 90px;
  height: 70px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.recent_post_thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* content */
.recent_post_content h5{
margin: 0 0 5px;
  color: #1c2440;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.recent_post_content span{
    color:#888;

    font-size:13px;
}

/* =========================================================
CATEGORY
========================================================= */
.blog_category_list{
    margin:0;
    padding:0;

    list-style:none;
}

.blog_category_list li{
    margin-bottom:14px;
}

.blog_category_list li:last-child{
    margin-bottom:0;
}

.blog_category_list li a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:16px 20px;

    border-radius:16px;

    background:#fafafa;

    color:#555;

    font-size:15px;
    font-weight:600;

    transition:.3s ease;
}

.blog_category_list li a:hover{
    background:#ffbe18;
    color:#111;
}
.recent_post_item:last-child{
  border-bottom: none;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .blog_details_wrap{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .blog_details_thumb{
        height:260px;
    }

    .blog_details_meta{
        padding:24px 20px 0;
        gap:14px;
    }

    .blog_details_title{
        padding: 12px 20px 0;
    font-size: 25px;
    }

    .blog_details_text{
        padding:20px;
    }

    .blog_details_text p{
        font-size:15px;
        margin: 0 0 15px;
    }

    .blog_details_text h3{
        font-size:26px;
    }

    .blog_details_text blockquote{
        font-size: 20px;
        font-weight: 700;
    }

    .blog_tags{
        padding:0 24px 24px;
    }

    .sidebar_widget{
        padding:24px;
    }

    .sidebar_title{
        font-size:24px;
    }
}




/* =========================================================
CONTACT SECTION
========================================================= */
.contact_page_part{
    position:relative;
    overflow:hidden;

}

/* =========================================================
GLOW
========================================================= */
.contact_glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.contact_glow.glow_left{
    width:300px;
    height:300px;

    top:-100px;
    left:-100px;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.14),
    transparent 72%);
}

.contact_glow.glow_right{
    width:260px;
    height:260px;

    right:-100px;
    bottom:-100px;

    background:
    radial-gradient(circle,
    rgba(111,66,193,.12),
    transparent 72%);
}

/* =========================================================
WRAP
========================================================= */
.contact_page_wrap{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:40px;

    margin-top:55px;

    position:relative;
    z-index:2;
}

/* =========================================================
INFO BOX
========================================================= */
.contact_info_box{
padding: 45px 35px;
  border-radius: 10px;
  background: linear-gradient(145deg, #2f184f, #45236d);
  color: #fff;
  box-shadow: 0 30px 60px rgba(47,24,79,.18);
}

/* badge */
.contact_small_badge{
    display:inline-flex;
    align-items:center;

    padding:10px 18px;

    border-radius:40px;

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

    color:#ffbe18;

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

    margin-bottom:18px;
}

/* title */
.contact_info_top h3{
margin: 0 0 16px;
  color: #fff;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.contact_info_top p{
    margin:0 0 35px;
    color:rgba(255,255,255,.75);
    font-size:15px;
    line-height:1.5;
}

/* =========================================================
ITEM
========================================================= */
.contact_info_item{
    display:flex;
    align-items:flex-start;
    gap:18px;

    padding:22px 0;

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

/* icon */
.contact_icon{
width: 55px;
  height: 55px;
  border-radius: 7px;
  background: rgba(255,255,255,.10);
  color: #ffbe18;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* text */
.contact_text h4{
margin: 0px 0 10px;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.contact_text p{
    margin:0;

    color:rgba(255,255,255,.78);

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

/* =========================================================
FORM BOX
========================================================= */
.contact_form_box{
padding: 40px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #d2d2d2;
  box-shadow: 0 18px 45px rgba(0,0,0,.05);
}

/* grid */
.contact_form_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

/* full */
.full_width{
    grid-column:span 2;
}

/* =========================================================
INPUT GROUP
========================================================= */
.contact_input_group label{
display: block;
  margin-bottom: 10px;
  color: #1c2440;
  font-size: 15px;
  font-weight: 500;
}

/* inputs */
.contact_input_group input,
.contact_input_group select,
.contact_input_group textarea{
width: 100%;
  border: none;
  outline: none;
  border-radius: 6px;
  background: #f2f2f2;
  padding: 0 22px;
  color: #666;
  font-size: 15px;
  transition: .3s ease;
  border: 1px solid #f2f2f2;
}

/* height */
.contact_input_group input,
.contact_input_group select{
    height:50px;
}

/* textarea */
.contact_input_group textarea{
    height:140px;
    resize:none;
    padding-top:20px;
}

/* focus */
.contact_input_group input:focus,
.contact_input_group select:focus,
.contact_input_group textarea:focus{
    background:#fff;
    border: 1px solid #ffbe18;
}

/* =========================================================
CAPTCHA
========================================================= */
.contact_captcha_box{
display: flex;
  align-items: center;
  gap: 18px;
  margin: 30px 0 22px;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff7e7;
  border: 1px solid #ffe1a0;
}

/* image */
.captcha_image img{
    border-radius:10px;
}

/* refresh */
.captcha_refresh{
border: none;
  padding: 8px 24px;
  border-radius: 40px;
  background: #fff;
  border: 1px solid #ffbe18;
  color: #ff9800;
  font-size: 14px;
  font-weight: 500;
  transition: .3s ease;
  line-height: 1.4;
}

.captcha_refresh:hover{
    background:#ffbe18;
    color:#111;
}

/* =========================================================
BUTTON
========================================================= */
.contact_submit_btn{
border: none;
  padding: 14px 45px;
  border-radius: 50px;
  background: linear-gradient(to right, #ffbe18, #ff9800);
  color: #111;
  font-size: 16px;
  font-weight: 500;
  transition: .35s ease;
  margin-top: 35px;
}

.contact_submit_btn:hover{
    transform:translateY(-4px);
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .contact_page_wrap{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .contact_page_wrap{
       gap: 28px;
    margin-top: 0;
    }

    .contact_info_box,
    .contact_form_box{
        padding:25px 20px;
    }

    .contact_info_top h3{
        font-size:30px;
    }

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

    .full_width{
        grid-column:span 1;
    }

    .contact_captcha_box{
        flex-direction:column;
        align-items:flex-start;
    }

    .contact_submit_btn{
        width:100%;
    }

    .contact_text h4{
        font-size:18px;
    }
}




/* =========================================================
YEARLY HOROSCOPE HERO
========================================================= */
.yearly_horoscope_hero{
position: relative;
  overflow: hidden;
  padding: 80px 0 ;
  background: linear-gradient(135deg, #0d0220 0%, #16042d 40%, #25104d 100%);
  margin: 20px;
  border-radius: 10px;
}

/* =========================================================
GLOW EFFECTS
========================================================= */
.yearly_glow{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.yearly_glow.glow_one{
    width:500px;
    height:500px;

    top:-200px;
    left:-180px;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.15),
    transparent 72%);
}

.yearly_glow.glow_two{
    width:420px;
    height:420px;

    right:-140px;
    bottom:-140px;

    background:
    radial-gradient(circle,
    rgba(153,102,255,.18),
    transparent 72%);
}

/* =========================================================
WRAP
========================================================= */
.yearly_horoscope_wrap{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:60px;

    position:relative;
    z-index:2;
}

/* =========================================================
CONTENT
========================================================= */
.yearly_horoscope_content{
    color:#fff;
}

/* badge */
.yearly_badge{
    display:inline-flex;
    align-items:center;

    padding:12px 22px;

    border-radius:40px;

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

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

    color:#ffbe18;

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

    margin-bottom:28px;
}

/* heading */
.yearly_horoscope_content h1{
margin: 0 0 15px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.yearly_horoscope_content h1 span{
    color:#ffbe18;
}

/* sub */
.yearly_horoscope_content h4{
    margin:0 0 25px;

    color:#d5d5d5;

    font-size:30px;
    line-height:1.4;
    font-weight:600;
}

/* text */
.yearly_horoscope_content p{
  margin: 0 0 20px;
  color: rgba(255,255,255,.78);
  font-size: 17px;
  line-height: 1.5;
}

/* =========================================================
BUTTONS
========================================================= */
.yearly_btn_group{
    display:flex;
    align-items:center;
    gap:18px;

    margin-top:40px;
}

/* main btn */
.yearly_main_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:45px;

    padding:0 34px;

    border-radius:60px;

    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800);

    color:#111;

    font-size:16px;
    font-weight:500;

    box-shadow:
    0 18px 40px rgba(255,190,24,.22);

    transition:.35s ease;
}

.yearly_main_btn:hover{
    transform:translateY(-4px);
}

/* call */
.yearly_call_btn{
display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 45px;
  padding: 0 30px;
  border-radius: 60px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.05);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: .35s ease;
}

.yearly_call_btn:hover{
    background:#fff;
    color:#111;
}

/* =========================================================
FEATURES
========================================================= */
.yearly_feature_list{
    display:flex;
    flex-wrap:wrap;
    gap:16px;

    margin-top:35px;
}

.yearly_feature_item{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:50px;

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

    color:#fff;

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

.yearly_feature_item i{
    width:24px;
    height:24px;

    border-radius:50%;

    background:#ffbe18;
    color:#111;

    font-size:11px;

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

/* =========================================================
IMAGE SIDE
========================================================= */
.yearly_horoscope_image{
    position:relative;

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

    min-height:650px;
}

/* rotating wheel */
.yearly_zodiac_circle{
    position:absolute;

    width:580px;
    height:580px;

    animation:
    zodiacRotate 40s linear infinite;
}

.yearly_zodiac_circle img{
    width:100%;
    height:100%;
    object-fit:contain;

    opacity:.35;
}

/* astrologer */
.yearly_astrologer_image{
    position:relative;
    z-index:2;
}

.yearly_astrologer_image img{
    max-width:520px;

    filter:
    drop-shadow(0 30px 60px rgba(0,0,0,.35));
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes zodiacRotate{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:1200px){

    .yearly_horoscope_content h1{
        font-size:58px;
    }
}

@media(max-width:991px){

    .yearly_horoscope_wrap{
        grid-template-columns:1fr;
    }

    .yearly_horoscope_image{
        min-height:auto;
    }

    .yearly_zodiac_circle{
        width:420px;
        height:420px;
    }

    .yearly_astrologer_image img{
        max-width:360px;
    }
}

@media(max-width:767px){

    .yearly_horoscope_hero{
        padding: 45px 0 50px;
    }
    .yearly_btn_group {
        gap: 15px;
        margin-top: 30px;
        }
    .yearly_badge {
        padding: 7px 22px;
        border-radius: 40px;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .yearly_horoscope_content h1{
        font-size:25px;
    }

    .yearly_horoscope_content h4{
        font-size:22px;
    }

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

    .yearly_btn_group{
        flex-direction:column;
        align-items:flex-start;
    }

    .yearly_main_btn,
    .yearly_call_btn{
        width:100%;
        justify-content:center;
    }

    .yearly_feature_list{
        flex-direction:column;
        align-items:flex-start;
    }

    .yearly_zodiac_circle{
        width:300px;
        height:300px;
    }

    .yearly_astrologer_image img{
        max-width:280px;
    }
}





/* =========================================================
HOROSCOPE DETAILS
========================================================= */
.zodiac_prediction_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
BLUR
========================================================= */
.zodiac_blur{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.blur_one{
    width:350px;
    height:350px;

    top:-120px;
    left:-120px;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.10),
    transparent 72%);
}

.blur_two{
    width:280px;
    height:280px;

    bottom:-100px;
    right:-100px;

    background:
    radial-gradient(circle,
    rgba(111,66,193,.10),
    transparent 72%);
}

/* =========================================================
GRID
========================================================= */
.zodiac_prediction_grid{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:35px;
    position:relative;
    z-index:2;
}

/* =========================================================
CARD
========================================================= */
.zodiac_prediction_card{
background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 20px 50px rgba(0,0,0,.05);
  transition: .35s ease;
}

.zodiac_prediction_card:hover{
    box-shadow:
    0 30px 70px rgba(0,0,0,.08);
}

/* =========================================================
TOP
========================================================= */
.zodiac_card_top{
    display:flex;
    align-items:center;
    gap:18px;

    margin-bottom:30px;
}

/* icon */
.zodiac_icon{
width: 70px;
  height: 70px;
  border-radius: 7px;
  background: linear-gradient(to bottom right, #ffbe18, #ff9800);
  color: #111;
  font-size: 35px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* heading */
.zodiac_heading h3{
margin: 0 0 5px;
  color: #1c2440;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  font-family: 'Urbanist',sans-serif;
}

.zodiac_heading span{
    color:#777;

    font-size:15px;
}

/* =========================================================
INFO GRID
========================================================= */
.zodiac_info_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;

    margin-bottom:30px;
}

.zodiac_info_item{
padding: 14px 22px;
  border-radius: 5px;
  background: var(--primary);
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.zodiac_info_item strong{
    display:block;
    color:#ffbc17;
}

/* =========================================================
CONTENT
========================================================= */
.zodiac_prediction_content{
gap: 18px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
}

.prediction_item{
padding: 20px;
  border-radius: 6px;
  background: #ebeef0;
}

.prediction_item h4{
margin: 0 0 8px;
  color: #1c2440;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
}

.prediction_item p{
    margin:0;

    color:#666;

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

/* =========================================================
BOTTOM
========================================================= */
.zodiac_bottom_tip{
margin-top: 18px;
  gap: 18px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.zodiac_bottom_tip span{
display: block;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

.zodiac_bottom_tip .avoid{
    background:#fff2f2;
    color:#d62828;
    border: 1px solid;
}

.zodiac_bottom_tip .suggestion{
    background:#eefbf1;
    color:#1b8a3c;
    border: 1px solid;
}

/* =========================================================
CTA
========================================================= */
.zodiac_bottom_cta{
margin-top: 70px;
  padding: 60px;
  border-radius: 10px;
  text-align: center;
  background: linear-gradient(135deg, #2f184f, #4d2a7d);
  position: relative;
  overflow: hidden;
}

/* heading */
.zodiac_bottom_cta h3{
margin: 0 0 15px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.zodiac_bottom_cta p{
margin: 0 auto 32px;
  max-width: 760px;
  color: rgba(255,255,255,.75);
  font-size: 17px;
  line-height: 1.5;
}

/* button */
.zodiac_cta_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:50px;
    padding:0 40px;
    border-radius:60px;
    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800);

    color:#111;

    font-size:16px;
    font-weight:500;
    transition:.35s ease;
}

.zodiac_cta_btn:hover{
    transform:translateY(-4px);
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .zodiac_prediction_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .zodiac_prediction_card{
        padding: 25px 20px;
    }

    .zodiac_card_top{
flex-direction: column;
    align-items: center;
    align-content: center;
    margin-bottom: 0px;
    text-align: center;
    }

    .zodiac_heading h3{
        font-size: 25px;
    line-height: 1.2;
    }

    .zodiac_info_grid{
      grid-template-columns: repeat(2,1fr);
    gap: 8px;
    }

    .zodiac_bottom_cta {
    padding: 40px 24px;
    margin-top: 40px;
  }

    .zodiac_bottom_cta h3{
        font-size:30px;
    }

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

    .zodiac_cta_btn{
        width:100%;
    }
}

.yearly_horoscope_hero .history_image_circle{
    background: linear-gradient(264.83deg,rgb(234, 227, 27) 46.41%,rgb(239, 234, 32) 134.94%) !important;
    animation: historyRotate 80s linear infinite;
}
.yearly_horoscope_hero .history_rotate_circle {
  border-color: rgb(234, 227, 27) ;
}




/* =========================================================
CAREER SERVICE SECTION
========================================================= */
.career_service_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
BLUR
========================================================= */
.career_blur{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.blur_left{
    width:320px;
    height:320px;

    top:-120px;
    left:-120px;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.10),
    transparent 72%);
}

.blur_right{
    width:280px;
    height:280px;

    bottom:-100px;
    right:-100px;

    background:
    radial-gradient(circle,
    rgba(111,66,193,.10),
    transparent 72%);
}

/* =========================================================
WRAP
========================================================= */
.career_service_wrap{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:40px;
    margin-top: 0px;
    position:relative;
    z-index:2;
}

/* =========================================================
LEFT CONTENT
========================================================= */
.career_service_content{
    display:flex;
    flex-direction:column;
    gap:35px;
}

/* =========================================================
IMAGE
========================================================= */
.career_service_thumb{
height: 500px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,.08);
  transition: 1.5s ease-in-out;
}

.career_service_thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: 1.5s ease-in-out;
  transform: scale(1.0);
}
.career_service_thumb:hover img{
    transition: 1.5s ease-in-out;
  transform: scale(1.1);
}
/* =========================================================
CONTENT BOX
========================================================= */
.career_service_box{
background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 18px 45px rgba(0,0,0,.05);
}

/* badge */
.career_small_badge{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;
    border-radius:40px;
    background:#fff5dc;
    color:#ff9800;
    font-size:13px;
    font-weight:500;
    margin-bottom:20px;
}

/* title */
.career_service_box h1{
margin: 0 0 15px;
  color: #1c2440;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.career_service_box p{
margin: 0 0 20px;
  color: #666;
  font-size: 17px;
  line-height: 1.5;
}

/* sub heading */
.career_service_box h3{
color: #2f184f;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
  margin-top: 30px;
}

/* quote */
.career_service_box blockquote{
    margin:35px 0;

    padding:35px;

    border-radius:28px;

    background:
    linear-gradient(to right,
    #2f184f,
    #45236d);

    color:#fff;

    font-size:24px;
    line-height:1.7;
    font-weight:600;

    font-family:'Urbanist',sans-serif;
}

/* =========================================================
FEATURES
========================================================= */
.career_feature_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;

    margin-top:40px;
}

.career_feature_item{
    display:flex;
    align-items:center;
    gap:12px;

    padding:18px 20px;

    border-radius:18px;

    background:#fff8e8;

    color:#111;

    font-size:15px;
    font-weight:700;
}

.career_feature_item i{
    width:26px;
    height:26px;

    border-radius:50%;

    background:#ffbe18;

    color:#111;

    font-size:11px;

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

/* =========================================================
SIDEBAR
========================================================= */
.career_sidebar{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* widget */
.career_sidebar_widget{
background: linear-gradient(135deg, #2f184f, #4d2a7d);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,.05);
}

/* title */
.career_sidebar_title{
margin: 0 0 18px;
  color: #ffbe18;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
  text-align: center;
}

/* =========================================================
FORM
========================================================= */
.career_query_form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* inputs */
.career_input_group input,
.career_input_group textarea{
    width:100%;

    border:none;
    outline:none;

    border-radius:8px;

    background:#f8f8f8;

    border:1px solid #fff;

    padding:0 20px;

    color:#666;

    font-size:15px;

    transition:.3s ease;
}

.career_input_group input{
    height:50px;
}

.career_input_group textarea{
    height:150px;
    resize:none;

    padding-top:18px;
}

.career_input_group input:focus,
.career_input_group textarea:focus{
    border-color:#ffbe18;
    background:#fff;
}

/* button */
.career_submit_btn{
border: none;
  height: 50px;
  border-radius: 60px;
  background: linear-gradient(to right, #ffbe18, #ff9800);
  color: #111;
  font-size: 15px;
  font-weight: 500;
  transition: .35s ease;
}

.career_submit_btn:hover{
    transform:translateY(-3px);
}

/* =========================================================
SERVICES
========================================================= */
.career_service_list{
    margin:0;
    padding:0;

    list-style:none;
}

.career_service_list li{
    margin-bottom:14px;
}

.career_service_list li:last-child{
    margin-bottom:0;
}

.career_service_list li a{
display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-radius: 6px;
  background: #fafafa;
  color: #555;
  font-size: 15px;
  font-weight: 500;
  transition: .3s ease;
  line-height: 1.4;
}

.career_service_list li a::after{
    content:"\f105";
    font-family:"FontAwesome";
}

.career_service_list li a:hover{
    background:#ffbe18;
    color:#111;
}

/* =========================================================
CONTACT BOX
========================================================= */
.career_contact_box{
    padding:35px;

    border-radius:30px;

    background:
    linear-gradient(135deg,
    #2f184f,
    #4d2a7d);

    text-align:center;
}

/* small */
.career_contact_box span{
    display:block;

    margin-bottom:10px;

    color:#ffbe18;

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

/* title */
.career_contact_box h4{
    margin:0 0 28px;

    color:#fff;

    font-size:32px;
    line-height:1.3;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* links */
.career_contact_box a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    height:56px;

    border-radius:18px;

    margin-bottom:15px;

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

    color:#fff;

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

    transition:.3s ease;
}

.career_contact_box a:last-child{
    margin-bottom:0;
}

.career_contact_box a:hover{
    background:#ffbe18;
    color:#111;
}

/* =========================================================
SERVICE SELECT
========================================================= */
.service_select_wrap{
    position:relative;
}

/* select */
.service_select_wrap select{
    width:100%;
    height:50px;
    border:none;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-radius:8px;
    background:#f8f8f8;
    border:1px solid #fff;
    padding:0 55px 0 20px;
    font-weight:400;
    cursor:pointer;
    transition:.3s ease;
    color: #666;
  font-size: 15px;
}

/* focus */
.service_select_wrap select:focus{
    border-color:#ffbe18;
    background:#fff;
}

/* icon */
.service_select_icon{
    position:absolute;

    top:50%;
    right:22px;

    transform:translateY(-50%);

    color:#777;

    font-size:18px;

    pointer-events:none;

    transition:.3s ease;
}

/* hover */
.service_select_wrap:hover .service_select_icon{
    color:#ff9800;
}

/* selected glow */
.service_select_wrap select:hover{
    border-color:#ffd56b;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .career_service_wrap{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .career_service_thumb{
        height:260px;
        border-radius:24px;
    }

    .career_service_box{
        padding:20px;
    }

    .career_service_box h1{
        font-size:30px;
    }

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

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

    .career_service_box blockquote{
        padding:24px;
        font-size:20px;
    }

    .career_feature_grid{
        grid-template-columns:1fr;
    }

    .career_sidebar_widget{
        padding:24px;
        border-radius:24px;
    }

    .career_sidebar_title{
        font-size:24px;
    }

    .career_contact_box{
        padding:28px 22px;
        border-radius:24px;
    }

    .career_contact_box h4{
        font-size:26px;
    }
}





/* =========================================================
TRUST FEATURE SECTION
========================================================= */
.trust_feature_part{
    position:relative;
    z-index:5;
}

/* =========================================================
WRAP
========================================================= */
.trust_feature_wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

/* =========================================================
CARD
========================================================= */
.trust_feature_card{
position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 11px;
  padding: 35px 28px 30px;
  border: 1px solid rgb(74, 40, 121);
  text-align: center;
  transition: .35s ease;
  box-shadow: 0 15px 40px rgba(0,0,0,.06);
}

/* hover */
.trust_feature_card:hover{
    border-color:#ffbe18;
    box-shadow:
    0 25px 60px rgba(0,0,0,.10);
}

/* top glow */
.trust_feature_card::before{
    content:"";

    position:absolute;

    top:-90px;
    left:50%;

    transform:translateX(-50%);

    width:180px;
    height:180px;
    border-radius:50%;
    background: #4a2879;
}

/* =========================================================
ICON
========================================================= */
.trust_feature_icon{
    position:relative;
    z-index:2;

    width:88px;
    height:88px;

    margin:0 auto 24px;

    border-radius:50%;

    background:
    linear-gradient(135deg,
    #ffbe18,
    #ff9800);
    display:flex;
    align-items:center;
    justify-content:center;
}

/* outer ring */
.trust_feature_icon::before{
    content:"";

    position:absolute;

    inset:-8px;

    border-radius:50%;

    border:2px dashed rgb(255, 164, 7);

    animation:
    rotateTrust 14s linear infinite;
}

/* icon */
.trust_feature_icon i{
    color:#111;

    font-size:34px;
}

/* =========================================================
CONTENT
========================================================= */
.trust_feature_content{
    position:relative;
    z-index:2;
}

/* title */
.trust_feature_content h3{
margin: 0 0 12px;
  color: #1c2440;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.trust_feature_content p{
margin: 0;
  color: #666;
  font-size: 15px;
  line-height: 1.5;
}
 .trust_feature_icon img{
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
/* =========================================================
ANIMATION
========================================================= */
@keyframes rotateTrust{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

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

@media(max-width:767px){

    .trust_feature_part{
        margin-top:0;
    }

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

    .trust_feature_card{
        border-radius:22px;
        padding:28px 22px;
    }

    .trust_feature_icon{
        width:74px;
        height:74px;
    }

   

    .trust_feature_content h3{
        font-size:21px;
    }

    .trust_feature_content p{
        font-size:14px;
    }
}



/* =========================================================
ONLINE CONSULTATION
========================================================= */
.online_consultation_part{
overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #0d0220 0%, #16042d 40%, #25104d 100%);
  margin: 0 20px;
  border-radius: 10px;
}

/* =========================================================
BOX
========================================================= */
.online_consultation_box{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    align-items:center;
    gap:60px;
}



/* astrologer image */
.online_consultation_img > img{
    position:relative;
    z-index:2;

    max-width:430px;

    filter:
    drop-shadow(0 25px 50px rgba(0,0,0,.35));
}
.online_consultation_content .hero-btn-group{
    margin-top: 30px;
}
/* =========================================================
CONTENT
========================================================= */
.online_consultation_content h2{
margin: 0 0 16px;
  color: #fff;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.online_consultation_content p{
    margin:0 0 20px;
    color:rgba(255,255,255,.78);
    font-size:17px;
    line-height:1.5;
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes rotateWheel{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .online_consultation_box{
        grid-template-columns:1fr;
        gap: 40px;
    }

    .online_consultation_img{
        min-height:auto;
    }

    .rotate_circle{
        width:350px;
        height:350px;
    }

    .online_consultation_img > img{
        max-width:300px;
    }
}

@media(max-width:767px){

    .online_consultation_content h2{
        font-size: 30px;
    text-align: center;
    }

    .online_consultation_content p{
        font-size:15px;
        text-align: center;
    }

    .rotate_circle{
        width:250px;
        height:250px;
    }

    .online_consultation_img > img{
        max-width:230px;
    }
}





/* =========================================================
DUAL CTA SECTION
========================================================= */
.dual_cta_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.dual_cta_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* =========================================================
CARD
========================================================= */
.dual_cta_card{
    position:relative;
    overflow:hidden;
    border-radius:15px;
    display:flex;
    align-items:flex-end;
    isolation:isolate;
    box-shadow:
    0 25px 60px rgba(0,0,0,.10);

    transition:.4s ease;
}

/* =========================================================
BG IMAGE
========================================================= */
.dual_cta_bg{
    position:absolute;
    inset:0;
    z-index:-3;
}

.dual_cta_bg img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:1s ease;
}

.dual_cta_card:hover .dual_cta_bg img{
    transform:scale(1.08);
}

/* =========================================================
OVERLAY
========================================================= */
.dual_cta_overlay{
    position:absolute;
    inset:0;
    z-index:-2;

    background:
    linear-gradient(90deg,
    rgba(42,16,71,.96) 0%,
    rgba(42,16,71,.82) 45%,
    rgba(42,16,71,.30) 100%);
}

/* glow */
.dual_cta_card::before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

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

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.20),
    transparent 72%);

    z-index:-1;
}

/* =========================================================
CONTENT
========================================================= */
.dual_cta_content{
    position:relative;
    z-index:2;

    padding:40px;
}

/* tag */
.dual_cta_tag{
    display:inline-flex;
    align-items:center;

    padding:10px 18px;

    border-radius:40px;

    margin-bottom:20px;

    background:
    rgba(255,190,24,.14);

    border:
    1px solid rgba(255,190,24,.25);

    color:#ffbe18;

    font-size:13px;
    font-weight:500;
}

/* title */
.dual_cta_content h3{
margin: 0 0 15px;
  color: #fff;
  font-size: 35px;
  line-height: 1.15;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.dual_cta_content p{
    margin:0 0 30px;

    max-width:500px;

    color:rgba(255,255,255,.82);

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

/* =========================================================
BUTTON
========================================================= */
.dual_cta_btn{
display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 45px;
  padding: 0 28px;
  border-radius: 60px;
  background: linear-gradient(to right, #ffbe18, #ff9800);
  color: #111;
  font-size: 15px;
  font-weight: 500;
  transition: .35s ease;
}

/* icon */
.dual_cta_btn i{
    transition:.3s ease;
}


.dual_cta_btn:hover i{
    transform:translateX(4px);
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .dual_cta_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .dual_cta_card{
        min-height:300px;
        border-radius:24px;
    }

    .dual_cta_content{
        padding:28px;
    }

    .dual_cta_content h3{
        font-size:27px;
    }

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

    .dual_cta_btn{
        /* width:100%;
        justify-content:center; */
        height: 40px;
        font-size: 14px;
    }
    .dual_cta_tag {
  padding: 6px 18px;
  margin-bottom: 20px;
  font-size: 12px;
}
}



/* =========================================================
PROBLEM SOLUTION CLEAN
========================================================= */
.problem_solution_clean_part{
    position:relative;
    overflow:hidden;
    margin: 20px;
  border-radius: 10px;
}

/* =========================================================
GRID
========================================================= */
.problem_solution_clean_grid{
    display:grid;
    gap:28px;
}

/* =========================================================
ITEM
========================================================= */
.problem_solution_clean_item{
   position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 25px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #fff;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:
    0 15px 40px rgba(0,0,0,.05);
}

/* hover */
.problem_solution_clean_item:hover{
    border-color:#ffbe18;
    box-shadow:
    0 25px 60px rgba(0,0,0,.10);
}


/* =========================================================
ICON
========================================================= */
.problem_solution_clean_icon{
width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 54px;
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  color: #111;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
    box-shadow:
    0 18px 40px rgba(255,190,24,.25);
}

/* =========================================================
CONTENT
========================================================= */
.problem_solution_clean_content{
    flex:1;
}

/* title */
.problem_solution_clean_content h3{
margin: 0 0 8px;
  color: #1c2440;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.problem_solution_clean_content p{
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.5;
}

/* =========================================================
BUTTON
========================================================= */
.problem_solution_clean_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:44px;

    padding:0 18px;

    border-radius:50px;

    background:
    linear-gradient(to right,
    #2f184f,
    #4d2a7d);

    color:#fff;

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

    transition:.35s ease;
}

/* hover */
.problem_solution_clean_btn:hover{
    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800);

    color:#111;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .problem_solution_clean_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .problem_solution_clean_item{
        flex-direction:column;
        padding:22px;
    }

    .problem_solution_clean_icon{
        width:68px;
        height:68px;

        font-size:24px;
    }

    .problem_solution_clean_content h3{
        font-size: 20px;
        text-align: center;
    }

    .problem_solution_clean_content p{
        font-size:15px;
        text-align: center;
    }

    .problem_solution_clean_btn{
position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0;
    height: 40px;
    font-weight: 500;
    }
}

/* =========================================================
CTA IMAGE GRID
========================================================= */
.cta_img_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* image link */
.cta_img_grid a{
    display:block;

    overflow:hidden;

    border-radius:10px;

    position:relative;

    box-shadow:
    0 15px 40px rgba(0,0,0,.08);
}
.about_info_content h5{
color: #3f2267;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* image */
.cta_img_grid img{
    width:100%;
    display:block;
height: 100%;
  object-fit: cover;
    transition:transform .6s ease;
}

/* hover */
.cta_img_grid a:hover img{
    transform:scale(1.1);
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .cta_img_grid{
        grid-template-columns:1fr;
    }
}




/* =========================================================
WHY CHOOSE CAREER
========================================================= */
.why_choose_career_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.why_choose_career_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* =========================================================
CARD
========================================================= */
.why_choose_career_card{
    position:relative;

    display:flex;
    align-items:flex-start;
    gap:24px;

    padding:35px;

    border-radius:10px;

    background:#fff;

    border:1px solid #eee;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);
}

/* hover */
.why_choose_career_card:hover{
    transform:translateY(-4px);

    border-color:#ffbe18;

    box-shadow:
    0 25px 60px rgba(0,0,0,.10);
}

/* glow */
.why_choose_career_card::before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    top:-120px;
    right:-120px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,190,24,.14),
    transparent 72%);
}

/* =========================================================
ICON
========================================================= */
.why_choose_career_icon{
width: 50px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 48px;
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  color: #111;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================================================
CONTENT
========================================================= */
.why_choose_career_content{
    flex:1;
}

/* title */
.why_choose_career_content h3{
margin: 0 0 10px;
  color: #1c2440;
  font-size: 25px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.why_choose_career_content p{
    margin:0;

    color:#666;

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

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .why_choose_career_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .why_choose_career_card{
        flex-direction:column;

        padding:22px;
    }

    .why_choose_career_icon{
width: 50px;
    height: 65px;
    font-size: 24px;
    margin: auto;
    }

    .why_choose_career_content h3{
        font-size:22px;
        text-align: center;
    }

    .why_choose_career_content p{
        font-size:15px;
        text-align: center;
    }
}






/* =========================================================
GEMSTONE SHOWCASE
========================================================= */
.gemstone_showcase_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.gemstone_showcase_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* =========================================================
CARD
========================================================= */
.gemstone_showcase_card{
    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:#fff;

    border:1px solid #eee;

    transition:.35s ease;

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);
}

/* hover */
.gemstone_showcase_card:hover{
    border-color:#ffbe18;
    box-shadow:
    0 25px 60px rgba(0,0,0,.10);
}

/* =========================================================
TAG
========================================================= */
.gemstone_hot_tag{
position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  padding: 5px 15px;
  border-radius: 40px;
  background: linear-gradient(to right, #ff9800, #ffbe18);
  color: #111;
  font-size: 12px;
  font-weight: 500;
}

/* =========================================================
IMAGE
========================================================= */
.gemstone_showcase_thumb{
height: 260px;
  overflow: hidden;
  background: #ebeef0;
  padding: 10px;
}

.gemstone_showcase_thumb img{
    width:100%;
    height:100%;
    object-fit: contain;
    transition:.7s ease;
}

/* hover */
.gemstone_showcase_card:hover
.gemstone_showcase_thumb img{
    transform:scale(1.08);
}

/* =========================================================
CONTENT
========================================================= */
.gemstone_showcase_content{
    padding:20px;
}

/* title */
.gemstone_showcase_content h3{
margin: 0 0 10px;
  color: #1c2440;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* list */
.gemstone_showcase_content ul{
    margin:0 0 20px;
    padding:0;
    list-style:none;
}

.gemstone_showcase_content ul li{
position: relative;
  padding-left: 22px;
  margin-bottom: 4px;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
}

/* bullet */
.gemstone_showcase_content ul li::before{
    content:"";

    position:absolute;

    top:10px;
    left:0;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#ffbe18;
}

/* =========================================================
BUTTON
========================================================= */
.gemstone_showcase_btn{
display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 50px;
  background: linear-gradient(to right, #2f184f, #4d2a7d);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: .35s ease;

}

/* hover */
.gemstone_showcase_btn:hover{
    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800);

    color:#111;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:1199px){

    .gemstone_showcase_grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:991px){

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

@media(max-width:767px){

    .gemstone_showcase_grid{
        grid-template-columns:1fr;
    }

    .gemstone_showcase_thumb{
        height:240px;
    }

    .gemstone_showcase_content{
        padding:22px;
    }

    .gemstone_showcase_content h3{
        font-size:22px;
    }
}


/* =========================================================
MIDDLE SIDE ARROWS
USE CLASS : cus_arrow
========================================================= */

/* main wrapper */
.cus_arrow{
    position:relative;
}

/* nav wrap */
.cus_arrow .owl-nav{

    margin:0;

}

/* both buttons */
.cus_arrow .owl-nav button{
    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:50px;
    height:50px;

    border-radius:50% !important;

    border:none !important;

    background:
    linear-gradient(135deg,
    rgba(255,190,24,.95),
    rgba(255,152,0,.95)) !important;

    color:#111 !important;

    font-size:24px !important;

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

    z-index:20;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
    0 18px 45px rgba(255,190,24,.35);
}

/* left arrow */
.cus_arrow .owl-nav .owl-prev{
    left:-30px;
}

/* right arrow */
.cus_arrow .owl-nav .owl-next{
    right:-30px;
}

/* circle glow */
.cus_arrow .owl-nav button::before{
    content:"";

    position:absolute;

    width:0;
    height:0;

    border-radius:50%;

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

    transition:.45s ease;
}

/* hover */
.cus_arrow .owl-nav button:hover{
    background:
    linear-gradient(135deg,
    #2f184f,
    #5b2b93) !important;

    color:#fff !important;

    box-shadow:
    0 22px 55px rgba(47,24,79,.35);
}

/* ripple */
.cus_arrow .owl-nav button:hover::before{
    width:140px;
    height:140px;
}

/* icon */
.cus_arrow .owl-nav button span{
    position:relative;
    z-index:2;
}

/* disabled */
.cus_arrow .owl-nav .disabled{
    opacity:.35;
    cursor:not-allowed;
}

/* =========================================================
DOTS
========================================================= */
.cus_arrow .owl-dots{
    margin-top:38px;

    text-align:center;
}

.cus_arrow .owl-dot span{
    width:11px;
    height:11px;

    margin:5px;

    border-radius:30px;

    background:#ddd !important;

    transition:.35s ease;
}

.cus_arrow .owl-dot.active span{
    width:38px;

    background:
    linear-gradient(to right,
    #ffbe18,
    #ff9800) !important;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .cus_arrow .owl-nav .owl-prev{
        left:-15px;
    }

    .cus_arrow .owl-nav .owl-next{
        right:-15px;
    }

    .cus_arrow .owl-nav button{
        width:58px;
        height:58px;

        font-size:20px !important;
    }
}

@media(max-width:767px){

    .cus_arrow .owl-nav button{
        width:48px;
        height:48px;

        font-size:18px !important;
    }

    .cus_arrow .owl-nav .owl-prev{
        left:-8px;
    }

    .cus_arrow .owl-nav .owl-next{
        right:-8px;
    }
}


/* =====================================
STICKY NAVBAR CSS
===================================== */
.main-navbar{
    position: relative;
    width: 100%;
    z-index: 999;
    transition: 0.4s ease;
}

.main-navbar.sticky{
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    animation: stickySlideDown .4s ease;
}

@keyframes stickySlideDown{
    from{
        opacity: 0;
        transform: translateY(-20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}



/* =========================================================
BACK TO TOP
========================================================= */
.back_to_top{
    position:fixed;

    right:28px;
    bottom:28px;

    width: 53px;
  height: 53px;

    z-index:9999;

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

    opacity:0;
    visibility:hidden;

    transform:
    translateY(30px);

    transition:.4s ease;
}

/* active */
.back_to_top.active{
    opacity:1;
    visibility:visible;

    transform:
    translateY(0);
}

/* =========================================================
PROGRESS CIRCLE
========================================================= */
.back_progress_circle{
position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient( #2f184f var(--progress,0%), rgba(255,255,255,.10) 0% );
  
}

/* outer blur */
.back_progress_circle::before{
    content:"";

    position:absolute;

    inset:4px;

    border-radius:50%;

    box-shadow:
    0 0 25px rgba(255,190,24,.22);
}

/* =========================================================
BUTTON
========================================================= */
.back_to_top_btn{
    position:relative;
    z-index:2;

    width:45px;
    height:45px;

    border-radius:50%;

    background:
    linear-gradient(135deg,
    #ffbe18,
    #ff9800);

    color:#111;

    font-size:22px;

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

    overflow:hidden;

    transition:.35s ease;
}

/* hover */
.back_to_top_btn:hover{

    background:
    linear-gradient(135deg,
    #2f184f,
    #5b2b93);

    color:#fff;
}

/* ripple */
.back_to_top_btn::before{
    content:"";

    position:absolute;

    width:0;
    height:0;

    border-radius:50%;

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

    transition:.45s ease;
}

.back_to_top_btn:hover::before{
    width:120px;
    height:120px;
}

/* icon */
.back_to_top_btn i{
    position:relative;
    z-index:2;
}


/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:767px){

    .back_to_top{
        right: 15px;
        bottom:18px;
        width: 45px;
        height: 45px;
    }

    .back_to_top_btn{
width: 35px;
    height: 35px;
    font-size: 18px;
    }
}



.prediction_top{
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.zodiac_icon img{
    width: 100%;
    height: 100%;
    filter: brightness(0) saturate(0%) invert(0%) sepia(39%) saturate(742%) hue-rotate(3deg) brightness(105%) contrast(101%);
    padding: 5px;
}
.blog_part .about_info_box{
    margin-bottom: 40px;
}
.cus_bb_white{
    border-bottom: 1px solid #ffffff36;
}

/* =========================================================
VIDEO GALLERY
========================================================= */
.video_gallery_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.video_gallery_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* =========================================================
ITEM
========================================================= */
.video_gallery_item{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    background:#000;
    transition:.35s ease;
    box-shadow:
    0 15px 40px rgba(0,0,0,.06);
}

/* hover */
.video_gallery_item:hover{
    border-color:#ffbe18;
    box-shadow:
    0 25px 60px rgba(0,0,0,.12);
}

/* =========================================================
IFRAME
========================================================= */
.video_gallery_item iframe{
    width:100%;
    height:100%;

    min-height:240px;

    border:none;

    display:block;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

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

@media(max-width:767px){

    .video_gallery_grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .video_gallery_item{
        border-radius:20px;
    }

    .video_gallery_item iframe{
        min-height:220px;
    }
}




/* =========================================================
BLOG AUTHOR BOX
========================================================= */
.blog_author_box{
position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 35px;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px;
  background: #2f184f;
  margin-top: 0;
}


/* =========================================================
IMAGE
========================================================= */
.blog_author_image{
    position:relative;

    width:220px;
    height:220px;

    flex-shrink:0;

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

/* shape */
.blog_author_image_shape{
    position:absolute;

    inset:0;

    border-radius:38% 62% 50% 50% / 45% 42% 58% 55%;

    background:
    linear-gradient(135deg,
    #ffbe18,
    #ff9800);

    animation:
    morphShape 6s linear infinite;
}

/* image */
.blog_author_image img{
position: relative;
  z-index: 2;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 6px solid #fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  object-fit: contain;
}

/* =========================================================
CONTENT
========================================================= */
.blog_author_content{
    position:relative;
    z-index:2;
}

/* label */
.blog_author_label{
display: inline-flex;
  align-items: center;
  padding: 6px 18px;
  border-radius: 50px;
  margin-bottom: 12px;
  background: #fff;
  color: #2f184f;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

/* title */
.blog_author_content h3{
margin: 0 0 10px;
  color: #ffa408;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.blog_author_content p{
margin: 0;
  color: #ffffffb5;
  font-size: 16px;
  line-height: 1.5;
  max-width: 760px;
}

/* =========================================================
SOCIAL
========================================================= */
.blog_author_social{
    display:flex;
    align-items:center;
    gap:14px;

    margin-top:20px;
}

/* link */
.blog_author_social a{
width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #eee;
  color: #1c2440;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .35s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* hover */
.blog_author_social a:hover{
    transform:translateY(-6px);

    background:
    linear-gradient(135deg,
    #ffbe18,
    #ff9800);

    color:#111;

    border-color:#ffbe18;

    box-shadow:
    0 18px 45px rgba(255,190,24,.30);
}

/* =========================================================
ANIMATION
========================================================= */
@keyframes morphShape{

    0%{
        border-radius:38% 62% 50% 50% / 45% 42% 58% 55%;
    }

    50%{
        border-radius:62% 38% 40% 60% / 52% 60% 40% 48%;
    }

    100%{
        border-radius:38% 62% 50% 50% / 45% 42% 58% 55%;
    }
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .blog_author_box{
        flex-direction:column;
        text-align:center;
    }

    .blog_author_social{
        justify-content:center;
    }
}

@media(max-width:767px){

    .blog_author_box{
        padding: 20px;
        gap: 20px;
    }

    .blog_author_image{
        width:180px;
        height:180px;
    }

    .blog_author_image img{
        width:150px;
        height:150px;
    }

    .blog_author_content h3{
        font-size:25px;
    }

}


.career_sidebar_widget_wp .whatsapp_women{
    width: 100%;
    height: 385px;
}
.whatsapp_women img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.career_sidebar_widget_wp .cta_call_btn {
  gap: 13px;
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: none;
  width: 100%;
}
.career_sidebar_widget_wp .cta_call_btn i {
font-size: 35px;
  width: 65px;
  height: 65px;
}
.career_sidebar_widget_wp .cta_call_btn strong {
  font-size: 32px;
}
.career_sidebar_widget_wp .cta_call_btn small {
font-size: 14px;
  margin-top: 8px;
  padding: 4px 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 3px;
}

.sec_padding3 {
    padding: 30px 0;
}
.cus_mt_60{
    margin-top: 60px;
}
.shop_button{
    margin-top: 30px;
}
.shop_button .btn-horo {
  padding: 10px 28px;
}
.shop_button .btn-horo:hover {
  background-color: #2f184f;
  border-color: #2f184f;
  color: #fff;
}





/* =========================================================
MISSION VISION SECTION
========================================================= */
.mission_vision_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.mission_vision_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    position:relative;
    z-index:2;
}

/* =========================================================
CARD
========================================================= */
.mission_vision_card{
    position:relative;
    overflow:hidden;
    padding:35px;
    border-radius:10px;
    background:#fff;
    transition:.35s ease;
    box-shadow:
    0 20px 60px rgba(0,0,0,.05);
}

/* hover */
.mission_vision_card:hover{
    box-shadow:
    0 30px 80px rgba(0,0,0,.10);
}


/* =========================================================
ICON
========================================================= */
.mission_vision_icon{
width: 90px;
  height: 90px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  color: #111;
  font-size: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.mission_vision_icon img{
    width: 60px;
  height: 60px;
  object-fit: contain;
}
/* =========================================================
CONTENT
========================================================= */
.mission_vision_content{
    position:relative;
    z-index:2;
}

/* title */
.mission_vision_content h3{
  margin: 0 0 15px;
  color: #1c2440;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* text */
.mission_vision_content p{
    margin:0 0 18px;
    color:#4e4e4e;
    font-size:15px;
    line-height:1.5;
}

/* remove last */
.mission_vision_content p:last-child{
    margin-bottom:0;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .mission_vision_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .mission_vision_card{
        padding:25px;
    }

    .mission_vision_content h3{
        font-size:25px;
    }

    .mission_vision_content p{
        font-size:14px;
    }
    .mission_vision_icon {
    width: 75px;
    height: 75px;
    margin-bottom: 18px;
    }
    .mission_vision_icon img {
    width: 55px;
    height: 55px;
    }


}






/* =========================================================
SITEMAP SECTION
========================================================= */
.sitemap_part{
    position:relative;
    overflow:hidden;
}

/* =========================================================
GRID
========================================================= */
.sitemap_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;

    position:relative;
    z-index:2;
}

/* =========================================================
CARD
========================================================= */
.sitemap_card{
    position:relative;
    overflow:hidden;
    padding:35px;
    border-radius:10px;
    background:#fff;
    transition:.35s ease;
}

/* hover */
.sitemap_card:hover{
    border-color:#ffbe18;
    box-shadow:
    0 30px 70px rgba(0,0,0,.10);
}


/* =========================================================
ICON
========================================================= */
.sitemap_card_icon{
width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 22px;
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  color: #111;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================================================
TITLE
========================================================= */
.sitemap_card h3{
margin: 0 0 20px;
  color: #1c2440;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

/* =========================================================
LIST
========================================================= */
.sitemap_card ul{
    margin:0;
    padding:0;

    list-style:none;
}

.sitemap_card ul li{
    margin-bottom:6px;
}

/* link */
.sitemap_card ul li a{
position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
  transition: .3s ease;
}

/* bullet */
.sitemap_card ul li a::before{
    content:"";

    width:10px;
    height:10px;

    border-radius:50%;

    background:#ffbe18;

    flex-shrink:0;

    transition:.3s ease;
}

/* hover */
.sitemap_card ul li a:hover{
    color:#ff9800;

    transform:translateX(6px);
}

.sitemap_card ul li a:hover::before{
    background:#5b2b93;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:991px){

    .sitemap_grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .sitemap_card{
        padding:28px;

        border-radius:24px;
    }

    .sitemap_card_icon{
        width:68px;
        height:68px;

        font-size:24px;

        border-radius:20px;
    }

    .sitemap_card h3{
        font-size:26px;
    }

    .sitemap_card ul li a{
        font-size:15px;
    }
}




.policy_update{
display: inline-block;
  margin-bottom: 20px;
  padding: 8px 16px;
  border-radius: 30px;
  background: #fff3d7;
  color: #ff9800;
  font-size: 12px;
  font-weight: 500;
}

.policy_block{
    margin-top:35px;
    padding:30px;
    background:#fff;
    border-radius:20px;
    border:1px solid #eee;
}
.about_info_content h4 {
  margin: 0 0 15px;
  color: #1c2440;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}
.about_info_content h6 {
  margin: 0 0 10px;
  color: #c37400;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}
.about_info_content ul {
    list-style: disc;
    margin-bottom: 15px;
    padding-left: 15px; 
}
.about_info_content ul li{
  margin: 0 0px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.5;
}

.policy_block h4{
    margin:0 0 15px;
    font-size:24px;
    color:#1c2440;
    font-weight:700;
    font-family:'Urbanist',sans-serif;
}

.policy_block p{
    margin-bottom:15px;
}

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

.policy_block ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:12px;
    color:#666;
    line-height:1.8;
}

.policy_block ul li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ffbe18;
    font-weight:700;
}

@media(max-width:767px){

    .policy_block{
        padding:20px;
    }

    .policy_block h4{
        font-size:20px;
    }

}

.career_service_box p i{
color: #00b14e;
  padding-right: 3px;
}
.about_info_content p i{
color: #00b14e;
  padding-right: 3px;
}
.about_info_content b {
  font-weight: 500;
}
.career_service_box b {
  font-weight: 500;
}


@media(max-width:767px){
.fixed_part {
  left: 5%;
  bottom: 80px;
  flex-direction: row;
  width: 90%;
  justify-content: space-between;
}
.fixed_part a {
  width: 40px;
  height: 40px;
  font-size: 19px;
}
.trust_feature_card::before {
  top: -65px;
  width: 140px;
  height: 140px;
}
.trust_feature_icon img {
  width: 45px;
  height: 45px;
}
.about_info_content h5 {
  font-size: 17px;
}
.about_info_content p {
  margin: 0 0 15px;
  font-size: 15px;
  line-height: 1.5;
}
.blog_details_text ul li {
  padding-left: 32px;
  font-size: 15px;
  line-height: 1.5;
}
.blog_author_content p {
  font-size: 15px;
  line-height: 1.5;
}
.cus_mt_60 {
  margin-top: 35px;
}
.prediction_top {
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
.zodiac_prediction_content {
  grid-template-columns: repeat(1,1fr);
}
.zodiac_bottom_tip span {
  padding: 10px 16px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}
.zodiac_info_item {
  padding: 12px 16px;
}


}



/* ====================================================
ASTRO PROCESS SECTION
==================================================== */
.astro_steps_part{
    position:relative;
    overflow:hidden;
}


/* ====================================================
GRID
==================================================== */
.astro_steps_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:34px;

    position:relative;
    z-index:2;
}

/* ====================================================
CARD
==================================================== */
.astro_step_card{
position: relative;
  padding: 35px 20px;
  border-radius: 10px;
  text-align: center;
  transition: .45s ease;
  overflow: visible;
  box-shadow: 0 20px 50px rgba(0,0,0,.05);
  background: #fff;
}

/* hover */
.astro_step_card:hover{
    border-color:#ffbe18;
}

/* ====================================================
NUMBER
==================================================== */
.astro_step_number{
    position:absolute;

    top:22px;
    left:24px;

    color:#ffb300;

    font-size:24px;
    font-weight:800;

    font-family:'Urbanist',sans-serif;
}

/* ====================================================
ICON
==================================================== */
.astro_step_icon{
width: 100px;
  height: 100px;
  margin: 0 auto 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff6db, #fff7df);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: astroFloat 3s ease-in-out infinite;
}

.astro_step_icon::after{
content: "";
  position: absolute;
  inset: -8px;
  border-radius: 74px;
  border: 1px dashed rgb(255, 176, 15);
  animation: rotateBorder 12s linear infinite;
}

.astro_step_icon img{
    width:58px;
    position:relative;
    z-index:2;
}

/* ====================================================
ARROW
==================================================== */
.astro_arrow{
position: absolute;
  top: 50%;
  right: -42px;
  width: 50px;
  height: 25px;
  border-radius: 30px;
  background: linear-gradient(135deg, #ffbe18, #ff9800);
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  z-index: 20;
  box-shadow: 0 12px 30px rgba(255,190,24,.35);
  animation: arrowPulse 2s infinite;
}

.astro_arrow i{
    font-size:17px;

    animation:arrowMove 1.2s infinite;
}

/* last item */
.astro_step_card:last-child .astro_arrow{
    display:none;
}

/* ====================================================
TEXT
==================================================== */
.astro_step_card h3{
margin: 0px 0 10px;
  color: #1c2440;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Urbanist',sans-serif;
}

.astro_step_card p{
    margin:0;
    color:#666;
    font-size:16px;
    line-height:1.4;
}

/* ====================================================
ANIMATION
==================================================== */
@keyframes astroFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0px);
    }
}

@keyframes rotateBorder{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

@keyframes arrowPulse{

    0%{
        box-shadow:
        0 0 0 0 rgba(255,190,24,.45);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(255,190,24,0);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(255,190,24,0);
    }
}

@keyframes arrowMove{

    0%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(4px);
    }

    100%{
        transform:translateX(0);
    }
}

/* ====================================================
RESPONSIVE
==================================================== */
@media(max-width:1199px){

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

    .astro_step_card:nth-child(2) .astro_arrow{
        display:none;
    }
}

@media(max-width:767px){

    .astro_steps_grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .astro_step_card{
        padding:35px 25px;
    }

    .astro_step_card h3{
        font-size:24px;
    }

    .astro_arrow{
        display:none;
    }

    .astro_step_icon{
        width:100px;
        height:100px;
    }

    .astro_step_icon img{
        width:48px;
    }
    .hero-astro-image img {
  height: 300px;
}
.branch-contact a {
  min-height: 38px;
  border-radius: 5px;
}
.branch-contact {
  margin-bottom: 15px;
}
.award_content {
  padding: 40px 40px 53px;
  height: 200px;
}




}