@charset "UTF-8";
    
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list, .slick-slider {
    position: relative;
    display: block;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after, .slick-track:before {
    display: table;
    content: ""}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat;
}
@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}
.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
}
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25;
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir=rtl] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "←"}
[dir=rtl] .slick-prev:before {
    content: "→"}
.slick-next {
    right: -25px;
}
[dir=rtl] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: "→"}
[dir=rtl] .slick-next:before {
    content: "←"}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.slick-dots li, .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none;
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
    transform: scale(.6);
}
[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6);
}
[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6);
}
[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6);
}
[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6);
}
[data-aos=zoom-out] {
    transform: scale(1.2);
}
[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0);
}
[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}
[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0);
}
:root {
    --primaryBg: #171427;
    --lightBg: #fff;
    --light: #fff;
    --dark: #111;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: DM Sans, sans-serif;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: Space Grotesk, sans-serif;
    margin-bottom: 20px;
}
a {
    text-decoration: none;
    color: inherit;
}
a, input, p, select {
    font-family: DM Sans, sans-serif;
}
p {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
}
p:last-child {
    margin-bottom: 0;
}
h1 {
    font-size: 50px;
}
.h1heading, h2, .h2heading {
    font-size: 35px;
}
h3 {
    font-size: 25px;
    font-weight: 500;
}
h4 {
    font-size: 22px;
    font-weight: 600;
}
h5 {
    font-size: 18px;
    font-weight: 500;
}
h6 {
    font-size: 16px;
    font-weight: 300;
}
.container {
    max-width: 1280px;
    margin: auto;
    padding: 0 20px;
}
.bgPrimary {
    background: var(--primaryBg);
}
#aboutMain, #aboutValues, #contactUsRow, #cientMain {
    background: url(https://codeinnovation.ae/assets/images/code-innovation-llc-overlay-white-dots.webp) no-repeat var(--primaryBg);
    background-size: cover;
    background-position: center;
}
.bgDark {
    background: var(--dark);
}
.bgLight {
    background: var(--lightBg);
}
.main-header {
    position: absolute;
    background: var(--primaryBg);
    z-index: 1;
    transition: .3s;
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    transition: .3s;
}
.main-header.shrink .header-inner {
    height: 65px;
    max-width: 1100px;
}
.logo {
    width: 20%}
.logo a {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.header-actions {
    width: 20%}
.contact-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media (min-width:1024px) {
    header.submenu-open {
        box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
        backdrop-filter: blur(10px);
        background: rgb(23 20 39 / 64%);
    }
    ul.menu li a:hover + .submenu-arrow i{
    color: #a332f1;
}
    .submenu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .3s ease;
    position: absolute;
}
li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
}@media (max-width:1023px) {
    .menu li {
    width: 100%;
    position: relative;
}
.menu-toggle {
    width: 32px;
    height: 24px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 1001;
    position: absolute;
    right: 20px;
}
.menu-toggle span {
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    transition: .3s ease;
}
.menu-toggle span:nth-child(2) {
    width: 75%;
}

.menu-toggle span:first-child {
    width: 50%;
}
.menu-toggle.active span:first-child {
    transform:translateY(11.5px) rotate(45deg);
    width: 100%;
}
.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.menu-toggle.active span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    z-index: 999;
}
.menu-overlay.show {
    opacity: 1;
    visibility: visible;
}
.submenu {
    position: fixed;
    inset: 0;
    background: #111;
    transform: translateX(100%);
    transition: transform .35s ease;
    z-index: 1002;
    overflow-y: auto;
}
li.open>.submenu {
    transform: translateX(0);
}
.menu-toggle {
    display: flex;
}
#mainmenu.open {
    transform: translateX(0);
}
.menu {
    display: block;
}
.menu li {
    border-bottom: 1px solid #2a2a2a;
}
.menu li a {
    display: block;
    padding: 16px 20px;
    color: #fff;
    font-size: 16px;
}
.submenu-arrow i {
    transition: transform .3s ease;
    color: #fff;
}
li.open>a .submenu-arrow i {
    transform: rotate(90deg);
}
.menu li {
    margin-right: 0!important;
}
#mainmenu {
    position: fixed;
    right: -100%;
    top: 0;
    width: 280px!important;
    height: 100%;
    background: #111;
    transition: left .35s ease;
    z-index: 1000;
    overflow-y: auto;
    left: unset;
    height: 100vh;
    padding-top: 55px;
}
#mainmenu.open {
    right: 0;
}
#menuToggle.active span {
    background: #a332f1;
}
.has-sub>.submenu {
    display: none;
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
}
li.has-sub>a {
    padding-right: 30px!important;
}
.has-sub.open>.submenu {
    display: block;
}
.submenu-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    cursor: pointer;
    padding: 10px 20px;
}
.has-sub.open>a .submenu-arrow i {
    transform: rotate(90deg);
    transition: transform .3s ease;
}
.submenu-back a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    padding: 10px 15px;
    cursor: pointer;
    color: #fff;
}
.submenu-back a i {
    font-size: 12px;
}
#mainmenu ul li a {
    display: block;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
}
#mainmenu ul li a:hover {
    color: #a332f1;
}
.menu-toggle.active {
    width: 24px;
    height: 24px;
    top: 10px;
}

}
nav#mainmenu {
    width: 60%}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.menu li a {
    text-decoration: none;
    display: inline-block;
    transition: all .35s;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}
