@font-face {
  font-family: 'Poppins-Bold';
 src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
 font-family: "Poppins-Medium";
 src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
 font-family: "Poppins-Regular";
 src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
 font-family: "Poppins-Light";
 src: url("../fonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
 font-family: "Poppins-SemiBold";
 src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
}
@charset "utf-8";
/* CSS Document */
body, html{
    height: 100%;
}
body{
    background: #fff;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins-SemiBold', sans-serif;
}
p{
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a {
    text-decoration: none !important;
    transition: all 0.5s;
}
.carousel-item img {
    width: 100%;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
.navbar-expand-lg .navbar-nav {width: 100%;margin: 0;justify-content: end;}


/*Header Css Start*/

.tp-row {
    background-color: #fff;
    margin: 0 0 -6px 0;
}

.marquee marquee {
    padding: 12px 0 0px 0;
    font-family: 'Poppins-Regular';
    color: #000;
}

.cl-3 img {
    width: 80%;
}

.cl-2 {
    padding: 12px 0 0 0;
}

.cl-2 ul {
    display: flex;
}

.cl-2 ul li {
    padding: 0 0px 0 0px;
}

.cl-2 ul li a {
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 13px;
}

.cl-2 ul li a i {
    padding: 0 5px 0 10px;
    color: #f35904;
    font-size: 18px;
}

.navbar-expand-lg .navbar-nav {
    justify-content: left;
}

.cl-3 h2 {
    font-size: 26px;
    font-weight: 700;
    font-family: sans-serif;
    position: relative;
    top: 5px;
}

.cl-5 a {
    background-color: #fff;
    color: #ef7930 !important;
    padding: 7px 40px;
    border-radius: 5px;
    font-family: 'Poppins-Bold';
}

.cl-5 a:hover {
    color: #fff;
}

.btm-row {
    padding: 10px 0;
    background-color: #ef7930;
}

.cl-4 li.nav-item.active {
    background: none;
}

.cl-4 ul li a {
    color: #000000 !important;
    margin: 0 35px 0 0px;
    font-family: 'Poppins-Medium';
}
.cl-4 ul li {
    display: contents;
    position: relative;
}

.hd-2 .has-dropdown > .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  padding: 25px 30px;
  gap: 40px;
  min-width: 700px;
  z-index: 999;
  border-radius: 4px;
}

.dropdown-panel.open {
  display: flex;
}

.dropdown-col {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.dropdown-col a {
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  font-size: 15px;
}

.dropdown-col a:hover {
  color: #0d1b3e; /* adjust to your brand navy */
}
.cl-4 ul li a:hover {
    color: #00000069 !important;
}

/*Header Css End*/
/*Banner Css Start*/

section.Banner {
    background: url(../images/banner.png);
    background-size: cover;
    padding: 70px 0 84px 0;
}

.ban-1 h2 {
    color: #000;
    font-family: 'Poppins-Bold';
    font-size: 33px;
}

.ban-1 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
    margin: 0 0 5px 0;
}

.ban-1 a {
    background-color: #ef7930;
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    font-family: 'Poppins-Bold';
}

.ban-1 a:hover {
    color: #fff;
}

.ban-1 ul li i {
    background-color: #ef7930;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    margin: 0 15px 10px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.ban-1 ul li span {
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
}

.ban-2 img {
    width: 100%;
}

.animated {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.animated img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
 
@-webkit-keyframes mover {
    0%{ transform: translateY(0); }
    100%{ transform: translateY(-10px); }
}

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

.ban-3 form {
    background-color: #ef7930;
    padding: 20px 20px 1px 20px;
    border-radius: 14px;
}

.ban-3 h4 {
    color: #fff;
    font-size: 22px;
    font-family: 'Poppins-Bold';
    padding: 0 0 5px 0;
}

.ban-3 form input {
    border: none;
    font-family: 'Poppins-Medium';
    font-size: 15px;
    color: #000;
}

.ban-3 form textarea.form-control {
    color: #000;
    font-size: 15px;
    font-family: 'Poppins-Medium';
    border: none;
}

.ban-3 button {
    background-color: #fff;
    color: #ef7930;
    font-family: 'Poppins-Bold';
    width: 100%;
    padding: 8px 0 8px 0;
    border: none;
    border-radius: 20px;
}

.ban-4 {
    position: absolute;
    top: 50px;
    left: 25px;
}

.ban-4 img {
    width: 21%;
}

.ban-5 {
    position: absolute;
    top: 220px;
    left: 300px;
}

.ban-5 img {
    width: 90%;
}


/*Banner Css End*/
/*Content-1 Css Start*/

section.Content-1 {
    padding: 40px 0;
}

.cont-1 {
    padding: 15px 0 0 0;
}

.cont-1 h3 {
    color: #000;
    font-size: 35px;
    font-family: 'Poppins-Bold';
}

.cont-1 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

.cont-1 a {
    color: #000;
    font-family: 'Poppins-Medium';
    border-bottom: 2px solid #ef7930;
}

.cont-1 a:hover {
    color: #000;
}

.cont-2 img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 1px #000;
}

/*Content-1 Css End*/
/*Content-2 Css Start*/
section.Services {
    padding: 50px 0px 20px;
}
section.Content-2 {
    padding: 90px 0;
}

.cont-3 {
    text-align: center;
}

.cont-4 {
    position: absolute;
    bottom: -56px;
    left: 20px;
    opacity: 0.20;
}

.cont-5 {
    position: relative;
    display: block;
}

.cont-5 img {
    width: 70%;
}

.cont-6 {
    position: absolute;
    bottom: -80px;
    right: 0;
}

.cont-6:before {
    position: absolute;
    bottom: 0;
    left: 75px;
    width: 7px;
    height: 65px;
    background-color: #ef7930;
    content: "";
    border-radius: 8px;
}

.animated {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.animated img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
 
@-webkit-keyframes mover {
    0%{ transform: translateY(0); }
    100%{ transform: translateY(-10px); }
}

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

.cont-7 h4 {
    color: #ef7930;
    background-color: #ef793030;
    font-size: 14px;
    width: 26%;
    padding: 7px 0 8px 20px;
    border-radius: 20px;
}

.cont-7 h3 {
    color: #000;
    font-size: 35px;
    font-family: 'Poppins-Bold';
}

.cont-7 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

.cont-7 ul li i {
    background-color: #ef7930;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    margin: 0 15px 10px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.cont-7 ul li span {
    color: #000;
    font-family: 'Poppins-Regular';
    font-size: 15px;
}

.cont-7 a {
    background-color: #ef7930;
    color: #fff;
    font-family: 'Poppins-Bold';
    padding: 10px 40px;
    border-radius: 3px;
    margin: 0 15px 0 0;
}

.cont-7 a:hover {
    color: #fff;
}

/*Content-2 Css End*/
/*Service Css Start*/

.tabs {
    width: 80%;
    height: 100px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.tabs li {
    background-color: #03306d;
    width: 35%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins-Bold';
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    cursor: pointer;
    margin: 0 10px 0 10px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
}

.active {
    background: #000;
    color: #ef7930 !important;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}
.ser- h2 {
    font-size: 35px;
    text-align: center;
    font-family: 'Poppins-Bold';
    padding: 0px 0px 10px;
}
.contents {
    width: 80%;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.box {
    gap: 20px;
    background: #03306d;
    box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.16);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px;
    width: 100%;
    animation: moving 1s ease;
    -webkit-animation: moving 1s ease;
}

.box img {
    width: 50%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.box h3 {
    color: #fff;
    font-family: 'Poppins-Bold';
    font-size: 28px;
}

.box p {
    color: #fff;
    font-family: 'Poppins-Regular';
    line-height: 26px;
    padding: 0 22px 15px 0;
    margin: 0;
}

.show {
    display: flex;
}

.hide {
    display: none;
}

@keyframes moving {
    from {
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        opacity: 0;
    }

    to {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        opacity: 1;
    }
}

.ser a {
    color: #fff;
    font-family: 'Poppins-Medium';
    border-bottom: 2px solid #ef7930;
    padding: 0 0 3px 0;
}

.ser a:hover {
    color: #fff;
}

/*Service Css End*/
/*Subjects Css Start*/

section.Subjects {
    padding: 40px 0;
}
section.Subjects .row {justify-content: space-evenly;}
.sub-2 {
    position: relative;
    text-align: center;
    padding: 15px 10px 7px 10px;
    margin: 0 0 20px 0;
    border: 2px solid #ef7930;
}

.sub-2:before {
    content: "";
    position: absolute;
    border-left: 3px solid #03306d;
    border-top: 3px solid #03306d;
    top: -2px;
    left: -2px;
    width: 40px;
    height: 40px;
}

.sub-2:after {
    content: "";
    position: absolute;
    border-right: 3px solid #03306d;
    border-bottom: 3px solid #03306d;
    bottom: -2px;
    right: -2px;
    width: 40px;
    height: 40px;
}

/* .sub-2 i {
    color: #ef7930;
    font-size: 40px;
    padding: 0 0 10px 0;
} */

.sub-2 h4 {
    font-size: 18px;
    color: #000;
    font-family: 'Poppins-Medium';
    /* padding: 0 0 5px 0; */
}
.sub-1 {
    text-align: center;
    padding: 0 0 50px 0;
}

.sub-1 h3 {
    font-size: 18px;
    font-family: 'Poppins-Bold';
    color: #000;
}

.sub-1 h4 {
    font-size: 35px;
    font-family: 'Poppins-Bold';
    color: #000;
}

/*Subjects Css End*/
/*Testimonial Css Start*/

.test {
    text-align: center;
    padding: 0 0 10px 0;
}

.test h2 {
    color: #000;
    font-size: 35px;
    font-family: 'Poppins-Bold';
}

.test p {
    color: #000;
    font-family: 'Poppins-Medium';
}
section.Testimonials {
    padding: 40px 0px 30px;
}
ul.slick-dots li {
    background: #0000003b;
    border-radius: 50px;
    width: 15px;
    height: 15px;
}


ul.slick-dots li.slick-active {
    background: #ef7930;
}
.test-2 {
    box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.16);
    /* text-align: center; */
    padding: 20px 20px;
    border-radius: 10px;
    margin: 13px 10px 13px 10px;
    margin-bottom: 30px;
}

.test-2 h3 {
    color: #000;
    font-size: 20px;
    font-family: 'Poppins-Bold';
}
.avatar {
    width: 42px;
    height: 42px;
    background: #eaf2ff;
    display: grid;
    justify-content: space-around;
    font-size: 22px;
    border-radius: 40px;
}

.asdes {
    display: flex;
    gap: 17px;
    align-items: flex-end;
}
.test-2 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
    padding: 15px 0 0 0;
    font-size: 14px;
}

.test-2 a {
    color: #000;
    border-bottom: 2px solid #ef7930;
    font-family: 'Poppins-Medium';
}

.test-2 a:hover {
    color: #000;
}

.test-3 {
    /* text-align: -webkit-center; */
}


/*Testimonial Css End*/
/* ============ WHY CHOOSE US ============ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border-radius: 20px;overflow:hidden;}
.why-cell{background: #fff;padding: 25px 25px;transition:background .3s;}
.why-cell:hover{ background:#fff;}
section#why {
    padding: 70px 0px;
}

.section-head h2 {
    color: #ffffff;
    font-size: 34px;
    font-family: 'Poppins-Bold';
}

.section-head {
    padding: 0px 0px 20px;
}

.section-head p {font-family: 'Poppins-Medium';color: #ffffffa3;padding: 7px 0px 0px;}
.why-cell .icon{width: 45px;height: 45px;color: #ef7930;margin-bottom:18px;}
.why-cell h3{font-size: 22px;margin-bottom:8px;font-family: 'Poppins-Bold';}
.why-cell p{color:var(--muted);font-size: 15px;font-family: 'Poppins-Medium';}
@media (max-width:900px){ .why-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .why-grid{ grid-template-columns:1fr;} }
/*Writer Css Start*/

.order-1 {
    text-align: center;
}

.order-1 h2 {
    font-family: 'Poppins-Bold';
    font-size: 35px;
}

.order-1 p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    padding: 0 0 20px 0;
}

.snip1579 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  min-width: 250px;
  max-width: 350px;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 0 0 2px #000;
}
.snip1579 * {
}
.snip1579 img {
}
.snip1579 figcaption {
  padding: 15px;
  background-color: #ef7930;
}
.snip1579 h3 {
  font-family: 'Poppins-Bold';
  font-size: 20px;
  margin: 0;
  color: #fff;
}
section.Writers {
    padding: 40px 0px;
}
.snip1579 h5 {
  color: #000;
  font-size: 15px;
  font-family: 'Poppins-Bold';
  margin: 5px 0 15px 0;
}
.snip1579 blockquote {
  padding: 0px;
  margin: 0px;
}
.snip1579 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1579:hover figcaption,
.snip1579.hover figcaption {
  height: calc(85%);
}

blockquote p {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    color: #fff;
}

/*Writer Css End*/
/*Side-Ban Css Start*/

section.Side-Banner {
    padding: 100px 0 40px 0;
}

.side-1 {
    border: 1px dashed #ef7930;
    padding: 20px 0 0 20px;
    border-radius: 3px;
}

.side-2 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}
.side-2 h2 {
    font-family: 'Poppins-Bold';
    font-size: 31px;
}

.side-3 {
    text-align: end;
    position: relative;
    left: 70px;
    top: 25px;
    padding: 12px 0 0 0;
}

.side-3 a {
    background-color: #ef7930;
    color: #fff;
    padding: 10px 45px;
    border-radius: 3px;
    font-family: 'Poppins-Bold';
}

.side-3 a:hover {
    color: #fff;
}

/*Side-Ban Css End*/

.trust-section{
    position:relative;
    background:
      radial-gradient(120% 140% at 85% -10%, rgba(201,161,92,0.16), transparent 55%),
      linear-gradient(180deg, var(--ink) 0%, var(--ink-deep) 100%);
    padding: 88px 24px 96px;
    overflow:hidden;
  }

  .trust-section::before{
    content:"";
    position:absolute;
    inset:0;
    /* background-image:
      linear-gradient(var(--line) 1px, transparent 1px); */
    background-size: 100% 88px;
    opacity:0.35;
    pointer-events:none;
  }

  .trust-wrap{
    position:relative;
    max-width: 1120px;
    margin:0 auto;
  }

  /* ---------- Header ---------- */
  
  .trust-eyebrow::before{
    content:"";
    width:28px; height:1px;
    background:var(--brass);
    display:inline-block;
  }

  .trust-heading{
    font-family: 'Poppins-Bold';
    font-weight:600;
    font-size: 35px;
    text-align: center;
    line-height:1.15;
    margin:0 0 56px;
    color: #000;
  }
  .trust-heading em{
    font-style:italic;
    color:var(--brass);
    font-weight:500;
  }

  /* ---------- Layout: dial + plaques ---------- */
  .trust-body{
    display:grid;
    grid-template-columns: 300px 1fr;
    gap: 56px;
    align-items:center;
    padding: 40px 0px 0px;
  }

  /* ---------- Signature dial ---------- */
  .dial-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    border: 3px solid #eee;
    border-radius:2px;
    padding:32px 20px 28px;
    background:rgba(243,239,228,0.02);
  }

  .dial{
    position:relative;
    width:180px;
    height:180px;
    margin-bottom:18px;
  }

  .dial svg{ width:100%; height:100%; display:block; }

  .dial-center{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .dial-number{
    font-family: 'Poppins-Regular';
    font-weight:600;
    font-size:44px;
    color: #ef7930;
    line-height:1;
  }
  .dial-outof{
    font-family: 'Poppins-Medium';
    font-size:11px;
    letter-spacing:0.08em;
    color:var(--brass-soft);
    margin-top:4px;
  }

  .dial-label{
    font-family: 'Poppins-Bold';
    font-size: 15px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color: #ef7930;
  }
  .dial-sub{
    font-size:13px;
    color: #000000;
    margin-top:6px;
    font-family: 'Poppins-Medium';
  }

  /* ---------- Stat plaques ---------- */
  .plaques{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--line);
    border: 2px solid #eee;
  }

  .plaque{
    position:relative;
    background: #eee;
    padding: 30px 20px 26px;
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .plaque::before, .plaque::after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border: 2px solid #ef7930;
    opacity:0.7;
  }
  .plaque::before{ top:8px; left:8px; border-right:none; border-bottom:none; }
  .plaque::after{ bottom:8px; right:8px; border-left:none; border-top:none; }

  .plaque-num{
    font-family: 'Poppins-Medium';
    font-weight:600;
    font-size: 28px;
    color: #000000;
    letter-spacing:-0.01em;
  }

  .plaque-num span{
    color: #ef7930;
  }

  .plaque-label{
    font-size: 14px;
    color: #070707;
    line-height:1.4;
    font-family: 'Poppins-Medium';
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 860px){
    .trust-body{ grid-template-columns:1fr; }
    .dial-card{ flex-direction:row; justify-content:flex-start; text-align:left; gap:22px; padding:24px; }
    .dial{ width:120px; height:120px; margin-bottom:0; flex:none; }
    .dial-number{ font-size:32px; }
    .plaques{ grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 480px){
    .plaques{ grid-template-columns: 1fr; }
    .dial-card{ flex-direction:column; text-align:center; }
    .dial{ margin-bottom:14px; }
  }

  @media (prefers-reduced-motion: no-preference){
    .plaque, .dial-card{
      opacity:0;
      transform:translateY(10px);
      animation: trust-rise 0.6s ease forwards;
    }
    .dial-card{ animation-delay:0.05s; }
    .plaque:nth-child(1){ animation-delay:0.12s; }
    .plaque:nth-child(2){ animation-delay:0.2s; }
    .plaque:nth-child(3){ animation-delay:0.28s; }
    .plaque:nth-child(4){ animation-delay:0.36s; }
  }
  @keyframes trust-rise{
    to{ opacity:1; transform:translateY(0); }
  }
/*Faq Css Start*/

section.Faq {
    padding: 40px 0 40px 0;
}

.fq-1 {padding: 100px 0px 0px;}

.fq {
    text-align: center;
    padding: 0 0 30px 0;
}

.fq h2 {
    color: #000;
    font-size: 36px;
    font-family: 'Poppins-Bold';
    padding: 0px 0px 20px;
}

.fq p {
    color: #000;
    font-family: 'Poppins-Medium';
}

.accrodion {
    position: relative;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 3px;
    background-color: #ef7930;
}

.accrodion.active {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}


.accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 18px 40px 18px;
    padding-right: 27px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    border: 1px solid transparent;
}

