@import url("/css/font-awesome-pro.css");
@import url("/css/section-css/reset.css");
@import url("/css/section-css/header.css");
@import url("/css/section-css/hero.css");
@import url("/css/section-css/text-move.css");
@import url("/css/section-css/features.css");
@import url("/css/section-css/about.css");
@import url("/css/section-css/partner.css");
@import url("/css/section-css/video.css");
@import url("/css/section-css/portfolio.css");
@import url("/css/section-css/service.css");
@import url("/css/section-css/team.css");
@import url("/css/section-css/testimonial.css");
@import url("/css/section-css/pricing.css");
@import url("/css/section-css/blog.css");
@import url("/css/section-css/call-action.css");
@import url("/css/section-css/contact.css");
@import url("/css/section-css/faq.css");
@import url("/css/section-css/404.css");
@import url("/css/section-css/footer.css");
@import url("/css/section-css/sidebar-popup.css"); 

.relative { position:relative; }
.mt-50 { margin-top:50px; }
.pb-40 { padding-bottom:40px !important; }

.tc-header { } 
.tc-header.sticky { }

.light_logo { display:none  } 
.dark_logo { }
 
.tc-header {  } 
.tc-header.sticky .light_logo { display:none; } 
.tc-header.sticky .dark_logo { display:block; } 