ul.menu li a:hover {
    color: #a332f1 !important;
}
.menu li .submenu .submenu li a{
    letter-spacing: .4px;
}
.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menu li {
    margin-right: 40px;
}
@media only screen and (min-width:1024px) {


    .menu li .submenu li:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 22px;
        transform: translateY(-50%);
        left: 10px;
        background: #a332f1;
        background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
        background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
        background: linear-gradient(157deg, #a332f1, #3a328e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
    }

    .menu li .submenu li:after {
        content: "";
        position: absolute;
        width: 11px;
        height: 9px;
        border-radius: 50%;
        top: 22px;
        transform: translateY(-50%);
        left: 13px;
        background: var(--primaryBg);
    }
    li.has-submenu.has-sub .has-submenu > a{
        font-weight: 500;
    }
    li.submenu-back {
    display: none;
}
.menu {
    display: flex!important;
}
.menu .megamenu>a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 28px;
    display: none;
}
.menu .megamenu>a:hover:after {
    display: block;
}
.menu li .submenu {
    transition: all .35s;
}
.menu>li:hover>.submenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.menu li.megamenu>a {
    position: relative;
}
.menu li.megamenu>a:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 7px;
    height: 5px;
    width: 5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    transition: all .35s;
}
.menu li.megamenu>a:hover:before {
    border-right: 2px solid #a332f1;
    border-bottom: 2px solid #a332f1;
}
.menu li .submenu {
    position: absolute;
    top: 90%;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    background: var(--primaryBg);
    z-index: 9;
}
.menu li .submenu li {
    margin-right: 0;
    font-size: 16px;
}
.menu li .submenu li a {
    color: #fff;
    padding: 12px 30px;
    display: block;
}
.menu li .submenu li a:before {
    right: 15px;
    transform: rotate(-45deg);
    top: 18px;
}
.menu li .submenu .submenu {
    position: absolute;
    left: 100%}
.menu>li>.submenu {
    width: 100%;
    left: 0;
    z-index: -999!important;
    display: none!important;
}
.menu li .submenu .submenu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(0);
    opacity: unset;
    visibility: visible;
    display: block!important;
}
.menu li .submenu li {
    position: relative;
    width: 25%}
.menu>li:hover>ul.submenu {
    display: flex !important;
    z-index: 9 !important;
}
.menu li .submenu .submenu li {
    width: 100%}
.menu li .submenu li a:before {
    display: none;
}
.menu li .submenu li.megamenu>a {
    color: #9f32ed;
    font-weight: 800;
}
.menu li .submenu .submenu li a {
    font-size: 14px;
}
.menu li .submenu .submenu li:hover a {
    color: #9f32ed;
}
ul.menu li a {
    padding: 30px 0;
}
.menu li.megamenu>a:before {
    top: 36px;
}
li.has-submenu > span.submenu-arrow > i
 {
    color: #fff;
    font-size: 10px;
    transform: rotate(90deg);
}
ul.menul > i.has-submenu.active:hover > span.submenu-arrow > i
 {
    color: rgb(163, 50, 241);
}
ul.submenu span.submenu-arrow {
    display: none;
}
}


.btn {
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
    color: #fff;
    border-radius: 12px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    font-size: 16px;
    min-width: 140px;
    transition: all .35s;
    font-weight: 500;
    font-family: DM Sans, sans-serif;
}
.btn:hover {
    background: #a332f1;
}
a.ctaIcon {
    margin-right: 18px;
    width: 34px;
    border-radius: 12px;
    vertical-align: middle;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
}
a.ctaIcon:hover {
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
}
a.ctaIcon img {
    height: 15px;
}
.btnMedium {
    height: 50px;
    max-width: 240px;
    width: 100%}
.btnWhite {
    background: var(--light);
    color: var(--dark);
}
.btnWhite:hover {
    color: var(--light);
}
section#banner {
    min-height: 100vh;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--primaryBg);
}
.textWhite .h1heading, .textWhite h1, .textWhite h2, .textWhite h3, .textWhite h4, .textWhite h5, .textWhite h6, .textWhite p {
    color: var(--light);
}
.bannerContent p {
    font-size: 20px;
}
.bannerContent {
    max-width: 800px;
}
.bannerCallToAction {
    width: 80%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 auto;
}
.bannerContent p {
    margin: 20px 0 35px;
}
.aboutLeft, .aboutRight {
    width: 48%}