.accrodion-title h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--oslim-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.accrodion+.accrodion {
    margin-top: 20px;
}

.accrodion.active .accrodion-title {
    border: 1px solid #ef7930;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.accrodion-title h4 {
    color: #fff;
}

.accrodion-content {
    position: relative;
    padding: 30px 40px 30px;
    border: 1px solid transparent;
    border-top: 0;
}

.accrodion-content {
    border: 1px solid #ef7930;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.accrodion-content p {
    margin: 0;
    font-family: 'Poppins-Regular';
    line-height: 26px;
    color: #000;
    font-size: 15px;
}

.accrodion.active .accrodion-title h4 {
    color: #000;
}

.accrodion.active .accrodion-content p {
    color: #000;
}

.fq-1 img {
    width: 106%;
    border-radius: 0px 50px 50px 50px;
}

/*Faq Css End*/
/*Section-Order Css Start*/

section.spacing__x {
    padding: 40px 0;
}

.headingstyle1 h3 {
    font-size: 35px;
    font-family: 'Poppins-Bold';
    text-align: center;
    color: #000;
}

.c-27 {
    text-align: center;
    position: relative;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 30px;
}

.c-27:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background-color: #ef7930;
    border-radius: 3px;
}

.c-27:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(30px);
    width: 10px;
    height: 3px;
    background-color: #03306d;
    border-radius: 3px;
}

