/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*TYPOGRAPHY*/
:root{
	--blue:#273272;
	--rouge:#dc0800;
	--orange:#f60
}
p{
	color:#666666;
	font-family:'Roboto',sans-serif;
	font-size:16px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Exo 2'!important;
}
h2{
    font-size: 30px!important;
    line-height: 1.2!important;
    font-family: 'Exo 2'!important;
}
/*Assets*/
.subtitle{
	color:var(--rouge);
	font-size:16px;
}
.subtitle p{
	margin-bottom:0;
	color:var(--rouge);
	font-weight:600
}
.subtitle img{
	    animation: spin 7s linear infinite;
}
@keyframes spin{
	0% {
    -webkit-transform: rotateX(-20deg) rotateY(0deg);
    transform: rotateX(-20deg) rotateY(0deg);
}
75% {
    -webkit-transform: rotateX(-20deg) rotateY(360deg);
    transform: rotateX(-20deg) rotateY(360deg);
}
100% {
    -webkit-transform: rotateX(-20deg) rotateY(360deg);
    transform: rotateX(-20deg) rotateY(360deg);
}
}
#main{
	padding-top:0!important;
	padding-bottom:0!important;
	padding-left:0!important;
	padding-right:0!important
}
/*HEADER*/
.fusion-main-menu>ul>li>a {
    height: 80px!important;
    line-height: 80px!important;
	font-weight:600
}
.fusion-logo {
    --logo_margin-top: 10px;
    --logo_margin-bottom: 10px;
	position:relative
}
/* .fusion-logo::before{
	position:absolute;
	content:"";
	background:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/telechargement.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	top:-73px;
	left:-50px;
	width:315px;
	height:140px;
} */
/*SLIDER STYLE*/
.triangle-slide{
      transition: all 0.5s ease-in-out;
      animation: floating_animate3 10s linear infinite;
 }
@keyframes floating_animate3{
      0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
    }
 .sr7-bullets{
    position:relative
  }
.sr7-bullets::after {
    position: absolute;
    bottom: 0px;
    left: 50%;
	top:-88px;
    width: 2px;
    height: 75px;
    background: rgb(255, 94, 20);
     background: linear-gradient(0deg, rgba(220, 8, 0, 1) 14%, rgba(220, 8, 0, 0.7595413165266106) 35%, rgba(220, 8, 0, 0.5746673669467788) 57%, rgba(220, 8, 0, 0.19371498599439774) 95%);
    transform: translateX(-50%);
    content: "";
}
.sr7-bullets::before {
    position: absolute;
    top:72px;
    left: 50%;
    width: 2px;
    height: 75px;
    background: rgb(255, 94, 20);
    background: linear-gradient(0deg, rgba(220, 8, 0, 1) 14%, rgba(220, 8, 0, 0.7595413165266106) 35%, rgba(220, 8, 0, 0.5746673669467788) 57%, rgba(220, 8, 0, 0.19371498599439774) 95%);
    transform: translateX(-50%);
    content: "";
  }