.gap70 {
    padding: 100px 0;
}
.dFlx, .headineMain {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.headineMain {
    align-items: center;
}
.headineMainBtn {
    width: 50%}
.headineMainBtn a {
    margin-left: auto;
    text-align: center;
}
.serviceList {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
    margin-top: 40px;
}
.serviceItem {
    width: 33.33%;
    padding: 3.33%;
    position: relative;
    transition: transform 4s ease-in-out;
}
.serviceItem:hover {
    background: #a332f1;
    background: linear-gradient(140deg, rgba(163, 50, 241, 0) 1%, rgba(163, 50, 241, .54) 36%, #3a328e);
}
a.btnLine {
/*    color: #fff;
    padding: 1px 0;
    font-size: 12px;
    transition: all .35s;
    font-weight: 500;
    font-family: DM Sans, sans-serif;
    border-image-slice: 1;
    border: 1px solid;
    border-image-source: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    border-left: 0;
    border-right: 0;
    border-top: 0;*/
}
a.btnLine img {
    filter: brightness(0) invert(1);
}
.serviceItem:nth-child(2):before, .serviceItem:nth-child(3):before, .serviceItem:nth-child(5):before, .serviceItem:nth-child(6):before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(255 255 255/25%);
}
.serviceItem h3 {
    width: 55%}
.serviceItem:first-child:after, .serviceItem:nth-child(2):after, .serviceItem:nth-child(3):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgb(255 255 255/25%);
    z-index: 1;
}
.caseStudiesLeft, .caseStudiesRight {
    width: 48%}
.caseStudiesItemImg img {
    width: 100%}
.caseStudiesItemImg {
    margin-bottom: 15px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.caseStudiesItem:hover .caseStudiesItemImg p {
    opacity: 1;
    bottom: 0;
    transition: transform 4s ease-in-out;
}
.caseStudiesItemImg p {
    width: 100%;
    opacity: 0;
    transition: transform 4s ease-in-out;
    position: absolute;
    bottom: 0;
    padding: 30px;
    background: #a332f1;
    background: linear-gradient(140deg, rgba(163, 50, 241, 0) 1%, rgba(163, 50, 241, .54) 36%, #3a328e);
    color: #fff;
}
.caseStudiesItem {
    margin-bottom: 40px;
}
.caseStudiesLeft {
    position: sticky!important;
    top: 70px;
    align-self: start;
}
.caseStudiesRight {
    position: relative!important;
    top: 0;
}
#cientMain, #getInTouchMain, #testimonialMain {
    text-align: center;
}
.cientSliderItem img {
    width: 100%}
.cientSliderItem {
    width: 20%;
    padding: 25px;
    width: 16%;
    padding: 13px;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    border-image-source: linear-gradient(90deg, #a332f1, #3a328e);
}
.BlogInner, .cientSlider, .testimonialSlider {
    margin-top: 40px;
}
.BlogInnerItemImg img, .testimonialImg img {
    width: 100%}
.testimonialImg {
    width: 150px;
    display: block;
    margin: 0 auto 30px;
}
.testimonialSlider .slick-slide {
    padding: 40px 20px;
    margin: 10px;
}
.BlogInner .slick-slide {
    padding: 0 15px;
}
.BlogInnerItemImg {
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.FaqLeft {
    width: 40%}
.FaqRight {
    width: 56%}
.accordion {
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}
.accordion-item {
    border: 1px solid #787878;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    background: rgba(80, 80, 80, .27);
    border-radius: 12px;
}
.accordion-item:last-child {
    border-bottom: none;
}
.accordion-header {
    padding: 16px 20px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    font-size: 18px;
    border-radius: 12px;
}
.accordion-header:after {
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: transform .3s;
    top: 14px;
    color: #fff;
}
.accordion-item.active .accordion-header:after {
    content: "-"}
.accordion-content {
    display: none;
    font-size: 16px;
    padding: 15px 20px;
}
.accordion {
    height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}
.accordion::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    border-radius: 12px;
    background-color: transparent;
}
.accordion::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}
.accordion::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #a332f1;
}
.accordion-header h5 {
    margin: 0;
    position: relative;
    padding-right: 25px;
    font-weight: 300;
}
.getInTouchInner .btn {
    margin: 0 auto;
}
.getInTouchInner {
    max-width: 800px;
    margin: 0 auto;
}
.hollow-text {
    font-size: 8vw;
    line-height: 1em;
    color: var(--light);
    -webkit-text-stroke: 1px currentColor;
    -webkit-text-fill-color: transparent;
}
.whiteBtn {
    background: #fff;
    color: #111;
}
.marquee, .whiteBtn:hover {
    color: #fff;
}
.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.marquee-content {
    display: inline-flex;
    animation: marquee 20s linear infinite;
}
.marquee-content span {
    padding-right: 50px;
}
@keyframes marquee {
    0% {
    transform: translateX(0);
}
to {
    transform: translateX(-50%);
}
}.bigtext {
    margin-top: 50px;
}
#getInTouchMain {
    padding-bottom: 0;
}
.bgGradient {
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
}
.footerCol {
    width: 20%}