.c-27 img {
    width: 3%;
}

.process-box {
    position: relative;
    padding: 70px 0 0 20px;
    margin-bottom: 20px;
}

.process-box .count {
    font-size: 99px;
    color: #ef79301a;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Poppins-Bold';
}

.process-box h5 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'Poppins-Bold';
    color: #000;
}

.process-box p {
    margin: 0;
    line-height: 1.4;
    padding-bottom: 20px;
    border-bottom: 2px solid #ef7930;
    font-family: 'Poppins-Regular';
}

.process-box .link-area {
    background-color: #F07930;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: 25%;
}

.process-box .link-area i {
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
    color: #fff;
}

.process-boxss {
    position: relative;
    padding: 70px 0 0px 20px;
    margin-bottom: 20px;
}

.process-boxss .count {
    font-size: 99px;
    color: #ef79301a;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Poppins-Regular';
}

.process-boxss h5 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'Poppins-Bold';
}

.process-boxss p {
    margin: 0;
    line-height: 1.4;
    border-bottom: 2px solid #ef7930;
    font-family: 'Poppins-Regular';
    padding-bottom: 20px;
}

.process-boxss .link-area {
    background-color: #ef7930;
    text-align: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -25px;
    top: 25%;
}

.process-boxss .link-area i {
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
    color: #fff;
}

/*Section-Order Css End*/
/*Side-Banner-2 Css Start*/

section.Side-Banner-2 {
    padding: 70px 0 30px 0;
}

.side-ban-3 h3 {
    color: #fff;
    font-size: 35px;
    font-family: 'Poppins-Bold';
    padding: 0px 30px 0 0;
}

.side-bn-4 ul li {
    padding: 0 0 0px 0;
}

.side-bn-4 ul li a {
    color: #fff;
    font-family: 'Poppins-Medium';
    padding: 0 0 0 50px;
    font-size: 16px;
}


.side {
    background-color: #ef7930;
    padding: 40px 10px 23px 30px;
    border-radius: 3px;
}

.side-ban-3 h3 span {
    color: #03306d;
}

.side-ban-5 {
    background-color: #03306d;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 50px;
    border-radius: 50%;
    position: relative;
    left: 130px;
    top: -15px;
}

.side-bn-4 {
    padding: 15px 0 0 30px;
}

.side-ban-5:hover {
    background-color: #fff;
    color: #ef7930;
}

.side-ban-5:before {
    position: absolute;
    top: 50%;
    left: -100px;
    width: 75px;
    height: 2px;
    content: "";
    background-color: #03306d;
    transform: translateY(-50%);
}

.side-ban-5:after {
    position: absolute;
    top: 50%;
    right: -100px;
    width: 75px;
    height: 2px;
    content: "";
    background-color: #03306d;
    transform: translateY(-50%);
}

.side-bn-4 ul li.phone a {
    font-size: 22px;
}

/*Side-Banner-2 Css End*/
/*Section-Footer Css Start*/

footer {
    background-color: #ef793030;
    padding: 60px 0 0px 0;
}

.ft-1 img {
    width: 70%;
}

.ft-1 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 22px;
    padding: 10px 0 0 0;
    font-size: 14px;
}

.ft-2 h3 {
    font-size: 26px;
    font-family: 'Poppins-Bold';
    color: #000;
}

.ft-2 ul li {
    padding: 7px 0 0 0;
}

.ft-2 ul li a {
    font-size: 16px;
    color: #000;
    font-family: 'Poppins-Medium';
}

.ft-3 h3 {
    font-size: 26px;
    font-family: 'Poppins-Bold';
    color: #000;
}

.ft-3 ul li {
    padding: 7px 0 0 0;
}

.ft-3 ul li a {
    font-size: 16px;
    color: #000;
    font-family: 'Poppins-Medium';
}

.ft-4 h3 {
    font-size: 26px;
    font-family: 'Poppins-Bold';
    color: #000;
}

.ft-4 ul li {
    padding: 7px 0 0 0;
}

.ft-4 ul li a {
    font-size: 16px;
    color: #000;
    margin: 0 0px 0 15px;
    font-family: 'Poppins-Medium';
}

.ft-2 ul li i {
    color: #ef7930;
    padding: 0 5px 0 0;
}

.ft-3 ul li i {
    color: #ef7930;
    padding: 0 5px 0 0;
}

.ft-4 ul li i {
    color: #ef7930;
}

.ft-4 img {
    width: 100%;
    position: relative;
    left: -5px;
}

.f-bottom {
    border-top: 1px solid #ef7930;
    padding: 15px 0 2px 0;
    text-align: center;
}

.f-bottom h5 {
    font-size: 17px;
    font-family: 'Poppins-Bold';
    color: #000;
}
/*Section-Footer Css End*/
/*WhatsApp Css Start*/

.floating_btn {
  position: fixed;
  bottom: 0px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:
  center;
  justify-content:
  center;
  z-index: 1000;
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}

@-webkit-keyframes glowing {
    0% {
        
        text-shadow: 0 0 5px #fff;
        transform:scale(1);
    }
    50% {
        
        text-shadow: 0 0 25px #fff;
        transform:scale(1.05);
    }
    100% {
        
        text-shadow: 0 0 5px #fff;
        transform:scale(1.1);
    }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

/*WhatsApp Css End*/
/*Thank-You Css Start*/

thankyou-blk h1 {
    font-size: 40px;
    color: #ee4d20;
    font-family: 'Montserrat-Bold';
}

.thankyou-blk i {
    font-size: 60px;
    background: #03306d;
    color: #fff;
    min-width: 100px;
    padding: 18px 0px;
    margin: 20px 0px;
    border-radius: 100px;
}

.thankyou-blk h5 {
    font-size: 29px;
    color: #2d3247;
    font-family: Poppins-Medium;
}

.thankyou-blk a {
    display: inline-block;
    width: 18%;
    background: #ef7930;
    border-radius: 5px;
    padding: 13px 0px;
    color: #fff !important;
    margin: 30px 0px;
    font-family: Poppins-Bold;
}

.thankyou-blk {
    text-align: center;
    padding: 90px 0px 0px;
}

/*Thank-You Css End*/
/*About-Us Css Start*/

section.Sec-About-1 {
    background: url(../images/page-ban.png);
    background-size: cover;
    padding: 100px 0 100px 0;
}

.about-1 {
    text-align: center;
}

.about-1 h2 {
    color: #fff;
    font-family: 'Poppins-Bold';
    font-size: 33px;
}

.about-2 {
    padding: 30px 0 10px 0;
}

.about-2 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

/*About-Us Css End*/
/*Contact-Us Css Start*/

section.Sec-Contact-1 {
    background: url(../images/page-ban.png);
    background-size: cover;
    padding: 100px 0 100px 0;
}

.contact-1 {
    text-align: center;
}

.contact-1 h2 {
    color: #fff;
    font-family: 'Poppins-Bold';
    font-size: 33px;
}

section.Sec-Contact-2 {
    padding: 40px 0 40px 0;
}

.contact-3 {
    position: relative;
    left: 18%;
    width: 75%;
    padding: 20px 35px 2px 35px;
    text-align: center;
    background-color: #ef7930;
    border-radius: 7px;
}

.contact-3 h4 {
    font-family: 'Poppins-Bold';
    font-size: 24px;
    padding: 0 0px 10px 0;
    color: #fff;
}

.contact-3 button {
    color: #fff;
    border-radius: 4px;
    border: 2px solid #fff;
    width: 100%;
    background: none;
    font-family: 'Poppins-Bold';
    padding: 10px 0 10px 0;
}

.contact-3 input {
    font-family: 'Poppins-Medium';
    font-size: 15px;
}

.contact-3 textarea.form-control {
    font-family: 'Poppins-Medium';
    font-size: 15px;
}

.contact-2 img {
    width: 100%;
    border-radius: 0px 50px 50px 50px;
}

/*Contact-Us Css End*/
/*Privacy-Policy Css Start*/

section.Sec-Privacy-1 {
    background: url(../images/page-ban.png);
    background-size: cover;
    padding: 100px 0 100px 0;
}

.Privacy-1 {
    text-align: center;
}

.Privacy-1 h2 {
    color: #fff;
    font-family: 'Poppins-Bold';
    font-size: 33px;
}

.privacy-2 {
    padding: 40px 0 20px 0;
}

.privacy-2 h3 {
    color: #000;
    font-size: 24px;
    font-family: 'Poppins-Bold';
}

.privacy-2 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

/*Privacy-Policy Css End*/
/*Term-Condition Css Start*/

section.Sec-Term-1 {
    background: url(../images/page-ban.png);
    background-size: cover;
    padding: 100px 0 100px 0;
}

.term-1 {
    text-align: center;
}

.term-1 h2 {
    color: #fff;
    font-family: 'Poppins-Bold';
    font-size: 33px;
}

.term-2 {
    padding: 40px 0 20px 0;
}

.term-2 h3 {
    color: #000;
    font-size: 24px;
    font-family: 'Poppins-Bold';
}

.term-2 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}