.sr7-bullet.selected{
	position:relative!important;
	overflow:visible!important;
	border-radius:50%!important
}
.sr7-bullet{
	border-radius:50%!important
}
.sr7-bullet.selected::after{
	border-radius:50%!important
}
.sr7-bullet.selected::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:20px;
	height:20px;
	border:1px solid #dc0800;
	border-radius:50%!important;
	z-index:10
}
 .shape-2{
    position: absolute!important;
    top: 0!important;
    width: 165px!important;
    height: 130px!important;
    background: #dc0800!important;
    clip-path: polygon(51% 100%, 0 0, 100% 0)!important;
    transform: translateY(-14%)!important;
    -webkit-transition: all 1200ms ease!important;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
} 
.fusion-secondary-header{
	background:var(--blue)
}
.fusion-header{
	height:80px!important
}
/*SECTION-01*/
.section-01{
	padding-top:60px;
	 background-image: url(https://demo.casethemes.net/industo/wp-content/uploads/2022/05/bg-right.png);
    background-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/08/bg-right-1.png);
    background-position: top right;
    background-repeat: no-repeat;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.section-01 .box{
	padding:30px;
	position:relative;
	z-index:1;
	transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.section-01 .box{
	position:relative
}
.section-01 .box::after {
	content: "";
    position: absolute;
    display: block;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    z-index: -1;
    background-color:#000;
    top: 0;
    left: 0;
    right: 12px;
    bottom: 0;
    -webkit-transition: .2s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .2s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .2s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .2s cubic-bezier(.24,.74,.58,1);
    -o-transition: .2s cubic-bezier(.24,.74,.58,1);
    transition: .2s cubic-bezier(.24,.74,.58,1);
}
.section-01 .box::before {
	content: "";
    position: absolute;
    display: block;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    z-index: -2;
    background-color:var(--rouge);
    top: 22px;
    left: 12px;
    right: 0;
    bottom: -15px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.section-01 .box:hover::before {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.section-01 .box:hover::after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.section-01 .box:hover p,.section-01 .box:hover h2, .section-01  .box:hover .fusion-content-boxes .content-container{
	color:#fff
}
.section-01 .content-container{
	color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.section-01 .fusion-content-boxes, .section-01 .content-box-column{
	margin-bottom:0
}
/*SECTION-02*/
.section-02{
	padding-top:60px;
	position:relative
}
.section-02 .left{
	position:relative
}
.section-02 .layer{
	position:absolute;
	background-color:var(--rouge);
	bottom: 19px;
    left: -21px;
    width: 62%;
    height: 600px;
    transform: rotate(-4deg);
}
.section-02 .image-left , .section-02 .image-left{
	position:relative
}
.section-02 .image-left{
	height:650px;
}
.section-02 .image-left , .section-02 .image-left  img{
	width:100%
}
.section-02 .image-left  img{
	height:100%;
	width:100%;
	object-fit:cover
}
.section-02 .image-left::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    /* transform: skewX(-25deg); */
    transition: all 0.3s ease;
}
.section-02 .image-left , .section-02 .image-left:hover::before{
	animation: shine 1s;
}
.section-02 .right{
	padding-left:30px;
}
.section-02 .divider{
	position:absolute;
    top: 0px;
    right: 0px;
    width: 0.6%;
    height: 263px;
    border-radius: 100px 100px 100px 100px;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
	background-color:var(--rouge);
}
@keyframes shine{
	100% {
    left: 125%;
}
}
.tabs {
      display: flex;
	flex-wrap:wrap;
      margin-bottom:20px;
	  margin-top:20px;
    }
    .tab-btn {
      padding: 15px 50px;
      cursor: pointer;
      background: #f5f5f5;
      border: none;
      outline: none;
      transition: 0.3s;
      margin-right: 5px;
	  font-family:'Roboto'
    }
    .tab-btn.active {
      background: #d80000; /* rouge comme sur ton image */
      color: #fff;
    }
    .tab-content {
      display: none;
      color: #333;
      line-height: 1.6;
    }
    .tab-content.active {
      display: block;
    }
/*SECTION-BOXES*/
.section-boxes{
	padding-top:40px;
}
.section-boxes .card .icon{
	position:relative;
	overflow:visible;
	transition: all 300ms ease;
	margin-bottom:60px
}
.section-boxes .card:hover .icon{
	 transform: rotate(-360deg);
}
.section-boxes .card h3{
	font-size:25px!important;
	text-align:center!important
}
.section-boxes .card {
	width:calc(100% / 3 - ( 20px * 2 ));
	margin-right:20px;
    position: relative;
    display: flex;
    align-items: center;
    padding:100px 20px 35px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    text-align: center;
	justify-content:center;
	height:400px;
    background-color: #f2f4ec;
	z-index:1
}
.section-boxes .card::before {
    content: "";
    position: absolute;
    right: -413px;
    bottom: 0;
    width: 297px;
    height: 100%;
    background-color: #ebede5;
    transform: skewX(-49deg);
    transform-origin: top right;
    transition: all 400ms ease;
    z-index: -1;
}
.section-boxes .card:hover::before {
    width: 264%;
}
.section-boxes .card::after {
    content: "";
    position: absolute;
    right: -415px;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: var(--rouge);
    transform: skewX(-45deg);
    transform-origin: top right;
    transition: all 400ms ease;
    z-index: 2;
}
.section-boxes .card:hover::after {
    width: 100px;
}
.section-boxes .icon img{
	filter: invert(14%) sepia(91%) saturate(4135%) hue-rotate(357deg) brightness(94%) contrast(114%);
}
.section-boxes .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 1px dashed var(--rouge);
    background-color: #f8f5f0;
    z-index: -1;
    transition: all 300ms ease;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
}
.section-boxes .card .number {
    color: #f8f5f0;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: var(--rouge);
    border-radius: 50%;
    position: absolute;
    right:120px;
    top:125px;
    z-index: 2;
}
.section-boxes .card .number p{
	color:#fff
}
/*SECTION CHOOSE US*/
.section-choose-us{
	padding-top:60px
}
.section-choose-us .img-01, .section-choose-us .img-02{
	position:relative;
	width:100%;
	height:470px;
	overflow:visible;
}
.section-choose-us .fusion-builder-row{
	align-items:center
}
.section-choose-us .img-01 img, .section-choose-us .img-02 img{
	height:100%;
	width:100%;
	object-fit:cover
}
.section-choose-us .heading-with-icon .icon span {
	width:65px!important;
	height:65px!important;
}
.section-choose-us .img-01::after{
	position:absolute;
	left: -25px;
    top: -25px;
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid var(--rouge);
	z-index:-1
}
.section-choose-us .img-02::after{
	position:absolute;
	right: -25px;
    bottom: -25px;
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid var(--rouge);
	z-index:-1

}
.section-choose-us .content-box-column{
	margin-bottom:0
} 
.section-choose-us .content-box-column i{
	color: var(--accordian_active_color);
    font-size: 40px!important;
}
.section-choose-us .content-container .col-lg-6 {
        width: 100%;
}    
.section-choose-us .icon span{
	width:70px;
	height:70px;
	display:flex;
	align-items:center;
	justify-content:center
}
.section-choose-us .fusion-content-boxes{
	margin-bottom:0
}
/*SECTION CONTACT*/
.section-contact{
	padding-top:60px
}
.section-contact .contact-info{
	width: 100%;
    max-width: 520px;
    padding: 60px 40px;
    border: 1px solid var(--rouge);
    border-radius: 60px 0px 0px 0px;
    -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
    background: #fff;
}
.section-contact .fusion-builder-row{
	justify-content:space-between
}
.section-contact .gform_fields {
    row-gap: 20px!important;
}
.section-contact .gform_button{
	transform: perspective(0px) translateZ(0px)!important;
    text-transform: uppercase!important;
    box-shadow: none!important;
    cursor: pointer!important;
    z-index: 1!important;
    position: relative!important;
    overflow: hidden!important;
    transition: 0.5s!important;
    background-color: var(--rouge)!important;
    padding: 15px 30px!important;
}
   
.section-contact .image-contact{
	padding-left: 30%;
    position: absolute;
    bottom: 75px;
    right: 0;
	z-index:-1
}
   
.section-contact .contact-info .fusion-content-boxes .fusion-column{
	margin-bottom:0
}
.section-contact .contact-info i{
	font-size:30px!important;
}
.section-contact .form input:not(.gform_button){
	display: block!important;
    width: 100%!important;
    border: 1px solid #ecf1f5!important;
    min-height: 70px!important;
    padding: 12px 20px!important;
    background-color: #ecf1f5!important;
    resize: none!important;
    outline: none!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px!important;
}
.section-contact .form textarea{
	display: block!important;
    width: 100%!important;
    border: 1px solid #ecf1f5!important;
    padding: 12px 20px!important;
    background-color: #ecf1f5!important;
    resize: none!important;
    outline: none!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px!important;
	
}
.section-contact  .fusion-content-boxes{
	margin-bottom:0
}
.section-contact h2{
	margin-bottom:0
}
/*Footer*/

:root{
  --bg-1: #05102a;
  --bg-2: #0b2a50;
  --accent: #ef2746;
  --muted: #b9c5d6;
  --text: #fff;
  --container-width: 1100px;
}
.fusion-footer-widget-area{
	background:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/footer_bg.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}

body{font-family: 'Rubik', sans-serif; margin:0; color:var(--text); background:#fff}

/* Utility container */
.container{
  max-width:var(--container-width);
  margin:0 auto;
  padding:0 20px;
}

/* Footer overall */
.site-footer{
  color:var(--text);
}

/* Subscribe bar (top) */
.subscribe-bar{
  padding:24px 0;
  box-shadow: 0 6px 0 rgba(0,0,0,0.2) inset;
}
.subscribe-bar .container{
  display:flex;
  align-items:center;
  gap:20px;
  justify-content:space-between;
}

/* Brand */
.brand{display:flex;align-items:center;gap:14px}
.logo-box{
  width:216px;display:flex;align-items:center;justify-content:center;border-radius:2px;
  font-size:28px;
}
.brand-text .brand-name{font-weight:700;font-size:20px}
.brand-text .brand-sub{font-size:12px;opacity:0.9}

/* Subscribe text (center) */
.subscribe-text{
  flex:1;
  font-weight:600;
  text-align:left;
  padding-left:20px;
}

/* Form */
.subscribe-form{
  display:flex;
  gap:10px;
  align-items:center;
}
.subscribe-form input{
  padding:12px 18px;
  border:0;
  outline:none;
  min-width:220px;
  border-radius:2px;
}
.subscribe-form button{
  background:var(--accent);
  border:none;
  color:#fff;
  padding:12px 20px;
  font-weight:700;
  cursor:pointer;
  border-radius:2px;
}

/* Footer main */
.footer-content{padding:30px 0 0}
.footer-content .container::before{
	content:none!important
}
.grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:30px;
  align-items:start;
}

/* Columns */
.col h3{
  margin:0 0 6px 0;
  font-size:18px;
  font-weight:700;
}
.accent{
  width:40px;height:6px;background:var(--accent);border-radius:6px;margin:8px 0 16px;
}
.footer-content .col p{color:var(--muted);line-height:1.6;font-size:14px}

/* Social icons */
.socials{margin-top:16px;display:flex;gap:10px}
.socials a{
  display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:var(--text);text-decoration:none;font-size:14px;opacity:0.95
}

/* Explore list */
.explore ul{list-style:none;padding:0;margin:0;color:var(--muted)}
.explore li{padding:8px 0;display:flex;gap:10px;align-items:center;font-size:14px}
.explore li i{width:16px;text-align:center;font-size:12px}

/* Contact list */
.contact-list{list-style:none;padding:0;margin:0;color:var(--muted)}
.contact-list li{padding:10px 0;display:flex;gap:10px;align-items:flex-start;font-size:14px}
.contact-list li i{width:22px;text-align:center;margin-top:4px}

/* Hours table */
.hours-table{width:100%;border-collapse:collapse;color:var(--muted);font-size:14px}
.hours-table td{padding:8px 0}
.hours-table td:first-child{width:55%}

/* Footer bottom */
.footer-bottom{background:rgba(0,0,0,0.05);padding:14px 0;text-align:center;color:rgba(255,255,255,0.7);font-size:13px;border-top:1px solid #fdfdfd;padding:0}
.footer-bottom .footer-container p{
	display: flex;
    align-items: center;
    justify-content: center;
	color: var(--muted);
}
.footer-bottom .footer-container img{
	width:40px
}
.fusion-footer-widget-area{
	padding:0
}
#footer{
	padding:0;
	background: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/footer_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fusion-social-links-footer{
	display:none
}
.section-06{
	background:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/service_bg_1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
	padding:60px 20px
}
/* Responsive */
@media (max-width:980px){
  .container{padding:0 18px}
  .subscribe-bar .container{flex-direction:column;align-items:stretch;gap:12px}
  .subscribe-text{text-align:left;padding-left:0}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr;gap:18px}
  .subscribe-form input{width:100%}
  .subscribe-bar .container{align-items:flex-start}
}
/*PAGE ABOUT*/
.section-01-about{
	padding-top:60px;
}
.section-01-about .image-01{
	width:100%;
	padding-right:60px;
}
.section-01-about .image-01 img{
	width:100%
}
.section-01-about .image-02{
	position: absolute;
    z-index: 2;
    right: 0;
    bottom: 25px
}
.section-01-about .image-02 img{
	border-top: 24px solid #fff;
    border-left: 24px solid #fff;
    width: 100%;
    
}
.section-01-about h3{
	color: transparent!important;
    -webkit-text-stroke: 1px var(--rouge)!important;
    display: -webkit-box;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: 80px;
    left: 90%;
    right: initial;
	position:absolute
}
.section-01-about .fusuion-content-boxes .content-box-column{
	  width:50%
}
.section-01-about .fusion-content-boxes .image{
	width: 70px;
    height: 70px;
    border: 1px solid red;
    margin-top: -35px;
    margin-left: 20px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:10px;
}
.section-01-about .fusion-content-boxes .content-box-wrapper{
	border:1px solid #d3d3d3;
	padding: 0px 10px;
}
.section-03-about .card .fusion-content-boxes{
	position:relative
}
.section-03-about .card .fusion-content-boxes::before {
    content: "";
    position: absolute;
    top: -26px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #ffffff;
    -webkit-transform: skewY(-9deg);
    transform: skewY(-9deg);
	z-index:1
}
.section-03-about .card .fusion-content-boxes::after {
    content: "";
    position: absolute;
    top: -34px;
    left: 0;
    width: 97%;
    border: 5px solid #dadadb;
    -webkit-transform: skewY(-9deg);
    transform: skewY(-9deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:1
}

.section-03-about .card:hover .fusion-content-boxes::after{
    border-color: var(--rouge);
}
.section-03-about .card .fusion-content-boxes .icon>span {

    border-color: rgba(255,255,255,0);
    border-width: 1px;
    border-style: solid;
    position: absolute;
    bottom: 162px;
    left: 30px;
    z-index: 99;
    width: 80px!important;
    height: 80px!important;
    text-align: center;
    line-height: 80px;
    background-color: #ffff!important;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-03-about .card:hover .fusion-imageframe img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.section-03-about .card:hover .fusion-imageframe img{
	transition: all 0.3s ease;
}
.section-03-about .fusion-content-boxes .fusion-column{
	margin-bottom:0
}

.section-03-about .card:hover .fusion-content-boxes .icon>span {
    background-color: var(--rouge)!important;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.section-01-about .fusion-content-boxes .content-box-column{
	width:50%
}
.section-01-about .fusion-content-boxes.content-boxes-icon-on-top .heading img{
	margin-bottom:0;
	filter: invert(11%) sepia(64%) saturate(7457%) hue-rotate(0deg) brightness(101%) contrast(106%);
    WIDTH: 40PX;
}
.section-01-about .content-box-wrapper img{
	transition: all 0.3s ease;
}
.section-01-about .content-box-wrapper:hover img{
	transform: scale(-1) rotate(180deg);
}
.section-01-about .fusion-content-boxes.content-boxes-icon-on-top .heading{
	overflow:visible
}
.section-01-about .fusion-content-boxes {
	margin-top:20px;
	margin-bottom:0
}
.fusion-page-title-bar h1,.fusion-page-title-bar h3, .fusion-page-title-bar .breadcrumb_last{
	color:#fff
}
.fusion-page-title-bar .fusion-breadcrumbs {
    color: #fff;
}
.fusion-page-title-bar h3{
	font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    max-width: 900px;
    margin: 0 auto;
}
.fusion-page-title-bar{
	background: rgb(243, 243, 243);
}
  
.fusion-page-title-bar .fusion-breadcrumbs a {
    color: #f60;
} 
.fusion-page-title-bar h1{
	font-size:40px!important;
	margin-bottom:20px;
}
.fusion-page-title-bar {
	background-color: #000000;
    background-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/10/bg-title-bar.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative
}
.fusion-page-title-bar::before{
	position:absolute;
	content:"";
	width:120px;
	height:120px;
	bottom:0;
	left:0;
    background-image:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/10/vector-10.png);
}
.fusion-page-title-bar::after{
	position:absolute;
	content:"";
	width:120px;
	height:120px;
	bottom:0;
	right:0;
    background-image:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/10/vector-10.png);
	transform: rotate(-90deg);
}
/*SECTION-PROCESS*/

.process-section{
	padding-bottom:40px;
}

.process-section .process-card{
	background:#fff;
	border-radius:20px;
	width: calc(100% / 2 - 60px);
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
}
.process-section .process-card .fusion-column-wrapper {
	height: 100%;
    padding: 50px 22px;
    -webkit-filter: drop-shadow(0px 10px 50px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(0px 10px 50px rgba(0, 0, 0, 0.08));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.process-section .process-card::before{
    content: "";
    background-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/icon-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -23px;
    right: -19px;
    width: 160px;
    height: 236px;
    z-index: -1;
	filter: invert(12%) sepia(28%) saturate(2780%) hue-rotate(196deg) brightness(89%) contrast(114%);
}
.process-section .process-card:hover::before, .process-section .process-card:hover::after{
	filter: invert(11%) sepia(77%) saturate(7323%) hue-rotate(4deg) brightness(93%) contrast(105%);
}
.process-section .process-card::after{
	content: "";
    background-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/09/icon2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom:-20px;
    left: -20px;
    width: 185px;
    height: 165px;
    z-index: 1;
	filter: invert(12%) sepia(28%) saturate(2780%) hue-rotate(196deg) brightness(89%) contrast(114%);

}
.process-section .fusion-builder-row {
    gap: 60px;
    justify-content: center;
}
.process-section .process-card .fusion-column-wrapper{
	display:flex;
	align-items:center;
	justify-content:center
}
.process-section .process-card h3{
	color: #01133c!important;
    font-size: 24px!important;
    font-weight: 600!important;
}
.process-section .process-card .image-card img{
	filter: invert(20%) sepia(77%) saturate(3807%) hue-rotate(354deg) brightness(80%) contrast(121%);

}
.section-03-about{
	background:url(https://www.vaic.autus-it.com/wp-content/uploads/2025/10/service_bg_1-1.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:60px;
	padding-bottom:60px
}
.section-03-about .fusion-content-boxes.content-boxes-icon-on-top .heading .icon {
    display:none
}

.section-03-about .fusion-content-boxes{
	 position: relative;
    padding: 38px 30px 32px;
    background-color: #fff;
	margin:0
}
.section-03-about .card .fusion-imageframe{
	width:100%;
	height:200px;
}
.section-03-about .card .fusion-imageframe img{
	width:100%;
	height:100%;
	object-fit:cover
}
/*Page services*/
.section-01-service{
	padding-top:60px;
	padding-bottom:40px
}
.section-01-service .box-card .fusion-column-wrapper{
	position: relative;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 10px 10px 25px;
}
.section-01-service .box-card{
	position: relative; 
}
.section-01-service .box-card .fusion-column-wrapper{
	margin-bottom:0;
	margin-right:0
}

.section-01-service  .box-card .image-01{
	height:250px;
	width:100%;
	position:relative
}
.section-01-service  .box-card .image-01 img{
	width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
    object-fit: cover;
} 
.section-01-service  .box-card:hover .image-02 img{
	-webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
.section-01-service  .box-card:hover .image-01 img {
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.section-01-service  .box-card .image-02{
	position: absolute;
    top:100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 77px;
    height: 77px;
    background-color: var(--accordian_active_color);
    line-height: 77px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-01-service .box-card .fusion-title{
	padding: 12px !important;
    text-transform: uppercase;
    background-color: #fff;
    margin-bottom: 0;
    position: relative;
    left: 50%;
    top: -34px;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin-bottom: -15px !important;
    font-size: 18px !important;
    z-index: 10;
	width:90%
}
.section-01-service  .box-card .image-01::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.section-01-service  .box-card:hover .image-01::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
/*Service detail*/
.section-01-service-detail{
	padding-top:60px;
}
.section-01-service-detail .content-box-heading{
	font-size:16px!important
}
.section-01-service-detail .fusion-content-boxes, .section-01-service-detail .content-box-column{
	margin-bottom:0
}
.section-01-service-detail .heading-with-icon{
	width: 352px!important;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 10px 40px rgb(0, 0, 0, 0.1);
    border-radius: 100em;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.active-bg .heading-with-icon{
	background:#f2f3f5
}
.section-01-service-detail  .image-01 img{
	-webkit-mask-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/11/service-13-1.png);
    -webkit-mask-size: cover;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    width: 850px;
    height: 496px;
	border-radius:30px;
}
/*Contact page*/
.section-01-contact{
	padding-top:60px;
	margin-top:60px;
	margin-bottom:60px;
}
.section-01-contact{
	background-image: url(https://www.vaic.autus-it.com/wp-content/uploads/2025/12/project12.jpg);
    background-size: 40% 100%;
    background-position: left;
}
.section-01-contact .left-part{
	background-color: #C90F16;
    padding: 55px 60px 65px 60px;
}
.section-01-contact input:not(.button){
	height: 60px!important;
    padding: 14px 20px!important;
    outline: 0!important;
    background-color: #fff!important;
    border: 1px solid rgb(241 238 246 / .5)!important;
    color: #686a6f!important;
    font-size: 16px!important;
}
.section-01-contact .button{
    width: 100%!important;
    background: #000!important;
    height: 60px!important;
}
.section-01-contact .fusion-content-boxes .fusion-column {
    margin-bottom: 0!important;
}
.section-01-contact .right-part{
    padding-left:40px;
}
.counter-section .counter-box-icon{
	width: 103px;
    height: 104px;
    line-height: 135px;
    margin: 0 auto 6px;
    text-align: center;
    background-color: var(--awb-color5);
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    color: #fff;
}
.counter-section .counter-box-container{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.counter-section .fusion-counters-box .content-box-counter {
    color: var(--accordian_inactive_color);
}
.counter-section .fusion-counters-box .counter-box-content {
    color: var(--awb-body-color);
    font-size: 20px;
    font-family: 'Exo 2';
}
.counter-section .fusion-counters-box .fusion-counter-box .counter-box-container {
    padding: 20px;
    border: 0;
}
/*Get Quote Page*/
.section-quote{
	padding-top:60px;
}
.section-quote .gform-theme{
	background: #ef0f3a0f;
    padding: 50px;
}
.section-quote .gform_wrapper .top_label .gfield_label {
    margin-bottom: 10px!important;
}
.section-quote .gform-theme--framework .gf_step_completed .gf_step_number::after{
	background:#dc0800;
	border:#dc0800
}
.section-quote .gform-theme-button{
	background:var(--rouge)!important
}
.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    background-color: var(--awb-color5);
}
/*RESPONSIVE*/
@media(max-width:1200px){
	.fusion-main-menu>ul>li {
    padding-right: 23px;
}
}
@media(max-width:1024px){
.fusion-main-menu>ul>li {
    padding-right: 15px;
}
.fusion-logo img {
    transform: scale(0.7);
    margin-left: -33px;
    margin-top: 5px;
}
.fusion-main-menu>ul>li>a {
    font-size: 14px;
}
.fusion-header{
    padding-left:0!important;
}
}
@media(max-width:768px){
.section-01 .box {
    width: calc(100% / 2);
	padding: 10px;
}
.fusion-secondary-header{
	display:none
}
}
@media(max-width:600px){
.section-02 .right {
    padding-left: 0;
}
.section-02 .image-left {
    height: 350px;
}
.section-02 .layer {
    bottom: 19px;
    left: -11px;
    height: 300px;
}
	h2 {
    font-size: 24px!important;
}
}
@media(max-width:480px){
.tab-btn {
    padding: 15px 15px;
    width: 100%;
    margin-bottom: 10px;
}
.section-01 .box {
    width: calc(100%);
}
}