@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Teachers:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body.loading {
   overflow: hidden !important;
}

ol {
   margin-bottom: 0 !important;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   scroll-behavior: smooth;
   /* font-family: 'Josefin Sans', serif; */
}

::selection {
   background: #cd042c;
   color: #fff;
}

.preloader {
   overflow: hidden;
   position: fixed;
   background: #fff;
   top: 0;
   height: 100vh;
   width: 100%;
   z-index: 999999;

}

.loader {
   position: absolute;
   top: 32%;
   height: 100vh;
   width: 100%;
   text-align: center;
   font-size: 180px;
   font-family: 'Oswald', serif;
   font-weight: 400;
   text-transform: capitalize;
   color: #0000;
   -webkit-text-stroke: 1px #000;
   background:
      conic-gradient(from -135deg at 100% 50%, #aa0b0b 90deg, #0000 0) text no-repeat,
      conic-gradient(from -135deg at 1lh 50%, #a50f0f00 90deg, #000 0) text no-repeat;
   animation: l6 4s linear infinite;
   z-index: 999999;
}

.loader:before {
   content: "Techinnovator";
}

.loader::after {
   position: absolute;
   top: 25%;
   left: 0;
   background: #ffffff;
   width: 100%;
   height: 10px;
   content: '';
}

@keyframes l6 {
   0% {
      background-size: 0 200%;
      background-position: 0 0, 100% 0
   }

   50% {
      background-size: calc(60% + .5lh) 200%;
      background-position: 0 0, 100% 0
   }

   50.01% {
      background-size: calc(60% + .5lh) 200%;
      background-position: 0 100%, 100% 100%
   }

   100% {
      background-size: 0 200%;
      background-position: 0 100%, 100% 100%
   }
}


.main-heading h2 {
   font-size: 35px;
   color: #ffffff;
   margin-bottom: 0;
   padding-bottom: 15px;
   font-family: 'Josefin Sans', serif;
   line-height: 45px;
}

.main-heading h4 {
   font-size: 14px;
   font-family: 'Josefin Sans', serif;
   color: #cd042c;
   font-weight: 600;
   letter-spacing: 2px;
   margin-bottom: 10px;

}

.main-heading p {
   font-size: 18px;
   font-family: "Teachers", serif;
   color: #fff;
   margin-bottom: 20px;
   font-weight: 500;
}

.main-heading-light h2 {
   font-size: 35px;
   color: #000000;
   margin-bottom: 0;
   padding-bottom: 15px;
   font-family: 'Josefin Sans', serif;
   line-height: 45px;
}

.main-heading-light h4 {
   font-size: 14px;
   font-family: 'Josefin Sans', serif;
   color: #cd042c;
   font-weight: 600;
   letter-spacing: 2px;
   margin-bottom: 10px;

}

.main-heading-light p {
   font-size: 18px;
   font-family: "Teachers", serif;
   color: #000000;
   margin-bottom: 20px;
   font-weight: 500;
}


.bg-primary {
   background: #000 !important;
}

section.section {
   padding: 60px 0px;
}

::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #000000;
}

::-webkit-scrollbar {
   width: 5px;
   background-color: #000000;
   border-radius: 10px;
}

::-webkit-scrollbar-thumb {
   background-color: #ffffff;
}

/* --- Over all Btn Start ------ */

.overall-button {
   line-height: 1;
   font-family: "Josefin Sans", serif;
   text-decoration: none;
   display: inline-flex;
   border: 2px solid transparent;
   cursor: pointer;
   align-items: center;
   gap: 0.75rem;
   background-color: #cd042c;
   color: #fff;
   border-radius: 10rem;
   font-size: 18px;
   font-weight: 600;
   padding: 0.75rem 1.5rem;
   padding-left: 20px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: 0.3s;
}

.overall-button p {
   margin-bottom: 0px !important;
   padding-top: 3px;
}

.button__icon-wrapper {
   flex-shrink: 0;
   width: 25px;
   height: 25px;
   position: relative;
   color: #fff;
   background-color: #000;
   border-radius: 50%;
   display: grid;
   place-items: center;
   overflow: hidden;
   transition: .3s ease;
}

.overall-button:hover .button__icon-wrapper {
   flex-shrink: 0;
   width: 25px;
   height: 25px;
   position: relative;
   color: var(--clr);
   background-color: #ffffff;
   border-radius: 50%;
   display: grid;
   place-items: center;
   overflow: hidden;
}

.overall-button:hover {
   background-color: #00000000;
   border: 2px solid #cd042c;
}

.overall-button:hover .button__icon-wrapper {
   color: #000;
}

.button__icon-svg--copy {
   position: absolute;
   transform: translate(-150%, 150%);
}

.overall-button:hover .button__icon-svg:first-child {
   transition: transform 0.3s ease-in-out;
   transform: translate(150%, -150%);
}

.overall-button:hover .button__icon-svg--copy {
   transition: transform 0.3s ease-in-out 0.1s;
   transform: translate(0);
}





.learn-more {
   position: relative;
   font-family: "Josefin Sans", serif;
   display: inline-block;
   cursor: pointer;
   outline: none;
   border: 0;
   vertical-align: middle;
   text-decoration: none;
   background: transparent;
   padding: 0;
   font-size: inherit;
   font-family: inherit;
}

.learn-more {
   width: 12rem;
   height: auto;
}

.learn-more .circle {
   transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
   position: relative;
   display: block;
   margin: 0;
   width: 3rem;
   height: 3rem;
   background: #cd042c;
   border-radius: 1.625rem;
}

.learn-more .circle .icon {
   transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   background: #fff;
}

.learn-more .circle .icon.arrow {
   transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
   left: 0.625rem;
   width: 1.125rem;
   height: 0.125rem;
   background: none;
}

.learn-more .circle .icon.arrow::before {
   position: absolute;
   content: "";
   top: -0.29rem;
   right: 0.0625rem;
   width: 0.625rem;
   height: 0.625rem;
   border-top: 0.125rem solid #fff;
   border-right: 0.125rem solid #fff;
   transform: rotate(45deg);
}

.learn-more .button-text {
   transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
   position: absolute;
   font-family: "Josefin Sans", serif;
   font-size: 18px;
   letter-spacing: 0.80px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 11px 0px;
   margin: 0 0 0 1.85rem;
   color: #ffffff;
   font-weight: 400;
   line-height: 1.6;
   text-align: center;
   text-transform: capitalize;
}

.learn-more:hover .circle {
   width: 100%;
}

.learn-more:hover .circle .icon.arrow {
   background: #fff;
   transform: translate(1rem, 0);
}

.learn-more:hover .button-text {
   color: #fff;
}

/* --- Over all Btn End ------ */
/* ----------------------------------------------- Banner Section Start -------------------------------------------- */
.banner-section {
   background: url('../img/banner-img.png') no-repeat center center/cover;
   padding-top: 230px;
}

.banner-video {
   background: #000;
}

.banner-video video {
   width: 100%;
   height: 100%;
   position: absolute;
   top: -70px;
   left: 0;
}

.banner-video .video-cover img {
   background: #00000059;
}

.banner-video .video-cover {
   position: relative;
   width: 100%;
   top: -55px;
   left: 0;
}


.slider-box img {
   width: 120px;
   height: 50px;
   object-fit: contain;
}

.banner-content {
   margin-bottom: 25%;
}

.banner-content h3 {
   font-size: 16px;
   letter-spacing: 1px;
   color: #fff;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 10px;
}

.banner-content h2 {
   font-size: 90px;
   color: #fff;
   font-family: "Outfit", sans-serif;
   margin-bottom: 10px;
   letter-spacing: 3px;
   font-weight: 400;
   text-align: left;
   line-height: 90px;
}

/* ----------------------------------------------- Banner Section End -------------------------------------------- */

/* ----------------------------------------------- About Section Start ------------------------------------------- */
.about-left-col video {
   width: 100%;
   height: 33rem;
   object-fit: cover;
   border-radius: 9px;
}

.about-left-col {
   width: 100%;
   height: 30rem;
}

.about-left-col img {
   object-fit: cover;
}

.about-section .main-heading h2 {
   font-size: 38px;
   color: rgb(204, 204, 204) !important;
   max-width: 80%;
}


/* ----------------------------------------------- About Section End ------------------------------------------- */

/* ------------------------------------------------ Service Section Start --------------------------------------- */
#main {
   position: relative;
   width: 100%;
   height: 100vh;
   background-color: #000000;
   overflow: hidden;
}

