/* ===== common-css-being ===== */
* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { font-family: "Inter", sans-serif; font-size: 16px; line-height: 19.36px; font-weight: 400; color: #ffffff; background-color: #000000; padding: 0; margin: 0; overflow-x: hidden; overflow-y: scroll; position: relative; z-index: 1; }
body:after { content: ""; width: 295px; height: 237px; display: inline-block; vertical-align: top; background-image: url(https://ampathy-media.s3.ap-south-1.amazonaws.com/images/ellipse-desktop.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 740px; right: 369px; z-index: -1; }
form input:focus-visible { outline: 0; }
form textarea:focus-visible { outline: 0; }
.slider-container { display: flex; width: 300%; height: 100vh; }
.slide { flex: 1 0 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #fff; }
.content { width: calc(100% - 223px); padding: 0; margin-left: 223px; position: relative; top: 80px; z-index: 1; }
.content.detail-page { overflow: hidden; }
/*#content { margin-top: 80px; }*/
section { display: flex; align-items: center; justify-content: center; }
section h1 { color: #fff; margin: 0; }
.gray { background-color: #777; }
.blue { background-color: #2c7ad2; }
.orange { background-color: #e77614; }
.purple { background-color: #8d3dae; }
.green { background-color: #28a92b; }
.fade-in { opacity: 0; transition: opacity 1s ease-out; }
.fade-in.active { opacity: 1; }

@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
   
/* ===== common-css-end ===== */

/* ===== page-loader-css-being ===== */
.no-scroll { overflow: hidden; height: 100vh; } 
.loader-container { width: 100%; text-align: center; margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; overflow: hidden; position: absolute; top: 0; left: 0; flex-direction: column; z-index: 99999999; }
.loader-container:after { content: ""; width: 295px; height: 295px; display: block; background-image: url(https://ampathy-media.s3.ap-south-1.amazonaws.com/images/ellipse-desktop.png); background-repeat: no-repeat; background-size: 295px; background-position: right; position: absolute; right: 15%; bottom: 0; z-index: 2; }
.logo-container img { width: 167px; opacity: 0; animation: fadeInLogo 1.5s forwards; }
.loading-bar-container { width: 571px; height: 7px; margin-top: 54px; } 
.progress { display: block; padding: 6px; border-radius: 30px; margin: 0 !important; }
.progress-bar { width: 0; height: 7px; border-radius: 30px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); transition: 0.4s linear; transition-property: width, background-color;  margin: 0 !important; }
.progress-moved .progress-bar { width: 100%; background-color: #ffffff; animation: progressAnimation 6s forwards; }

@keyframes fadeInLogo {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes progressAnimation {
    0% {
      width: 0%;
      background-color: #ffffff;
    }
    100% {
      width: 100%;
      background-color: #ffffff;
    }
  }
/* ===== page-loader-css-end ===== */
  
/* ===== sidebar-css-being ===== */
.sidebar { position: fixed; left: 0; top: 0; bottom: 0; width: 223px; background-color: #000000; color: #fff; display: flex; flex-direction: column; align-items: center; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.12); padding: 0 47px; }
.sidebar .logo { padding: 4px 0; text-align: center; margin: 0 auto; }
.sidebar .logo a { width: 100%; display: flex; justify-content: center; align-items: center; }
.sidebar .logo a img { width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; object-fit: contain; object-position: center; }
.sidebar ul { list-style: none; padding: 0; margin: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 48px; flex-grow: 1; }
.sidebar ul li { margin: 0; padding: 0; text-align: left; }
.sidebar ul li a { font-family: "Montserrat", sans-serif; line-height: normal; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; display: block; }
.sidebar ul li.active a { color: #FF2C2C; }
.sidebar .cta { display: none; }
/* ===== sidebar-css-end ===== */

/* ===== navbar-css-being ===== */
.nav-bar { width: calc(100% - 223px); background-color: #000000; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 16.5px 50px 16.5px 17px; margin-left: 223px; position: fixed; top: 0; z-index: 99999; }
.nav-bar .nav-bar-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.nav-bar .logo { width: max-content; margin: 0; }
.nav-bar .logo a { display: flex; align-items: center; }
.nav-bar .logo a img { width: 185px; display: flex; object-fit: contain; object-position: center; }
.nav-bar .nav-bar-wrap .cta { width: max-content; margin: 0; }
.nav-bar .nav-bar-wrap .cta a { font-family: "Montserrat", sans-serif; height: 47px; display: flex; justify-content: center; align-items: center; font-weight: 500; line-height: normal; text-transform: uppercase; text-decoration: unset; border-radius: 110px; border: 0.5px solid rgba(255, 255, 255, 0.20); color: #ffffff; padding: 13px 17.45px; }
.nav-bar .nav-bar-wrap .cta a.contact-btn { position: relative; z-index: 0; height: 47px; overflow: hidden; border: none !important; padding: 0 !important; color: #ffffff; background-color: #000000; border-radius: 110px; width: 143px; text-align: center; font-size: 14px; font-weight: 500; box-shadow: 0 4px 50px 0 rgb(0 0 0 / 7%); transition: .2s all linear; text-decoration: initial; }
.nav-bar .nav-bar-wrap .cta a.contact-btn span { font-family: "Montserrat", sans-serif; position: relative; z-index: 1; height: calc(100% - 4px); width: calc(100% - 4px); top: 0; left: 0; align-items: center; display: flex; justify-content: center; border-radius: 110px; color: #ffffff; background-color: #000000; border: 0.5px solid rgba(255, 255, 255, 0.20); }
.nav-bar .nav-bar-wrap .cta a.contact-btn:after { content: ""; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%; height: 200%; background-color: transparent; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 35%) bottom right / 15% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 45%) bottom left / 20% 40% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 5% 50% no-repeat, linear-gradient(to top right, #FFF -3%, rgba(255, 44, 44, 0.50) 40%) top right / 44% 44% no-repeat; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }
.nav-bar .nav-bar-wrap .cta a.contact-btn:hover { transition: unset; }
.nav-bar .nav-bar-wrap .cta a.contact-btn:hover:after { animation: unset; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top right / 50% 50% no-repeat; }
.nav-bar .nav-bar-wrap .icon-logo { display: none; }
.nav-bar .nav-bar-wrap .menu-icon { display: none; }

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
/* ===== navbar-css-end ===== */

/* ===== home-css-being ===== */
section#home { position: relative; z-index: 1; width: 100%; display: inline-block; vertical-align: top; }
section#home .slider-component { margin-block: 1rem; }
section#home .swiper { margin-block: 1rem; }
section#home .swiper-slide { height: 694px; aspect-ratio: 16 / 9; border-radius: unset; overflow: hidden; }
section#home img { display: block; width: 100%; }
section#home video::-webkit-media-controls { display: none !important; }
section#home video::-webkit-media-controls-play-button { display: none !important; }
section#home video::-webkit-media-controls-start-playback-button { display: none !important; }
section#home video::-webkit-media-controls-overlay-play-button { display: none !important; }
section#home .swiper-slide { height: 694px; display: flex; justify-content: center; align-items: center;  margin-top: 23px; overflow: hidden; }
section#home .swiper-slide video { height: 100%; width: auto; object-fit: cover; }
section#home .swiper-slide:nth-child(even) { margin-top: 60px; }
section#home .swiper-slide:nth-child(6n) { margin-top: 0; }
section#home .swiper-slide { height: 694px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 16px; transition-property: all; transition-duration: 800ms; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
section#home .video-container { position: relative; width: auto; height: 100%; }
section#home .swiper-slide video { height: 100%; width: auto; object-fit: cover; }
section#home .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: flex; justify-content: center; align-items: center; }
section#home .overlay-text { font-family: "Montserrat", sans-serif; text-align: center; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; color: #ffffff; }
section#home .swiper-slide:hover { width: 336px !important; /*transform: scale(1.1);*/ }
section#home .swiper-slide:hover video { transition-duration: 800ms; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transform: scale(1.5); }
section#home .swiper-slide { will-change: transform; }
section#home .swiper-slide a { display: flex; }
/* ===== home-css-end ===== */

/* ===== photography-css-being ===== */
.carousel-sec { position: relative; z-index: 1; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; padding: 50px 0 0; }
.carousel-sec .swiper-wrapper { transition-timing-function: linear; }
.carousel-sec .swiper-wrapper .swiper-slide .image { width: 100%; display: flex; }
.carousel-sec .swiper-wrapper .swiper-slide .image img { width: 100%; height: 475px; display: flex; object-position: center; }
.carousel-sec .marquee-carousel, .carousel-sec .reverse-marquee-carousel { width: 100%; overflow: hidden; }
.carousel-sec .marquee-carousel .swiper-slide, .carousel-sec .reverse-marquee-carousel .swiper-slide { width: auto; flex-shrink: 0; }

.carousel-sec .marquee-carousel .swiper-slide a { width: 100%; display: flex; margin-bottom: 20px; }
.carousel-sec .marquee-carousel .swiper-slide a .video-container { width: 100%; height: 475px; display: inline-block; vertical-align: top; position: relative; }
.carousel-sec .marquee-carousel .swiper-slide a .video-container video.item { width: 100%; height: 100%; display: inline-block; vertical-align: top; object-fit: cover; }

.carousel-sec .reverse-marquee-carousel .swiper-slide a { width: 100%; display: flex; margin-bottom: 20px; }
.carousel-sec .reverse-marquee-carousel .swiper-slide a .video-container { width: 100%; height: 475px; display: inline-block; vertical-align: top; position: relative; }
.carousel-sec .reverse-marquee-carousel .swiper-slide a .video-container video.item { width: 100%; height: 100%; display: inline-block; vertical-align: top; object-fit: cover; }
.carousel-sec .merged-carousel { display: none; }
/* ===== photography-css-end ===== */

/* ===== detail-slider-css-being ===== */
.detail-slider-sec { width: 100%; display: inline-block; vertical-align: top; position: relative; z-index: 1; }
.detail-slider-sec .swiper { width: 100%; height: 100%; }
.detail-slider-sec .swiper-slide { height: 750px; text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.detail-slider-sec .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.detail-slider-sec .swiper-slide .video-container { width: 100%; height: 100%; display: inline-block; vertical-align: top; position: relative; }
.detail-slider-sec .swiper-slide .video-container video.item { width: 100%; height: 100%; display: inline-block; vertical-align: top; object-fit: cover; }

.detail-slider-sec .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.detail-slider-sec .swiper-slide { background-size: cover; background-position: center; }
.detail-slider-sec .mySwiper2 { height: 80%; width: 100%; }
.detail-slider-sec .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
.detail-slider-sec .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.detail-slider-sec .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.detail-slider-sec .thumb-slider { width: max-content; height: 60px; position: absolute; bottom: 16px; left: 50%; transform: translate(-50%, 0); padding: 0; }
.detail-slider-sec .thumb-slider .swiper-slide { width: 56px !important; height: 56px; cursor: pointer; border: 1px solid #b0b4b9; margin-top: 1.5px; }
.detail-slider-sec .mySwiper .swiper-slide-thumb-active { width: 60px !important; height: 60px; opacity: 1; border: 3px solid #ffffff; margin-top: 0; }
.detail-slider-sec .swiper-button-prev:after, .home-detail-slider .swiper-button-next:after { content: ""; width: 76px; min-width: 76px; height: 76px; background-size: cover; background-position: center; position: absolute; }
.detail-slider-sec .swiper-button-prev:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76' fill='none'%3E%3Crect width='76' height='76' rx='38' fill='white' fill-opacity='0.6'/%3E%3Cg clip-path='url(%23clip0_339_837)'%3E%3Cpath d='M36.1809 28.3129C36.3708 28.5136 36.4775 28.7856 36.4775 29.0691C36.4775 29.3527 36.3708 29.6247 36.1809 29.8253L29.4606 36.9164L48.9859 36.9164C49.2548 36.9164 49.5128 37.0291 49.703 37.2298C49.8932 37.4305 50 37.7026 50 37.9864C50 38.2702 49.8932 38.5424 49.703 38.7431C49.5128 38.9438 49.2548 39.0565 48.9859 39.0565L29.4606 39.0565L36.1809 46.1476C36.3144 46.2784 36.412 46.4447 36.4634 46.6291C36.5148 46.8135 36.5181 47.0092 36.473 47.1954C36.4278 47.3816 36.3359 47.5516 36.207 47.6873C36.078 47.823 35.9167 47.9196 35.7401 47.9667C35.5638 48.0142 35.3786 48.0108 35.204 47.9569C35.0294 47.9029 34.8717 47.8003 34.7476 47.6599L26.2966 38.7426C26.1067 38.542 26 38.27 26 37.9864C26 37.7029 26.1067 37.4309 26.2966 37.2303L34.7476 28.3129C34.9378 28.1126 35.1955 28 35.4642 28C35.733 28 35.9907 28.1126 36.1809 28.3129Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_339_837'%3E%3Crect width='24' height='24' fill='white' transform='translate(26 26)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); left: 20px; }
.detail-slider-sec .swiper-button-next:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76' fill='none'%3E%3Crect width='76' height='76' rx='38' fill='white' fill-opacity='0.6'/%3E%3Cg clip-path='url(%23clip0_339_836)'%3E%3Cpath d='M39.8191 47.6871C39.6292 47.4864 39.5225 47.2144 39.5225 46.9309C39.5225 46.6473 39.6292 46.3753 39.8191 46.1747L46.5394 39.0836L27.0141 39.0836C26.7452 39.0836 26.4872 38.9709 26.297 38.7702C26.1068 38.5695 26 38.2974 26 38.0136C26 37.7298 26.1068 37.4576 26.297 37.2569C26.4872 37.0562 26.7452 36.9435 27.0141 36.9435L46.5394 36.9435L39.8191 29.8524C39.6856 29.7216 39.588 29.5553 39.5366 29.3709C39.4852 29.1865 39.4819 28.9908 39.527 28.8046C39.5722 28.6184 39.6641 28.4484 39.793 28.3127C39.922 28.177 40.0833 28.0804 40.2599 28.0333C40.4362 27.9858 40.6214 27.9892 40.796 28.0431C40.9706 28.0971 41.1283 28.1997 41.2524 28.3401L49.7034 37.2574C49.8933 37.458 50 37.73 50 38.0136C50 38.2971 49.8933 38.5691 49.7034 38.7697L41.2524 47.6871C41.0622 47.8874 40.8045 48 40.5358 48C40.267 48 40.0093 47.8874 39.8191 47.6871Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_339_836'%3E%3Crect width='24' height='24' fill='white' transform='translate(26 26)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); right: 20px; }
.detail-slider-sec .swiper-button-next, .home-detail-slider .swiper-button-prev { width: 0; font-size: 0; }
.detail-slider-sec .swiper-button-prev:hover, .home-detail-slider .swiper-button-next:hover { opacity: 0.7; }
.detail-slider-sec .swiper-pagination-fraction { width: max-content; height: 22px; margin: 0; position: absolute; left: unset; right: 50px; top: 0; color: #fff; z-index: 10; }
.detail-slider-sec .thumb-full { padding: 50px 0 0; }
.detail-slider-sec .swiper-pagination-progressbar.swiper-pagination-horizontal { width: calc(100% - 163px); height: 2px; background: rgba(255, 255, 255, 0.12); top: 10px; left: 50px; }
.detail-slider-sec .labels { width: 100%; max-width: max-content; position: relative; top: 0; left: 50px; color: #fff; z-index: 10; background: rgba(0, 0, 0, 0.5); padding: 0; border-radius: 0; display: flex; justify-content: flex-start; align-items: center; gap: 28px; margin: 30px 0 0 0; }
.detail-slider-sec .labels span.title { font-family: "Montserrat", sans-serif; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; }
.detail-slider-sec .labels span.year { font-family: "Montserrat", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; color: #ffffff; }
.detail-slider-sec .thumb-slider .swiper-wrapper { transform: unset !important; }
/* ===== detail-slider-css-end ===== */

/* ===== more-like-this-css-being ===== */
.more-sec { width: 100%; display: inline-block; vertical-align: top; padding: 50px 0 102px; }
.more-sec .title { width: 100%; display: inline-block; vertical-align: top; font-family: "Montserrat", sans-serif; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; color: #ffffff; padding: 0 0 20px 50px; }
.more-sec .more-wrap { width: calc(100% + 20px); display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 -10px; }
.more-sec .more-wrap .more-col { width: calc(100% / 3 - 20px); display: flex; margin: 10px; }
.more-sec .more-wrap .more-col a { width: 100%; display: flex; }
.more-sec .more-wrap .more-col a img { width: 100%; display: flex; height: 475px; object-fit: cover; object-position: center; }
.more-sec .more-wrap .more-col a .video-container { width: 100%; height: 475px; display: inline-block; vertical-align: top; position: relative; }
.more-sec .more-wrap .more-col a .video-container video.item { width: 100%; height: 100%; display: inline-block; vertical-align: top; object-fit: cover; }
/* ===== more-like-this-css-end ===== */
  
/* ===== about-css-being ===== */  
section#about { width: 100%; display: inline-block; vertical-align: top; padding: 80px 50px 80px; position: relative; z-index: 1; }
section#about .about-wrap { width: 100%; display: inline-block; vertical-align: top; }
section#about .about-wrap .caption-wrap { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; text-align: center; margin: 0 auto; }
section#about .about-wrap .caption-wrap .title { max-width: 699px; font-family: "Montserrat", sans-serif; font-size: 51px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin: 0 auto; }
section#about .about-wrap .caption-wrap  .caption { width: 100%; display: flex; flex-direction: column; gap: 18px; }
section#about .about-wrap .caption-wrap .caption p { font-family: "Inter", sans-serif; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
section#about .about-wrap .caption-wrap .caption strong { font-weight: 700; }
section#about .about-wrap .image-caption { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 60px 0; }
section#about .about-wrap .image-caption .image { width: 100%; display: flex; justify-content: center; margin: 0 auto 60px; }
section#about .about-wrap .image-caption .image img { width: 100%; display: flex; object-fit: cover; object-position: center; }
section#about .about-wrap .image-caption .image img.mobile-img { display: none; }
section#about .about-wrap .image-caption .title { font-family: "Montserrat", sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin: 0 auto; }
section#about .about-wrap .image-caption p { font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; margin: 18px auto 0; }
section#about .about-wrap .three-col-box { width: 100%; display: inline-block; vertical-align: top; padding: 23px 0 30px; }
section#about .about-wrap .three-col-box .tcb-wrap { width: 100%; display: flex; gap: 60px; }
section#about .about-wrap .three-col-box .tcb-wrap .tcb-col { width: calc(100% / 3); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; text-align: center; }
section#about .about-wrap .three-col-box .tcb-wrap .tcb-col .number { width: 100%; max-width: 76px; font-size: 26px; font-style: normal; font-weight: 400; line-height: normal; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100%; padding: 21.5px 22px; }
section#about .about-wrap .three-col-box .tcb-wrap .tcb-col .title { width: 100%; font-family: "Montserrat", sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; flex: 1; }
section#about .about-wrap .three-col-box .tcb-wrap .tcb-col .text { width: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; padding: 0; }
section#about .about-wrap .three-col-box .cta { width: max-content; margin: 60px auto 0; }
section#about .about-wrap .three-col-box .cta a { height: 47px; display: flex; justify-content: center; align-items: center; font-weight: 500; line-height: normal; text-transform: uppercase; text-decoration: unset; border-radius: 110px; border: 0.5px solid rgba(255, 255, 255, 0.20); color: #ffffff; padding: 13px 17.45px; }
section#about .about-wrap .three-col-box .cta a.view-btn { position: relative; z-index: 0; height: 56px; overflow: hidden; border: none !important; padding: 0 !important; color: #ffffff; background-color: #000000; border-radius: 110px; width: 156px; text-align: center; font-size: 14px; font-weight: 400; box-shadow: 0 4px 50px 0 rgb(0 0 0 / 7%); transition: .2s all linear; text-decoration: initial; }
section#about .about-wrap .three-col-box .cta a.view-btn span { position: relative; z-index: 1; height: calc(100% - 4px); width: calc(100% - 4px); top: 0; left: 0; align-items: center; display: flex; justify-content: center; border-radius: 110px; color: #ffffff; background-color: #000000; border: 0.5px solid rgba(255, 255, 255, 0.20); }
section#about .about-wrap .three-col-box .cta a.view-btn:after { content: ""; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%; height: 200%; background-color: transparent; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 35%) bottom right / 15% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 45%) bottom left / 20% 40% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 5% 50% no-repeat, linear-gradient(to top right, #FFF -3%, rgba(255, 44, 44, 0.50) 40%) top right / 44% 44% no-repeat; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }
section#about .about-wrap .three-col-box .cta a.view-btn:hover { transition: unset; }
section#about .about-wrap .three-col-box .cta a.view-btn:hover:after { animation: unset; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top right / 50% 50% no-repeat; }
section#about .about-wrap .image-sec { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0; }
section#about .about-wrap .image-sec .full-width { width: 100%; display: inline-block; vertical-align: top; margin: 0 auto 20px; }
section#about .about-wrap .image-sec .full-width img { width: 100%; display: flex; object-fit: cover; object-position: center; }
section#about .about-wrap .image-sec .full-width img.mobile-img { display: none; }
section#about .about-wrap .image-sec .image-wrap { width: 100%; display: flex; gap: 20px; }
section#about .about-wrap .image-sec .image-wrap .image-col { width: calc(100% / 3); display: flex; }
section#about .about-wrap .image-sec .image-wrap .image-col img { width: 100%; height: 519px; display: flex; object-fit: cover; object-position: center; }

section#about .about-wrap .faq { width: 100%; display: inline-block; vertical-align: top; padding: 30px 0 0; }
section#about .about-wrap .faq .main-title { width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 18px; text-align: center; margin: 0 auto 60px; }
section#about .about-wrap .faq .main-title .title { font-family: "Montserrat", sans-serif; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; color: #FFF; }
section#about .about-wrap .faq .main-title p { font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.accordion-item { border-top: 1px solid #3f3f3f; }
.accordion-item:first-child { border-top: none; }
.accordion-header { display: flex; justify-content: space-between; padding: 50px 26px; cursor: pointer; transition: background 0.3s; }
.accordion-header:hover { background-color: #29292980; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, background-color: #292929; transition: background-color 400ms ease-out; padding: 0 15px; }
.accordion-item.active .accordion-content { max-height: max-content !important; padding: 5px 0 63px !important; }
.accordion-item.active .accordion-header { background-color: #292929; transition: background-color 400ms ease-out; }
.accordion-item.active { background-color: #292929; transition: background-color 400ms ease-out; }
.accordion-header .accordion-info { display: flex; align-items: center; gap: 181px; margin: 0; }
.accordion-header .accordion-info .accordion-user { display: flex; align-items: center; gap: 17px; }
.accordion-header .accordion-info .accordion-user .user-nt { display: flex; align-items: center; gap: 17px; }
.accordion-header .accordion-info .accordion-user img.user-img { width: 50px; height: 50px; display: flex; border: 1px solid rgba(255, 255, 255, 0.12); background: lightgray 50% / cover no-repeat; border-radius: 100%; }
.accordion-header .accordion-info .accordion-user span.user-name { font-family: "Montserrat", sans-serif; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; }
.accordion-header .accordion-info .accordion-user span.user-title { font-family: "Montserrat", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.accordion-header .text-arrow { display: flex; align-items: center; gap: 15px; margin: 0; position: relative; z-index: 1; }
.accordion-header .text-arrow .hover { width: max-content; font-style: normal; font-weight: 400; line-height: normal; position: absolute; right: 39px; opacity: 0; }
.accordion-header .text-arrow .close { width: max-content; font-family: "Montserrat", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; position: absolute; right: 39px; opacity: 0; }
.accordion-header:hover .text-arrow .hover { opacity: 1; }
.accordion-item.active .accordion-header .text-arrow .close { opacity: 1; }
.accordion-item.active .accordion-header .text-arrow .hover { opacity: 0; }
.accordion-header .text-arrow .arrow { width: 24px; display: flex; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; }
.accordion-item.active .accordion-header .text-arrow .arrow { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg); transform-style: preserve-3d; }
.accordion-item.active .accordion-content .content { width: calc(100% - 282px); max-width: 903px; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; margin-left: 282px; position: inherit; }
.accordion-header .accordion-info span.accordion-number { width: 76px; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 100%; padding: 25px 24px; }
.accordion-header { position: relative; overflow: hidden; }
.accordion-header:before { z-index: 2; background-color: #29292980; width: 100%; height: 100%; display: block; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; transform: translateY(-100%); transition: transform 0.5s ease-in-out; content: ''; }
.accordion-header:hover:before { transform: translateY(0); }
.accordion-header:hover:before { transform: translateY(100%); }   
.accordion-item.active .accordion-header:before { transform: 0; transition: unset; z-index: -1; }
.accordion-item.active .accordion-header:hover:before { transform: unset; }   
.accordion-item.active .accordion-header:hover:before { transform: unset; }   
/* ===== about-css-end ===== */
  
/* ===== contact-css-being ===== */    
section#contact { width: 100%; display: inline-block; vertical-align: top; padding: 70px 0 130px; position: relative; z-index: 1; }
.contact-wrap { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 50px 50px 0; position: relative; }
.contact-wrap .contact-form { width: calc(100% - 452px); margin: 0; }
.contact-wrap .contact-form .form-title { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 40px; }
.contact-wrap .contact-form .form-title .title { width: 100%; max-width: 608px; font-family: "Montserrat", sans-serif; font-size: 51px; font-style: normal; font-weight: 600; line-height: normal; margin: 0 0 18px; }
.contact-wrap .contact-form .form-title p { width: 100%; max-width: 760px; display: inline-block; vertical-align: top; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; }
.contact-wrap .contact-form form { width: 100%; display: inline-block; vertical-align: top; }
.contact-wrap .contact-form form .field-wrap { width: 100%; height: 150px; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #242424; }
.contact-wrap .contact-form form .field-wrap label { width: 233px; font-family: "Montserrat", sans-serif; display: flex; align-items: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; margin: 0; }
.contact-wrap .contact-form form .field-wrap label:before { content: ""; width: 10px; height: 10px; background-color: #C4C4C4; border-radius: 100%; margin-left: 33px; margin-right: 13px; }
.contact-wrap .contact-form form .field-wrap input { width: calc(100% - 233px); height: 32px; font-family: "Montserrat", sans-serif; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; background-color: transparent; border: unset; padding: 0; margin: 0; }
.contact-wrap .contact-form form .field-wrap input::placeholder { color: #656565; }
.contact-wrap .contact-form form .field-wrap textarea { width: calc(100% - 233px); height: 32px; font-family: "Montserrat", sans-serif; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; background-color: transparent; border: unset; resize: none; height: 32px !important; max-height: 100%; box-sizing: border-box; padding: 0; margin: 0; }
.contact-wrap .contact-form form .field-wrap textarea::placeholder { color: #656565; }
.contact-wrap .contact-form form .submit-btn { position: relative; z-index: 0; height: 56px; overflow: hidden; border: none !important; padding: 0 !important; color: #ffffff; background-color: #000000; border-radius: 110px; width: 150px; text-align: center; font-size: 14px; font-weight: 400; float: right; box-shadow: 0 4px 50px 0 rgb(0 0 0 / 7%); transition: .2s all linear; text-decoration: initial; margin: 64px 0 0; }
.contact-wrap .contact-form form .submit-btn .btn-wrap { position: relative; z-index: 1; height: 56px; width: 100%; top: 0; left: 0; align-items: center; display: flex; justify-content: center; border-radius: 110px; color: #ffffff; background-color: #000000; border: unset; cursor: pointer; }
.contact-wrap .contact-form form .submit-btn .btn-wrap input[type="submit"] { height: calc(100% - 4px); width: calc(100% - 4px); top: 0; left: 0; align-items: center; display: flex; justify-content: center; border-radius: 110px; color: #ffffff; background-color: #000000; border: 0.5px solid rgba(255, 255, 255, 0.20); text-transform: uppercase; cursor: pointer; }
.contact-wrap .contact-form form .submit-btn .btn-wrap:after { content: ""; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%; height: 200%; background-color: transparent; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 35%) bottom right / 15% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 45%) bottom left / 20% 40% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 5% 50% no-repeat, linear-gradient(to top right, #FFF -3%, rgba(255, 44, 44, 0.50) 40%) top right / 44% 44% no-repeat; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }
.contact-wrap .contact-form form .submit-btn .btn-wrap:hover { transition: unset; }
.contact-wrap .contact-form form .submit-btn .btn-wrap:hover:after { animation: unset; background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, rgba(255, 44, 44, 0.50) 50%) top right / 50% 50% no-repeat; }

.contact-wrap .contact-detail { width: 329px; margin: 0; }
.contact-wrap .contact-detail .info { width: 100%; display: flex; flex-direction: column; gap: 28px; }
.contact-wrap .contact-detail .info .icon-text { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
.contact-wrap .contact-detail .info .icon-text a { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 26px; text-decoration: unset; }
.contact-wrap .contact-detail .info .icon-text a .icon { width: 76px; height: 76px; display: flex; border-radius: 100%; margin: 0; }
.contact-wrap .contact-detail .info .icon-text a .icon img { display: flex; object-fit: cover; object-position: center; border-radius: 100%; }
.contact-wrap .contact-detail .info .icon-text a .text { font-family: "Montserrat", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; color: #ffffff; word-break: break-word; margin: 0; }
.contact-wrap .contact-detail .info .icon-text:last-child a { cursor: unset; }
.contact-wrap .contact-detail .info .icon-text:last-child a .text { text-transform: uppercase; word-break: break-word; }
.contact-wrap .contact-detail .info .icon-text a:hover .icon { background-color: #161616; }
.contact-wrap .contact-detail .info .icon-text a:hover .text { color: #FF2C2C; }
.contact-wrap .contact-detail .info .icon-text a:hover { transition: background 0.3s; }
.contact-wrap .contact-detail .social { width: 100%; display: inline-block; vertical-align: top; margin: 60px 0 0; }
.contact-wrap .contact-detail .social .title { width: 100%; display: inline-block; vertical-align: top; font-family: "Montserrat", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; color: #ffffff; margin: 0 0 28px; }
.contact-wrap .contact-detail .social .social-wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 5px; }
.contact-wrap .contact-detail .social .social-wrap .media { width: 76px; margin: 0; }
.contact-wrap .contact-detail .social .social-wrap .media a { width: 100%; display: flex; }
.contact-wrap .contact-detail .social .social-wrap .media a .icon { width: 100%; display: flex; border-radius: 100%; }
.contact-wrap .contact-detail .social .social-wrap .media a:hover { transition: background 0.3s; }
.contact-wrap .contact-detail .social .social-wrap .media a:hover .icon { background-color: #161616; }
.contact-wrap .contact-detail .social .social-wrap .media a .icon img { width: 100%; display: flex; object-fit: cover; object-position: center; border-radius: 100%; }
/* ===== contact-css-end ===== */