html.lenis,
 html.lenis body {
     height: auto;
 }

 .lenis.lenis-smooth {
     scroll-behavior: auto !important;
 }

 .lenis.lenis-smooth [data-lenis-prevent] {
     overscroll-behavior: contain;
 }

 .lenis.lenis-stopped {
     overflow: hidden;
 }

 .lenis.lenis-scrolling iframe {
     pointer-events: none;
 }

 .elementor img {
     display: block;
 }

 .elementor svg {
     fill: currentColor;
 }

 .elementor-element.e-parent {
     overflow-x: clip;
 }

 .widget-posts-list li:before {
     display: none;
 }

 .widget-posts-list li {
     width: 100%;
     overflow: hidden;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     align-items: center;
     padding-left: 0 !important;
 }

 .widget-posts-list li .widget-post-thumb {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
 }

 .widget-posts-list li .widget-post-thumb .thumb {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 80px;
     height: 70px;
     margin: 0;
     border-radius: 15px;
 }

 .widget-posts-list.circle li .widget-post-thumb .thumb {
     width: 70px;
     border-radius: 50%;
 }

 .widget-posts-list li .widget-post-thumb img {
     width: 100%;
 }

 .widget-posts-list li .widget-post-content {
     padding-left: 1.2rem !important;
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }

 .rtl .widget-posts-list li .widget-post-content {
     padding-left: 0 !important;
     padding-right: 1.2rem !important;
 }

 .widget-posts-list li .widget-post-content a {
     font-family: var(--kidden-primary-font, 'Syne');
     color: var(--kidden-dark-color, #000000);
     font-size: 18px;
     font-weight: 700;
     line-height: 22px;
     letter-spacing: -0.5px;
     display: block;
 }

 .dark .widget-posts-list li .widget-post-content a {
     color: var(--kidden-grey-light-color, '#b8b8b8');
 }

 .widget-posts-list li .widget-post-content a:hover {
     color: var(--kidden-primary-color, #ff8851);
     text-decoration: underline;
 }

 .widget-posts-list li .widget-post-content .post-date {
     font-family: var(--kidden-secondary-font, 'DM Sans');
     color: var(--kidden-primary-color, #545454);
     font-size: 14px;
     text-transform: uppercase;
     line-height: 1;
     font-weight: 600;
     letter-spacing: 0;
     display: block;
     margin-top: 10px;
 }

 .dark .widget-posts-list li .widget-post-content .post-date {
     color: var(--kidden-grey-light-color, '#b8b8b8');
 }

 .widget .widget-posts-list li:not(:last-of-type) {
     margin-bottom: 20px;
 }

 .dl-carousel {
     height: 300px;
     overflow: hidden;
     margin: -10px;
 }

 .dl-carousel .slick-list {
     padding: 10px;
 }

 .elementor-widget-kidden-sponsor-carousel .dl-carousel {
     height: 100px;
 }

 .carousel-preloader {
     background-color: rgba(255, 255, 255, 0.98);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 10;
 }

 .carousel-preloader .dot-flashing {
     position: relative;
     width: 8px;
     height: 8px;
     border-radius: 5px;
     background-color: var(--kidden-primary-color, #ff8851);
     color: #fff;
     animation: dotFlashing 1s infinite linear alternate;
     animation-delay: .5s;
 }

 .carousel-preloader .dot-flashing::before,
 .carousel-preloader .dot-flashing::after {
     content: '';
     display: inline-block;
     position: absolute;
     top: 0;
 }

 .carousel-preloader .dot-flashing::before {
     left: -15px;
     width: 8px;
     height: 8px;
     border-radius: 5px;
     background-color: var(--kidden-primary-color, #ff8851);
     color: #fff;
     animation: dotFlashing 1s infinite alternate;
     animation-delay: 0s;
 }

 .carousel-preloader .dot-flashing::after {
     left: 15px;
     width: 8px;
     height: 8px;
     border-radius: 5px;
     background-color: var(--kidden-primary-color, #ff8851);
     color: #fff;
     animation: dotFlashing 1s infinite alternate;
     animation-delay: 1s;
 }

 @keyframes dotFlashing {
     0% {
         opacity: 1;
     }

     50%,
     100% {
         opacity: 0.5;
     }
 }

 .elementor-widget-kidden-sponsor-carousel .slick-initialized,
 .slick-initialized {
     height: auto;
 }

 .slick-initialized .carousel-preloader {
     opacity: 0;
     visibility: hidden;
     transition: all 0.2s linear;
 }

 .slick-next.nav-hidden,
 .slick-prev.nav-hidden {
     display: none;
 }

 .dl-carousel-nav button {
     background-color: var(--kidden-primary-color, #ff8851);
     padding: 0;
     width: 60px;
     height: 45px;
     border-radius: 2px;
     font-size: 20px;
     line-height: 1;
     color: #fff;
     transition: all 0.2s ease-in-out;
 }

 .nav-centered.dl-carousel-nav button {
     width: 45px;
     height: 45px;
     border-radius: 15px;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .nav-centered.dl-carousel-nav button.slick-next {
     left: auto;
     right: 0;
     transform: translate(50%, -50%);
 }

 .dl-carousel-nav button:not(.slick-disabled):hover {
     background-color: var(--kidden-secondary-color, #089fac);
 }

 .nav-centered.dl-carousel-nav button svg {
     width: 20px;
     height: 20px;
     margin-top: 2px;
 }

 .dl-carousel-nav button.slick-disabled {
     cursor: not-allowed;
     opacity: 0.1;
 }

 .navi-top-right .slick-slider {
     padding-top: 50px;
 }

 .dl-carousel-nav.nav-top-right {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     column-gap: 5px;
     position: absolute;
     right: 0;
     top: 0;
 }

 .rtl .dl-carousel-nav.nav-top-right {
     right: auto;
     left: 0;
 }

 .dl-carousel-dots {
     display: block;
     margin-top: 30px;
 }

 .dl-carousel-dots .slick-dots {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     column-gap: 10px;
 }

 .dl-carousel-dots .slick-dots li {
     display: block;
     width: 10px;
     height: 10px;
     cursor: pointer;
 }

 .dl-carousel-dots .slick-dots li span {
     background-color: #bbb;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     display: block;
     cursor: pointer;
     transition: all 0.3s ease-in-out;
 }

 .dl-carousel-dots .slick-dots li.slick-active span {
     background-color: var(--kidden-primary-color, #ff8851);
     box-shadow: 0px 0px 0px 3px rgba(75, 131, 255, 0.5);
 }

 @media (max-width: 992px) {
     .dots-none.dl-carousel-dots {
         display: none;
     }

     .nav-none.dl-carousel-nav {
         display: none;
     }
 }

 .adv-bg {
     background-color: #f5f5f5;
     width: 50%;
     height: 100%;
     position: absolute;
 }

 .adv-overlay-bg {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
 }

 .dl-el-items .dl-el-item {
     --kidden-list-icon-width: 60px;
     display: grid;
     grid-template-columns: var(--kidden-list-icon-width) 1fr;
     align-items: flex-start;
     grid-gap: 20px;
 }

 .layout-block .dl-el-items .dl-el-item:not(:last-of-type) {
     margin-bottom: 20px;
 }

 .dl-el-items.no-icon .dl-el-item,
 .list-top .dl-el-items .dl-el-item {
     grid-template-columns: 1fr;
 }

 .list-top .dl-el-items .dl-el-item .dl-el-list-icon {
     width: var(--kidden-list-icon-width);
 }

 .dl-el-items .dl-el-item .dl-el-list-icon {
     background-color: var(--kidden-primary-color, #ff8851);
     width: 100%;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 30px;
     color: #ffffff;
 }

 .dl-el-items .dl-el-item .dl-el-list-icon svg,
 .dl-el-items .dl-el-item .dl-el-list-icon img {
     width: 30px;
     height: auto;
 }

 .dl-el-items .dl-el-item .dl-el-list-icon svg {
     fill: #ffffff;
 }

 .dl-el-items .dl-el-item .dl-el-list-content h3 {
     margin: 0 0 5px;
     font-size: 18px;
     line-height: 1;
     color: var(--kidden-dark-color, #111521);
 }

 .dl-el-items .dl-el-item .dl-el-list-content p {
     font-size: 17px;
     line-height: 28px;
     letter-spacing: -0.2px;
     color: var(--kidden-grey-color, #666666);
     margin: 0;
 }

 .el-social-items {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
 }

 .el-social-items a {
     display: inline-block;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
     line-height: 1;
     color: #fff;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: all 0.3s ease-in-out;
 }

 .el-social-items a svg {
     fill: #fff;
     width: 16px;
     transition: all 0.3s ease-in-out;
 }

 .el-social-items.style-1 a {
     background-color: var(--kidden-primary-color, #ff8851);
 }

 .el-social-items a:focus,
 .el-social-items a:hover {
     color: #fff;
     transition: all 0.3s ease-in-out;
 }

 .el-social-items a:focus svg,
 .el-social-items a:hover svg {
     fill: #fff;
 }

 .el-social-items.style-1 a:before,
 .el-social-items.style-1 a:after {
     background-color: var(--kidden-bg-dark, #17172f);
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     z-index: -1;
 }

 .el-social-items.style-1 a:before,
 .el-social-items.style-1 a:after {
     height: 50%;
     width: 0;
 }

 .el-social-items.style-1 a:after {
     left: auto;
     right: 0;
     top: auto;
     bottom: 0;
 }

 .el-social-items.style-1 a:focus:before,
 .el-social-items.style-1 a:focus:after,
 .el-social-items.style-1 a:hover:before,
 .el-social-items.style-1 a:hover:after {
     width: 100%;
 }

 .el-social-items.style-2 a {
     background-color: transparent;
     overflow: hidden;
 }

 .el-social-items.style-2 a:before {
     content: "";
     z-index: 1;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
 }

 .el-social-items.style-2 a:after {
     content: "";
     z-index: -2;
     position: absolute;
     left: 3px;
     top: 3px;
     width: 100%;
     height: 100%;
     transition: all 0.3s 0.2s;
 }

 .el-social-items.style-2 a:hover {
     color: #FFFFFF;
 }

 .el-social-items.style-2 a:hover svg {
     fill: #fff;
 }

 .el-social-items.style-2 a:hover:after {
     transition: all 0.3s;
     left: 0;
     top: 0;
 }

 .blob-dl-btn__inner {
     z-index: -1;
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: var(--kidden-primary-color, #ff8851);
     border-radius: 2px;
     transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }

 .blob-dl-btn__blobs {
     position: relative;
     display: block;
     height: 100%;
 }

 .blob-dl-btn__blob {
     position: absolute;
     top: 2px;
     width: 25%;
     height: 100%;
     background: var(--kidden-bg-dark, #17172f);
     border-radius: 100%;
     transform: translate3d(0, 150%, 0) scale(1.7);
     transition: transform 0.45s;
 }

 .blob-dl-btn__blob:nth-child(1) {
     left: 0%;
     transition-delay: 0s;
 }

 .blob-dl-btn__blob:nth-child(2) {
     left: 30%;
     transition-delay: 0.08s;
 }

 .blob-dl-btn__blob:nth-child(3) {
     left: 60%;
     transition-delay: 0.16s;
 }

 .blob-dl-btn__blob:nth-child(4) {
     left: 90%;
     transition-delay: 0.24s;
 }

 .el-social-items.style-2 a:hover .blob-dl-btn__blob {
     transform: translateZ(0) scale(1.7);
 }

 .clearfix::after {
     display: block;
     clear: both;
     content: "";
 }

 .el-post-pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     margin-top: 40px;
 }

 .el-post-pagination span,
 .el-post-pagination a {
     background-color: var(--kidden-white-color, #ffffff);
     border: 1px solid #eee;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     color: var(--kidden-dark-color, #111521);
     border-radius: 2px;
     margin: 0 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: visible;
 }

 .el-post-pagination a:hover,
 .el-post-pagination span.current {
     background-color: var(--kidden-primary-color, "#ff8851");
     color: var(--kidden-white-color, #ffffff);
 }

 .el-post-pagination a svg {
     width: 20px;
 }

 .rtl .el-post-pagination a.next,
 .rtl .el-post-pagination a.prev {
     transform: rotate(180deg);
 }

 .dl-widget-about .widget-brand img {
     max-width: 100%;
 }

 .footer-widgets-area .dl-widget-about .widget-brand img {
     max-width: 150px;
 }

 .footer-widgets-area .dl-widget-about p {
     color: var(--kidden-grey-color, #666666);
 }

 .dark .footer-widgets-area .dl-widget-about p {
     color: var(--kidden-grey-light-color, #b8b8b8);
 }

 @media (max-width: 992px) {
     .footer-widgets-area .dl-widget-about .widget-brand img {
         max-width: 200px;
     }
 }

 .dl-widget-about .wt-social-icons {
     list-style: none;
     margin: 30px 0 0;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 7px;
     flex-wrap: wrap;
 }

 .dl-widget-about .wt-social-icons li:not(:last-of-type) {
     padding: 0;
     margin: 0;
 }

 .dl-widget-about .wt-social-icons li a {
     color: var(--kidden-dark-color);
     font-size: 17px;
     width: 40px;
     height: 40px;
     line-height: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }

 .dl-widget-about .wt-social-icons li a.blob-effect .blob-dl-btn__inner,
 .dl-widget-about .wt-social-icons li a:not(.blog-effect) {
     background-color: var(--kidden-bg-grey, #fff);
 }

 .dark .dl-widget-about .wt-social-icons li a {
     background-color: #222;
     color: #ddd;
 }

 .dl-widget-about .wt-social-icons li a svg {
     fill: currentColor;
     width: auto;
     height: 16px;
 }

 .dl-widget-about .wt-social-icons li a:not(.blob-effect):after {
     background-color: var(--kidden-primary-color);
     width: 100%;
     height: 0;
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
     visibility: hidden;
     opacity: 0;
     transition: 0.4s;
 }

 .dl-widget-about .wt-social-icons li a:hover {
     color: #fff;
 }

 .dl-widget-about .wt-social-icons li a:not(.blob-effect):after {
     height: 100%;
     opacity: 1;
     visibility: visible;
 }

 .mc4wp-form-widget ul.mc-social-icons li.facebook a {
     background-color: #1877f2;
 }

 .mc4wp-form-widget ul.mc-social-icons li.twitter a {
     background-color: #1da1f2;
 }

 .mc4wp-form-widget ul.mc-social-icons li.instagram a {
     background-color: #c13584;
 }

 .mc4wp-form-widget ul.mc-social-icons li.pinterest a {
     background-color: #e60023;
 }

 .mc4wp-form-widget ul.mc-social-icons li.linkedin a {
     background-color: #0077b5;
 }

 .mc4wp-form-widget ul.mc-social-icons li.behance a {
     background-color: #1769ff;
 }

 .mc4wp-form-widget ul.mc-social-icons li.youtube a {
     background-color: #ff0000;
 }

 .mc4wp-form-widget ul.mc-social-icons li.dribbble a {
     background-color: #ea4c89;
 }

 .mc4wp-form-widget ul.mc-social-icons li.flickr a {
     background-color: #ff0084;
 }

 .mc4wp-form-widget ul.mc-social-icons li a:hover {
     color: #fff;
 }

 .widget .contact-info-list {
     width: 100%;
     margin: 0;
     padding: 0;
 }

 .widget .contact-info-list li {
     width: 100%;
 }

 .footer-widget-item .widget.widget_nav_menu ul li a,
 .widget .contact-info-list li a {
     font-weight: 500;
 }

 .widget li.menu-item:before {
     background-color: var(--kidden-primary-color);
     width: 5px;
     height: 5px;
     border-radius: 50%;
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .widget li.menu-item a {
     padding-left: 15px;
 }

 .widget .contact-info-list li:not(:last-of-type) {
     margin-bottom: 15px;
 }

 .widget .contact-info-list li .label {
     font-family: var(--kidden-primary-font, 'Syne');
     color: var(--kidden-primary-color, #666666);
     display: block;
     font-size: 18px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .widget .contact-info-list li,
 .widget .contact-info-list li a {
     color: var(--kidden-grey-color, #666666);
 }

 .dark .widget .contact-info-list li .label,
 .dark .widget .contact-info-list li,
 .dark .widget .contact-info-list li a {
     color: var(--kidden-grey-light-color, #b8b8b8);
 }

 .widget .contact-info-list li a:hover,
 .dark .widget .contact-info-list li a:hover {
     color: var(--kidden-primary-color, #ff8851);
 }

 .mc4wp-form-widget {
     overflow: hidden;
 }

 .mc4wp-form-widget label {
     font-size: 12px;
 }

 .mc4wp-form-widget input[type="email"] {
     background-color: var(--kidden-bg-grey);
     color: var(--kidden-dark-color, #000000);
     width: 100%;
     height: 60px;
     border-radius: 15px;
     outline: none;
     border: none;
     margin-bottom: 15px;
 }

 .dark .mc4wp-form-widget input[type="email"] {
     background-color: #222;
     border-color: #333;
     color: var(--kidden-white-color, "#fff");
 }

 .mc4wp-form-widget input[type="email"]:focus {
     color: var(--kidden-dark-color, #000000);
 }

 .dark .mc4wp-form-widget input[type="email"]:focus {
     color: var(--kidden-white-color, "#fff");
 }

 .mc4wp-form-widget input::-webkit-input-placeholder {
     color: #bbb !important;
 }

 .mc4wp-form-widget input:-moz-placeholder {
     color: #bbb !important;
 }

 .mc4wp-form-widget input::-moz-placeholder {
     color: #bbb !important;
 }

 .mc4wp-form-widget input:-ms-input-placeholder {
     color: #bbb !important;
 }

 .mc4wp-form-widget input[type="submit"] {
     background: var(--kidden-primary-color, #f15f25);
     width: 160px;
     line-height: 45px;
     min-height: 45px;
     padding: 0;
     transition: all 500ms ease;
     position: relative;
     z-index: 1;
 }

 .mc4wp-form-widget.style-1 button span {
     background-color: var(--kidden-primary-color, #ff8851);
 }

 .mc4wp-form-widget input[type="submit"]:hover {
     transform: translateY(-2px);
     transition: all 500ms ease;
 }

 .mc4wp-form-widget.style-2 .mc4wp-form-fields {
     position: relative;
 }

 .mc4wp-form-widget.style-2 input[type="email"] {
     background-color: var(--kidden-bg-grey);
     border-radius: 15px;
     border: none;
     padding: 0 80px 0 15px;
     margin-bottom: 0;
     line-height: 50px;
 }

 .dark .mc4wp-form-widget.style-2 input[type="email"] {
     background-color: #222;
     color: #ddd;
 }

 .mc4wp-form-widget.style-2 button,
 .mc4wp-form-widget.style-2 input[type="submit"] {
     background-color: var(--kidden-primary-color, '#ff8851');
     background-image: url(../img/send.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 30px;
     border-radius: 15px;
     width: 70px;
     height: 50px;
     position: absolute;
     right: 5px;
     top: 50%;
     text-indent: 9999px;
     transform: translateY(-50%);
 }

 .mc4wp-form-widget.style-2 button:before {
     display: none;
 }

 .mc4wp-form-submitted p {
     margin: 0;
 }

 .mc4wp-form-submitted .mc4wp-error,
 .mc4wp-form-submitted .mc4wp-success {
     margin-top: 20px;
     padding: 10px;
     line-height: 26px;
 }

 .mc4wp-form-submitted .mc4wp-success {
     border: 1px solid green;
     color: green;
 }

 .mc4wp-form-submitted .mc4wp-error {
     border: 1px solid red;
     color: red;
 }

 .dark .mc4wp-form-submitted .mc4wp-success p {
     color: green;
 }

 .dark .mc4wp-form-submitted .mc4wp-error p a,
 .dark .mc4wp-form-submitted .mc4wp-error p {
     color: red;
 }

 .mc4wp-form-widget .desc {
     margin-bottom: 0;
     margin-top: 15px;
     color: var(--kidden-grey-color, #666666);
 }

 .dark .mc4wp-form-widget .desc {
     color: var(--kidden-grey-light-color, '#b8b8b8');
 }

 .dark .mc4wp-form-widget .mc-social-icons,
 .mc4wp-form-widget .mc-social-icons {
     display: block;
     margin-top: 20px;
 }

 .mc4wp-form-widget .mc-social-icons li {
     display: inline-block;
     margin-bottom: 5px;
     padding: 0;
 }

 .mc4wp-form-widget .mc-social-icons li::before {
     display: none;
 }

 .mc4wp-form-widget .mc-social-icons li:not(:last-of-type) {
     margin-right: 5px;
     margin-bottom: 5px;
 }

 .mc4wp-form-widget .mc-social-icons li a {
     background-color: var(--kidden-dark, #000000);
     color: #ffffff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     line-height: 1;
     font-size: 16px;
     border-radius: 2px;
 }

 .mc4wp-form-widget .mc-social-icons li a svg {
     fill: currentColor;
     width: auto;
     height: 16px;
 }

 .mc4wp-form-widget .mc-social-icons li a:hover {
     opacity: 0.8;
 }

 .dark .mc4wp-error a {
     color: #ddd;
 }

 @-webkit-keyframes clip-text {
     from {
         -webkit-clip-path: inset(0 100% 0 0);
         clip-path: inset(0 100% 0 0);
     }

     to {
         -webkit-clip-path: inset(0 0 0 0);
         clip-path: inset(0 0 0 0);
     }
 }

 @keyframes clip-text {
     from {
         -webkit-clip-path: inset(0 100% 0 0);
         clip-path: inset(0 100% 0 0);
     }

     to {
         -webkit-clip-path: inset(0 0 0 0);
         clip-path: inset(0 0 0 0);
     }
 }

 @-webkit-keyframes text-revealer {

     0%,
     50% {
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
     }

     60%,
     100% {
         -webkit-transform-origin: 100% 50%;
         transform-origin: 100% 50%;
     }

     60% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
     }

     100% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
     }
 }

 @keyframes text-revealer {

     0%,
     50% {
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
     }

     60%,
     100% {
         -webkit-transform-origin: 100% 50%;
         transform-origin: 100% 50%;
     }

     60% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1);
     }

     100% {
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
     }
 }

 .animated.fadeInLeft {
     animation-name: elFadeInLeft;
 }

 @keyframes elFadeInLeft {
     from {
         opacity: 0;
         transform: translateX(-50px);
     }

     to {
         opacity: 1
     }
 }

 .animated.fadeInRight {
     animation-name: elFadeInRight;
 }

 @keyframes elFadeInRight {
     from {
         opacity: 0;
         transform: translateX(50px);
     }

     to {
         opacity: 1
     }
 }

 .animated.fadeInDown {
     animation-name: elFadeInDown;
 }

 @keyframes elFadeInDown {
     from {
         opacity: 0;
         transform: translateY(-50px);
     }

     to {
         opacity: 1
     }
 }

 .animated.fadeInUp {
     animation-name: elFadeInUp;
 }

 @keyframes elFadeInUp {
     from {
         opacity: 0;
         transform: translateY(50px);
     }

     to {
         opacity: 1
     }
 }

 .feed-item {
     position: relative;
     height: 180px;
     overflow: hidden;
     border-radius: 3px;
 }

 .feed-item img {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     object-position: center;
     display: block;
     transition: transform 0.3s ease;
 }

 .feed-item:hover img {
     transform: scale(1.1);
 }

 .feed-item a {
     background: linear-gradient(45deg, rgba(255, 106, 50, 0.9) 0%, rgba(8, 159, 172, 0.9) 100%);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     visibility: hidden;
     opacity: 0;
     transition: all 0.3s ease;
 }

 .feed-item a i {
     background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
     color: #fff;
     font-size: 25px;
     width: 40px;
     height: 40px;
     border-radius: 30%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .feed-item:hover a {
     visibility: visible;
     opacity: 1;
 }

 .check-list {
     display: flex;
     justify-content: flex-start;
     flex-direction: column;
     row-gap: 10px;
 }

 .check-list li {
     display: flex;
     align-items: center;
     column-gap: 10px;
 }

 .check-list li i {
     background: var(--kidden-primary-color, linear-gradient(45deg, rgba(101, 182, 255, 1) 0%, rgba(75, 131, 255, 1) 100%));
     width: 20px;
     height: 20px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     color: #fff;
 }

 .content-wrapper .dt-heading {
     font-size: 38px;
     line-height: 46px;
     font-weight: 700;
     display: block;
 }

 .content-wrapper .dt-heading span {
     display: inline-block;
     position: relative;
     z-index: 1;
 }

 .content-wrapper .dt-heading.is-border span:before {
     background-color: #ffe484;
     content: "";
     width: 100%;
     height: 8px;
     position: absolute;
     left: 0;
     bottom: 5px;
     z-index: -1;
 }

 .content-wrapper .dt-heading.is-border.dt-border-animation span:before {
     width: 0%;
 }

 .content-wrapper .dt-heading.is-border.dt-border-animation.animated span:before {
     width: 100%;
     transition: all 1.3s ease-in-out;
 }

 .content-wrapper p {
     margin-bottom: 0;
 }

 .content-wrapper .default-btn {
     margin-top: 25px;
 }

 .animated-dots {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: -1;
 }

 .animated-dots span {
     background-color: #ff4c4c;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 25%;
 }

 .animated-dots span:nth-child(2) {
     background-color: #0099e5;
     width: 8px;
     height: 8px;
     left: 5%;
     top: 85%;
 }

 .animated-dots span:nth-child(2) {
     background-color: #0099e5;
     width: 8px;
     height: 8px;
     left: 5%;
     top: 85%;
 }

 .animated-dots span:nth-child(3) {
     background-color: #ff9933;
     width: 11px;
     height: 11px;
     left: 20%;
     top: 35%;
 }

 .animated-dots span:nth-child(4) {
     background-color: #85c446;
     width: 14px;
     height: 14px;
     border-radius: 0;
     transform: rotate(20deg);
     left: auto;
     right: 5%;
     top: 30%;
 }

 .animated-dots span:nth-child(5) {
     background-color: #ff4f81;
     width: 12px;
     height: 12px;
     left: auto;
     right: 10%;
     top: auto;
     bottom: 20%;
 }

 .animated-dots span:nth-child(6) {
     background-color: #8e43e7;
     width: 10px;
     height: 10px;
     left: 40%;
     right: auto;
     top: auto;
     bottom: 15%;
     border-radius: 0;
     transform: rotate(20deg);
 }

 .animated-bg {
     width: 50%;
     height: 100%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     overflow: hidden;
     z-index: -1;
 }

 .animated-bg span {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     animation: animated-bg-rotate-center 100s linear infinite both;
 }

 @keyframes animated-bg-rotate-center {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }

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

 .multiple-img-wrap .multiple-image-holder {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     align-items: center;
     grid-column-gap: 20px;
     position: relative;
     padding-right: 40px;
 }

 .multiple-img-wrap .multiple-image-holder>div:nth-child(2) {
     margin-top: 50px;
 }

 .multiple-img-wrap .multiple-image-holder>div:nth-child(3) {
     position: absolute;
     right: 20px;
     top: 30%;
 }

 .multiple-img-wrap .multiple-image-holder>div:nth-child(3) img {
     width: 140px;
 }

 @media (max-width: 767px) {

     h1 br,
     h2 br,
     h3 br,
     h4 br,
     p br {
         display: none;
     }
 }

 .dt-parallax-img {
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     width: 140px;
     height: 120px;
     position: absolute;
     left: 10%;
     top: 0;
     z-index: 1;
 }

 .dt-parallax-img.dt-parallax-img-2 {
     width: 80px;
     height: 80px;
     left: auto;
     right: 5%;
     top: auto;
     bottom: 15%;
 }