.site-navbar.home-page .navbar {
       background-color: #f1f1f1;
   }

   /* carousel css start  */
   .home-page .home-main-slider {
       height: auto;
       width: 100%;
       background-color: #f1f1f1;
   }

   .home-page .home-main-slider .custom-carousel-item {
       min-height: 450px;
       height: calc(100vh - 136px);
       width: 100%;
       position: relative;
       left: 0;
       top: 0;
       max-height: 680px;
   }

   .home-page .home-main-slider .left-content {
       width: 100%;
       height: 100%;
       left: 0;
       top: 0;
       position: absolute;
       z-index: 2;
       padding-top: 80px;
   }

   .home-page .home-main-slider .left-content .headline {
       color: rgb(246, 161, 87);
       text-decoration: none;
       white-space: normal;
       max-height: none;
       max-width: none;
       text-align: left;
       line-height: 11rem;
       letter-spacing: 0px;
       font-weight: 900;
       font-size: 11rem;
       visibility: visible;
   }

   .home-page .home-main-slider .left-content .paragraph {
       color: rgb(34, 34, 34);
       text-decoration: none;
       white-space: normal;
       text-transform: uppercase;
       text-align: left;
       line-height: 7rem;
       letter-spacing: 2rem;
       font-weight: 700;
       font-size: 7rem;
   }



   .home-page .home-main-slider .right-content {
       width: 70%;
       height: 100%;
       right: 0;
       top: 0;
       position: absolute;
       z-index: 1;
   }


   @media (max-width:767px) {
       .home-page .home-main-slider .left-content .headline {
           line-height: 6rem;
           font-size: 6rem;
       }

       .home-page .home-main-slider .left-content .paragraph {
           line-height: 4rem;
           letter-spacing: 1rem;
           font-size: 4rem;
       }

       .home-page .home-main-slider .custom-carousel-item {
           min-height: 350px;
       }
   }


   /* Swiper Carousel Styles */
   .home-main-slider {
       max-width: 100%;
       overflow-x: hidden;
   }

   .swiper-carousel-wrapper {
       position: relative;
       height: calc(100vh - 136px);
       min-height: 450px;
       max-height: 680px;
   }

   /* Custom Reveal Animations */
   .reveal-from-left {
       opacity: 0;
       transform: translateX(-50px);
       transition: opacity 0.6s ease, transform 0.6s ease;
   }

   .reveal-from-left.delay200 {
       transition-delay: 0.2s;
   }

   .reveal-from-bottom {
       opacity: 0;
       transform: translateY(30px);
       transition: opacity 0.6s ease, transform 0.6s ease;
   }

   .reveal-from-bottom.delay400 {
       transition-delay: 0.4s;
   }

   .reveal-from-left.revealed,
   .reveal-from-bottom.revealed {
       opacity: 1;
       transform: translateX(0) translateY(0);
   }

   .swiper-carousel-wrapper .swiper {
       width: 100%;
       height: 100%;
   }

   .swiper-carousel-wrapper .swiper-slide {
       position: relative;
       width: 100%;
       height: 100%;
   }

   /* Navigation Arrows - Bottom Right Vertical Layout */
   .swiper-carousel-wrapper .swiper-button-next,
   .swiper-carousel-wrapper .swiper-button-prev {
       position: absolute;
       right: 30px;
       bottom: auto;
       top: auto;
       width: 50px;
       height: 50px;
       background: rgba(0, 84, 166, 0.9);
       border-radius: 5px;
       color: #fff;
       margin: 0;
       transition: all 0.3s ease;
   }

   .swiper-carousel-wrapper .swiper-button-next:after,
   .swiper-carousel-wrapper .swiper-button-prev:after {
       font-size: 20px;
       font-weight: bold;
   }

   .swiper-carousel-wrapper .swiper-button-prev {
       bottom: 120px;
       right: 30px;
       left: unset;
   }

   .swiper-carousel-wrapper .swiper-button-next {
       bottom: 60px;
   }

   .swiper-carousel-wrapper .swiper-button-next:hover,
   .swiper-carousel-wrapper .swiper-button-prev:hover {
       background: rgba(246, 161, 87, 0.9);
       transform: scale(1.1);
   }

   /* Rectangle Pagination Dots - Vertical Layout */
   .swiper-carousel-wrapper .swiper-pagination {
       right: 30px !important;
       top: auto !important;
       bottom: 60px !important;
       width: 12px !important;
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .swiper-carousel-wrapper .swiper-pagination-bullet {
       width: 12px;
       height: 25px;
       background: rgba(0, 84, 166, 0.5);
       border-radius: 0;
       opacity: 0.5;
       transition: all 0.3s ease;
       margin: 0 !important;
   }

   .swiper-carousel-wrapper .swiper-pagination-bullet-active {
       background: #0054a6;
       opacity: 1;
       transform: scale(1.2);
   }

   /* Responsive */
   @media (max-width: 767px) {
       .swiper-carousel-wrapper {
           min-height: 350px;
       }

       .swiper-carousel-wrapper .swiper-button-next,
       .swiper-carousel-wrapper .swiper-button-prev {
           right: 20px;
           width: 40px;
           height: 40px;
       }

       .swiper-carousel-wrapper .swiper-button-next:after,
       .swiper-carousel-wrapper .swiper-button-prev:after {
           font-size: 16px;
       }

       .swiper-carousel-wrapper .swiper-button-prev {
           bottom: 90px;
           right: 20px;
           left: unset;
       }

       .swiper-carousel-wrapper .swiper-button-next {
           bottom: 40px;
       }

       .swiper-carousel-wrapper .swiper-pagination {
           right: 20px !important;
           bottom: 40px !important;
           width: 8px !important;
           gap: 5px;
       }

       .swiper-carousel-wrapper .swiper-pagination-bullet {
           width: 8px;
           height: 8px;
       }

       .swiper-carousel-wrapper {
           max-height: 350px;
       }
   }

   /* carousel css end */

   /* service wrapper css start  */
   .home-page .service-wrapper-full {
       background: #0054a6;

   }

   .home-page .service-wrapper-full .service-wrapper-inner {
       padding: 0;
   }

   .home-page .service-wrapper-full .service-wrapper {
       margin-right: 0;
       margin-top: 0;
       display: block;
       background: transparent;
       -webkit-box-shadow: none;
       box-shadow: none;
   }

   .home-page .service-wrapper-full .service-wrapper ul {
       display: flex;
       flex-wrap: wrap;
       padding-bottom: 0;
       margin-bottom: 0;
       justify-content: center;
   }

   .home-page .service-wrapper-full .service-wrapper ul li {
       flex: 1 1 12.5%;
       padding: 1.5rem;
       color: #fff;
       text-align: center;

   }



   .home-page .service-wrapper-full .service-wrapper ul li a {
       color: inherit;
       text-decoration: none;
       min-width: 120px;
       display: block;
   }

   .home-page .service-wrapper-full .service-wrapper ul li a img {
       display: block;
       margin: 0 auto;
       max-height: 40px;
   }

   .home-page .service-wrapper-full .service-wrapper ul li a h4 {
       color: inherit;
       margin-bottom: 0;
       margin-top: 0.8rem;
       font-size: 1.2rem;
       line-height: 1.6rem;
       font-weight: 500;
   }

   /* service wrapper css end */

   /* about summary start  */
   .home-page .about-wrapper {}

   /* about summary end */

   /* video about start  */
   .video-about {
       position: relative;
   }

   .video-about:before {
       position: absolute;
       content: "";
       bottom: 0;
       left: 0;
       background: #fff;
       width: 100%;
       height: 50%;
       z-index: -1;
   }

   .ripple-block {
       position: relative;
       width: 15em;
       height: 15em;
       display: inline-block
   }

   .fa-play,
   .ripple {
       position: absolute;
       border-radius: 50%
   }

   .fa-play {
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 30px;
       color: #fff;
       transition: all 1.5s ease;
       background: #0054a6;
       width: 90px;
       height: 90px;
       line-height: 90px !important;
       padding-left: 7px;
       z-index: 3
   }

   .ripple-block:active .fa-play,
   .ripple-block:focus .fa-play,
   .ripple-block:hover .fa-play {
       color: #f6a157;
       background: #0054a6
   }

   .ripple,
   .ripple-block:active .ripple,
   .ripple-block:focus .ripple,
   .ripple-block:hover .ripple {
       background: rgba(85, 75, 185, .5)
   }

   .ripple {
       width: 15em;
       height: 15em;
       animation: ripple 5s ease-in-out infinite;
       transition: background 1.5s ease
   }

   .ripple-block .ripple-1 {
       animation-delay: 0s
   }

   .ripple-block .ripple-2 {
       animation-delay: 1.66666667s
   }

   .ripple-block .ripple-3 {
       animation-delay: 3.33333333s
   }

   @keyframes ripple {
       0% {
           transform: scale(.2);
           opacity: 0
       }

       50% {
           opacity: .9
       }

       100% {
           transform: scale(24em);
           opacity: 0
       }
   }

   .bp-x:before {
       content: unset !important;
   }

   .lgx-video-area {
       background-position: top center !important;
       background-repeat: no-repeat !important;
       background-size: cover !important;
   }

   /* video about end */

   /* news area start  */
   .home-page .news-area {
       background-color: #fff;
       padding-top: 40px;
   }

   .news-area {
       background: #fff
   }

   .lgx-btn-white {
       background: #fff !important;
       color: #0054a6 !important
   }

   .lgx-btn-white:after {
       background: #ddd;
       opacity: .3
   }

   .lgx-btn-white:hover {
       -webkit-box-shadow: 0 14px 26px -12px rgba(50, 51, 51, .2), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(50, 51, 51, .1);
       box-shadow: 0 14px 26px -12px rgba(50, 51, 51, .2), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(50, 51, 51, .1)
   }

   .lgx-single-news {
       background: #fff;
       margin-bottom: 1.8rem;
       overflow: hidden;
       position: relative;
       top: 0;
       box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .2);
       transition-duration: .3s
   }

   .lgx-single-news .news-bottom {
       margin-top: -17px
   }

   .lgx-single-news .lgx-btn {
       margin-top: 1rem;
       box-shadow: none;
       background: 0 0 !important;
       text-align: right
   }

   .lgx-single-news .single-news-info .vcx-news-date,
   .lgx-single-news:hover {
       -moz-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
       -webkit-box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
   }

   .lgx-single-news .vcx-post-author {
       position: relative;
       top: -18px
   }

   .lgx-single-news figure {
       position: relative;
       overflow: hidden;
       z-index: 1
   }

   .lgx-single-news figure a img {
       -moz-transition-duration: .5s;
       -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
       transition-duration: .5s;
       margin: 0
   }

   .lgx-single-news .single-news-info {
       position: relative;
       z-index: 2;
       padding: 0 3rem 2rem;
       margin-top: -10rem
   }

   .lgx-single-news .single-news-info .vcx-news-date {
       color: #fff;
       font-family: Poppins, sans-serif;
       padding: .3rem 1rem;
       font-weight: 400;
       font-size: 14px;
       box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1);
       transition-duration: .3s;
       margin-right: .5rem;
       background: #0054a6;
       background-image: -webkit-gradient(linear, left top, right top, from(#f6a157), to(#0054a6));
       background-image: linear-gradient(to right, #f6a157, #0054a6);
       border-radius: 100px
   }

   .lgx-single-news .single-news-info .vcx-excerpt {
       margin-top: 1.2rem;
       margin-bottom: 1rem
   }

   .lgx-single-news .meta-wrapper span {
       font-size: 15px
   }

   .lgx-single-news .meta-wrapper span a {
       color: inherit
   }

   .lgx-single-news .meta-wrapper span a:hover {
       color: #f6a157
   }

   .lgx-single-news .meta-wrapper span:last-child:after {
       display: none
   }

   .lgx-single-news .title {
       font-size: 2rem;
       font-weight: 900;
       line-height: 2.6rem;
       margin-top: 1rem;
       color: #1b273d;
       display: block
   }

   .lgx-single-news .title a {
       color: inherit
   }

   .lgx-single-news .title a:hover {
       color: #0054a6
   }

   .lgx-single-news:hover {
       top: -10px;
       box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .1)
   }

   .lgx-single-news:hover:after {
       left: 42%;
       opacity: 1
   }

   .lgx-single-news:hover figure a img {
       -ms-transform: scale(1.2);
       -moz-transform: scale(1.2);
       -webkit-transform: scale(1.2);
       -o-transform: scale(1.2);
       transform: scale(1.2)
   }


   .lgx-single-news .single-news-info {
       position: relative;
       padding: 1.5rem;
       background: rgba(255, 255, 255, 0.95);
   }

   #lgx-page-wrapper .lgx-single-speaker-default .speaker-info .title {
       font-size: 1.6rem;
   }

   #lgx-page-wrapper .lgx-single-speaker-default .speaker-info .subtitle {
       font-size: 1.2rem;
   }

   .lgx-header .header-top .top-right-info ul li .info .email {
       font-weight: 700;
   }

   .lgx-heading .pre-heading {
       display: none;
   }

   .lgx-single-member {
       background: #fff;
       border: 2rem solid #ddd;
       padding-right: 2rem;
   }

   .speaker-info {
       padding-top: 2rem;
   }

   .member-content {
       padding-bottom: 2rem;
   }

   .speaker-info .subtitle {
       color: #0054a6;
       text-transform: uppercase;
       margin-top: 0;
       font-weight: 400;
   }

   .lgx-single-member .title {
       margin-bottom: 2px;
   }

   /* news area end */

   /* download area start  */

   .download-area {
       background: #fff
   }

   .download-area .download-wrapper {
       padding-top: 9rem;
       padding-left: 9rem;


       background-size: cover !important;
       background-position: top center !important;
       background-repeat: no-repeat !important;

   }

   .download-area .download-wrapper .lgx-btn-area {
       margin-top: 3rem
   }

   .download-area .download-wrapper .lgx-btn-area .lgx-btn {
       text-transform: none
   }

   .download-area .download-wrapper .lgx-btn-area .lgx-btn:first-child {
       background-image: -webkit-gradient(linear, left top, right top, from(#f6a157), to(#a3c939));
       background-image: linear-gradient(to right, #f6a157, #a3c939)
   }

   .download-area .lgx-heading {
       margin-bottom: 1.6rem
   }

   .download-area .lgx-heading:before {
       background: url(../images/common/dot-heading-white.png) top center no-repeat !important
   }

   @media (min-width: 768px) {
       .lgx-inner {
           padding: 4rem 0;
       }
   }

   @media (max-width: 767px) {
       .download-area .download-wrapper {
           padding-top: 4rem;
           padding-bottom: 4rem;
           padding-left: 4rem;
           background-size: unset !important;
           background-position: bottom left !important;
       }
   }


   /* download area end */


   /* photo gallery css start  */
   .photo-gallery {
       background: #fff;
   }


   .gallery img {
       height: 250px;
       object-fit: cover;
       cursor: pointer;
       margin-bottom: 10px;
       width: 100%;
       box-sizing: border-box;
       transition: transform 0.3s ease;
       transform: scale(1);
   }

   .gallery .img-wrapper {
       overflow: hidden;
       display: inline-block;
   }

   .gallery img:hover {
       transform: scale(1.05);
       box-shadow: 1px 7px 14px 0 rgb(0 0 0 / 32%);
       overflow: hidden;
       border: 1px solid #1d1d1d;
       width: 100%;
   }

   @media (max-width:767px) {
       .photo-gallery .lgx-heading {
           margin-bottom: 15px;
       }

       .photo-gallery .lgx-inner {
           margin-bottom: 15px;
       }
   }


   /* photo gallery css end */