/*Term-Condition Css End*/
/*Class-Help Css Start*/

.ser-cont-1 {
    padding: 40px 0 0 0;
}

.ser-cont-1 h3 {
    color: #000;
    font-family: 'Poppins-Bold';
}

.ser-cont-1 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

section.ser-content {
    padding: 20px 0 0 0;
    margin: 0 0 -20px 0;
}

.ser-1 h3 {
    color: #000;
    font-size: 33px;
    font-family: 'Poppins-Bold';
}

.ser-1 p {
    color: #000;
    font-family: 'Poppins-Regular';
    line-height: 26px;
}

section.ser-content-2 {
    padding: 10px 0 20px 0;
}














:root{
    --ink:#1C2321;
    --paper:#F6F1E6;
    --paper-dim:#EAE2D0;
    --stamp:#B5432A;
    --stamp-dark:#8F3320;
    --gold:#C69A3B;
    --whatsapp:#2E7D5B;
    --whatsapp-dark:#245F45;
    --line: rgba(28,35,33,0.16);
  }

  *{box-sizing:border-box;}
  
section.process-class {
    padding: 40px 0px;
}
section.process-class .container {
    margin: 0px auto;
    justify-items: anchor-center;
}
  .ticket{
    /* position:relative; */
    display: flex;
    /* grid-template-columns: 1.05fr 1fr; */
    max-width:960px;
    /* width:100%; */
    background: #ef793030;
    border-radius:18px;
    /* box-shadow: 0 30px 60px -25px rgba(28,35,33,0.35); */
    overflow:hidden;
    justify-content: space-between;
  }

  /* left panel */
.stub-left h2 {
    font-size: 40px;
    font-family: 'Poppins-Bold';
}
  .stub-left{
    padding:56px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
  }

  

  h1{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:42px;
    line-height:1.05;
    margin:0 0 20px 0;
    color:var(--ink);
    letter-spacing:-0.01em;
  }

  .desc{
    font-family: 'Poppins-Regular';
    font-weight:500;
    font-size:16px;
    line-height:1.65;
    color:rgba(28,35,33,0.75);
    margin:0 0 34px 0;
    max-width:38ch;
  }

  .desc b{
    font-style:normal;
    color:var(--stamp-dark);
  }

  .signee{
    display:flex;
    align-items:center;
    gap:14px;
  }

  .signee .mark{
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--ink);
    color:var(--paper);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Poppins-Regular';
    font-weight:600;
    font-size:16px;
    flex-shrink:0;
  }

  .signee .name{
    font-weight:600;
    font-size:14.5px;
    color:var(--ink);
    line-height:1.3;
    font-family: 'Poppins-Regular';
  }
  .signee .role{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.03em;
    color:var(--stamp);
    margin-top:2px;
  }

  /* perforated divider */
  .perf{
    position:relative;
    width: 1px;
    background: repeating-linear-gradient(to bottom, #03306d 0 8px, transparent 8px 16px);
    background-size: 9px 16px;
    background-repeat:repeat-y;
    /* background-position:center; */
  }
  .perf::before, .perf::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background: #ffffff;
  }
  .perf::before{ top:-13px; }
  .perf::after{ bottom:-13px; }

  /* right panel */
  .stub-right{
    background: #03306d;
    color:var(--paper);
    padding:52px 48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    /* position:relative; */
    width: 550px;
  }

  .stamp-badge span{
    font-family:'IBM Plex Mono',monospace;
    font-size:9.5px;
    letter-spacing:0.05em;
    text-align:center;
    line-height:1.3;
    color:var(--gold);
    text-transform:uppercase;
  }

  .offer-figure{
    font-family: 'Poppins-Medium';
    font-weight:700;
    font-size:46px;
    line-height:1.05;
    color:var(--paper);
    margin:0 0 6px 0;
    letter-spacing:-0.01em;
  }
  .offer-figure em{
    font-style:normal;
    color:var(--gold);
  }

  .offer-sub{
    font-size:15px;
    color:rgba(246,241,230,0.7);
    margin:0 0 30px 0;
    font-family: 'Poppins-Regular';
  }

  .field-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:rgba(246,241,230,0.55);
    margin-bottom:10px;
    display:block;
  }

  .phone-row{
    display:flex;
    background:rgba(246,241,230,0.06);
    border:1px solid rgba(246,241,230,0.18);
    border-radius:10px;
    overflow:hidden;
    margin-bottom:16px;
  }

  .country-code{
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 14px;
    font-family:'IBM Plex Mono', monospace;
    font-size:14px;
    color:rgba(246,241,230,0.75);
    border-right:1px solid rgba(246,241,230,0.18);
    background:rgba(0,0,0,0.12);
  }

  .phone-row input{
    flex:1;
    background:transparent;
    border:none;
    outline:none;
    padding:14px 14px;
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    color:var(--paper);
  }
  .phone-row input::placeholder{
    color:rgba(246,241,230,0.4);
  }
  .phone-row:focus-within{
    border-color:var(--gold);
  }

  .claim-btn{
    width:100%;
    border:none;
    border-radius:10px;
    padding:15px 18px;
    background:var(--whatsapp);
    color:var(--paper);
    font-family: 'Poppins-Regular';
    font-weight:600;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    transition:background 0.18s ease, transform 0.18s ease;
  }
  .claim-btn:hover{
    background:var(--whatsapp-dark);
    transform:translateY(-1px);
  }
  .claim-btn svg{width:18px;height:18px;flex-shrink:0;}

  .fine-print{
    font-family:'IBM Plex Mono', monospace;
    font-size:10.5px;
    color:rgba(246,241,230,0.4);
    margin-top:14px;
    letter-spacing:0.02em;
  }

  @media (max-width:760px){
    .ticket{grid-template-columns:1fr;}
    .perf{
      width:auto; height:0;
      background:
        repeating-linear-gradient(
          to right,
          var(--line) 0 8px,
          transparent 8px 16px
        );
      background-size:16px 1px;
      background-repeat:repeat-x;
      background-position:center;
    }
    .perf::before{ top:auto; left:-13px; }
    .perf::after{ bottom:auto; right:-13px; left:auto; top:50%; transform:translateY(-50%);}
    .stub-left, .stub-right{padding:40px 30px;}
    h1{font-size:32px;}
    .offer-figure{font-size:36px;}
  }



























:root{
  --bg:#10162a;
  --bg-2:#161d35;
  --paper:#f7f1e4;
  --paper-2:#fbf7ee;
  --ink:#1c2233;
  --ink-soft:#6b7280;
  --gold:#d9a441;
  --gold-soft:#e8c47a;
  --sage:#4f7a6e;
  --sage-soft:#e2ebe6;
  --line:rgba(255,255,255,0.10);
  --paper-line:rgba(28,34,51,0.14);
}

*{box-sizing:border-box;}

.experts{
  padding: 40px 0px 40px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
}
.experts::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(80% 60% at 50% 20%, black, transparent 75%);
  pointer-events:none;
  opacity:.5;
}

.head{ position:relative; max-width:640px; margin:0 auto 36px; text-align:center; }

