*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --gradientcolor:linear-gradient(to right, var(--redshade), var(--blueshade));
    --gradientreversecolor:linear-gradient(to right, var(--blueshade), var(--redshade));
    --ctagradientcolor:linear-gradient(to right, #0E58A4, #02386F);
    --ctahovergradientcolor:linear-gradient(to right, #02386F, #0E58A4);
    --gradbg:linear-gradient(to right, #AD0119, #47000A);
    --gradhoverbg:linear-gradient(to right, #47000A, #AD0119); 
    --redshade:#AD0119;
    --blueshade:#02386F;
    --lightblueshade:#EBF5FF;
    --white:#fff;
    --black:#000;
    --redhatfont: "Red Hat Display", sans-serif;
    --firasansfont: "Fira Sans", sans-serif;
    --barlowfont: "Barlow", sans-serif;
}

.m-0{
    margin: 0 !important;
}

.mt-0{
    margin-top: 0 !important;
}

.mb-0{
    margin-bottom: 0 !important;
}

.text-white{
    color: var(--white) !important;
}

.text-bold{
    font-weight: 700 !important;
}

.text-black{
    font-weight: 900 !important;
}

.text-uppercase{
    text-transform: uppercase !important;
}

.text-capitalize{
    text-transform: capitalize !important;
}

.text-lowercase{
    text-transform: lowercase !important;
}

.wrapper{
    width: 100%;
    overflow: hidden;
}

.page-section{
    width: 100%;
}

.container.custpage-container{
    width: calc(100% - 3.125vw) !important;
    margin: auto;
    padding: 0;
}

.pagetagtitle{
    display: inline-block;
    border-radius: 0 0 0 0.8vw;
    padding: 0.55vw 0.625vw 0.156vw;
    position: relative;
    /* z-index: 1; */
    background: white;
    margin: 0 0 1.953vw;
}

.pagetagtitle::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--gradientcolor);
    left: -0.102vw;
    bottom: -0.102vw;
    z-index: -1;
    border-radius: 0 0 0 0.781vw;
}

.pagetagtitle span{
    font-size: 1.172vw;
    line-height: 3vh;
    color: #A51639;
    font-family: var(--barlowfont);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}


h2.sectionheading-sm{
    font-size: 3.281vw;
    line-height: 9.018vh;
    font-family: var(--firasansfont);
    color: #1C2539;
    font-weight: 800;
    margin: 0;
}

.expertise-automotive-section{
    width: 100%;
    padding: 7.187vw 0 4.844vw;
    position: relative;
    background-image: url('../../images/automotive/expertise-section-bg.png');
    background-repeat: no-repeat;
    background-position: 0vw 5.2vw;
    background-size: 10vw;
}

.expertise-automotive-section h2.sectionheading-sm{
    padding: 0 14.844vw;
}

.expertise-tabs-blockflex{
    width: 100%;
    margin: 4.688vw 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 1.094vw;
}

.expertise-tabs-blockflex .expertisevert-tabs{
    width: 22vw;
}

.expertise-tabs-blockflex .expertisevert-tabs .expertise-tabclick{
    border-radius: 35px;
    background: var(--white);
    border: 1px solid #aab9d74d;
    /* overflow: hidden; */
    margin: 2.344vw 0;
    box-shadow: 0 4px 30px 0px #aab9d74d;
    transition: 0.5s all ease-in-out;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.expertise-tabclick .exptopblock{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0.938vw 1.563vw;
    background: var(--white);
    border-radius: 35px 35px 35px 35px;
    transition: 0.5s all ease-in-out;
}

.expertise-tabclick .exptopblock .expertisetab-img{
    width: 2.656vw;
}

.expertise-tabclick .exptopblock .expertisetab-img > img{
    width: 2.656vw;
    height: auto;
}

.expertise-tabclick .exptopblock .expertisetab-text{
    width: calc(100% - 2.656vw);
    padding: 0 0 0 1.406vw;
}

.expertise-tabclick .exptopblock .expertisetab-text h5{
    font-size: 1.25vw;
    font-family: var(--firasansfont);
    font-weight: 600;
    color: #111111;
    margin: 0;
    text-align: left;
}

.expertise-tabclick .expbottomblock{
    /* display: none; */
    background: var(--gradbg);
    padding: 0 0.781vw 0 1.593vw;
    border-radius: 0 0 20px 20px;
    height: 0;
    overflow: hidden;
    transition: 0.5s all ease-in-out;
    cursor: pointer;
}

.expertise-tabclick .expbottomblock h6{
    font-size: 1.593vw;
    font-family: var(--firasansfont);
    font-weight: 400;
    line-height: 6.764vh;
    margin: 0;
    color: var(--white);
    text-align: left;
}

.expertise-tabclick .expbottomblock h6 img{
    width: 1.172vw;
    height: auto;
    margin: 0 0 0 0.4vw;
    transition: 0.5s all ease-in-out;
}

.expertise-tabclick .expbottomblock h6 span{
    font-weight: 600;
}

.expertise-tabclick .expbottomblock:hover h6 img{
    transform: translateX(0.391vw);
    transition: 0.5s all ease-in-out;
}

.expertise-tabs-blockflex .expertisevert-tabs .expertise-tabclick.active{
    border-radius: 20px;
    transition: 0.5s all ease-in-out;
}

.expertise-tabs-blockflex .expertisevert-tabs .expertise-tabclick.active::after{
    content: '';
    background: var(--gradbg);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    top:-2px;
    left: -2px;
    border-radius: 20px;
    z-index: -1;
}

.expertise-tabclick.active .exptopblock{
    border-radius: 18px 18px 0 0;
    transition: 0.5s all ease-in-out;
}

.expertise-tabclick.active .expbottomblock{
    height: 3.516vw;
    transition: 0.5s all ease-in-out;
}

.expertise-tabs-blockflex .expertisevert-content{
    width: calc(100% - 22vw);
    padding: 0 0.781vw;
}

.expertisevert-contentblock{
    display: none;
}

.expertisevert-slider{
    width: 100%;
}

.expertisevert-slider .expertisevert-slide{
    margin:0 0.586vw;
}

.expertisevert-slider .expertisevert-slide .expertisevert-image{
    width: 100%;
    position: relative;
    /* height: 235px; */
    overflow: hidden;
}

.expertisevert-slider .expertisevert-slide .expertisevert-image > img{
    width: 100%;
    height: auto;
    /* clip-path: polygon(0 30%, 30% 30%, 30% 0, 85% 0%, 100% 0, 100% 15%, 100% 85%, 100% 100%, 85% 100%, 15% 100%, 0 100%, 0% 85%); */
}

.topslideicon {
    width: 5.313vw;
    height: 5.313vw;
    background: #02386F;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topslideicon > img{
    width: 35px;
    height: auto;
    transition: 0.5s all ease-in-out;
}

.expertisevert-slider .expertisevert-slide .expertisevert-text{
    width: 100%;
    position: relative;
    background: #EBEFF6;
    border-radius: 0 0 15px 15px;
    padding: 1.719vw 1.172vw 1.719vw;
    min-height: 23.782vw;
}

.expertisevert-slider .expertisevert-slide .expertisevert-text h3 {
    margin: 0 0 0.938vw;
    font-size: 1.328vw;
    line-height: 4.509vh;
    font-family: var(--firasansfont);
    font-weight: 700;
    color: #1C2539;
}

.expertisevert-slider .expertisevert-slide .expertisevert-text ul{
    padding: 0;
    margin: 0;
    width: 100%;
}

.expertisevert-slider .expertisevert-slide .expertisevert-text ul li {
    font-size: 1.094vw;
    line-height: 4.509vh;
    position: relative;
    padding: 0 0 0 2.109vw;
    margin: 0;
    text-align: left;
    font-family: var(--barlowfont);
    font-weight: 400;
    color: #5D666F;
    text-transform: capitalize;
}

.expertisevert-slider .expertisevert-slide .expertisevert-text ul li::before{
    content: url('../../images/automotive/listcheck.svg');
    position: absolute;
    left: 0;
    top: 4px;
    transform: scale(0.9);
}

.expertisevert-slider .expertisevert-slide:hover .topslideicon > img{
    transform: scaleX(-1);
    transition: 0.5s all ease-in-out;
}

.expertisevert-slider .slick-prev{
    width: 2.344vw;
    height: 2.344vw;
    border-radius: 100%;
    background: var(--gradbg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 0;
    padding: 0;
    z-index: 2;
    top:45%;
    left: -0.5vw;
    opacity: 1;
    transition: 0.5s all ease;
    border: 0;
}

.expertisevert-slider .slick-prev::after{
    content: url('../../images/automotive/cta-arrow.svg');
    right: 0;
    left: 0;
    transform: rotate(180deg);
}

.expertisevert-slider .slick-next{
    width: 2.344vw;
    height: 2.344vw;
    border-radius: 100%;
    background: var(--gradbg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 0;
    padding: 0;
    z-index: 2;
    top:45%;
    right: -0.5vw;
    opacity: 1;
    transition: 0.5s all ease;
    border: 0;
}

.expertisevert-slider .slick-next::after{
    content: url('../../images/automotive/cta-arrow.svg');
    right: 0;
    left: 0;
}

.expertisevert-slider .slick-next:hover,
.expertisevert-slider .slick-prev:hover{
    background: var(--gradhoverbg);
    transition: 0.5s all ease;   
}

.our-solution-section{
    width: 100%;
    position: relative;
    padding: 2.969vw 0 6.406vw;
}

.pagetagtitle.pagetitlewhite{
    background: transparent;
    border: 2px solid var(--white);
    border-top: 0;
    border-right: 0;
}

.pagetagtitle.pagetitlewhite::after{
    background: var(--white);
    display: none;
}

.pagetagtitle.pagetitlewhite span{
    color: var(--white);
}

.our-solution-section-in{
    width: 100%;
    display: flex;
    align-items: unset;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.our-solution-section-in .pagetagtitle.pagetitlewhite{
    margin: 0 0 1.593vw;
}

.oursolution-tab-wrapper{
    width: 52%;
    padding: 6.25vw 3.906vw;
    border-radius: 25px 0 0 25px;
    background: url('../../images/automotive/solutions-col-bg.webp') #02386F;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.oursolutions-tabs{
    width: 100%;
    margin: 0.859vw 0 0;
}

.oursolutiontab {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    flex-wrap:wrap;
    padding: 1.328vw 2.734vw 1.328vw 1.953vw;
    border-bottom: 1px solid #aab9d74d;
    position: relative;
    cursor: pointer;
}

.oursolutiontab::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #AAB9D7, transparent);
    opacity: 0;
    transition: 0.5s all ease;
}

.oursolutiontab:hover:after,
.oursolutiontab.active::after{
    opacity: 1;
    transition: 0.5s all ease;
}

.oursolutiontab:not(:last-child){
    margin-bottom: 1.094vw;
}

.oursolutiontab .solutiontab-img{
    width: 3.359vw;
}

.oursolutiontab .solutiontab-img > img{
    width: 3.359vw;
    height: auto;
}

.oursolutiontab .solutiontab-arr{
    width: 3.125vw;
    height: 3.125vw;
    background: linear-gradient(to right, #fff, #fff);
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    transition: 0.5s all ease;
}

.oursolutiontab .solutiontab-arr > img{
    width: 1.563vw;
    height: auto;
    transition: 0.5s all ease;
}

.oursolutiontab:hover .solutiontab-arr,
.oursolutiontab.active .solutiontab-arr{
    background: var(--gradbg);
    transition: 0.5s all ease;
}

.oursolutiontab:hover .solutiontab-arr > img,
.oursolutiontab.active .solutiontab-arr > img{
    filter: invert(1);
    transition: 0.5s all ease;
}

.oursolutiontab .solutiontab-text{
    width: calc(100% - 6.484vw);
    padding: 0 0 0 2.109vw;
}

.oursolutiontab .solutiontab-text h5{
    font-size: 1.25vw;
    line-height: 34px;
    color: var(--white);
    font-family: var(--firasansfont);
    font-weight: 500;
    margin: 0;
}

.oursolution-content-wrapper{
    width: 48%;
}

.topdivshapes{
    width: 100%;
    display: flex;
    align-items: unset;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.topdivshapes .topdivshapeone{
    width: 66.3%;
    border-radius: 0 30px 0 0;
    background: #E5EBF2;
    height: 102px;
}

.topdivshapes .topdivshapetwo {
    width: 29.7%;
    border-radius: 0 0 0 30px;
    background: #ffffff;
    transform: translateY(10px) translateX(-2px) skewY(-5deg);
    height: 100px;
}

.oursolution-content-wrapper .oursolution-tab-content{
    display: none;
    height: 100%;
    border-radius: 0 30px 30px 0;
    background: #E5EBF2;
}

.oursolution-content-wrapper .tabcontent-block{
    width: 100%;
    border-radius: 0 30px 30px 0;
    background: #E5EBF2;
    padding: 3.125vw 3.438vw 4.219vw;
}

.oursolution-content-wrapper .tabcontent-block h3{
    font-size: 2.266vw;
    line-height: 34px;
    font-family: var(--firasansfont);
    font-weight: 700;
    margin: 0;
    color: #1C2539;
}

.oursolution-content-wrapper .tabcontent-block > img{
    width: 100%;
    height: auto;
    margin: 1.328vw 0 1.563vw;
}

.oursolution-content-wrapper .tabcontent-block > p{
    font-size: 1.094vw;
    line-height: 4.509vh;
    color: #5D666F;
    font-family: var(--barlowfont);
    font-weight: 400;
    margin: 0;
}

.oursolution-content-wrapper .tabcontent-block > ul{
    list-style: none;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 18px 0 22px;
}

.oursolution-content-wrapper .tabcontent-block > ul li{
    font-size: 1.25vw;
    line-height: 4.208vh;
    font-family: var(--firasansfont);
    font-weight: 700;
    color: var(--black);
    padding: 0 0 0 25px;
    position: relative;
    width: 100%;
}

.oursolution-content-wrapper .tabcontent-block > ul li{
    margin: 0 0 1.172vw;
}

/* .oursolution-content-wrapper .tabcontent-block > ul li:nth-child(2n){
    width: 58%;
} */

/* .oursolution-content-wrapper .tabcontent-block > ul li::before {
    content: '';
    width: 13px;
    height: 13px;
    background: #A4183A;
    border-radius: 100%;
    position: absolute;
    top: 11px;
    left: 5px;
} */

.oursolution-content-wrapper .tabcontent-block > ul li::before {
    content: '';
    width: 11px;
    height: 11px;
    background: #A4183A;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 7px;
}

/* .oursolution-content-wrapper .tabcontent-block > ul li::after {
    content: '';
    width: 6px;
    height: 3px;
    background: #A4183A;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    position: absolute;
    top: 15.2px;
    left: 8.3px;
    transform: rotate(-45deg);
} */

.oursolution-content-wrapper .tabcontent-block > ul li::after {
    content: '';
    width: 5px;
    height: 3px;
    background: #A4183A;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    position: absolute;
    top: 11.4px;
    left: 9.6px;
    transform: rotate(-45deg);
}

a.pagecta {
    font-size: 1.055vw;
    line-height: 25px;
    padding: 1.094vw 3.75vw;
    font-family: var(--firasansfont);
    font-weight: 500;
    border-radius: 9px 9px 25px 9px;
    background: var(--gradbg);
    display: inline-block;
    text-decoration: none !important;
    outline: none !important;
    color: var(--white);
    transition: 0.5s all ease;
    position: relative;
}

a.pagecta img{
    transform: rotate(45deg);
    filter: invert(1);
    position: absolute;
    top: 16px;
    right: 44px;
    opacity: 0;
    transition: 0.5s all ease;
}

a.pagecta:hover{
    /* background: var(--gradhoverbg); */
    background: linear-gradient(to right, #042745, #02386F);
    transition: 0.5s all ease;
    padding: 1.094vw 3.906vw 1.094vw 2.344vw;
    border-radius: 9px;
}

a.pagecta:hover img{
    opacity: 1;
    transition: 0.5s all ease;
    right:30px
}

/*------------ Case Studies Slider CSS Start ------------*/

.casestudies-wrap .sectorsweservesection-heading p {
    font-size: 1.15vw;
    font-family: var(--barlowfont);
    color: #0F1B24;
    margin: 10px 0 0;
    text-align: center;
    font-weight: 400;
    /* text-transform: capitalize; */
}

.casestudies-wrap .sectorsweservesection-heading .pagetagtitle{
    margin: 0 0 0.391vw;
}

.filters {
    margin-bottom: 1.8vw;
    text-align: center;
    width: 100%;
    max-width: 42vw;
    background: #fff;
    border-radius: 18px;
    padding: 0.391vw;
    margin: 2.5vw auto 3.672vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.172vw;
    box-shadow: 0 4px 50px 0 #738bbc4d;
}

.ogfilters{
    display: none;
}

.filters button#reset-slider{
    width: 100%;
    border-radius: 18px;
    background: var(--gradbg);
    text-align: center;
    border: 0;
    outline: none !important;
    box-shadow: none;
    font-size: 1vw;
    font-family: var(--barlowfont);
    font-weight: 700;
    color: var(--white);
    padding: 1.016vw 1.593vw;
}

.filters button#reset-slider span.num{
    width: 25px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 100%;
    font-size: 1vw;
    font-family: var(--redhatfont);
    font-weight: 700;
    color: #A51639;
    margin: 0 0 0 0.5vw;
}

.filters select{
    font-size:1vw;
    line-height:25px;
    font-family:'Barlow', sans-serif;
    font-weight:700;
    border:0 !important;
    margin:0;
    width:100%;
    text-align: center;
    background: transparent !important;
    outline: none !important;
    box-shadow: none;

}

.filters select:hover,
.filters select:focus{
    background: transparent !important;
    outline: none !important;
    box-shadow: none;
}

.slider {
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
}

.slider .jptitle{
    display: none;
}

.slider.jpslider .jptitle{
    display: block !important;
}

.slide {
    /* height: 23.4vw; 300px ≈ 23.4vw */
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: width 0.3s ease;
    box-sizing: border-box;
    background-color: #3498db;
    cursor: pointer;
    margin: 0 0.5vw; /* half of 1.8vw gap */
    border-radius: 30px;
    overflow: hidden;
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.slider .slick-slide {
    width: 32.1vw !important; /* 3 slides per view with gap */
}

.slide.expanded {
    width: calc(50vw - 1.4vw) !important; /* 640px ≈ 50vw */
    /* background-color: #2ecc71; */
    position: relative;
}

.slide.reduced {
    width: calc(25vw - 1.4vw) !important; /* 320px ≈ 25vw */
    background-color: #3498db;
}

.slide > img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.slider .slick-track {
    display: flex !important;
    align-items: center;
    /* margin-left: -0.9vw !important;
    margin-right: -0.9vw !important; */
}

.slick-prev,
.slick-next {
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.8vw;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1vw;
}

.slick-prev {
    left: 0.8vw;
}
.slick-next {
    right: 0.8vw;
}
.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.slidecontent{
    width: 100%;
    transition: 0.5s all ease;
    position: relative;
    z-index: 1;
    min-height: 36.5vw;
}

.slidecontent::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #000 0%, #000 44%, #000 100%);
    z-index: -1; 
    opacity: 0.6;
    transition: 0.5s all ease;
}

.slide.expanded .slidecontent::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    /* background: linear-gradient(180deg, #02386f0a 0%, #02386f69 44%, #A51639 100%); */
    /* background: linear-gradient(180deg, #001327c2 0%, #00070ea3 44%, #A51639 100%); */
    background: linear-gradient(180deg, #00000052 0%, #0a0002b5 44%, #280106 100%);
    z-index: -1;
    opacity: 1;
    transition: 0.5s all ease;
}

.slidecontent .numpoint {
    position: absolute;
    font-size: 5.781vw;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    color: #ffffff4d;
    margin: 0;
    top: 0.1vw;
    right: 2.44vw;
}

.slidecontent .readcase {
    position: absolute;
    font-size: 1vw;
    font-family: var(--firasansfont);
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    bottom: 1.5vw;
    right: 2vw;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.slidecontent .readcase img{
    margin: 0 0 0 0.21vw;
    filter: invert(1);
}

.slidecontent > h3{
    font-size: 1.65vw;
    line-height: 4.869vh;
    font-family: var(--firasansfont);
    font-weight: 600;
    color: var(--white);
    padding: 0 0 0.7vw;
    border-bottom: 1px solid #f5f5f53d;
    margin: 0;
}

.slide.reduced .slidecontent > h3,
.slidecontent > h3{
    padding: 0;
    border: 0;
    transition: 0.5s all ease;
}

.slidecontent h4{
    font-size: 1.5vw;
    line-height: 4.059vh;
    font-family: var(--firasansfont);
    font-weight: 500;
    color: var(--white);
    padding: 0;
    margin:0 0 1vw;
}

.slidecontent > .slideflex{
    width: 100%;
    display: flex;
    align-items: unset;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 1.593vw ;
}

.slidecontent > .slideflex .slideblock-app{
    width: 50%;
    /* padding: 0.625vw 1.1vw 0.9vw 0.5vw; */
    padding: 0vw 1.1vw 0.9vw 0.5vw;
}

.slidecontent > .slideflex .slideblock-app ul{
    padding:0 0 0 15px;
    list-style: disc;
}

.slidecontent > .slideflex .slideblock-app ul li{
    font-size: 1.1vw;
    /* line-height: 4.1vh; */
    line-height: 3.75vh;
    font-family: var(--barlowfont);
    font-weight: 300;
    color: var(--white);
    margin: 0 0 0.313vw;
    /* text-transform: capitalize; */
}

.slidecontent > .slideflex .slideblock-impact{
    width: 50%;
    background: #AD0119;
    position: relative;
    padding: 1.593vw  1.593vw 1.593vw 1.593vw;
    z-index: 1;
    border-radius: 30px 30px 0 0;
}

.slidecontent > .slideflex .slideblock-impact::before{
    content: '';
    width: 100%;
    height: 1vw;
    border-radius: 30px 30px 0 0;
    position: absolute;
    top:-1vw;
    left: 0;
    background: #AD0119;
    z-index: 1;
}

.slidecontent > .slideflex .slideblock-impact h5{
    font-size: 1.1vw;
    line-height: 3.5vh;
    font-family: var(--redhatfont);
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    margin: 0 0 0.2vw;
}

.slidecontent > .slideflex .slideblock-impact p{
    font-size: 1.1vw;
    line-height: 4.358vh;
    font-family: var(--barlowfont);
    font-weight: 400;
    color: var(--white);
    margin: 0;
    /* text-transform: capitalize; */
}

.slidecontent{
    padding: 18.203vw 2.344vw 1.172vw 1.593vw;
    transition: 0.5s all ease;
}

.slide.reduced .slidecontent h4,
.slide.reduced .slidecontent .slideflex,
.slidecontent .slideflex,
.slidecontent h4{
    display: none;
    transition: 0.5s all ease;
}

.slidecontent .slideflex{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s all ease;
}

.slide.expanded .slidecontent{
    display: block;
    transition: 0.5s all ease;
    padding: 8.984vw 1.593vw 0px;
}

.slide.expanded .slidecontent h4,
.slide.expanded .slidecontent .slideflex{
    display: flex;
    transition: 0.5s all ease;
} 

.slide.expanded .slidecontent .slideflex{
    height: 20vw;
    opacity: 1;
    transition: 0.5s all ease;
}

.slide.expanded .slidecontent > h3{
    padding: 0 0 0.7vw;
    border-bottom: 1px solid #f5f5f53d;
    transition: 0.5s all ease;
    min-height: 6vw;
}

.slider ul.slick-dots {
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:2.734vw 0 0
}

.slider ul.slick-dots li button{
    display:none;
}

.slider ul.slick-dots li{
    width:0.703vw;
    height:0.703vw;
    background:#A51639;
    border-radius:100%;
    margin:0 0.469vw;
    border:1px solid #A51639;
    cursor:pointer;
}

.slider ul.slick-dots li:only-child{
    display: none;
}

.slider ul.slick-dots li.slick-active{
    width:2.109vw;
    height:2.109vw;
    background:transparent
}

.no-slides {
    width: 25vw;
    border-radius: 50vw;
    background: var(--white);
    margin: auto;
    padding: 2vw 1vw;
    text-align: center;
    font-size: 1.8vw;
    line-height: 3vh;
    font-family: var(--firasansfont);
    font-weight: 600;
    text-transform: capitalize;
}

/*------------ Case Studies Slider CSS End ------------*/

.reportsarticlesmedia-section{
    width: 100%;
    position: relative;
    padding: 4.297vw 0;
}

.reportsarticlesmedia-wrapper{
    width: 100%;
    padding: 4.688vw 3.125vw 5.469vw;
    border-radius: 25px;
    background: #02386F;
}

.sectionheadingblock-flex{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sectionheadingblock-flex .sectionheading-head{
    width: 49.5%;
}

.sectionheading-head .pagetagtitle{
    margin: 0 0 1.25vw;
}

.sectionheadingblock-flex .sectionheading-text{
    width: 50.5%;
}

.sectionheadingblock-flex .sectionheading-text p {
    font-size: 1.15vw;
    font-family: var(--barlowfont);
    color: var(--white);
    margin:0 0;
    text-align: left;
    font-weight: 400;
    /* text-transform: capitalize; */
}

.reportsarticlesmedia-tabs{
    width: 95%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.172vw;
    box-shadow: 0 4px 50px 0 #1c25396e;
    border-radius: 17px;
    background: var(--white);
    margin: 3.516vw 0 0;
    padding: 0.547vw 0.625vw;
}

.reportsarticlesmedia-tabs .reportsarticlesmedia-tab{
    width: 100%;
    border-radius: 15px;
    padding: 1.016vw 2.109vw;
    color: #0F1B24;
    font-family: var(--barlowfont);
    font-weight: 700;
    background: linear-gradient(to right, transparent, transparent);
    transition: 0.5s all ease;
    text-align: center;
    cursor: pointer;
}

.reportsarticlesmedia-tabs .reportsarticlesmedia-tab.active,
.reportsarticlesmedia-tabs .reportsarticlesmedia-tab:hover{
    background: var(--gradbg);
    color: var(--white);
    transition: 0.5s all ease;
}

.reportsarticlesmedia-content-wrapper{
    width: 98.7%;
    margin: 4.297vw 0 0;
}

.reportsarticlesmedia-content{
    display: none;
}

.articlesflex-warp {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.734vw;
}

.articlesflex-warp a.reportsarticles-item {
    width: 100%;
    border-radius:18px;
    display:flex;
    align-items: unset;
    justify-content: flex-start;
    flex-wrap:wrap;
    text-decoration: none;
    outline:none;
}


a.reportsarticles-item .reportsarticles-thumb {
    width:32.5%;
}

a.reportsarticles-item .reportsarticles-thumb > img{
    width:100%;
    height:auto;
    object-fit: cover;
}

a.reportsarticles-item .reportsarticles-text{
    width: 67.5%;
    background: var(--white);
    padding:1.406vw 1.953vw 1.25vw;
    border-radius: 0 18px 18px 0;
}

.reportsarticles-text span.artdate {
    display: inline-block;
    border-radius: 17px;
    background: #AD0119;
    padding: 0.391vw 1.25vw;
    color: var(--white);
    margin: 0;
    font-family: var(--redhatfont);
    font-size: 1.016vw;
    font-weight: 700;
}

a.reportsarticles-item .reportsarticles-text h3 {
    margin: 0.703vw 0 0.781vw;
    font-size: 1.484vw;
    font-family: var(--firasansfont);
    font-weight: 700;
    line-height: 4.509vh;
    color: #1C2539;
    text-decoration: none !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

a.reportsarticles-item .reportsarticles-text p {
    font-size: 1.094vw;
    line-height: 3.607vh;
    font-family: var(--barlowfont);
    font-weight: 400;
    color: #5B6D84;
    margin: 0 0 0.781vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

a.reportsarticles-item .reportsarticles-text .blognewscta{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.1vw;
    font-family: var(--barlowfont);
    font-weight: 500;
    color: #1C2539;
    text-decoration: none;
    outline: none !important;
    transition: 0.5s all ease;
}

a.reportsarticles-item .reportsarticles-text .blognewscta img{
    margin: 0 0.781vw 0 0;
    width: 1.3vw;
    height: auto;
}

a.reportsarticles-item .reportsarticles-text:hover .blognewscta{
    transform: translateX(0.781vw);
    transition: 0.5s all ease;
}

/* .reportsarticlesmedia-slider .slick-slide{
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.344vw;
    padding-bottom: 0.391vw;
} */

.reportsarticlesmedia-slider .slick-slide > div{
    width: 100%;
}

.reportsarticlesmedia-slider .slick-slide > div:nth-child(1){
    margin-bottom: 1.172vw;
}

.reportsarticlesmedia-slider .slick-slide > div:nth-child(2){
    margin-top: 1.172vw;
}

.reportsarticlesmedia-slider .slick-prev {
    font-size: 0;
    padding: 0;
    width: 3.047vw;
    height: 6.25vw;
    border-radius: 30px;
    position: absolute;
    top: 32.1%;
    left: auto;
    right: -47px;
    background: transparent;
    transition: 0.5s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reportsarticlesmedia-slider .slick-prev::after{
    content: url('../../images/automotive/up-arrow-slider.svg');
    display: inline-block;
    transform: scale(0.9);
    transform-origin: center;
}

.reportsarticlesmedia-slider .slick-next {
    font-size: 0;
    padding: 0;
    width: 3.047vw;
    height: 6.25vw;
    border-radius: 30px;
    position: absolute;
    top: 48.3%;
    left: auto;
    right: -47px;
    background: transparent;
    transition: 0.5s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reportsarticlesmedia-slider .slick-next::after{
    content: url('../../images/automotive/down-arrow-slider.svg');
    display: inline-block;
    transform: scale(0.9);
    transform-origin: center;
}

.reportsarticlesmedia-slider .slick-next:hover,
.reportsarticlesmedia-slider .slick-prev:hover{
    background: #14171b47;
}

.articlecta{
    margin: 5.078vw 0 0;
}

.reportsarticlesmedia-wrapper .pagecta{
    padding: 1.094vw 5.078vw;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.reportsarticlesmedia-wrapper .pagecta:hover,
.bannercta .pagecta:hover{
    background: linear-gradient(to right, #042745, #02386F);
}

.autofaqs-section{
    width: 100%;
    position: relative;
    padding: 5.781vw 0 9.375vw;
}

.faqsheadwrap{
    width: 100%;
    padding: 0 0 0 1.094vw;
}

.autofaqs-wrapper{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.autofaqs-wrapper .autofaqs-heading{
    width: 41%;
}

.autofaqs-heading .pagecta{
    padding: 1.094vw 5.078vw;
    box-shadow: 0px 4px 250px 0px #5B6D844D;
}

.autofaqs-heading .pagecta:hover{
    background: linear-gradient(to right, #042745, #02386F);
}

.faqsheadwrap p{
    font-size: 1.15vw;
    font-family: var(--barlowfont);
    color: #5D666F;
    margin: 1.563vw 0 1.797vw;
    text-align: left;
    font-weight: 400;
    line-height: 4.358vh;
    /* text-transform: capitalize; */
}

.faqsimage-wrap{
    width: 100%;
    margin: 1.094vw 0 0;
}

.faqsimage-wrap > img{
    width: 100%;
    height: auto;
}

.autofaqs-wrapper .faqsacc-wrapper{
    width: 59%;
    padding: 0 0 0 4.063vw;
}

.faqsacc-wrapper .acc-itemwrap{
    width: 100%;
    border: 1px solid #93aed14d;
    border-radius: 100px;
    overflow: hidden;
    margin: 0 0 1.953vw;
    transition: 0.5s all ease;
}

.faqsacc-wrapper .acc-itemwrap.active{
    border-radius: 15px;
    box-shadow: 0 4px 50px 0 #aab9d74d;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-title{
    width: 100%;
    padding: 1.094vw 3.516vw 1.094vw 2.578vw;
    position: relative;
    cursor: pointer;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-title::after {
    content: '';
    background: url('../../images/automotive/accplus.svg') #becae44d;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.8vw;
    width: 2.344vw;
    height: 2.344vw;
    border-radius: 100%;
    color: #1C2539;
    font-size: 1.719vw;
    font-family: var(--barlowfont);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1.016vw;
    right: 2.344vw;
    line-height: unset;
}

.acc-itemwrap .acc-title span.numblock {
    position: absolute;
    left: 2.422vw;
    top: 1.328vw;
    /* display: none; */
    font-size: 1.094vw;
    font-family: var(--barlowfont);
    font-weight: 500;
    color: #1C2539;
    transition: 0.5s all ease;
    display: none;
}

.acc-itemwrap .acc-title h3{
    font-size: 1.094vw;
    line-height: 4.058vh;
    font-family: var(--barlowfont);
    font-weight: 500;
    color: #1C2539;
    margin: 0;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-title.active{
    background: #02386F;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-title.active::after{
    content: '';
    background: url('../../images/automotive/accminus.svg') #AD0119;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.8vw;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-title.active h3,
.acc-itemwrap .acc-title.active span.numblock{
    color: #fff;
    transition: 0.5s all ease;
}

.acc-itemwrap .acc-content{
    display: none;
    padding: 2.5vw 2.578vw;
}

.acc-itemwrap .acc-content p{
    font-size: 1.172vw;
    line-height: 3.607vh;
    font-family: var(--barlowfont);
    font-weight: 400;
    color: #555555;
    margin: 0;   
}

.clicktotop {
    width: 3.281vw;
    /* height: 7.813vw; */
    height: 4.813vw;
    border-radius: 25px;
    background: linear-gradient(to top, #47000A, #AD0119);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 4vw;
    right: 1vw;
    cursor: pointer;
    animation: MoveUpDown 3s linear infinite;
    z-index: -2;
    opacity: 0;
    transition: 0.5s all ease;
}

.clicktotop:hover{
    background: linear-gradient(to top, #AD0119, #47000A);
}

.clicktotop.showthis{
    z-index: 999;
    opacity: 1;
    transition: 0.5s all ease;
}

.mobileexpertise-click,
.oursolution-mobile-click{
    display: none;
}

.fancybox-is-open .fancybox-bg{
    opacity: 0.4 !important;
}

div#hidden-content {
    width: 50%;
    border-radius: 30px;
    padding:0 2vw 3vw
}

div#hidden-content .popupheader {
    width: 100%;
    padding: 1.2vw 0vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom:1px solid #E3E3E3;
    margin: 0 0 1.5vw
}

div#hidden-content .popupheader span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: var(--redshade);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 5px 51px 4px #0000003d;
}

div#hidden-content .popupheader span img{
    width:1.6vw;
    height:auto;
    filter:brightness(0) invert(1)
}

div#hidden-content .popupheader h4{
    width:calc(100% - 50px);
    padding: 0 0 0 1vw;
    font-size:1.5vw;
    font-weight:700;
    font-family:var(--barlowfont);
    line-height:4vh;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 1vw !important;
    top: 1.5vw !important;
}

form.threegridform {
    width:100%;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:1.172vw;
}

form.threegridform > .form-group{
    width: 100%;
    margin:0;
}

form.threegridform > .form-group .form-control{
    width: 100%;
    font-size: 1.1vw;
    line-height: 3.5vh;
    font-family: var(--barlowfont);
    color: #212529;
    border:1px solid #E3E3E3;
    border-radius: 20px;
    padding: 0.938vw 2.2vw 0.938vw 1.172vw;
    resize: none;
    outline: none !important;
    box-shadow: none !important;
    height: auto;
}

form.threegridform > .form-group.span3{
    grid-column: span 2;
}

form.threegridform > .form-group .form-control::placeholder{
    color: #212529;
}

form.threegridform > .form-group textarea.form-control{
    height: 6vw;
}

.captcha-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.refresh-btn {
   padding: 0.6vw 2vw;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
    font-size: 1.1vw;
    background: #d9d9d9;
}

.refresh-btn:hover,
.refresh-btn:focus,
.refresh-btn:active {
    background-color: #02386f !important;
    color: #fff !important;
    outline: none !important;
}

.captcha{
    background: #000;
    padding: 0.7vw 1vw;
    width: 50%;
    color: #fff;
    text-align: center;
    font-size: 1.1vw;
    border-radius: 20px;
}

form.threegridform span.error {
    display: none;
    font-size: 0.8em;
    position: absolute;
}

form.threegridform input:invalid:not(:focus):not(:placeholder-shown) ~ .error {
    display: block;
    color: red;
}

button.formsubmitbtn{
    font-size: 1.055vw;
    line-height: 25px;
    padding: 1.094vw 5.078vw;
    font-family: var(--firasansfont);
    font-weight: 500;
    border-radius: 9px 9px 25px 9px;
    background: var(--gradbg);
    display: inline-block;
    text-decoration: none !important;
    outline: none !important;
    color: var(--white);
    transition: 0.5s all ease;
    position: relative;
    outline: none !important;
    border: 0 !important;
}

button.formsubmitbtn img{
    transform: rotate(45deg);
    width: 1.8vw;
    filter: invert(1);
    position: absolute;
    top: 1.094vw;
    right: 3.438vw;
    opacity: 0;
    transition: 0.5s all ease;
}

button.formsubmitbtn:hover{
    background: linear-gradient(to right, #042745, #02386F);
    transition: 0.5s all ease;
    padding: 1.094vw 3.906vw 1.094vw 2.344vw;
    border-radius: 9px;
}

button.formsubmitbtn:hover img{
    opacity: 1;
    transition: 0.5s all ease;
    right:1.719vw
}

div:where(.swal2-container){
    z-index: 9999999 !important;
    font-family: 'Fira Sans', sans-serif !important;
}

.form-group label.error {
    font-size: 0.9vw;
    font-weight: 400;
    margin: 0;
    color: #ff0000;
    line-height: 12px;
    font-family: var(--firasansfont);
}

.popup_conf {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup_conf-content {
    background: #fff;
    padding: 0.391vw;
    border-radius: 1.953vw;
    max-width: 80%;
    width: 90%;
    opacity: 0;
    transform-origin: 100% 50%;
    position: relative;
}

.popup_conf-content > a{
    display: block;
    text-decoration: none !important;
    outline: none !important;
    border-radius: 1.953vw;
    overflow: hidden;
}

.popup_conf-content > a > img{
    width: 100%;
    height: auto;
}

.close-btn {
    float: right;
    cursor: pointer;
    font-size: 3.5vw;
    position: absolute;
    top: 0vw;
    right: -2.5vw;
    line-height: 4.5vh;
    color: #fff;
}

.popup_conf-content.open-animation {
    animation: gb-popup-slide-zoom-left 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}

@keyframes gb-popup-slide-zoom-left {
    0% {opacity: 0; transform-origin: 100% 50%; transform: scale(0.2) translate(200%, 0%);}
    100% {opacity: 1; transform-origin: 100% 50%; transform: scale(1) translate(0%, 0%);}
}

.popup_conf-content.close-animation {
    animation: gb-popup-slide-zoom-left-reverse 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}
   
@keyframes gb-popup-slide-zoom-left-reverse {
    0% {opacity: 1; transform-origin: 100% 50%; transform: scale(1) translate(0%, 0%);}
    100% {opacity: 0; transform-origin: 100% 50%; transform: scale(0.2) translate(200%, 0%);}
}

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

    .container.custpage-container{
        width: 100% !important;
        margin: auto;
        padding: 0 15px;
    }

    .pagetagtitle {
        border-radius: 0 0 0 10px;
        padding: 5px 10px;
        margin: 0 0 20px;
    }

    .pagetagtitle::after {
        left: -1px;
        bottom: -1px;
        z-index: -1;
        border-radius: 0 0 0 10px;
    }

    h2.sectionheading-sm {
        font-size: 35px;
        line-height: 50px;
    }

    .expertise-automotive-section h2.sectionheading-sm {
        padding: 0 150px;
    }
    
    .expertise-tabs-blockflex {
        width: 100%;
        margin: 35px 0 0;
        padding: 0 10px;
    }

    .expertise-tabs-blockflex .expertisevert-tabs .expertise-tabclick{
        margin: 20px 0;
    }

    .expertise-tabclick .exptopblock{
        padding: 10px 15px;
    }

    .expertise-tabclick .exptopblock .expertisetab-img {
        width: 30px;
    }

    .expertise-tabclick .exptopblock .expertisetab-img > img{
        width: 30px;
    }

    .expertise-tabclick .exptopblock .expertisetab-text {
        width: calc(100% - 30px);
        padding: 0 0 0 10px;
    }

    .expertise-tabclick .exptopblock .expertisetab-text h5 {
        font-size: 15px;
        line-height: 20px;
    }

    .expertise-tabclick .expbottomblock{
        padding: 0 15px;
    }
    
    .expertise-tabclick .expbottomblock h6 {
        font-size: 15px;
        line-height: 50px;
    }

    .expertise-tabclick.active .expbottomblock {
        height: 50px;
        transition: 0.5s all ease-in-out;
    }

    .expertisevert-slider .expertisevert-slide .expertisevert-image{
        height: auto;
    }

    .topslideicon {
        width: 53px;
        height: 53px;
    }

    .expertisevert-slider .expertisevert-slide .expertisevert-text{
        padding: 12px 15px;
        min-height: 240px;
    }

    .expertisevert-slider .expertisevert-slide .expertisevert-text h3 {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 26px;
    }

    .expertisevert-slider .expertisevert-slide .expertisevert-text ul li {
        font-size: 14px;
        line-height: 30px;
        position: relative;
        padding: 0 0 0 25px;
    }

    .expertisevert-slider .expertisevert-slide .expertisevert-text ul li::before {
        transform: scale(0.87);
    }

    .expertise-automotive-section{
        padding: 100px 0 55px;
    }

    .our-solution-section {
        padding: 20px 0 75px;
    }

    .oursolution-tab-wrapper {
        width: 52%;
        padding: 45px 30px;
    }

    .our-solution-section-in .pagetagtitle.pagetitlewhite {
        margin: 0 0 15px;
    }

    .oursolutiontab {
        width: 100%;
        padding: 15px 25px 15px 25px;
    }

    .oursolutiontab:not(:last-child) {
        margin-bottom: 10px;
    }

    .oursolutiontab .solutiontab-img {
        width: 34px;
    }

    .oursolutiontab .solutiontab-img > img {
        width: 34px;
    }

    .oursolutiontab .solutiontab-arr {
        width: 34px;
        height: 34px;
    }

    .oursolutiontab .solutiontab-arr > img {
        width: 22px;
    }

    .oursolutiontab .solutiontab-text {
        width: calc(100% - 68px);
        padding: 0 0 0 20px;
    }

    .oursolutiontab .solutiontab-text h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .topdivshapes{
        display: none;
    }

    .oursolution-content-wrapper .tabcontent-block {
        padding: 45px 30px;
    }

    .oursolution-content-wrapper .tabcontent-block h3 {
        font-size: 22px;
        line-height: 34px;
    }

    .oursolution-content-wrapper .tabcontent-block > img {
        margin: 15px 0 15px;
    }

    .oursolution-content-wrapper .tabcontent-block > p {
        font-size: 14px;
        line-height: 24px;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li::after {
        top: 10.2px;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li::before {
        top: 6px;
        left: 5px;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li {
        font-size: 16px;
        line-height: 26px;
        padding: 0 0 0 25px;
        width: 50% !important;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li:nth-child(1), 
    .oursolution-content-wrapper .tabcontent-block > ul li:nth-child(2) {
        margin: 0 0 10px;
    }

    a.pagecta,
    .reportsarticlesmedia-wrapper .pagecta,
    .autofaqs-heading .pagecta {
        font-size: 12px;
        line-height: 25px;
        padding: 10px 50px;
        border-radius: 9px 9px 20px 9px;
    }

    a.pagecta:hover,
    .reportsarticlesmedia-wrapper .pagecta:hover,
    .autofaqs-heading .pagecta:hover{
        padding: 10px 30px 10px 20px;
    }

    a.pagecta:hover img {
        opacity: 1;
        transition: 0.5s all ease;
        right: 10px;
        top:13px
    }

    .filters {
        width: 100%;
        max-width: 60%;
        padding: 5px;
        margin: 35px auto 45px;
        gap: 15px;
    }

    .filters button#reset-slider,
    .filters button#reset-slider1 {
        font-size: 14px;
        padding: 10px 15px;
    }

    .filters select {
        font-size: 14px;
        line-height: 25px;
    }

    .slide{
        margin: 0 5px;
    }

    .slider .slick-slide {
        width: 33.33% !important;
    }

    .slide.expanded {
        width: calc(50% - 5px) !important;
        /* background-color: #2ecc71; */
        position: relative;
    }

    .slide.reduced {
        width: calc(25% - 5px) !important;
        background-color: #3498db;
    }

    .slidecontent{
        min-height: 450px;
    }

    .slide.expanded .slidecontent{
        padding: 95px 25px 0;
    }

    .slidecontent .numpoint {
        font-size: 55px;
        top: 10px;
        right: 20px;
    }

    .slidecontent > h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .slide.expanded .slidecontent > h3 {
        padding: 0 0 10px;
        transition: 0.5s all ease;
        min-height: 56px;
        margin: 0 0 10px;
    }

    .slidecontent h4 {
        font-size: 14px;
        line-height: 24px;
        margin: 5px 0 8px;
    }

    .slidecontent > .slideflex .slideblock-app {
        width: 50%;
        padding: 5px 10px;
    }

    .slidecontent > .slideflex .slideblock-app ul li {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 5px;
    }

    .slidecontent > .slideflex .slideblock-impact {
        padding: 15px;
        border-radius: 20px 20px 0;
    }

    .slidecontent > .slideflex .slideblock-impact h5 {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 8px;
    }

    .slidecontent > .slideflex .slideblock-impact p {
        font-size: 14px;
        line-height: 24px;
    }

    .slide.expanded .slidecontent .slideflex{
        height: 60%;
    }

    .casestudies-wrap .sectorsweservesection-heading p {
        font-size: 16px;
        margin: 10px 0 0;
        line-height: 26px;
    }

    .sectionheadingblock-flex .sectionheading-text p{
        font-size: 16px;
        line-height: 26px;   
    }

    .reportsarticlesmedia-section{
        padding: 55px 0;
    }

    .reportsarticlesmedia-wrapper {
        width: 100%;
        padding: 45px 30px;
    }

    .reportsarticlesmedia-tabs {
        width: 95%;
        gap: 10px;
        margin: 30px 0 0;
        padding: 5px 5px;
    }

    .reportsarticlesmedia-tabs .reportsarticlesmedia-tab {
        padding: 12px 10px;
    }

    .reportsarticlesmedia-content-wrapper {
        width: 98.7%;
        margin: 45px 0 0;
    }

    .articlesflex-warp{
        gap: 20px;
    }

    a.reportsarticles-item .reportsarticles-thumb {
        width: 35%;
        border-radius: 18px 0 0 18px;
        overflow: hidden;
    }

    a.reportsarticles-item .reportsarticles-thumb > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    a.reportsarticles-item .reportsarticles-text {
        width: 65%;
        background: var(--white);
        padding: 20px 15px;
        border-radius: 0 18px 18px 0;
    }

    .reportsarticles-text span.artdate {
        padding: 5px 10px;
        font-size: 12px;
    }

    a.reportsarticles-item .reportsarticles-text h3 {
        margin: 10px 0 8px;
        font-size: 18px;
        line-height: 25px;
    }

    a.reportsarticles-item .reportsarticles-text p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .reportsarticlesmedia-slider .slick-prev,
    .reportsarticlesmedia-slider .slick-next {
        width: 30px;
        height: 55px;
        right: -35px;
    }

    .articlecta {
        margin: 40px 0 0;
    }

    .autofaqs-section{
        padding: 55px 0 75px;
    }

    .pagetagtitle span {
        font-size: 14px;
        line-height: 20px;
    }

    .faqsheadwrap p {
        font-size: 16px;
        margin: 10px 0 20px;
        line-height: 26px;
    }

    .faqsimage-wrap {
        width: 100%;
        margin: 15px 0 0;
    }

    .acc-itemwrap .acc-title {
        width: 100%;
        padding: 12px 50px 12px 33px;
    }

    .acc-itemwrap .acc-title span.numblock {
        left: 22px;
        top: 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .acc-itemwrap .acc-title h3 {
        font-size: 14px;
        line-height: 24px;
    }

    .acc-itemwrap .acc-title::after{
        top: 23px;
        right: 20px;
    }

    .acc-itemwrap .acc-content{
        padding: 20px 33px;
    }

    a.reportsarticles-item .reportsarticles-text .blognewscta{
        font-size: 14px;
    }

    a.reportsarticles-item .reportsarticles-text .blognewscta img {
        margin: 0 10px 0 0;
        width: 15px;
        height: auto;
    }

    .acc-itemwrap .acc-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .acc-itemwrap .acc-title.active::after,
    .acc-itemwrap .acc-title::after{
        background-size: 12px;
    }

    div#hidden-content,
    div#hiddenlead-content{
        width: 80%;
        padding:0 20px 35px
    }

    div#hidden-content .popupheader,
    div#hiddenlead-content .popupheader{
        padding: 10px 0;
        margin: 0 0 15px;
    }

    div#hidden-content .popupheader span img,
    div#hiddenlead-content .popupheader span img {
        width: 20px;
    }

    div#hidden-content .popupheader h4,
    div#hiddenlead-content .popupheader h4 {
        padding: 0 0 0 10px;
        font-size: 18px;
        line-height: 28px;
    }

    div#hidden-content .threegridform,
    div#hiddenlead-content .threegridform{
        gap: 15px;
    }

    div#hidden-content .threegridform .form-group textarea.form-control,
    div#hiddenlead-content .threegridform .form-group textarea.form-control {
        height: 70px;
    }

    .form-group label.error {
        font-size:12px;
        line-height:12px;
    }

    form.threegridform > .form-group .form-control {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px;
    }

    button.formsubmitbtn {
        font-size: 14px;
        line-height: 25px;
        padding: 10px 65px 15px 25px;
    }

    button.formsubmitbtn:hover{
        padding: 10px 35px 15px 25px;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {

    .our-solution-section-in{
        align-items: unset;
    }

    .oursolution-content-wrapper{
        background: #E5EBF2;
    }

    .slider .slick-slide {
        width: 50% !important;
    }

    .slide.expanded {
        width: calc(75% - 5px) !important;
    }

    .slide.reduced {
        width: calc(25% - 5px) !important;
    }

    .slidecontent .readcase {
        font-size: 14px;
        bottom: 15px;
        right: 15px;
    }

    .expertise-tabs-blockflex .expertisevert-tabs {
        width: 35%;
    }

    .expertise-tabs-blockflex .expertisevert-content {
        width: 65%;
        padding: 0 10px;
    }

    .expertisevert-slider .slick-next {
        width: 25px;
        height: 25px;
        right: -10px;
    }

    .expertisevert-slider .slick-prev {
        width: 25px;
        height: 25px;
        left: -10px;
    }

    .reportsarticlesmedia-slide{
        margin: 20px 0;
    }

    .reportsarticlesmedia-slider .slick-slide > div{
        margin: 0 !important;
    }

    a.reportsarticles-item .reportsarticles-thumb {
        width: 100%;
        border-radius: 18px 18px 0 0;
        overflow: hidden;
    }

    a.reportsarticles-item .reportsarticles-text {
        width: 100%;
        background: var(--white);
        padding: 20px 15px;
        border-radius: 0 0 18px 18px;
    }

    a.reportsarticles-item .reportsarticles-thumb > img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    
}

@media screen and (max-width:767px) {
    h2.sectionheading-sm {
        font-size: 28px;
        line-height: 40px;
    }

    .expertise-automotive-section h2.sectionheading-sm{
        padding: 0;
    }

    .expertise-tabs-blockflex .expertisevert-tabs{
        display: none;
    }

    .expertise-tabs-blockflex .expertisevert-content {
        width: 100%;
        padding: 0 0px;
    }


    .mobileexpertise-click {
        width:100%;
        margin:20px auto;
        position:relative;
        display: block;
    }
    
    .mobileexpertise-click.active::after{
        content:'';
        width:calc(100% + 4px);
        height:calc(100% + 4px);
        position:absolute;
        left:-2px;
        top:-2px;
        background: var(--gradbg);
        z-index:-1;
        border-radius:15px;
        transition: 0.5s all ease;
    }
    
    .mobileexpertise-click .mobileexptopblock {
        width:100%;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        flex-wrap:wrap;
        background:var(--white);
        border-radius:30px 30px 30px 30px;
        padding:10px 15px;
        border: 1px solid #aab9d74d;
        transition: 0.5s all ease;
        position: relative;
        box-shadow: 0 4px 30px 0px #aab9d74d;
    }

    .mobileexpertise-click .mobileexptopblock::after{
        content: '\f107';
        font-family: 'FontAwesome';
        color: #111111;
        font-size: 25px;
        position: absolute;
        top: 10px;
        right: 15px;
        transition: 0.5s all ease;
    }

    .mobileexpertise-click.active .mobileexptopblock::after{
        transform: rotate(-180deg);
        transition: 0.5s all ease;
    }

    .mobileexpertise-click.active .mobileexptopblock {
        border-radius: 15px 15px 0 0;
    }
    
    .mobileexptopblock .mobileexpertisetab-img {
        width:35px;
        height:35px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    .mobileexptopblock .mobileexpertisetab-img > img{
        width:30px;
    }
    
    .mobileexptopblock .mobileexpertisetab-text{
        width:calc(100% - 35px);
        text-align:left;
        padding: 0 0 0 15px;
    }
    
    .mobileexptopblock .mobileexpertisetab-text h5{
        font-size: 16px;
        line-height: 25px;
        color:#111111;
        font-family:var(--firasansfont);
        font-weight:500;
        margin: 0;
    }
    
    .mobileexpertise-click .mobileexpbottomblock {
        width:100%;
        text-align:center;
        padding: 0 65px;
        height: 0;
        overflow: hidden;
        transition: 0.5s all ease;
    }
    
    .mobileexpertise-click .mobileexpbottomblock h6{
        font-size: 15px;
        line-height: 55px;
        color:#fff;
        font-family:var(--firasansfont);
        font-weight:500;
        margin: 0;
    }

    .mobileexpertise-click .mobileexpbottomblock img{
        display: none;
    }

    .mobileexpertise-click.active .mobileexpbottomblock{
        height: 55px;
        transition: 0.5s all ease;
    }

    .expertisevert-contentblock{
        padding: 0px 0;
    }

    .expertisevert-slider .expertisevert-slide {
        margin: 0 10px;
    }

    .expertisevert-slider .slick-prev {
        width: 40px;
        height: 40px;
        left: -10px;
    }

    .expertisevert-slider .slick-next {
        width: 40px;
        height: 40px;
        right: -10px;
    }

    .topslideicon {
        width: 70px;
        height: 70px;
    }

    .topslideicon > img{
        width: 40px;
    }

    .oursolution-tab-wrapper{
        width: 100%;
        text-align: center;
        border-radius: 30px;
    }

    .oursolution-content-wrapper{
        width: 100%;
    }

    .filters {
        width: 100%;
        max-width: 95%;
        padding: 5px;
        margin: 35px auto 45px;
        gap: 10px;
    }

    .filters button#reset-slider span.num, .filters button#reset-slider1 span.num {
        width: 20px;
        height: 20px;
        font-size: 10px;
        margin: 0 0 0 8px;
    }

    .slider .slick-slide{
        width: 100% !important;
    }

    .slide.expanded {
        width: 100% !important;
    }
    
    .slidecontent .slideflex,
    .slide.expanded .slidecontent .slideflex{
        position: static;
        height: auto !important;
        opacity: 1 !important;
        padding:0
    }

    .slide .slidecontent h4, 
    .slide .slidecontent .slideflex, 
    .slidecontent .slideflex, .slidecontent h4{
        display: block !important;
    }

    .slidecontent > .slideflex .slideblock-app {
        width: 100%;
        padding: 0;
    }

    .slidecontent > .slideflex .slideblock-impact{
        width: 100%;
        padding:20px 15px 15px;
        margin: 15px 0;
        border-radius: 20px;
    }

    .slidecontent > .slideflex .slideblock-impact::before{
        display: none;
    }

    .slidecontent .readcase{
        display: none;
    }

    .slide.expanded .slidecontent,
    .slide .slidecontent {
        padding: 95px 25px 0 !important;
    }
    
    .slide.expanded .slidecontent > h3,
    .slide .slidecontent > h3{
        border-bottom: 1px solid #f5f5f53d !important;
        margin: 0 0 12px !important;
        padding:0 0 12px !important
    }

    .slide.expanded .slidecontent::after,
    .slide .slidecontent::after{
        /* background: linear-gradient(180deg, #001327c2 0%, #00070ea3 44%, #A51639 100%) !important; */
        background: linear-gradient(180deg, #00000052 0%, #0a0002b5 44%, #280106 100%) !important;
        opacity: 1 !important;
    }

    .slide{
        margin: 0 10px
    }

    .slidecontent {
        min-height: 610px;
    }

    .slider .slick-prev{
        position:absolute;
        bottom:-11%;
        left: 38%;
        z-index:1;
        width:40px;
        height:40px;
        border-radius:100%;
        font-size:0;
        background: var(--gradbg);
        opacity: 1;
        transition: 0.5s all ease;
    }
    
    .slider .slick-next{
        position:absolute;
        bottom:-11%;
        right: 38%;
        z-index:1;
        width:40px;
        height:40px;
        border-radius:100%;
        font-size:0;
        background: var(--gradbg);
        opacity: 1;
        transition: 0.5s all ease;
    }

    .slider .slick-next:hover,
    .slider .slick-prev:hover{
        background: var(--gradhoverbg);
        transition: 0.5s all ease;
    }
    
    .slider .slick-prev:before,
    .reportsarticlesmedia-slider .slick-prev::before{
        content:url('../../images/automotive/cta-arrow.svg');
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%) rotate(180deg);
    }
    
    .slider .slick-next:before,
    .reportsarticlesmedia-slider .slick-next::before{
        content:url('../../images/automotive/cta-arrow.svg');
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%)
    }

    .reportsarticlesmedia-slider .slick-prev::after,
    .reportsarticlesmedia-slider .slick-next::after{
        display: none;
    }

    .filters select {
        font-size: 12px;
        line-height: 25px;
    }

    .casestudies-wrap .sectorsweservesection-heading .pagetagtitle{
        margin: 0 0 15px;
    }

    .oursolutions-tabs{
        display: none;
    }

    .oursolution-mobile-click{
        width: 100%;
        background: linear-gradient(to right, #02386F, #02386F);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 15px 15px;
        border-radius: 15px;
        transition: 0.5s all ease;
        margin: 15px 0;
    }

    .oursolution-mobile-click.active{
        background: var(--gradbg);
        transition: 0.5s all ease;
    }

    .oursolution-mobile-click .mobile-solutiontab-img{
        width: 35px;
    }

    .oursolution-mobile-click .mobile-solutiontab-img img{
        width: 35px;
        height: auto;
    }

    .oursolution-mobile-click .mobile-solutiontab-arr{
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background: linear-gradient(to right, #fff, #fff);
        display: flex;
        align-items: center;
        border-radius: 100%;
        justify-content: center;
    }

    .oursolution-mobile-click .mobile-solutiontab-arr > img {
        width: 22px;
        transform: rotate(-45deg);
        transition: 0.5s all ease;
    }

    .oursolution-mobile-click.active .mobile-solutiontab-arr > img {
        transform: rotate(135deg);
        transition: 0.5s all ease;
    }

    .oursolution-mobile-click .mobile-solutiontab-text{
        width: calc(100% - 70px);
        padding: 0 15px;
    }

    .oursolution-mobile-click .mobile-solutiontab-text h5 {
        font-size: 15px;
        line-height: 35px;
        color: var(--white);
        font-family: var(--firasansfont);
        font-weight: 500;
        margin: 0;
    }

    .oursolution-content-wrapper .oursolution-tab-content{
        border-radius: 15px;
        overflow: hidden;
        height: auto;
    }

    .oursolution-content-wrapper .tabcontent-block {
        padding: 35px 20px;
        border-radius: 15px;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li {
        font-size: 14px;
        line-height: 26px;
        padding: 0 0 0 25px;
        width: 100% !important;
        margin: 0 0 8px !important;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li::after {
        top: 9.6px;
        left: 8.6px;
    }

    .oursolution-content-wrapper .tabcontent-block > ul li::before {
        content: '';
        width: 12px;
        height: 12px;
    }

    .reportsarticlesmedia-section {
        padding: 115px 0 75px;
    }

    .sectionheadingblock-flex .sectionheading-head{
        width: 100%;
        text-align: center;
    }

    .sectionheadingblock-flex .sectionheading-text{
        width: 100%;
        margin: 20px 0 0;
    }

    .sectionheading-head .pagetagtitle{
        margin: 0 0 15px;
    }

    .sectionheadingblock-flex .sectionheading-text > p{
        text-align: center;
    }

    .sectionheadingblock-flex .sectionheading-text > p br{
        display: none;
    }

    .reportsarticlesmedia-tabs {
        width: 100%;
        gap: 5px;
        margin: 30px 0 0;
        padding: 5px 5px;
    }
    .reportsarticlesmedia-wrapper {
        width: 100%;
        padding: 45px 15px;
    }

    .reportsarticlesmedia-tabs .reportsarticlesmedia-tab {
        padding: 12px 5px;
        font-size: 12px;
    }

    .reportsarticlesmedia-content-wrapper {
        width: 100%;
        margin: 35px 0 0;
    }

    .articlesflex-warp{
        grid-template-columns: repeat(1, 1fr);
        gap:20px
    }


    a.reportsarticles-item .reportsarticles-thumb{
        width: 100%;
        border-radius: 18px 18px 0 0;
    }

    a.reportsarticles-item .reportsarticles-thumb > img{
        height: 180px;
        object-fit: cover;
    }

    a.reportsarticles-item .reportsarticles-text{
        width: 100%;
        border-radius: 0 0 18px 18px;
    }

    .reportsarticlesmedia-slide{
        margin: 0 10px;
    }

    .reportsarticlesmedia-slider .slick-prev{
        right: auto;
        top: 47%;
        left: -10px;
        width: 40px;
        height: 40px;
        background: var(--gradbg);
        /* transform: rotate(-90deg); */
        transition: 0.5s all ease;
    }
    
    .reportsarticlesmedia-slider .slick-next{
        right: -10px;
        top: 47%;
        width: 40px;
        height: 40px;
        background: var(--gradbg);
        /* transform: rotate(-90deg); */
        transition: 0.5s all ease;
    }
    
    .reportsarticlesmedia-slider .slick-next:hover,
    .reportsarticlesmedia-slider .slick-prev:hover{
        background:var(--gradhoverbg);
        transition: 0.5s all ease;
    }

    .autofaqs-section{
        padding: 55px 0;
    }

    .autofaqs-wrapper .autofaqs-heading{
        width: 100%;
        text-align: center;
    }

    .autofaqs-wrapper .faqsacc-wrapper{
        width: 100%;
        padding: 0;
    }

    .faqsheadwrap p{
        text-align: center;
    }

    .faqsimage-wrap{
        margin: 15px 0 30px;
    }

    .acc-itemwrap .acc-title::after{
        width: 25px;
        height: 25px;
        top: 25px;
        right: 15px
    }

    .acc-itemwrap .acc-title.active::after, .acc-itemwrap .acc-title::after {
        background-size: 9px;
    }

    .faqsacc-wrapper .acc-itemwrap{
        margin: 0 0 20px;
    }

    .faqsacc-wrapper .acc-itemwrap:last-child{
        margin: 0;
    }

    .clicktotop {
        width: 33px;
        height: 50px;
        bottom: 20px;
        right: 10px;
    }

    .expertise-automotive-section{
        padding: 75px 0 35px;
    }

    .oursolution-content-wrapper .tabcontent-block > p{
        font-size: 16px;
        line-height: 26px;
    }

    .close-btn {
        float: right;
        cursor: pointer;
        font-size: 25px;
        position: absolute;
        top: -10px;
        right: -20px;
        line-height: 20px;
        color: #fff;
    }

    .fancybox-slide--html .fancybox-close-small {
        color: currentColor;
        padding: 0;
        right: 15px !important;
        top: 15px !important;
        width: 30px;
    }

    div#hidden-content,
    div#hiddenlead-content {
        width: 90%;
        padding: 0 15px 35px;
    }

    div#hidden-content .threegridform,
    div#hiddenlead-content .threegridform{
        grid-template-columns: repeat(1, 1fr);
    }

    div#hidden-content .threegridform .span3,
    div#hiddenlead-content .threegridform .span3 {
        grid-column: span 1;
    }

    .casestudies-wrap .sectorsweservesection-heading{
        padding: 0 15px;
    }

    .captcha, .refresh-btn{
        font-size: 13px;
        line-height: 20px;
        padding: 10px 20px;
    }

    button.formsubmitbtn img {
        transform: rotate(45deg);
        width: 19px;
        filter: invert(1);
        position: absolute;
        top: 13px;
        right: 20px;
    }

    button.formsubmitbtn:hover img {
        opacity: 1;
        transition: 0.5s all ease;
        right: 11px;
    }

    div#hidden-content .threegridform, div#hiddenlead-content .threegridform {
        gap: 10px;
    }

    .form-group label.error {
        font-size: 10px;
        line-height: 10px;
    }
}