@media(min-width:1921px) {
          body {
               font-size: 1vw;
          }
          .main-btn {
               padding: 1.5625em 2.1875em;
               font-size: 1.5em;
          }
          .marquee-block .marquee-inner .marquee-text .m-item {
               padding: 0 3.75em;
               font-size: 1.5em;
          }
          .counter-wrapper {
               padding: 15.625em 9.375em;
          }
          .sec-margin {
               margin-top: 9.375em;
          }
          .culture-title {
               margin-bottom: 2.8125em;
          }
          .value-addition .v-img-box {
               width: 21.6875em;
               height: 20.5em;
               border-radius: 0px 7.5em 3.125em 0px;
          }
     }
     
     @media(max-width:1900px) {
          .highlight-text-box .sub-text {
               font-size: 90px;
          }
     }
     
     @media(max-width:1800px) {
          h1 {
               font-size: 6em;
          }
          .testi-box {
               padding: 140px 60px 180px;
          }
          .main-banner.bio {
               padding: 150px 100px 77px 100px;
          }
     }
     
     @media (min-width: 1601px) {
          .container,
          .container-lg,
          .container-md,
          .container-sm,
          .container-xl,
          .container-xxl {
               max-width: 1585px;
          }
          .bottom-img {
               height: 100%;
          }
          img.right-img {
               height: 100%;
          }
     }
     
     @media(max-width:1700px) {
          .book-content {
               width: 75%;
          }
     }
     
     @media (min-width: 1700px) {
          .container,
          .container-lg,
          .container-md,
          .container-sm,
          .container-xl,
          .container-xxl {
               max-width: 1620px;
          }
     }
     
     @media(max-width:1650px) {
          .publication-wrapper {
               padding: 9.375em 35px;
          }
     }
     
     @media (max-width: 1600px) {
          .container,
          .container-lg,
          .container-md,
          .container-sm,
          .container-xl,
          .container-xxl {
               max-width: 100%;
               width: 100%;
          }
          .sec-padding.connect-sec {
               padding: 50px 50px 150px;
          }
          .banner-detail {
               padding: 0 50px;
          }
          header {
               padding: 15px 50px;
          }
          .counter-wrapper {
               padding: 250px 35px 480px;
          }
          .book-content .book-title {
               font-size: 2em;
          }
          .testi-vector {
               top: 7%;
               left: 5%;
          }
          .testi-box {
               padding: 100px 50px 180px;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 54%;
          }
          .testimonial-slider .swiper-button-prev {
               left: 68%;
          }
          .testimonial-slider .swiper-button-next {
               left: 73%;
          }
          .footer-top {
               padding-left: 50px;
          }
          .footer-bottom {
               padding: 0 50px;
          }
          h1,
          .highlight-text-box .sub-text {
               font-size: 5.3em;
          }
          .bio-main {
               padding: 0 50px;
          }
          .recent-works-slider .swiper-button-next,
          .recent-works-slider .swiper-button-prev {
               width: 80px;
               height: 80px;
          }
          .portfolio-main .main-banner,
          .rw-title {
               padding: 150px 50px 0 50px;
          }
          .rw-img-box:before {
               height: 130px;
          }
          .case-study-wrapper {
               padding: 0 50px 0 50px;
          }
          img.right-img {
               height: 100%;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               bottom: 13%;
               left: 54%;
          }
          .testimonial-slider .swiper-button-next,
          .testimonial-slider .swiper-button-prev {
               bottom: 10%;
          }
          .bio .stroke-text {
               font-size: 320px;
          }
          .bio-title {
               width: 85%;
          }
          .book-content {
               width: 80%;
          }
     }
     
     @media(max-width:1500px) {
          /**new**/
          /* .counter-box.c-1 .c-text {
               width: 80%;
          } */
     }
     
     @media(max-width:1499px) {
          .bio-title {
               width: 100%;
          }
          .main-banner.bio {
               padding: 150px 50px 77px 50px;
          }
     }
     
     @media(max-width:1400px) {
          h1 {
               font-size: 4.5em;
          }
          .highlight-text-box .sub-text {
               font-size: 64px;
               line-height: 83.19px;
          }
          h2 {
               font-size: 3.5em;
          }
          h5 {
               font-size: 1.8em;
          }
          .testimonial-slider .t-content {
               font-size: 2.3em;
          }
          .highlight-text-box-main,
          .hightlight-main {
               height: 83.19px;
          }
          .highlight-container {
               height: 249.56px;
               line-height: 83.19px;
          }
          .testi-vector {
               width: 30%;
          }
          .testi-box .testi-name {
               margin-top: 3em;
          }
          .main-banner .marquee-block {
               bottom: -28px;
          }
          .value-addition {
               padding: 0 15px;
          }
          .vl-content p {
               width: 90%;
          }
          .counter-wrapper {
               padding: 150px 35px 480px;
          }
          .testimonial-slider .swiper-button-next {
               left: 75.5%;
          }
          .testimonial-slider .swiper-button-prev {
               left: 69%;
          }
          .book-content {
               width: 100%;
          }
          .public-title {
               margin-bottom: 4em;
          }
          header {
               padding: 15px 30px;
          }
          .bio-main .stroke-text {
               font-size: 280px;
               left: -40px;
          }
          .bio-title {
               width: 100%;
          }
          .timeline-item .y-image-box,
          .timeline-item .y-content-box {
               padding: 0px 30px 0;
          }
          .timeline-item .y-content {
               width: 37%;
          }
          .recent-works-slider .swiper-button-prev {
               right: 12%;
          }
          .recent-works-slider .rw-pattern {
               width: 120px;
               height: 107px;
          }
          .contact-form {
               padding-left: 2em;
          }
          .contact-form-wrapper .circular-box {
               width: 18em;
               height: 18em;
          }
          #circular-text {
               font-size: 1.6em;
          }
          .contact-form-wrapper {
               padding: 3.125em 6.25em 15.75em 0;
          }
          .advice-title {
               font-size: 2.5em;
               width: 100%;
          }
          .blog-link h4 {
               font-size: 2em;
          }
          .testimonial-slider .t-content {
               height: 285px;
          }
          .book-content .book-title {
               font-size: 2.1em;
          }
          img.right-img {
               object-fit: cover;
          }
     }
     
     @media(max-width:1200px) {
          .bio-main .main-banner .stroke-text {
               font-size: 200px;
               left: -30px;
               bottom: -38px;
          }
          .bio-main .main-banner .bio-title {
               margin: 10px 30px 0 0;
               width: 100%;
               font-size: 3em;
          }
          .recent-works-slider .swiper-button-prev {
               right: 13.5%;
          }
          .creative-text {
               font-size: 10em;
          }
          .contact-form-wrapper {
               padding: 3.125em 6.25em 10.75em 0;
          }
          .counter-box.c-1 .c-text {
               width: 100%;
          }
     }
     
     @media (min-width: 1200px) {
          .navbar-expand-xl .navbar-nav .nav-link {
               padding-right: 0;
               padding-left: 0;
          }
     }
     
     @media(max-width:1199px) and (min-width:768px) {
          .value-addition .v-img-box {
               width: 290px;
               height: 279px;
          }
     }
     
     @media(max-width:1199px) {
          .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 180px;
          }
          .cl-marquee.marquee-block .marquee-inner .marquee-text .m-item {
               font-size: inherit;
          }
          .footer-inner .footer-vector,
          .footer-wrapper.three .footer-inner .footer-vector {
               height: 700px;
          }
          .counter-box h2 {
               font-size: 4.5em;
          }
          .vl-content p {
               width: 100%;
          }
          .testi-box .testi-name {
               margin-top: 2.5em;
          }
          .testimonial-slider .t-content {
               font-size: 2em;
               line-height: 1.4;
               height: auto;
          }
          .client-video {
               position: static;
               height: auto;
          }
          .testi-box {
               padding: 80px 50px 150px;
          }
          .book-content {
               width: 100%;
          }
          .f-social {
               position: static;
               transform: none;
          }
          h1 {
               font-size: 4em;
          }
          .highlight-text-box .sub-text {
               font-size: 3.5em;
          }
          .nav-menu li {
               margin-right: 55px;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               bottom: 9%;
               left: 5%;
          }
          .video-custom-play.img-in .testi-img {
               width: 100%;
               height: 674px;
          }
          .client-video {
               height: 674px;
          }
          .connect-title h2 {
               font-size: 2.8em;
          }
          .shop-slider {
               padding: 0 30px;
          }
          /*************shivani css**************/
          .ui-list {
               width: 100%;
          }
          h5.text-light.culture-title.entrepreneur-tite {
               margin: 0 0 50px 0;
               width: 100%;
          }
          .charater-border {
               min-width: 57px;
               height: 59px;
          }
          .charater-border {
               font-size: 33px;
          }
          .testimonial-slider .swiper-button-prev {
               left: 19%;
          }
          .testimonial-slider .swiper-button-next,
          .testimonial-slider .swiper-button-prev {
               bottom: 7%;
          }
          .testimonial-slider .swiper-button-next {
               left: 27%;
          }
          .testi-vector {
               width: 20%;
          }
          .book-content .book-title {
               font-size: 1.9em;
          }
     }
     
     @media(max-width:1024px) {
          h1 {
               font-size: 3em;
          }
          .highlight-text-box .sub-text {
               font-size: 48px;
               line-height: 62.39px;
          }
          .highlight-container {
               height: 311.88px;
          }
          .highlight-text-box-main,
          .hightlight-main {
               height: 62.39px;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 56%;
          }
          .footer-bottom {
               padding: 0 30px;
          }
          .footer-top {
               padding-left: 30px;
          }
          .footer-wrapper {
               padding: 70px 0 50px;
          }
          .publication-wrapper {
               padding: 70px 15px;
          }
          .testi-box {
               padding: 70px 30px 150px;
          }
          .counter-wrapper {
               padding: 100px 15px 430px;
          }
          .client-wrapper.second-row {
               margin: 70px 0;
          }
          .val-title {
               margin-bottom: 90px;
          }
          .culture-title,
          .culture-inner p {
               width: 100%;
          }
          .sec-margin {
               margin-top: 70px;
          }
          .client-wrapper {
               margin-top: 0;
          }
          .decorative-text {
               font-size: 3em;
               top: -2%;
               left: 1%;
          }
          .counter-wrapper .counter-box {
               margin-bottom: 50px;
          }
          .sec-padding.connect-sec {
               padding: 0px 30px 70px;
          }
          .banner-wrapper {
               padding-bottom: 100px;
          }
          .banner-detail,
          .bio-main {
               padding: 0 30px;
          }
          .timeline-item .y-content {
               bottom: 0;
          }
          .timeline-item:last-child .y-content {
               bottom: 13%;
          }
          .portfolio-main .main-banner {
               padding: 150px 30px 0 30px;
          }
          .rw-title {
               padding: 100px 30px 0 30px;
          }
          .creative-text {
               font-size: 150px;
          }
          .client-wrapper.second-row.full {
               margin: 6.25em 0 9.375em;
          }
          .cta-wrapper {
               padding: 70px 0 100px;
          }
          .recent-works-slider .project-title {
               right: 6%;
               bottom: 8%;
               font-size: 1.8em;
          }
          .contact-form-wrapper {
               padding: 0 30px 100px 0;
          }
          .contact-form-wrapper .circular-box {
               width: 16em;
               height: 16em;
          }
          .contact .creative-text {
               top: -30px;
               left: -3%;
          }
          .advice-wrapper {
               padding: 9.375em 0 100px;
          }
          .advice-title {
               font-size: 2.3em;
          }
          .case-desc {
               font-size: 1em;
          }
          .case-study-wrapper {
               padding: 0 30px 0 30px;
          }
          .case-study-grid {
               margin-top: 70px;
          }
          .testi-box .testi-name h5 {
               height: auto;
          }
          .video-custom-play.img-in .testi-img {
               width: 100%;
               height: 576px;
          }
          .client-video {
               height: 576px;
          }
          .press-main .cl-marquee {
               margin: 50px 0 100px;
          }
          .counter-row {
               width: 100%;
          }
     }
     
     @media(max-width:991px) {
          .navbar-expand-xl .hamburger {
               display: block;
               padding: 0;
               width: 33px;
          }
          .navbar-main {
               position: fixed;
               right: 0;
               left: auto;
               top: 0;
               background: #111;
               height: 100vh;
               width: 100%;
               transform: translateX(100%);
               transition: all 0.5s ease-in-out;
               padding: 50px;
               z-index: 99;
          }
          .navbar-open .navbar-main {
               transform: translateX(0);
          }
          .navbar-open .bar:nth-child(2) {
               opacity: 0;
          }
          .navbar-open .bar:nth-child(1) {
               -webkit-transform: translateY(8px) rotate(-315deg);
               transform: translateY(8px) rotate(-315deg);
          }
          .navbar-open .bar:nth-child(3) {
               -webkit-transform: translateY(-10px) rotate(-45deg);
               transform: translateY(-10px) rotate(-45deg);
          }
          .navbar-open .nav-menu {
               -webkit-animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               display: block;
               animation-delay: 0.6s;
          }
          .nav-menu {
               -webkit-animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation-delay: 0.6s;
               display: none;
          }
          .nav-menu li a.nav-link:before {
               background: #fff;
          }
          button:focus:not(:focus-visible),
          .navbar-toggler:focus {
               box-shadow: none;
          }
          .client-wrapper {
               margin-top: 30px;
          }
          .banner-detail {
               text-align: center;
          }
          .banner-img {
               margin-top: 100px;
          }
          .main-banner .marquee-block {
               bottom: -11px;
          }
          .connect-title {
               width: 100%;
               padding: 40px 0;
               text-align: center;
          }
          .connect-desc,
          .counter-wrapper .counter-box,
          .counter-wrapper .culture-inner,
          .footer-bottom,
          .footer-bottom p,
          .footer-bottom .f-desc,
          .footer-bottom .f-desc.address {
               text-align: center;
          }
          .connect-desc p {
               margin-top: 35px;
          }
          .value-box.three {
               margin-top: 100px;
          }
          .vl-content {
               margin-top: 3em;
          }
          .counter-wrapper {
               padding: 70px 15px 430px;
          }
          .decorative-text {
               font-size: 2.5em;
               top: 1%;
               left: 7%;
          }
          .testimonial-slider .t-content {
               font-size: 1.3em;
               line-height: 1.5;
          }
          .testi-box .testi-name h5 {
               font-size: 1.5em;
          }
          .testi-box .testi-name {
               margin-top: 30px;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 53%;
          }
          .public-title {
               margin-bottom: 2.5em;
          }
          .book-item img {
               width: 90%;
          }
          .book-item.three {
               margin-top: 50px;
          }
          .book-content .b-desc {
               margin: 2em 0 2em;
          }
          .footer-top {
               padding: 0 30px;
               text-align: center;
          }
          .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 150px;
               letter-spacing: normal;
          }
          footer .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 90px;
          }
          .footer-inner .footer-vector,
          .footer-wrapper.three .footer-inner .footer-vector {
               top: 14%;
               height: 350px;
          }
          .footer-inner {
               padding-top: 270px
          }
          .f-social {
               margin: 40px 0;
          }
          .social-links-tag,
          .copyright-text {
               justify-content: center;
          }
          .copyright-text {
               align-items: center;
          }
          .footer-bottom .bottom-right {
               margin-top: 2em;
          }
          .text-vector {
               width: 85%;
          }
          .hamburger.navbar-toggler {
               padding: 0;
               height: 35px;
          }
          .navbar-main a.nav-link {
               color: #fff;
          }
          .nav-menu li {
               margin-right: 0;
          }
          .bio-main .main-banner .bio-title {
               margin: 10px 30px 50px 0;
               width: 100%;
               font-size: 2.5em;
               padding-left: 30px;
          }
          .bio-main .main-banner .stroke-text {
               font-size: 160px;
               left: -30px;
               bottom: -38px;
          }
          .main-banner.bio {
               padding: 150px 0 77px 0;
          }
          .timeline-item .y-image-box,
          .timeline-item .y-content-box {
               padding: 0px 0px 0 0px;
          }
          .timeline-item .n-mask-bg {
               height: 300px;
          }
          .timeline-item:nth-child(even) .y-content {
               right: 5%;
          }
          .timeline-item .y-content {
               width: 40%;
          }
          .cta-btn .circle-pattern {
               width: 150px;
               height: 150px;
          }
          .creative-text {
               font-size: 110px;
               left: 0;
          }
          .rw-title {
               padding: 70px 30px 0 30px;
          }
          .recent-works-slider .rw-pattern {
               width: 80px;
               height: 67px;
          }
          .recent-works-slider .project-title {
               font-size: 1.5em;
          }
          .rw-img-box:before {
               height: 100px;
          }
          .recent-works-slider .swiper-button-next,
          .recent-works-slider .swiper-button-prev {
               width: 70px;
               height: 70px;
          }
          .recent-works-slider .swiper-button-prev {
               right: 14.5%;
          }
          .client-wrapper.second-row.full {
               margin: 6.25em 0 6.25em;
          }
          .contact-form-wrapper {
               padding: 0 15px 70px 0;
          }
          .contact-form {
               padding: 200px 30px 0 30px;
          }
          .blog-link h4 {
               font-size: 1.8em;
          }
          .blog-content {
               padding-left: 20px;
          }
          .case-study-slider .swiper-button-next,
          .case-study-slider .swiper-button-prev {
               width: 60px;
               height: 60px;
          }
          .banner-vector {
               left: 28%;
               width: 40%;
               margin-left: 0;
          }
          .val-title {
               margin-bottom: 190px;
          }
          .value-box.three {
               margin-top: 130px;
          }
          .client-wrapper.first-row {
               margin: 30px 0 0;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 3%;
          }
          .testimonial-slider .swiper-button-next {
               left: 28%;
          }
          .award-row {
               margin: 0;
          }
          .bio-inner {
               margin-bottom: 50px;
          }
          .testi-box {
               padding: 70px 30px 160px;
          }
          .video-custom-play.img-in .testi-img,
          .client-video {
               height: 500px;
          }
          .highlight-container {
               width: 100%;
               left: 50%;
               transform: translateX(-50%);
          }
          .cl-marquee {
               margin-top: 40px;
          }
          .shop-slider .swiper-button-prev {
               left: 40%;
          }
          .swiper-button-prev,
          .swiper-button-next {
               bottom: 13px;
               top: auto;
               transform: none;
          }
          .shop-slider .swiper-button-next {
               right: auto;
               left: 50%;
          }
          .shop-slider {
               padding: 0 0 120px;
          }
          /******************shivani css ****************/
          .pink-meaning li {
               text-align: left;
               list-style-type: none;
               display: flex;
               height: auto;
               align-items: center;
               gap: 15px;
               margin-bottom: 35px;
          }
          .char-detail {
               font-size: 1.2em;
          }
          .ui-list {
               display: flex;
               align-items: center;
               width: 100%;
               margin: 70px auto 0;
          }
          .charater-border {
               font-size: 27px;
               color: white;
               border: 1px solid antiquewhite;
               border-radius: 50px;
               height: 50px;
               min-width: 49px;
          }
          h5.text-light.culture-title.entrepreneur-tite {
               width: 100%;
               padding-bottom: 0;
               margin: auto;
          }
          .bottom-img {
               height: auto;
          }
     }
     
     @media(max-width:767px) {
          .banner-img {
               margin-top: 110px;
          }
          .val-title {
               margin-bottom: 120px;
          }
          .value-box.two,
          .value-box.three {
               margin-top: 150px;
          }
          .decorative-text {
               left: 31%;
          }
          .main-banner .marquee-block .marquee-inner .marquee-text .m-item:before {
               right: -30px;
          }
          .marquee-block .marquee-inner .marquee-text,
          .banner-wrapper .marquee-inner {
               gap: 30px;
          }
          .counter-wrapper {
               padding: 70px 15px 390px;
          }
          .bio-inner p {
               margin-bottom: 20px;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               bottom: 7%;
               left: 35%;
          }
          .testimonial-slider .swiper-button-prev,
          .testimonial-slider .swiper-button-next {
               bottom: 9%;
          }
          .testimonial-slider .swiper-button-prev {
               left: 40%;
          }
          .testimonial-slider .swiper-button-next {
               left: 50.5%;
          }
          .testi-box {
               padding: 60px 15px 230px;
               text-align: center;
          }
          .testi-vector {
               width: 20%;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 43%;
               bottom: 20%;
          }
          .book-item img {
               width: 80%;
          }
          .book-content .b-desc {
               margin: 1.5em 0 2em;
          }
          .book-item.two {
               margin-top: 50px;
          }
          .bio-main .main-banner .bio-title {
               padding-left: 0;
          }
          .client-wrapper .img-box {
               margin-bottom: 30px;
          }
          .client-wrapper.second-row {
               margin: 70px 0 40px;
          }
          .value-addition .v-img-box .vector-value path {
               fill: #f0f0f0;
               stroke: #f0f0f0;
          }
          .bio-main .main-banner .stroke-text {
               position: static;
          }
          .bio-main .main-banner .bio-title {
               margin: 50px 30px 0px 15px;
          }
          .timeline-item {
               flex-direction: column;
               min-height: unset;
               margin-bottom: 50px;
          }
          .timeline-item .y-image-box,
          .timeline-item .y-content-box,
          .timeline-item .y-content {
               width: 100%;
          }
          .timeline-item .y-content {
               position: static;
          }
          .timeline__section-divider,
          .y-number.n-mask-bg {
               display: none;
          }
          .timeline-item .y-image-box {
               aspect-ratio: unset;
          }
          .timeline-item .y-content-box {
               order: 2;
          }
          .timeline-item .y-content,
          .timeline-item .y-number {
               position: static
          }
          .timeline-item .y-number {
               margin-top: -150px;
               transform: none;
          }
          .bio-main .main-banner .bio-title,
          .bio-main .main-banner .stroke-text {
               text-align: center;
               margin: 0 auto;
               display: block;
          }
          .bio-main .main-banner .bio-title {
               margin-top: 30px;
          }
          .main-banner.bio {
               padding: 150px 0px 50px 0px;
          }
          .bio-main .stroke-text {
               font-size: 220px;
          }
          .recent-works-slider .swiper-button-prev {
               right: 17%;
          }
          .recent-works-slider .swiper-slide {
               padding: 30px;
          }
          .recent-works-slider {
               margin: 30px 0;
          }
          .rw-title {
               padding: 30px 30px 0 30px;
          }
          .client-wrapper.second-row.full {
               margin: 70px 0;
          }
          .creative-text {
               font-size: 90px;
          }
          .advice-wrapper .circle-pattern {
               top: 0;
               left: 24%;
          }
          .advice-wrapper {
               padding: 100px 0 100px;
          }
          .advice-title,
          .bio-main .advice-title {
               font-size: 2em;
          }
          .b-divider {
               margin: 60px 0;
          }
          .blog-content {
               padding: 30px 15px 0 15px;
          }
          .case-desc {
               margin: 1em 0 0;
               text-align: left;
          }
          .case-study-grid {
               margin-top: 50px;
          }
          ul.pink-meaning {
               margin: 75px 0 55px;
          }
          .culture-inner {
               margin-top: 5em;
          }
          .sl-title {
               margin-bottom: 0;
          }
          .video-custom-play.img-in .testi-img,
          .client-video {
               height: 430px;
          }
          .contact-form-wrapper .form-group {
               margin-bottom: 20px;
          }
          .contact .creative-text {
               top: -10px;
          }
          .counter-box.c-1 .c-text {
               width: 60%;
               margin: 0 auto;
          }
          .shop-slider .swiper-button-next {
               left: 52%;
          }
          .client-wrapper.sp-lec .marquee-block .marquee-inner .marquee-text {
               -webkit-animation: ticker 40s linear infinite alternate;
               animation: ticker 40s linear infinite alternate;
          }
          .book-content {
               margin: 0.5em auto 0;
          }
          /****award**********/
          .award-slider {
               display: none;
          }
          .award-slider-mobile {
               display: block;
          }
          .award-slider-mobile .award-row.first .bottom-img {
               height: 336px;
               object-fit: cover;
          }
          /*******************Shivani CSS***********/
          .ui-list {
               display: flex;
               align-items: flex-start;
               width: 100%;
               margin: 0 auto;
               text-align: left;
          }
          .pink-meaning li {
               list-style-type: none;
               display: flex;
               height: 100%;
               align-items: center;
               gap: 13px;
               margin-bottom: 35px;
          }
          .charater-border {
               font-size: 24px;
               color: white;
               border: 1px solid antiquewhite;
               border-radius: 50px;
               height: 46px;
               max-width: 44px;
          }
          h5.text-light.culture-title.entrepreneur-tite {
               width: 95%;
               text-align: center;
               margin: 0 0 70px 0;
          }
          .char-detail {
               font-size: 1.2em;
          }
          h5.text-light.culture-title.entrepreneur-tite {
               width: 100%;
               margin: auto;
          }
          .bottom-img,
          .award-row .lg-portrait,
          .award-row .lg-landscape,
          .award-row .square-bt {
               height: auto;
          }
          .client-video {
               position: static;
          }
          .bio-inner {
               text-align: center;
          }
     }
     
     @media(max-width:650px) {
          .testimonial-slider .swiper-button-next {
               left: 51.5%;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 25%;
          }
          .circle-pattern {
               top: -37%;
          }
          .recent-works-slider .swiper-button-prev {
               right: 19%;
          }
          .contact-form {
               padding: 150px 30px 0 30px;
          }
          #circular-text {
               font-size: 1.5em;
          }
          .advice-wrapper .circle-pattern {
               left: 15%;
          }
          .shop-slider .swiper-button-next {
               left: 54%;
          }
     }
     
     @media(max-width:575px) {
          .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 100px;
          }
          .footer-top,
          .banner-detail {
               padding: 0 15px;
          }
          .footer-wrapper {
               padding: 50px 0;
          }
          p,
          .vl-content p,
          .main-banner .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 20px;
          }
          .main-btn {
               font-size: 17px;
               padding: 20px 35px;
          }
          .main-banner .marquee-block {
               padding: 25px 0;
          }
          .publication-wrapper {
               padding: 70px 7.5px;
          }
          .book-content .book-title {
               font-size: 1.8em;
          }
          .public-title {
               margin-bottom: 2em;
          }
          .testimonial-slider .swiper-button-prev,
          .testimonial-slider .swiper-button-next {
               width: 50px;
               height: 50px;
          }
          .video-custom-play .video-play-icon {
               width: 75px;
               height: 75px;
          }
          .client-wrapper.second-row {
               margin: 50px 0 40px;
          }
          h2,
          h3 {
               font-size: 2.8em;
          }
          header {
               padding: 15px;
          }
          .value-addition {
               padding: 0;
          }
          .main-banner {
               padding: 140px 0px 77px 0px;
          }
          .connect-title {
               padding: 30px 0;
          }
          .sec-padding.connect-sec {
               padding: 0px 15px 70px;
          }
          .counter-box h2 {
               font-size: 3.5em;
          }
          .sec-margin {
               margin-top: 50px;
          }
          .counter-wrapper {
               padding: 70px 0px 390px;
          }
          .banner-detail {
               padding: 0 15px;
          }
          .banner-vector {
               left: 29%;
          }
          .bio-main {
               padding: 0 15px 20px;
          }
          .main-banner.bio {
               padding: 140px 0px 20px 0px;
          }
          .timeline-item .y-number {
               margin-top: -97px;
          }
          .bio-main .stroke-text {
               font-size: 160px;
          }
          .timeline-item {
               margin-bottom: 30px;
          }
          .bio-main .main-banner .stroke-text {
               font-size: 110px;
          }
          .bio-main .stroke-text {
               font-size: 120px;
          }
          .timeline-item .y-number {
               margin-top: -73px;
          }
          .bio-main .main-banner .bio-title {
               font-size: 2em;
          }
          .timeline-item .y-content {
               margin-top: 10px;
          }
          .portfolio-main .main-banner {
               padding: 140px 15px 0 15px;
          }
          .rw-title {
               padding: 30px 15px 0 15px;
          }
          .recent-works-slider .swiper-slide {
               padding: 15px;
          }
          .contact-form {
               padding: 130px 15px 0 15px;
          }
          .contact-form-wrapper {
               padding: 0 15px 50px 0;
          }
          h1 {
               font-size: 2.5em;
          }
          .advice-wrapper .circle-pattern {
               left: 15%;
               top: 6%;
               width: 20em;
               height: 20em;
          }
          .client-wrapper .marquee-block .marquee-inner .marquee-text {
               gap: 30px;
          }
          .client-wrapper.first-row .marquee-block .marquee-inner .marquee-text .m-item {
               margin: 0 20px;
          }
          .advice-wrapper {
               padding: 100px 0 70px;
          }
          .case-study-wrapper {
               padding: 0 15px 0 15px;
          }
          .blog-btn {
               font-size: 1.2em;
          }
          .b-divider {
               margin: 50px 0;
          }
          .case-study-slider .swiper-button-next,
          .case-study-slider .swiper-button-prev {
               top: 30%;
          }
          .blog-meta {
               margin: 30px 0 30px;
          }
          .case-study-slider .blog-img {
               margin-bottom: 30px;
          }
          .sl-title {
               margin-bottom: 30px;
               padding: 0 15px;
          }
          .bio-inner {
               text-align: center;
          }
          .main-banner .marquee-block {
               bottom: 0px;
          }
          .banner-wrapper {
               padding-bottom: 70px;
          }
          .banner-wrapper.contact {
               padding-bottom: 40px;
          }
          .video-custom-play.img-in .testi-img,
          .client-video {
               height: 300px;
          }
          .bio-main .container {
               padding-left: 0;
               padding-right: 0;
          }
          .advice-title,
          .bio-main .advice-title {
               font-size: 1.8em;
          }
          .highlight-text-box .sub-text {
               font-size: 40px;
               line-height: 52px;
          }
          .highlight-text-box-main,
          .hightlight-main {
               height: 52px;
          }
          .hightlight-main {
               margin-bottom: 30px;
          }
          .highlight-container {
               height: 260px;
               line-height: 52px;
          }
          .counter-box.c-1 .c-text {
               width: 100%;
          }
          .connect-title h2 {
               font-size: 2.4em;
          }
          .press-main .cl-marquee {
               margin: 30px 0 70px;
          }
          .shop-slider .swiper-button-prev {
               left: 35%;
          }
          .shop-slider .swiper-button-next {
               left: 51%;
          }
          /****award******/
          .award-slider-mobile .award-row.first .bottom-img {
               height: auto;
               object-fit: cover;
               width: 100%;
          }
     }
     
     @media(max-width:479px) {
          .marquee-block .marquee-inner .marquee-text .m-item {
               font-size: 80px;
          }
          .book-item img {
               width: 95%;
          }
          .book-content .b-desc {
               margin: 1em 0 2em;
          }
          .testi-box {
               padding: 50px 15px 190px;
          }
          .swiper-horizontal>.swiper-pagination-bullets,
          .swiper-pagination-bullets.swiper-pagination-horizontal {
               bottom: 18%;
               left: 50%;
               transform: translateX(-50%);
          }
          .testimonial-slider .swiper-button-prev {
               left: 38%;
          }
          .testimonial-slider .swiper-button-next {
               left: 53%;
          }
          .testimonial-slider .swiper-button-prev,
          .testimonial-slider .swiper-button-next {
               bottom: 9%;
          }
          h5 {
               font-size: 1.3em;
          }
          .counter-box h2 {
               font-size: 3em;
          }
          .decorative-text {
               top: -2%;
          }
          .vl-content {
               margin-top: 2.3em;
          }
          .highlight-text-box .sub-text {
               font-size: 32px;
               line-height: 41.59px;
          }
          .highlight-text-box-main,
          .hightlight-main {
               height: 41.59px;
          }
          .highlight-container {
               height: 207.97px;
               line-height: 41.59px;
          }
          .banner-img {
               margin-top: 90px;
          }
          .timeline-item .y-content h4 {
               margin-top: 10px;
          }
          .recent-works-slider .swiper-button-prev {
               right: 22%;
          }
          .creative-text {
               font-size: 70px;
               top: -22px;
          }
          .recent-works-slider .rw-img-item {
               padding: 20px;
          }
          #circular-text {
               font-size: 1.3em;
          }
          .contact-form-wrapper .circular-box {
               width: 14em;
               height: 14em;
          }
          .contact-form {
               padding: 110px 15px 0 15px;
          }
          .contact-form-wrapper label {
               font-size: 20px;
          }
          h3 {
               font-size: 2.3em;
          }
          .advice-title {
               font-size: 1.5em;
          }
          .advice-wrapper .circle-pattern {
               left: auto;
               right: auto;
               top: 6%;
               width: 300px;
               height: 300px;
          }
          .advice-wrapper {
               padding: 100px 0 50px;
          }
          .blog-link h4 {
               font-size: 1.5em;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 41%;
          }
          .testimonial-slider .swiper-horizontal>.swiper-pagination-bullets,
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               transform: none;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               bottom: 20%;
          }
          .shop-slider .swiper-button-prev {
               left: 32%;
          }
          .shop-slider .swiper-button-next {
               left: 52%;
          }
          /**********Shivani CSS**************/
          .charater-border {
               font-size: 20px;
               height: 38px;
               min-width: 37px;
          }
          .char-detail {
               font-size: 1.0em;
          }
          .advice-wrapper .circle-pattern {
               width: 250px;
               height: 250px;
          }
     }
     
     @media(max-width:380px) {
          .main-banner {
               padding: 130px 0px 77px 0px;
          }
          .testimonial-slider .swiper-button-next {
               left: 56%;
          }
          .value-addition .v-img-box {
               width: 300px;
               height: 279px;
          }
          .decorative-text {
               left: 22%;
               top: -1%;
          }
          .culture-inner.sec-margin {
               margin-top: 20px;
          }
          h2,
          h3 {
               font-size: 2.2em;
          }
          .connect-title h2 {
               font-size: 2em;
          }
          .value-box.two,
          .value-box.three {
               margin-top: 90px;
          }
          .recent-works-slider .rw-pattern {
               width: 60px;
               height: 47px;
          }
          .recent-works-slider .swiper-button-prev {
               right: 28%;
          }
          .recent-works-slider .swiper-button-next svg,
          .recent-works-slider .swiper-button-prev svg {
               width: 33px;
          }
          .client-wrapper.second-row.full {
               margin: 70px 0 50px;
          }
          .recent-works-slider .swiper-button-next,
          .recent-works-slider .swiper-button-prev {
               width: 60px;
               height: 60px;
          }
          .cta-wrapper {
               padding: 70px 0 80px;
          }
          #circular-text {
               font-size: 1.15em;
          }
          .contact-form-wrapper .circular-box {
               width: 12em;
               height: 12em;
          }
          .contact-form {
               padding: 100px 15px 0 15px;
          }
          .contact-form-wrapper {
               padding: 0 15px 40px 0;
          }
          .val-title {
               margin-bottom: 170px;
          }
          .value-box.two,
          .value-box.three {
               margin-top: 120px;
          }
          .testimonial-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
               left: 38%;
               bottom: 22%;
          }
          .testimonial-slider .swiper-button-next {
               left: 51%;
          }
          .testimonial-slider .swiper-button-prev {
               left: 35%;
          }
          .testimonial-slider .swiper-button-prev,
          .testimonial-slider .swiper-button-next {
               bottom: 12%;
          }
          .testi-box {
               padding: 50px 15px 220px;
          }
          .advice-wrapper {
               padding: 80px 0 50px;
          }
          .advice-title,
          .bio-main .advice-title {
               font-size: 1.5em;
          }
          .footer-inner .footer-vector,
          .footer-wrapper.three .footer-inner .footer-vector {
               top: 15%;
               height: 300px;
          }
          .footer-inner {
               padding-top: 220px;
          }
          .highlight-text-box .sub-text {
               font-size: 30px;
          }
          .shop-slider .swiper-button-prev {
               left: 30%;
          }
          .shop-slider .swiper-button-next {
               left: 54%;
          }
     }