.head h2{
  color: #000000;
  margin:0 0 12px;
  font-size: 35px;
  font-family: 'Poppins-Bold';
}
.head p{color: #000;margin:0;font-family: 'Poppins-Regular';line-height: 26px;}

.filters{
  position:relative;
  display:flex; gap:8px; justify-content:center; flex-wrap:wrap;
  margin-bottom:44px;
}
.filter-pill{
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins-Medium';
  color: #000000;
  background: #ffffff;
  border: 1px solid #ef7930;
  padding:9px 16px;
  border-radius:999px;
  cursor:pointer;
  transition:all .2s ease;
  white-space:nowrap;
}
.filter-pill:hover{border-color: #ef7930;color: #363534;}
.filter-pill.active{background: #ef7930;border-color: #ef7930;color: #FFFFFE !important;}

.stage{ position:relative; display:flex; align-items:center; gap:8px; }
.viewport{ overflow:hidden; flex:1; }
.filmstrip{ display:flex; align-items:center; gap:22px; transition:transform .5s cubic-bezier(.65,0,.35,1); will-change:transform; padding:10px 0; }

.nav{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:50%;
  border: 1px solid #000000;
  background:rgba(255,255,255,0.03);
  color: #000000;
  font-size:18px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
  z-index:2;
}
.nav:hover{background: #ef7930;border-color: #ef7930;color: #ffffff;}

.avatar-item{
  flex:0 0 auto; width:82px; display:flex; flex-direction:column; align-items:center; gap:9px;
  cursor:pointer; background:none; border:none; padding:0; opacity:.55; transition:opacity .2s ease, transform .2s ease;
}
.avatar-item:hover{ opacity:.9; transform:translateY(-2px); }
.avatar-circle{
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: 'Poppins-Bold';
  font-size: 18px;
  color:#fff;
  border:2px solid rgba(255,255,255,0.14);
}
.avatar-item span{ font-size:11.5px; color:#b7bad0; font-weight:600; text-align:center; }

.feature-card{
  flex:0 0 auto;
  width:min(660px,78vw);
  background:var(--paper);
  border-radius:18px;
  display:flex;
  box-shadow: 0 11px 34px -20px rgba(0,0,0,0.55);
  position:relative;
  overflow:visible;
}
.feature-photo{
  flex:0 0 42%; border-radius:18px 0 0 18px; overflow:hidden; position:relative;
  display:flex; align-items:flex-end; padding:18px;
  min-height:320px;
}
.feature-photo .initials{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:'Fraunces',serif; font-size:88px; color:rgba(255,255,255,0.5); mix-blend-mode:overlay;
}
.photo-name{ position:relative; color:#fff; }
.photo-name .name{font-family: 'Poppins-Medium';font-size: 18px;font-weight:500;}
.photo-name .degree{ font-size:12px; color:rgba(255,255,255,0.85); margin-top:2px; }
.photo-tags{ position:relative; display:flex; gap:6px; margin-top:10px; flex-wrap:wrap; }
.photo-tags span{
  background:rgba(0,0,0,0.35); backdrop-filter:blur(2px); color:#fff; font-size:11px; font-weight:600;
  padding:4px 10px; border-radius:999px; border:1px solid rgba(255,255,255,0.25);
}

.seal{
  position:absolute; top:-14px; right:26px; width:64px; height:64px; border-radius:50%;
  background:var(--gold); color:#26170a; display:flex; align-items:center; justify-content:center;
  flex-direction:column; transform:rotate(-9deg); box-shadow:0 8px 18px -4px rgba(217,164,65,0.6);
  border:2px dashed rgba(38,23,10,0.35); z-index:3;
}
.seal b{ font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:.04em; line-height:1.15; text-align:center; }

.feature-info{ flex:1; padding:22px 26px 20px; display:flex; flex-direction:column; }
.info-top{
  display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
  border-bottom:1px dashed var(--paper-line); padding-bottom:12px; margin-bottom:12px;
}
.client-id{font-family: 'Poppins-Medium';font-size:11.5px;color:var(--ink-soft);}
.stars{ color:var(--gold); font-size:14px; margin-top:6px; letter-spacing:1px; }
.review-date{ text-align:right; }
.review-date .label{font-size:10.5px;color:var(--ink-soft);font-family: 'Poppins-Medium';}
.review-date .date{font-family: 'Poppins-Bold';font-size:12px;font-weight:600;color:var(--ink);margin-top:2px;}

.quote{font-family: 'Poppins-Regular';font-size: 15.5px;line-height:1.5;color:var(--ink);margin:0 0 16px;}

.project-line{
  display:flex; align-items:center; gap:9px; font-size:12px; color:var(--ink-soft);
  border-top:1px dashed var(--paper-line); padding-top:12px; margin-top:auto;
}
.project-tag{
  width:22px; height:22px; border-radius:6px; background:var(--sage-soft); color:var(--sage);
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex:0 0 auto;
}

.card-actions{ display:flex; gap:10px; margin-top:16px; }
.btn-outline, .btn-solid{
  flex:1; text-align:center; padding:11px 14px; border-radius:999px; font-size:13.5px; font-weight:700;
  cursor:pointer; border:1px solid var(--ink); background:transparent; color:var(--ink); transition:all .2s ease;
}
.btn-outline:hover{ background:var(--ink); color:var(--paper); }
.btn-solid{background: #03306d;border-color: #03306d;color:#fff;}
.btn-solid:hover{background: #03306d;}

.foot{ display:flex; justify-content:center; margin-top:44px; position:relative; }
.cta-main{
  background: #ef7930;
  color: #ffffff;
  border:none;
  padding:15px 34px;
  border-radius:999px;
  font-family:'Public Sans',sans-serif;
  font-weight:700;
  font-size:14.5px;
  cursor:pointer;
  box-shadow:0 14px 30px -10px rgba(217,164,65,0.55);
  transition:transform .2s ease;
}
.cta-main:hover{ transform:translateY(-2px); }

@media (max-width:640px){
  .experts{ padding:44px 16px 40px; }
  .feature-card{ flex-direction:column; width:min(340px,82vw); }
  .feature-photo{ border-radius:18px 18px 0 0; min-height:190px; flex:none; }
  .avatar-item{ width:60px; }
  .avatar-circle{ width:48px; height:48px; font-size:15px; }
  .seal{ width:52px; height:52px; right:14px; top:-12px; }
}

























  :root{
    --bg: #FAFAF8;
    --ink: #14151A;
    --ink-soft: #5A5C66;
    --indigo: #4F46E5;
    --indigo-deep: #372FBE;
    --indigo-soft: #EEF0FF;
    --line: #E3E3DF;
    --line-strong: #CFCFC9;
    --font-display: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
  }

  *{ box-sizing: border-box; }
  body{
    margin:0;
    background: var(--bg);
    font-family: var(--font-body);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
  }

  .trust-section{
    padding: 40px 24px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .trust-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
    margin-bottom: 56px;
  }

  .trust-heading{
    font-family: 'Poppins-Bold';
    font-size: 35px;
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0;
  }

  .trust-sub{
    font-family: 'Poppins-Regular';
    color: #000000;
    max-width: 480px;
    margin: 0;
  }

  /* ---- Manifest slider ---- */
  .manifest{ position: relative; }

  .manifest-track-wrap{
    overflow: hidden;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .manifest-track{
    display: flex;
    transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    will-change: transform;
  }

  .manifest-slot{
    flex: 0 0 auto;
    width: 232px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;
    padding: 32px 18px 26px;
    border-right: 1px dashed var(--line-strong);
    position: relative;
    min-height: 168px;
    transition: background 0.3s ease;
  }

  .manifest-slot:hover{
    background: #ef793030;
  }

  .manifest-slot::before{
    content: attr(data-index);
    position: absolute;
    top: 10px;
    left: 14px;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.06em;
    color: var(--ink-soft);
    opacity: 0.55;
  }

  .manifest-slot::after{
    content: "ADMIT";
    position: absolute;
    bottom: 10px;
    right: 14px;
    font-family: var(--font-mono);
    font-size: 9px;
    letter-spacing: 0.14em;
    color: var(--indigo);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .manifest-slot:hover::after{
    opacity: 0.75;
    transform: translateY(0);
  }

  .manifest-mark{
    width: 44px;
    height: 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: transform 0.35s ease;
  }

  .manifest-slot:hover .manifest-mark{
    transform: translateY(-3px) scale(1.04);
  }

  .manifest-mark svg{ width: 100%; height: 100%; display:block; }

  .manifest-wordmark{
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 13.5px;
    letter-spacing: 0.01em;
    color: var(--ink);
    text-align: center;
    line-height: 1.25;
  }

  .manifest-sub{
    font-family: var(--font-mono);
    font-size: 8.5px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--ink-soft);
    text-align: center;
  }

  /* Arrows */
  .manifest-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--line-strong);
    background: var(--bg);
    color: var(--ink);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
    z-index: 2;
  }
  .manifest-arrow:hover{
    background: #ef7930;
    border-color: #ef7930;
    color: #fff;
  }
  .manifest-arrow:active{ transform: translateY(-50%) scale(0.94); }
  .manifest-arrow:focus-visible{
    outline: 2px solid var(--indigo);
    outline-offset: 2px;
  }
  .manifest-arrow svg{ width: 16px; height: 16px; }

  .manifest-arrow.prev{ left: -20px; }
  .manifest-arrow.next{ right: -20px; }

  @media (max-width: 640px){
    .manifest-arrow.prev{ left: 4px; }
    .manifest-arrow.next{ right: 4px; }
  }

  .manifest-arrow[disabled]{
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
  }

  /* Dots / progress */
  .manifest-progress{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 8px;
    margin-top: 28px;
  }

  .manifest-dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--line-strong);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.25s ease, width 0.25s ease;
  }

  .manifest-dot.active{
    background: #ef7930;
    width: 20px;
    border-radius: 3px;
  }

  .manifest-count{
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--ink-soft);
    margin-left: 12px;
    letter-spacing: 0.04em;
  }

























.platforms{
    padding: 40px 24px;
    max-width:1100px;
    margin:0 auto;
    position:relative;
  }

  .platforms__eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:22px;
  }
  .platforms__eyebrow::before,
  .platforms__eyebrow::after{
    content:"";
    width:28px;
    height:1px;
    background:var(--gold);
    opacity:.55;
  }

  .platforms__title{
    font-family: 'Poppins-Bold';
    font-optical-sizing:auto;
    font-weight:500;
    font-size: 35px;
    line-height:1.15;
    color:var(--ink);
    text-align:center;
    margin:0 auto 18px;
    max-width:720px;
    letter-spacing:-.01em;
  }

  .platforms__title em{
    font-style:italic;
    color:var(--teal);
  }

  .platforms__sub{
    text-align:center;
    font-family: 'Poppins-Regular';
    /* font-size:16px; */
    line-height:1.65;
    /* max-width:600px; */
    margin:0 auto 56px;
  }

  .platforms__grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
    margin-bottom:52px;
  }

  .plat-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:10px;
    padding:22px 14px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    position:relative;
    min-height:132px;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }

  .plat-card:hover{
    transform:translateY(-3px);
    border-color: #ef7930;
    box-shadow:0 10px 24px -14px rgba(19,32,56,.35);
  }

  .plat-card:hover .plat-card__check{
    opacity:1;
    transform:scale(1);
  }

  .plat-card__mark{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--ink);
  }
  .plat-card__mark svg{width:100%;height:100%;}

  .plat-card__name{
    font-family:'Inter',sans-serif;
    font-weight:600;
    font-size:13.5px;
    color:var(--ink);
    letter-spacing:-.01em;
  }

  .plat-card__check{
    position:absolute;
    top:8px;
    right:8px;
    width:16px;
    height:16px;
    opacity:0;
    transform:scale(.6);
    transition:all .25s ease;
    color:var(--teal);
  }
  .plat-card__check svg{width:100%;height:100%;}

  .platforms__foot{
    display:flex;
    align-items:center;
    gap:22px;
    background: #ef7930;
    border:1px solid #E7D6AC;
    border-radius:12px;
    padding:22px 28px;
  }

  .platforms__foot-seal{
    flex-shrink:0;
    width:52px;
    height:52px;
    border-radius:50%;
    border: 1.5px dashed #03306d;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #03306d;
    font-family: 'Poppins-Bold';
    font-size:20px;
    font-weight:600;
  }

  .platforms__foot p{
    margin:0;
    color: #ffffff;
    font-size:15px;
    line-height:1.6;
    font-family: 'Poppins-Medium';
  }

  .platforms__foot strong{
    color:var(--ink);
  }

  @media (max-width:860px){
    .platforms__grid{grid-template-columns:repeat(3,1fr);}
  }
  @media (max-width:520px){
    .platforms{padding:64px 18px 72px;}
    .platforms__grid{grid-template-columns:repeat(2,1fr);}
    .platforms__foot{flex-direction:column;text-align:center;}
  }

  @media (prefers-reduced-motion:reduce){
    .plat-card{transition:none;}
  }




















