/*
Theme Name: Hurix.ai
Theme URI: https://hurix.ai/
Author: Your Name
Author URI: https://your-portfolio.com/
Description: A lightweight custom theme for Hurix.ai
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hurix-ai
*/

body{
    background-color:#000000;
     font-family: "Work Sans", sans-serif; 
       color: #ffffff;
}
header .navbar{
    background: linear-gradient(89.74deg, #36284B 0.57%, #10022C 99.84%);
    padding: 16px 32px;
}

h2,.h2{
    font-size: 40px;
    font-weight: 700;
  }
p{
	line-height:24px;
}

h3{
    font-size: 40px;
    font-weight: 600;
}

.trusted_logo h4{
	font-size: 30px;
    font-weight: 600;
	text-align:center;
}

.navbar-brand img{
    width: 155px;
}
.navbar-expand-lg .navbar-nav .nav-link{
    color: #ffffff;
    font-weight: 500;
    padding:.5rem 1.5rem;
}

.btn-primary {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    transition:all .3s;
	white-space:nowrap;
	padding: 3px;
    background: linear-gradient(69deg,rgba(74, 132, 202, 1) 0%, rgba(78, 134, 203, 1) 33%, rgba(110, 85, 156, 1) 66%, rgb(84, 60, 128) 98%);
	border:0;
    border-radius: 12px;
}
.btn-primary>span{
    padding:10px 30px;
  background: linear-gradient(90deg,rgba(74, 132, 202, 1) -50%, rgba(61, 44, 92, .8) 70%);
 transition:all .3s;
     display: inline-block;
      border-radius: 10px;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    border:0;
    box-shadow:0px 5px 20px 2px #482e7a;
     background: linear-gradient(69deg,#72c4f1 0%, rgba(78, 134, 203, 1) 33%, #9c57dc 66%, #6134b2 98%);
}

.btn-primary:hover>span,.btn-primary:focus>span,.btn-primary:active>span{
  background: linear-gradient(90deg,#548de3 -50%, #6436b4 70%);
}

/* startsecondbtn.. */

.btn-secondary {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    transition:all .3s;
	white-space:nowrap;
	padding: 3px;
    background: linear-gradient(155deg,rgba(77, 75, 80, 1) 45%, rgba(50, 48, 53, 1) 100%);
    border:0;
    border-radius: 12px;
	display:none;
}
.btn-secondary>span{
     padding:10px 30px;
    display: block;
    background: linear-gradient(155deg,rgba(115, 113, 119, 1) 10%, rgba(56, 55, 60, 1) 90%);
    transition:all .3s;
     display: inline-block;
      border-radius: 10px;
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{
    border:0;
    box-shadow:0px 5px 20px 2px #555458;
    background: linear-gradient(101.98deg, #4d4b50 0%,#555458 100%);
}

.btn-secondary:hover>span,.btn-secondary:focus>span,.btn-secondary:active>span{
   background: linear-gradient(69deg,#2b292d 0%, rgba(103, 102, 107, 1) 33%, #4d4b50 66%, #323035 98%);
}
/*endsecondbtn.. */ 


  .container>*,.container-fluid>*{
    position:relative;
    z-index:99;
  }

.hero_section {
    padding-top:180px;
    padding-bottom: 180px;
}

.hero_section {
    background-image: url(/wp-content/uploads/2025/07/firstfoldbg1.png);
    background-size: cover;
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

.top-text{
    font-size: 95px;
    font-weight: 600;
    background: linear-gradient(to right, #13A2FE, #5177FE,#5B2B99,#5B2B99);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    max-width: 1320px;
    line-height: 80px;
}

.hero_section .Possibility {
    font-size: 53px;
    font-weight: 700;
    color: #ffffff;
}

.hero_section p{
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

.client_slider .slick-slide img{
margin:auto;
height: 90px;
}

.client_slider .slick-slide{
	float: none;
}

.client_slider .slick-track{
	display: flex;
	align-items: center;
}

.sub_text {
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
}

.Vision_sub{
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
}



.architecture{
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
	line-height:30px;
}

.counter-section {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
    }

    .counter-box {
      min-width: 180px;
    }

    .counter-number {
      font-size: 60px;
      font-weight: 700;
      color: #fff;
    }

    .counter-label {
      font-size: 20px;
      font-weight: 400;
      line-height: 1.5;
      color: #ffffff;
      margin-top: 8px;
      
    }


 /* .box_image1{
    background-image: url(../images/we1.png);
    
 } */

 .box_image{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding: 0;
    object-fit: cover;
    border-radius: 12px;
    height: 300px;
 }
 .box_content{
    color: #FFFDFD;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    border-radius: 12px;
    height: 100%;
    transition: all .3s;
    position: absolute;
    padding: 15px 30px 15px;
    top: calc(100% - 47px);
}


.box_content h3{
    color: #FFFDFD;
    font-size: 16px;
    font-weight: 500;
}

.box_content p{
    color: #FAFAFA;
    font-size: 14px;
    font-weight: 400;
}

 .box_image:hover .box_content {
    top: 0px;
 }
	
.faq_section h2{
	font-size: 20px;
    font-weight: 500;

}

.accordion-button{
    background-color: #28282e;
    color: #fff;

}

.accordion-item:first-of-type>.accordion-header .accordion-button{
        box-shadow: 0 0 0;
}
.accordian_image{
	transition: .4s all ease;
}

.faq_sections p{
	font-size: 16px;
    font-weight: 400;
}
.faq_section .accordion-button:not(.collapsed) {
   border: 0;
   background-color:#2e2e2e !important;
}
.faq_sections button{
font-weight: 500;
font-size: 20px;

    background-color:#2e2e2e;
}

.faq_sections .accordion-body {
    padding: 10px 18px 18px 18px;
    background-color: #2e2e2e;
    color: #fff;
}

.faq_sections .accordion-item {
    margin-bottom: 20px;
	border-radius: 8px;
}

.accordion-button:not(.collapsed){
	color:#ffffff;
    background-color: #2e2e2e;
	box-shadow:none !important;
}
.accordion-button::after{
	background-image: url(/wp-content/uploads/2025/07/up-circle.svg);
    width: 48px;
    height: 48px;
    background-size: 48px;
    transition: all .3s;
    background-position: center;
}
.accordion-button:not(.collapsed)::after{
	transform:rotate(180deg);
    	background-image: url(/wp-content/uploads/2025/07/up-circle.svg);
}

.faq_sections .accordion_tab{
   
    background-color: #22222F80;
    border: 1px solid #2e2e2e;
    border-radius: 32px;
    padding: 30px;
}


.faq_sections .accordion-item{
    margin-bottom: 12px;
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    padding:0;
} 

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

.accordion-item{
padding: 20px;    
}

.faqs_section .bg-light{
	background-color:#000;
}


 .faq_sections .img-fluid{
    border: 2px solid #1b1b25;
    border-color: #1b1b25;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    height: 395px;
    object-fit: cover;
   }

/* startwhychoice... */

.why_choice .why_box{
	border: 1px solid #22222F80;
    background-color: #22222F80;
    padding: 40px 40px 40px;
    min-height: 100%;
	border-radius: 12px;
    transition: box-shadow .3s;
}

 .why_choice .why_box:hover {
    box-shadow: 2px 2px 17px 2px rgb(255, 255, 255, 0.20);
}

.why_choice .why_box:hover svg path{
fill: #9747FF;
}

 .why_choice .why_box .choice_content{
    font-size: 22px;
    font-weight: 500;
    color: #F8F8FA;
 }

 .why_choice .why_box p{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff !important;
 }

/* endwhychoice.. */



/* starttabtestimonial... */




.testimonial-cards .aI_Architectures {
    font-size: 40px;
    font-weight:700;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}

.testimonial-cards .nav-tabs{
    border: none;
}

 .nav-tabs .nav-link {
      color: #fff;
      border: none;
      background: transparent;
      font-size: 20px;
      margin-right: 20px;
	     border-bottom: 3px solid transparent;
    }

    .nav-tabs .nav-link.active {
      border-bottom: 3px solid #13A2FE;
      color: #ffffff;
      background: none !important;
    }

    .tab-content {
      margin-top: 40px;
    }

    .testimonial-card {
      background-color: #161223;
      border-radius: 13px;
      padding: 30px;
      margin-bottom: 20px;
    }

    /* .testimonial-card img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 15px;
    } */

    .testimonial-card h5 {
      margin: 0;
      color: #ffffff;
      font-size: 24px;
      font-weight: 700;
      text-align: start;
    }

    .testimonial-card p {
      margin-top: -30px;
    color: #ffffff;
    text-align: left;
    font-weight: 400;
    font-style: italic;
    line-height: 30px;
    letter-spacing: 1px;
    }

    .testimonial-card .role {
      font-size: 14px;
      color: #ffffff;
      text-align: start;
    }

    .testimonial-card .doublecounts{
        opacity: 0.2;
    }

.testimonial-slider .card-content h3{
	min-height:86px;
}


/* endtabtestimonial... */

/* start faqs */

.faqs_section h2{
	font-size: 40px;
    color: #ffffff;

}
.faqs_section p{
	font-size: 20px;
}
.faqs_section .accordion-button:not(.collapsed) {
   border: 0;
   background-color:#111117;
}

.faqs_section .accordion-item{
    background-color:#111117;
    color: #ffffff;
    border-color: #111117 !important;
}

.faqs_section .accordion-button{
background-color: #111117;
}

.faqs_section button{
	font-weight: 500;
    font-size: 20px;
}
.faqs_section .accordion-body {
    padding: 10px 18px 18px 18px;
}

.faqs_section .accordion-button::after{
	background-image: url(../images/down-circle.svg);
    width: 22px;
    height: 22px;
    background-size: 22px;
    transition: all .3s;
    background-position: center;
}


.faqs_section .accordion-button:focus{
box-shadow: none;
}
.faqs_section .accordion-item {
    margin-bottom: 20px;
    padding:0;
	border-radius: 8px;
}
.faqs_section .accordion-item:not(:first-of-type) {
	border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.faqs_section .accordion-button:not(.collapsed){
	color:#ffffff;
}
.faqs_section .accordion-button::after{
	background-image: url(/wp-content/uploads/2025/07/plus-icon.svg);

}
.faqs_section .accordion-button:not(.collapsed)::after{
	background-image: url(/wp-content/uploads/2025/07/minus-icon.svg);
}


/* end faqs */


/* footerstart.. */


.footer_section .about_us .about{

    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}

.solution_list{
    color: #fff;
    text-decoration: none;
    list-style: none;
}

.solution_list a{
    color: #fff;
    text-decoration: none;
    list-style: none;
}

.footer_section .about_us p{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}

.footer_section .about_us .privacy_list{
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    padding: 0;
    list-style: none;
}

.footer_section .copy_right{
    font-size: 16px;
    color: #797B78;
    font-weight: 500;
}

.footer_section .privacy_list{
    color: #797B78;
    font-size: 16px;
    text-decoration: none;
    list-style: none;
}

.footer_section .privacy_list a {
    color: #797B78;
    text-decoration: none;
}


.footer_section .hurixs_logo{
            text-align: center;
 }

 .gradient-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle,rgba(86, 27, 190, 0.54) 0%, rgba(86, 27, 190, 0) 25%);
  transition: background-position 0.1s ease;
  z-index: -1;
	 top:0;
}

.sec_padding{
    padding:50px 0;
}
  #particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* behind other content */
  }

.header{
    z-index:4;
}


.testimonial-slider {
      padding: 60px 20px;
      max-width: 1500px;
      margin: auto;
      position: relative;
    }

    .slider .card {
      background: #2d2d2d;
      border-radius: 10px;
      overflow: hidden;
      color: white;
      text-align: left;
      margin: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .card img {
      width: 100%;
      height: 160px;
      object-fit: cover;
    }

    .card-content {
      padding: 20px;
    }

    .card-content h3 {
      margin: 0 0 10px;
      font-size: 18px;
    }

    .card-content p {
      font-size: 14px;
      color: #ccc;
    }
/* 
industrynewdesign... */

.industry_we .cards img {
      width: 100%;
      object-fit: cover;
    }

  .cards .cards_contents {
    background-color: #2d2d2d;
    padding: 20px;
    border-radius: 0px 0px 15px 15px;
	      min-height: 222px;
}


   .industry_we .cards_contents h3{
      margin: 0 0 10px;
      font-size: 18px !important;
    }

   .industry_we .cards_contents p{
      font-size: 14px;
      color: #ccc;
    }

.modal-header{
	border-bottom:none;
}

/* endindustry.... */

    /* Arrows */
    .slick-prev,
    .slick-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 45px;
      height: 45px;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      border: none;
      z-index: 1000;
      cursor: pointer;
    }

    .slick-prev {
      left: -55px;
    }

    .slick-next {
      right: -55px;
    }

    .slick-prev:before,
    .slick-next:before {
      color: #fff;
      font-size: 24px;
      line-height: 1;
    }

    .slick-prev .slick-next:hover{
        background: none !important;
    }

    /* Dots Styling */
    .slick-dots {
      bottom: -30px;
    }

    .slick-dots li button:before {
      font-size: 12px;
      color: #999;
      opacity: 1;
    }

    .slick-dots li.slick-active button:before {
      color: #fff;
    }

    .case_studys {
      background: 
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(60deg, #13A2FE, #9747FF) border-box;
      color: #313149;
      padding: 8px 16px;
      border: 1px solid transparent;
      border-radius: 40px;
      display: inline-block;
      font-size: 14px;
	  font-weight:700;
    }

    .case_studys a {
      text-decoration: none;
      color: #000000;
      font-weight: 600;
    }

.labeing_data{
	padding:60px 0px;
}

.custom-list{
	list-style: none;
	padding:0;
	margin:0;
}

.custom-list li{
    font-weight: 500;
	padding:10px 0;
	padding-left: 40px;
	position: relative;
	font-size:18px;
}

.custom-list li svg{
	position: absolute;
	left:0;
	top:-3px;
}

.modal-body p{
	font-size:20px;
	font-weight:700;
	text-align:center;
	color:#000;
}


.custom-list li {
            padding: 8px 0;
            padding-left: 32px;
        }
        .custom-list li svg {
            width: 20px;
        }


	.gray-scale img {
		filter: grayscale(100%);
    transition: all 0.5s ease-in-out;
}

.gray-scale img:hover {
       filter: grayscale(0%);
       transform: scale(1.05);
     }

.labeling_services {
	font-size:24px;
	font-weight:700;
}

 .why_choices .ml_engineers .choice_content .custom-list li svg:hover svg path{
fill: #13A2FE !important;
}
.why_choices .ml_engineers{
	border: 1px solid #22222F80;
    background-color: #22222F80;
    padding: 40px 40px 40px;
    min-height: 100%;
	border-radius: 12px;
    transition: box-shadow .3s;
}

 .why_choices .ml_engineers:hover {
    box-shadow: 2px 2px 17px 2px rgb(255, 255, 255, 0.20);
}
 .why_choices .ml_engineers .choice_content{
    font-size: 22px;
    font-weight: 500;
    color: #F8F8FA;
 }

 .why_choices .ml_engineers p{
    font-size: 16px;
    font-weight: 400;
    color: #ffffff !important;
 }

.gray_image{
	object-fit:cover;
}
/* footerend.. */
.breadcrumb_sec li a{
	color:#fff;
	text-decoration:none;
}
.breadcrumb-item.active{
		color:#fff;
}
.breadcrumb-item+.breadcrumb-item::before{
	color:#fff;
}

.footer-form .lets_build{
	border: 1px solid #434353;
    border-radius: 26px;
    background-color: #131420;
}

.about_us p{
	padding-right:80px;
}





.hero-about {
    position: relative;
    background: url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop) no-repeat center center / cover;
    padding: 2rem 0 8rem;
    color: white;
}
.hero-about::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(10, 14, 26, 1), rgba(10, 14, 26, 0.7));
    z-index: 1;
}
.hero-about h1 {
    font-size: 3.5rem;
    font-weight: 700;
}
.section_sec {
    padding: 6rem 0;
}

.story-card {
    background-color: #121828;
    border: 1px solid #ffffff1a;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
}
.story-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.story-card-icon {
    font-size: 2.5rem;
    color: #0693e3;
    margin-bottom: 1rem;
}
.story-card-number {
    font-size: 2.8rem;
    font-weight: 700;
    color: #f8f9fa;
}
.expertise-section li {
    margin-bottom: 1rem;
    padding-left: 2rem;
    position: relative;
}
.expertise-section ul {
    list-style: none;
    padding-left: 0;
}
.expertise-section li::before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #0693e3;
    position: absolute;
    left: 0;
    top: 5px;
}
.expertise-section img {
    border-radius: 12px;
    object-fit: cover;
    height: 100%;
}
.story-card-text {
    color: #adb5bd;
    margin-top: -5px;
}
.about_logo_sec .sec_padding{
	padding:0px;
}

.location-card {
	background-color: #131420;
    border: 1px solid #ffffff1a;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
}

.about_logo_sec .sec_padding{
	padding:0px;
}

.location-icon{
	width: 60px;
    height: 60px;
    margin: 0 auto 1.5rem;
}

.location-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
        }