.nav_links li a{ color:#4b5054;}
a{ text-decoration:none; transition: all .3s 
ease-in;}
a:hover{transition: all .3s 
ease-in;}
.header { margin:5px 0;}
  .mt150 {
         margin-top: 150px;
      }

      .w-fit {
         width: fit-content;
      }

/* all common css start */
.banner-intarnal{ position:relative;     background: #efefef;
    padding: 130px 0;}

.breadcrumb-inner {
   position: absolute;
   top: 0;
   z-index: 2;     
   display: flex;
   justify-content: center;
   height: 100%;
   flex-direction: column;
   text-align: left;
   color: #fff;
}
.radius15{ border-radius:15px;}
.innerh1 {
 padding-left: 10px;
 margin-bottom: 10px;
 font-size:45px;  color: #333;
}
.internal-band ul {
 margin: 0;
 padding: 0;
}
.internal-band ul li {
 border-right: 1px solid #000;
 display: inline-block;
 list-style: none;
 padding: 0 10px; color: #000;
 line-height: 18px;
}
.internal-band ul li:last-child {
 border: 0;
}
.internal-band ul li a {
 text-decoration: none;
 color: #000;
}
.internal-page .headding11 {
 margin-bottom: 10px;
}
.headding33 {
 font-size: 25px;
 margin-bottom: 10px;
}

  .mt100 {
         margin-top: 100px;
      }
      .list {
 padding: 0;
 margin: 0;
}
.list li {
 position: relative;
 padding-left:35px;
 list-style: none;
 margin: 0 0 20px; font-size:16px;
}
.list li::before {
   content: "\f061";
      font-family:'Font Awesome 6 Pro Solid';
   color: #fff;
   position: absolute;
   font-weight: normal;
   left: 0;
   background: #5d666f;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   height: 25px;
   width: 25px;
   line-height: 25px;
   font-size: 12px;}
   .ghlight{ background: #f7f7f7}
    .relative {
  position: relative;}
/*all common css start */
 
/* about us page start */
 .group:hover .group-hover\:rotate-12 {
  transform: rotate(12deg);
}
.group:hover .group-hover\:-rotate-12 {
  transform: rotate(-12deg);
}
.group:hover .group-hover\:scale-110 {
  transform: scale(1.10);}
 .decor-top {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transform: rotate(6deg);
  transition: transform 0.5s;
  border-radius: 24px;
  background:#f7f7f7;
}
.custom_gray_o{ color:#333;}
.group:hover .decor-top {
  transform: rotate(12deg);
}
.decor-bottom {
  position: absolute;
  bottom: -24px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transform: rotate(-6deg);
  transition: transform 0.5s;
  border-radius: 24px;
  background:#efefef;
}
.group:hover .decor-bottom {
  transform: rotate(-12deg);}
.main-container {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 20px 35px rgba(0,0,0,0.2);
}
.main-container img {
  width: 100%;
  height: auto;
  min-height: 450px;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.7s;
}
.group:hover .main-container img {
  transform: scale(1.10);
} 
.gradient-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
  z-index: 10;
}
.pattern-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom right,
    rgba(31, 88, 143, 0.08),
    transparent);}

  .about-section p {
 text-align: justify;}

.feature-card {
 background: #fff;
 border-radius: 18px;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
 padding: 18px;
 text-align: center;
 transition: all 0.4s ease;
 position: relative;
 overflow: hidden;
 margin-top: 35px;
 min-height: 250px;
}
.feature-card::after {
 content: "";
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(120deg, rgb(217 219 221 / 10%), rgb(191 191 191 / 10%));
 transition: all 0.5s ease;
}
.feature-card:hover::after {
 left: 0;
}
.feature-card:hover {
 transform: translateY(-10px);
 box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);}

.feature-card h4 {
 margin-bottom: 10px;
 font-size: 20px; font-weight: 500;
}
.feature-card p {
 font-size: 14.8px;
 color: #555;
 line-height: 1.6;
 text-align: center;
}
.feature-card i {
 color: #ffbf00;
 font-size: 35px;
 margin-bottom: 15px;
}

