/*-----------------------------------------------------------------------------------

 Theme Name: FTPASS
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Jost", sans-serif;*/


:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --primary-font-family: "Jost", sans-serif;
      --c1:#9b3fd1;
    --c1b:#c084fc;
    --c2:#7c3aed;
    --c2b:#8b5cf6;
    --c3:#4f6ef7;
    --c3b:#6b8bff;
    --c4:#38bdf8;
    --c4b:#5fc9f7;
        --purple:#7c5cf0;
    --orange:#f6a821;
    --blue:#2f7dfb;
    --teal:#0fb2a4;
      --bg-dark:#100e28;
    --accent1:#7b5cf0;
    --accent2:#4f6bf0;
      --ink:#0f172a;
      --muted:#64748b;
      --line:#eef0f4;
      --indigo:#4f46e5;  --indigo-2:#6366f1;
      --blue:#2563eb;    --blue-2:#3b82f6;
      --green:#16a34a;   --green-2:#22c55e;
      --orange:#ea580c;  --orange-2:#f97316;
      --card-bg:#fbfbfd;
       --violet:#6d4bff;
      --violet-2:#8b6bff;
      --blue:#3aa0ff;
      --ink:#1e2340;
      --muted:#6b7280;
      --line:#eef0f6;
}
body{font-family: var(--primary-font-family);}
p{   font-family: "Jost", sans-serif;}
h1{   font-family: "Jost", sans-serif; }
h2{   font-family: "Jost", sans-serif; }
h3{   font-family: "Jost", sans-serif; }
h4{   font-family: "Jost", sans-serif; margin-bottom: 0; }
h5{   font-family: "Jost", sans-serif; }
h6{   font-family: "Jost", sans-serif; }
a{   font-family: "Jost", sans-serif;}
li{   font-family: "Jost", sans-serif;}
div{   font-family: "Jost", sans-serif;}
input{   font-family: "Jost", sans-serif;}
span{   font-family: "Jost", sans-serif;}
label{   font-family: "Jost", sans-serif;}
button{   font-family: "Jost", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #fff;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/
.topbar{ background-image: linear-gradient(to right, #B753E8 , #0346D8);}
.top-left ul{padding-left:0px; list-style-type:none; display: flex; gap: 20px;}
.top-left ul li{position: relative;padding: 10px 15px;}
.top-left ul li a{color: #fff; text-decoration: none;}
.top-left ul li i{color: #fff; margin-right: 7px;}
.top-left ul li:after{content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; right: -11px; top: 0;}
.top-left ul li:last-child:after{display: none;}
.top-right ul{padding-left:0px;list-style-type:none;display: flex;justify-content: flex-end;}
.top-right ul li{position: relative;padding: 10px 15px;}
.top-right ul li a{color: #fff;text-decoration: none;display: block;}
.top-right ul li i{color: #fff;margin-right: 0;}
.top-right ul li:after{content: '';width: 1px;height: 100%;background-color: #fff;position: absolute;right: -1px;top: 0;}
.top-right ul li:last-child:after{display: none;}
.navbar-nav{gap:22px;}
.navbar-nav li a{color: #000; font-size: 15px;}
.nav-right a{    background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; text-decoration:none; font-size:15px; border-radius:8px; padding:10px 25px; }
.nav-right a i{margin-left: 7px;}

/*========================header css end===========================*/

/*============================================Home main banner css start=======================================*/
.banner-right img{width: 100%;}
.main-banner-div{background-position: right; background-repeat: no-repeat; background-size: cover;}
.banner-con-inn h5{color: #344CE8; font-size: 18px; margin-bottom: 15px;}
.banner-con-inn h2{font-weight: 600; margin-bottom: 15px;font-size: 37px;}
.banner-con-inn h2 span{color: #344CE8;}
.banner-con-inn p{font-size: 15px; color: #000;}
.banner-con-inn a{    background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; text-decoration:none; font-size:15px; border-radius:8px; padding:10px 25px; display: inline-block; margin-top: 15px;}
.banner-con-inn a i{margin-left: 7px;}
.banner-left-con{display: flex; align-items: center; height: 100%;}
/*============================================Home main banner css end=======================================*/

/*============================================Home service css start=======================================*/

.service-wrapps{padding: 50px 0px;}
.serv-head{text-align: center;}
.serv-head h5{color: #344CE8; font-size: 18px; margin-bottom: 15px;}
.serv-head h2{font-weight: 600; margin-bottom: 15px;font-size: 30px;}
.serv-head h2 span{color: #344CE8;}
.serv-box{background-color: #fff;box-shadow: 0px 0px 10px #ccc;padding: 20px;border-radius: 10px;margin-top: 60px;}
.serv-icon{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #B553E8;margin-top: -70px;background-color: #fff;margin: -57px auto 13px;}
.serv-icon img{width: 100%;border-radius: 50%;}
.serv-box h3{font-size: 20px;font-weight: 600;color: #000;text-align: center;}
.serv-box p{font-size: 15px;color: #000;margin-bottom: 0px;text-align: center;}


/*============================================Home service  css end=======================================*/

/*============================================Home process  css start=======================================*/

 .process-section{position:relative; overflow:hidden; padding:50px 0 50px; background-size: cover; background-repeat: no-repeat; }
 .process-container{position:relative; z-index:2; }
 .step-col{text-align:center; padding:0 18px; position:relative; }
 .icon-wrap{position:relative; width:170px; height:170px; margin:0 auto 28px; display:flex; align-items:center; justify-content:center; }
 .icon-glow{position:absolute; inset:8px; border-radius:50%; background: rgb(255 255 255 / 55%); box-shadow: 0px 0px 10px #ccc; }
 .icon-arc{position:absolute; inset:0; border-radius:50%; border:5px solid transparent; border-top-color:var(--arc-color); border-left-color:var(--arc-color); border-bottom-color:var(--arc-color); transform:rotate(-15deg); }
 .icon-badge{position:relative; z-index:2; width:88px; height:88px; border-radius:22px; /* background:linear-gradient(145deg,#ffffff,#f1eefc); */ /* box-shadow:0 12px 28px -8px rgba(80,40,140,0.35); */ display:flex; align-items:center; justify-content:center; font-size:2.4rem; }
  .icon-badge img{width: 100%;}
  .step-number{display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; color:#fff; font-weight:700; font-size:1.15rem; background:linear-gradient(145deg,var(--num-a),var(--num-b)); box-shadow:0 8px 18px -4px rgba(0,0,0,0.25); margin-bottom:14px; position:relative; z-index:2; }
 .step-underline{width:46px; height:4px; border-radius:4px; margin:6px auto 18px; background:linear-gradient(90deg,var(--num-a),var(--num-b)); }
 .step-title{font-weight:700; font-size:1.15rem; color:#1c1c2e; margin-bottom:12px; position:relative; z-index:2; }
 .step-desc{font-size:0.92rem; color:#4a4a5a; line-height:1.55; max-width:260px; margin:0 auto; position:relative; z-index:2; }
  /* single dashed wavy line connecting all step numbers, desktop only */
  .connector-line{display:none; }
  @media (min-width:992px){
    .connector-line{display:block; position:absolute; top:246px; left:0; right:0; height:60px; z-index:1; pointer-events:none; }
    .connector-line svg{ width:100%; height:100%; display:block; }
  }
  @media (max-width:991.98px){
    .step-col{margin-bottom:56px; }
    .step-col:last-child{ margin-bottom:0; }
  }
  .process-section .serv-head{margin-bottom: 50px;}

  /*============================================Home process  css end=======================================*/


  /*============================================Home vms  css start=======================================*/
.vms-wrapp{padding: 50px 0px;}

.vms-brochure{    background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; text-decoration:none; font-size:15px; border-radius:8px; padding:10px 25px; display: inline-block; margin-top: 15px;}
.vms-brochure i{margin-left: 7px;}

.vms-workflow{    background-color: #000; color:#fff; text-decoration:none; font-size:15px; border-radius:8px; padding:10px 25px; display: inline-block; margin-top: 15px; margin-left: 10px;}
.vms-workflow i{margin-left: 7px;}
.vms-con h5{color: #344CE8; font-size: 18px; margin-bottom: 15px;}
.vms-con h2{font-weight: 600; margin-bottom: 15px;font-size: 37px;}
.vms-con h2 span{color: #344CE8;}
.vms-con p{font-size: 15px; color: #000;}
.vms-con{display: flex; align-items: center; height: 100%;}
.vms-con ul{padding-left: 0px; list-style-type: none; display: flex; flex-wrap: wrap;}
.vms-con ul li{width: 40%; margin-bottom: 10px; font-size: 15px;}
.vms-con ul li img{margin-right: 7px;}


  /*============================================Home vms  css end=======================================*/

/*============================================Home counter  css end=======================================*/

 .stats-section{position:relative; overflow:hidden; padding:50px 0; background-size: cover; background-repeat: no-repeat; }
 .stats-container{position:relative; z-index:2; }
 .stat-col{position:relative; }
 .stat-card{background:#ffffff; border-radius:22px; padding:34px 22px 30px; text-align:center; box-shadow:0 18px 40px -18px rgba(90,60,160,0.22); height:100%; }
.icon-circle {position: relative; width: 130px; height: auto; margin: 0 auto 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; }
 .icon-circle .glow{position:absolute; inset:0; border-radius:50%; z-index:0; box-shadow: inset -8px -10px 18px rgba(0,0,0,0.10), inset 6px 8px 14px rgba(255,255,255,0.85), 0 14px 22px -8px rgba(60,40,120,0.30), 0 2px 4px rgba(60,40,120,0.12); }
 .icon-circle .glow::before{content:""; position:absolute; top:10%; left:14%; width:42%; height:26%; border-radius:50%; background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0)); filter:blur(1px); transform:rotate(-18deg); }
  .icon-circle i{position:relative; z-index:1; filter:drop-shadow(0 3px 4px rgba(40,20,80,0.18)); }
  .stat-number{font-weight:800; font-size:2.1rem; margin-bottom:6px; letter-spacing:-0.5px; }
 .stat-label{color:#5a5a6a; font-size:0.95rem; margin-bottom:16px; }
 .stat-underline{width:38px; height:4px; border-radius:4px; margin:0 auto; }
  /* connector: dot centered in the gap, with lines extending to each card, desktop only */
  .connector-dot{display:none; }
  @media (min-width:992px){
    .connector-dot{display:flex; position:absolute; top:89px; right:0; transform:translateX(50%); width:44px; z-index:1; align-items:center; justify-content:center; pointer-events:none; }
    .connector-dot .line{flex:1; height:2px; }
    .connector-dot .dot{width:12px; height:12px; border-radius:50%; flex-shrink:0; margin:0 4px; box-shadow:0 0 0 4px rgba(255,255,255,0.9); }
  }
  @media (max-width:991.98px){
    .stat-col{margin-bottom:24px; }
  }
  .icon-circle img{width: 100%;}

/*============================================Home vms  css end=======================================*/

/*============================================Home features  css end=======================================*/
.home-features-wrapp{padding: 50px 0px;}
  .home-features-wrapp .feature-card{background:#fff; border-radius:18px; padding:28px 24px 30px; height:100%; box-shadow:0 4px 18px rgba(20,20,43,.06); border:1px solid #f0f1f6; transition:transform .25s ease, box-shadow .25s ease; text-align:center; display:flex; flex-direction:column; align-items:center; }
 .home-features-wrapp .feature-card:hover{transform:translateY(-4px); box-shadow:0 10px 28px rgba(20,20,43,.10); }
 .home-features-wrapp .icon-wrap{width:100%; height:auto; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
  .home-features-wrapp .feature-card  .icon-wrap img{width: 100%;}
  .home-features-wrapp .icon-wrap i{font-size:60px; }
  .home-features-wrapp .num-badge{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px; color:#fff; font-weight:700; font-size:14px; flex:0 0 auto; }
 .home-features-wrapp .num-dots{flex:1; height:2px; margin-left:10px; background-size:8px 2px; background-repeat:repeat-x; -webkit-mask-image:linear-gradient(to right, #000 60%, transparent 100%); mask-image:linear-gradient(to right, #000 60%, transparent 100%); }
  .home-features-wrapp .num-dots.dots-purple{background-image:radial-gradient(circle, var(--purple) 1.4px, transparent 1.6px);}
  .home-features-wrapp .num-dots.dots-orange{background-image:radial-gradient(circle, var(--orange) 1.4px, transparent 1.6px);}
  .home-features-wrapp .num-dots.dots-blue{background-image:radial-gradient(circle, var(--blue) 1.4px, transparent 1.6px);}
  .home-features-wrapp .num-dots.dots-teal{background-image:radial-gradient(circle, var(--teal) 1.4px, transparent 1.6px);}
  .home-features-wrapp .num-row{display:flex; align-items:center; margin-bottom:19px; width:100%; max-width:150px; justify-content:center; }
 .home-features-wrapp .feature-title{font-weight: 700; font-size: 22px; color: #1c2237; margin-bottom: 8px; line-height: 1.3; width: 90%; }
 .home-features-wrapp .title-underline{width:36px; height:3px; border-radius:3px; margin-bottom:12px; margin-left:auto; margin-right:auto; }
 .home-features-wrapp .feature-text{color:#6b7186; font-size:.92rem; line-height:1.55; margin-bottom:0; }
  /* color variants */
  .home-features-wrapp .bg-purple{background:var(--purple);}
  .home-features-wrapp .bg-orange{background:var(--orange);}
  .home-features-wrapp .bg-blue{background:var(--blue);}
  .home-features-wrapp .bg-teal{background:var(--teal);}
  .home-features-wrapp .text-purple{color:var(--purple);}
  .home-features-wrapp .text-orange{color:var(--orange);}
  .home-features-wrapp .text-blue{color:var(--blue);}
  .home-features-wrapp .text-teal{color:var(--teal);}
  .home-features-wrapp .serv-head{margin-bottom: 40px;}

/*============================================Home features  css end=======================================*/

/*============================================footer  css start=======================================*/
.footer{background:var(--bg-dark); color:#d7d7e2; padding:40px 0 0px; }
 .footer h5{color:#fff; font-weight:700; margin-bottom:22px; font-size: 24px; }
 .footer p{font-size: 15px; line-height:1.7; color: #fff; }
 .footer .footer-links{list-style:none; padding:0; margin:0; }
 .footer .footer-links li{margin-bottom:14px; }
 .footer .footer-links a{color: #fff; text-decoration:none; font-size: 15px; display:flex; align-items:center; gap:8px; transition:color .2s ease; }
 .footer .footer-links a:hover{color:#fff; }
 .footer .footer-links i{font-size:.75rem; color:#fff; }
  /* certification badges */
  .footer .cert-badge{width: 100%; height: auto; border-radius: 50%; background: unset; border: unset; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; font-size: .6rem; line-height: 1.15; padding: 0; }
 .footer .cert-badge .cert-main{font-weight:800; font-size:1rem; letter-spacing:1px; }
  /* store buttons */
  .footer .store-btn{display: flex; align-items: center; gap: 8px; background: unset; border: unset; border-radius: 6px; padding: 0; color: #fff; text-decoration: none; font-size: .72rem; line-height: 1.1; }
    .footer .store-btn img{width: 100%;}
 .footer .store-btn i{font-size:1.4rem; }
  .footer .store-btn .store-text small{display:block; font-size:.6rem; color:#c9c9d6; }
 .footer .store-btn .store-text strong{font-size:.85rem; }
  /* social icons */
  .footer .social-icon{width:38px; height:38px; border-radius:50%; border:1px solid #4a4a63; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; font-size:1rem; transition:background .2s ease, border-color .2s ease; }
 .footer .social-icon:hover{background:var(--accent1); border-color:var(--accent1); color:#fff; }
  /* make in india badge */
  .footer .mii-badge{width: 130px; border-radius: 8px; overflow: hidden; border: 1px solid #3b3b52; background: unset; position: relative; height: auto; display: flex; align-items: center; justify-content: center; }
 .footer .mii-badge span{background:rgba(0,0,0,.55); color:#fff; font-size:.7rem; font-weight:700; padding:4px 10px; border-radius:4px; letter-spacing:.5px; }
  .footer .mii-badge img{width: 100%;}
  /* form */
  .footer .footer-input{background:transparent; border:1px solid #4a4a63; color:#fff; border-radius:8px; padding:12px 16px; font-size:.9rem; width:100%; }
 .footer .footer-input::placeholder{color:#9a9ab0; }
 .footer .footer-input:focus{outline:none; border-color:var(--accent1); box-shadow:0 0 0 3px rgba(123,92,240,.2); background:transparent; color:#fff; }
 .footer .captcha-box{background:#f4ecd8; border-radius:8px; height:48px; display:flex; align-items:center; justify-content:center; font-family:'Courier New', monospace; font-weight:700; font-size:1.2rem; color:#333; letter-spacing:2px; position:relative; overflow:hidden; }
 .footer .captcha-box::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg, rgba(0,0,0,.06) 0 2px, transparent 2px 8px); }
 .footer .btn-reset{background:#fff; color:#1c1c2e; border:none; border-radius:8px; padding:9px 24px; font-weight:600; font-size:15px; }
 .footer .btn-submit{background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; border:none; border-radius:8px; padding:9px 28px; font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:8px; }
 .footer .btn-submit:hover, .btn-reset:hover{opacity:.92; color:inherit; }
  /* contact */
  .footer .contact-icon{width:34px; height:34px; border-radius:50%; border:1px solid #4a4a63; display:flex; align-items:center; justify-content:center; color:#fff; font-size:.9rem; flex:0 0 auto; }
 .footer .contact-item{display:flex; align-items:center; gap:12px; margin-bottom:16px; font-size: 15px; color: #fff; }
 .footer .brand-sup{font-size:.6rem; vertical-align:super; }
  .cert-badge img{width:90%;}
  .copyright{background-image: linear-gradient(to right, #B753E8, #0346D8); padding: 15px; margin-top: 50px;}
  .copyright p{text-align: center; font-size: 15px; margin-bottom: 0px;}
/*============================================footer  css end=======================================*/



/*==========================Inner banner section css start==========================*/

.inner-banner-inner{background-position: 100%;background-size: cover;height: 500px;position: relative;}
.inner-banner-main{opacity: 1;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;height: 100%;width: 100%;top: 0;left: 0;position: absolute;display: flex; justify-content: center; align-items: center;}
.inner-banner-content h3{color: #fff;font-weight: 700;font-size: 38px;padding-top: 80px;text-transform: uppercase;}
.inner-banner-img{width: 100%;}
.inner-banner-img img{width: 100%;}
.inner-banner-img{position: relative;}
.inner-banner-con-inn h2{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}
.inner-banner-con-inn h1{color: #fff; font-weight: 700; font-size: 30px; margin-bottom: 20px;}
ol.breadcrumb li {display: inline; font-size: 18px; color: #fff!important;font-weight: 500;}
ol.breadcrumb li+li:before {padding: 0px; color: #fff!important; content: "/\00a0"; }
ol.breadcrumb li a {color: #fff!important; text-decoration: none; font-weight: 500;}
ol.breadcrumb li a:hover {color: #fff; text-decoration: underline; }
.bread-crumbs{margin-bottom: 0;}
ol.breadcrumb li a i{margin-right: 7px;}

/*==========================Inner banner section css end===========================*/


.abt-img img{width: 100%;}
.about-mid-con ul{gap: 10px;}
.about-mid-con ul li{width: 49%; display: flex; align-items: flex-start;}
.why-choose-wrapp{padding: 50px 0px; background-size: cover; background-repeat: no-repeat;}

/*============================================services detail page css start=======================================*/
.page-service-single {padding: 50px 0; }
.service-sidebar {position: sticky; top: 30px; margin-right: 20px; }
.service-featured-image {margin-bottom: 30px; }
.service-featured-image figure {display: block; border-radius: 0px; overflow: hidden; }
.service-featured-image img {border-radius: 0px; width: 100%; aspect-ratio: 0; object-fit: cover; height: 400px; object-position: top; }
.service-entry {margin-bottom: 40px; }
.service-entry h2 {font-size: 32px; font-weight: 800; margin-bottom: 20px; }
.service-entry h2 span {font-weight: 700; }
.service-entry p {margin-bottom: 20px; }
.service-entry p:last-child {margin-bottom: 0; }
.service-entry ul {padding: 0; margin-bottom: 40px; list-style: none; display: flex; gap: 20px 30px; flex-wrap: wrap; }
.service-entry ul li {position: relative; width: calc(33.33% - 20px); color: #222222; text-transform: capitalize; padding-left: 40px; }
.service-entry ul li::before {content: ''; position: absolute; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); left: 0; background: url(../images/icon-check.svg) no-repeat center left; background-size: cover; }
.service-entry-box {display: flex; gap: 80px 30px; flex-wrap: wrap; margin: 40px 0; }
.service-entry-item {position: relative; width: calc(50% - 15px); }
.service-entry-item::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: #EBEBEB; height: 1px; width: 100%; transform: translateY(40px); }
.service-entry-item:nth-last-child(-n + 2)::before {display: none; }
.service-entry-item .icon-box {margin-bottom: 30px; }
.service-entry-item .icon-box img {max-width: 50px; }
.service-entry-item-content h3 {font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 20px; }
.service-entry-item-content p {margin-bottom: 0; }
.service-entry-images {display: flex; gap: 30px; flex-wrap: wrap; }
.service-entry-img {width: calc(50% - 15px); }
.service-entry-img figure {display: block; border-radius: 40px; overflow: hidden; }
.service-entry-img img {width: 100%; aspect-ratio: 1 / 0.96; object-fit: cover; border-radius: 40px; }
.sidebar__widget.has--service {padding: 0; border: 0; margin-bottom: 40px; }
.sidebar__widget:not(:last-child) {margin-bottom: 30px; }
.sidebar__widget {padding: 30px; border: 1px solid rgba(8, 10, 11, 0.1); }
.sidebar__widget.has--service .sidebar__widget-service {gap: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.sidebar__widget.has--service .sidebar__widget-service a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #cba06638; padding: 13px 20px; font-weight: 600; transition: all 0.3s 0s ease-out; color: #000; font-size: 16px; }
.sidebar__widget.has--service .sidebar__widget-service a:hover {color: #fff; /* background-color: #906E50; */ transition: all 0.3s 0s ease-out; background-image: linear-gradient(to right, #cfa469, #a07448); }
.sidebar__widget.has--service .sidebar__widget-service a i {width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 14; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; color: #fff; font-weight: 400; background-color: #071730; font-weight: 600; transition: all 0.3s 0s ease-out; }
.sidebar__widget.has--service .sidebar__widget-service a:hover i {background-color: #fff; color: #906E50; font-weight: 600; transition: all 0.3s 0s ease-out; }
.sidebar__widget.widget__contact {background-color: #080A0B; padding: 0; border: 0; margin-bottom: 40px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb {overflow: hidden; position: relative; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.sidebar__widget.widget__contact .sidebar__widget-contact__thumb img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.2; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content {position: absolute; width: 100%; z-index: 999; text-align: center; bottom: 40px; left: 0; padding: 0 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content a {color: #fff; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__icon {width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; /* background-color: #906E50; */ text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 15px; background-image: linear-gradient(to right, #B753E8, #0346D8); }
.sidebar__widget.widget__contact .sidebar__widget-contact__content span {display: block; color: #fff; margin-bottom: 10px; }
.sidebar__widget.widget__contact .sidebar__widget-contact__content p {color: rgba(255, 255, 255, 0.9); max-width: 264px; margin-left: auto; margin-right: auto; margin-bottom: 0px; font-size: 15px; }
a{text-decoration: none;}
/* .custom-service ul {display: block !important; list-style-type: disc !important; margin-left: 20px !important; }
.custom-service ul li {width: 100% !important; padding: 0px !important; }*/
/* sarkar css end      */
.service-entry0.custom-service p {font-size: 15px; }
.service-entry0.custom-service h2 {font-size: 22px; font-weight: 600; margin-bottom: 14px; }
.service-entry0.custom-service h3 {font-size: 22px; font-weight: 600; margin-bottom: 14px; }
.service-entry0.custom-service ul {padding-left: 15px; }
.service-entry0.custom-service ul li {margin-bottom: 10px; font-size: 14px; }
.our-featured-service__text h6 {font-size: 20px; }
.serv-detail-con-main h1{font-size: 31px; font-weight: 600; margin-bottom: 16px;}
.defination-image img{width: 100%; }
.defination-con ul{display: flex!important; flex-wrap: wrap; padding-left: 0px!important; list-style-type: none!important; margin-left: 0px!important; gap: 10px;}
.defination-con ul li{width: 48% !important; border: 1px solid #ccc; padding: 8px 9px !important; margin-bottom: 0 !important;}
.defination-image{background-image: linear-gradient(to right, #b753e838, #0346d840); padding: 20px; border-radius: 20px; }
.defination-images img{width: 100%;}

.defination-con2 li{width: 49% !important; border: 1px solid #ccc; padding: 8px 9px !important; margin-bottom: 0 !important;}
.defination-con2 ul{display: flex!important; flex-wrap: wrap; padding-left: 0px!important; list-style-type: none!important; margin-left: 0px!important; gap: 10px;}
.sidebar__widget-service ul{padding-left: 0px; list-style-type: none;}
.sidebar__widget-service ul li{margin-bottom: 20px;}
.contact-feature {padding: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; background: var(--white-color); box-shadow: 0 0 10px rgb(8 14 28 / 29%); border-radius: 5px; }
 .contact-feature .icon-btn {background-color: #684df4; color: #fff; font-size: 24px; box-shadow: 0 6px 20px rgb(0 96 255 / .6); border-radius: 5px; border: none; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to right, #B753E8, #0346D8); }
 .media-body {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
 .contact-feature_label {margin-bottom: 0; color: #000; font-size: 15px; }
 .contact-feature_link {font-size: 19px; font-weight: 600; color: #000; }
/*============================================services detail page css end=======================================*/


/*============================================features page css start=======================================*/
    .devices{
      position:relative; overflow:hidden;
      padding:76px 0 64px;

    }
    /* faint dotted corner + swirl */
    .devices::before{
      content:""; position:absolute; top:24px; left:24px; width:120px; height:120px;
      background-image:radial-gradient(rgba(99,102,241,.35) 1.4px, transparent 1.6px);
      background-size:14px 14px; opacity:.55; z-index:0;
    }

    .sec-title{
      font-weight:800; letter-spacing:-.02em; text-align:center;
      font-size:clamp(1.8rem,4vw,2.85rem); margin-bottom:14px;
    }
    .sec-title .grad{
      background:linear-gradient(90deg,var(--indigo),var(--blue));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .sec-sub{
      text-align:center; color:#94a3b8; font-size:1.05rem;
      max-width:720px; margin:0 auto 52px;
    }

    /* ---- device card ---- */
    .dev-card{
      background:var(--card-bg);
      border:1px solid #d9d9d9;
      border-radius:22px;
      padding:22px 22px 26px;
      height:100%;
      display:flex; flex-direction:column;
      box-shadow:0 10px 30px rgba(15,23,42,.05);
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .dev-card:hover{ transform:translateY(-6px); box-shadow:0 20px 45px rgba(15,23,42,.10); }

    .dev-stage{
      position:relative; border-radius:16px;
      aspect-ratio:1/.86; display:flex; align-items:center; justify-content:center;
      margin-bottom:8px; overflow:hidden;
    }
    .dev-stage img{ max-width: 69%;
    max-height: 57%;
    object-fit: contain;
    z-index: 2;}
    /* soft circular halo behind the product */
    .dev-stage::before{
      content:""; position:absolute; width:74%; aspect-ratio:1; border-radius:50%;
      background:var(--halo); z-index:1;
    }
    /* little pedestal ellipse */
    .dev-stage::after{
      content:""; position:absolute; bottom:12%; width:52%; height:12%;
      border-radius:50%; background:rgba(148,163,184,.22); filter:blur(2px); z-index:1;
    }
    .s-indigo{ --halo:radial-gradient(circle,#e8e9ff,#f4f5ff); }
    .s-blue{   --halo:radial-gradient(circle,#e6efff,#f3f8ff); }
    .s-green{  --halo:radial-gradient(circle,#e6f6ec,#f2fbf5); }
    .s-orange{ --halo:radial-gradient(circle,#fdece2,#fef6f0); }

    .dev-badge{
      width:56px; height:56px; border-radius:15px;
      display:flex; align-items:center; justify-content:center;
      color:#fff; margin:-38px 0 16px 4px; position:relative; z-index:3;
      box-shadow:0 8px 18px rgba(15,23,42,.18);
    }
    .dev-badge svg{ width:26px; height:26px; }
    .b-indigo{ background:linear-gradient(150deg,var(--indigo-2),var(--indigo)); }
    .b-blue{   background:linear-gradient(150deg,var(--blue-2),var(--blue)); }
    .b-green{  background:linear-gradient(150deg,var(--green-2),var(--green)); }
    .b-orange{ background:linear-gradient(150deg,var(--orange-2),var(--orange)); }

    .dev-name{ font-weight:800; font-size:1.35rem; margin-bottom:6px; }
    .dev-tag{ font-weight:600; font-size:.98rem; margin-bottom:14px; }
    .t-indigo{ color:var(--indigo); } .t-blue{ color:var(--blue); }
    .t-green{ color:var(--green); } .t-orange{ color:var(--orange); }
    .dev-rule{ border:0; border-top:1px solid var(--line); margin:0 0 16px; }
    .dev-desc{ color:#475569; font-size:.98rem; line-height:1.6; margin-bottom:20px; flex:1; }

    .btn-enquire{
      display:inline-flex; align-items:center; justify-content:center; gap:12px;
      width:100%; border:0; border-radius:12px; color:#fff;
      font-weight:700; font-size:1rem; padding:13px 18px;
      transition:filter .2s ease, transform .2s ease;
      background-image: linear-gradient(to right, #B753E8, #0346D8);
    }
    .btn-enquire:hover{ filter:brightness(1.06); transform:translateY(-1px); color:#fff; }
    .btn-enquire svg{ width:18px; height:18px; }
    .e-indigo{ background:linear-gradient(90deg,var(--indigo-2),var(--indigo)); }
    .e-blue{   background:linear-gradient(90deg,var(--blue-2),var(--blue)); }
    .e-green{  background:linear-gradient(90deg,var(--green-2),var(--green)); }
    .e-orange{ background:linear-gradient(90deg,var(--orange-2),var(--orange)); }

    /* ---- feature strip ---- */
    .feature-strip{ margin-top:56px; }
    .feature{ display:flex; align-items:center; gap:14px; }
    .feature .ic{
      width:48px; height:48px; border-radius:50%; flex:0 0 48px;
      display:flex; align-items:center; justify-content:center;
    }
    .feature .ic svg{ width:22px; height:22px; }
    .fi-indigo{ background:#eef0ff; color:var(--indigo); }
    .fi-blue{   background:#e8f1ff; color:var(--blue); }
    .fi-green{  background:#e6f6ec; color:var(--green); }
    .fi-orange{ background:#fdece2; color:var(--orange); }
    .feature h6{ font-weight:800; font-size:1rem; margin:0 0 2px; }
    .feature p{ margin:0; color:#94a3b8; font-size:.9rem; }


/*============================================features page css end=======================================*/


/*============================================pricing page css start=======================================*/

 .pricing{ padding:70px 0; }

    .plan{
      background:#fff; border-radius:20px; overflow:hidden;
      box-shadow:0 18px 40px rgba(30,35,64,.10);
      height:100%; display:flex; flex-direction:column;
      position:relative;
    }
    .plan.featured{ box-shadow:0 24px 55px rgba(109,75,255,.28); border:2px solid #7c5cff; }

    /* ---- header (dark starry) ---- */
    .plan-head{
      position:relative; overflow:hidden;
      padding:24px 26px 30px; min-height:180px; color:#fff;
    }
    .head-prospect{ background:radial-gradient(120% 120% at 80% 20%,#2a2560 0%,#141235 60%,#0d0b26 100%); }
    .head-premium{  background:radial-gradient(120% 120% at 50% 0%,#4b2ea0 0%,#2c1c72 55%,#1a1147 100%); }
    .head-power{    background:radial-gradient(120% 120% at 80% 20%,#1c3a6e 0%,#141b45 55%,#0d1030 100%); }
    /* star dots */
    .plan-head::before{
      content:""; position:absolute; inset:0;
      background-image:radial-gradient(rgba(255,255,255,.35) 1px, transparent 1.5px);
      background-size:22px 22px; opacity:.35;
    }

    .head-top{ display:flex; align-items:center; gap:14px; position:relative; z-index:2; }
    .plan-ic{
      width:50px; height:50px; border-radius:50%; flex:0 0 50px;
      background:rgba(255,255,255,.14); backdrop-filter:blur(4px);
      display:flex; align-items:center; justify-content:center; color:#fff;
      border:1px solid rgba(255,255,255,.25);
    }
    .plan-ic svg{ width:24px; height:24px; }
    .plan-name{ font-weight:800; font-size:1.5rem; line-height:1; margin:0; }
    .plan-note{ font-size:.85rem; opacity:.7; margin:4px 0 0; }
    .plan-divider{ width:44px; height:3px; border-radius:3px; margin:16px 0 0; position:relative; z-index:2; }
    .dv-violet{ background:linear-gradient(90deg,#8b6bff,transparent); }
    .dv-blue{background: linear-gradient(90deg, #8768f8, transparent);}

    .plan-price{
      position:relative;
      z-index:2;
      margin-top:26px;
      font-weight: 600;
      font-size: 22px;
      line-height:1;
      letter-spacing:-.02em;
    }
    .plan-price .lead{color: #fff;font-size: 23px;font-weight: 600;}
    .plan-price.power .lead{color: #fff;}
    .plan-price .small{ font-size:1rem; font-weight:700; opacity:.85; margin-left:6px; }

    /* decorative art on the right of header */
    .head-art{ position:absolute; right:14px; bottom:0; z-index:1; opacity:.95; }
    .head-art svg{ width:130px; height:130px; }

    /* popular ribbon */
    .ribbon{
      position:absolute; top:0; right:0; z-index:5;
      width:118px; text-align:center; transform:rotate(45deg) translate(30px,18px);
      background:linear-gradient(90deg,#7c4bff,#a06bff);
      color:#fff; font-size:.62rem; font-weight:800; letter-spacing:.12em;
      padding:5px 0; box-shadow:0 4px 10px rgba(0,0,0,.25);
    }

    /* ---- body ---- */
    .plan-body{ padding:8px 26px 26px; flex:1; display:flex; flex-direction:column; }
    .feat{ list-style:none; margin:0; padding:0; flex:1; }
    .feat li{
      display:flex; align-items:center; gap:12px;
      padding:14px 0; border-bottom:1px solid var(--line);
      font-size:.98rem; color:#2a2f4a; font-weight:500;
    }
    .feat li:last-child{ border-bottom:0; }
    .check{
      width:22px; height:22px; border-radius:50%; flex:0 0 22px;
      background:var(--violet); color:#fff;
      display:flex; align-items:center; justify-content:center;
      background-image: linear-gradient(to right, #B753E8, #0346D8);
    }
    .check.blue{ background:var(--blue); }
    .check svg{ width:13px; height:13px; }

    .btn-start{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      width:100%; border-radius:12px; font-weight:700; font-size:1rem;
      padding:14px 18px; margin-top:20px; text-decoration:none;
      transition:all .2s ease;
    }
    .btn-start svg{ width:17px; height:17px; }
    .btn-outline-v{border: 1.5px solid #b553e8;color: #ab52e7;background:#fff;}
    .btn-outline-v:hover{background:var(--violet);color:#fff;border-color:var(--violet);background-image: linear-gradient(to right, #B753E8, #0346D8);}
    .btn-solid-v{ background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; }
    .btn-solid-v:hover{ filter:brightness(1.08); color:#fff; }
    .btn-outline-b{border: 1.5px solid #b153e8;color: #ae52e7;background:#fff;}
    .btn-outline-b:hover{ background-image: linear-gradient(to right, #B753E8, #0346D8); color:#fff; border-color:var(--blue); }

    @media (min-width:992px){
      .plan.featured{ transform:translateY(-14px); }
    }
    .client-logo-div img{width: 100%;object-fit: contain;height: 100%;}
    .client-logo-div{margin-bottom: 20px;border:1px solid #ccc;height: 100px;padding: 5px;}
   .clientele-wrapp{padding: 50px 0px;}

    /*============================================pricing page css end=======================================*/


    /*============================================Home BLOG css end=======================================*/
.blog-section{background:#fff; padding:90px 0; }
.blog-card{background:#fff; box-shadow:0 8px 25px rgba(0,0,0,.08); transition:.4s; overflow:hidden; }
.blog-card:hover{transform:translateY(-8px); }
.blog-img{overflow:hidden; }
.blog-img img{width:100%; height:270px; object-fit:cover; transition:.5s; object-position: top;}
.blog-card:hover img{transform:scale(1.08); }
.blog-content{padding: 24px;}
.blog-meta{display:flex;align-items:center;gap:20px;color: #1848da;font-size:15px;margin-bottom:20px;flex-wrap:wrap;}
.blog-meta i{margin-right:6px;color: #1a47da;}
.blog-content h4{font-size: 21px;line-height:1.45;color: #000000;font-weight: 600;margin-bottom: 16px;min-height: AUTO;}
.blog-btn{display:inline-flex;align-items:center;justify-content:center;width: auto;height: auto;border-radius: 8px;background:#061c45;color:#fff;text-decoration:none;font-size: 15px;font-weight:500;transition:.3s;padding: 10px 30px;background-image: linear-gradient(to right, #B753E8, #0346D8);}
.blog-btn:hover{background: #0e47d9;color:#fff;background-image: linear-gradient(to right, #B753E8, #0346D8);}
@media(max-width:991px){.blog-content h4{font-size:28px; min-height:auto; } }
@media(max-width:767px){.blog-section{padding:60px 0; } .blog-content{padding:22px; } .blog-content h4{font-size:24px; } .blog-btn{width:160px; height:52px; font-size:16px; } .blog-img img{height:240px; } }
/*============================================Home BLOG css end=======================================*/


/*==========================contact page css start===========================*/
.contact-section{background: unset; padding: 57px 0; }
/* Left */
 .section-tag{display:inline-flex; align-items:center; gap:10px; color: #b78b58; font-size: 15px; font-weight:500; }
.section-title{font-size: 28px; line-height:1.08; font-weight:700; color: #071730; margin: 11px 0 24px; }
.contact-section hr{opacity:.15; margin:35px 0; }
.info-box .icon{width: 37px;height: 37px;/* background: #071730; */color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size: 17px;margin-right: 13px;flex-shrink:0;background-image: linear-gradient(to right, #B753E8, #0346D8);}
.info-box h4{font-size: 17px; font-weight:700; margin-bottom:6px; color:#2a1716; }
.info-box p{font-size: 16px; color:#4d3b39; margin-bottom: 0; }
/* Opening */
 .opening-hours{    background: unset;
    color: #fff;
    padding: 0;
    margin-top: 40px; }
.opening-hours h3{font-size: 25px; font-weight:700; margin-bottom:35px; }
.hour-row{display:flex; align-items:center; margin-bottom:18px; font-size: 15px; }
.hour-row span:first-child{width:90px; }
.hour-row .line{flex:1; height:1px; background:rgba(255,255,255,.15); margin:0 18px; }
/* Right */
 .contact-form{background:#fff; padding: 32px; height:100%; box-shadow: 0px 0px 10px #ccc; }
.contact-form h2{font-size: 27px; line-height:1.05; font-weight:700; color: #071730; margin-bottom: 8px; }
.contact-form p{font-size: 15px; color:#51413d; margin-bottom: 17px; }
.form-control{border:none;background: #a352e60d;border-radius:0;height: 49px;font-size:18px;border: 1px solid #ccc;}
textarea.form-control{height:120px; resize:none; }
.form-control:focus{box-shadow:none;background: #faf6fe;}
.submit-btn{width:100%;border:none;background:#5b2c27;color:#fff;height: 53px;font-size: 19px;font-weight:600;transition:.3s;background-image: linear-gradient(to right, #B753E8, #0346D8);}
.submit-btn:hover{background:#3b1d1a; }
/* Tablet */
@media(max-width:991px){
 .section-title, .contact-form h2{font-size:46px; }
.contact-form{padding:40px; }
.info-box h4{font-size:28px; }
.info-box p, .contact-form p{font-size:18px; }
}
/* Mobile */
@media(max-width:767px){
 .contact-section{padding:60px 0; }
.section-title, .contact-form h2{font-size:34px; }
.contact-form{padding:25px; }
.info-box{align-items:flex-start; }
.info-box .icon{width:52px; height:52px; font-size:18px; }
.info-box h4{font-size:22px; }
.info-box p{font-size:16px; }
.opening-hours{padding:25px; }
.opening-hours h3{font-size:28px; }
.hour-row{flex-wrap:wrap; gap:8px; }
.hour-row .line{display:none; }
.submit-btn{font-size:20px; height:58px; }
}
/*==========================contact page css end===========================*/


/*============================================home link page css start=======================================*/
.all-links-inner ul {padding-left: 0px; margin-left: 0px; list-style-type: none; margin-top: 0px; }
.all-links-inner ul li a {color: #122747; text-decoration: none; border: 2px solid #122747; text-align: center; display: block; padding: 10px; font-size: 21px; }
.all-links-inner ul li {margin-bottom: 10px; }
.mecella-heading {margin-bottom: 80px; }
.mecella-heading h3 {color: #122747; text-align: center; font-size: 32px; text-transform: uppercase; position: relative; }
.mecella-heading h3 span {font-weight: 900; color: #122747; }
.mecella-heading h3:after {content: ''; position: absolute; bottom: -20px; left: 0; right: 0; width: 100px; background-color: #122747; height: 5px; margin: 0 auto; }
.welcome-mecella {background-color: #122747; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.welcome-mecella img {width: 75%; }
.all-links-wrapper {padding-top: 30px; padding-bottom: 50px; }
/*============================================home link page css end=======================================*/


/*==========================Blog Detail page css start==========================*/
.blog-detail-page-wrapp{ padding:70px 0 90px; background:#f6f7fb; }

/* ---- main article ---- */
.blog-detail-main{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 18px 50px rgba(18,39,71,.08); border:1px solid #eef0f6; }
.blog-detail-hero{ position:relative; }
.blog-detail-hero img{ width:100%; height:420px; object-fit:cover; display:block; }
.blog-detail-cat{ position:absolute; top:20px; left:20px; background-image:linear-gradient(to right,#B753E8,#0346D8); color:#fff; font-size:13px; font-weight:600; letter-spacing:.4px; text-transform:uppercase; padding:8px 18px; border-radius:30px; text-decoration:none; box-shadow:0 8px 20px rgba(3,70,216,.35); }
.blog-detail-cat:hover{ color:#fff; filter:brightness(1.06); }

.blog-detail-con{ padding:34px 40px 40px; }

.blog-detail-meta{ list-style:none; padding:0; margin:0 0 18px; display:flex; flex-wrap:wrap; gap:22px; }
.blog-detail-meta li{ color:#6b7280; font-size:14px; display:flex; align-items:center; gap:8px; }
.blog-detail-meta li i{ color:#344CE8; font-size:15px; }

.blog-detail-title{ font-size:34px; line-height:1.25; font-weight:700; color:#122747; margin-bottom:24px; }

/* ---- rich text body ---- */
.blog-detail-body{ color:#4a4a63; font-size:17px; line-height:1.9; }
.blog-detail-body p{ margin-bottom:20px; }
.blog-detail-body h2{ font-size:26px; font-weight:700; color:#122747; margin:34px 0 16px; }
.blog-detail-body h3{ font-size:22px; font-weight:700; color:#122747; margin:28px 0 14px; }
.blog-detail-body h4{ font-size:19px; font-weight:600; color:#122747; margin:24px 0 12px; }
.blog-detail-body a{ color:#0346D8; text-decoration:underline; font-weight:500; }
.blog-detail-body a:hover{ color:#B753E8; }
.blog-detail-body img{ max-width:100%; height:auto; border-radius:12px; margin:18px 0; }
.blog-detail-body ol{ margin:0 0 22px; padding-left:20px; }
.blog-detail-body ol li{ margin-bottom:10px; }
.blog-detail-body ul{ list-style:none; margin:0 0 22px; padding-left:0; }
.blog-detail-body ul li{ position:relative; padding-left:28px; margin-bottom:10px; }
.blog-detail-body ul li:before{ content:""; position:absolute; left:0; top:11px; width:8px; height:8px; border-radius:50%; background-image:linear-gradient(to right,#B753E8,#0346D8); }
.blog-detail-body blockquote{ margin:26px 0; padding:22px 26px; background:linear-gradient(to right, rgba(183,83,232,.06), rgba(3,70,216,.06)); border-left:4px solid #B753E8; border-radius:10px; font-size:18px; font-style:italic; color:#122747; }
.blog-detail-body table{ width:100%; border-collapse:collapse; margin:22px 0; }
.blog-detail-body table th, .blog-detail-body table td{ border:1px solid #e6e8f0; padding:12px 14px; text-align:left; }
.blog-detail-body table th{ background:#f6f7fb; color:#122747; font-weight:600; }

/* ---- share ---- */
.blog-detail-share{ margin-top:34px; padding-top:26px; border-top:1px solid #eef0f6; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.blog-detail-share .share-label{ font-weight:600; color:#122747; font-size:16px; }
.blog-detail-share .share-links{ display:flex; gap:10px; }
.blog-detail-share .share-links a{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; background-image:linear-gradient(135deg,#B753E8,#0346D8); transition:.25s; text-decoration:none; }
.blog-detail-share .share-links a:hover{ transform:translateY(-3px); box-shadow:0 10px 20px rgba(3,70,216,.3); color:#fff; }

/* ---- sidebar ---- */
.blog-sidebar{ position:sticky; top:100px; display:flex; flex-direction:column; gap:26px; }
.blog-widget{ background:#fff; border-radius:16px; padding:24px; box-shadow:0 12px 40px rgba(18,39,71,.06); border:1px solid #eef0f6; }
.blog-widget-title{ margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #eef0f6; position:relative; }
.blog-widget-title h4{ font-size:20px; font-weight:700; color:#122747; margin:0; }
.blog-widget-title:after{ content:""; position:absolute; bottom:-1px; left:0; width:46px; height:3px; border-radius:3px; background-image:linear-gradient(to right,#B753E8,#0346D8); }
.blog-widget-empty{ color:#6b7280; font-size:14px; margin:0; }

/* recent post */
.blog-recent-post{ display:flex; gap:14px; align-items:center; padding:12px 0; border-bottom:1px dashed #e9ebf3; text-decoration:none; }
.blog-recent-post:last-child{ border-bottom:none; padding-bottom:0; }
.blog-recent-post:first-child{ padding-top:0; }
.blog-recent-thumb{ flex:0 0 72px; width:72px; height:72px; border-radius:12px; overflow:hidden; display:block; }
.blog-recent-thumb img{ width:100%; height:100%; object-fit:cover; transition:.3s; }
.blog-recent-post:hover .blog-recent-thumb img{ transform:scale(1.08); }
.blog-recent-con{ display:flex; flex-direction:column; gap:6px; }
.blog-recent-title{ font-size:15px; font-weight:600; line-height:1.4; color:#122747; transition:.25s; }
.blog-recent-post:hover .blog-recent-title{ color:#0346D8; }
.blog-recent-date{ font-size:13px; color:#8a90a2; display:flex; align-items:center; gap:6px; }
.blog-recent-date i{ color:#B753E8; font-size:12px; }

/* categories list */
.blog-cat-list{ list-style:none; margin:0; padding:0; }
.blog-cat-list li{ margin-bottom:10px; }
.blog-cat-list li:last-child{ margin-bottom:0; }
.blog-cat-list li a{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-radius:10px; background:#f6f7fb; color:#122747; font-weight:500; font-size:15px; text-decoration:none; transition:.25s; }
.blog-cat-list li a i{ color:#344CE8; transition:.25s; }
.blog-cat-list li a:hover{ background-image:linear-gradient(to right,#B753E8,#0346D8); color:#fff; }
.blog-cat-list li a:hover i{ color:#fff; transform:translateX(4px); }

/* cta */
.blog-cta{ background-image:linear-gradient(135deg,#0346D8,#B753E8); border:none; text-align:center; color:#fff; }
.blog-cta h4{ color:#fff; font-size:20px; font-weight:700; margin-bottom:12px; }
.blog-cta p{ color:rgba(255,255,255,.85); font-size:15px; line-height:1.6; margin-bottom:20px; }
.blog-cta-btn{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:#0346D8; font-weight:600; font-size:15px; padding:11px 26px; border-radius:30px; text-decoration:none; transition:.25s; }
.blog-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.2); color:#0346D8; }

/* responsive */
@media(max-width:991px){
  .blog-sidebar{ position:static; margin-top:6px; }
  .blog-detail-hero img{ height:340px; }
}
@media(max-width:767px){
  .blog-detail-page-wrapp{ padding:45px 0 60px; }
  .blog-detail-con{ padding:26px 22px 30px; }
  .blog-detail-title{ font-size:26px; }
  .blog-detail-body{ font-size:16px; line-height:1.8; }
  .blog-detail-hero img{ height:230px; }
  .blog-detail-share{ flex-direction:column; align-items:flex-start; }
}
/*==========================Blog Detail page css end==========================*/