.creative-fullpage--slider img {
     -ms-interpolation-mode: bicubic;
     border: 0;
     vertical-align: middle;
     max-width: 100%;
     height: auto;
 }

 /* ============ Full Page Slider ================= */
 .creative-fullpage--slider {
     background-color: #ffffff;
     z-index: 2;
     width: 100%;
     position: relative;
     flex-direction: column;
     height: 100vh;
     font-size: 16px;
     display: flex;
     clip-path: none !important;
 }

 .creative-fullpage--slider .slider-inner {
     background: #000;
     height: 100vh;
     position: relative;
 }

 .creative-fullpage--slider .swiper-slide {
     position: relative;
     display: flex;
     justify-content: center;
     text-align: left;
     flex-direction: column;
     overflow: hidden;
 }

 .creative-fullpage--slider .swiper-slide .slider-inner img {
     object-fit: cover;
     width: 100%;
     height: 100vh;
 }

 .creative-fullpage--slider .swiper-slide .slider-inner video {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
     position: absolute;
     top: 50%;
     left: 50px;
     z-index: 1;
 }

 .creative-fullpage--slider .swiper-slide .slider-inner::after {
     content: "";
     position: absolute;
     width: 101%;
     height: 100%;
     top: 0;
     left: -1px;
     background-color: transparent;
     background-image: radial-gradient(at center right, #00000071 50%, #000000 100%);
 }

 .swiper-slide .slider-inner .swiper-content .title-area .tag {
     color: #ffffff;
     font-weight: 900;
     font-size: 30px;
     margin-bottom: 10px;
     margin-top: 0px;
 }

 .swiper-slide .slider-inner .swiper-content .title-area .title {
     margin-top: 50px;
     color: #fff;
     font-size: 6vw;
     font-weight: 900;
     line-height: 1.1;
     text-transform: uppercase;
     margin-bottom: 50px;
     margin-left: -12px;
     text-decoration: none;
 }

 .swiper-slide .slider-inner .swiper-content p.disc {
     font-size: 25px;
     width: 100%;
     margin-top: 15px;
     margin: 20px 0px 40px 0px;
     font-weight: bolder;
     line-height: 32px;
     color: #FFFFFF;
 }

 .creative-btn--wrap .creative-slide--btn {
     color: #ffffff;
     margin-left: 18px;
     font-size: 1.4em;
     transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1);
     font-weight: 400;
     display: inline-flex;
     position: relative;
     white-space: nowrap;
     text-decoration: none;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     user-select: none;
     outline: none;
     outline-color: transparent;
     box-shadow: none;
     will-change: transform;
     backface-visibility: hidden;
 }

 .creative-btn--circle .circle {
     position: absolute;
     right: calc(100% - 10px);
     top: 0;
     bottom: 0;
     margin: auto;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     clip-path: circle(25% at 50% 50%);
     transition: clip-path 500ms cubic-bezier(0.49, 0, 0.01, 1);
 }

 .creative-btn--circle .circle .circle-fill {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border-radius: 100%;
     background-color: #ffffff;
     will-change: transform;
     transform: scale(0);
     z-index: 1;
     transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1), background-color 500ms cubic-bezier(0.49, 0, 0.01, 1);
 }

 .creative-btn--circle .circle-icon {
     transform: translate(-100%, 0%);
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     z-index: 2;
     transition: all 500ms cubic-bezier(0.49, 0, 0.01, 1);
 }

 .creative-btn--circle .circle-icon .icon-arrow {
     width: 20px;
     height: 20px;
     stroke: none;
     fill: #000;
 }

 .creative-btn--circle .circle-outline {
     fill: transparent;
     width: 10px;
     stroke: #ffffff;
 }

 .creative-btn--wrap .creative-slide--btn .creative-btn--label {
     margin-left: 4pt;
     transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);
 }

 .creative-btn--wrap .creative-slide--btn .creative-btn__border {
     position: absolute;
     left: 4pt;
     right: 0;
     bottom: 0;
     height: 1px;
     background: currentColor;
     transform-origin: right;
     transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);
 }

 .creative-btn--wrap .creative-slide--btn:hover .creative-btn--label {
     transform: translateX(18px);
 }

 .creative-btn--wrap .creative-slide--btn:hover .creative-btn__border {
     transform: scale(0, 1);
 }

 .creative-btn--wrap .creative-slide--btn:hover {
     margin-left: 38px !important;
 }

 .creative-btn--wrap .creative-slide--btn:hover .circle {
     clip-path: circle(50% at 50% 50%);
 }

 .creative-btn--wrap .creative-slide--btn:hover .circle-fill {
     transform: scale(1, 1);
 }

 .creative-btn--wrap .creative-slide--btn:hover .circle-icon {
     transform: translate(0%, 0%);
     opacity: 1;
 }

 .creative-fullpage--slider .swiper-container-h .swiper-button-next,
 .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
     bottom: 5%;
     top: unset;
     transform: scale(1);
     transition: all 0.4s;
     background-color: #FFFFFF00;
     backdrop-filter: blur(20px);
     height: 50px;
     width: 50px;
     line-height: 50px;
     border-radius: 50%;
     transition: all 0.4s;
 }

 .creative-fullpage--slider .swiper-container-h .swiper-button-next {
     right: 50px;
 }

 .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
     left: 50px;
 }

 .swiper-container-h .slider-pagination-area {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: unset;
     right: unset;
     bottom: 60px;
     left: 50% !important;
     transform: translateX(-50%);
     width: 500px;
     z-index: 1;
 }

 .swiper-container-h .slider-pagination-area .slide-range {
     font-size: 16px;
     font-weight: 500;
     margin: 0 15px;
     color: #ffffff;
     line-height: 0;
     position: absolute;
     font-size: 20px;
 }

 .swiper-container-h .slider-pagination-area .slide-range.one {
     left: -50px;
 }

 .swiper-container-h .slider-pagination-area .slide-range.three {
     right: -50px;
 }

 .swiper-container-h .slider-pagination-area .swiper-pagination {
     bottom: 0 !important;
     width: 500px !important;
 }

 .swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill {
     background: #ffffff;
 }

 .swiper-container-h .swiper-button-next::after {
     content: "\f061";
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900);
     background: none;
     color: #ffffff;
     font-size: 30px;
 }

 .swiper-container-h .swiper-button-prev::after {
     content: "\f060";
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900);
     background: none;
     color: #ffffff;
     font-size: 30px;
 }

 .swiper-container-h .swiper-button-next:hover,
 .swiper-container-h .swiper-button-prev:hover {
     background: #FFFFFF0D;
 }


 /* ====================== Responsive Ipad =============================== */
 @media (max-width: 991px) {
     .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
         width: 100%;
         text-align: center;
         left: 0;
     }

     .creative-fullpage--slider .swiper-container-h .swiper-button-next,
     .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
         height: 50px;
         width: 50px;
         line-height: 50px;
     }

     .swiper-container-h .slider-pagination-area {
         width: 200px !important;
     }

     .swiper-container-h .swiper-button-next::after,
     .swiper-container-h .swiper-button-prev::after {
         font-size: 30px;
     }

     .creative-fullpage--slider .swiper-container-h .swiper-button-next,
     .creative-fullpage--slider .swiper-container-h .swiper-button-prev {
         background: #ffffff3b;
     }

     .swiper-container-h .slider-pagination-area .swiper-pagination {
         bottom: 0 !important;
         width: 200px !important;
     }
 }

 /* ====================== Responsive Iphone =============================== */
 @media screen and (max-width: 767px) {
     .swiper-slide .slider-inner .swiper-content .title-area .title {
         font-size: 64px;
     }

     .swiper-slide .slider-inner .swiper-content .title-area .tag {
         margin-bottom: 0px;
     }

     .swiper-slide .slider-inner .swiper-content p.disc {
         margin: 20px auto 20px auto;
         font-size: 16px;
         width: 95%;
     }

     .swiper-container-h .slider-pagination-area {
         display: none;
     }

     .swiper-slide .slider-inner .swiper-content p.disc br {
         display: none;
     }
 }



 h2.main-title {
     color: #64ac00;
     margin-top: 40px;
 }

 .sub-title {
     color: #333;
     margin-bottom: 20px;
 }

 p,
 span {
     font-size: 1.125rem;
 }

 .faqs .accordion-button::after {
     transition: all 0.5s;
 }

 .faqs .accordion-item {
     border: 1px solid #ddd;
 }

 .faqs .accordion-button {
     font-weight: bold;
     border: none !important;
     font-size: 1.125rem;
 }

 .faqs .accordion-collapse {
     color: black !important;
     border-top: none !important;
     border: 1px solid #64ac00;
 }


 .faqs .accordion-button:focus {
     box-shadow: none !important;
 }

 .faqs .accordion-button:not(.collapsed) {
     background-color: transparent !important;
     color: #64ac00 !important;
     border: 1px solid #64ac00 !important;
     border-bottom: none !important;
     box-shadow: none !important;
 }

  .faqs ul {
    padding: 0px !important;
  }