#top {
   position: absolute;
   top: 0%;
   width: 100%;
   height: 50vh;
   background-color: rgb(0, 0, 0);
   z-index: 9;
   overflow: hidden;
}

#center {
   position: relative;
   width: 100%;
   height: 50vh;
   transform-origin: center;
   background-color: #d4cdc5;
   transition: all cubic-bezier(0.19, 1, 0.22, 1)1s;
   overflow: hidden;
}

#bottom {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 50vh;
   background-color: rgb(0, 0, 0);
   overflow: hidden;
}

#main h1 {
   font-family: Founder;
   font-size: 20vw;
   position: absolute;
   color: #fff;
   top: 100%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#top-h1 {
   top: 50%;
}

#bottom-h1 {
   top: 0% !important;
}

a {
   text-decoration: none;
}

.content {
   margin-top: 10%;
   display: flex;
   flex-direction: column;
   /* align-items: center; */
   justify-content: center;
   width: 100%;
   height: 100vh;
   color: #fff;
   gap: 4vh;
   margin-bottom: 50vh;
}

.content h4 {
   font-size: 1vw;
   font-family: Founder;
}

.content h3 {

   color: #ffffff;
   text-align: center;
   font-weight: 400;
}

.service-box {
   width: auto;
   overflow: hidden;
   height: 250px;
   /* margin: 0px auto 40px; */
   border-radius: 10px;
}

.service-box .service-content {
   position: absolute;
   overflow: hidden;
   top: 83%;
   overflow: hidden;
   background: #ffffff;
   margin: 0px 20px;
   padding: 15px 15px;
   text-align: center;
   border-radius: 10px;
   transition: .7s;
}

.service-box .service-image img {
   width: 100%;
   height: 250px;
   border-radius: 10px;
   object-fit: cover;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   transition: .5s ease;
}

.service-box .service-content h2 {
   color: #082a3a;
   font-size: 22px;
   margin-bottom: 5px;
   font-weight: 600;
   line-height: 22px;
   font-family: 'Josefin Sans', serif;
}