.footerColBig {
    width: 30%}
.footerLogo img {
    width: 150px;
}
.footerLogo {
    margin-bottom: 20px;
}
.contactDetails i, .socialAccount a {
    margin-right: 20px;
}
.socialAccount i {
    font-size: 22px;
}
.contactDetails a:hover i, .socialAccount a:hover {
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
}
.contactDetails i, .socialAccount a {
    margin-right: 18px;
    width: 34px;
    border-radius: 12px;
    vertical-align: middle;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.contactDetails a:hover i, .socialAccount a:hover i {
    color: #fff;
}
.socialAccount {
    display: flex;
}
.contactDetails i {
    font-size: 18px;
    color: #000;
}
.contactDetails p {
    margin-bottom: 10px;
}
.contactDetails a {
    font-size: 19px;
    display: flex;
    margin-bottom: 35px;
    align-items: center;
    color: #fff;
}
.footerColBig .contactDetails p {
    font-weight: 500;
}
.footerTop a:hover {
    color: #a332f1;
}
.footerMenu ul li {
    margin-bottom: 20px;
}
.footerMenu ul li a {
    font-size: 14px;
    color: #fff;
}
.footerColBig p {
    font-size: 14px;
}
.textDark h5, .textDark i, .textDark p {
    color: #171427;
}
.textDark .hollowBtn {
    border: 1px solid #171427;
    color: #171427;
}
.textDark .serviceButtons li:hover, .textDark .serviceButtons li:hover a {
    color: #fff;
}
.textDark .hollow-text {
    color: #171427;
}
.footerBottom .container {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.footerBottom .container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
    z-index: 1;
}
.bigFooterText h2 {
    font-size: 17.5vw;
    text-align: center;
    font-weight: 200;
    margin: 0;
    background: linear-gradient(90deg, #a132ef 1.02%, #fff 38.02%, #3a328e 81.02%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    line-height: 1;
}
.footerColFull, .popup-overlay {
    justify-content: center;
}
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0/76%);
    display: none;
    align-items: center;
    z-index: 9999;
}
.popup-box {
    background: #fff;
    width: 90%;
    max-width: 900px;
    padding: 30px;
    border-radius: 0;
    position: relative;
    animation: popupFade .3s ease;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
}
@keyframes popupFade {
    0% {
    transform: scale(.9);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}button.btn-cta {
    padding-block: 0;
    padding-inline: 0;
    border-width: 0;
    cursor: pointer;
}
.colTwo {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.colTwoInner {
    width: 49%}
.form-wrapper input {
    height: 44px;
}
.form-wrapper input, .form-wrapper textarea {
    margin-bottom: 12px;
    border: 1px solid #a332f1;
    padding: 4px 11px;
    width: 100%;
    border-radius: 12px!important;
    outline: none!important;
}
.form-wrapper textarea {
    height: 100px;
    font-family: DM Sans, sans-serif;
}
form input:focus, form select:focus, form textarea:focus {
    box-shadow: 0 0 25px rgb(192 90 245/31%);
}
.form-wrapper select {
    margin-bottom: 12px;
    border: 1px solid #a332f1;
    height: 44px;
    padding: 4px 11px;
    width: 100%;
    border-radius: 12px!important;
    outline: none!important;
}
.footerColBig h5, .footerCol h5 {
    font-weight: 600;
    text-transform: uppercase;
}
.footerTop {
    padding: 40px 0 0;
}
.mobShow, .mobShowService {
    display: none;
}
.mobShowService {
    margin-top: 30px;
}
#innerPageBanner .container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.aboutValuesLeft, .innerPageBannerLeft {
    width: 45%}
.aboutValuesRight, .innerPageBannerRight {
    width: 50%}
.textUnderline {
    text-decoration: underline;
}
.believeMain {
    text-align: center;
}
.believeItem i {
    font-size: 35px;
    color: #fff;
    margin-bottom: 20px;
}
.text-center {
    text-align: center;
}
.IndustriesInnerHeadline {
    width: 100%}
.IndustriesSlider {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-flow: wrap;
}
.IndustriesItem {
    width: 20%;
    padding: 5px;
}
.IndustriesSlider .slick-dots li button:before {
    font-size: 12px;
    line-height: 20px;
    width: 15px;
    height: 15px;
    color: #a032ee;
}
.IndustriesSlider .slick-dots li {
    margin: 0 1px;
}
.caseStudiesRowItem {
    width: 48%;
    margin-bottom: 30px;
}
.caseStudiesRow {
    margin-top: 40px;
}
.contactUsRowLeft {
    width: 36%}
.contactUsRowRight {
    width: 55%}
.contactUsRowRight .form-wrapper input {
    height: 50px;
}
.contactUsRow .contactDetails span {
    color: #fff;
}
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .35s ease;
    z-index: 9;
}
.main-header.sticky {
    background: transparent;
}
.sticky .header-inner.container {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    background: rgb(23 20 39/64%);
    height: 80px;
}
.mainServiceWrapLeft {
    width: 65%}