.tc-header-nav__menu li a.primary-btn3 { background:#1c1a1e; border-radius:6px; padding:16px 27px; font-size:16px; color:#fff; }

.tc-header-nav__menu { }
.tc-header-nav__menu li a.primary-btn3 { background:var(--primary-color)!important; border:1px solid var(--primary-color); color:#fff; margin-top:0px; border-radius:30px; }

.tc-header-nav__menu li a.primary-btn3:hover { background:var(--primary-color); color:#fff !important; }
.tc-header-nav__menu li a.primary-btn3:hover  svg,
.tc-header-nav__menu li a.primary-btn3:hover  svg path { fill:#fff !important; }

.tc-header-nav__menu li a.primary-btn3:before,
.tc-header-nav__menu li a.primary-btn3:hover:before { display:none; }


.tc-header-nav__menu li.dropdown > a:after { content:"+"; font-family:var(--font_awesome); margin-inline-start:3px; font-weight:600; font-size:12px; }




.breadcrumb-section { padding-top:50px; }
.breadcrumb-section .banner-content { text-align:center; }
.breadcrumb-section .banner-content .breadcrumb-list { padding:0; margin:0; list-style:none; display:inline-flex; align-items:center; gap:16px; padding:9px 23px; border-radius:50px; border:1px solid #ddd; }
.breadcrumb-section .banner-content .breadcrumb-list li { color:#666; font-weight:500; font-size:16px; line-height:1.5; display:flex; align-items:center; gap:16px; }




.listing { padding-left:20px; margin-top:10px; }
.listing li { list-style:disc; margin-bottom:10px; }

.tc-about-number .number-text { font-size:16px; line-height:23px; }

.tc-service__item-content { max-width:400px; width:400px; }

.tc-footer__logo { width:220px; }

.tc-text-move--style2 .tc-text-slide__title { font-size:60px; }


/* hero area 5 style  */
.hero-area-5 { height:100vh; padding:0px; background-color:#010001; position:relative; z-index:3; }
.hero-area-5-inner { padding-top:90px; padding-bottom:90px; }
.hero-area-5 .area-bg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; }
.hero-area-5 .area-bg img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.hero-area-5 .area-bg .lines { position:absolute; width:100%; height:100%; top:0; left:0; -o-object-fit:cover; object-fit:cover; opacity:0.06; }
.hero-area-5 .area-bg .dots { position:absolute; width:100%; height:100%; top:0; left:0; -o-object-fit:cover; object-fit:cover; opacity:0.74; }
.hero-area-5 .area-bg .dots img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; opacity:0.1; }
.hero-area-5 .section-subtitle { font-size:18px; font-style:italic; font-weight:400; line-height:1.18; color:#fff; display:inline-block; } 
.hero-area-5 .section-subtitle:before { display:none; }
.hero-area-5 .section-title { font-size:130px; font-weight:400; line-height:1.07; letter-spacing:0; color:#fff; letter-spacing:0.01em; } 
.hero-area-5 .section-title span { font-weight:600; background-image:linear-gradient(235.28deg, #FFD7D7 -1.14%, #FF9292 40.74%, #FF48E7 68.06%, #BA1EF5 94.29%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; }
.hero-area-5 .section-content { position:relative; z-index:1; width:900px; }
.hero-area-5 .section-content .text { font-size:18px; font-weight:300; width:80%; line-height:1.42; color:#fff; opacity:0.7; } 
.hero-area-5 .section-content .title-wrapper { margin-top:4px; }
.hero-area-5 .section-content .text-wrapper { margin-top:3px; }
.hero-area-5 .section-content .btn-wrapper { margin-top:40px; }
.hero-area-5 .section-content .t-btn-primary { padding:12px 33px; background-color:transparent; border:1px solid #fff; border-radius:30px; transition:0.5s; color:#fff; }
.hero-area-5 .section-content .t-btn-primary:hover { background-color:#fff; color:#000; }
.hero-area-5 .section-content-wrapper { padding-top:90px; margin-bottom:32px; } 


.hero-area-5 .area-shape-image .shape-1 { position:absolute; top:26%; transform:translateY(-26px); right:150px; transform:rotate(185deg); width:500px; z-index:-1; } 
.hero-area-5 .area-shape-image .shape-1 img { animation:moveOne 15s infinite ease-in-out; }
@keyframes moveOne {
0% { transform:translateX(0); }
50% { transform:translateX(-100px); }
100% { transform:translateX(0); }
}
.hero-area-5 .social-links { display:flex; flex-direction:column; align-items:flex-start; gap:34px; margin-top:171px; display:none; } 
.hero-area-5 .social-links a { color:#fff; font-size:18px; opacity:0.5; position:relative; transition:all 0.5s; }
.hero-area-5 .social-links a:hover, .hero-area-5 .social-links a.active { opacity:1; }
.hero-area-5 .social-links a:hover:before, .hero-area-5 .social-links a.active:before { opacity:0.4; }
.hero-area-5 .social-links a:not(:first-child):before { position:absolute; content:""; width:4px; height:4px; background-color:#fff; border-radius:50%; opacity:0.4; left:50%; top:-19px; transform:translate(-50%, 0); } 


.tc-about__inner { gap:30px; }
.tc-about-cont { gap:30px; }
.tc-about__inner { }
.tc-about__inner > .d-flex { gap:80px; }

.seperator-line { height:350px; }

















.tc-partner__slider .swiper-slide img {
  filter:grayscale(100%);
  max-width:132px;
  height:60px;
  object-fit:contain;
  transition:filter 0.3s ease;
  
  /* Browser compatibility */
  -webkit-filter:grayscale(100%);
  -webkit-transition:-webkit-filter 0.3s ease;
  -moz-transition:filter 0.3s ease;
  -o-transition:filter 0.3s ease;
}

.tc-partner__slider .swiper-slide:hover img {
  filter:grayscale(0%);
  -webkit-filter:grayscale(0%);
}


.tc-partner__slider .swiper-slide { margin:0px 0px !important; }


/* Services */

.tc-features,
.tc-service { background:#000 url("/img/features/bg-dotted-shape.png") 50% 0; background-repeat:repeat;  }



.tc-sec-head { margin-bottom:60px !important; }
.tc-service .tc-sec-head__text { width:100%; max-width:100%; }




.bb-service__item { }
.bb-service__item .bb-service__item-inner { border:1px solid #242424; padding:30px 30px; border-radius:6px; min-height:303px; margin-bottom:26px; }
.bb-service__item .bb-service__item-inner:hover { background:#00000030; }

.bb-service__item .bb-service__item-img { margin-bottom:20px; }
.bb-service__item .bb-service__item-img img { width:44px; }

.bb-service__item .bb-service__item-content { }
.bb-service__item .bb-service__item-content .bb-service__item-number { color:#9ca3af; display:none; }
.bb-service__item .bb-service__item-content .bb-service__item-title { color:#fff; font-weight:500;font-size:18px; width:86%; min-height:46px; margin-bottom:10px; }

.bb-service__item .bb-service__item-info { }
.bb-service__item .bb-service__item-info .bb-service__item-desc { color:#9ca3af; line-height:22px; }
 

 
.why_budgetbytes,
.who_needs_this { padding:70px 0; }

.rs-about-seven { position:relative; z-index:1; overflow-x:clip; background-color:var(--secondary-color); }
.rs-about-seven .about-bg-thumb { background:url(../img/about-thumb-09.png) center right no-repeat; position:absolute; width:53%; height:100%; top:0px; right:0px;
z-index:-1; background-size:100% 100%; }

.rs-about-seven .about-content-wrapper { max-width:615px; position:relative; z-index:1; }
.rs-about-seven .about-list-wrapper { margin-top:30px; margin-bottom:30px; }
.rs-list-item.is-list-block ul { display:block; }
.rs-list-item.is-list-block ul li:not(:last-child) { margin-bottom:13px; }
.rs-about-seven .rs-list-item ul li { align-items:start; }
.rs-list-item ul li { list-style:none; display:flex; align-items:center; gap:12px; color:var(--rs-title-primary); }
.rs-about-seven .rs-list-item ul li img { top:2px; position:relative; width:14px;  }


.about-thumb { position:absolute; width:50%; height:100%; top:0px; right:0px; overflow:hidden; }

.who_needs_this .about-thumb {  position:absolute; width:48%; height:100%; top:0px; left:0px; overflow:hidden; }
.who_needs_this .about-content-wrapper { padding-left:50px; }

.about-thumb img,
.who_needs_this .about-thumb img { height:100%; object-fit:cover; }



/* == */
.rs-work-step-three .work-step-wrapper { display:grid; grid-template-columns:repeat(4, 1fr); gap:50px; border-top:2px solid #E7E7E8; }
.rs-work-step-three .work-step-thumb { margin-inline-start:20px; }
.rs-work-step-three .work-step-number { font-size:36px; color:#333; font-weight:700; line-height:0.8; display:inline-block; margin-top:32px; margin-bottom:24px; }
.rs-work-step-three .work-step-title { margin-bottom:10px; }
 



/* Blogs */
.blog-area { }
.blog-area .d-flex { justify-content:space-between;   align-items:center; }

.blog-1 .thumb { position:relative; border-radius:8px; overflow:hidden; }

.blog-1 .tag { font-size:14px; font-weight:400; line-height:26px; color:#fff; display:block; background:rgb(0 0 0 / 10%); border-radius:30px; padding:2px 16px; 
position:absolute; bottom:20px; left:20px; /* opacity:0; */ z-index:5; border:1px solid #fff; transition:0.5s; }
.blog-1:hover .tag { opacity:1; }

.blog-1 .thumb img { width:100%; transition:0.5s; }
.blog-1:hover .thumb img { transform:scale(1.1); }

.blog-1 .content { margin-top:18px; }
.blog-1 .date { font-size:14px; font-weight:400; line-height:26px; display:inline-block; }
.blog-1 .title { margin-top:6px; }

.blog-1 .title a {  font-size:20px; font-weight:500; line-height:1.3; width:100%; background-image:linear-gradient(transparent calc(100% - 1px), var(--primary) 1px); background-repeat:no-repeat; background-size:0% 100%;transition:background-size 1s; background-position:0px 0px; }
.blog-1:hover .title a { background-size:100% 100%; }




/* ===== About Us ===== */

.what_we_do { padding:70px 0; }
.what_we_do .about-bg-thumb {  }

.our_mission { }
.our_mission .tc-feature__item { }
.our_mission .tc-feature__item .bb-service__item-img { margin-bottom:20px; }
.our_mission .tc-feature__item .bb-service__item-img img { width:44px; }



.core_expertise { }
.core_expertise .col-lg-4 { margin-bottom:30px; }
.core_expertise .card { background:#f9fafb; border:1px solid #d9d9d97a;  padding:30px 30px; border-radius:6px; min-height:230px; }
.core_expertise .card .work-step-number { color:#dadde2; font-weight:300; margin-top:0px; }
.core_expertise .card .work-step-title { font-weight:500; font-size:22px;  margin-bottom:10px; }
.core_expertise .card p {    line-height:22px; }


/* ===== Services ===== */



.work-step-item { }
.work-step-item h4 { font-size:20px; }
.tc-sec-head__title { font-size:38px; line-height:43px }


















/* ===== Contact ===== */

.tc-contact { }
.tc-contact .section-content { }
.tc-contact .section-content .tc-sec-head { margin-bottom:20px !important; }
.tc-contact .section-content .contact-list { margin-bottom:20px !important; }
.tc-contact .section-content .contact-list ul {  }
.tc-contact .section-content .contact-list ul li { padding:12px 0;  }

.tc-contact .section-content .social-links-wrapper {   }
.tc-contact .section-content .social-links-wrapper p { margin-bottom:10px !important;   }
.tc-contact .section-content .social-links a { padding:7px 0; text-align:center; width:36px; height:36px; border:1px solid#ddd; border-radius:6px;  }



















footer  { position:relative;border-radius:40px 40px 0 0; overflow:hidden;  }
footer .area-bg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; }
footer .area-bg img { width:100%; height:100%; object-fit:fill; }
footer .tc-footer__inner { position:relative; z-index:1; background:#0000003b !important; }











/* ===== Responsive Media ===== */

.container { /* border:1px solid#ddd; */ }

/* @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1320px; } } */
@media (min-width:576px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:96%; } }
@media (min-width:767px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:96%; } }
@media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1180px; } }
@media (min-width:1300px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1250px; } }
@media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1350px; } }
@media (min-width:1500px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1440px; } }



 
@media only screen and (max-width:1199px) {
.hero-area-5 .area-shape-image .shape-1 { width:400px; top:0; right:77px; }

}

@media only screen and (min-width:995px) {
.tc-header-actions { display:none; }
}

@media only screen and (max-width:995px) {


.tc-header__wrapper { gap:68px; }	
	
/*
.hero-area-5 .section-title { font-size:60px; }
.hero-area-5 .section-content .text { font-size:16px; }
.hero-area-5 .area-shape-image .shape-1 { top:26%; transform:translateY(-26px); right:150px; transform:rotate(185deg); width:300px; } 
.hero-area-5 .section-content { width:350px; }
*/
.hero-area-5 { height:auto; padding-bottom:50px; overflow:hidden; }
.hero-area-5 .section-content { width:100%; }
.hero-area-5 .section-content-wrapper { grid-template-columns:1fr; }
.hero-area-5 .section-title { font-size:120px; }
.hero-area-5 .area-shape-image .shape-1 { width:360px; top:auto; right:77px; bottom:0; }
.hero-area-5 .section-content .text-wrapper {  width:70%; }

.tc-partner__inner::before,
.tc-partner__inner::after { width:24px; }

.rs-work-step-three .work-step-wrapper { grid-template-columns:repeat(1, 1fr); gap:0px; border-top:0px !important;  }
.rs-work-step-three .work-step-thumb { display:none; }

/* Services */
.why_budgetbytes, .who_needs_this { padding-bottom:0px; }
.about-thumb,
.who_needs_this .about-thumb { position:relative; width:100%; margin-top:30px; }
.who_needs_this .about-content-wrapper { padding-left:0px; } 

.about-thumb img,
.who_needs_this .about-thumb img { height:auto; object-fit:cover; }

}	

@media (max-width:575px) {

h3 { font-size:30px; }	

.tc-header__wrapper { gap:68px; }

.tc-header-logo,
.side-menu-logo a { width:180px; }


.hero-area-5 .section-content-wrapper { padding-top:40px; }

.hero-area-5 {  overflow:hidden; }	
.hero-area-5 .section-title { font-size:60px; }
.hero-area-5 .section-content .text-wrapper,
.hero-area-5 .section-content .text { width:100%; }
.hero-area-5 .area-shape-image .shape-1 { width:260px; top:auto; right:77px; bottom:0; }

.tc-about__inner { }
.tc-about__inner > .d-flex { gap:20px; }
.tc-about-number .big-number { font-size:140px; line-height:100%; }

.tc-about-bubble { min-width:120px; width:120px; }
.seperator-line { height:1px; }


.tc-text-move { overflow:hidden; }

.tc-portfolio__inner .col-lg-6 { padding:0 15px; }













/* InnerBanner */

.banner-content { }
.banner-content h1 { font-size:30px; }
.tc-sec-head__title { font-size:26px; }
.breadcrumb-section .banner-content .breadcrumb-list { display:flex; flex-wrap:wrap; gap:0px; }
/*
.breadcrumb-section .banner-content .breadcrumb-list li { width:40%; }
.breadcrumb-section .banner-content .breadcrumb-list li:nth-child(2),
.breadcrumb-section .banner-content .breadcrumb-list li:nth-child(4) { width:10%; }
*/

.breadcrumb-section .banner-content .breadcrumb-list li:nth-child(5) { width:100%; }



}