.feature-card a{ position: relative; z-index: 9; color: #000;}
  /* Timeline items animation - TRC style */
 .timeline_year {
         color: transparent;
         -webkit-text-stroke: 1px #a7a7a7;
         font-family: sans-serif;
         font-weight:300;
         transition: all 0.3s ease;
         font-size: 40px;
         margin: 15px 0 0;
      }

      .timeline_content {
         font-size: 20px; text-align: left; font-weight: bold;
      }

      .time_line_item {
         opacity: 0;
         transform: translateY(30px);
         transition: all 0.6s ease-out;
      }
            /* Timeline images - default grayscale */
      .timeline_img img {
         filter: grayscale(100%);
         transition: filter 0.3s ease;
      }

      .timeline_top_img img {
         max-width: 90px;
      }
      .timeline_border {
         border-right: 2px dashed #a7a7a7;
         margin-left: 45px;
      }
      .gray_border_line {
         background: url(../img/dash-img-new.png) no-repeat center center;
         background-size: contain;
         background-position: center;
         background-repeat: no-repeat;
         height: 100%;
         width: 35px;
      }

      .main_shape {
         background: url(../img/green-scroll-img-new.png) no-repeat center center;
         background-size: contain;
         background-position: center;
         background-repeat: no-repeat;
         height: 100%;
         width: 35px;
         clip-path: inset(0 0 93% 1%);
         transition: clip-path 0.1s ease-out;
      }
/* about us page start */
 
/* contact us page start */
.contact-page-heading .headding11{line-height:25px;}
.contact-page-heading .headding11 span{ font-size:20px;}
.address-box {
 display: flex;
 gap: 15px;
 align-items:center;
 margin-top: 30px;
 padding: 0;
 border-radius: 15px;
}
.address-box i {
 background-color:#FFBF00; 
 color: #fff;              
 border-radius: 50%;        
 padding: 11px;            
 font-size: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 36px;
 height: 36px; margin-bottom:0;
}
.address-box p {
 margin: 0; text-align:left;
}
.address-box a{ color: #000;}
.contact-form{ box-shadow: 0 0 10px #393536; background:#fff; padding:25px 25px 25px; position: relative; margin-top:-50px; border: solid 3px #393536;}
.contact-form .form-control { font-size: 15px; background: #f1f1f1;}
.contact-form .btn-inner {background: #393536!important;color: #fff;border: 0;width: 100%;padding: 11px;font-size: 18px;}
.contact-form h2{ text-align: center; text-transform: uppercase;  margin-bottom: 20px; font-size: 26px;}
.contact-form .form-group {
   margin-bottom: 15px; background: #f8f8f8; 
}
 .branch-office-col img {
      border-radius: 50%;
    }
    .branch-office-col p {
      font-size: 14px;
    }
    .branch-office-col {
      margin:15px;
    }
    .branch-office-col h3 {
      font-size: 21px;
      font-weight: 500;
      text-align: center;
      color: #222;
      margin: 15px 0 5px 0;
    }
    .branch-office-col p {
      text-align: center;
    }
    .branch-office-col .unerlinee {
      position: relative; letter-spacing: 2px; text-transform: uppercase;
    }
    .branch-office-col .unerlinee:after {
      content: "";
      width: 80px;
      height:1.6px;
      background: #222;
      margin: 0 auto;
      position: absolute;
      bottom:-4px;
      left: 0;
      right: 0;
    }
    .arrow-btn .owl-prev:before,
    .arrow-btn .owl-next:before {
      content: "\f177";
      font-family:'Font Awesome 6 Pro Solid';
      font-size: 14px;
      font-weight: 900;
    }
    .arrow-btn .owl-next:before {
      content: "\f178";
    }
    .arrow-btn .owl-theme .owl-controls .owl-buttons div {
      opacity: .8;
      line-height: 40px;
      padding: 0;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      background: #393536;
      width: 35px;
      height: 35px;
      align-items: center;
      display: inline-flex;
      justify-content: center;
    }
    .contact-social li i{ color:#393536 !important;} 
    .branch-office-col img{ width: 210px !important; display: block; margin: 0 auto;}
    .contact-slider .owl-theme .owl-controls{ margin: 0;}
/* contact us page start */




 /* career  page start */
 .career-icon{ position:absolute; top:0; right:0; opacity:0.1;}
 .float-up-down {
 animation: updown 3s ease-in-out infinite;}
@keyframes updown {
 0% { transform: translateY(0); }
 50% { transform: translateY(-10px); }
 100% { transform: translateY(0); }
}
.applynow a {
         position: fixed;
         bottom: 30px;
         right: -62px;
         background-color: #ffbf00;
         color: #000 !important;
         padding: 12px 20px;
         border-radius: 5px;
         font-weight: bold;
         text-decoration: none;
         z-index: 1000;
         cursor: pointer;
         top: 47%;
         transform: translateY(-50%);
         height: fit-content;
         rotate: -90deg;
      }
        @keyframes blink-colors {
         0%, 49% { color:#FFBF00; }
         50%, 100% { color:#000; }
      }
      .blinking-email {
         animation: blink-colors 1s infinite;
      }
      .career-from .contact-form {
         margin: 0;
         box-shadow: none;
         border: 0;
         padding: 0;
      }
      .career-from .modal-body {
         padding: 25px;
      }
 /* career  page end */
 /* team  page start */
.our_team1 img {
 width: 100%;
 height: auto;
}
.our_team1 .team-content {
 height: 120px;
 background: #585858;
 position: relative;
 top: -18px;
 left: 0;
 transform: rotate(7deg) skew(7deg);
}
.our_team1 .team-info {
 width: 100%;
 text-align: center;
 padding: 39px 0 0;
 position: absolute;
 transform: rotate(-5deg) skew(-5deg);
}
.our_team1 .title {
 font-size: 25px;
 color: #fff;
 margin: 0;
}
.our_team1 .post {
 font-size: 14px;
 color: #fff;
}
.our_team1 .icon {
 list-style: none;
 padding: 0;
 margin: 0;
 position: absolute;
 top: -50px;
 right: 0;
}
.our_team1 .icon li {
 display: inline-block;
 float: left;
}
.our_team1 .icon li .conactlink {
 display: inline-block;
 width: 50px;
 height: 50px;
 line-height: 50px;
 background: #585858;
 text-align: center;
 font-size: 18px;
 color: #fff;
 margin-right: 2px;
 transition: all 0.3s ease 0s;
}
.our_team1 .icon li a i {
 line-height: inherit;
}
.our_team1 .icon li:nth-child(2n) a {
 position: relative;
 bottom: -13px;
}
.our_team1 .icon li:last-child a {
 margin-right: 0;
}
.our_team1 .icon li a:hover {
 background: #161616;
}
.our-team {
 text-align: center;
 margin-bottom: 50px;
}
.our-team .pic {
 border-radius: 50%;
 overflow: hidden;
 position: relative;
}
.our-team .pic:before,
.our-team .pic:after {
 content: "";
 width: 100%;
 height: 100%;
 border-radius: 50%;
 border: 13px solid #e6e5e5;
 position: absolute;
 top: 0;
 left: 0;
}
.our-team .pic:after {
 border-color: #FFBF00 #e6e5e5 #e6e5e5 #FFBF00;
 z-index: 1;
 transform: rotate(-10deg);
 transition: all 0.5s ease 0s;
}
.our-team:hover .pic:after {
 transform: rotate(350deg);
}
.our-team img {
 width: 100%;
 height: auto;
}
.our-team .title {
 font-size: 24px;
 font-weight: bold;
 color: #222;
 padding-bottom: 10px;
 margin: 15px 0 10px 0;
 position: relative;
}
.our-team .title:after {
 content: "";
 width: 30px;
 height: 2px;
 background: #222;
 margin: 0 auto;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}
.our-team .post {
 display: block;
 font-size: 15px;
 font-style: italic;
 color: #777;
}
.our-team  p{ color: #777; text-align: center;font-size:18px;}
.our-team .icon {
 list-style: none;
 padding: 0;
 margin: 10px 0 0 0;
}
.our-team .icon li {
 display: inline-block;
}
.our-team .icon li a {
 display: inline-block;
 padding: 7px 15px;
 background: #e0e0e0;
 font-size: 14px;
 color: #4b5054;
 margin-right: 5px;
 transition: all 0.3s ease-out 0s;
}
.our-team .icon li a:hover {
 background: #FFBF00;
 color: #fff;
 text-decoration: none;
}
/* our team popup start */
.modal-box .show-modal {
 color: #6c5fb3;
 background-color: #fff;
 font-size: 18px;
 font-weight: 600;
 text-transform: capitalize;
 padding: 10px 15px;
 margin: 80px auto 0;
 border: none;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 outline: none;
 display: block;
 transition: all 0.3s ease 0s;
}
.modal-box .show-modal:hover,
.modal-box .show-modal:focus {
 color: #6c5fb3;
 border: none;
 outline: none;
 text-decoration: none;
}
/* Modal backdrop (page BG dim) */
.modal-backdrop.show {
  background-color: #000;
  opacity: 0.15; /* yahan value 0.35 - 0.7 ke beech rakh sakte ho */
  transition: opacity .2s ease-in-out;
}

.modal-box .modal-dialog {
 max-width: 750px;
 margin-left: auto;
 margin-right: auto;
}

.modal.fade .modal-dialog {
 transform: translate(0, -50px) rotate(10deg);
 transition: all 400ms cubic-bezier(.47, 1.64, .41, .8);
}

.modal.show .modal-dialog {
 transform: translate(0, 0) rotate(0);
}

.modal-box .modal-dialog .modal-content {
 text-align: center;
 border-radius: 0;
 border: none;
 box-shadow: none;
}

.modal-box .modal-dialog .modal-content .btn-close {
 color: #585858;
 font-size:18px;
 line-height: 18px;
 text-shadow: none;
 opacity: 1;
 overflow: hidden;
 position: absolute;
 left: auto;
 right: 10px;
 top: 10px;
 transition: all 0.3s;
 z-index: 1;
}

.modal-box .modal-dialog .modal-content .btn-close {
 filter: none;
}
.modal-box .modal-dialog .modal-content .modal-body {
 padding: 40px !important; border:solid 5px #ffe9a8;
}
.modal-box .modal-dialog .modal-content .modal-body .modal-icon img{width: 120px; height: 115px; border-radius: 50%; border:solid 3px #FFBF00;margin-bottom: 15px;}
.modal-box .modal-dialog .modal-content .modal-body  a{color:#4b5054; margin:3px 0 10px; display: block;}
/* our team popup end */
.fst-italic{}
/* Budget and publication popup start */
 .book-thumb {
      display: inline-block;
      margin-bottom: 30px;
      cursor: pointer;
    }

    .book-wrapper {
      position: relative;
      width: 220px;
      height: 297px;
      transform-style: preserve-3d;
      transition: .9s ease;
    }

    .book-page {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
      transform-origin: left;
      transition: .9s ease;
      border-radius: 3px;
      z-index: 3;
    }
    /* Main Cover */
    .book-cover {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      /* Always on top */
      transform-origin: left;
      transition: .9s ease;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
      border-radius: 3px;
      overflow: hidden;
    }

    .book-cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* Prevent stretching */
      display: block;
    }

    /* Title */
    .book-title {
      position: absolute;
      bottom: -50px;
      width: 100%;
      background: #1d6277;
      padding: 12px 6px;
      font-size: 18px;
      opacity: 0;
      transition: .9s;
      color: #fff;
      font-weight: 500;
      left: 0;
    }

    /* Hover Effects */
    .book-thumb:hover .book-title {
      opacity: 1;
      bottom: 0;
    }

    .book-thumb:hover .book-wrapper {
      transform: rotateY(-15deg);
    }

    .book-thumb:hover .book-cover {
      transform: rotateY(-18deg);
    }

    .book-thumb:hover .page1 {
      transform: rotateY(-8deg);
    }

    .book-thumb:hover .page2 {
      transform: rotateY(-14deg);
    }
    .week_section{
  position: absolute;
  top: 25%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.weekly_tax{
  background: #1d6277;
  color: #fff;
  padding: 8px 0;
  text-align: center;
  font-size: 19px;
  margin: 5px;
}
.week_name{
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
  width: fit-content;
  margin: auto;
  font-size: 17px;
}
    /* Budget and publication popup end */

/*Service page start*/
 .graybg {
         background-color: #f7f7f7;
      }

      .graybg .form-group {
         background: none;
      }

      .service-catagery-list {
         background-color: #f7f7f7;
         padding: 25px;
         border-radius: 15px;
         margin-bottom: 30px;
      }

      .service-catagery-list h3 {
         font-size: 26px;
         text-transform: capitalize;
         margin-bottom: 10px;
      }

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

      .service-catagery-list ul li {
         margin-bottom: 15px;
         transition: all 0.3s ease-out;
      }

      .service-catagery-list ul li:last-child {
         margin-bottom: 0;
      }

      .service-catagery-list ul li a {
         display: block;
         position: relative;
         background-color: #fff;
         color: #000;
         text-transform: capitalize;
         border-radius: 10px;
         font-weight: 700;
         padding: 13px 40px 13px 15px;
         transition: all 0.3s ease-out;
      }

      .service-catagery-list ul li a::after {
         content: '\f061';
         font-family:"Font Awesome 6 Pro Solid";
         display: block;
         position: absolute;
         top: 50%;
         right: 20px;
         transform: translateY(-50%);
         color: #000;
         transition: all 0.3s ease-out;
      }

      .service-catagery-list ul li:hover a {
         background-color: #FFBF00;
         color: #fff;
      }

      .service-catagery-list ul li:hover a::after {
         color: #fff;
      }

      

      .position-fixed-right {
         position: sticky;
         top: 100px;
      }

      .headding22 {
         font-size: 32px;
      }

      .headding33 {
         font-size: 23px;
      }

      .headding44 {
         font-size: 23px;
      }

      .services-icon {
         background: #FFBF00;
         border-radius: 50%;
         width: 60px;
         height: 60px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0 auto 10px;
      }

      .services-icon img {
         width: 40px;      }
   
      .feature-card:hover .services-icon{ background:#585858; transition: color 0.3s ease;}
 /*Service page end*/
/* gallery page start */
.gallery-header {
            text-align: center;
            margin-bottom: 2.5rem;
            margin-top: 2rem;
        }

        .gallery-header h1 {
            font-weight: 700;
            color: #212529;
        }

        .gallery-header p {
            color: #6c757d;
        }

        /* Masonry gallery */
        .masonry-gallery {
            column-count: 4;
            column-gap: 1rem;
        }

        @media (max-width: 1200px) {
            .masonry-gallery {
                column-count: 3;
            }
        }

        @media (max-width: 768px) {
            .masonry-gallery {
                column-count: 2;
            }
        }

        @media (max-width: 576px) {
            .masonry-gallery {
                column-count: 1;
            }
        }

        .masonry-item {
            display: block;
            margin-bottom: 1rem;
            break-inside: avoid;
            -webkit-column-break-inside: avoid;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .masonry-item img {
            width: 100%;
            display: block;
        }

        .masonry-item:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
        }
/* gallery page end */

 /*medai css start*/
  @media only screen and (max-width:1299px) {
.feature-card h4{ font-size: 18px;}
  }

 @media only screen and (max-width:991px) {
 .timeline_content{ font-size: 16px;}
 .innerh1{ font-size: 30px;}
 .banner-intarnal{ padding: 90px 0;}
 .our_team1 .team-content{
    height: 90px;
}

.our_team1 .team-info{
    padding: 24px 0 0;
}
.our_team1 .title {
    font-size: 20px;
}
}
 @media only screen and (max-width:767px) {
.decor-top{ display: none;}
.decor-bottom{ display:none;}
.gradient-overlay{ display: none;}
.feature-card{ min-height: 20px !important;}
.timeline_top_img img {
    max-width: 50px;
}
.timeline_year {
    font-size: 28px;
}
.contact-form{ margin-top: 20px;}
.headding22{ font-size: 23px;}
.headding33{ font-size: 21px;}
.feature-card h4{ font-size: 16px;}
p{ font-size: 15px;}
.feature-card{ margin-top: 25px;}
 
.service-catagery-list h3 
{ font-size: 22px;}
.contact-form h2{ font-size: 22px;}
.service-catagery-list ul li a{ font-weight: 500;}
.quick-inks{ padding-left: 0;}
.pl50{ padding-left: 0;}
.subscribe-col{ padding-left: 0;}

 }

 @media only screen and (max-width: 575px) {

 .our_team1 .team-content{
transform: none;
    top: -30px;
}

.our_team1 .team-info{
transform: none;}
}