.mainServiceWrapRight {
    width: 30%}
.mainServiceWrapRight img {
    width: 100%}
.hollowBtn, a.hollowBtn {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 12px;
    height: 40px;
    padding: 5px 20px;
    font-size: 16px;
    transition: all .35s;
    font-weight: 500;
    font-family: DM Sans, sans-serif;
    display: inline-block;
    height: unset;
    margin-bottom: 10px;
    width: 100%}
.serviceButtons ul li {
    width: 48%;
    text-align: center;
}
.serviceButtons ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.serviceButtons li:hover a {
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
    border-color: transparent;
}
.gapb0 {
    padding-bottom: 0;
}
.logo img {
    width: 100%;
    max-width: 140px;
    outline: none;
}
#aboutMain .container {
    position: relative;
    z-index: 1;
}
#aboutMain {
    position: relative;
    overflow: hidden;
}
.aboutHome img {
    border-radius: 20px;
    overflow: hidden;
}
.rotate-wrapper {
    width: 500px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -18%;
    bottom: -18%}
.rotate-circle {
    width: 100%;
    height: 100%;
    animation: spin 10s linear infinite;
    transform-origin: center center;
}
@keyframes spin {
    0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}.aboutRight img {
    width: 100%}
img {
    display: block;
}
.cientSlider {
    justify-content: space-around;
}
section#banner .container {
    position: relative;
    z-index: 9;
}
.main-header {
    background: transparent;
}
section#banner:before {
    content: "";
    position: absolute;
    background: linear-gradient(181deg, rgb(0 0 0/50%), rgba(6, 4, 16, 0) 50%);
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
}
section#banner {
    background: linear-gradient(90deg, #171427, #111 50%, #171427);
    position: relative;
}
.bgVideoMain video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bgVideoMain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
#cientMain:before {
    content: "";
    width: 20rem;
    height: 20rem;
    border-radius: 20rem;
    position: absolute;
    bottom: 0;
    left: 0;
    filter: blur(40px);
    background: linear-gradient(230deg, #171427 50%, rgb(162 50 240) 75.71%, #7032c1 0, #3b328f);
    transform: translateZ(0) rotate(14deg) skew(2.893deg, 0deg) scale(.97965, .96973);
    opacity: .6;
}
#cientMain, #cientMain .container, #contactUsRow, #contactUsRow .container, #mainServiceRow.bgDark, #mainServiceRow.bgDark .container, #serviceMain {
    position: relative;
}
#cientMain, #contactUsRow, #mainServiceRow.bgDark, #serviceMain {
    overflow: hidden;
}
#contactUsRow:before, #mainServiceRow.bgDark:before, #serviceMain:before {
    content: "";
    --size: 33.3333333333rem;
    width: var(--size);
    height: var(--size);
    border-radius: 33.3333333333rem;
    position: absolute;
    bottom: 10%;
    right: 6%;
    z-index: -1;
    filter: blur(40px);
    transform: scaleY(.95) rotate(-40deg);
    opacity: 0;
    background: linear-gradient(154deg, #000 50%, rgb(59 50 143) 75.71% 75.71%, #6932ba 0, #a232f1);
    transform: translateZ(0) rotate(-40deg) skew(2.893deg, 0deg) scale(.97965, .96973);
    opacity: .6;
    z-index: 0;
}
.testimonialSlider .slick-slide {
    min-height: 270px;
    height: unset;
}
#innerPageBanner {
    padding: 120px 0 70px;
    background: #a332f1;
    background: -webkit-linear-gradient(19deg, #a332f1 1%, #26295f 52%, #000);
    background: -moz-linear-gradient(19deg, #a332f1 1%, #26295f 52%, #000 100%);
    background: linear-gradient(19deg, #a332f1 1%, #26295f 52%, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#000000", GradientType=0);
}
.aboutBannerRight img {
    width: 60%;
    margin-left: auto;
}
.mainServiceWrap {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
section#contactUsRow {
    padding-bottom: 0;
}
.whatsapp-float:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(37, 211, 102, .5);
    animation: pulse 1.8s infinite;
    top: 0;
    left: 0;
    z-index: -1;
}
@keyframes pulse {
    0% {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(1.6);
    opacity: 0;
}
}.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    line-height: 55px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    z-index: 9999;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whatsapp-float:hover {
    background-color: #1ebe5d;
    transform: scale(1.08);
    color: #fff;
}
.believeItem .serviceItem h3 {
    width: 100%}
.innerService .contactUsRowRight {
    width: 85%;
    margin-left: auto;
}
.innerService .contactUsRowRight .form-wrapper input, .innerService .form-wrapper select {
    height: 36px;
}
.innerService .form-wrapper textarea {
    height: 80px;
}
h1.h1heading {
    font-size: 50px;
    line-height: 1.2;
}
#innerPageBanner {
    padding: 150px 0 50px;
}
.innerServiceAbout .container.dFlx {
    align-items: center;
}
.innerServiceFeature .serviceList {
    justify-content: center;
    margin-top: 0;
}
.innerService .form-wrapper {
    padding: 20px;
    border: 1px solid #787878;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    background: rgb(80 80 80/27%);
    border-radius: 12px;
}
.processTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.ProcessRight {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    width: 100%}
.ProcessItem i {
    font-size: 22px;
    margin-bottom: 20px;
    color: #fff;
}
.ProcessItem {
    width: 23%;
    text-align: left;
    padding: 20px;
    border: 1px solid #787878;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    background: rgba(80, 80, 80, .27);
    border-radius: 12px;
    margin: 1%}