.exam-section{
    position:relative;
    padding: 40px 24px;
    overflow:hidden;
    background-image:
      radial-gradient(circle, rgba(28,35,51,0.10) 1px, transparent 1.4px);
    background-size:22px 22px;
  }

  /* faint ruled margin line, like exam paper */
  

  .exam-header{
    position:relative;
    max-width:900px;
    margin:0 auto 56px;
    text-align:center;
  }

  

  .exam-title{
    font-family: 'Poppins-Bold';
    font-weight:700;
    font-size: 35px;
    line-height:1.15;
    margin:16px 0 0;
    color:var(--ink);
  }
 
  

  .exam-sub{
    font-family: 'Poppins-Regular';
    font-size: 16px;
    color:var(--ink-soft);
    max-width:520px;
    margin:18px auto 0;
    line-height:1.6;
  }

  /* ---------- SLIDER ---------- */
  .slider-wrap{
    position:relative;
    max-width:1240px;
    margin:0 auto;
  }

  .slider-track-outer{
    overflow:hidden;
    margin:0 8px;
  }

  .slider-track{
    display:flex;
    gap:28px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:14px 4px 22px;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .slider-track::-webkit-scrollbar{ display:none; }

  .exam-card{
    scroll-snap-align:start;
    flex:0 0 auto;
    width:270px;
    background:var(--paper-card);
    border:1px solid var(--line);
    border-radius:3px;
    padding:30px 24px 26px;
    position:relative;
    box-shadow:0 10px 24px -14px var(--shadow), 0 2px 0 rgba(28,35,51,0.05);
  }
  .exam-card:nth-child(odd){ transform:rotate(-0.6deg); }
  .exam-card:nth-child(even){ transform:rotate(0.5deg); }
  .exam-card:hover{ transform:rotate(0deg) translateY(-4px); transition:transform .25s ease; }

  /* perforated / torn top edge */
  .exam-card::before{
    content:"";
    position:absolute;
    top:-1px; left:0; right:0;
    height:10px;
    background-image: radial-gradient(circle at 8px 0, transparent 5px, var(--paper) 5.5px);
    background-size:16px 10px;
    background-repeat:repeat-x;
  }

  
  
  .icon-badge{
    width:52px;
    height:52px;
    border-radius:50%;
    background: #03306d;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
  }
  .icon-badge svg{width:24px;height:24px;stroke: #ffffff;}

  .subject-num{
    font-family:'Space Mono', monospace;
    font-size:11px;
    color:var(--gold);
    letter-spacing:.14em;
    margin-bottom:6px;
    display:block;
    text-align: end;
  }

  .card-title{
    font-family: 'Poppins-Regular';
    font-weight: 700;
    font-size: 18px;
    color:var(--ink);
    margin:0 0 10px;
  }

  .card-body{
    font-family: 'Poppins-Regular';
    font-size: 14.5px;
    line-height:1.6;
    color:var(--ink-soft);
    margin:0 0 24px;
    min-height:88px;
    padding: 0px !important;
  }

  .order-btn{
    display:inline-block;
    width:100%;
    text-align:center;
    font-family: 'Poppins-Regular';
    font-size:12px;
    letter-spacing:.12em;
    font-weight:700;
    color: #F07930;
    background:transparent;
    border: 1.4px solid #F07930;
    padding:12px 0;
    cursor:pointer;
    position:relative;
    transition:background .18s ease, color .18s ease;
  }
  .order-btn::before,.order-btn::after{
    content:"";
    position:absolute; width:7px; height:7px;
    border:1.4px solid var(--red);
  }
  .order-btn::before{ top:-4px; left:-4px; border-right:none; border-bottom:none; }
  .order-btn::after{ bottom:-4px; right:-4px; border-left:none; border-top:none; }
  .order-btn:hover{background: #F07930;color:#FFFCF4;}

  /* arrows */
  .slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px; height:42px;
    border-radius:50%;
    border:1.4px solid var(--ink);
    background:var(--paper-card);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    z-index:2;
    transition:opacity .2s ease, background .2s ease;
  }
  .slider-arrow svg{ width:16px; height:16px; stroke:var(--ink); }
  .slider-arrow:hover{ background:var(--ink); }
  .slider-arrow:hover svg{ stroke:var(--paper-card); }
  .slider-arrow[disabled]{ opacity:.32; cursor:default; }
  .slider-arrow[disabled]:hover{ background:var(--paper-card); }
  .slider-arrow[disabled]:hover svg{ stroke:var(--ink); }
  .arrow-prev{ left:-8px; }
  .arrow-next{ right:-8px; }

  @media (max-width:640px){
    .slider-arrow{ display:none; }
    .exam-section::before{ display:none; }
  }
section.sub-content {
    padding: 40px 0px 0px;
}

.sub-text h2 {
    color: #000;
    font-size: 32px;
    font-family: 'Poppins-Medium';
}

.sub-text p {
    font-family: 'Poppins-Regular';
    padding: 5px 0px 5px;
}
.ord-dis a {
    background: #ef7930;
    padding: 10px 24px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    color: #fff;
    border-radius: 10px;
}

.ord-dis {
    padding: 30px 0px 20px;
}
.sub-listes {
    box-shadow: 1px 1px 7px #0000001a;
    border-radius: 20px;
    margin: 40px 0px 0px;
}
.sub-li a:hover {
    color: #ef7930;
}
.sub-li a {
    display: flex;
    gap: 20px;
    font-size: 16px;
    font-family: 'Poppins-Medium';
    align-items: center;
    color: #000;
}

.sub-li a .icon-badge {
    margin: 0px;
}

.su-li {
    padding: 10px 20px;
    height: 300px;
    overflow: overlay;
}

.sub-li {
    padding: 10px 0px;
}
.sub-listes h2 {
    font-family: 'Poppins-Bold';
    font-size: 22px;
    text-align: center;
    padding: 20px;
    color: #fff;
    background: #03306d;
    border-radius: 20px 20px 0px 0px;
}
.disco {
    padding: 20px 20px;
    box-shadow: 1px 1px 7px #0000001a;
    border-radius: 20px;
    text-align: center;
}

.disco h2 {
    font-family: 'Poppins-Bold';
    font-size: 22px;
}

.disco h3 {
    font-size: 20px;
    font-family: 'Poppins-Medium';
    padding: 0px 0px 20px;
}

.disco h3 span {
    font-family: 'Poppins-Bold';
    font-size: 24px;
    color: #ef7930;
}

.disco svg {
    width: 120px;
    height: 120px;
}




/* ---------- Subject Catalog slider: all tokens + resets scoped to .subject-catalog ---------- */
.subject-catalog{
    --sc-ink-900:#0E1830;
    --sc-ink-800:#14213D;
    --sc-ink-700:#1E2C52;
    --sc-ink-line: rgba(255,255,255,0.14);
    --sc-paper:#F6F4EE;
    --sc-paper-line: rgba(14,24,48,0.12);
    --sc-amber:#E4A93F;
    --sc-amber-soft: rgba(228,169,63,0.16);
    --sc-text-dark:#171B26;
    --sc-text-muted:#5B6072;
    --sc-text-on-dark:#F3F1EA;
    --sc-text-on-dark-muted: rgba(243,241,234,0.62);
    --sc-radius-lg: 22px;
    --sc-radius-sm: 10px;
    --sc-font-display: 'Fraunces', serif;
    --sc-font-body: 'Inter', sans-serif;
    --sc-font-mono: 'IBM Plex Mono', monospace;
    max-width: 1100px;
    margin:0 auto;
    padding:64px 24px 88px;
    overflow-x:hidden;
    /* background:var(--sc-paper); */
    color:var(--sc-text-dark);
    font-family:var(--sc-font-body);
    -webkit-font-smoothing:antialiased;
  }
  .subject-catalog, .subject-catalog *{ box-sizing:border-box; }
button.slick-next.slick-arrow {
    background: #14213d;
    border-radius: 20px;
    padding: 0px 0px 20px;
    width: 28px;
    height: 24px;
}

  /* ---------- Header ---------- */
  .subject-catalog .header{
    text-align:center;
    margin-bottom:44px;
  }
  
  .subject-catalog h1.title{
    font-family: 'Poppins-Bold';
    font-weight:600;
    font-size: 35px;
    line-height:1.12;
    margin:0 0 12px;
    color:var(--sc-text-dark);
    letter-spacing:-0.01em;
  }
  .subject-catalog .subtitle{
    font-size:16px;
    color: #000000;
    /* max-width:520px; */
    margin:0 auto;
    line-height:1.55;
    font-family: 'Poppins-Regular';
  }

  /* ---------- Slider ---------- */
  .subject-catalog .slider-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:36px;
  }
  .subject-catalog .arrow-btn{
    flex:none;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid var(--sc-paper-line);
    background:#fff;
    color:var(--sc-text-dark);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-color .15s ease, transform .15s ease;
  }
  .subject-catalog .arrow-btn:hover{border-color:var(--sc-text-dark); transform:translateY(-1px);}
  .subject-catalog .arrow-btn:active{transform:translateY(0);}
  .subject-catalog .arrow-btn svg{width:16px;height:16px;}

  .subject-catalog .slider-track{
    flex:1;
    min-width:0;
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:4px 2px;
  }
  .subject-catalog .slider-track::-webkit-scrollbar{display:none;}

  .subject-catalog .subject-pill{
    flex:none;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 18px 11px 14px;
    border-radius:999px;
    border:1px solid var(--sc-paper-line);
    background:#fff;
    color:var(--sc-text-dark);
    font-family: 'Poppins-Regular';
    font-weight: 600;
    font-size: 13.5px;
    cursor:pointer;
    white-space:nowrap;
    transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
  }
  .subject-catalog .subject-pill svg{width:20px;height:20px;flex:none;stroke:var(--sc-ink-800); transition:stroke .18s ease;}
  .subject-catalog .subject-pill:hover{border-color:var(--sc-ink-800); transform:translateY(-1px);}
  .subject-catalog .subject-pill.active{
    background:var(--sc-ink-800);
    border-color:var(--sc-ink-800);
    color:var(--sc-text-on-dark);
  }
  .subject-catalog .subject-pill.active svg{stroke:var(--sc-amber);}

  /* ---------- Panel ---------- */
  .subject-catalog .panel{
    background: #14213d;
    border-radius:var(--sc-radius-lg);
    padding:14px;
    box-shadow:0 24px 60px -24px rgba(14,24,48,0.45);
  }
  .subject-catalog .panel-grid{
    display:grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap:8px;
  }
  @media(max-width:760px){
    .subject-catalog .panel-grid{grid-template-columns:1fr;}
  }

  /* Image / catalog card side */
  .subject-catalog .visual{
    position:relative;
    border-radius:var(--sc-radius-sm);
    background:
      radial-gradient(circle at 1px 1px, var(--sc-ink-line) 1px, transparent 1.6px) 0 0/22px 22px,
      var(--sc-ink-700);
    min-height:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .subject-catalog .visual .code-tag{
    position:absolute;
    bottom:16px;
    left:18px;
    font-family:var(--sc-font-mono);
    font-size:12px;
    letter-spacing:0.1em;
    color:var(--sc-text-on-dark-muted);
  }
  .subject-catalog .visual .index-tag{
    position:absolute;
    top:16px;
    right:18px;
    font-family:var(--sc-font-mono);
    font-size:12px;
    letter-spacing:0.05em;
    color:var(--sc-text-on-dark-muted);
  }
  .subject-catalog .visual .ring{
    position:relative;
    width:168px;
    height:168px;
    border-radius:50%;
    background:var(--sc-amber-soft);
    border:1px solid rgba(228,169,63,0.4);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .subject-catalog .visual .ring svg{
    width:84px;
    height:84px;
    stroke:var(--sc-amber);
  }

  /* Text side */
  .subject-catalog .content-side{
    padding:34px 30px 30px 22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  @media(max-width:760px){
    .subject-catalog .content-side{padding:26px 24px 30px;}
  }
  .subject-catalog .content-side h2{
    font-family: 'Poppins-Bold';
    font-weight:600;
    font-size:clamp(24px,3vw,30px);
    color:var(--sc-text-on-dark);
    margin:0 0 14px;
    letter-spacing:-0.01em;
  }
  .subject-catalog .content-side p{
    font-size: 15px;
    line-height:1.7;
    color:var(--sc-text-on-dark-muted);
    margin:0 0 22px;
    font-family: 'Poppins-Regular';
  }
  .subject-catalog .learn-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    font-size:14.5px;
    color:var(--sc-amber);
    text-decoration:none;
    width:fit-content;
    border-bottom:1px solid rgba(228,169,63,0.5);
    padding-bottom:2px;
    transition:gap .15s ease;
  }
  .subject-catalog .learn-more:hover{gap:12px;}
  .subject-catalog .learn-more svg{width:14px;height:14px;}

  /* fade transition */
  .subject-catalog .fade-target{
    animation: fadeIn .32s ease both;
  }
  @keyframes fadeIn{
    from{opacity:0; transform:translateY(6px);}
    to{opacity:1; transform:translateY(0);}
  }

  @media (prefers-reduced-motion: reduce){
    .subject-catalog .fade-target{animation:none;}
    .subject-catalog .slider-track{scroll-behavior:auto;}
  }



/*Class-Help Css End*/
/*Course-Help Css Start*/
/*Course-Help Css End*/
/*Exam-Help Css Start*/
/*Exam-Help Css Start*/

.btm-row .row {display: flex;align-items: center;}
.banner-txt p {color: #fff;font-size: 16px;font-family: Poppins-Light;line-height: 30px;}
.banner-btn a {padding: 12px 0px;display: inline-block;width: 20%;border: 2px solid;text-align: center;transition: all 0.5s;border-radius: 30px;color: #fff;}
.top-row {background: #2a3038;padding: 10px 0px;}
.tp-blk {display: flex;align-items: center;}
.top-row ul {display: flex;margin: 0;justify-content: end;}
.top-row ul li {margin: 0px 20px;}
.icn {margin: -3px 10px 0px 0px;}
.icn i {background: #ca786d;min-width: 30px;padding: 6px 0px;text-align: center;color: #fff;border-radius: 100px;}
.number h6 {font-size: 16px;font-family: 'Poppins-Medium';color: #fff;margin: 0;}
.number a {font-family: 'Poppins-Medium';color: #efa095;}
a.chat:hover {background: #2a3038;color: #fff;}


@media only screen and (min-width: 430px) and (max-width: 932px){

.ban-5 {
    left: 355px !important;
}

}
@media only screen and (min-width: 320px) and (max-width: 480px){

header {
    overflow: hidden;
}

section.Banner {
    overflow: hidden;
    padding: 30px 0 0px 0;
}

section.Content-1 {
    overflow: hidden;
    padding: 0 0 0 0;
}

section.Services {
    overflow: hidden;
}

section.Side-Banner-2 {
    overflow: hidden;
}

section.Subjects {
    overflow: hidden;
}

section.Content-2 {
    overflow: hidden;
    padding: 50px 0 50px 0;
}

section.Writers {
    overflow: hidden;
}

section.Faq {
    overflow: hidden;
}

section.Side-Banner {
    overflow: hidden;
}

section.Testimonials {
    overflow: hidden;
}

section.spacing__x {
    overflow: hidden;
}

footer {
    overflow: hidden;
}

footer.\32 nd-footer {
    overflow: hidden;
}

.cl-2 ul li a {
    font-size: 12px;
}

.marquee marquee {
    font-size: 13px;
}

.cl-5 a {
    display: none;
}

nav.navbar.navbar-expand-lg.navbar-light {
    justify-content: end;
    text-align: center;
}

.cl-4 button {
    border: 2px solid #fff !important;
    position: relative;
    top: -50px;
    margin: 0px 0 -30px 0;
}

.cl-4 ul li a {
    margin: 0;
    font-size: 14px;
}

.btm-row {
    margin: 0px 0 -5px 0;
    padding: 20px 0 5px 0;
}

.ban-1 h2 {
    font-size: 22px;
}

.ban-1 p {
    font-size: 13px;
    line-height: 22px;
}

.ban-1 ul li span {
    font-size: 12px;
}

.ban-1 a {
    font-size: 12px;
    padding: 7px 30px 7px 30px;
}

.ban-2 {
    padding: 30px 0 10px 0;
}

.ban-3 h4 {
    font-size: 18px;
}

.ban-3 form input {
    font-size: 12px;
}

.ban-3 form textarea.form-control {
    font-size: 12px;
}

.ban-5 img {
    width: 100%;
}

.ban-5 {
    left: 265px;
}

.ban-3 button {
    font-size: 14px;
}

.cont-1 h3 {
    font-size: 20px;
}

.cont-1 p {
    font-size: 12px;
    line-height: 20px;
}

.cont-2 {padding: 30px 0 10px 0;}

.tabs li {
    font-size: 12px;
    width: 100px;
    height: 60px;
}

ul.tabs {
    width: 89%;
    margin: 0 0 -40px 0;
}

.box img {
    display: none;
}

.ser {
    padding: 20px 0 0 0;
}

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

.box p {
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}

.contents {
    width: 80%;
    margin: 40px 0 0 15px;
}

.ban-3 form {
    border: 1px solid #03306d61;
}

.side-ban-3 h3 {
    font-size: 19px;
    padding: 0;
}

.side {
    padding: 20px 0px 0px 20px;
}

.side-bn-4 ul li a {
    padding: 0 0 0 0px;
}

.side-bn-4 {
    padding: 0;
}

.side-ban-5 {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    left: 90px;
    top: -3px;
}

.sub-1 h4 {
    font-size: 18px;
}

.cont-5 img {width: 100%;border-radius: 10px;}

.cont-6 {
    display: none;
}

.cont-7 {
    padding: 70px 0 0 0;
}

.cont-7 h4 {width: 55%;}

.cont-7 h3 {
    font-size: 20px;
}

.cont-7 p {
    font-size: 12px;
    line-height: 20px;
}

.cont-7 ul li span {
    font-size: 12px;
}

.order-1 h2 {
    font-size: 20px;
}

.order-1 p {
    font-size: 14px;
}

blockquote p {
    font-size: 12px;
    line-height: 20px;
}

.fq h2 {
    font-size: 20px;
}

.fq p {
    font-size: 14px;
}

.accrodion.active .accrodion-title h4 {
    font-size: 16px;
}

.accrodion.active .accrodion-content p {
    font-size: 12px;
    line-height: 20px;
}

.accrodion-title h4 {
    font-size: 16px;
}

.fq-1 {
    padding: 30px 0 0 0;
}

.fq-1 img {
    width: 100%;
}

.side-2 p {
    font-size: 12px;
    line-height: 20px;
}

.side-3 {
    text-align: left;
    left: 0px;
}

.side-1 {
    padding: 10px 0 25px 10px;
}

.test h2 {
    font-size: 20px;
}

.test p {
    font-size: 14px;
}

.test-2 h3 {
    font-size: 18px;
}

.test-2 img {
    width: 110px;
    height: 110px;
}

.test-2 p {
    font-size: 12px;
    line-height: 20px;
}

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

.process-box .link-area {
    display: none;
}

.process-box h5 {
    font-size: 20px;
}

.process-box p {
    font-size: 13px;
}

.process-boxss .link-area {
    display: none;
}

.process-boxss h5 {
    font-size: 20px;
}

.process-boxss p {
    font-size: 13px;
}

.ft-1 p {
    font-size: 12px;
    line-height: 20px;
}

.f-bottom h5 {
    font-size: 13px;
}

.ft-3 h3 {
    font-size: 20px;
}

.ft-4 h3 {
    font-size: 20px;
}

.ft-2 h3 {
    font-size: 20px;
}

.about-2 p {
    font-size: 12px;
    line-height: 20px;
}

.contact-3 {
    left: 0px;
    width: 100%;
    top: 30px;
}

.contact-3 h4 {
    font-size: 15px;
}

.privacy-2 p {
    font-size: 12px;
    line-height: 20px;
}

.ser-cont-1 h3 {
    font-size: 20px;
}

.ser-cont-1 p {
    font-size: 12px;
    line-height: 20px;
}

.ser-1 h3 {
    font-size: 20px;
}

.ser-1 p {
    font-size: 12px;
    line-height: 20px;
}

.term-2 p {
    font-size: 12px;
    line-height: 20px;
}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){

header {
    overflow: hidden;
}

section.Banner {
    overflow: hidden;
}

section.Content-1 {
    overflow: hidden;
    padding: 70px 0 0 0;
}

section.Services {
    overflow: hidden;
}

section.Side-Banner-2 {
    overflow: hidden;
}

section.Subjects {
    overflow: hidden;
}

section.Content-2 {
    overflow: hidden;
}

section.Writers {
    overflow: hidden;
}

section.Faq {
    overflow: hidden;
}

section.Side-Banner {
    overflow: hidden;
}

section.Testimonials {
    overflow: hidden;
}

section.spacing__x {
    overflow: hidden;
}

footer {
    overflow: hidden;
}

footer.\32 nd-footer {
    overflow: hidden;
}

.ban-1 h2 {
    font-size: 20px !important;
}

.ban-1 p {
    font-size: 12px;
    line-height: 20px;
}

.ban-1 ul li span {
    font-size: 12px;
}

.ban-1 a {
    font-size: 14px;
    padding: 7px 30px;
}

.ban-3 h4 {
    font-size: 12px;
}

.ban-3 form input {
    font-size: 10px;
}

.ban-3 form textarea.form-control {
    font-size: 10px;
}

.ban-3 button {
    font-size: 12px;
    padding: 7px 0;
}

.ban-2 img {
    width: 110%;
}

.cont-1 {
    padding: 0;
}

.cont-1 h3 {
    font-size: 19px !important;
}

.cont-1 p {
    font-size: 12px !important;
    line-height: 21px;
}

.side-ban-3 h3 {
    padding: 0;
    font-size: 19px;
}

.side-ban-5 {
    left: 40px;
}

.side-bn-4 ul li a {
    padding: 0 0 0 0px;
}

.sub-2 p {
    font-size: 11px;
}

.cont-6 {
    display: none;
}

.cont-5 img {
    width: 100%;
    border-radius: 10px;
}

.cont-4 {
    bottom: -30px;
}

.cont-7 h4 {
    width: 50% !important;
}

.cont-7 h3 {
    font-size: 19px;
}

.cont-7 p {
    font-size: 12px;
    line-height: 20px;
}

.cont-7 ul li span {
    font-size: 12px;
}

.cont-7 ul li {margin: -10px 0 -5px 0;}

.snip1579 {
    margin: 0 10px 0 -10px !important;
    min-width: 110% !important;
}

.snip1579 h3 {
    font-size: 15px;
}

.snip1579 h5 {
    font-size: 10px;
}

blockquote p {font-size: 10px;line-height: 15px;}

.side-3 {
    left: 0px;
    width: 120%;
    top: 15px;
}

.process-box .link-area {
    display: none;
}

.process-boxss .link-area {
    display: none;
}

.ft-2 h3 {
    font-size: 20px;
}

.ft-3 h3 {
    font-size: 20px;
}

.ft-4 h3 {
    font-size: 20px;
}

.ft-1 p {
    font-size: 12px;
    line-height: 20px;
}

.ft-2 ul li a {
    font-size: 14px;
}

.ft-3 ul li a {
    font-size: 14px;
}

.ft-4 ul li a {
    font-size: 14px;
}

.ft-4 ul li {width: 140%;}

.ft-4 {
    position: relative;
    left: -30px;
}

.cl-5 {width: 160px;position: relative;left: -60px;display: block !important;}

.cl-1 {padding: 15px 0 0 0;}

.cl-2 ul {
    display: block;
}

.contact-3 {
    left: 0px;
    width: 100%;
}

.contact-3 h4 {
    font-size: 18px;
}

.ser-cont-1 {
    padding: 0;
}

.ser-cont-1 h3 {
    font-size: 20px;
}

.ser-cont-1 p {
    font-size: 12px;
    line-height: 20px;
}

.ser-1 h3 {
    font-size: 20px;
}

.ser-1 p {
    font-size: 12px;
    line-height: 20px;
}

.sub-2 {
    height: 235px;
}

.cl-4 button {
    top: 0px !important;
    margin: 0 0 20px 0 !important;
}

nav.navbar.navbar-expand-lg.navbar-light {
    justify-content: center !important;
}

.cont-7 {
    padding: 0 !important;
}

.side-bn-4 {
    padding: 0 0 0 30px !important;
}

}
@media only screen and (min-width: 600px) and (max-width: 960px){

header {
    overflow: hidden;
}

section.Banner {
    overflow: hidden;
    background-size: cover;
    padding: 30px 0 0 0;
}

section.Content-1 {
    overflow: hidden;
}

section.Services {
    overflow: hidden;
}

section.Side-Banner-2 {
    overflow: hidden;
}

section.Subjects {
    overflow: hidden;
}

section.Content-2 {
    overflow: hidden;
    padding: 50px 0 80px 0px;
}

section.Writers {
    overflow: hidden;
}

section.Faq {
    overflow: hidden;
}

section.Side-Banner {
    overflow: hidden;
}

section.Testimonials {
    overflow: hidden;
}

section.spacing__x {
    overflow: hidden;
}

footer {
    overflow: hidden;
}

footer.\32 nd-footer {
    overflow: hidden;
}

.ban-3 h4 {
    text-align: center;
}

.ban-2 {
    padding: 40px 0 10px 0;
}

.ban-1 h2 {
    font-size: 24px;
}

.cont-1 {
    padding: 0 0 30px 0;
}

.cont-1 h3 {
    font-size: 20px;
}

.cont-1 p {
    font-size: 14px;
}

.tabs li {
    height: 70%;
    font-size: 15px;
}

.box p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px 0;
}

.side-bn-4 ul li a {
    padding: 0;
}

.side-bn-4 {
    padding: 0;
}

.cont-7 h4 {
    width: 32%;
}

.cont-7 {
    padding: 140px 0 0 0;
}

.cont-7 h3 {
    font-size: 20px;
}

.cont-7 p {
    font-size: 13px;
}

.order-1 h2 {
    font-size: 20px;
}

.order-1 p {
    font-size: 14px;
}

.snip1579 {
    min-width: 100%;
    margin: 0;
}

.snip1579:hover figcaption, .snip1579.hover figcaption {
    height: calc(50%);
}

.fq h2 {
    font-size: 20px;
}

.fq p {
    font-size: 14px;
}

.fq-1 {
    padding: 40px 0 0 0;
}

.fq-1 img {
    width: 100%;
}

.side-3 {
    text-align: left;
    left: 0px;
}

.side-1 {
    padding: 20px 20px 30px 20px;
}

.test h2 {
    font-size: 20px;
}

.test p {
    font-size: 14px;
}

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

.process-box .link-area {
    display: none;
}

.process-boxss .link-area {
    display: none;
}

.cl-5 {
    display: none;
}

.ban-5 img {
    width: 43%;
}

.ban-5 {
    text-align: end;
    top: 340px;
}

nav.navbar.navbar-expand-lg.navbar-light {
    justify-content: end;
    text-align: center;
}

.cl-4 button {
    border: 2px solid #fff !important;
    position: relative;
    top: -45px;
    margin: 0 0 -20px 0;
}

.btm-row {
    margin: 0px 0 -15px 0;
}

.cl-4 ul li a {
    margin: 0;
}
























}