.service-box .service-content p {
   color: #000000;
   margin-bottom: 0px;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   font-family: "Teachers", serif;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.services-col:hover .service-box .service-content {
   transform: translateY(-100px);
}

.services-col:hover .service-box .service-image img {
   transform: scale(1.1);
}

.services-section .blog-btn {
   color: #cd042c;
   font-size: 16px;
   font-weight: 500;
   text-decoration: none;
   position: relative;
   margin-top: 20px;
   font-family: 'Josefin Sans', serif;
   transition: .4s;
}

.services-section .blog-btn::before {
   content: '';
   width: 0%;
   height: 2px;
   position: absolute;
   top: 16px;
   left: 0px;
   background: #cd042c;
}

.services-section .blog-btn:hover::before {
   width: 100%;
   transition: .5s;
}

/* ------------------------------------------------ Service Section Start --------------------------------------- */


/* ------------------------------------------------ ERP Section Start --------------------------------------------- */
.erp-section {
   background: #000000;
}

.erp-box {
   margin: 0 10rem;
   border-radius: 10px;
   height: 600px;
   overflow: hidden;
}

.erp-imagebox img {
   height: 600px;
   object-fit: cover;
   object-position: bottom;
   border-radius: 10px;
}

.erp-imagebox::before {
   content: '';
   width: 100%;
   height: 600px;
   position: absolute;
   top: 0;
   left: 0;
   background: #00000045;
}

.erp-content {
   position: absolute;
   top: 12%;
   left: 7%;
   width: 100%;
   padding: 20px 0;
   overflow: hidden;
}

.erp-content h5 {
   background: #fff;
   border-radius: 20px;
   width: fit-content;
   font-size: 16px;
   padding: 10px 30px 7px;
   font-family: 'Josefin Sans', serif;
}

.erp-content h1 {
   color: #fff;
   font-size: 65px;
   margin-top: 40px;
   margin-bottom: 20px;
   line-height: 25px;
   font-family: 'Josefin Sans', serif;
}

.erp-content h2 {
   font-size: 35px;
   color: #fff;
   font-family: 'Josefin Sans', serif;
}

.erp-content p {
   font-size: 20px;
   line-height: 23px;
   letter-spacing: .54px;
   color: #fff;
   font-family: "Teachers", serif;
   width: 70%;
}

.erp-section .left-col {
   background: #fff;
   padding: 15px 20px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

.erp-section .left-col h2 {
   color: #000;
   margin-bottom: 0;
   font-family: "Teachers", serif;
}

.erp-section .left-col p {
   color: #000;
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 0;
   font-family: "Teachers", serif;
}

.erp-section .right-col {
   background: #fff;
   padding: 15px 20px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

.erp-section .right-col h2 {
   color: #000;
   margin-bottom: 0;
   font-family: "Teachers", serif;
}

.erp-section .right-col p {
   color: #000;
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 0;
   font-family: "Teachers", serif;
}

.erp-slider .owl-nav button img {
   width: 50px !important;
}

.erp-slider.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   top: 40%;
   left: 0;
}

.erp-slider.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   top: 40%;
   right: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
   background: transparent;
   color: #FFF;
   text-decoration: none;
}

.erp-slider .owl-item.active h5 {
   -webkit-animation-duration: .90s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: slideInDown;
   animation-delay: 0.3s;
}

.erp-slider .owl-item.active .erp-content .erp-line-content h1 {
   -webkit-animation-duration: .90s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: slideInLeft;
   animation-delay: 0.3s;
}

.erp-slider .owl-item.active .erp-line-content h2 {
   -webkit-animation-duration: .90s;
   animation-duration: 2.3s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: slideInRight;
   animation-delay: 0.4s;
}

.erp-slider .owl-item.active .erp-line-content p {
   -webkit-animation-duration: .90s;
   animation-duration: 1.6s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.4s;
}

.erp-slider .owl-item.active .erp-content .left-col {
   -webkit-animation-duration: .90s;
   animation-duration: 1.6s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.4s;
}

.erp-slider .owl-item.active .erp-content .right-col {
   -webkit-animation-duration: .90s;
   animation-duration: 1.6s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.4s;
}

.erp-section .main-heading h5 {
   background: #fff;
   border-radius: 20px;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 16px;
   padding: 10px 30px 7px;
   font-family: 'Josefin Sans', serif;
   display: inline-block;
}

.erp-section .main-heading h2 {
   font-size: 48px;
   color: #ffffff;
   line-height: 50px;
   margin-top: 10px;
   margin-bottom: 30px;
}

/* ------------------------------------------------ ERP Section Start --------------------------------------------- */

/* ------------------------------------------------ Blog Section Start --------------------------------------------- */
.blog-section {
   background: #ffb62b;
   padding: 120px 0px !important;
}

.blog-section .main-heading {
   padding-left: 8rem;
}

.blog-section .main-heading h5 {
   background: #fff;
   border-radius: 20px;
   width: fit-content;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 16px;
   padding: 10px 30px 7px;
   font-family: 'Josefin Sans', serif;
}

.blog-section .main-heading h2 {
   font-size: 48px;
   color: #000;
   line-height: 50px;
   margin-top: 20px;
}

.blog-bottom-card {
   background: #000;
   margin-top: 0;
   padding: 50px 30px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

.blog-bottom-card h5 {
   color: #fff;
   font-size: 20px;
   letter-spacing: .54px;
   font-family: "Teachers", serif;
}

.blog-bottom-card h2 {
   color: #fff;
   font-size: 27px;
   line-height: 33px;
   margin-top: 15px;
   letter-spacing: .90px;
   font-family: "Teachers", serif;
   margin-bottom: 15px;
}

.blog-top-card img {
   width: 100%;
   height: 260px;
   object-fit: cover;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.blog-slider .owl-nav img {
   filter: invert();
}

.blog-slider .owl-nav {
   margin-top: 30px;
}

.blog-btn {
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   position: relative;
   font-family: 'Josefin Sans', serif;
   transition: .4s;
}

.blog-btn:hover {
   color: #cd042c;
}

.blog-btn::before {
   content: '';
   width: 0%;
   height: 2px;
   position: absolute;
   top: 23px;
   left: 0px;
   background: #cd042c;
}

.blog-card:hover .blog-btn::before {
   width: 100%;
   transition: .5s;
}

.blog-section .overall-button {
   background-color: #000000;
}

.blog-section .overall-button .button__icon-wrapper {
   background-color: #fff;
}

.blog-section .overall-button .button__icon-wrapper svg {
   color: #000000;
}

.blog-section .overall-button:hover p {
   color: #cd042c;
}

.blog-section .overall-button:hover {
   background: transparent;
}

.blog-card:hover .blog-btn {
   color: #cd042c;
}

/* ------------------------------------------------ Blog Section End --------------------------------------------- */
/* ------------------------------------------------ Contact Us Section start ------------------------------------- */
.contact-section {
   background: #d4cdc5;
}

.contact-section .main-heading h5 {
   background: #fff;
   border-radius: 20px;
   width: fit-content;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 16px;
   padding: 10px 30px 7px;
   font-family: 'Josefin Sans', serif;
}

.contact-section .main-heading h2 {
   font-size: 48px;
   color: #000;
   line-height: 50px;
   margin-top: 20px;
}

.contact-img img {
   height: 400px;
   width: 400px;
   object-fit: cover;
   border-radius: 10px;
}

.contact-section .form-control {
   width: 55%;
   border-radius: 50px !important;
   padding: 20px 20px;
   margin-bottom: 10px;
   background-color: #000000;
   color: #fff;
}

.contact-section .form-control::placeholder {
   color: #ffffff;
   font-family: "Teachers", serif;
   letter-spacing: 1px;
}

.contact-section .main-heading p {
   font-size: 22px;
   font-family: "Teachers", serif;
   color: #000000;
   line-height: 30px;
   font-weight: 500;
   margin-bottom: 20px;
   width: 80%;
}

.contact-border-right {
   border-right: 2px solid #868686;
   margin-right: 20px;
}

.contact-section .overall-button:hover {
   color: #cd042c;
}

/* ------------------------------------------------ Contact Us Section End ------------------------------------- */
/* ------------------------------------------------ Footer Section Start ---------------------------------------- */
.social-media-icon a{
   line-height: normal;
}
footer.footer {
   min-height: auto;
   padding: 80px 0px 0px;
   background: #1e1005;
}

.footer-logo img {
   width: 85%;
}

.home-link {
   display: block;
   /* padding-left: 3rem; */
   margin-bottom: 4rem;
}

.home-link h4 {
   color: #d4cdc5;
   overflow: hidden;
   font-size: 25px;
   margin-bottom: 20px;
   position: relative;
   font-family: 'Josefin Sans', serif;
}

.home-link h4::before {
   content: '';
   width: 70%;
   height: 1px;
   position: absolute;
   top: 90%;
   left: 0px;
   background: #d4cdc5;
}

.services-before h4::before {
   width: 50%;
}

.home-link a {
   display: block;
   color: #ffffff;
   width: fit-content;
   overflow: hidden;
   font-size: 20px;
   font-weight: 200;
   position: relative;
   text-decoration: none;
   transition: .5s;
   font-family: 'Josefin Sans', serif;
}

.home-link a:hover {
   color: #9e9891;
}

.home-link a::before {
   content: '';
   width: 0%;
   height: 4px;
   position: absolute;
   top: 47%;
   left: 0px;
   background: #1e1005;
}

.home-link a:hover::before {
   width: 100%;
   transition: 1s;
}

.footer-contact-headig h5 {
   color: #d4cdc5;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 5px;
   font-family: 'Josefin Sans', serif;
}

.footer-contact-headig a,
.footer-contact-headig p {
   text-decoration: none;
   font-size: 17px;
   letter-spacing: .97px;
   position: relative;
   color: #d4cdc5;
   font-family: 'Teachers', serif;
   transition: .4s;
}

.footer-contact-headig a::before {
   content: '';
   width: 0%;
   height: 1px;
   position: absolute;
   top: 23px;
   left: 0px;
   background: #cd042c;
}

.footer-contact-headig a:hover {
   color: #cd042c;
}

.footer-contact-headig a:hover::before {
   width: 100%;
   transition: .5s;
}

.social-media-icon {
   display: flex;
   align-items: center;

}

.social-media-icon i {
   font-size: 22px;
   color: #1e1005;
   transition: .4s;
}

.facebook,
.instagram,
.twitter,
.linkedin {
   background: #ffffff;
   margin-right: 10px;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   transition: .5s;
}

.facebook:hover,
.instagram:hover,
.twitter:hover,
.linkedin:hover {
   background: #cd042c;
   transition: .5s;
}

.facebook:hover i,
.instagram:hover i,
.twitter:hover i,
.linkedin:hover i {
   color: #ffffff;
   transition: .5s;
}

.custom-footer-border-bottom {
   border-bottom: 1px solid #d4cdc5;
}

.footer-last p {
   color: #fff;
   margin-bottom: 0;
   font-weight: 300;
   font-family: 'Josefin Sans', serif;
   font-size: 17px;
}

.footer-last {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

/* ------------------------------------------------ Footer Section End ---------------------------------------- */


.text>p>div {
   background: linear-gradient(to right,
         rgb(255, 255, 255) 50%,
         rgb(37, 37, 37) 50%);
   background-size: 200% 100%;
   background-position-x: 100%;
   color: transparent;
   background-clip: text;
   -webkit-background-clip: text;
   line-height: 1.2;
   font-size: 20px;
}


/* ----------------------------------------------- Y-Techinnovator ------------------------------------------- */

.y-techinnovator-section {
   background: #ffffff;
}

.page-header {
   padding: 25px 0;
}

.breadcumb-wrap {
   padding-top: 0px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.breadcumb-wrap h2 {
   color: #000000;
   font-size: 35px;
   font-style: normal;
   font-weight: 400;
   line-height: 35px;
   margin-bottom: 0px;
   text-transform: capitalize;
   font-family: "Josefin Sans", sans-serif;
}

.breadcumb-wrap ol li:first-child {
   padding-left: 0;
}

.breadcumb-wrap ol li {
   color: #000000;
   display: inline-block;
   font-size: 16px;
   padding: 0;
   position: relative;
   font-family: "Josefin Sans", sans-serif;
}

.breadcumb-wrap ol li a {
   color: #cd042c;
   font-size: 16px;
   text-transform: capitalize;
   transition: all .3s;
   font-family: "Josefin Sans", sans-serif;
}

.breadcumb-wrap i.fa-slash {
   transform: rotate(75deg);
   font-size: 12px;
   margin-right: 5px;
   margin-left: 3px;
}

.breadcumb-wrap ol li a i {
   font-size: 20px;
   color: #cd042c;
}

.border-bar {
   background: #000000;
   height: 1px;
   width: 50%;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
}

.y-tech-main-hedaing h2 {
   font-size: 50px;
   line-height: 56px;
   color: #000;
   text-align: center;
   margin-bottom: 20px;
   font-family: "Josefin Sans", sans-serif;
   font-weight: 500;
}

.y-tech-main-hedaing p {
   font-size: 20px;
   line-height: 26px;
   color: #000;
   text-align: center;
   font-family: "Teachers", serif;
}

.logo-image h1 span {
   color: #cd042c;
}

.logo-image h1 {
   font-size: 180px;
   font-family: "Oswald", sans-serif;
   font-weight: 400;
   text-align: center;
   color: rgb(0, 0, 0);
   position: relative;
   /* background: #fff;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   transition: 0.5s;
   position: relative;
   display: inline-block;
   line-height: 180px; */
}

.logo-image h1::before {
   position: absolute;
   bottom: 42px;
   background: #ffffff;
   width: 100%;
   height: 10px;
   content: '';
   left: 0;
}

.core-section {
   background: #ffffff;
}

.core-section .main-heading h2 {
   color: #ffffff;
}

.core-box {
   border: 1px solid #ededed00;
   background: transparent;
   height: auto;
   position: relative;
   border-top-left-radius: 12px;
   border-bottom-right-radius: 12px;
   border-top-right-radius: 12px;
   margin-bottom: 30px;
}

.twocol-core-box .core-box .core-content {
   min-height: 205px;
}

.twocol-core-box .core-box .core-round-box {
   right: 11%;
}

.core-content {
   position: relative;
   background: #f8f4f0;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
   border-top-right-radius: 15px;
   min-height: 260px;
}

.core-box .core-content-before {
   width: 85%;
   height: 55px;
   background: #f8f4f0;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}


.core-round-box {
   height: 30px;
   width: 30px;
   background: transparent;
   position: absolute;
   bottom: 30px;
   right: 9%;
   /* border-radius: 100%; */
   transform: rotate(-90deg);
}

/* .core-round-box::before {
   content: '';
   position: absolute;
   top: -5px;
   left: -6px;
   width: 20px;
   height: 20px;
   background: url(../img/border-ra.svg);
   background-size: contain;
   background-repeat: no-repeat;
   transform: rotate(263deg);
} */

.box-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;
   height: 100%;
}

.box-icon img {
   width: 37px;
}

.core-box h2 {
   font-size: 20px;
   color: #2e2929;
   line-height: 26px;
   padding: 6px 30px;
   margin-bottom: 0;
   background-color: #f8f4f0;
   display: inline-block;
   margin: 20px 0 0px;
   border-bottom: 2px solid #4c4c4c;
}

.core-box p {
   font-size: 18px;
   color: #000000;
   line-height: 26px;
   padding: 6px 30px;
   margin-bottom: 0;
   margin: 0px 0;
   font-family: 'Josefin Sans', serif;
}

.story-box-primary-content h1 {
   font-size: 180px;
   line-height: 200px;
   text-align: center;
   color: #000;
   font-family: 'Josefin Sans', serif;
}

.story-box-primary {
   position: relative;
   height: 500px;
}

.story-box-primary .story-promo-image1 {
   background: #fff;
   height: 200px;
   width: 200px;
   border-radius: 100%;
   position: absolute;
   top: 0;
   left: -100px;
   overflow: hidden;
}

.story-box-primary .story-promo-image2 {
   background: #fff;
   height: 200px;
   width: 200px;
   border-radius: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   overflow: hidden;
}

.story-box-primary .story-promo-image3 {
   background: #fff;
   height: 200px;
   width: 200px;
   border-radius: 100%;
   position: absolute;
   bottom: 5%;
   right: 0;
   overflow: hidden;
}

.story-section {
   padding: 100px 0 !important;
   background: #f8f4f0;
}

.story-box-sec-content .tag {
   padding: 9px 50px;
   background: #000;
   border-radius: 30px;
   display: inline-block;
}

.story-box-sec-content .tag h5 {
   color: #fff;
   margin: 0;
   display: inline-block;
}

.round-box {
   border-radius: 100%;
   border: 1px solid #000000;
   height: 60px;
   width: 60px;
   margin-top: 50px;
   margin-bottom: 60px;
   display: flex;
}

.round-box .journey-dot {
   background: #000;
   height: 25px;
   width: 25px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;
   position: relative;
}

.round-box .journey-dot::before {
   position: absolute;
   content: '';
   height: 2px;
   width: 0rem;
   background: #000000;
   z-index: 999;
   left: 0;
   transition: 3s ease-in-out;
}

.owl-item.active .round-box .journey-dot::before {
   width: 100rem;
}

.story-box-sec-content .main-content h2 {
   font-size: 25px;
   color: #000;
   margin-bottom: 7px;
   font-family: 'Josefin Sans', serif;
}

/* .story-box-sec-content .main-content{
   max-width: 50%;
} */
.story-box-sec-content .main-content p {
   font-size: 20px;
   color: #000;
   font-family: "Teachers", serif;

}

.story-box-sec.right-box img {
   height: 400px;
   width: 400px;
   border-radius: 100%;
   position: relative;
   z-index: 9999;
}

.bg-year {
   position: relative;
}

.bg-year .current-year h6 {
   font-size: 25rem;
   margin-bottom: 0;
   line-height: 22rem;
   color: #ffffff;
   position: absolute;
   top: 0px;
   right: 0;
   font-family: 'Josefin Sans', serif;
}

.story-box-sec.right-box {
   display: flex;
   align-items: center;
   justify-content: center;
}

.story-slider.owl-theme .owl-dots .owl-dot span {
   width: 33px;
   height: 5px;
   margin: 5px 7px;
   background: #1e1005;
   display: block;
   -webkit-backface-visibility: visible;
   transition: .2s ease;
   border-radius: 30px;
}

.story-slider.owl-theme .owl-dots .owl-dot.active span,
.story-slider.owl-theme .owl-dots .owl-dot:hover span {
   background: #cd042c;
}

.leader-img img {
   width: 100%;
   height: 390px;
   object-fit: cover;
   object-position: top;
}

.leadership-card {
   position: relative;
   border-radius: 7px;
   overflow: hidden;
}

.leadership-card::before {
   position: absolute;
   content: '';
   background: linear-gradient(39deg, rgb(0 0 0 / 0%) 0%, rgba(255, 255, 255, 0) 35%, rgb(0 0 0 / 0%) 100%);
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.leader-content {
   position: absolute;
   bottom: 0;
   text-align: center;
   width: 100%;
   background: #0000007a;
   backdrop-filter: blur(10px);
   padding: 11px;
}

.linkedin-ic {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
}

.linkedin-ic i {
   color: #000000;
   background: #fff;
   height: 30px;
   width: 30px;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.linkedin-ic h4 {
   font-size: 20px;
   margin-bottom: 0;
   color: #fff;
   font-family: 'Josefin Sans', serif;
}

.leader-content p {
   font-size: 18px;
   color: #fff;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0;
}

.sec-page-header {
   background: #604c4e;
}

.service-main-page {
   background: #ffffff;
}

.service-main-page .service-box {
   height: 350px;
}

.service-main-page .service-box .service-image img {
   height: 350px;
}

.service-main-page .service-box .service-content {
   top: 58%;
   min-height: 130px;
}

.service-main-page .services-col:hover .service-box .service-content {
   transform: translateY(0px);
}

.technologies-main-page {
   background: #ffffff;
}

.btn-tag span {
   background: #74051a;
   color: #fff;
   padding: 10px 25px;
   display: inline-block;
   margin: 10px 5px;
   border-radius: 30px;
   text-align: center;
   font-family: 'Josefin Sans', sans-serif;
}

.btn-tag span i {
   margin-right: 5px;
}

.logo-img img {
   width: 115px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;
}

.logo-img {
   box-shadow: rgb(0 0 0) 0px 3px 8px;
   height: 120px;
   display: flex;
   /* filter: brightness(0); */
   background: #161617;
}

.partner-section {
   background: #000;
}

.industries-main-page {
   background: #ffffff;
}

.indus-card-content h3 {
   font-size: 20px;
   margin-bottom: 0;
   color: #ffffff;
   font-family: 'Josefin Sans', serif;
   text-align: center;
}

.indus-card:hover .indus-card-content {
   margin-right: 0px;
}

.indus-card {
   position: relative;
   border-radius: 7px;
   overflow: hidden;
   /* border: 1px solid #fff; */
   padding-top: 30px;
   box-shadow: rgb(0 0 0) 0px 3px 8px;
   background: #161617;
}

.indus-card-content {

   background: #74051a;

   padding: 10px 10px;

   backdrop-filter: blur(7px);

   margin: 20px 0;

   margin-right: 100px;

   transition: .5s;
}

.indus-card img {
   width: 106px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: auto;

}

.service-main-box-content h1 {
   font-size: 25px;
   color: #ffffff;
   font-family: 'Josefin Sans', serif;
   background: #74051a;
   padding: 12px 17px 10px;
   margin: 15px 0px;
   line-height: normal;
   display: inline-block;
}

.service-main-box {
   background: #1e1005;
   padding: 0;
   min-height: 300px;
}

.service-main-box-content p {
   font-size: 18px;
   color: #ffffff;
   font-family: 'Teachers', serif;
   padding: 12px 17px 10px;
   /* margin: 10px 0px; */
   line-height: normal;
   min-height: 155px;
}

.service-slider {
   padding: 12px 17px;
}


.video-section {
   position: relative;
   overflow: hidden;
}

.video-section .video-wrapper {
   padding: 60px 0;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   z-index: 0;
}

.video-section .video-wrapper::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #00000066;
   display: block;
   z-index: -1;
}

.video-card {
   background: #ffffff1f;
   backdrop-filter: blur(10px);
   /* padding: 40px; */
   /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.video-card .main-heading h2 {
   color: beige;
}

.video-main-card {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 10px 20px;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
}

.card-content h3 {
   font-size: 22px;
   color: beige;
   margin-bottom: 7px;
   font-family: 'Josefin Sans', serif;
}

.card-content p {
   font-size: 18px;
   color: beige;
   margin-bottom: 0;
   line-height: 22px;
   font-family: 'Josefin Sans', serif;
   font-weight: 300;
}

.card-iamge img {
   width: 100px;
}

.card-iamge {
   max-width: 65px;
}

.main-list ul {
   padding-left: 0;
}

.main-list ul li {
   list-style: none;
   position: relative;
   font-size: 20px;
   font-family: 'Josefin Sans', serif;
   color: #fff;
   padding-left: 1.5rem;
   font-weight: 300;
}

.main-list ul li::before {
   position: absolute;
   content: '';
   background: #ffffff;
   top: 43%;
   left: 0;
   width: 10px;
   height: 2px;
}

.main-list-light ul {
   padding-left: 0;
}

.main-list-light ul li {
   list-style: none;
   position: relative;
   font-size: 20px;
   font-family: 'Josefin Sans', serif;
   color: #000000;
   padding-left: 1.5rem;
   font-weight: 300;
}

.main-list-light ul li::before {
   position: absolute;
   content: '';
   background: #000000;
   top: 43%;
   left: 0;
   width: 10px;
   height: 2px;
}

.discuss-left-image {
   height: 500px;
   width: 100%;
   object-fit: cover;
}

.discuss-section {
   background: #000;
}


.accordian-section .accordion-item {
   margin-bottom: 15px;
   border-radius: 0px;
   overflow: hidden;
   /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); */
   transition: all 0.3s ease;
   border: 0px solid #00000000;
}

.accordian-section .accordion-item.active {
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   border-color: #3498db;
}

.accordian-section .accordion-header {
   background: #161617;
   padding: 15px 20px;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   transition: background-color 0.3s ease;
   border-radius: 0;
}

.accordian-section .accordion-header:hover {
   background: #cd042c;
}

.accordian-section .accordion-header h3 {
   font-size: 18px;
   color: #ffffff;
   font-weight: 500;
   margin-bottom: 0;
   font-family: 'Josefin Sans', sans-serif;
}

.accordian-section .accordion-icon {
   width: 14px;
   height: 14px;
   position: relative;
   transition: transform 0.3s ease;
}

.accordian-section .accordion-icon::before,
.accordian-section .accordion-icon::after {
   content: '';
   position: absolute;
   background: #ffffff;
   transition: transform 0.3s ease;
}

.accordian-section .accordion-icon::before {
   top: 50%;
   left: 0;
   width: 100%;
   height: 2px;
   transform: translateY(-50%);
}

.accordian-section .accordion-icon::after {
   top: 0;
   left: 50%;
   width: 2px;
   height: 100%;
   transform: translateX(-50%);
}

.accordian-section .accordion-item.active .accordion-icon::after {
   transform: translateX(-50%) rotate(90deg);
   opacity: 0;
}

.accordian-section .accordion-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.4s ease, padding 0.3s ease;
   background: white;
}

.accordian-section .accordion-item.active .accordion-content {
   max-height: 500px;
}

.accordian-section .content-inner {
   padding: 20px 20px 20px;
   line-height: 22px;
   color: #000000;
}

.accordian-section .content-inner p {
   margin-bottom: 15px;
   font-size: 18px;
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 400;
}

.accordian-section .accordion-footer {
   text-align: center;
   padding: 20px;
   color: #7f8c8d;
   font-size: 0.9rem;
}

.accordian-section .accordion-item:first-of-type {
   border-radius: 0;
}

.accordian-section .accordion-item:last-of-type {
   border-radius: 0;
}

@media (max-width: 600px) {

   .accordian-section .accordion-header {
      padding: 15px;
   }

   .accordian-section .accordion-header h3 {
      font-size: 1.1rem;
      max-width: 88%;
   }
}

.mobile-app-details-main-page {
   background: #ffffff;
}

.dark-section {
   background: #000;
}

.clip-left-col {
   position: relative;
   padding: 60px 0;
}

.clip-left-col::before {
   position: absolute;
   content: '';
   background: #161617;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
   z-index: 9;
}

.clip-left-col .main-heading {
   z-index: 99;
   position: relative;
   max-width: 73%;
   margin-left: auto;
   margin-right: auto;
   padding-right: 5rem;
   padding-left: 15px;
}

.diff-clip-bg {
   background: #161617;
}

.diff-clip-counter-box h2 {
   font-size: 60px;
   color: #fff;
   margin-bottom: 0;
   font-family: "Montserrat", sans-serif;
   font-weight: 700;
}

.diff-clip-counter-box p {
   font-size: 25px;
   color: #fff;
   margin-bottom: 0;
   font-family: 'Josefin Sans', sans-serif;
   text-align: center;
   font-weight: 400;
}

.diff-clip-counter-box {
   max-width: 100%;
   border: 1px solid #fff;
   padding: 20px;
   text-align: center;
}

.clip-right-col {
   max-width: 610px;
}

.card-image img {
   width: 60px;
   position: relative;
   z-index: 9;
}

.develop-heading {
   display: flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 20px;
}

.develop-heading .card-heading h3 {
   font-size: 30px;
   color: beige;
   margin-bottom: 0px;
   font-family: 'Josefin Sans', serif;
}

.card-image {
   position: relative;
}

.developement-card p {
   font-size: 20px;
   color: #fff;
   margin-bottom: 0;
   font-family: 'Josefin Sans', sans-serif;
   line-height: 26px;
   font-weight: 300;
   margin-bottom: 20px;
}

.developement-card {
   padding: 20px 30px;
   min-height: 280px;
}

.accordion-item.active .accordion-header {
   background: #680518;
}


.digital-marketing-details-main-page {
   background: #ffffff;
}

.digital-marketing-details-main-page .developement-card p {
   font-size: 18px;
}

.digital-marketing-details-main-page .developement-card {
   padding: 20px 30px;
   min-height: 320px;
}

.py-60 {
   padding: 60px 0 !important;
}

.navik-inner-header.navik-header.sticky {
   margin-top: -90px !important;
}

.navik-inner-header.navik-header.sticky {
   background-color: rgb(0 0 0 / 37%);
}

.y-techinnovator-section .main-heading h2 {
   color: #000000;
}

.y-tech-main-hedaing .overall-button p {
   color: #fff;
}

.y-tech-main-hedaing .overall-button:hover p {
   color: #cd042c;
}

.y-tech-main-hedaing .overall-button:hover .button__icon-wrapper {
   background: #cd042c;
}

.y-tech-main-hedaing .overall-button:hover .button__icon-wrapper {
   color: #fff;
}

.service-main-page-option2 {
   position: relative;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   overflow: hidden;
   transition: .5s;
   border-radius: 12px;
}

.service-main-page-option2:hover .service-main-page-imagebox img {
   filter: grayscale(0);
}

.service-main-page-imagebox img {
   width: 100%;
   height: 380px;
   object-fit: cover;
   transition: .5s;
   filter: grayscale(1);
   transition: .5s;
}

.service-main-page-option2-content {
   position: absolute;
   bottom: 0px;
   left: 0px;
   max-width: 100%;
   backdrop-filter: blur(15px);
   background: #0000004f;
   padding: 20px 25px;
   border-radius: 12px;
   margin: 20px;
}

.service-main-page-imagebox {
   position: relative;
}

/* .service-main-page-imagebox::before {
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   background: #0000001a;
   width: 100%;
   height: 100%;
   transition: .5s;
} */

.service-main-page-option2-content h2 {
   color: #fff;
   font-size: 25px;
   font-family: 'Josefin Sans', serif;
}

.service-main-page-option2-content p {
   font-size: 18px;
   line-height: 26px;
   color: #ffffff;
   text-align: left;
   font-family: "Teachers", serif;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.service-main-page-option2:hover img {
   transform: scale(1.1);
}

.letter-spacing1 {
   letter-spacing: .50px;
}

.industries-box-style2 .industries-box-image img {
   width: 100%;
   height: 350px;
   object-fit: cover;
   border-radius: 15px;
   transition: .5s;
   /* margin: 20px 20px 20px 0; */
}

.industries-box-style2 {
   position: relative;
   background: #252323;
   border-radius: 15px;
}

.industries-box-style2::before {
   position: absolute;
   content: '';
   background: #000000;
   width: 0;
   height: 1px;
   bottom: -2px;
   left: 0;
   transition: .5s;
}

.industries-box-content {
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 30px;
   padding-right: 30px;
   background: #ffffff00;
   border-top-left-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   border-top-right-radius: 12px;
   position: relative;
}

.industries-box-style2:hover::before {
   width: 100%;
   border-radius: 12px;

}



.industries-box-content h3 {
   color: #ffffff;
   font-size: 25px;
   font-family: 'Josefin Sans', serif;
}

.industries-box-content p {
   font-size: 18px;
   line-height: 26px;
   color: #ffffff;
   text-align: left;
   font-family: "Teachers", serif;
}

.service-main-page .about-section .main-heading h2 {
   color: #000 !important;
}

.service-main-page .about-section .main-heading p {
   color: #000;
}

.video-card video {
   height: 660px;
   width: 100%;
   object-fit: cover;

}

.video-card {
   position: relative;
}

.video-content {
   position: absolute;
   top: 0%;
   left: 0%;
   /* transform: translate(-50%, -50%); */
   text-align: center;
   color: #fff;
   width: 100%;
   padding-top: 60px;
}

.video-content .main-heading-light {
   max-width: 1000px;
   margin: auto;
   padding: 60px;
   background: #00000015;
   backdrop-filter: blur(20px);
   border-radius: 12px;
}

.video-liko {
   height: 660px;
}

.video-liko::before {
   position: absolute;
   content: '';
   background: #0000004a;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border-radius: 0;
   z-index: 0;
}

.video-content .main-heading-light h2 {
   color: #fff;
}

.video-content .main-heading-light p {
   color: #fff;
}


/* .core-round-box::before {
   content: '';
   position: absolute;
   top: -5px;
   left: -27px;
   width: 20px;
   height: 20px;
   background: url(../img/border-ra.svg);
   background-size: contain;
   background-repeat: no-repeat;
   transform: rotate(263deg);
} */

.half-section .half-col {
   max-width: 760px;
   margin-left: auto;
   padding: 70px 0;
}

.half-section {
   background: #f8f4f0;
}

/* .paid-campaign-section .core-section .core-box {
   height: 240px;
} */




.onscroll-image-change .box {
   width: 30rem;
   height: 40rem;
   position: absolute;
   transform: translate(-50%, -50%);
   left: 20%;
   top: 50%;
   z-index: 100;
   clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}

.onscroll-image-change .hover-image {
   position: absolute;
   inset: 0;
   background: red;
   clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
   pointer-events: none;
}

.onscroll-image-change .container-box {
   width: 100%;
   height: 100vh;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}


.onscroll-image-change img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.onscroll-image-change .img-wrapper {
   width: 100%;
   height: 100%;
   max-width: 50%;
   margin-left: auto;
   display: flex;
   align-items: center;
   justify-content: end;
   border-left: 1px solid #f8f4f0;
   border-right: 1px solid #f8f4f0;
}

.onscroll-image-change .img-wrapper .main-heading {
   padding: 70px 65px;
   border-top: 1px solid #f8f4f0;
   border-bottom: 1px solid #f8f4f0;
}

.service-section-design2 {
   background: #1b1b1b;
   border-radius: 15px;
}

/* .onscroll-image-change .img-wrapper::after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
   backdrop-filter: blur(15px);
   pointer-events: none;
   z-index: 1;
} */


.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after {
   content: '\f146';
   font-family: "FontAwesome";
   position: absolute;
   right: 20px;
   top: 32%;
   font-size: 22px;
   font-weight: 900;
   line-height: normal;
   color: #ffffff;
   background-image: none;

}

.faq-accordion .accordion-header .accordion-button.collapsed {
   color: #000000;
   background: transparent;
}

.faq-accordion .accordion-header .accordion-button {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.2em;
   background: #680518;
   color: #ffffff;
   padding: 18px 50px 18px 20px;
   transition: all 0.3s ease-in-out;
   box-shadow: none;
   font-family: 'Josefin Sans', serif;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after {
   content: '\f0fe';
   color: #680518;
}

.faq-accordion .accordion-item {
   position: relative;
   border: 1px solid #680518;
   background: #ffffff;
   border-radius: 7px;
   margin-bottom: 15px;
   padding: 0;
   transition: all 0.3s ease-in-out;
   overflow: hidden;
   font-family: 'Josefin Sans', serif;
}

.accordion-flush>.accordion-item:last-child {
   border-bottom: 1px solid #680518;
}

.accordion-flush>.accordion-item:first-child {
   border-top: 1px solid #680518;
}

.faq-accordion .accordion-item .accordion-body {
   color: #fff;
   background: #680518;
   border-top: 1px solid #ffffff;
   padding: 18px 50px 18px 20px;
   z-index: 1;
}

.faq-col-img {
   position: relative;
}

.faq-col-img img {
   width: 100%;
   aspect-ratio: 1 / 1.01;
   object-fit: cover;
   border-radius: 30px;
   margin: 30px;
}

.faq-col-img::before {
   content: '';
   position: absolute;
   top: -3px;
   right: -65px;
   background: #191919;
   border-radius: 30px;
   width: 310px;
   height: 310px;
   z-index: -1;
}

.faqs-contact-box {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #680518;
   border: 1px solid #680518;
   border-radius: 12px;
   display: inline-flex;
   align-items: center;
   padding: 20px;
   animation: contactbox 3s infinite linear;
   overflow: hidden;
   z-index: 1;
}

@keyframes contactbox {
   50% {
      left: 40px;
   }
}

.faqs-contact-box-content h3 {
   color: #fff;
   font-size: 20px;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0;
   font-weight: 500;
}

.faqs-contact-box-content p {
   color: #fff;
   font-size: 18px;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0;
   font-weight: 400;
   margin-top: 0;
}

.faqs-contact-box .icon-box i {
   color: #fff;
   font-size: 30px;
   margin-right: 10px;
}

/* .webdevelopment-section .core-box{
   height: 180px;
   margin-bottom: 80px;
}
.webdevelopment-section .core-box::before{
       bottom: -55px;
    left: -1px;
} */

.half-section .half-col-img {
   height: 100%;
   object-fit: cover;
}


:root {
   --spacing-card: 10%;
}

.sticky-section .container {
   /* width:100vw; */
   display: flex;
   flex-direction: column;
   height: auto;
   position: sticky;
}

.sticky-section .wrapper_full_width {
   width: 100%;
   text-align: center;
   position: sticky;
   top: 0;
}

.sticky-section h1 {
   font-size: 62px;
   color: black;
}

.sticky-section .card_wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
}

.sticky-section .ScrollSection {
   height: 150vh;
}

.sticky-section .Card {
   width: 100%;
   /* height:35vh; */
   top: var(--spacing-card);
   border-radius: 20px;
   margin-bottom: 10vw;
   /* padding : 5vw; */
   position: sticky;
   overflow: hidden;

}

/* .sticky-section .Scroll{
  height:300vh;
} */
.sticky-section .is_1 {
   background-color: #345262;
   z-index: 1;
}

.sticky-section .is_2 {
   background-color: #02313e;
   z-index: 2;
}

.sticky-section .is_3 {
   background-color: #1b0d18;
   z-index: 3;
}

.sticky-section .is_4 {
   background-color: #6B879E;
   z-index: 4;
}

.sticky-section .is_5 {
   background-color: #212d30;
   z-index: 5;
}

.sticky-section .is_6 {
   background-color: #484a51;
   z-index: 6;
}

.sticky-section .is_7 {
   background-color: #3b7c98;
   z-index: 7;
}

.sticky-section .is_8 {
   background-color: #484038;
   z-index: 8;
}

.industries-imagestyle img {
   height: 465px;
   object-fit: cover;
   display: flex;
   margin: 0 auto;
   width: 100%;
}

.sticky-section .main-heading.custom-design {
   padding: 30px;
}

.bottom-border-form .form-control {
   border-bottom: 1px solid #000;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-radius: 0;
   font-family: 'Josefin sans', serif;
   background: transparent;
}

.bottom-border-form .input-group-text {
   border-bottom: 1px solid #000;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-radius: 0;
   background: transparent;
   font-family: 'Josefin sans', serif;
}

.contact-card {
   padding: 70px 40px;
   /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
   border-radius: 15px;
   background: #f8f4f0;
   min-height: 540px;
}

.contact-usmain-section .core-content h1 {
   font-size: 22px;
   color: #000;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0px;
   padding: 7px 50px;
}

.contact-usmain-section .core-content h1 a {
   color: #680518;
}

.contact-usmain-section .core-box h2 {
   font-size: 30px;
   color: #2e2929;
   line-height: 30px;
   padding: 7px 50px;
   margin-bottom: 0;
   background-color: #f8f4f0;
   display: inline-block;
   margin: 20px 0 0px;
   border-bottom: 2px solid #4c4c4c;
}

.contact-usmain-section .core-box p {
   font-size: 17px;
   color: #000000;
   line-height: 21px;
   padding: 7px 50px;
   margin-bottom: 0;
   margin: 0px 0;
   font-family: 'Josefin Sans', serif;
   max-width: 100%;
}

.contact-usmain-section .core-round-box {
   right: 10%;
}

.contact-usmain-section .core-content {
   min-height: 195px;
}

.location-section {
   background: #f8f4f0;
}

.location-card h2 {
   font-size: 30px;
   color: #000000;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0;
   margin-top: 20px;

}

.location-card p {
   font-size: 17px;
   color: #000000;
   font-family: 'Josefin Sans', serif;
   margin-bottom: 0;
   margin-top: 0px;

}

.y-tech-main-hedaing {
   overflow: hidden;
}

.y-tech-main-hedaing h2 {
   -webkit-animation-duration: .70s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.7s;
   overflow: hidden;
}

.y-tech-main-hedaing p {
   -webkit-animation-duration: .70s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.7s;
   overflow: hidden;
}

.overall-button p {
   animation-name: none;
}

.y-tech-main-hedaing .overall-button {
   -webkit-animation-duration: .70s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.7s;
   overflow: hidden;
}

.privacy-policy-main .main-heading p {
   font-size: 18px;
}

.privacy-policy-main .main-list-light ul li {
   font-size: 17px;
   font-weight: 400;
}

.bottom-border-form .input-group input:focus {
   box-shadow: none;
}

.bottom-border-form .input-group textarea:focus {
   box-shadow: none;
}

a {
   text-decoration: none !important;

}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
   color: #fff;
}

.uk-lightbox.uk-open {
   z-index: 9999999 !important;
}

.custom-lightbox {
   border: 1px solid #ccc;
}


.hover-on-scroll .screen {
   display: block;
   width: 100%;
   height: 500px;
   overflow: hidden;
   position: relative;
   /* border: 2px solid #b3b3b3; */
   border-radius: 1px;
   margin: 0 auto;
}

.hover-on-scroll .screen img {
   bottom: -1065px;
   width: 100%;
   height: auto;
   position: absolute;
   z-index: 0;
   margin: 0;
   padding: 0;
   -webkit-transition: top 5s;
   -moz-transition: top 5s;
   -ms-transition: top 5s;
   -o-transition: top 5s;
   transition: bottom 5s;
}

.hover-on-scroll .screen:hover img {
   bottom: 0 !important;
   -webkit-transition: all 5s;
   -moz-transition: all 5s;
   -ms-transition: all 5s;
   -o-transition: all 5s;
   transition: all 5s;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-3xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0 0 0 0;
   font-family: 'Josefin Sans', serif;
}

*+address,
*+dl,
*+fieldset,
*+figure,
*+ol,
*+p,
*+pre,
*+ul {
   margin-top: 0px;
}

.uk-lightbox {
   background: #000000d4;
}

.logo-slider-svg {
   width: 100%;
   height: 125px;
   background: #fff;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.logo-slider-svg img {
   height: 150px;
   object-fit: cover;
   width: 175px !important;
}

.creative-image {
   min-height: 588px;
   object-fit: cover;
   border: 1px solid #ccc;
}

.creative-slider .owl-nav button {
   background: #680518 !important;
   color: #fff;
   height: 40px;
   width: 40px;
   border-radius: 100% !important;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: rgb(0 0 0) 0px 3px 8px;
}

.creative-slider .owl-nav button img {
   width: 30px !important;
}

.creative-slider .owl-nav button.owl-prev {
   position: absolute;
   left: 0px;
   top: 45%;
   opacity: 1;
   transition: .5s;
}

.creative-slider .owl-nav button.owl-next {
   position: absolute;
   right: 0px;
   top: 45%;
   opacity: 1;
   transition: .5s;
}

.creative-slider:hover .owl-nav button.owl-prev {
   left: -20px;
}

.creative-slider:hover .owl-nav button.owl-next {
   right: -20px;
}

.creative-scroll .hover-on-scroll .screen {
   height: 605px;
}