.processMain {
    background: #a332f1;
    background: -webkit-linear-gradient(131deg, #a332f1 1%, #26295f 52%, #000);
    background: -moz-linear-gradient(131deg, #a332f1 1%, #26295f 52%, #000 100%);
    background: linear-gradient(131deg, #a332f1 1%, #26295f 52%, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#000000", GradientType=0);
}
.whyChoose .container {
    padding: 0 22%}
.aboutValuesRight .accordion {
    height: unset;
    overflow-y: unset;
    padding-right: 0;
}
.textCenter {
    text-align: center;
    margin-bottom: 40px;
}


.overlayRadial {
    overflow: hidden;
    position: relative;
}

.overlayRadial:before {
    content: "";
    --size: 50rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50rem;
    position: absolute;
    bottom: 10%;
    right: 6%;
    filter: blur(40px);
    transform: scaleY(.95) rotate(-40deg);
    background: linear-gradient(154deg, #000 50%, rgb(59 50 143) 75.71% 75.71%, #6932ba 0, #a232f1);
    transform: translateZ(0) rotate(-40deg) skew(2.893deg, 0deg) scale(.97965, .96973);
    opacity: .6;
    z-index: 0;
}
.btn.btnServices {
    font-size: 12px;
    height: 30px;
    width: unset;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    padding: 0 20px;
    min-width: unset;
}
.fixedCol .aboutValuesLeft{
    position: sticky !important;
    top: 70px;
    align-self: start;
}
/* ==============================
   Table of Contents Styles
   ============================== */

#table-of-contents {
    padding: 20px;
    margin: 0px 0 30px;
    border: 1px solid #e5e7eb;
    font-family: inherit;
}

#table-of-contents h3 {
  margin: 0 0 12px;
}

#table-of-contents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#table-of-contents ul li {
  margin-bottom: 6px;
}

#table-of-contents ul li a {
  display: block;
  padding: 6px 8px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  transition: background 0.2s ease, color 0.2s ease;
}

#table-of-contents ul li a:hover {
    background: #e5e7eb;
    color: #ffffff;
    background: #a332f1;
    background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
    background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
    background: linear-gradient(90deg, #a332f1, #3a328e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
}

/* Nested list (sub-sections) */
#table-of-contents ul ul {
  margin-top: 6px;
  margin-left: 12px;
  border-left: 2px solid #e5e7eb;
  padding-left: 10px;
}

#table-of-contents ul ul li a {
  font-size: 13px;
  color: #fff;
}

/* Active link (optional – add class via JS or CSS :target) */
#table-of-contents a.active {
  background: #2563eb;
  color: #ffffff;
}

/* ==============================
   Responsive (Mobile)
   ============================== */
@media (max-width: 992px) {
  #table-of-contents {
    position: relative;
    top: auto;
    max-width: 100%;
  }
}
.innerBlog .innerPageBannerLeft {
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

#SingleBlogWrap .container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
}
.singleBlogLeft {
    width: 65%;
}
.singleBlogRight {
    width: 30%;
    position: sticky !important;
    top: 0px;
    align-self: start;
}
.singleBlogLeft ul li {
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    list-style-type: none;
    padding-left: 30px;
    position: relative;
}

    .singleBlogLeft ul li:before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 12px;
        transform: translateY(-50%);
        left: 10px;
        background: #a332f1;
        background: -webkit-linear-gradient(90deg, #a332f1, #3a328e);
        background: -moz-linear-gradient(90deg, #a332f1 0, #3a328e 100%);
        background: linear-gradient(157deg, #a332f1, #3a328e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A332F1", endColorstr="#3A328E", GradientType=1);
    }
    .singleBlogLeft ul li:after {
        content: "";
        position: absolute;
        width: 11px;
        height: 9px;
        border-radius: 50%;
        top: 12px;
        transform: translateY(-50%);
        left: 14px;
        background: #ffffff;
    }
.listItem {
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
}
.listItem p{
    font-size: 12px;
}
.sectionBreak {
    margin-top: 30px;
}
.singleBlogLeft a.cta-button {
    text-decoration: underline;
    color: #413295;
    font-weight: 600;
    text-transform: uppercase;
}
.singleBlogLeft p a, .singleBlogLeft h3 a {
    color: #413295;
    font-weight: 600;
}

.singleBlogLeft p a:hover, .singleBlogLeft h3 a:hover {
    color: #9932e8;
}

.SingleBlogImage img {
    display: block;
    width: 100%;
}
.tableOfContent .fa-solid{
    position: absolute;
    top: 0;
    right: 20px;
    color: #fff;
    font-size: 20px;
    top: 23px;
}
.blogMainWrap .caseStudiesRow {
    margin-top: 0px;
}
.blogMainWrap .categoryItem>p {
    margin: 0;
    color: #fff;
    border-radius: 12px;
    padding: 5px 11px;
    font-size: 10px;
    font-weight: 500;
    font-family: DM Sans, sans-serif;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    background: rgb(23 20 39);
}
.blogMainWrap .ReadTime {
    margin-left: 20px;
}
.blogMainWrap .categoryItem {
    display: flex;
    align-items: center;
}
.blogMainWrap .ReadTime p {
    font-size: 11px;
}
.blogMainWrap h4 {
    margin-top: 18px;
    margin-bottom: 10px;
}
.blogMainWrap .UpdateBy p {
    font-size: 12px;
    color: #898989;
}



















@media only screen and (max-width:1200px) {
    h1, h1.h1heading {
    font-size: 40px;
}
.h1heading, h2, .h2heading {
    font-size: 28px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
.btn, h6, ul.menu li a {
    font-size: 14px;
}
.menu li.megamenu>a:before {
    top: 3px;
}
.testimonialImg {
    width: 120px;
}
.bannerContent p {
    font-size: 18px;
}
.menu li {
    margin-right: 30px;
}
nav#mainmenu {
    width: 50%}
.header-actions, .logo {
    width: 25%}
}@media only screen and (max-width:1023px) {
    #menu_trigger {
    position: absolute;
    right: 20px;
    top: 35px;
}
.header-actions {
    width: 40%;
    margin-right: 50px;
}
#menu_trigger.menuopen .menulines {
    background: transparent;
}
#menu_trigger.menuopen .menulines:before {
    transform: rotate(45deg);
    top: 0;
    background: #fff;
}
#menu_trigger.menuopen .menulines:after {
    transform: rotate(135deg);
    top: 0;
    background: #fff;
}
#mainmenu .menu li::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 9px;
    top: 22px;
    transform: translateY(-50%);
    left: 14px;
    border-radius: 50%;
    background: var(--primaryBg);
}
#mainmenu .menu li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 22px;
    transform: translateY(-50%);
    left: 11px;
    border-radius: 50%;
    background: linear-gradient(157deg, rgb(163, 50, 241), rgb(58, 50, 142));
}
li.submenu-back::before, li.submenu-back::after{
    display: none
}
#mainmenu ul li a {
    padding: 12px 30px;
}

}@media only screen and (max-width:991px) {
    .footerCol, .footerColBig {
    margin-bottom: 40px;
}
.footerCol {
    width: 33.33%}
.footerColBig {
    width: 100%}
.whyChoose .container {
    padding: 0 11%}
.ProcessItem {
    width: 32%;
    margin: 0 0 20px;
}
.ProcessRight {
    justify-content: space-around;
}
}@media only screen and (max-width:767px) {
    h1, h1.h1heading {
    font-size: 30px;
}
.h1heading, h2, .h2heading {
    font-size: 25px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
.btn, h6 {
    font-size: 12px;
}
ul.menu li a {
    font-size: 14px;
}
.menu li.megamenu>a:before {
    top: 3px;
}
.testimonialImg {
    width: 100px;
}
.bannerContent p {
    font-size: 16px;
}
.aboutLeft, .aboutRight, .caseStudiesLeft, .caseStudiesRight, .FaqLeft, .FaqRight {
    width: 100%}
.aboutRight, .caseStudiesRight, .FaqRight {
    margin-top: 30px;
}
.serviceItem h3 {
    width: 100%}
.caseStudiesLeft {
    position: relative!important;
    top: 0;
}
.serviceItem {
    width: 50%;
    padding: 30px;
}
.serviceItem:nth-child(3):before {
    right: 0;
    left: unset;
}
.serviceItem:nth-child(5):before {
    width: 0;
}
.serviceItem:nth-child(4):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgb(255 255 255/25%);
    z-index: 1;
}
.cientSliderItem {
    padding: 10px;
}
.btnMedium {
    height: 40px;
    max-width: 180px;
}
.header-actions {
    width: 60%}
.header-actions, .logo {
    width: 40%}
.socialAccount i {
    font-size: 16px;
}
.gap70 {
    padding: 40px 0;
}
.deskShow {
    display: none;
}
.mobShow {
    display: block;
}
.contactUsRowLeft, .contactUsRowRight {
    width: 100%}
#contactUsRow .container {
    flex-flow: column-reverse;
}
.contactUsRowRight {
    margin-bottom: 40px;
}
.mainServiceWrapLeft {
    width: 100%;
    margin-bottom: 30px;
}
.mainServiceWrapRight {
    width: 100%}
.caseStudiesItemImg p {
    opacity: 1;
    padding: 10px;
    font-size: 12px;
}
.singleBlogLeft {
    width: 100%;
}
.singleBlogRight {
    width: 100%;
    position: relative !important;
    margin-top: 40px;
}
}@media only screen and (max-width:680px) {

    .fixedCol .aboutValuesLeft{
    position: relative !important;
    top: 0;
    align-self: start;
}
    .aboutValuesLeft, .aboutValuesRight, .innerPageBannerLeft, .innerPageBannerRight {
    width: 100%}
.aboutValuesRight, .innerPageBannerRight {
    margin-top: 20px;
}
.caseStudiesItemImg p {
    opacity: 1;
    padding: 10px;
    font-size: 10px;
}
.aboutBannerRight img {
    margin: auto;
}
.innerService .contactUsRowRight {
    width: 100%;
    margin-top: 30px;
}
#innerPageBanner {
    padding: 120px 0 50px;
}
.ProcessItem {
    width: 48%}
.ProcessRight {
    justify-content: space-between;
}
.innerBlog .innerPageBannerLeft {
    width: 100%;
}
.listItem p {
    font-size: 10px;
}
.categoryList {
    margin-bottom: 20px;
}
}@media only screen and (max-width:580px) {
    .menu-toggle {
    position: relative;
    right: unset;
}
.header-actions .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 10px;
    min-width: 75px;
}
a.ctaIcon {
    margin-right: 16px;
}
.cientSliderItem {
    width: 22%;
    padding: 5px;
    margin-bottom: 10px;
}
.cientSlider {
    justify-content: space-around;
}
.bannerCallToAction .btn {
    margin-bottom: 10px;
}
.bannerCallToAction {
    flex-flow: column;
}
a.ctaIcon img {
    height: 10px;
}
a.ctaIcon {
    margin-right: 10px;
    margin-right: 18px;
    width: 28px;
    border-radius: 10px;
    height: 30px;
}
.serviceItem:last-child {
    border-bottom: 0;
}
.serviceItem {
    width: 100%;
    padding: 25px 15px;
    border-bottom: 1px solid rgb(255 255 255/25%);
}
.footerCol {
    width: 100%;
    margin-top: 20px;
}
.footerMenu ul li {
    margin-bottom: 10px;
}
.serviceItem:after, .serviceItem:before {
    display: none!important;
}
.mobShowService {
    display: block;
}
.deskShowServices {
    display: none;
}
.caseStudiesRowItem {
    width: 100%}
.contactUsRowRight .form-wrapper input {
    height: 40px;
}
.colTwoInner {
    width: 100%}
.contact-info .ctaIcon {
    display: none;
}
.header-actions {
    order: 3;
}
nav#mainmenu {
    order: 1;
}
.logo {
    width: 50%;
    text-align: center;
    order: 2;
    margin-left: auto;
}
.header-actions {
    width: 25%;
    margin-right: 0;
}
#menu_trigger {
    left: 20px;
}
.hollowBtn, a.hollowBtn {
    font-size: 12px;
}
section#banner {
    position: relative;
    min-height: 300px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--primaryBg);
}
.logo img {
    width: 100%;
    max-width: 110px;
    margin: auto;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    transition: .3s;
    align-items: center;
}
#menu_trigger {
    position: absolute;
    right: 20px;
    top: 22px;
}
.header-inner {
    height: 70px;
}
.sticky #menu_trigger {
    top: 20px;
}
.sticky .header-inner.container {
    height: 60px;
}
.whyChoose .container {
    padding: 0 5%}
}@media only screen and (max-width:480px) {
    .whatsapp-float {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
}
.hollowBtn, a.hollowBtn {
    font-size: 10px;
}
section#banner {
    position: relative;
    min-height: 250px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--primaryBg);
}
.aboutBannerRight img {
    width: 90%}
.ProcessItem {
    width: 100%;
    margin: 0 0 10px;
}
}



#innerPageBanner.bgBanner {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}