@font-face {
    font-family: "Aeonik Medium";
    src: url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.eot");
    src: url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/757ff6da05e4f945c71c9751b485a9ad.svg#Aeonik Medium")format("svg");
}


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    word-break: break-word;
    font: 15px/25px "Inter", sans-serif;
    color: #393939;
    /*overflow-x: hidden;*/
}

html {
    font-size: 16px;
    overflow-x: hidden;
}

:root {
    --dark-gray: #212121;
    --primary-font: "Inter";
    --primary-color: #ff3019;
    --primary-gray: #EFEFEF;
    --secondary-color: #FFB530;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
a {
    font-family: "Inter", sans-serif;
}

.mt-6 {
    margin-top: 4rem !important;
}

@font-face {
    font-family: "Gothic";
    src: url("../fonts/KarasumaGothic-Regular.otf");
}

h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0;
    margin-bottom: 1rem;
    color: #000;
}

h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 42px;
    margin-bottom: 1rem;
    color: #000000;
    letter-spacing: -1.0px;
}

h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    color: black;
    letter-spacing: -1px;
    margin-bottom: 1rem;
    font-family: "Inter", sans-serif;
}

h4 {
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-weight: 600;
    margin: 0 0 13px;
    font-family: "Inter", sans-serif;
}

h5 {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px;
    font-family: "Inter", sans-serif;
}

h6 {
    font-size: 18px;
    line-height: 23px;
    color: #000;
    font-weight: 500;
    margin: 0 0 22px;
    font-family: "Inter", sans-serif;
}

select {
    background: #fff url('../images/arrow.png') no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #575757;
}

::-moz-placeholder {
    color: #575757;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #575757;
}

:-moz-placeholder {
    color: #575757;
    opacity: 1;
}

ul {
    padding: 0;
    list-style-type: none;
}

p {
    font-size: 16px;
    color: #4e4e4e;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 20.8px;
}
a{text-decoration: none;}


.btn-1{background-color: #d44a00;color: #fff;text-decoration: none;padding: 10px 20px;border-color: #00000000;border-width: 1px;border-style: solid;letter-spacing: 0;text-transform: none;/* box-shadow: 0 10px 15px -10px #0000006e; */text-shadow: none;border-radius: 30px;font-size: 16px;font-weight: 100;display: inline-block;text-align: center;cursor: pointer;font-family: 'Aeonik Medium';}
.btn-1 span{    font-size: 15px;    font-weight: 600;    display: block;}
.btn-1:hover{color: #ffffff;}
.btn-2{}
.main-heading{    font-size: 80px;    line-height: 80px;    font-weight: 500;    margin: 0 0 20px;font-family: 'Aeonik Medium';    letter-spacing: -0.02em;}
.main-heading span{color: #f15a2b; display:block;}
.main-pera{font-size: 20px;color: #5b5f65;font-weight: 400;margin-bottom: 20px;line-height: 28px;font-family: "Inter", sans-serif;}




/* Header */
/*header {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background: rgba(237, 232, 225, 0.85);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);background-color: rgba(0, 0, 0, 0.5);transform: none;transform-origin: 50% 50% 0px;will-change: auto;padding: 23px 0;}*/
/*header .logowrp{}*/
/*header .logowrp img{}*/
/*header .logowrp div{font-family: "Aeonik Medium";color: #fff;font-size: 24px;}*/
/*header .navwrp{}*/
/*header .navwrp ul{    padding: 0;    margin: 0;    display: flex;    justify-content: center;    gap: 60px;    align-items: center;}*/
/*header .navwrp ul li{}*/
/*header .navwrp ul li a{    font-weight: 400;    color: #fff;    opacity: 0.8;    font-size: 14px;    line-height: 16.8px;    font-family: "Inter", sans-serif;}*/
/*header .head-btn{    display: flex;    justify-content: flex-end;    gap: 20px;}*/
/*header .head-btn a{}*/
.btn-border{border: 1px solid #fff3;padding: 10px 20px;border-radius: 30px;color: #fff;font-family: "Inter", sans-serif;font-size: 14px;letter-spacing: -.03em;line-height: 16px;transition: .3s ease-in-out;}
.btn-fill{    border: 1px solid #fff3;    padding: 10px 20px;    border-radius: 30px;    color: #fff;    font-family: "Inter", sans-serif;    font-size: 14px;    letter-spacing: -.03em;    line-height: 16px;    background: #d44a00;}
.btn-border:hover{    color: #fff;    border: 1px solid #ffffff00;}
.btn-fill:hover{color: #fff;}



/*=========== Main Banner ===========*/
.homepage-banner{position:relative;}
.homepage-banner:after{    aspect-ratio: 1 / 2.2;    background-image: linear-gradient(#f15a2ba8, #f15a2b75);    border-radius: 800%;    filter: blur(140px);    left: 50%;    max-width: 400px;    opacity: .45;    position: absolute;    top: 55%;    transform: translate(-50%, -50%);    width: 80%;    z-index: 0;    content: ''; display:none;}
.maion-banner{height: 100vh;padding: 120px 0 0px;text-align: center;background: #000;transition: 1s all; background-image: linear-gradient(#4e4e4e3b 1px, transparent 1px), linear-gradient(90deg, #4e4e4e3b 1px, transparent 1px);    background-size: 100px 100px;    overflow: hidden;}
.maion-banner.add-on-scroll {    will-change: transform;    opacity: 1;    transform: scale(0.9);    border-radius: 0 0 50px 50px;}
.maion-banner.add-on-scroll .imgwrp {
    perspective: 1000px;
}
.maion-banner.add-on-scroll .imgwrp video{
    translate: none;
    rotate: none;
    scale: none;
    opacity: 1;
    transform: translate(0px, -3%) rotateX(20deg);
    transform-style: preserve-3d;
    transition: 1s ease-in-out;
}
.maion-banner .imgwrp video{}
.maion-banner .txtwrp{    width: 90%;    margin: 0 auto;position:relative;}
.maion-banner .txtwrp h1{color: #fff;font-size: 80px;line-height: 90px;margin: 0;font-family: "Aeonik Medium";letter-spacing: -0.02em;font-weight: 100;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);z-index: 9;position: relative;}
.maion-banner .txtwrp:after{content: '“';font-family: "Aeonik Medium";font-size: 540px;position: absolute;left: -100px;color: #383838;top: 160px;z-index: 0; display:none;}
.maion-banner .txtwrp p{margin: 40px 0 0;color: #fff;font-family: "Aeonik Medium";}
.maion-banner .txtwrp p img{}
.maion-banner .imgwrp{transition: 1s ease-in-out;perspective: 1000px;}
.maion-banner .imgwrp img{width: 80%;margin: 0px 0 0;}
.maion-banner .upper{    width: max-content;    margin: 0 auto 20px;    display: flex;    border-bottom-width: 1px;    border-color: rgba(255, 255, 255, 0.1);    border-left-width: 1px;    border-right-width: 1px;    border-style: solid;    border-top-width: 1px;    backdrop-filter: blur(10px);    background: linear-gradient(rgba(87, 85, 81, 0.2) 0%, rgba(87, 85, 81, 0.4) 100%);    border-radius: 400px;    box-shadow: rgba(0, 0, 0, 0.03) 0px 0.722625px 0.722625px -0.333333px, rgba(0, 0, 0, 0.04) 0px 2.74624px 2.74624px -0.666667px, rgba(0, 0, 0, 0.1) 0px 12px 12px -1px;    opacity: 1;    will-change: transform;    transform: none;    transform-origin: 50% 50% 0px;    padding: 4px 4px;}
.maion-banner .upper p{    margin: 0;    background: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);    border-radius: 999px;    box-shadow: rgba(0, 0, 0, 0) 0px 0.602187px 0.602187px 0px, rgba(0, 0, 0, 0.01) 0px 2.28853px 2.28853px 0px, rgba(0, 0, 0, 0.06) 0px 10px 10px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;    opacity: 1;    transform: none;    will-change: transform;    transform-origin: 50% 50% 0px;    padding: 6px 12px;    font-size: 14px;    font-weight: 300;    font-family: 'Inter';}
.maion-banner .upper span{    color: #766a6a;    padding: 4px 9px;}
.moving-effact{position: absolute;    top: -140px;    left: 190px;}
.live-text{    display: flex;    justify-content: center;    gap: 12px;    margin: 40px 0 20px;align-items: center;}
.live-text p{    margin: 0 !important; font-size: 16px;    font-family: 'Inter' !important;    font-weight: 300;}
.live-text img{    height: 20px;}
.maion-banner .btnwrp{position:relative;margin: 30px 0 0;z-index:9;}
.need-help-persons {    display: flex;}
.need-help-persons>img {width: 40px;height: 40px;object-fit: cover;border-radius: 50%;background: #fff;border: 3px solid #FF7B22;}
.need-help-persons>img:not(:first-child) {    margin-left: -10px;}
.starswrp{}
.starswrp i{    color:#ffbe01;}
.homepage-banner .imgwrp video{width: 100%;margin: 0px 0 -7px;transition: 1s ease-in-out;transform: translate(0px, -3%) rotateX(0deg);transition: 1s ease-in-out;}



/*=========== Client Logos ===========*/
.client-logos{    padding: 50px 0 100px;    text-align: center;}
.client-logos .txtwrp{}
.client-logos .txtwrp p{    font-family: "Inter", sans-serif;    font-weight: 300;    margin: 0 0 40px;    color: #757575;}
.client-logos .logoswrp{}
.client-logos .logoswrp ul{    margin: 0;    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: center;}
.client-logos .logoswrp ul li{    flex: 0 0 16%;}
.client-logos .logoswrp ul li img{    height: 66px;}



.secondwrp{    padding: 50px 0 0;    border-top: 1px solid #00000026;    margin: 0 0 -70px;}
.secondwrp .txtwrp{}
.secondwrp .txtwrp h2{    font-family: "Aeonik Medium";    font-size: 80px;    letter-spacing: -0.02em;    line-height: 80px;    text-align: center;    font-weight: 100;}
.secondwrp .txtwrp h2 span{    display: block;    opacity: 1;color: #f15a2b;}
.secondwrp .imgwrp{    text-align: center;    background: radial-gradient(circle at center, #e3d6c9 0%, #cbb8aa 50%, #b89f8c 100%);    border-radius: 20px;    width: 80%;    margin: 100px auto 0;}
.secondwrp .imgwrp img{    width: 100%;    margin: 0 auto;}

.section ul li{    margin: 0 0 40px;position:relative;}
.section ul li h3{font-family: 'Aeonik Medium';    font-weight: 500;    font-size: 19px;    line-height: 28px;    margin: 0 0 5px;    letter-spacing: 0rem;}
.section ul li p{font-family: "Inter", sans-serif;    font-size: 16px;    margin: 0;    color: #575551;    font-weight: 400;    width: 30%;}
.section ul li a{color: #ed7e00;    font-size: 16px;    font-family: "Inter", sans-serif;    font-weight: 400;    margin: 10px 0 0;    display: inline-block;}
.section ul li a svg {    height: 20px !important;    width: auto !important;}
.section {  width: 100%;  height: 100vh;  display: flex;  justify-content: center;  align-items: center;}
.pin-section {  border-top: dashed 2px var(--color-surface50);  border-bottom: dashed 2px var(--color-surface50);}
.container ul {  font-size: 30px;  color: var(--color-surface-white);  margin: 0;  padding: 0;  padding-right: 10px;  list-style: none;  flex-grow: 0;}
.container .fill {  position: absolute;  top: 0;  left: 0;  width: 2px;  height: 100%;  background-color: var(--color-shockingly-green);}
.container .right {  flex-grow: 1;  position: relative;}
.right .slide {  position: absolute;  width: 90%;  top: 50%;  transform: translateY(-85%);  right: 1rem;  opacity: 0;  visibility: hidden;  border-radius: 10px;  right: -11%;  text-align: center;  background: radial-gradient(circle at center, #e3d6c9 0%, #cbb8aa 50%, #b89f8c 100%);  border-radius: 20px;  width: 75%;  margin: 100px auto 0;  margin: 0;}
.pin-section img {  width: 100%;  max-width: 100%;}
.second-sec .abt-btn{    border: 1px solid #a7a6a5;color: #000000;}
.second-sec .abt-btn svg{  fill: #000000 !important;}
.second-sec .abt-btn:hover{color:#000;}
.second-sec .abt-btn:hover svg{  fill: #fff !important;}
.highlight-bar {    position: absolute;    bottom: 0;     left: -10px;    width: 2px;    height: 100%;     background-color: rgb(237, 126, 0);     transform-origin: left center;    transform: scaleX(0); /* Shuruat me 0 scale */}






.boxes-section{    padding: 70px 0;}
.boxes-section .fisrt-box{background-image: url(../images/bx-1.webp);background-size: cover;background-position: 0px -50px;padding: 50px;border-radius: 18px;height: 550px;}
.boxes-section .fisrt-box .txtwrp{    text-align: center;}
.boxes-section .fisrt-box .txtwrp h4{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 30px;    font-weight: 100;}
.boxes-section .fisrt-box .txtwrp p{    color: #fff;    font-family: "Inter", sans-serif;    font-size: 18px;    opacity: .8;width: 40%;    margin: 0 auto;}
.boxes-section .fisrt-box .btnwrp{    text-align: center;    margin: 30px 0 0;}
.boxes-section .fisrt-box .btnwrp a{/* border: 1px solid #ffffff61; *//* padding: 15px 20px 15px; *//* border-radius: 30px; *//* color: #ffffff; */}
.boxes-section .fisrt-box .btnwrp a svg{width: auto !important;/* height: 25px !important; *//* fill: #ffffff !important; */}

.boxes-section .box-2{background: linear-gradient(209deg, #5E6A77 10%, #666260 40%, #584648 60%, #40444B 100% 80%);padding: 20px;border-radius: 18px;margin: 30px 0 0;position:relative;}
.boxes-section .box-2 .main-box{border: 2px solid #6b727861;padding: 30px;border-radius: 20px;height: 600px;display: flex;flex-direction: column;justify-content: space-between;}
.boxes-section .box-2 .main-box .uper{}
.boxes-section .box-2 .main-box .uper h6{border: 1px solid #a7a6a5;    width: max-content;    padding: 8px 14px;    border-radius: 30px;    color: #cac6c1;    font-size: 10px;    font-family: "Inter", sans-serif;    margin: 0 0 20px;    text-transform: uppercase;    letter-spacing: 0.1em;    line-height: 12px;}
.boxes-section .box-2 .main-box .uper h4{    color: #fff;    font-size: 32px;    font-family: 'Aeonik Medium';    font-weight: lighter;    letter-spacing: -.02em;    margin: 0;    line-height: 36px;}
.boxes-section .box-2 .main-box .lower-body{}
.boxes-section .box-2 .main-box .lower-body .client-namewrp{}
.boxes-section .box-2 .main-box .lower-body .client-namewrp h4{    margin: 0;    color: #fff;    font-family: 'Aeonik Medium';}
.boxes-section .box-2 .main-box .lower-body .client-namewrp a{    color: #a7a6a5;    font-size: 16px;font-family: "Inter", sans-serif;}
.boxes-section .box-2 .main-box .lower-body .client-namewrp a svg{    width: auto !important;    height: 16px !important;    fill: #a7a6a5 !important;}

.boxes-section .box-3{margin: 30px 0 0;background-image: url(../images/box3-bg.png);background-size: cover;padding: 40px;border-radius: 18px;height: 639px;background: #a7a6a524;background: linear-gradient(208deg, #f6eded 19%, #fff 80%);position: relative;background: linear-gradient(208deg, #dcd6c630 19%, #afab9fa3 80%);overflow: hidden;}
.boxes-section .box-3 .txtwrp{}
.boxes-section .box-3 .txtwrp h4{color: #000000;font-family: 'Aeonik Medium';font-size: 30px;font-weight: 100;}
.boxes-section .box-3 .txtwrp p{color: #302e2d;font-size: 18px;font-family: Inter;width: 40%;font-weight: 400;}
.boxes-section .box-3 .btnwrp{    margin: 40px 0 0;}
.boxes-section .box-3 .btnwrp a{/* border: 1px solid #ffffff61; *//* padding: 12px 10px 12px 20px; *//* border-radius: 30px; *//* color: #ffffff; */border: 1px solid #a7a6a5;color: #000000;}
.boxes-section .box-3 .btnwrp a svg{/* width: auto !important; *//* height: 17px !important; *//* margin: 0 0 0 10px; */fill: #000 !important;}
.boxes-section .box-3 .btnwrp a:hover svg{fill: #fff !important;}
.boxes-section .box-3 .lines{display: flex;justify-content: end;align-items: flex-end;gap: 10px;margin: -96px 0px 0 0;}
.boxes-section .box-3 .lines ul{    padding: 0;    display: flex;    flex-direction: column;    gap: 10px;}
.boxes-section .box-3 .lines ul li{    width: 203px;    height: 90px;    background: #000;    border-radius: 16px;}
.boxes-section .box-3 .lines ul li.line-1{background: #cccccc;}
.boxes-section .box-3 .lines ul li.line-2{    background: #808080;}
.boxes-section .box-3 .lines ul li.line-3{    background: #4d4d4d;}
.boxes-section .box-3 .lines ul li.line-4{}
.boxes-section .box-3 .lines ul li.line-5{    background: #fbcebf;}
.boxes-section .box-3 .lines ul li.line-6{    background: #f9bdaa;}
.boxes-section .box-3 .lines ul li.line-7{    background: #f79c80;}
.boxes-section .box-3 .lines ul li.line-8{    background: #f47b55;}
.boxes-section .box-3 .lines ul li.line-9{    background: #f15a2b;}
/*.boxes-section .box-3:after{content:'';    position: absolute;    inset: 0;    padding: 2px;    border-radius: 20px;    background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    padding: 1px;    height: 100%;    width: 100%;    top: 0;    right: 0;    left: 0;    margin: auto;}*/



.boxes-section .last-box{position: relative;border-radius: 18px;margin: 20px 0 0;overflow: hidden;height: 600px;}
.boxes-section .last-box video{    position: absolute;    width: 100%;    /* height: 100%; */    top: 0;    left: 0;    z-index: -1;}
.boxes-section .last-box .side-text{    width: 390px;    padding: 30px;    border-radius: 30px;    background: #000;    position: absolute;    bottom: 30px;    right: 20px;    backdrop-filter: blur(50px);    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
.boxes-section .last-box .side-text h2{    color: #fff;    font-family: 'Aeonik Medium';    font-weight: lighter;    letter-spacing: -.02em;    font-size: 32px;    line-height: 38px;}
.boxes-section .last-box .side-text .bottom-text{    margin: 50px 0 0;}
.boxes-section .last-box .side-text .bottom-text h5{    color: #fff;    font-size: 22px;    margin: 0 0 10px;    font-weight: 300;}
.boxes-section .last-box .side-text .bottom-text p{    color: #aea7a7;    font-size: 16px;    font-family: "Inter", sans-serif;    width: 80%;}
.boxes-section .last-box:after{content:'';    background-image: url(../images/ATK-review-thumbnail.png);    background-size: cover;    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    z-index: -1;}
.boxes-section .last-box:hover::after{display:none;}


.dynamic-heading {
    /* ... baki styles ... */
    font-weight: 300; /* Hamesha light rahega */
    color: rgba(0, 0, 0, 0.4); /* Poori line halki dikhe */
    /* ... baki styles ... */
}

.dynamic-word {
    /* ... baki styles ... */
    font-weight: 300; /* Hamesha light rahega */
    color: #e7e7e7; /* Scroll se pehle #e7e7e7 hi rahega */
}


.hero-section {
    /* Screen ke beech mein content ko center karne ke liye */
    position: relative;    height: 100vh;    display: flex;    justify-content: center;    align-items: center;}

.content-wrapper {    /* Content ko screen par pin karne ke liye zaroori */
    position: fixed;     top: 0;    left: 0;    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    padding: 0 10%;    text-align: left;}

.dynamic-heading {    font-size: 80px;    font-weight: 100;    line-height: 1.1;    max-width: 770px;    margin: 0;    font-family: 'Aeonik Medium';    display: inline-block;}

.dynamic-word {
    /* Dynamic words ki shuruaat mein low opacity aur light weight */
    font-weight: var(--font-weight-regular);
    color: var(--color-text-faded);
    display: inline-block; /* Taaki GSAP is par transformations apply kar sake */
    transition: color 0.3s ease; /* Smooth color transition */}

.subtext {    position: absolute;
    bottom: 10vh;    font-size: 22px;    color: #5b5f65;    max-width: 770px;    text-align: left;    font-family: "Inter", sans-serif;    font-weight: 400;    line-height: 28px;}

/* Scroll karne ke liye extra space */
.spacer {    height: 400vh; }





.part-two{    padding: 0px 0 0px;}
.part-two .fisrt-box{background-image: url(../images/part-two-bx-1.webp);background-size: cover;background-position: 0px -50px;padding: 50px;border-radius: 18px;height: auto;padding: 100px 0;position: relative;overflow: hidden;}
.part-two .fisrt-box:after{content:'';background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(39, 45, 51, 0) 100%);opacity: 0.8;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.part-two .fisrt-box .txtwrp{text-align: center;margin: 0 auto;position: relative;z-index: 9;}
.part-two .fisrt-box .txtwrp h4{color: #fff;font-family: 'Aeonik Medium';font-size: 80px;font-weight: 100;line-height: 80px;letter-spacing: -0.02em;margin: 0 0 30px;width: 80%;margin: 0 auto 30px;}
.part-two .fisrt-box .txtwrp p{color: #fff;font-family: "Inter", sans-serif;font-size: 18px;opacity: .8;width: 50%;margin: 0 auto;}
.part-two .fisrt-box .btnwrp{text-align: center;margin: 60px 0 0;position: relative;z-index: 9;}
.part-two .fisrt-box .btnwrp a{/* border: 1px solid #ffffff61; *//* padding: 15px 20px 15px; *//* border-radius: 30px; *//* color: #ffffff; */}
.part-two .fisrt-box .btnwrp a svg{/* width: auto !important; *//* height: 25px !important; *//* fill: #ffffff !important; */}


.part-two .box-3{margin: 30px 0 0;background-image: url(../images/part-two-bx-2.jpg);background-size: cover;padding: 40px;border-radius: 18px;height: 730px;display: flex;flex-direction: column;justify-content: space-between;}
.part-two .box-3.imgchange{margin: 30px 0 0;background-image: unset;background-size: cover;padding: 60px;border-radius: 30px;height: 730px;display: flex;flex-direction: column;justify-content: space-between;position: relative;border: 1px solid #e7e6e6;border-radius: 18px;background: linear-gradient(208deg, #dcd6c605 19%, #afab9f2e 80%);}
/*.part-two .box-3.imgchange:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 20px;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}*/
.part-two .box-3 .txtwrp{}
.part-two .box-3 .txtwrp h4{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 28px;}
.part-two .box-3 .txtwrp p{color: #ffffff;font-size: 18px;font-family: "Inter", sans-serif;width: 100%;font-weight: 300;}
.part-two .box-3 .btnwrp{    margin: 40px 0 0;}
.part-two .box-3 .btnwrp a{/* border: 1px solid #ffffff61; *//* padding: 12px 10px 12px 20px; *//* border-radius: 30px; *//* color: #ffffff; */}
.part-two .box-3 .btnwrp a svg{/* width: auto !important; *//* height: 17px !important; *//* margin: 0 0 0 10px; */}
.part-two .box-3.imgchange .txtwrp h4{color: #000000;font-size: 48px;line-height: 52px;font-family: 'Aeonik Medium';font-weight: 100;letter-spacing: -0.02em;margin: 0 auto 20px;}
.part-two .box-3.imgchange .txtwrp p{font-size: 18px;    font-family: "Inter", sans-serif;    color: #5b5f65;    line-height: 26px;    font-weight: 400;}
.part-two .box-3.imgchange .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.part-two .box-3.imgchange .btnwrp a svg{    fill: #000 !important;}
.part-two .box-3.imgchange .btnwrp a:hover svg{    fill: #fff !important;}
.part-two .box-3.imgchange h6{font-size: 16px;    font-weight: 400;    margin: 30px 0px 20px;    display: block;    color: #5b5f65;    font-family: 'Aeonik Medium';text-transform: uppercase;}
.part-two .box-3.imgchange ul{}
.part-two .box-3.imgchange ul li{font-size: 18px;margin: 15px 0 0;padding: 0 0 0 40px;position: relative;color: #000;font-family: 'Inter';font-weight: 400;line-height: 26px;}
.part-two .box-3.imgchange ul li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 25px;height: 25px;}
.part-two .box-3.imgchange ul li:before{content:'';filter: brightness(1);content: '';background-image: url(../images/arrow-red.svg);width: 8px;height: 8px;display: inline;background-size: cover;transform: rotate(90deg);/* opacity: 1 !important; */top: 18px;margin: -9px 0 0px 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: -3px;}
.part-two .box-3.imgchange .btnwrp {    margin: 10px 0 0;}

.part-two .fisrt-box.imgchange{background-image: url(../images/part-two-bx-4.png);background-size: cover;background-position: center -30px;padding: 50px;border-radius: 30px;height: 690px;padding: 50px 0;position: relative;overflow: hidden;margin: 20px 0 0;display: flex;flex-direction: column;justify-content: space-between;height: 554px;background-size: 1000px;background-repeat: no-repeat;background-color: #000;}
.part-two .fisrt-box.imgchange:after{display:none;}
.part-two .fisrt-box.imgchange .txtwrp{text-align: center;margin: 0 auto;position: relative;z-index: 9;}
.part-two .fisrt-box.imgchange .txtwrp h4{color: #fff;font-family: 'Aeonik Medium';font-size: 30px;font-weight: 100;line-height: 33px;letter-spacing: -0.02em;margin: 0 0 30px;width: 80%;margin: 0 auto 30px;}
.part-two .fisrt-box.imgchange .txtwrp p{color: #fff;font-family: "Inter", sans-serif;font-size: 18px;opacity: .8;width: 66%;margin: 0 auto;font-weight: 300;}
.part-two .fisrt-box.imgchange .btnwrp{text-align: center;margin: 60px 0 0;position: relative;z-index: 9;}
.part-two .fisrt-box.imgchange .btnwrp a{/* border: 1px solid #ffffff61; *//* padding: 15px 20px 15px; *//* border-radius: 30px; *//* color: #ffffff; */}
.part-two .fisrt-box.imgchange .btnwrp a svg{/* width: auto !important; *//* height: 25px !important; *//* fill: #ffffff !important; */}



.tools{    padding: 0px 0 70px;}
.tools .txtwrp{    margin: 0 0 50px;}
.tools .txtwrp h2{    font-size: 80px;    line-height: 80px;    font-weight: 500;    margin: 0 0 20px;}
.tools .txtwrp h2 span{    color: #f15a2b;}
.tools .txtwrp p{    color: #5b5f65;    font-size: 20px;    font-family: "Inter", sans-serif;    width: 85%;}
.tools .tool-list{}
.tools .tool-list ul{}
.tools .tool-list ul li{    border-bottom: 1px solid #ecebeb;    padding: 0 0 10px;    margin: 0 0 30px;}
.tools .tool-list ul li h4{    color: #575551;    font-size: 19px;    font-family: "Inter", sans-serif;    font-weight: 300;    margin: 0 0 10px;}
.tools .tool-list ul li p{    color: #5b5f65;    font-size: 19px;    font-family: "Inter", sans-serif;    font-weight: 400;    width: 85%;    /* line-height: 24px; */}
.tools .btnwrp{}
.tools .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.tools .btnwrp a svg{fill: #000 !important;}
.tools .btnwrp a:hover svg{fill: #fff !important;}


.business{    padding: 0px 0 70px;    margin: 0px 0 0;}
.business .txtwrp{}
.business .txtwrp h2{}
.business .txtwrp h2 span{}
.business .txtwrp p{}
.business .cards{}
.business .cards ul{    display: flex;    flex-wrap: wrap;    gap: 20px;}
.business .cards ul li{flex:0 0 31.75%;border-radius: 30px;position: relative;transition: .3s ease-in-out;opacity:1 !important;    margin: 0 5px;    width: 290px;}
.business .cards ul li:hover .content-card{opacity:1;transition: .3s ease-in-out;/*box-shadow: 0px 0px 19px 2px #0000002e;*/ border: 1px solid #d9d9d9;}
.business .cards ul li .imgwrp{position: relative;height: 340px;background-size: cover;display: flex;flex-direction: column;justify-content: center;border-radius: 18px;transition: .3s ease-in-out;}
.business .cards ul li .imgwrp img{}
.business .cards ul li .content-card{border-radius: 18px;background: #ffffff;padding: 20px;height: 340px;display: flex;flex-direction: column;justify-content: space-between;position: absolute;top: 0;opacity: 0;transition: .3s ease-in-out;}
.business .cards ul li .content-card h6{    font-family: 'Aeonik Medium';    font-size: 22px;    margin: 0 0 10px;}
.business .cards ul li .content-card p{    font-size: 16px;    font-family: "Inter", sans-serif;    color: #5b5f65;    font-weight: 400;}
.business .cards ul li .content-card .btnwrp{}
.business .cards ul li .content-card .btnwrp a{    font-size: 16px;    color: #ed7e00;}
.business .cards ul li .content-card .btnwrp a svg{    width: auto !important;    height: 16px !important;}




.bottom-video{    background: #f2f2f2;    position: relative;    padding: 100px 0;}
.bottom-video .left-part:hover video.md-1{ opacity:1;}
.bottom-video .right-part:hover video.md-2{ opacity:1; z-index:9;}



.bottom-video .left-part:hover .txtwrp h3{color:#fff;}
.bottom-video .left-part:hover .txtwrp p{color:#fff;}
.bottom-video .left-part:hover .btnwrp a{border: 0px solid #f9f9f961;    color: #fff;    backdrop-filter: blur(20px);    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
.bottom-video .left-part:hover .btnwrp a svg{fill:#fff !important}

.bottom-video .right-part:hover .txtwrp h3{color:#fff;}
.bottom-video .right-part:hover .txtwrp p{color:#fff;}
.bottom-video .right-part:hover .btnwrp a{border: 0px solid #f9f9f961;    color: #fff;    backdrop-filter: blur(20px);    background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
.bottom-video .right-part:hover .btnwrp a svg{fill:#fff !important}


.bottom-video video.md-1{width: 50%;position: absolute;top: 0;left: 0;z-index: 0;height: 100%;object-fit: cover;opacity:0;transition: .5s ease-in-out;}
.bottom-video video.md-2{width: 50%;position: absolute;top: 0;right: 0;z-index: 0;height: 100%;object-fit: cover;opacity:0;transition: .5s ease-in-out;}
.bottom-video:after{content: '';    position: absolute;    right: 0;    width: 50%;    height: 100%;    background: #e9e9e9;    top: 0;    z-index: 0;}
.bottom-video .txtwrp{    position: relative;    z-index: 9;}
.bottom-video .txtwrp h3{    width: 60%;    font-size: 32px;    line-height: 38px;    margin: 0 0 10px;    font-family: 'Aeonik Medium';    font-weight: 100;}
.bottom-video .txtwrp p{    font-size: 19px;    font-family: "Inter", sans-serif;    font-weight: 400;    width: 41%;    line-height: 28px;}
.bottom-video .btnwrp{    margin: 50px 0 0;    position: relative;    z-index: 9;}
.bottom-video .btnwrp a{border: 1px solid #00000061;/* padding: 15px 20px 15px; *//* border-radius: 30px; */color: #000000;}
.bottom-video .btnwrp a svg{/* width: auto !important; *//* height: 16px !important; */fill: #000 !important;}
.bottom-video .right-part{
    /*height: 100%;    position: absolute;    top: 0;    right: 0;    width: 50%;z-index: 99;*/
    margin: 0 0 0 30px;
}
.bottom-video .left-part{
    /*height: 100%;    position: absolute;    top: 0;    left: 0;    width: 50%;z-index: 99;*/
    
}
.cta{padding: 60px 0;}
.cta .txtwrp{}
.cta .txtwrp h3{    width: 60%;    font-size: 32px;    line-height: 38px;    margin: 0 0 10px;    font-family: 'Aeonik Medium';    font-weight: 100;}
.cta .txtwrp p{    font-size: 19px;    font-family: "Inter", sans-serif;    font-weight: 400;    line-height: 28px;}
.cta .btnwrp{    margin: 20px 0 0;}
.cta .btnwrp a{border: 1px solid #9e9d9b40;/* padding: 15px 20px 15px; *//* border-radius: 30px; */color: #000000;}
.cta .btnwrp a:hover svg{fill:#fff !important;}
.cta .btnwrp a svg{/* width: auto !important; *//* height: 16px !important; */fill: #000 !important;}
.cta .imgwrp{    position: relative;}
.cta .imgwrp img{width: 125%;position: absolute;top: 16px;}




footer{    padding: 70px 0;    background: #f2f2f24f; overflow: hidden;    border-top: 1px solid #9e9d9b40;}
footer .footer-links{  display: inline-grid;    width: 19%;}
footer .footer-links h4{    font-family: "Inter", sans-serif;    font-size: 11px;    letter-spacing: 0.55px;    line-height: 11px;    color: #757575;    margin: 0px 0 30px;text-transform: uppercase;}
footer .footer-links ul{}
footer .footer-links ul li{}
footer .footer-links ul li a{    color: #000;    font-family: "Inter", sans-serif;    font-size: 14px;}
footer .right-cta{}
footer .right-cta h4{    font-family: "Inter", sans-serif;    font-size: 11px;    letter-spacing: 0.55px;    line-height: 11px;    color: #757575;    margin: 0px 0 30px;text-transform: uppercase;}
footer .right-cta ul{    display: flex;    margin: 0;    flex-wrap: wrap;    gap: 20px;    border-bottom: 1px solid #e7e6e6;    margin: 0 0 30px;    padding: 0 0 30px;}
footer .right-cta ul li{}
footer .right-cta ul li img{    height: 77px;}
footer .right-cta ul.list-2{    display: flex;    margin: 0;    flex-wrap: wrap;    gap: 20px;    border-bottom: 0px solid #e7e6e6;    margin: 0 0 30px;    padding: 0 0 30px;}
footer .right-cta ul.list-2 li{}
footer .right-cta ul.list-2 li img{    height: 111px;}
footer .right-cta p{    color: #757575;    font-family: "Inter", sans-serif;    font-size: 14px;    margin: 0 0 40px;    font-weight: 400;    width: 90%;}
footer .footer-text{}
footer .footer-text h2{    font-size: 72px;    font-family: Aeonik Medium;    font-weight: 500;line-height: 55px;} 
footer .line-text{    display: flex;gap: 20px;}
footer .line-text a{    color: #000;    font-size: 14px;}
footer .follow{text-align: right;}
footer .follow a{color: #000;    font-size: 14px;}
footer .follow a i{margin: 0 0 0 6px;}
footer .footer-text{    margin: 50px 0 50px;}
.gray-clr{    color: #757575 !important;}
.bottom-brand-logo{position:relative;}
.bottom-brand-logo img{position: absolute;    bottom: -163px;    right: 0;    width: 560px;}



.news-letter-b {/* display: flex; *//* background: #ffffff; *//* padding: 10px; *//* border-radius: 10px; *//* position: relative; *//* margin: 10px 0 15px; *//* border: 2px solid #C4C4C4; */margin: 40px 0 20px;}
.news-letter-b input {border: 0;background: transparent;padding: 10px 0;width: 430px;padding-right: 90px;color: #c4c4c4;font-weight: 400;font-family: "Inter", sans-serif;outline: none;border-bottom: 1px solid #9e9d9b40;}
.news-letter-b button {background: transparent;border: 0;/* position: absolute; */right: 15px;top: 20px;color: #ffffff;font-weight: 400;font-family: "Inter", sans-serif;background: #000000;padding: 9px 30px;border-radius: 30px;margin: 0px 0 0px 20px;}
.news-letter-b input::placeholder {    color: #c4c4c4;}
.news-letter .d-flex {    align-items: center;}
.news-letter .d-flex i .boxdiv{    position: absolute;    background: #fff;    width: 30vh;    z-index: 1;   padding: 20px 20px;    top: 30px;    border: 1px solid #f5f6f7;    right: -10px;    text-align: left;    border-radius: 10px;    box-shadow: -3px 6px 19px 0 #ececec;display: none;}
.news-letter .d-flex i:hover .boxdiv{display: block;}
.news-letter .d-flex p {margin: 0;color: #757575;line-height: 15px;font-size: 12px;font-family: "Inter", sans-serif;font-weight: 300;width: 40%;}
.news-letter .d-flex i {    text-align: right;    width: 25%;    color:#A0A5B1 ;    font-size: 26px;position: relative;}
.news-letter {    width: 100%;    margin-bottom: 0px;}
.news-letter .d-flex input {height: 15px;width: 15px;margin-right: 10px;color: #fff;}
.news-letter-b ::placeholder {    color: #FFFFFF;    font-weight: 400;}



.crm-banner{background-size: cover;padding: 160px 0 0;height: 100vh;overflow: hidden;background:linear-gradient(to bottom, #82a1b4 0%, #acbfc5 50%, #cfd4ce 100%);background-image: url(../images/crm-banner.jpg);background-repeat: no-repeat;    background-size: cover;}
.crm-banner .txtwrp{    text-align: center;}
.crm-banner .txtwrp h1{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 60px;    letter-spacing: -0.02em;    line-height: 66px;    font-weight: 400;    width: 60%;    margin: 0 auto 20px;}
.crm-banner .txtwrp p{    font-family: "Inter", sans-serif;    font-size: 20px;    color: #fff;    font-weight: 400;width: 43%;    margin: 0 auto 30px;line-height: 24px;}
.crm-banner .btnwrp{text-align: center;display: flex;justify-content: center;gap: 10px;align-items: center;}
.crm-banner .btnwrp a{}
.crm-banner .btnwrp a.service-btn-1{    background: #fff;    color: #000;    padding: 7px 20px;    border-radius: 30px;    text-transform: uppercase;    font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: 0.1em;    font-weight: 500;}
.crm-banner .btnwrp a.service-btn-2{    border: 1px solid #fff;    color: #fff;    padding: 6px 20px;    border-radius: 30px;}
.crm-banner .btnwrp a.service-btn-2 svg{height: 16px !important;width: auto !important;fill: #fff !important;margin: -2px 10px 0 0;}
.crm-banner .tab-list{}
.crm-banner .tab-list ul{    padding: 0;    display: flex;    justify-content: space-between;    margin: 50px 0 30px;}
.crm-banner .tab-list ul li{color: #fff !important;font-size: 10px;text-align: center;width: 19%;border-bottom: 1px solid #6e6a68;font-family: "Inter", sans-serif;opacity:.7;cursor: pointer;}
.crm-banner .tab-list ul li.current {    opacity: 1;}
.crm-banner .tabs-data{}
.crm-banner .tabs-data ul{    background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);    opacity: 1;    border-radius: 12px;    box-shadow: rgba(255, 255, 255, 0.2) 1px -1px 0px 1px, rgba(255, 255, 255, 0.25) 1px -1px 0px 0px inset;    padding: 0;}
.crm-banner .tabs-data ul li{    text-align: center;}
.crm-banner .tabs-data ul li img{width: 98%;margin: 10px auto;border-radius: 10px;}
.tabs{display:none!important;}
.tabs.current{display:block!important;}




.inner-logos .logos-main:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff00;backdrop-filter: blur(10px);opacity: 0;transition: .3s ease-in-out;}
.inner-logos{    padding: 100px 0;}
.inner-logos:hover .logos-main a{}
.inner-logos .logos-main:hover:after{opacity:1;}
.inner-logos .logos-main:hover a{opacity:1;}
.inner-logos .logos-main{    border: 1px solid #f2f2f2;    border-radius: 10px;    display: flex;    flex-wrap: wrap;    position: relative;    padding: 40px;}
.inner-logos .logos-main img{    height: 60px;    width: auto;    flex: 0 0 50%;    object-fit: contain;}
.inner-logos .logos-main a{position: absolute;margin: 0 auto;top: 37%;bottom: 0;left: 0;right: 0;justify-content: center;align-items: center;display: flex;background: #000;padding: 0;width: 190px;height: 40px;border-radius: 30px;align-content: center;display: flex;color: #fff;z-index: 9;opacity: 0;transition: .3s ease-in-out;}
.inner-logos .logos-main .up-text{    position: absolute;    top: -14px;    margin: auto;    left: 0;    background: #fff;    padding: 0 0px;    width: 60px;    text-align: center;    z-index: 9;    font-size: 12px;    font-family: "Inter", sans-serif;right: 0; margin: 0 auto;}
.inner-logos .logos-main .down-text{    position: absolute;    bottom: -14px;    margin: auto;    left: 0;    background: #fff;    padding: 0 0px;    width: 60px;    text-align: center;    z-index: 9;    font-size: 12px;    font-family: "Inter", sans-serif;    color: #757575;    opacity: .6;right: 0;    margin: 0 auto;}


.quote-wrp{}
.quote-wrp .txtwrp{    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;    padding-bottom: 51px;width: 85%;}
.quote-wrp .txtwrp h2{    font-family: 'Aeonik Medium';    font-size: 60px;    letter-spacing: -.02em;    line-height: 66px;    font-weight: 400;}
.quote-wrp .txtwrp p{    color: #5b5f65;    margin: 0;    font-family: 'Aeonik Medium';}
.quote-wrp .txtwrp p i{    font-family: "Font Awesome 5 Brands";    font-style: normal;    margin: 0 0 0 10px;}
.quote-wrp .list{}
.quote-wrp .list ul{}
.quote-wrp .list ul li{    border-bottom: 1px solid #f2f2f2;    margin: 0 0 40px;    padding: 0 0 20px;}
.quote-wrp .list ul li h4{    font-family: "Inter", sans-serif;    font-size: 12px;    color: #000000;    opacity: .4;    text-transform: uppercase;    letter-spacing: .1em;}
.quote-wrp .list ul li h3{    font-size: 32px;    line-height: 38px;    font-family: 'Aeonik Medium';    letter-spacing: -.02em;    font-weight: 200;}
.quote-wrp .list ul li p{color:#000;width:90%;}


.single-quote{    padding: 70px 0;}
.single-quote .txtwrp h2:after{    content: '“';    font-family: 'Aeonik Medium';    font-size: 270px;    position: absolute;    left: 0;    color: #9f9f9f4f;    top: 20px;    right: 0;    margin: auto;}
.single-quote .txtwrp{    text-align: center;}
.single-quote .txtwrp h2{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    width: 60%;    margin: 0 auto 50px; position:relative;}
.single-quote .txtwrp h4{    font-size: 14px;    font-family: "Inter", sans-serif;    color: #121218cc;    font-weight: 500;    text-transform: uppercase;    letter-spacing: -.03em;    margin: 0 0 0px;}
.single-quote .txtwrp h6{    color: #808080;    font-size: 10px;    letter-spacing: .1em;    margin: 0;    text-transform: uppercase;}


 


.feature-tabs {  padding: 100px 0;  display: flex;  justify-content: center;  align-items: flex-start;  background: #fafafa;}
.feature-left {  flex: 1;  display: flex;  flex-direction: column;  gap: 30px;}
.tab {  border-left: 3px solid transparent;  padding-left: 20px;  cursor: pointer;  transition: all 0.3s ease;}
.tab:hover {  border-left: 3px solid #ccc;}
.tab.active {  border-left: 3px solid #ff4b2b;}
.tab h6 {  font-size: 12px;  letter-spacing: 2px;  color: #999;  text-transform: uppercase;  margin-bottom: 5px;}
.tab h2 {font-size: 32px;margin-bottom: 10px;font-weight: 700;color: #111;font-family: 'Aeonik Medium';line-height: 38px;letter-spacing: -.02em;font-weight: 100;}
.tab p {font-size: 16px;line-height: 1.6;color: #000000;margin: 0;font-family: "Inter", sans-serif;letter-spacing: -.01em;font-weight: 400;}
.tab a{    border: 1px solid #b6b9b5;    padding: 5px 30px;    border-radius: 30px;    color: #424541;    font-size: 10px;    font-family: "Inter", sans-serif;    text-transform: uppercase;    letter-spacing: .1em;    margin: 20px 0 0;    display: inline-block;}
.tab a svg{    width: auto !important;    height: 16px !important;    fill: #b6b9b5 !important;}
.feature-right {  flex: 1;  position: relative;  min-height: 400px;}
.image-box {  position: absolute;  top: 0;  left: 0;  opacity: 0;  transform: translateY(20px);  transition: all 0.6s ease;  width: 100%;  background-image: url(../images/tabs-backgound.png);}
.image-box.active {  opacity: 1;  transform: translateY(0);  position: relative;  border-radius: 10px;}
.image-box img {  width: 100%;  border-radius: 12px;  box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.progress-bar {  height: 4px;  width: 100%;  background: #eee;  border-radius: 3px;  overflow: hidden;  margin-top: 20px;}
.progress-fill {  height: 100%;  width: 0%;  background: linear-gradient(90deg, #ff416c, #ff4b2b);  transition: width 5s linear;}
.top-heading{    font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: .1em;    font-weight: 500;    line-height: 19px;    margin: 0 0 70px;text-transform: uppercase;}



.inner-logos.two .logos-main:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff00;backdrop-filter: blur(10px);opacity: 0;transition: .3s ease-in-out;border-radius: 18px;}
.inner-logos.two{padding: 100px 0 50px;}
.inner-logos.two:hover .logos-main a{}
.inner-logos.two .logos-main:hover:after{opacity:1;}
.inner-logos.two .logos-main:hover a{opacity:1;}
.inner-logos.two .logos-main{border: 1px solid #f2f2f2;border-radius: 26px;display: flex;flex-wrap: wrap;position: relative;padding: 40px;background-size: cover;flex-direction: column;align-items: center;height: 370px;justify-content: space-around;    background: linear-gradient(to bottom, #82a1b4 20%, #acbfc5 110%, #a6bbc3 70%);}
.inner-logos.two .logos-main img{height: 60px;flex: unset;}
.inner-logos.two .logos-main a{position: absolute;margin: 0 auto;top: 50%;bottom: 0;left: 0;right: 0;justify-content: center;align-items: center;display: flex;background: #ffffff;padding: 0;width: 190px;height: 40px;border-radius: 30px;align-content: center;display: flex;color: #000000;z-index: 9;opacity: 0;transition: .3s ease-in-out;}
.inner-logos.two .logos-main h4{    font-size: 80px;    color: #fff;    letter-spacing: -.02em;    font-weight: 400;    margin: 0;    line-height: 80px;}
.inner-logos.two .logos-main p{    margin: 0;    color: #fff;    opacity: .5;    font-family: "Inter", sans-serif;    font-size: 12px;    letter-spacing: .1em;    line-height: 12px;text-transform: uppercase;}


.capabilities{    padding: 50px 0;}
.capabilities .txtwrp{    margin: 0 0 50px;}
.capabilities .txtwrp h2{font-family: 'Aeonik Medium';font-size: 32px;line-height: 38px;letter-spacing: -.02em;font-weight: 400;font-size: 48px;line-height: 52px;font-family: 'Aeonik Medium';letter-spacing: -0.02em;}
.capabilities .txtwrp p{color:#000;}
.capabilities .capabilities-list{}
.capabilities .capabilities-list ul{    margin: 0;    padding: 0;    display: flex;    flex-wrap: wrap;    row-gap: 40px;}
.capabilities .capabilities-list ul li{    flex: 0 0 33%;}
.capabilities .capabilities-list ul li h4{font-size: 18px;line-height: 20px;font-family: "Inter", sans-serif;font-weight: 500;margin: 0 0 6px;}
.capabilities .capabilities-list ul li h4 svg{    width: auto !important;    height: 12px !important;}
.capabilities .capabilities-list ul li p{letter-spacing: -.01em;font-size: 16px;font-family: "Inter", sans-serif;margin: 0;opacity: .6;font-weight: 400;width: 80%;position: relative;}
.capabilities .capabilities-list ul li .listwrp{margin: 10px 0 0;display: flex;flex-direction: column;gap: 7px;}
.capabilities .capabilities-list ul li .listwrp p{font-size: 16px;color: #000;padding: 0 0 0 30px;}
.capabilities .capabilities-list ul li .listwrp p:after{content:'';position: absolute;inset: 0;padding: 1px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 25px;height: 25px;}
.capabilities .capabilities-list ul li .listwrp p:before{content:'';filter: brightness(1);content: '';background-image: url(../images/arrow-red.svg);width: 8px;height: 8px;display: inline;background-size: cover;transform: rotate(90deg);/* opacity: 1 !important; */top: 18px;margin: -9px 0 0px 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: -3px;}


.capabilities.wth-border{}
.capabilities.wth-border .txtwrp p{color:#000;}
.capabilities.wth-border .capabilities-list{}
.capabilities.wth-border .capabilities-list ul{gap: 20px;\: wrap;}
.capabilities.wth-border .capabilities-list ul li{border: 1px solid #dcdcdc;padding: 10px;border-radius: 18px;flex: 0 0 18.7%;text-align: center;}
.capabilities.wth-border .capabilities-list ul li img{    height: 40px;    margin: 0 0 5px;}
.capabilities.wth-border .capabilities-list ul li p{width: 100%;font-size: 14px;}
.capabilities.wth-border.smm-integration{}
.capabilities.wth-border.smm-integration .capabilities-list ul{justify-content: space-between;}
.capabilities.wth-border.smm-integration .capabilities-list ul li{flex: 0 0 15.3%;}

.crm-video{    padding: 70px 0;}
.crm-video .row{background: #557285;padding: 0px;border-radius: 26px;}
.crm-video .txtwrp{text-align: center;padding: 80px 0;}
.crm-video .txtwrp h4{    border: 1px solid #00000026;    display: inline-block;    padding: 0px 20px;    border-radius: 30px;    font-size: 10px;    font-family: "Inter", sans-serif;    text-transform: uppercase;    color: #ffffff;    letter-spacing: .1em;    opacity: .8;    margin: 0 0 50px;}
.crm-video .txtwrp h2{    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    color: #fff;    letter-spacing: -.02em;    font-weight: 100;}
.crm-video .txtwrp p{    font-size: 18px;    font-family: "Inter", sans-serif;    color: #fff;    opacity: .7;    font-weight: 400;}
.crm-video .txtwrp a{    background: #fff;    padding: 9px 30px;    border-radius: 30px;    text-transform: uppercase;    color: #000;    font-size: 14px;    margin: 40px 0 0;    display: inline-block;}
.crm-video .txtwrp a svg{    width: auto !important;    height: 16px !important;    margin: 0 0 2px 2px;}
.crm-video .videowrp{    height: 100%;}
.crm-video .videowrp video{width: 100%;border-radius: 0px 26px 26px 0;height: 100%;object-fit: cover;}

.marque-logo .right-move{    margin: 30px 0 30px;}
.marque-logo .txtwrp{    text-align: center;}
.marque-logo .txtwrp h2{    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;    letter-spacing: -0.02em;    width: 80%;    margin: 0 auto 20px;}
.marque-logo .txtwrp p{    font-size: 18px;    font-family: "Inter", sans-serif;    color: #5b5f65;    line-height: 26px;    width: 71%;    margin: 0 auto;}
.marque-logo {padding: 100px 0;background: #fff;overflow: hidden;text-align: center;}
.logo-slider {  position: relative;  overflow: hidden;  width: 100%;  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 6%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 94%);    overflow: hidden;}
.slide-track {  display: flex;  width: max-content;  gap: 80px;  align-items: center;}
.slide-track img {  width: auto;  height: 60px;  transition: 0.3s;  object-fit: contain;}
.slide-track img:hover {  filter: grayscale(0%);  opacity: 1;}

/* Animation keyframes */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* Apply animations */
.right-move {animation: scrollRight 40s linear infinite;margin: 130px 0 30px;}
.left-move {  animation: scrollLeft 40s linear infinite;}




.faqwrp{padding: 50px 0;/* background-color: #F8F8F8; */}
.faqwrp .txtwrp{}
.faqwrp .txtwrp h2{    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    letter-spacing: -0.02em;}
.faqwrp .list-2{    display: flex;    margin: 0;    flex-wrap: wrap;    gap: 20px;    border-bottom: 0px solid #e7e6e6;    margin: 40px 0 0px;}
.faqwrp .list-2 li{}
.faqwrp .list-2 li img{    height: 95px;}
.faq-section {max-width: 800px;margin: 0px auto;font-family: Arial, sans-serif;}
.faq-item {border-bottom: 1px solid #cccccc6e;}
.faq-question {width: 100%;background: none;border: none;padding: 10px 0;text-align: left;font-size: 16px;font-weight: 400;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;color: #5b5f65;gap: 10px;letter-spacing: -0.01em;font-family: "Inter", sans-serif;line-height: 24px;}
.faq-toggle {/* background: black; */color: #5b5f65;font-size: 22px;border-radius: 50%;width: 10px;height: 35px;display: flex;align-items: center;justify-content: center;}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;padding: 0 0;width: 80%;}
.faq-answer p{font-size: 16px;font-family: "Inter", sans-serif;color: #000000;font-weight: 400;}
.faq-answer.open {padding: 0px 0 10px;}
.faqwrp .txtwrp p{font-size: 18px;width: 61%;font-family: "Inter", sans-serif;line-height: 26px;}
/*New Homepage Styling Start*/
.faqwrp .store-services-main{}
.faqwrp .store-services-main ul{    margin: 0;}
.faqwrp .store-services-main ul li{padding: 30px;border-radius: 18px;margin: 0 0 20px;background: #fbfaf6;border: 2px solid #d9d9d9;}
.faqwrp .store-services-main ul li .icon-text{}
.faqwrp .store-services-main ul li .icon-text img{height: 70px;margin: 0 0 20px;}
.faqwrp .store-services-main ul li .icon-text h6{font-size: 26px;color: #000 !important;line-height: 30px;}
.faqwrp .store-services-main ul li .icon-text p{margin: 0;color: #000000;font-weight: 400;}
.faqwrp .store-services-main.rightside{    height: 100%;}
.faqwrp .store-services-main.rightside ul{    height: 100%;}
.faqwrp .store-services-main.rightside ul li{background: linear-gradient(to bottom, #ffe0cc 39%, #fffcfa 80%);height: 770px;display: flex;align-items: center;flex-direction: column;position: relative;}
.faqwrp .store-services-main.rightside ul li a{margin: 25px 0 0;}
.faqwrp .store-services-main.rightside ul li h6, .online-store-wrp .store-services-main.rightside ul li p{color:#fff;}
.faqwrp .store-services-main.rightside ul li .imgwrp{/* position: relative; */}
.faqwrp .store-services-main.rightside ul li .imgwrp img{position: absolute;width: 440px;left: 20px;bottom: 0;}
.faqwrp .abt-btn{border: 1px solid #a7a6a5;    color: #000000;}
.faqwrp .abt-btn svg{fill:#000 !important;}
.faqwrp .abt-btn:hover svg{fill:#fff !important;}
.faqwrp .abt-btn:hover{color: #000000;}



.bottom-cta{    padding: 100px 0;}
.bottom-cta .mainwrp{    text-align: center; padding: 130px;    border-radius: 14px;    background-size: cover;background: linear-gradient(to bottom, #82a1b4 0%, #acbfc5 50%, #cfd4ce 100%);}
.bottom-cta .mainwrp .txtwrp{    width: 40%;    margin: 0 auto;}
.bottom-cta .mainwrp .txtwrp h2{    font-size: 48px;    font-weight: 100;    line-height: 52px;    margin-bottom: 1rem;    color: #ffffff;    letter-spacing: -0.02em;    font-family: 'Aeonik Medium';}
.bottom-cta .mainwrp .txtwrp p{    font-size: 18px;    line-height: 24px;    font-family: "Inter", sans-serif;    font-weight: 400;    color: #ffffff;}
.bottom-cta .mainwrp .txtwrp a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 10px 0 0;    display: inline-block;}


.journey{    padding: 100px 0 0;    background: #000;}
.journey .txtwrp{    text-align: center;    border-bottom: 1px solid #242424;    padding: 0 0 100px;}
.journey .txtwrp p{    color: #5b5f65;    font-size: 16px;    font-family: "Inter", sans-serif;    width: 34%;    margin: 0 auto;    line-height: 28px;    letter-spacing: -0.16px;    font-weight: 400;}
.journey .txtwrp h6{    color: #5b5f65;    letter-spacing: -0.01em;    line-height: 1.7em;    font-family: "Inter", sans-serif;    font-size: 16px;    font-weight: 400;    margin: 30px 0 0;}


.up-test{    color: #5b5f65;    font-family: "Inter", sans-serif;    font-weight: 400;    font-size: 12px;    text-transform: uppercase;    letter-spacing: .04em;    line-height: 12px;    margin: 0 0 80px;    border-bottom: 1px solid #252422;    padding: 0 0 10px;}
.abt-lead{    color: #fff;    font-family: "Inter", sans-serif;    font-weight: 400;    font-size: 12px;    text-transform: uppercase;    letter-spacing: .04em;    line-height: 12px;}
.abt-heading{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 38px;    line-height: 42px;    font-weight: 100;    letter-spacing: -0.38px;    width: 80%;}
.abt-pera{    color: #fff;    font-family: "Inter", sans-serif;    font-size: 18px;    font-weight: 400;    line-height: 26px;}
.abt-pera.wdth{/*width:90%;*/}

.split-paragraph {  opacity: 0;  transform: translateY(20px);  will-change: opacity, transform;}


.abt-btn{    border: 1px solid #fff3;    padding: 13px 2px 15px 20px;    border-radius: 30px;    color: #fff;    font-family: "Inter", sans-serif;    font-size: 14px;    /*letter-spacing: -.03em;*/line-height: 16px;}
.abt-btn svg{width: auto !important;height: 41px !important;background: #00000000;padding: 10px;border-radius: 30px;fill: #fff !important;margin: 0 0 0 4px;transition: .3s ease-in-out;}
.abt-btn:hover{    color: #fff;    backdrop-filter: blur(10px);    background-color: rgba(255, 255, 255, 0.12);    transition: .3s ease-in-out;}
.abt-btn:hover svg{    background: #f15a2b;}
.about-text{padding: 100px 0;background: #000;}
.about-text .txtwrp{}
.about-text .txtwrp h2{}
.about-text .abt-btn{    margin: 30px 0 0;    display: ruby-text;}
.about-text .abt-btn a{}
.about-text .imgwrp{}
.about-text .imgwrp img{    width: 100%;    height: 580px;    border-radius: 20px;}
.extra-changes{}
.extra-changes .seperate{}
.extra-changes .seperate a{    margin: 0;}
.extra-changes .txtwrp {    display: flex;    flex-direction: column;    justify-content: space-between;   height: 100%;}
.about-text.extra-changes .imgwrp img {width: 100%;    height: 830px;    border-radius: 20px;    object-fit: cover;    object-position: top;}
.about-text.extra-changes{padding-bottom: 100px;padding-top: 70px;}

 
.firing-point{    background: #000;    padding: 0px 0 100px;}
.firing-point .fire{}
.firing-point .fire ul{margin: -80px 0 0;padding: 0;display: flex;flex-wrap: wrap;}
.firing-point .fire ul li{display: flex;flex-wrap: wrap;padding: 20px 20px;border-bottom: 1px solid #252422;position: relative;overflow: hidden;flex: 0 0 50%;}
.firing-point .fire ul li p{flex: 0 0 100%;color: #fff;font-family: "Inter", sans-serif;font-size: 16px;line-height: 26px;margin: 0;font-weight: 300;position: relative;}
.firing-point .fire ul li:hover:after{transform: scaleX(1);}
.firing-point .fire ul li:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;transform: scaleX(0);transform-origin: left;transition: transform 1s ease;}
.firing-point .fire ul li:not(:hover):after{transform-origin: right;}
.firing-point .fire ul li p:after{content:'';background-image: url(../images/AutomatX-arrow-icons--20.svg);position: absolute;right: 0px;top: 10px;width: 10px;height: 10px;background-size: cover;transform: rotate(90deg);}
.firing-point .fire ul li:hover p:after{content:'';background-image: url(../images/arrow-red-right.svg);position: absolute;right: 0px;top: 10px;width: 10px;height: 10px;background-size: cover;animation: arrow-move 1s infinite;}


.pricing{    padding: 160px 0 0px;    background: #000;}
.pricing .pricing-table{    width: max-content;    margin: 0 auto;    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(28, 28, 28) 100%);    border-radius: 999px;    box-shadow: rgba(255, 255, 255, 0.19) 0px -0.602187px 2.04744px -1.33333px, rgba(255, 255, 255, 0.17) 0px -2.28853px 7.78101px -2.66667px, rgba(255, 255, 255, 0.05) 0px -10px 34px -4px;    display: flex;    padding: 4px 0px 4px 20px;    align-content: center;    flex-wrap: wrap;}
.pricing .pricing-table p{    margin: 0;    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 15px 0 0;}
.pricing .pricing-table ul{    display: flex;    gap: 10px;    margin: 0 0 0 20px;    padding: 0;}
.pricing .pricing-table ul li{margin: 0;display: inline-block;letter-spacing: 0.1em;font-family: "Inter", sans-serif;font-size: 12px;line-height: 12px;text-transform: uppercase;color: #878787;padding: 14px 14px;border: 1px solid #aa9f9f00;border-radius: 30px;cursor: pointer;}
.pricing .pricing-table ul li.current{    border: 1px solid #aa9f9f;color: #cacaca;}
.pricing .list-details{    margin: 50px 0 0;}
.pricing .list-details ul{padding: 0;}
.pricing .list-details ul li{}
.pricing .list-details ul li .mainwrp{}
.pricing .list-details ul li .mainwrp .txtwrp{}
.pricing .list-details ul li .mainwrp .txtwrp h2{    color: #fff;    text-align: center;    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;    width: 80%;    margin: 0 auto;}
.pricing .list-details ul li .mainwrp .list-down{}
.pricing .list-details ul li .mainwrp .list-down ul{padding: 0;display: flex;flex-wrap: wrap;gap: 10px;width: 53%;margin: 10px auto;text-align: center;justify-content: center;}
ul.ul-two {    width: 100% !important;    margin: 0px auto 50px !important;}
.pricing .list-details ul li .mainwrp .list-down ul li{    border: 1px solid #ffffff26;    padding: 6px 10px;    border-radius: 30px;    font-size: 10px;    font-family: "Inter", sans-serif;    letter-spacing: 0.1em;    color: #fff;    line-height: 12px;    /* flex: 0 0 16%; */    display: inline-block;    text-transform: uppercase;    backdrop-filter: blur(10px);    background: radial-gradient(67% 100% at 50% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);}
.pricing .list-details ul li .mainwrp .list-down ul li.current{backdrop-filter: blur(10px);    background-color: rgba(255, 255, 255, 0.12);}
.pricing .list-details ul li .mainwrp .properties{    text-align: center;    position: relative;    margin: 0 0 150px;}
.pricing .list-details ul li .mainwrp .properties p{color: #fff;font-size: 16px;font-family: "Inter", sans-serif;letter-spacing: -0.01em;line-height: 18px;font-weight: 400;cursor: pointer;width: max-content;margin: 0 auto;border: 1px solid #ffffff26;padding: 5px 10px;background: radial-gradient(67% 100% at 50% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);border-radius: 18px;    position: absolute;    left: 0;    right: 0;    margin: 0 auto 0px;}

.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adonesss"]:after{content:'';background-image: url(../images/add-on-agent.svg);position: absolute;left: -70px;top: 10px;width: 55px;height: 55px;background-size: contain;background-repeat: no-repeat;}
.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adonesss"]:before{content:'';background-image: url(../images/arrow.png);position: absolute;left: -2px;top: 20px;width: 65px;height: 55px;background-size: contain;filter: contrast(0);background-repeat: no-repeat;transform: rotate(16deg);}

.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adone"]:after{content:'';background-image: url(../images/add-on-agent.svg);position: absolute;left: -70px;top: 10px;width: 55px;height: 55px;background-size: contain;background-repeat: no-repeat;}
.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adone"]:before{content:'';background-image: url(../images/arrow.png);position: absolute;left: -2px;top: 20px;width: 65px;height: 55px;background-size: contain;filter: contrast(0);background-repeat: no-repeat;transform: rotate(16deg);}

.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adones"]:after{content:'';background-image: url(../images/add-on-agent.svg);position: absolute;left: -70px;top: 10px;width: 55px;height: 55px;background-size: contain;background-repeat: no-repeat;}
.pricing .list-details ul li .mainwrp .properties p[data-targetit="tabs-adones"]:before{content:'';background-image: url(../images/arrow.png);position: absolute;left: -2px;top: 20px;width: 65px;height: 55px;background-size: contain;filter: contrast(0);background-repeat: no-repeat;transform: rotate(16deg);}


.pricing .list-details ul li .mainwrp .properties p span{    opacity: .3;}
.pricing .list-details ul li .mainwrp .boxes{display: flex;gap: 10px;flex-wrap: wrap;margin: 50px 0 0;}
.pricing .list-details ul li .mainwrp .boxes .bx-main{flex: 0 0 24.4%;/* text-align: center; */border-bottom-width: 0.5px;border-color: #ffffff26;border-left-width: 0.5px;border-right-width: 0.5px;border-style: solid;border-top-width: 0.5px;height: 100%;width: 100%;border-radius: 12px;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(28, 28, 28) 100%);opacity: 1;height: auto;position: relative;}
.pricing .list-details ul li .mainwrp .boxes .bx-main h6{font-size: 24px;font-family: "Inter", sans-serif;color: #fff;line-height: 30px;margin: 0 0 10px;/* text-align: center; */text-transform: unset;}
.pricing .list-details ul li .mainwrp .boxes .bx-main p{color: #ffffff;font-size: 14px;font-family: "Inter", sans-serif;margin: 0px 0 10px; }
.pricing .list-details ul li .mainwrp .boxes .bx-main .info{    display: flex;    justify-content: space-between;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .info i{    color: #7e7c7c;    font-size: 14px;    position: relative;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .info i:hover{color:#f15a2b;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .info i .boxdiv{    position: absolute;    background: #fff;    width: 250px;    z-index: 1;    padding: 10px;    top: 30px;    border: 1px solid #f5f6f7;    right: -120px;    text-align: center;    border-radius: 10px;    box-shadow: -3px 6px 19px 0 #020202;    display: none;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .info i .boxdiv p{    color: #000;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .info i:hover .boxdiv{display: block;}
.pricing-pg .bottom-video:after{display:none;}
.pricing-pg .faqwrp .store-services-main ul li{    border: 2px solid #000000;}
.pricing-pg .overlaping {    position: relative;    z-index: 9;    margin: 0px 0 0px;}

.pricing .list-details ul li .mainwrp .boxes .bx-main .upper-bar{    padding: 30px;    border-bottom: 1px solid #a1a1a130;}
.pricing .list-details ul li .mainwrp .boxes .bx-main .down-bar{    padding: 30px 30px 20px;position: relative;}
.pricing .list-details ul li .mainwrp .boxes .bx-main img{    height: 45px;    margin: 0 0 20px;}
.pricing .list-details ul li .mainwrp .boxes .bx-main p.price-detail{font-size: 14px;margin: 0;color: #787878;height: 120px;}
.pricing .list-details ul li .mainwrp .boxes .bx-main h4{color: #fff;font-size: 38px;margin: 0px 0 0;position: relative;display: inline-block;}
.pricing .list-details ul li .mainwrp .boxes .bx-main h4 span{font-size: 22px;position: absolute;top: -5px;right: -47px;color: #787878;font-weight: 400;}
.pricing .list-details ul li .mainwrp .boxes .bx-main p.price-details{    margin: 0;    font-size: 14px;margin: 10px 0 20px;    width: 90%;}
.pricing .list-details ul li .mainwrp .boxes .bx-main a{display: flex;    align-items: center;    justify-content: space-between;    padding: 3px 2px 2px 20px;    color: #fff;    backdrop-filter: blur(10px);    background-color: rgba(255, 255, 255, 0.12);    transition: .3s ease-in-out;}
.pricing .list-details ul li .mainwrp .boxes .bx-main a svg{background: #f15a2b;}
.pricing .list-details ul li .mainwrp .boxes .bx-main a:hover{transform: translateY(-10px);}

.pricing .tabs-csp .boxes .bx-main h4 span{right: -34px !important;}
.pricing .tabs-quarterly .boxes .bx-main h4 span{right: -42px !important;}

.marque-logo.black-bg{background:#000;}


.inner-logos.two.pricing-section .logos-main:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff00;backdrop-filter: blur(10px);opacity: 0;transition: .3s ease-in-out;border-radius: 20px;}
.inner-logos.two.pricing-section{    padding: 0px 0;background:#000;}
.inner-logos.two.pricing-section:hover .logos-main a{}
.inner-logos.two.pricing-section .logos-main:hover:after{opacity:1;}
.inner-logos.two.pricing-section .logos-main:hover a{opacity:1;}
.inner-logos.two.pricing-section .logos-main{border: 1px solid #f2f2f2;border-radius: 10px;display: flex;flex-wrap: wrap;position: relative;padding: 40px;background-image: url(../images/blur-box-2.png);background-size: cover;flex-direction: column;align-items: center;height: 370px;/* justify-content: space-around; */border-bottom-width: 0.5px;border-color: #ffffff26;border-left-width: 0.5px;border-right-width: 0.5px;border-style: solid;border-top-width: 0.5px;/* height: 100%; *//* width: 100%; */border-radius: 12px;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(28, 28, 28) 100%);opacity: 1;/* height: 247px; */}
.inner-logos.two.pricing-section .logos-main img{height: 60px;flex: unset;}
.inner-logos.two.pricing-section .logos-main a{position: absolute;margin: 0 auto;top: 50%;bottom: 0;left: 0;right: 0;justify-content: center;align-items: center;display: flex;background: #ffffff;padding: 0;width: 190px;height: 40px;border-radius: 30px;align-content: center;display: flex;color: #000000;z-index: 9;opacity: 0;transition: .3s ease-in-out;}
.inner-logos.two.pricing-section .logos-main h4{font-size: 80px;color: #fff;letter-spacing: -.02em;font-weight: 400;margin: 0;line-height: 80px;font-family: "Aeonik Medium";}
.inner-logos.two.pricing-section .logos-main p{margin: 0;color: #fff;opacity: 1;font-family: "Inter", sans-serif;font-size: 12px;letter-spacing: unset;line-height: 12px;text-transform: uppercase;font-weight: 400;}
.inner-logos.two.pricing-section .txtwrp{    text-align: center;    margin: 0 0 50px;}
.inner-logos.two.pricing-section .txtwrp h4{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0px 0 20px;}
.inner-logos.two.pricing-section .txtwrp h2{    color: #fff;    letter-spacing: -0.02em;    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;}


.boxes-section.pricing-page-section{background: #000;}
.boxes-section.pricing-page-section .last-box video{position:relative;z-index: -1;}
.boxes-section.pricing-page-section .last-box .side-text{    /*width: 520px;*/}



.boxes-section.pricing-page-section .slick-prev:before, .boxes-section.pricing-page-section .slick-next:before {    color: #ffffff;}
.boxes-section.pricing-page-section .slick-dots li button:before {    opacity: 0;    color: #fff;}
.boxes-section.pricing-page-section .slick-dots li.slick-active button:before {    opacity: 0;    color: #fff;}
.boxes-section.pricing-page-section .slick-dots li{width: 40px;}
.boxes-section.pricing-page-section .slick-dots li button{width: 40px;    height: 0px;    background: #ffffff;    border-radius: 10px;opacity: .5;}
.boxes-section.pricing-page-section .slick-dots li.slick-active{opacity: 1;}
.boxes-section.pricing-page-section .slick-dots li.slick-active button{background: #fff;    opacity: 1;}
.boxes-section.pricing-page-section .slick-dots {    bottom: -45px;}
.boxes-section.pricing-page-section .last-box .side-text .bottom-text h5{    font-size: 16px;    margin: 0 0 0px;}
.boxes-section.pricing-page-section .last-box .side-text .bottom-text p{font-size: 12px;margin: 0;}





 /* Thumbnail box */
  .video-box {    width: 50px;    height: 50px;    background: #ccc;    border-radius: 50px;    overflow: hidden;    position: relative;    cursor: pointer;    box-shadow: 0 4px 8px rgba(0,0,0,0.2); background: linear-gradient(220deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);    transform: none;    transform-origin: 50% 50% 0px;    backdrop-filter: blur(10px);    background-color: rgba(255, 255, 255, 0.1);    border-radius: 100px;    box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 1px 0px inset, rgba(158, 157, 155, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.06) 0px 2px 4px 0px;    transform: none;    transform-origin: 50% 50% 0px;      position: absolute; bottom: 40px;    left: 30px;}

  /* Play button */
  .play-icon {    position: absolute;    inset: 0;    display: flex;    justify-content: center;    align-items: center;    background: rgba(0,0,0,0.4);    transition: 0.3s;}
  .play-icon:hover { background: rgba(0,0,0,0.6); }
  .play-icon::before {    content: '';    border-style: solid;    border-width: 10px 0 10px 15px;    border-color: transparent transparent transparent white;}

  /* Modal */
  .modal {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.8);justify-content: center;align-items: center;z-index: 9999;}

  /* Video container */
  .modal-content {    position: relative;    background: #000;    border-radius: 10px;    overflow: hidden;    max-width: 90%;}
  .modal-content video, .modal-content iframe {width: 100%;max-width: 100%;height: 100%;display: block;}

  /* Close button */
  .close-btn {position: absolute;top: 10px;right: 10px;color: #fff;font-size: 28px;cursor: pointer;background: rgba(0,0,0,0.6);border-radius: 50%;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;z-index: 99999;}
  

.simple-text{    background: #000;    padding: 50px 0;}
.simple-text .txtwrp{    text-align: center;}
.simple-text .txtwrp h2{    color: #fff;    letter-spacing: -0.02em;    font-family: 'Aeonik Medium';    font-size: 60px;    line-height: 66px;    font-weight: 100;    width: 80%;    margin: 0 auto 20px;}
.simple-text .txtwrp p{    color: #5b5f65;    font-family: 'Aeonik Medium';    font-size: 16px;    letter-spacing: -0.16px;    line-height: 8px;    font-weight: 100;}
.simple-text .txtwrp p i{    font-family: "Font Awesome 5 Brands";    font-style: normal;    margin: 0px 0px 0px 10px;}


.last-bx{    padding: 0px 0 0px !important;}
.last-bx .logos-main img{    height: 140px !important;}
.last-bx .logos-main p{    text-transform: capitalize !important;    text-align: center;    width: 75%;    font-size: 12px !important;    line-height: 18px !important;text-transform: unset !important;}
.last-bx .logos-main p.bx-top{    color: #878787 !important;    font-size: 12px !important;text-transform: uppercase !important;}


.capabilitiess{    background: #000;    padding: 100px 0;}
.capabilitiess .txtwrp{    text-align: center;}
.capabilitiess .txtwrp h4{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0px 0 20px;}
.capabilitiess .txtwrp h2{    color: #fff;    letter-spacing: -0.02em;    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;}
.capabilitiess .boxes{    display: flex;    gap: 20px;    flex-wrap: wrap;    margin: 50px 0 0;}
.capabilitiess .boxes .bx-main{flex: 0 0 23.8%;padding: 30px;text-align: center;border-bottom-width: 0.5px;border-color: #ffffff26;border-left-width: 0.5px;border-right-width: 0.5px;border-style: solid;border-top-width: 0.5px;height: 100%;width: 100%;border-radius: 12px;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(28, 28, 28) 100%);opacity: 1;height: auto;}
.capabilitiess .boxes .bx-main h4{    color: #fff;    font-size: 16px;    line-height: 22px;    font-weight: 400;}
.capabilitiess .boxes .bx-main h4 span{    color: #979797 !important;    font-size: 14px;    margin: 0 0 0 3px}
.capabilitiess .boxes .bx-main h6{    font-size: 10px;    font-family: "Inter", sans-serif;    letter-spacing: 0.1em;    color: #fff;    line-height: 12px;    margin: 0 0 20px;    text-align: center;    text-transform: uppercase;}
.capabilitiess .boxes .bx-main p{    color: #787878;    font-size: 15px;    font-family: "Inter", sans-serif;    margin: 10px 0 0;}



.faqwrp.black {    padding: 50px 0;    background-color: #000000;}
.faqwrp.black .txtwrp h2 {    color: #fff;}
.faqwrp.black .faq-item {    border-bottom: 1px solid #cccccc29;}
.faqwrp.black .faq-answer p {    color: #f1f1f1;}

.price-cta{background-image: url(../images/last-bg.png);background-size: cover;background-repeat: no-repeat;background-position: 0px -240px;padding: 130px 0;position: relative;background-color: #000;}
.price-cta:before{content:'';background: #00000036;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.price-cta .txtwrp h3{    color: #fff;    width: 100%;}
.price-cta .txtwrp p{    width: 80%;    color: #fff;}
.price-cta .btnwrp{}
.price-cta .btnwrp a{border-color: #fff3;color: #fff;padding: 11px 1px 13px 20px;}
.price-cta .btnwrp a svg{    fill: #ffffff !important;    height: 36px !important;    background: #00000000;}
.price-cta .btnwrp a:hover svg{    background: #f15a2b !important;}




/* Overlay */
.overlay {position: fixed;inset: 0;/* background: rgba(0, 0, 0, 0.6); */backdrop-filter: blur(0px);opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 100;}
.overlay.active {    opacity: 1;    visibility: visible;}

/* Slide-in panel */
.popup-panel {position: fixed;top: 0;right: -550px;width: 500px;height: 100vh;background: #0009;box-shadow: -6px 0 20px rgba(0, 0, 0, 0.3);padding: 40px 30px;z-index: 9999;transition: right 0.4s ease;display: flex;flex-direction: column;backdrop-filter: blur(20px);border-left: 1px solid #ffffff24;justify-content: center;}
.popup-panel.active {    right: 0;}
.popup-close {position: absolute;    top: 35px;    left: -20px;    font-size: 40px;    color: #fff;    cursor: pointer;    font-family: 'Font Awesome 5 Brands';    height: 40px;    width: 40px;    background: #010101;    border-radius: 50%;    border: 1px solid #242424;    z-index: 9;}
.popup-close:after {    content: '';    position: absolute;    top: 8px;    left: 0;    height: 20px;    background: #fff;    width: 1px;    right: 0;    margin: 0 auto;    transform: rotate(318deg);}
.popup-close:before {    content: '';    position: absolute;    top: 8px;    left: 0;    height: 20px;    background: #fff;    width: 1px;    right: 0;    margin: 0 auto;    transform: rotate(45deg);}
.popup-panel h3 {margin-top: 0px;font-size: 32px;margin-bottom: 10px;line-height: 42px;font-family: 'Aeonik Medium';font-weight: 100;letter-spacing: -0.01em;color: #fff;}
.popup-panel h3 img{    height: 35px;    margin: 0px 0 4px;}
.popup-panel form {    display: flex;    flex-direction: column;    gap: 12px;}
.popup-panel input,
.popup-panel select {background: #ffffff14;border: 1px solid rgba(255, 255, 255, 0.12);color: #fff;border-radius: 10px;padding: 8px 12px;font-size: 14px;}
.popup-panel button.submit-btn {background: #ff5500;color: #fff;border: none;padding: 12px;border-radius: 30px;cursor: pointer;font-weight: 600;margin-top: 0px;transition: background 0.3s ease;}
.popup-panel button.submit-btn:hover {    background: #ff7b3d;  }
.popup-panel .popup-bottom-text{    position: absolute;    bottom: 20px;    left: 0;    right: 0;    margin: 0 auto;    width: 100%;    border-top: 1px solid #ffffff26;    padding: 15px 0 0;    display: flex;    justify-content: space-between;    align-items: center;}
.popup-panel .popup-bottom-text p{    font-size: 10px;    text-align: center;    font-family: "Inter", sans-serif;    color: #5b5f65;    opacity: .8;    line-height: 14px;    margin: 0;}
.popup-panel .popup-bottom-text p a {    color: #5b5f65;    opacity: 1;}



.hero-section {  opacity: 0;  visibility: hidden;  transition: opacity 0.4s ease;}
.hero-section.ready {  opacity: 1;  visibility: visible;}


.main-box-main {  display: none; /* hide all slides initially */  transition: opacity 0.5s ease-in-out;}

.main-box-main.active {  display: block; /* show only active slide */}


/* Pagination styles */
.boxes-section .pagination {  display: flex;  padding-right: 0;  list-style: none;  position: absolute;  bottom: 50px;  right: 40px;  gap: 6px;}

.boxes-section .pagination button {  background: #555;  color: #fff;  border: none;  padding: 12px;  border-radius: 34px;  cursor: pointer;  transition: all 0.3s ease;  border: 1px solid #9a8d8d;  width: 20px;  height: 20px;  display: flex;  align-items: center;  justify-content: center;  font-size: 10px;  font-family: "Inter", sans-serif;}
.boxes-section .pagination button.active {  background: #fefefe;  color: #000000;}

.split {  opacity: 0; /* Original text hidden */}
/*.word {  display: inline-block;}*/
.word {  display: inline-block;  will-change: transform, opacity;}

.line {    display: inline-block !important;}


.h-pg .boxes-section {    padding: 0px 0 0;}


.counterwrp{    padding: 70px 0 0px;}
.counterwrp .txtwrp{}
.counterwrp .txtwrp h2{color: #000;font-family: "Aeonik Medium";font-size: 80px;letter-spacing: -0.02em;line-height: 80px;font-weight: 100;width: 100%;}
.counterwrp .txtwrp p{width: 90%;font-size: 20px;color: #5b5f65;text-align: left;font-family: "Inter", sans-serif;font-weight: 400;line-height: 28px;}
.counterwrp .lead-heading{color: #f15a2b;    letter-spacing: unset;    font-size: 16px;    font-weight: 400;    margin: 0 0 10px 0px;    display: block;text-transform: uppercase;}
.counterwrp .btnwrp{    margin: 0 0 50px;}
.counterwrp .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.counterwrp .btnwrp a svg{fill: #000000 !important;}
.counterwrp .btnwrp a:hover svg{fill: #fff !important;}
.counterwrp .counter-box{    border-top: 1px solid #00000026;    margin: 0px 0;    padding: 50px 0 80px;}
.counterwrp .counter-box h4{    font-family: 'Aeonik Medium';    font-size: 76px;    font-weight: 100;margin: 0 0 30px;}
.counterwrp .counter-box h4 span{    font-size: 16px;    font-weight: 400;    margin: 0 0 30px 0px;    display: block;    color: #5b5f65;}
.counterwrp .counter-box p{    margin: 0;    font-size: 18px;    font-weight: 400;    font-family: "Inter", sans-serif;    width: 80%;line-height: 24px;}
.counterwrp .imgwrp{    position: relative;}
.counterwrp .imgwrp img{    position: absolute;}
.counterwrp .imgwrp img.style-one{top: 24px;}
.counterwrp .imgwrp img.style-two{    top: 43px;}
.counterwrp .imgwrp img.style-three{    top: 60px;}
/*.counterwrp .lines{    display: flex;    justify-content: space-between;    align-items: flex-end;}*/
/*.counterwrp .lines ul{    padding: 0;    display: flex;    flex-direction: column;    gap: 10px;}*/
/*.counterwrp .lines ul li{    width: 203px;    height: 90px;    background: #000;    border-radius: 16px;}*/
/*.counterwrp .lines ul li.line-1{background: #cccccc;}*/
/*.counterwrp .lines ul li.line-2{    background: #808080;}*/
/*.counterwrp .lines ul li.line-3{    background: #4d4d4d;}*/
/*.counterwrp .lines ul li.line-4{}*/
/*.counterwrp .lines ul li.line-5{    background: #fbcebf;}*/
/*.counterwrp .lines ul li.line-6{    background: #f9bdaa;}*/
/*.counterwrp .lines ul li.line-7{    background: #f79c80;}*/
/*.counterwrp .lines ul li.line-8{    background: #f47b55;}*/
/*.counterwrp .lines ul li.line-9{    background: #f15a2b;}*/



.comparewrp{padding: 0 0 0px;background: #f5f5f7;}
.comparewrp .compare-bx{background: #f5f5f7;padding: 90px;border-radius: 30px;transition: .5s ease-in-out;position: relative;}
.comparewrp .compare-bx .automatx-compare{}
.comparewrp .compare-bx .automatx-compare h3{    font-family: 'Aeonik Medium';    font-size: 36px;    letter-spacing: -0.02em;    line-height: 42px;    font-weight: 100;    margin: 0 0 60px;}
.comparewrp .compare-bx .automatx-compare .forst-compare{}
.comparewrp .compare-bx .automatx-compare .forst-compare h4{    font-family: 'Aeonik Medium';    font-size: 26px;    letter-spacing: -0.02em;    line-height: 32px;    font-weight: 100;    margin: 0 0 40px;width: 75%;}
.comparewrp .compare-bx .automatx-compare .forst-compare .animated-progress{}
.comparewrp .compare-bx .automatx-compare .forst-compare .animated-progress p{margin: 20px 0 0;font-family: 'Aeonik Medium';font-size: 16px;}
.animated-progress {width: 100%;height: 14px;border-radius: 5px;margin: 0px 0px 60px;border: 1px solid rgb(243 243 243);position: relative;border-radius: 30px;}
.animated-progress span {  height: 100%;  display: block;  width: 0;  color: rgb(255, 251, 251);  line-height: 30px;  position: absolute;  text-align: end;  padding-right: 5px;  border-radius: 30px;  background:linear-gradient(90deg, #f15a2b0a, #f15a2b);font-size:0;}
.automatx-compare.brdr {    border-top: 1px solid #86868b;    padding: 60px 0 0;    margin: 100px 0 0;}
.comparewrp .compare-bx:hover{    transform: scale(1.1);}
.comparewrp .compare-bx:hover:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 30px;background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 100%;width: 100%;top: 0;right: 0;left: 0;margin: auto;}




.header-main{padding: 8px 0;position: fixed;width: 100%;background: #000000;z-index: 9999;border-bottom: 1px solid #a1a1a130;}
.header-main .logowrp{}
.header-main .logowrp img{    height: 20px;margin: 0px 0 0px;width: auto;}
.nav-top-right {    float: right;    margin-right: 0rem;    position: absolute;    right: 110px;    top: 20px;}
.nav-top-right-link {    width: auto;    float: left;    margin-right: 18px;}
.nav-top-right-link a {    color: #FFF;    text-decoration: none;    font-weight: 700;    text-transform: uppercase;}
.side-nav-menu {    margin-top: 4px;    position: relative;    float: left;    z-index: 10000;    height: 60px;    width: 58px;    /*padding: 0 20px;*/    -webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease;    -o-transition: all 0.2s ease;    -ms-transition: all 0.2s ease;    transition: all 0.2s ease;}
.hamburger {    position: absolute;    left: auto;    top: 0px;    right: 1%;    height: 50px;    width: 25px;    padding: 0 0px;    cursor: pointer;    z-index: 999;}
.hamburger line {    stroke: #000000;    stroke-width: 6px;}
.menu {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    width: 100vw;    height: 100vh;    background-color: #FFF;    visibility: hidden;    z-index: 999;}
.navigation {    width: 100%;    position: fixed;    overflow: hidden;    top: 0%;    left: 0%;    text-align: center;    align-items: center;    display: flex;    height: 100vh;    justify-content: center;background:#fff;}
.navigation ul {    margin: 0;    padding: 0;}
.navigation li {    list-style-type: none;    font-size: 80px;    font-weight: 700;    margin: 0px;    padding: 0px;    line-height: 100px;    color: #000;}
.navigation li a{color:#000; position:relative;}
.navigation li a span{font-size: 13px;    border: 1px solid #000;    padding: 5px;    border-radius: 50px;    position: absolute;    top: 20px;    left: -30px;    height: 27px;    display: flex;    align-items: anchor-center;}
.menu .getintouch {    width: 40%;    position: absolute;    right: 0;    top: 50vh;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);}
.hamburger.active line {    stroke: #000;    stroke-width: 6px;}
.side-nav-menu:before {    background-image: url(../images/menu-p-500.png);    position: absolute;    width: 75px;    height: 75px;    top: -14px;    content: '';    z-index: 0;    left: 7px;    background-size: cover;    animation: textRotation 8s linear infinite;display:none;    }
    
@keyframes textRotation {
  100% {
    transform: rotate(360deg);
}
}    


.navigationwrp{    display: inline-block;margin: 0px 0 0;  justify-content: flex-start;}
.navigationwrp ul{    display: flex;    gap: 30px;    margin: 0;     padding: 0;}
.navigationwrp ul li{    font-size: 0;}
.navigationwrp ul li a{color: #fefefe;font-size: 14px;text-decoration: none;}
.navigationwrp ul li a.bdr{/*border: 2px solid #C4C4C4;*/padding: 3px 10px 22px;border-radius: 7px;position: relative;}
.navigationwrp ul li a.bdr i{    font-size: 20px;    margin-left: 5px;top: 3px;    position: absolute;    right: -9px;}
.header-main .head-right{    text-align: right;    margin-right: 0px;    display: flex;    justify-content: flex-end;    align-items: center;}
.header-main .btnwrp{display:inline-block;margin: 2px 0 0;}
.header-main a.header-btn2{    color: #000;    margin-right: 20px;    font-size: 18px;    font-weight: 500;    }
.header-main.showmenu{
    /*background: #00000014;    backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px); box-shadow: 0 0 10px 0 #00000022;*/
}    
.header-main.showmenu .btnwrp a{border: 1px solid #a7a6a5;    color: #000000;}
.header-main.showmenu .btnwrp a svg{fill: #000000 !important;}
.header-main.showmenu .btnwrp a:hover svg{fill: #fff !important;}
.header-main.showmenu .higilight-box .higilight-txt a:before{filter: brightness(.9);}
.header-main.showmenu .higilight-box .higilight-txt a:after{    background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);}

.header-main.showmenu .head-test-box:after{}


.menu-sub2 {position: absolute;width: 100%;background: #2b28288f;left: 0;padding: 40px 0;bottom: -661px;max-width: 100%;transition: visibility 0s, opacity 0s linear;visibility: hidden;opacity: 0;height: 660px;/*background-image: url(../assets/images/unnamed.png);*/background-size: contain;background-position: 60px 0px;background-repeat: no-repeat;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);    border-bottom: 1px solid #a1a1a130;}
.menu-sub2 .container{    position: relative;}
.menu-sub2 .container:after {    content: '';    position: absolute;    left: -700px;    bottom: -89px;    height: 1px;    width: 200%;    background: #a1a1a130;}
.menu-sub2.active {    visibility: visible;    opacity: 1;}


p.highligh-text {    color: #9e8a84;text-transform: uppercase;    font-size: 12px;}
.main-nv{text-transform: uppercase;    font-size: 12px !important;}

.plus-line{}
.plus-line:after{content:'';position: absolute;top: 6px !important;width: 1px !important;height: 8px !important;background: #fff !important;right: 0;transform: rotate(90deg);left: unset !important;}
.plus-line:before{content:'';position: absolute;top: 6px;width: 1px;height: 8px;background: #fff;right: 0;}


.menu-sub {position: absolute;width: 100%;background: #2b28288f;left: 0;padding: 40px 0;bottom: -701px;max-width: 100%;transition: visibility 0s, opacity 0s linear;visibility: hidden;opacity: 0;height: 700px;/*background-image: url(../assets/images/unnamed.png);*/background-size: contain;background-position: 60px 0px;background-repeat: no-repeat;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);    border-bottom: 1px solid #a1a1a130;}
.menu-sub .container{    position: relative;}
.menu-sub .container:after {    content: '';    position: absolute;    left: -700px;    bottom: -18px;    height: 1px;    width: 200%;    background: #a1a1a130;}
.menu-sub.active {    visibility: visible;    opacity: 1;}
.menu-sub1 {position: absolute;width: 100%;background: #2b28288f;left: 0;padding: 40px 0;bottom: -671px;max-width: 100%;transition: visibility 0s, opacity 0s linear;visibility: hidden;opacity: 0;height: 670px;background-size: contain;background-position: 470px 10px;background-repeat: no-repeat;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);border-bottom: 1px solid #a1a1a130;}
.menu-sub1 .container{    position: relative;}
.menu-sub1 .container:after {    content: '';    position: absolute;    left: -700px;    bottom: -30px;    height: 1px;    width: 200%;    background: #a1a1a130;}
.menu-sub1.active {    visibility: visible;    opacity: 1;}
.menu-sub1 .mega-menu{}
.menu-sub1 .indus-list{display: flex;    gap: 60px;}
.menu-sub1 .indus-list ul li{margin: 0px 0 0;/* font-size: 0; *//* display: grid; */}
.menu-sub1 .indus-list ul li a{font-size: 18px !important;color: #fff !important;}

.menu-sub3.add2 .indus-list{gap: 40px;}
.menu-sub3.add2 .view-all{}
.menu-sub3.add2 .view-all a{color: #8d7b76;    text-decoration: underline;    display: inline-block;}
.menu-sub3.add2 .indus-list ul li a p{    margin-bottom: 20px;    color: #9d9ea3;    font-size: 16px;    line-height: 24px;    width: 100%;    height: auto;}

a.bdr:after {    content: '';    background: #000;    top: -34px;    width: 0%;    height: 6px;    position: absolute;    left: 0;    transition:.5s ease-in-out;}
a.bdr:hover:after{width: 100%;}
.mega-menu{display: block !important;}
.mega-menu li{    margin: 0px 0 0px;}
.mega-menu li a{font-size: 16px !important; color:#fff !important;}
.mega-menu li a:hover{color:#E94D22;}
.menu-sub p a{font-size: 30px !important;}
.menu-sub1 p a{font-size: 30px !important;}
.header-main.showmenu .menu-sub{background: #ffffff82;}
.header-main.showmenu .menu-sub2{background:#ffffff82;}
.menu-btns {  top: 50px;  right: 100px;  cursor: pointer;  letter-spacing: 5px;  font-weight: bold;  transform: rotate(180deg);}
.menu-btns span {  display: block;  margin: 8px 0;  background: #f7f7f7;  width: 35px;  height: 1px;  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);}
.menu-btns span:nth-child(2) {  width: 54px;  transition-delay: 0.1s;}
.menu-btns.active span:nth-child(2) {    transform: rotate(-45deg)translateX(7px);    width: 40px;}
.menu-btns.active span {    transform: rotate(45deg)translateX(5px);    width: 40px;}
.head-test-box {    position: relative;margin: 115px 0 0;}
.head-test-box img {    height: 30px;    object-fit: contain;    margin-bottom: 20px;width: auto;display:none;}
.head-test-box p {    color: #FFFFFF;    font-size: 16px !important;    font-weight: 300;    line-height: 24px;    margin-bottom: 20px;    opacity: 1;}
.head-test-box h6 {    color: #f15a2b;    font-size: 16px;    font-weight: 300;margin: 0;}
.head-test-box h6 span {    display: block;    color: #C7C7C7;    margin-top: 2px;}
.head-test-box:after{    content: '“';    font-family: 'Aeonik Medium';    font-size: 150px;    position: absolute;    left: -20px;    color:#9f9f9f4f;    top: 20px;}
.up-down {    display: grid;    align-content: space-between;    height: 100%;}

.bars-btn {    height: 100%;    width: 40px;    display: flex;    align-items: center;    font-size: 28px;    justify-content: flex-end;}
.bars-btn:hover{color: #000;}

.header-right-side{display: flex;    justify-content: end;    align-items: center;    gap: 30px;}
ul.mega-menu.duplicate {    margin: 30px 0 0;}
/*sidebar css*/
.menu.active {
  opacity: 0;
  visibility: hidden;
  width:0;
        height: 0;
}

.menu {
        transition: 0.52s;
        z-index: 1111;
        position: fixed;
        top: 85px;
        right: 1%;
        border: 3px solid #e5e9ef;
        backdrop-filter: blur(30px);
        width: 380px;
        height: 650px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 40px;
        background: #ffffffab;
        z-index: 9999;
        opacity: 1;
        visibility: visible;
        left: unset;
}
.menu span {
  position: absolute;
  top: 20px;
  right: 40px;
  color: white;
  font-size: 48px;
  cursor: pointer;
}
.menu span:hover{color: #fff;}
.menu .links-container {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px;
  padding-top: 60px;
  padding-bottom: 0;
}
.menu .links-container li::after{display: none;}
.menu .links-container a {    width: 100%;    height: 30px;    font-size: 28px;    text-decoration: none;    color: #191A26;    transition: 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);    position: relative;    line-height: 0;   font-family: 'Inter'; font-weight: 400;    margin: 0 0 10px;    display: block;}
.menu .links-container a:hover {
  color: #E94D22;
  font-size: 2.3em;
}
.menu .links-container a:before {
  color: whitesmoke;
}
.menu .home:after {
  content: "";
  position: absolute;
  background: url("https://images.unsplash.com/photo-1542149624-8a12d5285934?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=a91f847fdcc99b00a29d5a39a2b6f4b9&auto=format&fit=crop&w=675&q=80");
  width: 600px;
  height: 800px;
  background-size: cover;
  top: -250%;
  right: -1000px;
  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  filter: grayscale(75%);
  visibility: hidden;
}
.menu .home:hover:after {
  visibility: visible;
  top: -275%;
}
.menu .home:hover:before {
  visibility: visible;
  right: -1150px;
}
.menu .places:after {
  content: "";
  position: absolute;
  background: url("https://images.unsplash.com/photo-1542140372-de3e121eb11e?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=6feeb58669ba6adbd2aacc9c89391713&auto=format&fit=crop&w=675&q=80");
  width: 600px;
  height: 800px;
  background-size: cover;
  top: -350%;
  right: -1000px;
  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  filter: grayscale(75%);
  visibility: hidden;
}
.menu .places:hover:after {
  visibility: visible;
  top: -375%;
}
.menu .places:hover:before {
  visibility: visible;
  right: -1150px;
}
.menu .about:after {
  content: "";
  position: absolute;
  background: url("https://images.unsplash.com/photo-1527402992-00b58e9a4edf?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=24056e5c05fb23e069e2b1f47fdaf8f1&auto=format&fit=crop&w=675&q=80");
  width: 600px;
  height: 800px;
  background-size: cover;
  top: -450%;
  right: -1000px;
  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  filter: grayscale(75%);
  visibility: hidden;
}
.menu .about:hover:after {
  visibility: visible;
  top: -475%;
}
.menu .about:hover:before {
  visibility: visible;
  right: -1150px;
}
.menu .contact:after {
  content: "";
  position: absolute;
  background: url("https://images.unsplash.com/photo-1512428559087-560fa5ceab42?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=665f85219b6ad4ee4b274871593f3394&auto=format&fit=crop&w=1350&q=80");
  width: 600px;
  height: 800px;
  background-size: cover;
  top: -550%;
  right: -1000px;
  transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  filter: grayscale(75%);
  visibility: hidden;
}
.menu .contact:hover:after {
  visibility: visible;
  top: -575%;
}
.menu .contact:hover:before {
  visibility: visible;
  right: -1375px;
}
.menu .menu-title {
color: white;
    font-size: 1.5em;
    opacity: 0.4;
    letter-spacing: 10px;
    font-family: "Inter", sans-serif;
}
/*sidebar css*/

.bottom-ul {
    padding: 0px 50px 0 0;
    padding-bottom: 0;
}
.bottom-ul ul{padding: 0;}

/*.bottom-ul ul li a:hover{color: #71F5BD;}*/
.bottom-ul ul li a:hover img{
  animation: arrow-move 1s infinite;filter: brightness(1);
}
.bottom-ul ul li a {    color: #000;    font-size: 18px;    display: flex;    line-height: 30px;    font-family: 'Inter';    font-weight: 400;    float: right;    text-align: left;    width: 70%;    justify-content: space-between;    transition: 0.3s ease-in-out;}
.bottom-ul ul li a img {
    width: 15px;filter: brightness(0);    margin: 10px 0 0;
}
.final-botm {
    padding: 50px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.final-botm p {
    margin-bottom: 10px;
    color: #3E4960;
    font-weight: 400;
    margin-top: 20px;
    font-size: 12px;
    line-height: 16px;
}

.final-botm a {
    /* color: #3E4960; */
    /* font-size: 20px; */
    /* font-family: "Inter", sans-serif; */
    /* margin-bottom: 30px; */
    /* display: block; */
}

.final-botm a{    border: 1px solid #000;    color: #000;    margin: -20px 0 0px;    display: inline-block;    padding: 2px 1px 2px 20px;}
.final-botm a svg{    fill: #000 !important;}
.final-botm a:hover{    color: #000;    background: #ffffffab;}
.final-botm a:hover svg{fill: #fff !important;}

.final-botm a img {
    margin-left: 20px;filter: brightness(0);width:auto;display: inline-block;}       
    

.revenue-box{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}
.revenue-box h3{margin: 0;font-size: 21px;color: #fff;}
.revenue-box h6{margin: 0;font-weight: 500;font-size: 10px;color: #fff;}
.revenue-box i {    color: #f15a29;}

img.first-second {    display: none;}
.header-main.showmenu img.first-second{display:block;} 
.header-main.showmenu img.first-logo{display:none;}

.header-main.showmenu .navigationwrp ul li a{color:#000 !important;} 
.header-main.showmenu .revenue-box h3{color:#000;}
.header-main.showmenu .revenue-box h6{color:#000;}
.header-main.showmenu .menu-btns span{background: #000000;}
.header-main.showmenu .plus-line:before{background: #000000;}
.header-main.showmenu .plus-line:after{background: #000000 !important;}
.header-main.showmenu p.highligh-text{color:#5b5f65}
.header-main.showmenu .head-test-box h6 span{color: #5b5f65;}


.bottom-bar{
    background: linear-gradient(to left, #3E190D, #E94D22);
    position: relative;
    z-index: 9;
    padding: 12px 0;
    }
.bottom-bar .left-col{}
.bottom-bar .left-col svg{
    height: 59px !important;
    width: 410px !important;
}
.bottom-bar .app-img{    text-align: right;display: flex;    gap: 15px;    justify-content: end; align-items: center;}
.bottom-bar .app-img img{
    height: 15px;
    margin: 0px 0 0 10px;
    width: auto;
    display: inline-block;    animation: arrow-move 1s infinite;
}
.bottom-bar .app-img a{
    /* border: 1px solid #c4c7ce; */
    color: #fff;
    /* padding: 10px 15px; */
    border-radius: 6px;
    margin: 0px 0 0px;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    font-family: system-ui;
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
    align-items: center;
    }
.bottom-bar .app-img a svg{    height: 25px;}



.relative{position: absolute;    bottom: 12px;    width: 100%;}
.relative .container:after{display:none;}
.relative p{position: relative;z-index: 9;color: #fff;font-size: 14px;margin: 0;font-family: 'Inter';font-weight: 400;}
.relative p.right{text-align:right;}
.relative p.right i{color: #f15a29; margin:0 10px 0 0;}
.relative .imgwrp{    position: relative;}
.relative .imgwrp img{height: 57px;    position: absolute;    bottom: -59px;}
.relative p.bold-text{    color: #ffffff63;    font-size: 14px;    margin: 0px 0 0;}
.m-right{    margin: -3px 0 0 90px;}
.relative p span{color:#f15a2b;}

.header-main.showmenu .relative p{color:#000;}
.header-main.showmenu .relative p.bold-text{    color: #757575;}


.non-h6 {    margin: 0 0 30px;}
.header-main.showmenu .menu-sub1{background: #ffffff82;}
.header-main.showmenu .menu-sub1 .mega-menu li a{    color: #000000 !important;}
.header-main.showmenu .menu-sub1 .higilight-box .higilight-txt h3{color: #131212;}
.header-main.showmenu .case-box-client-logo {filter: brightness(0);}
.header-main.showmenu .head-test-box p{color:#000;}
.highlight-button{}
.highlight-button img{height: 20px;    margin: 0 5px 0 0;}




.higilight-box {position: relative;border: 2px solid #a1a1a130;border-radius: 30px;width: 100%;margin: 0% auto;backdrop-filter: blur(30px);margin: 0px 0 0;}
.higilight-box:hover{    transition: all 1s ease;    transform: translateY(-0.625rem);}
.higilight-box:hover .higilight-txt img.top-icon{    animation: arrow-move 1s infinite;}
.higilight-box .higilight-txt {padding: 35px;padding-bottom: 30px;}
.higilight-box .higilight-txt h3 {font-weight: 600;color: #000;font-size: 20px;margin-bottom: 15px;width: 85%;line-height: 28px;}
.higilight-box .higilight-txt p {margin-bottom: 20px;color: #575551;font-size: 16px;line-height: 24px;width: 100%;height: auto;}
.higilight-box .higilight-txt img.top-icon {    position: absolute;    right: 40px;    filter: invert(1);    height: 35px;display:none;}
.higilight-box .higilight-txt ul {    display: flex;    justify-content: space-between;    align-items: flex-end;}
.higilight-box .higilight-txt ul li h5 {    color:#f15a2b;    font-size: 16px;    font-weight: 500;    margin: 0;}
.higilight-box .higilight-txt ul li h5 span {    display: block;    font-weight: 300;    margin-top: 0px;    color: #9e8a84;    font-size: 14px;    margin: -10px 0 10px;}
.higilight-box .higilight-txt a{position: relative;background: none;height: 50px;width: 50px;display: contents;}
.higilight-box .higilight-txt a:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f530, #fdfdfd87, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 35px;width: 35px;top: 28px;right: 27px;left: unset;animation: rotateCircle 5s linear infinite;}
.higilight-box .higilight-txt a:before{content:'';/* filter: brightness(1); */content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 49px;margin: -8px 0 0 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;right: 40px;filter: brightness(0.8);}
.case-box-client-logo {    width: auto;    height: 30px;}
.higilight-box .higilight-img {position: relative;overflow: hidden;border-radius: 30px;border: 0px solid #a1a1a130;margin: 0 -1px -10px;}
.higilight-box .higilight-img img {    height: 100%;    width: 100%;    object-fit: cover;    transition: 0.3s ease-in-out;}
.higilight-box:hover .higilight-img img {    transform: scale(1.2);}
.higilight-sec {    position: relative;    padding-top: 0;}




.section-content-box {    opacity: 0;    visibility: hidden;}


.quote-main{    padding: 0 0 70px;    margin: -70px 0 0;background: #fff;    position: relative;}
.quote-main .txtwrp{text-align: center;}
.quote-main .txtwrp h2{    font-size: 42px;    font-family: 'Inter';    font-weight: 300;    line-height: 48px;    color: #000;}
.quote-main .btnwrp{}
.quote-main .btnwrp a{border: 1px solid #a7a6a5;    color: #000000;}
.quote-main .btnwrp a svg{fill: #000000 !important;}
.quote-main .btnwrp a:hover svg{fill: #fff !important;}




.client-reviews{    padding: 0 0 70px;}
.client-reviews .txtwrp{}
.client-reviews .txtwrp h2{    font-size: 60px;    line-height: 64px;    font-weight: 500;    margin: 0 0 20px;    font-family: 'Aeonik Medium';    letter-spacing: -0.02em;}
.client-reviews .sliderwrp{}
.client-reviews .sliderwrp ul{    display: flex;    flex-wrap: nowrap;    gap: 22px;    margin: 30px 0 0;}
.client-reviews .sliderwrp ul li{position: relative;height: 810px;flex: 0 0 40%;border-radius: 20px;}
.client-reviews .sliderwrp ul li .main-bx{border-radius: 20px;background-size: cover;}
.client-reviews .sliderwrp ul li .main-bx .videowrp{height: 100%;border-radius: 18px;background-size: cover;background-position: center, center;}
.client-reviews .sliderwrp ul li .main-bx .videowrp video{position: absolute;height: 100%;object-fit: cover;width: 100%;border-radius: 20px;opacity: 0;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp{position: relative;z-index: 9;height: 810px;display: flex;flex-direction: column;justify-content: flex-end;padding: 40px;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp:after{content:'';background-image: linear-gradient(#ffffff29 4%, #00000059 60%, #000000b3);height: 70%;position: absolute;bottom: 0;width: 100%;left: 0;z-index: -1;backface-visibility: hidden;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transform-style: preserve-3d;background-image: linear-gradient(#ffffff29, #00000029);height: 67%;position: absolute;inset: auto 0% 0%;transform: translateZ(0);-webkit-mask: linear-gradient(#0000, #000, #000);mask: linear-gradient(#0000, #000, #000);border-radius: 20px;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp h3{    color: #fff;    font-size: 46px;    font-family: 'Inter';    margin: 0 0 5px;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp p.bold{    color: #fff;    font-size: 20px;    font-weight: 600;    margin: 0 0 30px;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp p.client-quote{    color: #fff;    font-size: 18px;    font-weight: 300;    line-height: 24px;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp .bottom-txt{}
.client-reviews .sliderwrp ul li .main-bx .txtwrp .bottom-txt h6{color: #fff;font-size: 18px;font-weight: 500;margin: 0;}
.client-reviews .sliderwrp ul li .main-bx .txtwrp .bottom-txt h6 span{    display: block;    font-size: 14px;}
.client-reviews .sliderwrp ul li:hover .videowrp video{opacity:1;}
.client-reviews .sliderwrp ul li.slide-cta{background: linear-gradient(209deg, #5e6a7773 10%, #666260a8 40%, #584648bf 60%, #40444b96 100% 80%);    backdrop-filter: blur(30px);    background-color: #000;}
.client-reviews .sliderwrp ul li.slide-cta .main-bx .txtwrp{    /*justify-content: space-between;*/gap: 78px;}
.client-reviews .sliderwrp ul:after {    content: '';    width: 250px;}
.client-reviews .sliderwrp ul li.slide-cta h3{font-size: 28px !important;margin: 0 0 20px !important;font-weight: 400;}
.client-reviews .sliderwrp ul li.slide-cta p{font-weight: 400 !important;line-height: 28px !important;font-size: 18px !important;}
.client-reviews .sliderwrp ul li.slide-cta a{    /*padding: 3px 3px 3px 20px;width: max-content;*/}
.client-reviews .sliderwrp ul li.slide-cta a svg{}
.client-reviews .sliderwrp ul li.slide-cta a:hover svg{}

.client-reviews .slick-active{opacity:1;}
.client-reviews .slick-prev, .client-reviews .slick-next{top: -8%;width: 50px;height: 50px;display: inline-flex;}
.client-reviews .slick-next:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;/* transform: rotate(45deg); */opacity: 1;margin: 18px 0 0 17px;}
.client-reviews .slick-prev:before{filter: brightness(.7);content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 20px;margin: 18px 0 0 18px;opacity:1 !important;transform: rotate(-92deg);}
.client-reviews .slick-prev {left: 1203px;display: inline-flex;background: #ffffff !important;border-radius: 30px;}
.client-reviews .slick-next {right: 345px;background: #000 !important;border-radius: 30px;}
.client-reviews .slick-slide {    margin: 0px 0px 0 20px;}
.client-reviews .slick-next:hover{background: #000000;}

.client-reviews button.slick-next.slick-arrow.slick-disabled{    background: #ffffff !important;}
.client-reviews button.slick-next.slick-arrow.slick-disabled:before{filter: brightness(.4);}
.client-reviews button.slick-next.slick-arrow.slick-disabled:after{content: '';    position: absolute;    inset: 0;    padding: 2px;    border-radius: 50%;    background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    pointer-events: none;}
.client-reviews .slick-prev{}
.client-reviews button.slick-prev.slick-arrow.slick-disabled:after{content: '';    position: absolute;    inset: 0;    padding: 2px;    border-radius: 50%;    background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    pointer-events: none;}
.client-reviews button.slick-prev.slick-arrow.slick-disabled {background: #fff !important;}
.client-reviews button.slick-prev.slick-arrow.slick-disabled:before{content:'';filter: brightness(.9);}
.client-reviews .slick-prev:hover{    background: #000000;}



.client-reviews .slick-prev:after {
    content: '';
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}



.single-scroll{    padding: 70px 0;    background: #000;    margin: 0 0 70px;}
.single-scroll .txtwrp{    margin: 0 0 50px;}
.single-scroll .txtwrp h2{    color: #ffffff;    font-family: "Aeonik Medium";    font-size: 64px;    letter-spacing: -0.02em;    line-height: 74px;    font-weight: 100;}
.single-scroll .parent-box{}
.single-scroll .parent-box .box-1{    display: flex;    margin: 0 0 90px;}
.single-scroll .parent-box .box-1 .left{    width: 40%;    max-width: 20%;}
.single-scroll .parent-box .box-1 .left h3{    color: #ababab;    font-size: 20px;    font-family: 'Inter';    font-weight: 400;}
.single-scroll .parent-box .box-1 .right{}
.single-scroll .parent-box .box-1 .right p{    color: #fff;    font-size: 20px;    font-weight: 300;    line-height: 28px;    width: 90%;}
.single-scroll .parent-box .box-1 .right ul{    padding: 0;    margin: 80px 0 0;}
.single-scroll .parent-box .box-1 .right ul li{padding: 10px 0 15px;position: relative;}
.single-scroll .parent-box .box-1 .right ul li:after{content:'';background-image: url(../images/AutomatX-arrow-icons--20.svg);position: absolute;right: -30px;top: 23px;width: 10px;height: 10px;background-size: cover;transform: rotate(90deg);}
.single-scroll .parent-box .box-1 .right ul li:hover:after{background-image: url(../images/arrow-red.svg);}
.single-scroll .parent-box .box-1 .right ul li:before{content: '';    position: absolute;    width: 106%;    height: 1px;    background: #363636;    bottom: 0;}
.single-scroll .parent-box .box-1 .right ul li:hover:before{/* background: #f15a2b; */}
.single-scroll .parent-box .box-1 .right ul li:hover a{/* color:#f15a2b; */}
.single-scroll .parent-box .box-1 .right ul li a{font-size: 16px;color: #fff;font-weight: 300;line-height: 18px;}
.single-scroll .parent-box .box-1 .right ul li a:hover{/* color: #f15a2b; */}
.single-scroll .stickywrp{    height: 100%;    text-align: right;}
.single-scroll .stickywrp img{width: 100%;border-radius: 18px;}
.single-scroll .stickywrp .imgwrap{/* background: radial-gradient(circle at center, #e3d6c9 0%, #cbb8aa 50%, #b89f8c4a 100%); */padding: 0px 0;border-radius: 18px;margin: 0 0 0 50px;text-align: center;position: sticky;top: 120px;background-image: url(../images/tabs-backgound.png);background-size: cover;}
.align-right{width: 30%;}






.story-section{    padding: 0 0 70px;}
.story-section .imgwrp{text-align: center;margin: 10px 0 80px;position: relative;}
.story-section .imgwrp:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 100px;width: 100px;top: 0;right: 0;left: 0;margin: auto;animation: rotateCircle 5s linear infinite;}
.story-section .imgwrp:before{content:'';filter: brightness(.9);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 30px;height: 30px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: -15px;margin: -8px 0 0 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: 0;right: 0;margin: auto;}
.story-section .imgwrp img{    height: 100px;transform: rotate(90deg);}
.story-section .txtwrp{}
.story-section .txtwrp h2{    font-family: "Aeonik Medium";    font-size: 80px;    letter-spacing: -0.02em;    line-height: 80px;    text-align: center;    font-weight: 100;width: 81%;    margin: 0 auto 20px;}
.story-section .txtwrp h2 span{    color: #f15a2b;}
.story-section .problem-list{    display: flex;    justify-content: space-evenly;    flex-direction: row;    margin: 0 0 0 40px;    gap: 50px;}
.story-section .problem-list ul{    width: 100%;}
.story-section .problem-list ul li{    font-size: 22px;    margin: 20px 0 0;    padding: 0 0 0 45px;    position: relative;    color: #000;    font-family: 'Inter';    font-weight: 400;    line-height: 28px;}
.story-section .problem-list ul li span{    font-weight: 600;}
.story-section .problem-list ul li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: #dfe3e4;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 35px;width: 35px;top: 0;right: unset;left: -10px;}
.story-section .problem-list ul li:before{content:'';filter: brightness(1);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 20px;margin: -8px 0 0 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: -10px;}
.story-section .ending-point{}
.story-section .ending-point p{    margin: 40px 0 0;    text-align: center;    width: 60%;    margin: 30px auto 0;    color: #000;    font-size: 22px;    line-height: 30px;font-weight: 400;}
.story-section .btnwrp{    text-align: center;    margin: 40px 0 0;}
.story-section .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.story-section .btnwrp a svg{    fill: #000 !important;}
.story-section .btnwrp a:hover svg{    fill: #fff !important;}
@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}







.arc-1,.arc-2,.arc-3 {margin: auto;}
.arc-1,.arc-2 {view-timeline-inset: 50%;}
#integrations {height: 990px;overflow: clip;display: flex;justify-content: center;position: relative;width: 100%;z-index: 0;padding-top: 50px;position:relative;}
section#integrations:before {aspect-ratio: 1 / 2.2;background-image: linear-gradient(#f15a2b, #f15a2b);border-radius: 800%;filter: blur(140px);left: 50%;max-width: 400px;opacity: .45;position: absolute;top: 40%;transform: translate(-50%, -50%);width: 80%;z-index: -1;content: '';transform: translate(-50%, -50%) rotate(127deg);}
.arc-wrap {width: 1519px;position: relative;left: 0}
.arc-2 {position: absolute; top: calc((var(--outer-size) - (var(--gap-2)/ 2)) * -1); left: 0;}
.int-logo,.size-s {width: var(--logo-s);height: var(--logo-s);}
.size-m {width: var(--logo-m);height: var(--logo-m);}
.size-l {width: var(--logo-l);height: var(--logo-l);}
.arc-1 {width: 1519px;height: 1519px;}
.arc-1:after {content: "";display: block;width: calc(1519px - 56px - 5px);height: calc(var(--outer-size) - var(--logo-s) - 5px);margin: auto;border-radius: 50%;border: 2px solid #9e9d9b40;position: absolute;top: calc(var(--logo-s)/ 2);left: calc(var(--logo-s)/ 2);}
.arc-2:after,.arc-3:after {content: "";display: block;margin: 0 auto;position: absolute}
.arc-2 {width: calc(var(--outer-size) - var(--gap-2));height: calc(var(--outer-size) - var(--gap-2))}
.arc-2:after {width: calc(var(--outer-size) - (var(--gap-2) * 2));height: calc(var(--outer-size) - (var(--gap-2) * 2));border-radius: 50%;border: 2px solid #9e9d9b40;top: calc(var(--gap-2)/ 2);left: calc(var(--gap-2)/ 2)}
.arc-3 {    position: absolute;    top: calc((var(--outer-size) * 2 - var(--gap-3)) * -1);    left: 0;    width: calc(var(--outer-size) - var(--gap-3));    height: calc(var(--outer-size) - var(--gap-3))}
.arc-3:after {width: calc(var(--outer-size) - (var(--gap-3) * 2));height: calc(var(--outer-size) - (var(--gap-3) * 2));border-radius: 50%;border: 2px solid #9e9d9b40;top: calc(var(--gap-3)/ 2);left: calc(var(--gap-3)/ 2)}
.logo-wrap {    display: flex;    justify-content: space-between;    height: 100%}
.arc-2 .logo-wrap {    width: 120%;    margin: 0 -10%}
.arc-3 .logo-wrap {    width: 80%;    margin: 0 auto}
.int-link {    z-index: 2}
.int-logo {    border: 5px solid #fff;    border-radius: 50%;    box-shadow: 0 0 0 #fff;    border-collapse: collapse}
.int-logo:hover {    box-shadow: 0 0 8px #a7a1b648}
.int-1 {    transform: translateY(calc(var(--outer-size)/ 4.2)) translateX(101px);}
.int-2,.int-5 {    transform: translateY(calc(var(--logo-s) * 2.7)) translateX(0);}
.int-3,.int-4 {    transform: translateY(calc(var(--logo-s)/ 3)) translateX(0);}
.int-6 {    transform: translateY(calc(var(--outer-size)/ 4.2)) translateX(-106px);}
.int-7 {    transform: translateY(410px) translateX(215px)}
.int-12 {    transform: translateY(410px) translateX(-215px)}
.int-8 {    transform: translateY(185px) translateX(65px)}
.int-11 {    transform: translateY(185px) translateX(-65px)}
.int-10,.int-9 {    transform: translateY(50px) translateX(0)}
.int-15 {    transform: translateY(190px) translateX(-125px)}
.int-13 {    transform: translateY(190px) translateX(125px)}
.int-14 {    transform: translateY(75px) translateX(0)}
.arc {    position: relative;    overflow: clip;    border-radius: 50%}
:root {    --outer-size: 1519px;    --ec-gap: 284px;    --logo-s: 56px;    --logo-m: 80px;    --logo-l: 120px;    --gap-2: 140px;    --gap-3: 280px;}
.rocketwrp{padding:16.3vw 0px 2vw;background: #0f0f0f;margin: -46vw 0 0;z-index: 999;background: #00000000;border-bottom: 1px solid #e7e6e6;}
.rock-head-1{font-size: 36px;line-height: 42px;margin: 0;}
.rock-head-2{font-size: 10.4vw;line-height: 8vw;margin: 20px 0 40px;}
.rock-head-3{font-size: 4.3vw !important;    margin: 0;}
.rock-head-4{line-height: 5vw;}



.pricing-plan{    padding: 60px 0;}
.pricing-plan .txtwrp{}
.pricing-plan .txtwrp h2{    color: #000;    font-family: "Aeonik Medium";    font-size: 80px;    letter-spacing: -0.02em;    line-height: 80px;    font-weight: 100;}
.pricing-plan .txtwrp h3{    color: #000;    font-family: "Aeonik Medium";    font-size: 36px;    letter-spacing: -0.02em;    line-height: 36px;    font-weight: 100;    width: 60%;}
.pricing-plan .price-main{    margin: 30px 0 0;    display: flex;    width: 100%;    justify-content: space-between;}
.pricing-plan .price-main ul{    padding: 0;    width: 16.6666666667%;}
.pricing-plan .price-main ul li{    border: 1px solid #e7e6e6;    height: 80px;    width: 100%;    display: flex;    align-items: center;    justify-content: center;}
.pricing-plan .price-main ul li .text{text-align: center;background: #f5f5f7;padding: 19px;color: #0f0e0e;font-size: 16px;border-radius: 13px;width: 80%;height: 70%;line-height: 14px;display: flex;align-items: center;gap: 10px;justify-content: center;}
.pricing-plan .price-main ul li .text .check{    background: #3bb44b;    width: 30px;    height: 30px;    display: flex;    justify-content: center;    align-items: center;    border-radius: 30px;}
.pricing-plan .price-main ul li .text .check i{    color: #fff;}
.pricing-plan .price-main ul li .text .cross{background: #f23c3c;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.pricing-plan .price-main ul li .text .cross i{color: #ffffff;}

/*.pricing-plan .price-main ul li .text.a{    background: #fcf6f4;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.b{    background: #feefea;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.c{    background: #fbcebf;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.d{    background: #f9bdaa;}*/
/*.pricing-plan .price-main ul li .text.e{    background: #f79c80;}*/
/*.pricing-plan .price-main ul li .text.f{    background: #f47b55;}*/
/*.pricing-plan .price-main ul li .text.g{}*/
/*.pricing-plan .price-main ul li .text.h{    background: #e5e5e570;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.i{    background: #e5e5e570;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.j{    background: #e5e5e5;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.k{    background: #cccccc;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.l{    background: #808080;}*/
/*.pricing-plan .price-main ul li .text.m{    background: #4d4d4d;}*/
/*.pricing-plan .price-main ul li .text.n{    background: #000;}*/
/*.pricing-plan .price-main ul li .text.o{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.p{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.q{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.r{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.s{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.t{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.u{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.v{    background: #e5e5e530;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.w{    background: #e5e5e570;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.x{    background: #e5e5e5;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.y{    background: #cccccc;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.z{    background: #808080;}*/
/*.pricing-plan .price-main ul li .text.ab{    background: #4d4d4d;}*/
/*.pricing-plan .price-main ul li .text.cd{    background: #000;}*/
/*.pricing-plan .price-main ul li .text.ef{    background: transparent;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.gh{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.ij{    background: transparent;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.kl{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.mn{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.op{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.qr{    background: #f5f5f7;}*/
/*.pricing-plan .price-main ul li .text.st{    background: #fcf6f4;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.uv{    background: #feefea;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.wx{    background: #fbcebf;    color: #000;}*/
/*.pricing-plan .price-main ul li .text.yz{    background: #f9bdaa;}*/
/*.pricing-plan .price-main ul li .text.abc{    background: #f79c80;}*/
/*.pricing-plan .price-main ul li .text.def{    background: #f47b55;}*/
/*.pricing-plan .price-main ul li .text.ghi{}*/




.price-section{
    padding: 50px 0;
}
.sticky-package-box {
    /* position: sticky; */
    top: 115px;
    z-index: 2;
    background: var(--section-gray-color);
    padding: 2rem 0;
}

.package-head {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 0rem;
}

.package-head>div {
    width: 20%;
}

.package-head>div:nth-child(1) {
    width: 60%;
    /* display: flex; */
    /* align-items: start; */
    justify-content: center;
    margin: 0 auto;
}

.package-head>div:nth-child(1)>div {
    flex: 1;
}

.package-head>div:nth-child(1)>div p {
    font-size: 12px;
    line-height: 1.3;
}

.package-head>div:nth-child(1)>div h4 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000 !important;
}

/* toggle-btn */
/* The switch - the box around the slider */


.switch,
.seo-switch {
    font-size: 17px;
    position: relative;
    display: block !important;
    width: 85px;
    height: 40px;
    margin: 6px auto 15px;
}

.switch:before {
    position: absolute;
    content: "Quarterly";
    left: -83px;
    width: 100px;
    color: white;
    font-size: 16px;
    margin-top: 5px;
}

.switch:after {
    position: absolute;
    content: "Biannually";
    right: -107px;
    width: 100px;
    color: white;
    font-size: 16px;
    margin-top: 5px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 1;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #454545;
    transition: .4s;
    border-radius: 30px;
    border: 1px solid #454545;
}

.slider:before {
    position: absolute;
    content: "";
    height: 37px;
    width: 37px;
    border-radius: 50%;
    left: 1.2px;
    top: 0;
    background: #ffb17c;
    bottom: 0;
    border: 3px solid #1D1710;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #F36D36;
    border: 1px solid transparent;
}

label.switch+span:after {
    position: absolute;
    content: "";
    background: url(../images/arrow.png) center/contain no-repeat;
    width: 50px;
    height: 50px;
    top: -16px;
    right: -57px;
    filter: invert(1);
}

.switch input:checked+.slider:before {
    transform: translateX(2.5em);
}

label.switch+span {
    color: var(--orange-color);
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 28px;
    bottom: -25px;
    font-family: var(--shadows-font);
}

/* toggle-btn */




.package-box {
    background: #f5f5f7;
    border-radius: 23px;
    padding: 2rem;
    display: flex;
    align-items: center;
    height: 115px;
    position: relative;
    overflow: hidden;
}

.package-box:hover {
    /*background: linear-gradient(-45deg, #EEDDE6 0%, #EDE0E5 21%, #E6E8E1 38%, #D7F2CE 72%, #BDE9EE 100%) 0% 0% no-repeat;*/
}

.package-box:hover>a {
    animation: arrow-move 1s infinite;
    color: black;
}

.package-box>a img {
    width: 20px;
    height: 20px;

}

.package-box>a {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #818181;
    font-size: 3rem;
}
.package-box {
    position: relative;
}

 .package-box a img {
    width: 20px;
    height: 20px;

}

 .package-box a {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #818181;
    font-size: 3rem;
}


.pric-bx h5 {
    font-size: 33px;
    font-weight: 400;
    color: black;
    margin-bottom: 10px;
}

.pric-bx h6 {
    font-weight: 600;
    color: var(--orange-color);
    margin-bottom: 0;
    line-height: 1;
}

.pric-bx p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}



.package-list-row {
    display: flex;
    align-items: center;
}

.package-list-row>div>* {
    color: #DBDBDB;
}

.package-list-row>div>p {
    margin: 0;
}
.package-list-row>div>p:last-child {
    color: #000 !important;
    font-weight: 800;
    font-size: 14px;
}

.package-list-row>div {
    width: 20%;
    /* padding: 10px; */
    line-height: 1.4;
    color: #000000;
    padding: 10px 20px;
    text-transform: capitalize;
}

.package-list-row>div:first-child {    width: 36%;    padding-left: 40px !important;}

.package-list-row>div:not(:first-child) {
    text-align: center;font-size: 14px;
}


.package-list-box {    border: 1px solid #f15a2b;    background: transparent;    padding: 0;border-radius: 20px;
}

.package-list-row.underline-row {
    border-bottom: 1px solid #e7e6e6;
}



.packages-sec .fa.fa-check {
    color: #000;
    background: #f15a2b00;
    width: 25px;
    height: 25px;
    display: flex;
    place-items: center;
    border-radius: 50px;
    margin: 0 auto;
    font-size: 14px;
    justify-content: center;
    padding-top: 2px;
    position:relative;
}
.packages-sec .fa.fa-check:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.packages-sec .fa-times {
    color: #000000 !important;
    background: #dfe3e4;
    width: 25px;
    height: 25px;
    display: flex;
    place-items: center;
    border-radius: 50px;
    margin: 0 auto;
    font-size: 14px;
    justify-content: center;
    color: #000;
    padding-top: 2px;
}

.package-list-row>div:first-child {
    color: #000000;    font-weight: 600;
}

/*.package-list-row.underline-row>div {*/
/*    color: white;*/
/*    line-height: 1;*/
/*}*/
.package-list-row.underline-row>div {
    color: #000000;
    line-height: 1.5;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 25px 20px;
}

.package-list-row:nth-child(even) {
    background: #f5f5f7;
}

.package-list-row.underline-row {
    background: var(--section-gray-color);    font-weight: 800;
    font-size: 14px;
}

.package-list-row>div:not(:last-child) {
    border-right: 1px solid #e7e6e6;font-size: 14px;
}

.pack-btn-row {
    align-items: stretch;
}

.pack-btn-row p {
    font-size: 14px;
    color: #818181;
}

.pack-select-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    height: 60px;
    width: 200px;
    border-radius: 13px;
    background: #404040;
    color: white;
    transition: 0.3s ease-in-out;
}

.pack-select-btn:hover {
    background: var(--orange-color);
}

.pack-select-btn:hover img {
    animation: arrow-move 1s infinite;
}

.bolt-with-text{}
.bolt-with-text img{height: 20px;margin: -5px 0 0;}
.bolt-action{font-weight: 400 !important;}
.bolt-action img{height: 20px;margin: -5px 0 0;}
.bolt-img{    height: 20px;    margin: 0 3px 0 0;}
@keyframes arrow-move {

    0%,
    100% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(5px, -5px);
    }

}

.pack-select-btn>img {
    transition: 0.3s ease-in-out;
    width: 20px;
    height: 20px;
}
.price-section .abt-btn{    border: 1px solid #a7a6a5;    color: #000000;}
.price-section .abt-btn svg{    fill: #000 !important;}
.price-section .abt-btn:hover svg{fill: #fff !important;}
.flx {    text-align: left !important;    display: flex;    justify-content: center;    align-items: center;    gap: 3px;}
.flx .fa.fa-check{    margin: 0 10px 0 0;}

.packages-sec .txtwrp{width: 100%;    text-align: center;}
.packages-sec .txtwrp h2{    font-size: 60px;    line-height: 64px;    font-weight: 500;    margin: 0 0 0px;    font-family: 'Aeonik Medium';    letter-spacing: -0.02em;}
.btm-text{    text-align: center;    width: 72%;    margin: 30px auto 0;}
.btm-text p{    font-size: 20px;    margin: 0;    line-height: 25px;}

/* packages-sec */




/* Form */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-form .form-row {
  display: flex;
  gap: 15px;
}

.contact-form input, 
.contact-form textarea {
  padding: 12px 15px;
  border: 1px solid #9e9d9b40;
  border-radius: 12px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

.contact-form input:focus-visible,
.contact-form textarea:focus-visible {
    outline: none !important;}

.contact-form textarea {
  resize: vertical;
  min-height: 100px;
}

.info-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,0.6);
}

.info-overlay .description {
  font-size: 14px;
  max-width: 350px;
}

.info-overlay .phone {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
  color: #c39f77;
}

.info-overlay .puppies,
.info-overlay .visits-info {
  font-size: 14px;
  margin-top: 5px;
}





.features_card-canvas {
        width: 60% !important;
        height: 400px !important;
        background-color: white;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden;
    }
    @media (max-width:767px) {
        .features_card-canvas {
        width: 99% !important;
        height: 400px !important;
    }

    }
    
    

.crm-page .header-main{background: #0000000a;}
/*.crm-page .header-main .first-logo{display:none;}*/
/*.crm-page .navigationwrp ul li a{color:#000;}*/
/*.crm-page .plus-line:before{background: #000;}*/
.crm-page .quote-wrp .list ul li {    border-bottom: 0px solid #f2f2f2;}


.abt-page .journey .head-test-box {    margin: 0px auto;    width: 80%;}
.abt-page .journey .head-test-box:after{font-size: 200px;    left: 0;    top: 26px;    right: 0;}

.abt-page .part-two .box-3.imgchange ul li{font-size: 16px;    line-height: 26px;}
.abt-page .part-two .box-3.imgchange{height: 641px;    padding: 40px 60px;border-radius: 18px; background: linear-gradient(208deg, #dcd6c605 19%, #afab9f2e 80%);}
.abt-page .part-two .box-3.imgchange .txtwrp h4{    font-size: 36px;   line-height: 42px;}
.abt-page .part-two .box-3.imgchange h3{font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: .1em;    font-weight: 500;    line-height: 19px;    margin: 0 0 20px;    text-transform: uppercase;color: #f15a2b;}
.abt-page .part-two .box-3.imgchange .btnwrp{margin: 30px 0 0;}
.abt-page .overlaping{    position: relative;    z-index: 9;margin: -80px 0 0px;}
.abt-page .about-text.bap-bottm{    padding-bottom: 200px;}
.abt-page .about-text.bap-bottm .txtwrp{position: sticky;    top: 90px;}
.abt-page .part-two.hmsection.boxes-section.pt-0.pb-0{background:#000;}
.abt-page .stats .stats-main{margin: -230px 0 0 0;}
.abt-page .stats .txtwrp{    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.abt-page .stats .txtwrp h3{    color: #f15a2b;    margin: 0 0 10px;}
.abt-page .stats .txtwrp p{margin: 0 0 50px 0;}
.abt-page .single-quote{padding: 120px 0 0px;}


.maion-banner-abt{height: auto;padding: 180px 0 100px;text-align: center;background: #000;transition: 1s all;background-image: linear-gradient(#4e4e4e3b 1px, transparent 1px), linear-gradient(90deg, #4e4e4e3b 1px, transparent 1px);background-size: 100px 100px;/* border-bottom: 1px solid #a1a1a130; */background-image: url(../images/AutomatX-Story-BG.png);background-size: cover;background-position: 200px 0px;background-repeat: no-repeat;}
.maion-banner-abt .txtwrp{width: 100%;margin: 0 auto;position:relative;height: 100%;text-align: left;}
.maion-banner-abt .txtwrp h1{color: #fff;font-size: 60px;line-height: 66px;margin: 0;font-family: "Aeonik Medium";letter-spacing: -0.02em;font-weight: 100;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);z-index: 9;position: relative;width: 100%;margin: 0 auto;}
.maion-banner-abt .txtwrp h1 img{height: 45px;margin: -12px 0px 0px;}
.maion-banner-abt .txtwrp:after{content: '“';font-family: "Aeonik Medium";font-size: 540px;position: absolute;left: -100px;color: #383838;top: 160px;z-index: 0; display:none;}
.maion-banner-abt .txtwrp p{margin: 40px 0 0;color: #fff;font-family: 'Inter';font-size: 20px;width: 80%;margin: 150px 0px 20px;line-height: 30px;font-weight: 400;}
.maion-banner-abt .txtwrp a{margin-top:20px;}
.maion-banner-abt .imgwrp{}
.maion-banner-abt .imgwrp img{width: 80%;margin: 0px 0 0;}
.maion-banner-abt .imgwrp video{width: 100%;margin: -280px 0 -7px;}
.maion-banner-abt .logo-slider{    margin: 100px 0 0px 0;}
.maion-banner-abt .logo-slider .left-move{}
.maion-banner-abt .logo-slider .left-move img{height: 66px;filter: invert(1);}

.conversational{padding: 70px 0 40px;}
.conversational .txtwrp{}
.conversational .txtwrp h2{    font-size: 60px;    letter-spacing: -.01em;    line-height: 60px;    font-weight: 500;    font-family: 'Aeonik Medium';    margin: 0 0 40px;}
.conversational .imgwrp{}
.conversational .imgwrp img{    width: 100%;    border-radius: 20px;    margin: 0 0 40px;}
.conversational .txtwrp .lead-heading{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0px 0 20px;}
.conversational .txtwrp h3{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    width: 80%;    margin: 0 0 10px;}
.conversational .txtwrp p{    color: #000;}
.conversational .videowro{margin: 70px 0 0;}
.conversational .videowro video{    width: 100%;    border-radius: 20px;}
.conversational .pointer{margin: 40px 0 0;}
.conversational .pointer .pointers{margin: 0 0 25px;}
.conversational .pointer .pointers h4{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0px 0 20px;}
.conversational .pointer .pointers h3{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    width: 100%;    margin: 0 0 10px;}
.conversational .pointer .pointers p {    color: #000;}


.crm-features{padding: 70px 0 0;/* border-bottom: 1px solid #eaf2e8; */background: #000;}
.crm-features .main-top{    display: flex;    gap: 10px;    align-items: center; justify-content: space-between;}
.main-top.sticky-active {position: fixed;top: 54px;background: #000000;padding: 20px 0;max-width: 1296px;width: 90%;z-index: 9;}
.crm-features .main-top h4{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0;}
.crm-features .main-top ul{    padding: 0;    display: flex;    font-size: 0;    gap: 5px;}
.crm-features .main-top ul li{    font-size: 0;    line-height: 0;}
.crm-features .main-top ul li a{letter-spacing: 0.1em;font-family: "Inter", sans-serif;font-size: 12px;line-height: 12px;color: #a7a6a5;border: 1px solid #4D4D4D;padding: 5px 10px;border-radius: 30px;color: #b9b9b9;font-size: 9px;font-family: "Inter", sans-serif;text-transform: uppercase;letter-spacing: .1em;display: inline-block;}
.crm-features .features-details{margin: 0px 0 0;border-bottom: 1px solid #a1a1a130;padding: 70px 0 70px;}
.crm-features .features-details .txtwrp{}
.crm-features .features-details .txtwrp h4{font-size: 38px;letter-spacing: -.01em;line-height: 42px;font-weight: 500;font-family: 'Aeonik Medium';margin: 0 0 10px;color: #fff;}
.crm-features .features-details .txtwrp p{    letter-spacing: -.01em;    font-size: 16px;    font-family: "Inter", sans-serif;    margin: 0;    color: #999999;}
.crm-features .features-details .txtwrp p.abt-pera{    margin: 10px 0 0;    color: #fff;width: 75%;}
.crm-features .features-details .listingwrp{}
.crm-features .features-details .listingwrp ul{    padding: 0;    display: flex;   flex-wrap: wrap;justify-content: flex-start; row-gap: 30px;}
.crm-features .features-details .listingwrp ul li{    flex: 0 0 33%;    font-size: 0;}
.crm-features .features-details .listingwrp ul li a{}
.crm-features .features-details .listingwrp ul li a .uper{color: #ffffff;font-size: 16px;margin: 0 0 10px;position: relative;    display: inline-block;}
.crm-features .features-details .listingwrp ul li a .uper:after{content:'';background-image: url(../images/AutomatX-arrow-icons--20.svg);position: absolute;right: 70px;top: 10px;width: 10px;height: 10px;background-size: cover;transform: rotate(90deg);opacity: 0;transition: .3s ease-in-out;}
.crm-features .features-details .listingwrp ul li a .uper img{height: 20px;margin: 0 4px 0 0px;}
.crm-features .features-details .listingwrp ul li a p{font-size: 14px;font-weight: 400;line-height: 18px;width: 100%;margin: 0;opacity: .7;color: #fff;}
.crm-features .features-details .listingwrp ul li:hover a .uper:after{content:'';background-image: url(../images/arrow-red.svg);opacity: 1;right: -30px;/* animation: arrow-move 1s infinite !important; */transform: rotate(90deg) !important;}


.core-capabilities{    padding: 50px 0 50px;}
.core-capabilities .txtwrp{}
.core-capabilities .txtwrp h2{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    margin: 0 0 30px;}
.core-capabilities .our-one{    display: flex;    gap: 10px;margin: 40px 0 0;}
.core-capabilities .parentwrp{color: #f4f4f5;display: flex;flex-direction: column;gap: 10px;width: 100%;}
.core-capabilities .boxwrp.bx-two{    background: #f15a2b !important;}
.core-capabilities .boxwrp.bx-two .half-lines{display: flex;flex-direction: column;gap: 4px;margin: 0 0 70px;}
.core-capabilities .boxwrp.bx-two .half-lines .ln-one{    height: 30px;    border-radius: 300px;    background: #000;    background: linear-gradient(239deg, #FFFFFF59 0%, #F15A2B 100%);}
.core-capabilities .boxwrp.bx-two .half-lines .ln-two{    height: 30px;    border-radius: 300px;    background: #000;    background: linear-gradient(239deg, #FFFFFF59 0%, #F15A2B 100%);    width: 90%;    margin: 0 auto;}
.core-capabilities .boxwrp.bx-two .half-lines .ln-three{    height: 30px;    border-radius: 300px;    background: #000;    background: linear-gradient(228deg, #FFFFFF59 0%, #F15A2B 130%);    width: 80%;    margin: 0 auto;}
.core-capabilities .boxwrp.bx-two .half-lines .ln-four{    height: 30px;    border-radius: 300px;    background: #000;    background: linear-gradient(228deg, #FFFFFF59 0%, #F15A2B 130%);    width: 70%;    margin: 0 auto;}
.core-capabilities .boxwrp.bx-two .txtwrp h6{color:#fff !important;}
.core-capabilities .boxwrp.bx-two .txtwrp ul li{color:#fff !important;}
.core-capabilities .parentwrp .boxwrp{    border-radius: 26px;    background: #f4f4f5;    padding: 25px;}
.core-capabilities .parentwrp .boxwrp .txtwrp{}
.core-capabilities .parentwrp .boxwrp .txtwrp h6{    font-size: 52px;    max-width: 50%;    line-height: 52px;}
.core-capabilities .parentwrp .boxwrp .txtwrp ul{}
.core-capabilities .parentwrp .boxwrp .txtwrp ul li{font-size: 15px;color: #000000;margin: 0px 0 0;line-height: 23px;position: relative;}
.core-capabilities .parentwrp .boxwrp .txtwrp ul li span{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #878787;    margin: 0px 0 20px;}
.core-capabilities .parentwrp .boxwrp.box-two{background-image: url(../images/box-02.svg);height: 414px;/* display: flex; */align-items: flex-end;background-color: #000;background-position: center 50px;background-size: 360px;background-repeat: no-repeat;}
.core-capabilities .parentwrp .boxwrp.box-two .txtwrp h6{color:#fff;}
.core-capabilities .parentwrp .boxwrp.box-two .txtwrp ul li{color:#fff;}
.core-capabilities .parentwrp .boxwrp.box-two .txtwrp ul li{/* position: absolute; */bottom: 0;right: 0;max-width: 50%;margin: 0;line-height: 20px;font-size: 16px;}
.core-capabilities .parentwrp .boxwrp.last-bx{height: 646px;display: flex;flex-direction: column;justify-content: flex-end;background-image: url(../images/box-03.png);background-size: auto;background-repeat: no-repeat;}
.core-capabilities .parentwrp .boxwrp.last-bx .txtwrp.line{margin: 15px 0;border-top: 1px solid #70707029;border-bottom: 1px solid #70707029;padding: 15px 0;}
.core-capabilities .parentwrp .boxwrp.box-three{background:#FFE0CB;height: 235px;    padding: 45px 25px;}
.core-capabilities .parentwrp .boxwrp .txtwrp ul li p{    position: absolute;    bottom: 0;    right: 0;    max-width: 50%;    margin: 0;    line-height: 20px;    font-size: 16px;}


.case-study-banner{background: #000;padding:140px 0 70px;}
.case-study-banner .txtwrp{}
.case-study-banner .txtwrp img{    height: 30px;    filter: contrast(0);    margin: 0 0 10px;}
.case-study-banner .txtwrp h1{    color: #fff;    font-size: 70px;    line-height: 70px;    margin: 0;    font-family: "Aeonik Medium";    letter-spacing: -0.02em;    font-weight: 100;    mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);    z-index: 9;    position: relative;    margin: 0 0 20px;}
.case-study-banner .txtwrp p{    color: #fff;    font-size: 20px;    line-height: 30px;    font-weight: 400;    line-height: 28px;}
.counter{}
.counter ul{    display: flex;    padding: 0;    gap: 25px;    align-items: flex-start;}
.counter ul li{    margin: 0;}
.counter ul li h4{margin: 0 0 0;font-weight: 600;font-size: 36px;color: #ffffff;}
.counter ul li p{    font-size: 16px;    line-height: 20px;    color: #aeaeae;    margin: 10px 0 0;    letter-spacing: 0;    }
.counter ul li p.counter-main{font-size: 18px;font-weight: 300;color: #a1a1a1;margin: 10px 0 0;line-height: 22px;}
.case-study-banner .right-videowrp{    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    border-radius: 30px;    background-size: cover;    background: linear-gradient(to bottom, #ffe0cc -31%, #fdfdfd05 100%);}
.case-study-banner .right-videowrp .imgwrp{    position: relative;    width: 90%;    margin: 0 auto;}
.case-study-banner .right-videowrp .imgwrp img{    width: 100%;    border-radius: 30px;}
.case-study-banner .right-videowrp .video-box{}
.case-study-banner .right-videowrp .video-box .play-icon{}


.basic-info{padding: 30px 0;background: #1f1f1f;}
.basic-info .parent{}
.basic-info .parent ul{    padding: 0;    display: flex;    justify-content: space-evenly;}
.basic-info .parent ul li{text-align: center;width: 100%;}
.basic-info .parent ul li h4{font-size: 16px;margin: 0;color: #fff;}
.basic-info .parent ul li p{margin: 0;font-size: 20px;color: #a1a1a1;}
.basic-info .parent ul li:nth-child(2) {border-right: 1px solid #3a352c;border-left: 1px solid #3a352c;}


.case-detail{padding: 70px 0;    background: #000;}
.case-detail .stickywrps{    position: sticky;    top: 90px;}
.case-detail .stickywrps .contex{    border-bottom-width: 1px;    border-color: rgba(255, 255, 255, 0.1);    border-left-width: 1px;    border-right-width: 1px;    border-style: solid;    border-top-width: 1px;    backdrop-filter: blur(10px);    background: linear-gradient(rgba(87, 85, 81, 0.2) 0%, rgba(87, 85, 81, 0.4) 100%);    border-radius: 20px;    box-shadow: rgba(0, 0, 0, 0.03) 0px 0.722625px 0.722625px -0.333333px, rgba(0, 0, 0, 0.04) 0px 2.74624px 2.74624px -0.666667px, rgba(0, 0, 0, 0.1) 0px 12px 12px -1px;    opacity: 1;    will-change: transform;    transform: none;    transform-origin: 50% 50% 0px;    padding: 30px;    width: 90%;}
.case-detail .stickywrps .contex h6{    color: #fff;    font-size: 20px;    margin: 0;}
.case-detail .stickywrps .contex ul{    padding: 0;    margin: 0 0 30px;}
.case-detail .stickywrps .contex ul li{    border-bottom: 1px solid #323232;    padding: 20px 0 20px;}
.case-detail .stickywrps .contex ul li a{    color: #fff;    font-size: 16px;    font-weight: 200;    width: 80%;    display: inline-block;}
.case-detail .stickywrps .contex ul li a:hover{color:#f15a2b;}
.case-detail .stickywrps .contex .abt-btn{    display: flex;    align-items: center;    justify-content: space-between;    padding: 3px 2px 2px 20px;}
.case-detail .stickywrps .social{    margin: 30px 0 0;    display: flex;    align-content: center;    gap: 12px;}
.case-detail .stickywrps .social .name{    color: #fff;    text-transform: uppercase;    font-size: 14px;    margin: 3px 0 0;}
.case-detail .stickywrps .social .line{    width: 25px;    background: #fff;    height: 1px;    margin: 14px 0 0;}
.case-detail .stickywrps .social .social-links{}
.case-detail .stickywrps .social .social-links svg{    height: 25px;    fill: #f9f9f97a;}
.case-detail .stickywrps .final-summery{    margin: 30px 0 0;}
.case-detail .stickywrps .final-summery h3{    color: #6c6c6c;    font-size: 20px;    margin: 0 0 10px;font-weight: 500;}
.case-detail .stickywrps .final-summery p{    margin: 0;    color: #fff;    font-size: 16px;    font-weight: 300;    width: 84%;}
.case-detail .stickywrps .final-summery p a{color: #fff;text-decoration: underline;}
.case-detail .head-test-box{    margin: 55px 0 40px;    border-bottom: 1px solid #4e4d4c;    padding: 0 0 40px;}
.case-detail .txtwrp.right-side{}
.case-detail .txtwrp.mainwrp{    padding: 70px 0 0;}
.case-detail .txtwrp.mainwrp h2{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 38px;    line-height: 42px;    font-weight: 100;    letter-spacing: -0.38px;}
.case-detail .txtwrp.mainwrp p.line-pera{    font-size: 20px;    line-height: 26px;    padding: 0 0 0 15px;    border-left: 2px solid #f15a2b;    color: #fff;    margin: 30px 0;}
.case-detail .txtwrp.mainwrp h6{    color: #fff;    font-size: 14px;    font-weight: 500;    margin: 0 0 10px;}
.case-detail .txtwrp.mainwrp img{    width: 100%;    margin: 20px 0 40px;    border-radius: 20px;}
.case-inner-pg .bottom-video:after{display:none;}


.handwrp{padding: 70px 0;position: relative;overflow: hidden;}
.handwrp:after{    content: '';    background-image: url(../images/hand.png);    background-size: cover;    transform: rotate(-90deg);    margin: 0 auto;    width: 690px;    height: 374px;    display: inline-block;    top: 146px;    position: absolute;    left: -50px;    right: 0;}
.handwrp .txtwrp{}
.handwrp .txtwrp h2{    color: #000000;    font-family: 'Aeonik Medium';    font-size: 38px;    line-height: 42px;    font-weight: 100;    letter-spacing: -0.38px;}
.handwrp .txtwrp p{    color: #000;    font-weight: 400;}
.handwrp .txtwrp ul{    padding: 0;    margin: 0 0 20px;}
.handwrp .txtwrp ul li{font-size: 18px;margin: 0 0 10px;padding: 0 0 0 40px;position: relative;}
.handwrp .txtwrp ul li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 30px;width: 30px;top: -3px;left: 0;}
.handwrp .txtwrp ul li:before{content:'';filter: brightness(.9);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 15px;margin: -8px 0 0 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: -2px;}
.handwrp .txtwrp p.small{font-size: 16px;line-height: 20px;color: #8f8383;margin: 0;}
.handwrp .main-boxwrp{}
.handwrp .main-boxwrp img{    width: 100%;    border-radius: 20px;    margin: 0 0 20px;}
.handwrp .main-boxwrp p{    color: #000;    font-weight: 400;}
.handwrp .main-boxwrp ul{}
.handwrp .main-boxwrp ul li{    font-size: 18px;    margin: 0 0 10px;    padding: 0 0 0 40px;    position: relative;}
.handwrp .main-boxwrp ul li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 30px;width: 30px;top: -3px;left: 0;}
.handwrp .main-boxwrp ul li:before{content:'';filter: brightness(.9);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 15px;margin: -8px 0 0 12px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: -2px;}



.stats{    padding: 70px 0;}
.stats .txtwrp{}
.stats .txtwrp h2{    color: #000;}
.stats .txtwrp p{    color: #000;    font-weight: 400;}
.stats .txtwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.stats .txtwrp a svg{fill:#000 !important}
.stats .txtwrp a:hover svg{fill:#fff !important}
.stats .stats-main{}
.stats .stats-main ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 25px;}
.stats .stats-main ul li{flex: 0 0 48%;height: 300px;padding: 30px;border-radius: 30px;display: flex;align-items: flex-end;flex-direction: column;justify-content: flex-end;position: relative;}
.stats .stats-main ul li .arrow{}
.stats .stats-main ul li .arrow img{    height: 22px;    transform: rotate(90deg);    position: absolute;    top: 30px;    right: 30px;}
.stats .stats-main ul li p{margin: 0;font-size: 18px;line-height: 28px;font-weight: 400;}
.stats .stats-main ul li p b{}
.stats .stats-main ul li.reb-bg{background: #f15a2bba;backdrop-filter: blur(20px);}
.stats .stats-main ul li.black-bg{background: #e4e4e5b8;margin: 100px 0 0;backdrop-filter: blur(20px);}
.stats .stats-main ul li.gray-bg{    background: #000;    margin: -90px 0 0;}
.stats .stats-main ul li.lightorange-bg{    background: #FFE0CB;}
.stats .stats-main ul li.reb-bg p{color:#fff;}
.stats .stats-main ul li.black-bg p{color: #000000;}
.stats .stats-main ul li.gray-bg p{color:#fff;}
.stats .stats-main ul li.lightorange-bg p{color: #000000;}

.stats .imgwrp{    position: relative;}
.stats .imgwrp img{position: absolute;width: 100%;}
.stats .imgwrp img.style-one{top: -6px;z-index: 9;right: 30px;}
.stats .imgwrp img.style-two{top: 63px;right: 104px;}
.stats .imgwrp img.style-three{top: 10px;width: 100%;right: 40px;z-index: 9;}


.stat-item {    /* display: flex; */}
.stats span.stat-number {    display: flex;    font-size: 50px;    align-items: center;    gap: 10px;}
.abt-page .stats .stats-main ul li p{margin: 0;    font-size: 14px;    line-height: 19px;    font-weight: 400;    width: 40%;}
.abt-page .stats ul li.reb-bg p{    width: 55%;}
.abt-page .stats ul li.black-bg p{    width: 65%;}
.abt-page .stats ul li.gray-bg p{    width: 54%;}
.abt-page .stats ul li.lightorange-bg p{    width: 41%;}
.stats .stats-main ul li.reb-bg .stat-number{color:#fff;}
.stats .stats-main ul li.gray-bg .stat-number{color:#fff;}

.ban{    padding: 160px 0 70px;    background: #000;    border-bottom: 1px solid #a1a1a130;}
.ban .txtwrp{}
.ban .txtwrp h1{    color: #fff;    font-size: 80px;    line-height: 90px;    margin: 0;    font-family: "Aeonik Medium";    letter-spacing: -0.02em;    font-weight: 100;    mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);    z-index: 9;    position: relative;}
.ban .txtwrp p{    color: rgb(255, 255, 255);    font-family: 'Inter';    font-size: 22px;    width: 70%;    margin: 30px auto 40px;    font-weight: 400;    line-height: 30px;}
.ban .txtwrp a{}



.casewrps{    padding: 70px 0;    background: #000;}
.casewrps .all-cases{}
.casewrps .all-cases ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 30px;}
.casewrps .all-cases ul li{    flex: 0 0 31.7%;    padding: 15px;    border: 1px solid #a1a1a130;    border-radius: 14px;}
.casewrps .all-cases ul li img{    width: 100%;}
.casewrps .all-cases ul li .case-header{    display: flex;    flex-direction: row;    justify-content: space-between;    margin: 30px 0 30px;    align-content: center;}
.casewrps .all-cases ul li .case-header img{    height: 20px;    width: auto;    filter: invert(1);}
.casewrps .all-cases ul li .case-header p{    margin: 0;   font-size: 14px;    background: #333333;    color: #fff;    padding: 3px 10px;    border-radius: 30px;    margin: -3px 0 0;}
.casewrps .all-cases ul li p{    font-size: 16px;    color: #fff;    font-weight: 300;    line-height: 24px;}
.casewrps .all-cases ul li .case-footer{    display: flex;    align-content: flex-end;    align-items: flex-end;    justify-content: space-between;    margin: 90px 0 0;}
.casewrps .all-cases ul li .case-footer .stat{}
.casewrps .all-cases ul li .case-footer .stat h4{    color: #fff;    font-size: 34px;    margin: 0;}
.casewrps .all-cases ul li .case-footer .stat h4 span{    display: block;    font-size: 16px;    color: #8d8d8d;    font-weight: 300;}
.casewrps .all-cases ul li .case-footer a{    padding: 4px 3px 3px 20px;}
.casewrps .all-cases ul li .case-footer a svg{}

/*.case-pg .marque-logo{    background: #000;    padding: 0px 0 70px;}*/
/*.case-pg .marque-logo .right-move{margin: 0px 0 30px;}*/

.ban .logo-slider{    margin: 50px 0 0;}
.ban .slide-track img{filter: invert(1);    width: 120px;    height: 30px;}
.case-pg .bottom-cta {    padding: 50px 0 0;}



.contactwrp{    background: #000;    padding: 140px 0 70px;}
.contactwrp .txtwrp{}
.contactwrp .txtwrp h1{color: #fff;    font-size: 60px;    line-height: 66px;    margin: 0;    font-family: "Aeonik Medium";    letter-spacing: -0.02em;    font-weight: 100;    mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);    z-index: 9;    position: relative;    text-align: center;    width: 80%;    margin: 0 auto;}
.contactwrp .txtwrp p{font-family: "Inter", sans-serif;    font-size: 20px;    color: #fff;    font-weight: 400;    width: 70%;    margin: 30px auto 30px;    line-height: 26px;    text-align: center;}
.contactwrp .contact-boxes{    border: 1px solid #252422;    padding: 30px;    border-radius: 20px;    margin: 70px 0 20px;}
.contactwrp .contact-boxes i{    color: #fff;    font-size: 36px;    margin: 0 0 20px;}
.contactwrp .contact-boxes img{height: 36px;    margin: 0 0 10px;}
.contactwrp .contact-boxes h4{    color: #fff;    font-size: 20px;    margin: 0 0 5px;}
.contactwrp .contact-boxes h3{    color: #837a7a;    font-size: 20px;    font-weight: 400;}
.contactwrp .contact-boxes .bottom{display: flex;align-items: center;gap: 10px;margin: 60px 0 0;justify-content: space-between;}
.contactwrp .contact-boxes .bottom a{color: #fff;    backdrop-filter: blur(10px);    background-color: rgba(255, 255, 255, 0.12);    transition: .3s ease-in-out;}
.contactwrp .contact-boxes .bottom a svg{background: #f15a2b;}
.contactwrp .contact-boxes .bottom p{margin: 0;font-size: 14px;display: inline-block;margin: 0 0 0 10px;}
.contactwrp .contact-boxes .bottom p a{color:#4e4e4e;border-bottom: 1px solid;background: #00000000;}
.contactwrp .small-boxes{}
.contactwrp .small-boxes ul{    padding: 0;    display: flex;    gap: 20px;}
.contactwrp .small-boxes ul li{    border: 1px solid #252422;    padding: 30px;    border-radius: 20px;    margin: 0 0 20px;    flex: 0 0 31.8%;}
.contactwrp .small-boxes ul li i{    color: #fff;    font-size: 20px;    margin: 0 0 20px;}
.contactwrp .small-boxes ul li img{height:20px;margin: 0 0 10px;}
.contactwrp .small-boxes ul li h4{    color: #fff;    font-size: 18px;    font-weight: 400;    margin: 0 0 5px;}
.contactwrp .small-boxes ul li p{    color: #837a7a;    font-size: 16px;    font-weight: 400;}
.contactwrp .small-boxes ul li a{    background: #252422;    padding: 8px 18px;    font-size: 14px;    border-radius: 30px;    color: #ffffff;}
.contactwrp .contact-boxes .two{    background: #252422;    color: #998f8f;    font-size: 14px;    padding: 2px 10px 2px 30px;    border-radius: 30px;    position: relative;    overflow: hidden;}
.contactwrp .contact-boxes .two:after{content:'';position: absolute;top: 14px;left: 17px;width: 8px;height: 8px;background: #f15a2b;border-radius: 100%;transform: translate(-50%,-50%) scale(3);animation: pulse-animation 3s infinite;}
.contactwrp .contact-boxes .two:before{content:'';width: 5px;height: 5px;position: absolute;top: 12px;left: 15px;background: #f15a2b;border-radius: 60px;}

@keyframes pulse-animation {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: .8
	}
	70% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3)
	}
	to {
		transform: translate(-50%, -50%) scale(0);
		opacity: 0
	}
}



.sol-pg .crm-banner{    background-image:unset;background: linear-gradient(209deg, #0a0906 10%, #742101 40%, #541800 60%, #0c0a05 100% 80%);}
.sol-pg .header-main{background: #00000012;}
.sol-pg .crm-banner .tabs-data {    margin: 60px 0 0;}
header.header-main.dark-header {    background: #000;}



.solutionlist{    background: #000;    padding: 70px 0;    margin: 0 0 70px;}
.solutionlist .txtwrp{    text-align: center;    width: 65%;    margin: 0 auto;}
.solutionlist .txtwrp h2{    width: 100%;}
.solutionlist .txtwrp p{    font-weight: 400;    width: 65%;    margin: 0 auto 0;}
.solutionlist .listwrp{}
.solutionlist .listwrp ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 15px;    margin: 60px 0 0;}
.solutionlist .listwrp ul li{    border: 1px solid #252422;    padding: 30px;    border-radius: 20px;    flex: 0 0 32.5%;}
.solutionlist .listwrp ul li img{height: 40px;    margin: 0 0 20px;}
.solutionlist .listwrp ul li i{    color: #fff;    font-size: 36px;    margin: 0 0 20px;}
.solutionlist .listwrp ul li h3{    color: #fff;    font-size: 20px;    margin: 0 0 10px;font-weight: 400;}
.solutionlist .listwrp ul li p{color: #b3acac;font-size: 16px;font-weight: 400;margin: 0;}


.sol-pg .boxes-section {    padding: 70px 0 0;}



.data-filter{padding: 110px 0 0;margin: 0px auto -80px;}
.data-filter .row{background: #fbfaf6;border-radius: 12px;border: 2px solid #e5e9ef;width: 99.9%;margin: 0 auto;padding: 40px;position: relative;}
.data-filter .imgwrp{}
.data-filter .imgwrp.animate-icons{position: relative;/*overflow: hidden;*/}
.data-filter .imgwrp img{width: 100%;margin: 40px 0 0;z-index: 9;position: relative;}
.data-filter .imgwrp.animate-icons img{width: 100%;margin: 150px 0 0;z-index: 9;position: relative;}
.data-filter .btnwrp{    text-align: center;    margin: 30px 0 0;}
.data-filter .txtwrp{}
.data-filter .txtwrp h2{color: #000000;font-family: 'Aeonik Medium';font-size: 30px;font-weight: 100;line-height: 36px;}
.data-filter .data-list{}
.data-filter .data-list ul{    margin: 50px 0 0;}
.data-filter .data-list ul li{margin: 0 0 20px;font-size: 18px;}
.data-filter .data-list ul li span{font-size: 20px;font-weight: 600;display: block;margin: 0 0 5px;}
.data-filter .txtwrp p{    color: #302e2d;    font-size: 18px;    font-family: Inter;    width: 80%;    font-weight: 400;}
.data-filter .data-list ul li.line{    position: relative;}
.data-filter .data-list ul li.line:after{content:'';position: absolute;width: 660px;height: 80px;left: -310px;top: -15px;background-size: contain;background-repeat: no-repeat;z-index: 0;}
.data-filter .data-list ul li.line.red:after{background-image: url(../images/red-line.png);}
.data-filter .data-list ul li.line.green:after{background-image: url(../images/green-line.png);}
.data-filter .data-list ul li.line.blue:after{background-image: url(../images/blue-line.png);}



.growth-sec {position: relative;padding: 140px 0 80px;background: #000;}
.growth-sec .line-img{position: absolute;    top: 240px;    z-index: 0;    left: -250px;    width: 1920px;    transform: rotate(0deg);    z-index: 9;}
.growth-sec .themes-p {margin-bottom: 20px;position: relative;}
.growth-sec .row {    align-items: center;}
.growth-sec .theme-btns {    float: inherit;    display: inline-flex;    align-items: center;}
.growth-sec h4 {    color: #191A26;    font-size: 38px;    font-weight: 600;    margin-bottom: 30px;    letter-spacing: -1px;}



.grade-sec{position: relative;background: #ffffff;height: auto;background-image: url(../images/listi-sec-bg.jpg);background-position: center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;padding: 80px 0;border-radius: 30px;margin: 0 0 0px;}
.case-txt-box.mtup{    margin: -50px 0 0 60px;}
.grade-sec::before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #00000000;z-index: 0;border-radius: 0px;background-image: url(https://starterprojects.pro/automatx/assets/images/hands.png);background-size: contain;background-repeat: no-repeat;background-position: center;border-bottom: 1px solid #ededed;}
.grad-lef-txt {display: grid;align-content: space-between;height: 50vh;}
.grad-lef-txt h3 {color: #f15a2b;font-size: 28px;width: 70%;font-weight: 400;}
.grade-rigt-txt {display: grid;align-content: space-between;height: 65vh;margin-top: -18vh;}
.grade-sec:after {content: '';background-image: url(../images/hand.png);background-size: cover;transform: rotate(-90deg);margin: 0 auto;width: 840px;height: 443px;display: inline-block;top: 192px;position: absolute;left: -50px;right: 0;z-index: 0; display:none;}

.grade-sec .service-banner-bg{position: absolute; top: 0; left: 0; height: 100vh; z-index: -2; width: 100%; object-fit: cover;border-radius: 30px;}
.case-txt-box{height: 467px;    width: 356px;}
.case-txt-box h3{    font-size: 72px;    margin: 0 0 40px;}
.case-txt-box .case-icon-box{margin: 20px 0 30px;}
.content-sec .join-sec .joinsec-box{height: 80vh;}



.case-txt-box:hover{/* background: #f15a2b; *//* border: 2px solid #ecedef; */transform: translateY(-10px);}
.case-txt-box:hover h3{color:#fff;}
.case-txt-box:hover p{color:#fff;}
.case-txt-box:hover .case-icon-box{/* background: #fff; */}
.case-txt-box:hover img{filter: brightness(0);}
.case-txt-box img{    display: none;}
.case-txt-box {position: relative;border: 2px solid #6b727861;padding: 30px;border-radius: 30px;display: grid;align-content: center;height: 365px;width: 300px;transition: 0.4s ease-in-out;background: #fff;z-index: 9;background: linear-gradient(209deg, #5e6a7773 10%, #666260a8 40%, #584648bf 60%, #40444b96 100% 80%);backdrop-filter: blur(30px);margin: 0 0 0 130px;}
.case-txt-box .case-icon-box {height: 55px;width: 55px;/* background: #f15a2b; */display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 20px 0;transition: 0.4s ease-in-out;position: relative;}
.case-txt-box .case-icon-box:after{content:'';position: absolute;inset: 0;border-radius: 50%;background: linear-gradient(45deg, #dbf0f530, #fdfdfd87, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;padding: 1px;height: 55px;width: 55px;top: 0px;right: 0;}
.case-txt-box .case-icon-box:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 20px;height: 20px;display: inline;background-size: cover;top: 25px;margin: -8px 0 0 12px;opacity: 1 !important;position: absolute;z-index: 9;padding: 0px;right: 18px;filter: brightness(.9);}


.case-txt-box h3 {color: #ffffff;font-size: 75px;font-weight: 400;position: relative;margin: 0 0 40px;}
.case-txt-box h3 span{font-size: 16px;position: absolute;bottom: 0;left: 90px;}
.case-txt-box h3 span.span-two{font-size: 16px;position: absolute;bottom: -17px;left: 90px;}
.case-txt-box.box-3 h3 span{font-size: 16px;position: absolute;bottom: 0;left: 145px;}
.case-txt-box.box-3 h3 span.span-two{font-size: 16px;position: absolute;bottom: -17px;left: 145px;}
.case-txt-box.box-4 h3 span{font-size: 16px;position: absolute;bottom: 0;left: 150px;}
.case-txt-box.box-4 h3 span.span-two{font-size: 16px;position: absolute;bottom: -17px;left: 150px;}
.case-txt-box.box-2 h3 span{font-size: 16px;position: absolute;bottom: 0;left: 150px;}
.case-txt-box.box-2 h3 span.span-two{font-size: 16px;position: absolute;bottom: -17px;left: 150px;}
.case-txt-box .themes-p {color: #ffffff;font-weight: 400;font-size: 20px;margin: 0;width: 100%;line-height: 26px;}


.growth-sec.bn .themes-p {color: #A0A5B1;    line-height: 25px;    font-family: 'Inter';    font-size: 20px;    font-weight: 400;    width: 80%;}
.growth-sec.bn h2{font-size: 50px;color: #fff;font-size: 50px;line-height: 50px;margin: 0 0 20px;font-family: "Aeonik Medium";letter-spacing: -0.02em;font-weight: 100;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);z-index: 9;position: relative;}
.growth-sec.bn p.main-pera{    color: #fff;    font-family: 'Inter';    font-size: 22px;    font-weight: 400;    line-height: 30px;}
.growth-sec.bn h4{font-size: 28px;position: relative;color: #fff;font-weight: 400;line-height: 32px;}
.grade-sec.themes-padd.second h2 {color: #000000;font-size: 50px;position: relative;z-index: 9;line-height: 50px;}
.grade-sec.themes-padd.second p.main-pera {color: #000000;font-size: 20px;font-weight: 400;position: relative;z-index: 1;margin: 0 0 0 130px;}



.ease-use-sec{padding: 70px 0;background: #fafafa;}
.ease-use-sec .imgwrp{}
.ease-use-sec .imgwrp img{width: 100%;border-radius: 20px;height: 600px;object-fit: cover;}
.ease-use-sec .txtwrp{}
.ease-use-sec .txtwrp h2{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    margin: 0 auto 20px;}
.ease-use-sec .txtwrp p{    font-size: 18px;    width: 100%;    line-height: 24px;    color: #000;}
.ease-use-sec .txtwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.ease-use-sec .txtwrp ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 5px;    margin: 30px 0 20px;}
.ease-use-sec .txtwrp ul li{    font-size: 0;}
.ease-use-sec .txtwrp ul li a{    font-size: 16px;    border: 1px solid #b9b9b9;    padding: 5px 10px;    border-radius: 30px;    color: #000000;    font-size: 9px;    font-family: "Inter", sans-serif;    text-transform: uppercase;    letter-spacing: .1em;    display: inline-block;    line-height: 12px;}

.ease-use-sec .txtwrp a svg{    background: #f15a2b;}
.ease-use-sec .txtwrp a:hover svg{}
.ease-use-sec .head-test-box{    width: 100%;}
.ease-use-sec .head-test-box:after{    left: -20px;top: 23px;}
.ease-use-sec .head-test-box img{}
.ease-use-sec .head-test-box p{    color: #000;    font-weight: 400;    font-size: 20px !important;line-height: 26px;}
.ease-use-sec .head-test-box h6{display: none;}
.ease-use-sec .head-test-box h6 span{}
.ease-use-sec .bx-flx{height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.ease-use-sec.dif-bg{    background: #fff;}



.top-industry{    padding: 50px 0;}
.top-industry .txtwrp{}
.top-industry .txtwrp h2{}
.top-industry .industry-list{}
.top-industry .industry-list ul{padding: 0;margin: 30px 0 0;}
.top-industry .industry-list ul li{display: flex;margin: 0 0 0px;padding: 30px 60px;border-bottom: 1px solid #ededed;position: relative;z-index: 9;}
.top-industry .industry-list ul li:hover:after{content:'';background: #f15a2b14;transition: 1s easy-in-out;position: absolute;width: 130%;height: 100%;z-index: 0;top: 0;left: -190px;}
.top-industry .industry-list ul li:after{background: linear-gradient(to left top, #FF0080, #FF8C00, #40E0D0);transition: 1s easy-in-out;}
.top-industry .industry-list ul li:hover .industry-name{color: #000000;transition: .3s ease-in-out;}
.top-industry .industry-list ul li:hover .industry-content{color: #000000;transition: .3s ease-in-out;}
.top-industry .industry-list ul li:hover .imgwrp img{opacity: 1;transition: .3s ease-in-out;}
.top-industry .industry-list ul li .industry-name{width: 15%;display: flex;align-items: center;font-size: 33px;line-height: calc(100% + 7px);font-weight: 500;letter-spacing: -0.06em;transition: 5s ease-im-out;position: relative;z-index: 1;transition: .3s ease-in-out; color:#000;}
.top-industry .industry-list ul li .industry-content{width: 42%;display: flex;align-items: center;color: #000000;font-size: 18px;line-height: 24px;letter-spacing: -0.04em;position: relative;z-index: 1;transition: .3s ease-in-out;font-weight: 400;}
.top-industry .industry-list ul li .imgwrp{width: 33%;display: flex;align-items: center;justify-content: center;position: relative;}
.top-industry .industry-list ul li .imgwrp img{width: 80%;border-radius: 20px;position: absolute;bottom: -74%;opacity: 0;z-index: 1;transition: .3s ease-in-out;}
.top-industry .industry-list ul li .btnwrp{width: 10%;text-align: right;display: flex;align-items: center;justify-content: flex-end;position: relative;z-index: 1;}
.top-industry .industry-list ul li .btnwrp a{position: relative;}
.top-industry .industry-list ul li .btnwrp a:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 50px;height: 50px;top: 0;right: 0px;left: -33px;}
.top-industry .industry-list ul li .btnwrp a:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;top: 0px;margin: 18px 0 0 18px;opacity: 1 !important;position: absolute;right: 0;filter: brightness(0.9);}

.top-industry .industry-list ul li:hover .btnwrp a:after{content:'';}
.top-industry .industry-list ul li:hover .btnwrp a:before{content:'';}



.crmfeatures{    padding: 70px 0;    background: #000;}
.crmfeatures .txtwrp{}
.crmfeatures .txtwrp h2{color: #fff;font-size: 48px;line-height: 52px;font-family: 'Aeonik Medium';font-weight: 100;letter-spacing: -0.02em;margin: 0 0 40px;width: 80%;}
.crmfeatures .feature{}
.crmfeatures .feature ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 20px;}
.crmfeatures .feature ul li{    border: 1px solid #252422;    padding: 30px;    border-radius: 20px;    flex: 0 0 32.3%;}
.crmfeatures .feature ul li:after{content:'';}
.crmfeatures .feature ul li:before{content:'';}
.crmfeatures .feature ul li .imgwrp{}
.crmfeatures .feature ul li .imgwrp img{    height: 40px;}
.crmfeatures .feature ul li .txtwrp{}
.crmfeatures .feature ul li .txtwrp h3{color: #fff;font-size: 22px;margin: 20px 0 15px;font-weight: 400;}
.crmfeatures .feature ul li .txtwrp p{    margin: 0;    color: #fff;    font-size: 16px;    font-weight: 400;}
.crmfeatures .feature ul li.cta-list{background: #f4f4f5;background: linear-gradient(209deg, #5e6a7773 10%, #666260a8 40%, #584648bf 60%, #40444b96 100% 80%);backdrop-filter: blur(30px);}
.crmfeatures .feature ul li.cta-list .txtwrp h3{width: 84%;margin: 0 0 20px;color: #ffffff;line-height: 28px;font-weight: 500;}
.crmfeatures .feature ul li.cta-list .txtwrp p{color: #ffffff;width: 86%;margin: 0 0 30px;}
.crmfeatures .feature ul li.cta-list .txtwrp a{display: flex;align-items: center;justify-content: space-between;padding: 3px 2px 2px 20px;color: #000000;backdrop-filter: blur(10px);transition: .3s ease-in-out;border: 1px solid #a7a6a5;color: #ffffff;}
.crmfeatures .feature ul li.cta-list .txtwrp a svg{    background: #f15a2b;}
.crmfeatures .feature ul li.cta-list .txtwrp a:hover{    transform: translateY(-10px);}


.service-inner-box{background: #000000;padding: 70px 0 100px;}
.service-inner-box .row{padding: 70px;/* background-image: url(../images/sales-box.jpg); */border-radius: 30px;position: relative;border-bottom-width: 0.5px;border-color: #ffffff26;border-left-width: 0.5px;border-right-width: 0.5px;border-style: solid;border-top-width: 0.5px;}
.service-inner-box .row:after{content:'';background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(28, 28, 28) 100%);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;border-radius: 30px;}
.service-inner-box .txtwrp{    position: relative;    z-index: 8;}
.service-inner-box .txtwrp.justify{    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.service-inner-box .txtwrp h2{    font-size: 48px;    font-weight: 100;    line-height: 52px;    margin-bottom: 1rem;    color: #ffffff;    letter-spacing: -0.02em;    font-family: 'Aeonik Medium';    width: 80%;}
.service-inner-box .txtwrp a{}
.service-inner-box .txtwrp a svg{}
.service-inner-box .txtwrp p{    margin: 0;}
.service-inner-box .txtwrp p:first-of-type{    margin: 0 0 20px;}
.inn-service-pg .ban{    border-bottom: 0px solid #a1a1a130;    padding-bottom: 0;}


.service-feature{    padding: 70px 0;}
.service-feature .txtwrp{}
.service-feature .txtwrp .top-heading{    margin: 0 0 20px;}
.service-feature .txtwrp h3{    font-size: 38px;    letter-spacing: -.01em;    line-height: 42px;    font-weight: 500;    font-family: 'Aeonik Medium';    width: 60%;    margin: 0 0 20px;}
.service-feature .txtwrp p{    color: #000;}
.service-feature .videowro{    margin: 40px 0 0;}
.service-feature .videowro video{    width: 100%;    border-radius: 20px;}
.service-feature .list{}
.service-feature .list ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 40px;    row-gap: 40px;}
.service-feature .list ul li{    flex: 0 0 46.8%;}
.service-feature .list ul li h4{    font-size: 18px;}
.service-feature .list ul li p{    font-size: 14px;    font-weight: 400;    margin: 0;}
.service-feature .container.one{    padding-bottom: 0px;}
.service-feature .container.two{    padding-top: 100px;    padding-bottom: 100px;    /*border-top: 1px solid #0000001a;    border-bottom: 1px solid #0000001a;*/}
.service-feature .container.three{    padding-top: 100px;}

.service-feature .container.different-cta{}
.service-feature .container.different-cta .row{background: linear-gradient(209deg, #5E6A77 10%, #666260 40%, #584648 60%, #40444B 100% 80%);border-radius: 30px;padding: 50px;}
.service-feature .container.different-cta .row .txtwrp{    text-align: center;    width: 50%;    margin: 0 auto;}
.service-feature .container.different-cta .row .txtwrp h2{font-size: 48px;font-weight: 100;line-height: 52px;margin-bottom: 1rem;color: #ffffff;letter-spacing: -0.02em;font-family: 'Aeonik Medium';}
.service-feature .container.different-cta .row .txtwrp p{font-size: 18px;line-height: 24px;font-family: "Inter", sans-serif;font-weight: 400;color: #ffffff;}
.service-feature .container.different-cta .row .txtwrp a{border: 1px solid #a7a6a5;color: #ffffff;}
.service-feature .container.different-cta .row .txtwrp a svg{/* background: #f15a2b; */}



.policy-banner{    padding: 160px 0 40px;}
.policy-banner .txtwrp{}
.policy-banner .txtwrp h1{    color: #000000;    font-size: 80px;    line-height: 90px;    margin: 0;    font-family: "Aeonik Medium";    letter-spacing: -0.02em;    position: relative;    border-bottom: 1px solid rgba(0, 0, 0, 0.1);    padding: 0 0 30px;    font-weight: 100;}

.policy-text{    padding: 10px 0 60px;}
.policy-text .stickywrp{    height: 100%;}
.policy-text .stickywrp h4{    color: #9e9d9b;    font-size: 16px;    text-transform: uppercase;    position: sticky;    top: 100px;}
.policy-text .txtwrp{    padding: 0 0 40px;}
.policy-text .txtwrp h2{    font-size: 38px;    font-weight: 500;}
.policy-text .txtwrp p{    font-size: 16px;    line-height: 24px;margin: 0 0 10px;}
.policy-text .txtwrp ul{    padding: 0;    display: flex;    flex-direction: column;    gap: 7px;margin: 0 0 20px;}
.policy-text .txtwrp ul li{font-size: 16px;position: relative;padding: 0 0 0 35px;}
.policy-text .txtwrp ul li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f575, #ddd3d326, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 25px;width: 25px;top: 0px;left: 0;}
.policy-text .txtwrp ul li:before{filter: brightness(.9);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;top: 15px;margin: -8px 0 0 12px;opacity: 1 !important;position: absolute;z-index: 9;padding: 0px;left: -4px;}
.policy-text .txtwrp ul li p{    margin: 5px 0 0;}
.policy-text .txtwrp h3{    font-size: 28px;    font-weight: 500;    margin: 30px 0 20px;}
.policy-text .txtwrp p a{}


.mr-custom{margin: 0 0 0 10vw;}



.industry-child-pg .maion-banner{background-image: url(../images/realestate-banner.jpg);background-size: cover;padding: 160px 0 100px;background-position: center;position: relative;margin: 0 0 50px; height:auto;}
.industry-child-pg .maion-banner:after{content:'';width: 100%;height: 100%;position: absolute;background: #000000c4;top: 0;left: 0;border-radius: 50px;}
.industry-child-pg .maion-banner .txtwrp{position: relative;    z-index: 9;    width: 70%;}
.industry-child-pg .maion-banner .txtwrp p.abt-pera{font-size: 20px;font-weight: 400;font-family: 'Inter';width: 90%;margin: 30px auto 0px;line-height: 26px;}
.industry-child-pg .maion-banner .btnwrp{position: relative;    z-index: 9;}
.industry-child-pg .part-two{padding: 0 0 50px;}
.industry-child-pg .part-two .fisrt-box{    background-image: url(../images/indus-box-one.jpg);}
.industry-child-pg .part-two .industry-boxes{}
.industry-child-pg .part-two .industry-boxes ul{    padding: 0;    display: flex;    gap: 20px;    margin: 20px 0 0;}
.industry-child-pg .part-two .industry-boxes ul li{border: 1px solid #9e9d9b40;padding: 40px;border-radius: 18px;background: linear-gradient(rgb(130, 161, 180) 20%, rgb(172, 191, 197) 110%, rgb(166, 187, 195) 70%);}
.industry-child-pg .part-two .industry-boxes ul li h6{font-size: 18px;line-height: 20px;font-family: Inter, sans-serif;font-weight: 500;margin: 0px 0px 10px;color: #fff;}
.industry-child-pg .part-two .industry-boxes ul li p{margin: 0;letter-spacing: -0.01em;font-size: 16px;font-family: Inter, sans-serif;opacity: 1;font-weight: 400;margin: 0px;color: #ffffff;}
.industry-child-pg .part-two.indus-two .fisrt-box{    background-image: url(../images/indus-box-two.png);}


.impactwrp{padding: 70px 0;background: #000;}
.impactwrp .txtwrp{    text-align: center;    width: 50%;    margin: 0 auto 50px;}
.impactwrp .txtwrp h2{color: #ffffff;letter-spacing: -0.02em;font-size: 48px;line-height: 52px;font-family: "Aeonik Medium";font-weight: 100;}
.impactwrp .txtwrp p{color: #ffffff;}
.impactwrp .txtwrp a{border: 1px solid #a7a6a5;/* color: #000000; */}
.impactwrp .txtwrp a svg{/* fill: #000 !important; */}
.impactwrp .singlr-box{padding: 30px;border: 1px solid #252422;border-radius: 30px;height: 230px;margin: 0 0 20px;display: flex;flex-direction: column;justify-content: space-between;}
.impactwrp .singlr-box h4{font-size: 18px;line-height: 20px;font-family: Inter, sans-serif;font-weight: 500;margin: 0px 0px 10px;color: #ffffff;}
.impactwrp .singlr-box p{letter-spacing: -0.01em;font-size: 16px;font-family: Inter, sans-serif;opacity: 1;font-weight: 400;margin: 0px;color: #b3acac;width: 70%;}
.impactwrp .singlr-box a{font-size: 16px;margin: 0px 0 0;display: inline-block;color: #ffffff;}
.impactwrp .singlr-box svg{    height: 18px !important;    width: auto !important;}

.industry-child-pg .conversational{    position: relative;}
.industry-child-pg .conversational .txtwrp h3{    width: 100%;}
.industry-child-pg .conversational .txtwrp p{}
.industry-child-pg .conversational .txtwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.industry-child-pg .conversational .txtwrp a svg{    fill: #000 !important;}
.industry-child-pg .conversational .txtwrp a:hover svg{    fill: #fff !important;}
.industry-child-pg .conversational .videowro{}
.industry-child-pg .conversational .videowro img{width:100%; border-radius:20px;}
.industry-child-pg .conversational .pointer .pointers {margin: 30px 0 0px;display: flex;position: relative;z-index: 9;}
.industry-child-pg .conversational .indus-flx{    height: 100%;}
.industry-child-pg .conversational .indus-flx .txtwrp{    position: sticky;    top: 100px;}
.industry-child-pg .conversational .pointer .pointers h4{    flex: 0 0 20%;    margin: 8px 0 0;}
.industry-child-pg .bottom-video:after{display:none;}
.industry-child-pg .conversational:after {    content: '';    background: radial-gradient(50% 50% at 50% 83.7%, rgb(241 90 43) 0%, rgba(255, 255, 255, 0) 100%);    position: absolute;    bottom: -130px;    width: 100%;    height: 70%;    filter: blur(110px);    will-change: transform;}




.menu-sub3 {position: absolute;width: 100%;background: #2b28288f;left: 0;padding: 40px 0;bottom: -671px;max-width: 100%;transition: visibility 0s, opacity 0s linear;visibility: hidden;opacity: 0;height: 670px;background-size: contain;background-position: 470px 10px;background-repeat: no-repeat;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);border-bottom: 1px solid #a1a1a130;}
.menu-sub3 .container{    position: relative;}
.menu-sub3 .container:after {    content: '';    position: absolute;    left: -700px;    bottom: -30px;    height: 1px;    width: 200%;    background: #a1a1a130;}
.menu-sub3.active {    visibility: visible;    opacity: 1;}
.menu-sub3 .mega-menu{}
.menu-sub3 .indus-list{display: flex;    gap: 60px;}
.menu-sub3 .indus-list ul li{margin: 0px 0 0;/* font-size: 0; *//* display: grid; */}
.menu-sub3 .indus-list ul li a{font-size: 18px !important;color: #fff !important;}

.header-main.showmenu .menu-sub3{background: #ffffff82;}
.header-main.showmenu .menu-sub3 .mega-menu li a{    color: #000000 !important;}
.header-main.showmenu .menu-sub3 .higilight-box .higilight-txt h3{color: #131212;}







.responsive-slide{display:none;}
.responsive-slide .imgslide{}
.responsive-slide .imgslide ul{padding: 0;margin: 20px 0 30px;}
.responsive-slide .imgslide ul li{background: radial-gradient(circle at center, #e3d6c9 0%, #cbb8aa 50%, #b89f8c 100%);border-radius: 10px;}
.responsive-slide .imgslide ul li img{width: 100%;}
.responsive-slide .txtwrp{    margin: 0 0 30px;}
.responsive-slide .txtwrp h4{    font-family: 'Aeonik Medium';    font-weight: 500;    font-size: 19px;    line-height: 28px;    margin: 0 0 5px;    letter-spacing: 0rem;}
.responsive-slide .txtwrp p{    font-family: "Inter", sans-serif;    font-size: 16px;    margin: 0;    color: #575551;    font-weight: 400;}
.responsive-slide .txtwrp a{    color: #ed7e00;    font-size: 16px;    font-family: "Inter", sans-serif;    font-weight: 400;    margin: 10px 0 0;    display: inline-block;}
.responsive-slide .txtwrp a svg{    height: 20px !important;    width: auto !important;}



.affiliate-pg .maion-banner-abt{    padding: 140px 0 90px;    border-bottom: 0px solid #a1a1a130;    background-image: unset;}
.affiliate-pg .maion-banner-abt .txtwrp{    width: 100%;    text-align: left;    height: auto;}
.affiliate-pg .maion-banner-abt .txtwrp h1{}
.affiliate-pg .maion-banner-abt .txtwrp p{    width: 100%;}
.affiliate-pg .maion-banner-abt .btnwrp{text-align: left;margin: 30px 0 30px;display: flex;align-items: center;gap: 20px;}
.affiliate-pg .maion-banner-abt .btnwrp a{    padding: 3px 3px 3px 20px;}
.affiliate-pg .maion-banner-abt .videowrp{mix-blend-mode: hard-light;}
.affiliate-pg .maion-banner-abt .videowrp video{width: 130%;margin: -50px 0px 0 -40px;}
.affiliate-pg .maion-banner-abt .pickup-line{color: #fff;margin: 0;}
.affiliate-pg .maion-banner-abt .pickup-line a{padding:0;color: #f15a2b;text-decoration: underline;}
.affiliate-pg .maion-banner-abt .bottom-banner{text-align: left;padding: 60px 0 0;border-top: 1px solid #1e1e1e;margin: 0px 0 0;}
.affiliate-pg .maion-banner-abt .bottom-banner h4{color: #fff;/* font-size: 36px; */}
.affiliate-pg .maion-banner-abt .bottom-banner ul{    display: flex;    flex-wrap: wrap;    padding: 0;    gap: 0px;    margin: 40px 0 0;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li{    width: 33%;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp{    position: relative;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.one{}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.two{}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.three{}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.one:after{content:'';width: 34px;height: 40px;position: absolute;left: 0px;top: 0px;background: url(//www.zohowebstatic.com/sites/zweb/images/affiliate/home/zah-sprite-image.png) 0% 0% / 550px no-repeat;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.two:after{content:'';width: 40px;height: 40px;position: absolute;left: -10px;top: 0px;background: url(//www.zohowebstatic.com/sites/zweb/images/affiliate/home/zah-sprite-image.png) 7% 0% / 550px no-repeat;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp.three:after{content:'';width: 48px;height: 40px;position: absolute;left: -10px;top: 0px;background: url(//www.zohowebstatic.com/sites/zweb/images/affiliate/home/zah-sprite-image.png) 15% 0% / 550px no-repeat;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .imgwrp img{}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .text{    padding: 0 0 0 50px;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .text h4{    font-size: 26px;    margin: 0 0 10px;}
.affiliate-pg .maion-banner-abt .bottom-banner ul li .text p{    color: #ffffffab;    width: 70%;}



.processwrp{    padding: 80px 0;}
.processwrp .txtwrp{}
.processwrp .txtwrp h2{    color: #000;    text-align: center;    width: 100%;    margin: 0 0 40px;}
.processwrp .videowrp{    text-align: center;}
.processwrp .videowrp video{    width: 80%;    margin: 0 auto;}
.processwrp .videowrp img{    width: 80%;}
.processwrp .process-text{    display: flex;    width: 80%;    margin: 0 auto;}
.processwrp .process-text .process-main{    text-align: center;    flex: 0 0 33%;    margin: -70px 0 0 0;}
.processwrp .process-text .process-main:nth-child(2){    margin: 0;}
.processwrp .process-text .process-main h3{    font-size: 26px;    margin: 0 0 10px;}
.processwrp .process-text .process-main p{    font-size: 16px;    font-weight: 400;    line-height: 22px;    margin: 0;}


.commision{padding: 70px 0;background: #f5f5f7;}
.commision .txtwrp{}
.commision .txtwrp h2{    color: #000;    text-align: center;    width: 100%;    margin: 0 0 50px 0;}
.commision .position{padding: 30px;border-radius: 20px;border: 2px solid #a1a1a130;position: relative;background: #fff;}
.commision .position.bronze{}
.commision .position.silver{}
.commision .position.gold{}
.commision .position.bronze:after{content:'';position: absolute;top: -20px;right: 20px;background-image: url(../images/bronze.svg);width: 50px;height: 70px;background-size: contain;background-repeat: no-repeat;}
.commision .position.silver:after{content:'';position: absolute;top: -20px;right: 20px;background-image: url(../images/silver.svg);width: 50px;height: 70px;background-size: contain;background-repeat: no-repeat;}
.commision .position.gold:after{content:'';position: absolute;top: -20px;right: 20px;background-image: url(../images/gold.svg);width: 50px;height: 70px;background-size: contain;background-repeat: no-repeat;}
.commision .position h3{    font-size: 22px;    margin: 0 0 5px;}
.commision .position p{font-size: 16px;color: #000;font-weight: 400;}
.commision .position ul{    padding: 0;    display: flex;    flex-direction: column;    gap: 10px;}
.commision .position ul li{    font-size: 16px;    padding: 0 0 0 30px;    position: relative;color:#000;}
.commision .position ul li:after{content:'';position: absolute;left: 0;background-image: url(../images/AutomatX-Logo-07.svg);background-size: cover;height: 20px;width: 20px;top: 4px;}
.commision .box-align-bottom{    height: 100%;    display: flex;    align-items: flex-end;}
.commision .btnwrp{    margin: 40px 0 0;}
.commision .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.commision .btnwrp a svg{    fill: #000 !important;}
.commision .btnwrp a:hover{    color: #000;}
.commision .btnwrp a:hover svg{    fill: #fff !important;}


.affiliate-pg .stats .stats-main ul li.light-black{background: #000;margin: -90px 0 0;}
.affiliate-pg .stats .stats-main ul li.light-orange{background: #F15A2B;}
.affiliate-pg .stats .stats-main ul li h6{    text-align: left;    float: left;    width: 100%;    font-size: 22px;    margin: 0 0 10px;    line-height: 30px;}

.affiliate-pg .stats .stats-main ul li.light-black h6{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.light-black p{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.light-orange h6{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.light-orange p{    color: #fff;}

.affiliate-pg .stats .stats-main ul li{    height: 200px;}
.affiliate-pg .stats .stats-main ul li.reb-bg{background: #7f7f7f;}
.affiliate-pg .stats .stats-main ul li.reb-bg h6{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.black-bg{background: #f79c80;margin: 100px 0 0;}
.affiliate-pg .stats .stats-main ul li.black-bg p{color:#fff;}
.affiliate-pg .stats .stats-main ul li.black-bg h6{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.gray-bg{background: #4c4c4c;margin: -90px 0 0;}
.affiliate-pg .stats .stats-main ul li.gray-bg h6{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.lightorange-bg{background: #f47b55;}
.affiliate-pg .stats .stats-main ul li.lightorange-bg p{    color: #fff;}
.affiliate-pg .stats .stats-main ul li.lightorange-bg h6{    color: #fff;}



.part-two.hmsection .box-3.slidebox{background-image: unset;border: 1px solid #e7e6e6;/* background: linear-gradient(209deg, #5E6A77 10%, #666260 40%, #584648 60%, #40444B 100% 80%); */    padding: 60px 0;}
.part-two.hmsection .box-3.slidebox .txtwrp h4{color: #000000;    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;    letter-spacing: -0.02em;    margin: 0 auto 20px;}
.part-two.hmsection .box-3.slidebox .logo-slider{mask-image: unset;}
.part-two.hmsection .box-3.slidebox .right-move{margin: 0px 0 0px;}
.part-two.hmsection .box-3.slidebox .left-move{margin: 20px 0px;}
.part-two.hmsection .box-3.slidebox .txtwrp p{font-size: 18px;    font-family: "Inter", sans-serif;   color: #5b5f65;    line-height: 26px;    font-weight: 400;    margin: 0;}
.part-two.hmsection .box-3.slidebox .txtwrp p span{border: 1px solid #f15a2b; padding: 0px 6px 1px;    border-radius: 30px;    font-size: 15px;}
.part-two.hmsection .box-3.slidebox .btnwrp a{border: 1px solid #a7a6a5;color: #000000;}
.part-two.hmsection .box-3.slidebox .btnwrp a svg{fill: #000 !important;}
.part-two.hmsection .box-3.slidebox .btnwrp a:hover svg{    fill: #fff !important;}
.part-two.hmsection .box-3.slidebox .txtwrp{padding: 0 60px;}


.boxes-section.homepagesection .box-3{}
.boxes-section.homepagesection .box-3 ul.bx3-list{padding: 0;}
.boxes-section.homepagesection .box-3 ul.bx3-list li{font-size: 18px;margin: 10px 0 0;padding: 0 0 0 30px;position: relative;color: #000;font-family: 'Inter';font-weight: 400;line-height: 26px;width: 40%;}
.boxes-section.homepagesection .box-3 ul.bx3-list li:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: #dfe3e4;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);/* mask-composite: exclude; *//* pointer-events: none; */padding: 1px;height: 26px;width: 26px;top: 0px;right: unset;left: 0px;display: none;}
.boxes-section.homepagesection .box-3 ul.bx3-list li:before{content: '';background-image: url(../images/AutomatX-Logo-07.svg);width: 18px;height: 18px;display: inline;background-size: cover;top: 8px;position: absolute;left: 0px;}
.boxes-section.homepagesection .box-3 .lines{    margin: 0px 0px 0 0;    position: absolute;    bottom: 40px;    right: 40px;}
.boxes-section.homepagesection .box-3 .lines ul li {    width: 200px;    height: 90px;}
.boxes-section.homepagesection .box-3 .btn-bottomalign{height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}




.prev-click1{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.prev-click1:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 50px;height: 50px;top: 0;}
.prev-click1:before{content:'';filter: brightness(.9);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;top: 0;opacity: 1 !important;transform: rotate(-92deg);position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}

.prev-click2{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.prev-click2:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 50px;height: 50px;top: 0;}
.prev-click2:before{content:'';filter: brightness(.7);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;top: 0;opacity: 1 !important;transform: rotate(-92deg);position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}

.prev-click3{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.prev-click3:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;width: 50px;height: 50px;top: 0;background: #000;}
.prev-click3:before{content:'';filter: brightness(1);content: '';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;top: 0;transform: rotate(-92deg);position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}


.next-click1{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.next-click1:after{content:'';background: #000 !important;height: 50px;width: 50px;position: absolute;top: 0;right: 0;border-radius: 60px;}
.next-click1:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;opacity: 1;position: absolute;top: 0;right: 0;z-index: 1;bottom: 0;left: 0;margin: auto;}

.next-click2{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.next-click2:after{content:'';background: #000 !important;height: 50px;width: 50px;position: absolute;top: 0;right: 0;border-radius: 60px;}
.next-click2:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;opacity: 1;position: absolute;top: 0;right: 0;z-index: 1;bottom: 0;left: 0;margin: auto;}

.next-click3{    position: relative;    width: 50px;    height: 50px;    border: 0;    background: unset;}
.next-click3:after{content:'';position: absolute;inset: 0;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, #dbf0f5, #fdfdfd, #dbf0f5, #dbf0f5);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.next-click3:before{content:'';/* background-image: url(../images/AutomatX-arrow-icons--21.svg); */background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 15px;height: 15px;display: inline;background-size: cover;opacity: 1;position: absolute;top: 0;right: 0;z-index: 1;bottom: 0;left: 0;margin: auto;filter: brightness(.9);}

.slider-controls {    text-align: right;    height: 100%;    display: flex;    justify-content: flex-end;    align-items: flex-end;    gap: 10px;}



/* Initial state for tab images */
.crm-banner.only .tabs-data .tabs img {    opacity: 0;    transform: translateY(30px);    transition: all 0.6s ease;}

/* Active state */
.crm-banner.only .tabs-data .tabs.current img.animate {    opacity: 1;    transform: translateY(0);}
.single-quote.pad{padding: 120px 0 50px;}


.header-atk-image{margin: -40px 0px 0 -80px;    position: absolute;    width: 360px;    right: 4px;    top: 43px;z-index: 1;}
.header-right-side.right-align {    justify-content: start;}

.case-pg .client-reviews{    padding: 70px 0 70px;}


.marque-logo.sol{padding: 50px 0 100px;}
.marque-logo.sol h4{    margin: 0 0 30px;    font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: .1em;    font-weight: 500;    line-height: 19px;    margin: 0 0 30px;    text-transform: uppercase;}
.marque-logo.sol .logo-slider{    mask-image: unset;overflow: visible;}
.marque-logo.sol .logo-slider .slide-track{    margin: 0px 0 0px;}
.marque-logo.sol .logo-slider .slide-track img{    width: auto;    height: 80px;}


.contentwrp{padding: 70px 0;background: #ffffff;}
.contentwrp.low-padd{padding: 70px 0;background: #fafafa;}
.contentwrp .txtwrp{}
.contentwrp .txtwrp img{    width: 70px;    margin: 0 0 20px;}
.contentwrp .txtwrp h2{font-size: 48px;line-height: 52px;font-family: 'Aeonik Medium';font-weight: 100;letter-spacing: -0.02em;margin: 0 auto 20px;font-size: 12px;font-family: "Inter", sans-serif;letter-spacing: .1em;font-weight: 500;line-height: 19px;margin: 0 0 40px;text-transform: uppercase;}
.contentwrp .txtwrp h2.clr-white{color: #f15a2b !important;}
.contentwrp .txtwrp p{color: #000;font-size: 30px;font-weight: 300;width: 100%;line-height: 36px;margin: 0 0 30px;}
.contentwrp .contenmt-list{}
.contentwrp .contenmt-list ul{    margin: 50px 0 0;}
.contentwrp .contenmt-list ul li{margin: 20px 0 0px;padding: 0 0 0 40px;position: relative;font-size: 18px;}
.contentwrp .contenmt-list ul li span{font-size: 18px;font-weight: 700;display: block;margin: 0 0 10px;color: #000;}
.contentwrp .contenmt-list ul li:after{content:'';position: absolute;pointer-events: none;width: 30px;height: 30px;inset: 0px 0px 0px -33px;padding: 2px;border-radius: 50%;background: linear-gradient(45deg, rgb(219, 240, 245), rgb(253, 253, 253), rgb(219, 240, 245), rgb(219, 240, 245));mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);top: 0;left: 0;}
.contentwrp .contenmt-list ul li:before{content:'';background-image: url(../images/AutomatX-arrow-icons--21.svg);width: 10px;height: 10px;display: inline;background-size: cover;top: 10px;position: absolute;left: 10px;filter: brightness(0.9);}
.contentwrp .imgwrp{}
.contentwrp .imgwrp img{    width: 100%;}
.contentwrp .btnwrp{    text-align: center;    margin: 40px 0 0;}
.contentwrp .btnwrp a{}



.succeswrp{background: #000000;padding: 0px 0 340px;/* background-image: url('../images/bg-dark.svg'); */background-size: cover;background-position: unset;background-repeat: no-repeat;margin: -1430px 0 0;}
.succeswrp .txtwrp{text-align: center;margin: 180px 0 0;position: relative;}
.succeswrp .txtwrp h1{color: #fff;font-size: 48px;font-weight: 600;line-height: 4.0rem;position: relative;z-index: 9;width: 80%;    margin: 0 auto;}
.succeswrp .txtwrp p{color: #f15a2b;font-size: 12px;font-family: "Inter", sans-serif;letter-spacing: .1em;font-weight: 500;line-height: 19px;margin: 0 0 10px;text-transform: uppercase;}
.succeswrp .succes-list{margin: 60px 0 0;}
.succeswrp .succes-list ul{    padding: 0;}
.succeswrp .succes-list ul li p{font-family: 'Aeonik Medium';font-weight: 500;font-size: 19px;line-height: 28px;margin: 0 0 5px;letter-spacing: 0rem;color: #fff;}
.succeswrp .succes-list ul li p span{display: block;color: #d3caca;line-height: 24px;font-family: "Inter", sans-serif;font-size: 16px;margin: 0;font-weight: 400;width: 100%;}
.succeswrp .succes-list ul li{margin: 0 0 15px 0px;display: inline-block;padding-left: 130px;position: relative;width: 90%;}
.succeswrp .succes-list ul li:before{content:'';position: absolute;background-image: url(../images/AutomatX-Logo-07.svg);background-size: cover;background-repeat: no-repeat;left: 90px;top: 10%;width: 20px !important;height: 20px;transform: translateY(-47%);}
.succeswrp .txtwrp h1:after {content: '';position: absolute;width: 140px;height: 120px;background: #000;top: -50px;right: 170px;z-index: -1;display: none;}

.sol-two .data-filter{    padding: 0px 0 0;    margin: -290px auto 0px;background: #000;}
.sol-two .single-quote{padding: 70px 0 0;}
.sol-two .crm-features .features-details .listingwrp ul li a p{width: 80%;}


.fill-color{background: #000000 !important;width: 100%;margin: 0px auto 0;border-radius: 0px;padding: 70px 0 200px !important;border-top: 1px solid #a1a1a130;}
.fill-color .btnwrp{text-align:left;}
.clr-white{color: #fff !important;}

.big-pack{margin: -88px 0 0px;padding: 0 0 0px;}
.big-pack .imgwrp{}
.big-pack .imgwrp img{    width: 100%;    box-shadow: 0 15px 20px 0 #7070703d;    border-radius: 12px;}

.sol-two .pricing{padding: 10px 0 70px;}
.sol-two .pricing .list-details ul li .mainwrp .boxes{    justify-content: center;}
.sol-two .pricing .list-details ul li .mainwrp .boxes .bx-main{flex: 0 0 34%;}
.sol-two .solutionlist {    margin: 0 0 0px;}
.sol-pg.sol-two .boxes-section{    padding: 50px 0 0px;}
.contentwrp.fill-color .contenmt-list ul li span{color: #ffffff;}

.fill-color .contenmt-list ul li::before{content:'';background-image: url(../images/AutomatX-Logo-07.svg);width: 20px;height: 20px;top: 2px;left: 0;}
.fill-color .contenmt-list ul li::after{content:''; display:none;}

.left-move img {    height: 40px;}





.case-head-nav .all-cases ul{    padding: 0;    display: flex;    flex-wrap: wrap;    gap: 30px;}
.case-head-nav .all-cases ul li{flex: 0 0 100%;padding: 15px;border: 1px solid #a1a1a130;border-radius: 14px;}
.case-head-nav .all-cases ul li img{    width: 100%;}
.case-head-nav .all-cases ul li .case-header{display: flex;flex-direction: row;justify-content: space-between;margin: 20px 0 20px;align-content: center;}
.case-head-nav .all-cases ul li .case-header img{    height: 20px;    width: auto;    filter: invert(1);}
.case-head-nav .all-cases ul li .case-header p{margin: 0;font-size: 14px;background: #333333;color: #fff;padding: 3px 10px;border-radius: 30px;margin: -3px 0 0;height: auto;}
.case-head-nav .all-cases ul li p{font-size: 16px;color: #fff;font-weight: 300;line-height: 24px;height: 120px;}
.case-head-nav .all-cases ul li .case-footer{display: flex;align-content: flex-end;align-items: flex-end;justify-content: space-between;margin: 30px 0 0;}
.case-head-nav .all-cases ul li .case-footer .stat{}
.case-head-nav .all-cases ul li .case-footer .stat h4{    color: #fff;    font-size: 34px;    margin: 0;}
.case-head-nav .all-cases ul li .case-footer .stat h4 span{    display: block;    font-size: 16px;    color: #8d8d8d;    font-weight: 300;}
.case-head-nav .all-cases ul li .case-footer a{    padding: 4px 3px 3px 20px;}
.case-head-nav .all-cases ul li .case-footer a svg{}
.header-main.showmenu .case-head-nav .all-cases ul li .case-header img{filter: invert(0);}
.header-main.showmenu .case-head-nav .all-cases ul li p{color: #0d0d0d;}
.header-main.showmenu .case-head-nav .all-cases ul li .case-footer .stat h4{color: #000000;}
.header-main.showmenu .case-head-nav .all-cases ul li .case-footer a{border: 1px solid #a7a6a5;}
.header-main.showmenu .case-head-nav .all-cases ul li .case-footer a svg{fill:#000 !important;}
.header-main.showmenu .case-head-nav .all-cases ul li .case-footer a:hover svg{fill:#fff !important;}
.header-main.showmenu .case-head-nav .all-cases ul li .case-header p{color:#fff;}

.feature-tabs .bg-white{}
 

.feature-tabs.bg-black {    background: #000;}
.feature-tabs.bg-black .top-heading{color: #ababab;}
.feature-tabs.bg-black .tab h2{color:#fff;}
.feature-tabs.bg-black .tab p{color:#fff;}
.feature-tabs.bg-black .tab a{color:#fff;}

.sol-two #integrations{background: #000;height: 1540px;}






.sol-two #integrations .int-1 {transform: translateY(1160px) translateX(147px);}
.sol-two #integrations .int-2{transform: translateY(620px) translateX(-195px);}
.sol-two #integrations .int-5 {transform: translateY(calc(var(--logo-s) * 5.3)) translateX(474px);}
.sol-two #integrations .int-3{    transform: translateY(145px) translateX(-120px);}
.sol-two #integrations .int-4 {transform: translateY(calc(var(--logo-s)/ 4.9)) translateX(210px);}
.sol-two #integrations .int-6 {transform: translateY(calc(var(--outer-size)/ 1.82)) translateX(400px);}
.sol-two #integrations .int-7 {transform: translateY(415px) translateX(220px);}
.sol-two #integrations .int-12 {transform: translateY(1215px) translateX(-570px);}
.sol-two #integrations .int-8 {transform: translateY(85px) translateX(325px);}
.sol-two #integrations .int-11 {transform: translateY(880px) translateX(-675px);}
.sol-two #integrations .int-10{transform: translateY(405px) translateX(675px);}
.sol-two #integrations .int-9 {transform: translateY(80px) translateX(565px);}
.sol-two #integrations .int-15 {transform: translateY(220px) translateX(519px);}
.sol-two #integrations .int-13 {transform: translateY(218px) translateX(97px);}
.sol-two #integrations .int-14 {transform: translateY(81px) translateX(311px);}


.sol-two #integrations .int-16 {transform: translateY(555px) translateX(-415px);}
.sol-two #integrations .int-17 {transform: translateY(555px) translateX(410px);}
.sol-two #integrations .int-18 {transform: translateY(890px) translateX(150px);}
.sol-two #integrations .int-19 {transform: translateY(890px) translateX(-650px);}
.sol-two #integrations .int-20 {transform: translateY(1030px) translateX(-436px);}
.sol-two #integrations .int-21 {transform: translateY(1220px) translateX(-325px);}
.sol-two #integrations .int-22 {transform: translateY(876px) translateX(-215px);}
.sol-two #integrations .int-23 {transform: translateY(1445px) translateX(-630px);}
.sol-two #integrations .int-24 {transform: translateY(1310px) translateX(-300px);}



@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.sol-two .arc {
  animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite;
}

.sol-two .int-logo{animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite;}



/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

.sol-two .marque-logo {    padding: 30px 0 50px;    }
.sol-two .feature-tabs.bg-white .col-md-6.md {    padding: 0 20px 0 40px;}
.sol-two .marque-logo.real{background: #fafafa;padding: 0 0 70px;}



.tab a{color: #ed7e00;font-size: 16px;font-family: "Inter", sans-serif;font-weight: 400;margin: 10px 0 0;display: inline-block;border: none;padding: 0;border-radius: unset;text-transform: unset;letter-spacing: unset;}
.tab a svg{fill: #ed8004 !important;}

.sol-two .quote-wrp ul{    display: flex;    padding: 0;    gap: 20px;    flex-wrap: wrap;    position: relative;}
.sol-two .quote-wrp ul:after{content:'';background-image: url(../images/trustpilot.svg);position: absolute;background-size: contain;bottom: -152px;right: -120px;width: 380px;z-index: 9;height: 380px;background-repeat: no-repeat;}
.sol-two .quote-wrp .list ul li{margin: 0;padding: 0;border: 1px solid #f2f2f2;padding: 20px;border-radius: 12px;flex: 0 0 32%;text-align: center;display: flex;flex-direction: column;justify-content: center;height: 90px;}
.sol-two .quote-wrp .list ul li h4{    font-size: 26px;    margin: 0;letter-spacing: unset;text-transform: unset;}
.sol-two .quote-wrp .list ul li h3{    font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: unset;    font-weight: 500;    line-height: 19px;    margin: 0 0 0px;    text-transform: uppercase;}




.quote-wrp .upper{    width: max-content;    margin: 20px auto 0;    display: flex;    border-bottom-width: 1px;    border-color: rgba(255, 255, 255, 0.1);    border-left-width: 1px;    border-right-width: 1px;    border-style: solid;    border-top-width: 1px;    backdrop-filter: blur(10px);    background: linear-gradient(rgba(87, 85, 81, 0.2) 0%, rgba(87, 85, 81, 0.4) 100%);    border-radius: 400px;    box-shadow: rgba(0, 0, 0, 0.03) 0px 0.722625px 0.722625px -0.333333px, rgba(0, 0, 0, 0.04) 0px 2.74624px 2.74624px -0.666667px, rgba(0, 0, 0, 0.1) 0px 12px 12px -1px;    opacity: 1;    will-change: transform;    transform: none;    transform-origin: 50% 50% 0px;    padding: 4px 4px;}
.quote-wrp .upper p{    margin: 0;    background: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);    border-radius: 999px;    box-shadow: rgba(0, 0, 0, 0) 0px 0.602187px 0.602187px 0px, rgba(0, 0, 0, 0.01) 0px 2.28853px 2.28853px 0px, rgba(0, 0, 0, 0.06) 0px 10px 10px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;    opacity: 1;    transform: none;    will-change: transform;    transform-origin: 50% 50% 0px;    padding: 6px 12px;    font-size: 14px;    font-weight: 300;    font-family: 'Inter';}
.quote-wrp .upper span{    color: #766a6a;    padding: 4px 9px;}
.quote-wrp .live-text{display: flex;justify-content: center;gap: 12px;margin: 20px 0 10px;align-items: center;}
.sol-two .quote-wrp .txtwrp p{    color: #000000;    margin: unset;   font-family: "Inter", sans-serif;}
.banner-copy {    width: 67%;}

.sol-two .quote-wrp .txtwrp{    display: block;    padding: 0 0 20px;    height: auto;}
.sol-two .quote-wrp {    padding: 0 0 0px;}
.sol-two .quote-wrp .upper p{background: linear-gradient(rgb(241 90 43) 0%, rgb(200 74 34) 100%);color: #fff;}
.sol-two .quote-wrp .upper{background: linear-gradient(#8c888166 0%, #cac6bf66 100%);border-top-width: 0px;border-bottom-width: 0px;}

.quote-wrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.quote-wrp a:hover{color:#000;}
.quote-wrp a svg{    fill: #000 !important;}
.quote-wrp a:hover svg{    fill: #fff !important;}
.sol-two .inner-logos {    padding: 50px 0;}
.sol-two .arc-wrap{top: -140px;}


.sol-two .part-two .box-3.imgchange ul li{font-size: 16px;    line-height: 26px;}
.sol-two .part-two .box-3.imgchange{height: 641px;    padding: 40px 60px;border-radius: 18px; background: linear-gradient(208deg, #dcd6c605 19%, #afab9f2e 80%);}
.sol-two .part-two .box-3.imgchange .txtwrp h4{    font-size: 36px;   line-height: 42px;}
.sol-two .part-two .box-3.imgchange h3{font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: .1em;    font-weight: 500;    line-height: 19px;    margin: 0 0 20px;    text-transform: uppercase;color: #f15a2b;}
.sol-two .part-two .box-3.imgchange .btnwrp{margin: 30px 0 0;}
.sol-two .part-two.hmsection.boxes-section .row{
    /*justify-content: center;*/
}


.tab h2{    font-family: 'Aeonik Medium';    font-weight: 500;    font-size: 19px;    line-height: 28px;    margin: 0 0 5px;    letter-spacing: 0rem;}
.tab p{    font-family: "Inter", sans-serif;    font-size: 16px;    margin: 0;    color: #575551;    font-weight: 400;    width: 90%;    line-height: 20.8px;}
.sol-two .top-heading{margin: 0 0 40px;}
.sol-two .feature-tabs p.tabs-main-pera{color: #000;    font-size: 30px;    font-weight: 300;    width: 99%;    line-height: 36px;margin: 0 0 30px;}
.part-two.hmsection.boxes-section {    padding: 50px 0 70px;}

.sol-two .solutionlist .listwrp ul li h3{    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.sol-two .solutionlist .listwrp ul li p{    font-size: 18px;    font-weight: 300;    line-height: 26px;}
.sol-two .solutionlist .listwrp ul li .btn-wrp{margin: 30px 0 0;display: flex;}
.sol-two .solutionlist .listwrp ul li .btn-wrp a{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);transition: .3s ease-in-out;padding: 2px 2px 3px 20px;}
.sol-two .solutionlist .listwrp ul li .btn-wrp a svg{    background: #f15a2b;}
.sol-two .solutionlist .listwrp ul li .btn-wrp a:hover{    transform: translateY(-10px);}

.sol-two .package-list-row>div {    width: 25%;}
.automatx-logo{height: 15px;}
.sol-two .package-list-row.underline-row>div{    padding: 20px 20px;    text-transform: uppercase;  font-weight: 800 !important;    font-size: 14px !important;}
.sol-two .package-list-row>div>p:last-child{font-size: 14px;    color: #000 !important;    font-weight: 800;}
.sol-two .package-list-row>div:not(:last-child) {    font-size: 14px;    font-weight: 500;}
.sol-two .package-list-row.last{    text-transform: uppercase;    font-weight: 800 !important;    font-size: 14px !important;padding: 10px 0;}
.sol-two .package-list-row.last>div {    font-weight: 800;}
.sol-two .package-list-row>div:first-child {    width: 43% !important;    padding-left: 40px;}
.margin-minus{margin: 0px 0 -5px;}
.sol-two .venture-pack img{}
.featuretoolimg img{height: 28px;    border-radius: 50px;    margin: 0 4px}

/*.boxes-section.sol-video{background: #fafafa;position:relative;}*/
/*.boxes-section.sol-video:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fafafa;background-image: url(../images/second-bg.svg);background-size: cover;background-position: -10px 0;background-size: cover;background-attachment: fixed;}*/
.boxes-section.sol-video .last-box{z-index: 9;}

.sol-two .package-list-box{background: #fff;    margin: -240px 0 0;}



.horizontal-cta{background: linear-gradient(to bottom, #ffe0cc 39%, #fffcfa 80%);padding: 100px 0;position: relative;margin: 80px 0 0;}
.horizontal-cta .txtwrp{}
.horizontal-cta .txtwrp h6{    font-size: 26px;    color: #000 !important;    line-height: 30px;}
.horizontal-cta .txtwrp p{    margin: 0;    color: #000000;    font-weight: 400;    font-size: 16px;    line-height: 20.8px;}
.horizontal-cta .txtwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.horizontal-cta .txtwrp a svg{    fill: #000 !important;}
.horizontal-cta .txtwrp a:hover svg{fill: #fff !important;}
.horizontal-cta .imgwrp{    position: relative;}
.horizontal-cta .imgwrp img{width: 400px;position: absolute;bottom: -260px;right: 0;}
.sol-two .part-two.hmsection.boxes-section {    padding: 40px 0 70px;}

.faqwrp.cta .txtwrp p{width:95%;}


.noflex{display: flex;
    flex-direction: column;}
    
    
.current-main{    position: relative;}
.price-section .current{    position: absolute;    left: 52px;}
.price-section .current img{    height: 20px;}


img.automatx-logo.activecampaign {    height: 28px;}
img.automatx-logo.clickfunnels {    height: 30px;}
img.automatx-logo.salesforce {    height: 30px;}
img.automatx-logo.zoho {    height: 25px;}
img.automatx-logo.hubSpot {    height: 25px;}
.package-list-row.end{border-radius: 0px 0px 20px 20px;}


.solution-banner{}
.solution-banner {}
.sol-two .data-filter .row{    backdrop-filter: blur(50px);    background: linear-gradient(135deg, rgb(255 255 255 / 44%) 0%, rgb(255 255 255 / 13%) 100%);    border: 0px solid #e5e9ef;    border-radius: 18px;overflow: hidden;}
.sol-two .data-filter .txtwrp h2{    color: #fff;}
.sol-two .data-filter .txtwrp p{    color: #b9b9b9;}
.sol-two .data-filter .data-list ul li{    color: #b9b9b9;}
.sol-two .data-filter .data-list ul li span{    color: #fff;}

.data-filter.features{margin: 0px auto 0px;position: relative;}
.data-filter.features .row{width: 100%;overflow: hidden;/*height: 570px;*/height:auto;z-index: 1;}
.data-filter.features .imgwrp{}
.data-filter.features .imgwrp img{position: absolute;    right: -340px;    width: 1055px;    bottom: 0;    z-index: -1;    border-radius: 10px 0 0 0;}

.data-filter.features:after{content:'';aspect-ratio: 1 / 2.2;background-image: linear-gradient(#f15a2b, #3f2bf1);border-radius: 800%;filter: blur(140px);left: 40%;max-width: 400px;opacity: .45;position: absolute;top: 40%;transform: translate(-50%, -50%);width: 80%;z-index: 0;content: '';transform: translate(-50%, -50%) rotate(
55deg);}
.data-filter.features:before{content:'';aspect-ratio: 1 / 2.2;background-image: linear-gradient(#f15a2b, #f15a2b);border-radius: 800%;filter: blur(140px);left: 90%;max-width: 400px;opacity: .45;position: absolute;top: 80%;transform: translate(-50%, -50%);width: 80%;z-index: 0;content: '';transform: translate(-50%, -50%) rotate(127deg);}


.data-filter.features .imgwrp .head-test-box{margin: 0;position: absolute;width: 26%;bottom: 30px;right: 40px;}
.data-filter.features .imgwrp .head-test-box:after{font-family: 'Aeonik Medium';    font-size: 150px;    position: absolute;    left: -20px;    color: #9f9f9f4f;    top: 20px;}
.data-filter.features .imgwrp .head-test-box p{}
.data-filter.features .imgwrp .head-test-box h6{    color: #fff;    font-weight: 600;}
.data-filter.features .imgwrp .head-test-box h6 span{    display: inline;    font-weight: 400;    font-size: 14px;}
.solution-banner .top-heading{    color: #f15a2b;    margin: 0 0 10px;}
.solution-banner .txtwrp h1{    width: 70%;}
.solution-banner .txtwrp p{    width: 55%;}

.part-two .fisrt-box .upper{width: max-content;display: flex;border-bottom-width: 1px;border-color: rgba(255, 255, 255, 0.1);border-left-width: 1px;border-right-width: 1px;border-style: solid;border-top-width: 1px;backdrop-filter: blur(10px);background: linear-gradient(rgba(87, 85, 81, 0.2) 0%, rgba(87, 85, 81, 0.4) 100%);border-radius: 400px;box-shadow: rgba(0, 0, 0, 0.03) 0px 0.722625px 0.722625px -0.333333px, rgba(0, 0, 0, 0.04) 0px 2.74624px 2.74624px -0.666667px, rgba(0, 0, 0, 0.1) 0px 12px 12px -1px;opacity: 1;will-change: transform;transform: none;transform-origin: 50% 50% 0px;padding: 4px 4px;margin: 0 auto 20px;}
.p-pera{    max-width: 80%;}
.part-two.main-home .fisrt-box{    padding: 70px 0;}
.part-two.main-home .fisrt-box .btnwrp{margin: 40px 0 0;}
.part-two .fisrt-box .upper p{margin: 0;background: linear-gradient(rgb(241 90 43) 0%, rgb(200 74 34) 100%);border-radius: 999px;box-shadow: rgba(0, 0, 0, 0) 0px 0.602187px 0.602187px 0px, rgba(0, 0, 0, 0.01) 0px 2.28853px 2.28853px 0px, rgba(0, 0, 0, 0.06) 0px 10px 10px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;opacity: 1;transform: none;will-change: transform;transform-origin: 50% 50% 0px;padding: 0px 12px;font-size: 20px;font-weight: 300;font-family: 'Inter';max-width: 42px;display: flex;align-items: center;}
.part-two .fisrt-box .upper span{color: #d5d1d1;padding: 4px 9px;}
.part-two.main-home .fisrt-box .txtwrp h4{    width: 60%;}
.part-two.main-home .fisrt-box .txtwrp h4 .vs{    display: inline-block;    width: 0px;    position: relative;    margin: 0 10px;}
.part-two.main-home .fisrt-box .txtwrp h4 .vs span{    position: absolute;    bottom: -20px;    font-size: 34px;    right: -9px;    font-weight: 300;    font-family: 'Inter';}
.part-two.main-home .fisrt-box .txtwrp h4 img{    height: 25px;}
.part-two.main-home .fisrt-box .txtwrp h4 svg{fill: #fff;height: 35px;width: auto;}
.part-two.main-home video{position: absolute;top: 0;left: -100px;width: 1800px;height: 800px;object-fit: cover;z-index: 0;}
.part-two.main-home .fisrt-box{    position: relative;}
.part-two.main-home .fisrt-box:after{content: '';background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(39, 45, 51, 0) 100%);opacity: 0.8;position: absolute;width: 1420px;height: 680px;bottom: 0px;left: -10px;z-index: 0;background-image: url(../images/hero-bg.webp);background-size: cover;top: -50px;}
.part-two.main-home .fisrt-box .txtwrp{}
.part-two.main-home .fisrt-box .txtwrp h4{width: 100%;}
.part-two.main-home .fisrt-box .txtwrp p{width: 100%;}

.inn-service-pg .bottom-cta{}
.inn-service-pg .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.inn-service-pg .bottom-cta .mainwrp .txtwrp{    margin: 0 auto 0 622px;}
.inn-service-pg .bottom-cta .mainwrp{position: relative;}

.inn-service-pg .boxes-section{padding: 0px 0;}

.small-case-boxes {    padding: 70px 0;}

.crm-page .quote-wrp .txtwrp{height: auto;padding-bottom: 100px;}
.crm-page .quote-wrp .txtwrp p{    color: #000000;    font-family: 'Inter';}
.crm-page .quote-wrp .live-text{    justify-content: start;}
.crm-page .quote-wrp{    padding: 0 0 70px;    position: relative;}
.crm-page .quote-wrp:after{content:'';background-image: url(../images/AutomatX-footer-Logo.svg);position: absolute;right: 200px;bottom: 0;width: 480px;height: 400px;background-repeat: no-repeat;background-size: cover;display: none;}
.crm-page .quote-wrp .imgwrp{    position: relative;    height: 100%;}
.crm-page .quote-wrp .imgwrp img{    position: absolute;    bottom: -71px;    width: 600px;    right: 0;}
.crm-page .single-quote{padding: 120px 0 0px;}


.crm-stats{    padding: 50px 0;}
.crm-stats .txtwrp{}
.crm-stats .txtwrp h2{    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;    letter-spacing: -0.02em;    margin: 0 0 20px;}
.crm-stats .txtwrp p{    color: #000;}
.crm-stats .stas-main{}
.crm-stats .stas-main ul{    display: flex;    gap: 10px;    padding: 0;    flex-wrap: wrap;    justify-content: center;    margin: 40px 0 0;}
.crm-stats .stas-main ul li{    padding: 34px 26px;    flex: 0 0 19.3%;    border-radius: 18px 18px 0 0;}
.crm-stats .stas-main ul li h4{    color: #000000;    font-family: 'Aeonik Medium';    font-size: 27px;    font-weight: 400;}
.crm-stats .stas-main ul li p{color: #000000;font-size: 18px;font-weight: 400;line-height: 24px;}
.crm-stats .stas-main ul li.org{    background: transparent linear-gradient(180deg, #FFE0CB 0%, #F7D9C500 100%) 0% 0% no-repeat padding-box;}
.crm-stats .stas-main ul li.org h4{}
.crm-stats .stas-main ul li.org p{}
.crm-stats .stas-main ul li.gray{    background: transparent linear-gradient(180deg, #ECECEC 0%, #E4E4E400 100%) 0% 0% no-repeat padding-box;    margin: 70px 0 0 0;}
.crm-stats .stas-main ul li.gray h4{    color: #F15A2B;}
.crm-stats .stas-main ul li.gray p{}



.milestones{    padding: 50px 0 160px;}
.milestones .txtwrp{}
.milestones .txtwrp h2{    font-size: 48px;    line-height: 52px;    font-family: 'Aeonik Medium';    font-weight: 100;    letter-spacing: -0.02em;    margin: 0 0 20px;}
.milestones .txtwrp h4{    color: #f15a2b;    font-family: "Inter", sans-serif;    font-weight: 400;    font-size: 12px;    text-transform: uppercase;    letter-spacing: .04em;    line-height: 12px;}
.milestones .txtwrp p{    color: #000;    width: 90%;}
.milestones .txtwrp a{border: 1px solid #a7a6a5;    color: #000000;}
.milestones .txtwrp a svg{fill:#000 !important}
.milestones .txtwrp a:hover svg{fill:#fff !important}
.milestones .imgwrp{position: relative;height: 100%;}
.milestones .imgwrp img{    position: absolute;}
.milestones .imgwrp img.style-one{top: -36px;right: 80px;}
.milestones .imgwrp img.style-two{top: -17px;right: 90px;}
.milestones .imgwrp img.style-three{top: -10px;right: 110px;}
.milestones .long-list{margin: 0 0 0 -100px;}
.milestones .long-list ul{    padding: 0;    display: flex;    flex-direction: column;    gap: 25px;}
.milestones .long-list ul li{font-size: 16px;line-height: 22px;padding: 20px;border-radius: 18px 0 0px 18px;height: 120px;display: flex;align-items: flex-start;color: #000;font-weight: 400;width: 100%;font-family: 'Inter';font-weight: 400;}
.milestones .long-list ul li h4{font-size: 22px;line-height: 26px;font-weight: 500;width: 29%;}
.milestones .long-list ul li p{font-size: 16px;line-height: 22px;color: #000;font-weight: 400;width: 65%;}
.milestones .long-list ul li.org{    background: transparent linear-gradient(90deg, #FFE0CB 0%, #F7D9C500 100%) 0% 0% no-repeat padding-box;}
.milestones .long-list ul li.gray{    background: transparent linear-gradient(90deg, #E4E4E5 0%, #F7D9C500 100%) 0% 0% no-repeat padding-box;}


.crm-page .story-section {    padding: 70px 0;background: #fafafa;}
.crm-page .story-section .btnwrp a{}
.crm-page .story-section .btnwrp a svg{background: #f15a2b; fill:#fff !important;}
.crm-page .story-section .btnwrp a:hover svg{}
.crm-page .story-section .btnwrp a:hover{}


.top-heading-card{font-size: 12px;    font-family: "Inter", sans-serif;    letter-spacing: .1em;    font-weight: 500;    line-height: 19px;    margin: 0 0 31px;    text-transform: uppercase;}
.li-bottom-text{    margin: 30px 0 0;}
.li-bottom-text p{    margin: 0;}
.li-bottom-text p span{    color: #f15a2b;}


.core-capabilities .boxwrp.bx-two .top-heading-card{color:#fff;}
.boxwrp.bx-two p{    color: #f7ccbf;}
.boxwrp.bx-two p span{    color: #ffffff;}
.boxwrp.bx-two .li-bottom-text{}
.core-capabilities .boxwrp.bx-two .txtwrp h6{}
.core-capabilities .boxwrp.bx-two .txtwrp ul li p{right: 0;    max-width: 59%;}
.core-capabilities .boxwrp.bx-two .li-bottom-text p{width: 85%;}


.core-capabilities .parentwrp .boxwrp.box-two .top-heading-card{color: #fff;margin: 0px 0 220px 0;}
.core-capabilities .parentwrp .boxwrp.box-two .txtwrp h6{max-width: 80%;margin: -40px 0 70px;}
.core-capabilities .parentwrp .boxwrp.box-two .txtwrp p{right: -157px;max-width: 150%;color: #bdb9b9;bottom: 6px;}
.core-capabilities .parentwrp .boxwrp.box-two .li-bottom-text{}
.core-capabilities .parentwrp .boxwrp.box-two .li-bottom-text p{    color: #fff;}
.core-capabilities .parentwrp .boxwrp.box-two .li-bottom-text p span{}

.core-capabilities .parentwrp .boxwrp.box-three .top-heading-card{}
.core-capabilities .parentwrp .boxwrp.box-three .txtwrp h6{}
.core-capabilities .parentwrp .boxwrp.box-three .txtwrp p{    max-width: 60%;    top: 0;}
.core-capabilities .parentwrp .boxwrp.box-three .li-bottom-text{}
.core-capabilities .parentwrp .boxwrp.box-three .li-bottom-text p{}
.core-capabilities .parentwrp .boxwrp.box-three .li-bottom-text p span{}

.core-capabilities .parentwrp .boxwrp.bx-ones .txtwrp p{bottom: -12px;}

.crm-page .data-filter.features:before{display:none;}
.crm-page .data-filter.features:after{display:none;}
.crm-page .data-filter.features .row{backdrop-filter: blur(50px);background: linear-gradient(209deg, #5E6A77 10%, #666260 40%, #584648 60%, #40444B 100% 80%);border: 0px solid #e5e9ef;border-radius: 18px;margin: 0 0 -100px;}
.crm-page .data-filter.features{    padding: 0px 0 0;}

.crm-page .data-filter.features h2{color:#fff;}
.crm-page .data-filter.features p{color: #b9b9b9;}

.crm-page .crm-features{padding: 100px 0 0;background-image: url(../images/feature-bg.jpg);background-size: contain;background-repeat: no-repeat;/* height: 100vh; *//* overflow: hidden; */background-position: top right;background-attachment: fixed;}
/*.crm-page .crm-features .container {  height: 100%;  overflow-y: auto;  padding-right: 10px;}*/


.crm-page .crm-features .features-details .listingwrp ul{    gap: 10px;}
.crm-page .crm-features .features-details .listingwrp ul li{    border: 1px solid #000;    border: 1px solid #7e7c7a33;    padding: 30px;    border-radius: 20px;     background: #00000078;    backdrop-filter: blur(6px); flex: 0 0 49.4%;}




.crm-page .bottom-cta{padding: 100px 0 0;}
.crm-page .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.crm-page .bottom-cta .mainwrp .txtwrp{margin: 0px auto 0 622px;margin-bottom: 60px;}
.crm-page .bottom-cta .mainwrp{position: relative;padding: 80px 130px 130px 130px;}
.crm-page .bottom-cta .mainwrp .bottom-line{width: 98.5%;position: absolute;left: 0;bottom: 10px;background: #7e7e7e4f;padding: 10px 20px 10px 20px;border-radius: 10px;backdrop-filter: blur(8px);right: 0;margin: auto;}
.crm-page .bottom-cta .mainwrp .bottom-line .justi{    display: flex;    justify-content: space-between;    align-content: center;    align-items: center;}
.crm-page .bottom-cta .mainwrp .bottom-line .justi h4{margin: 0;color: #ffffff;text-align: left;}
.crm-page .bottom-cta .mainwrp .bottom-line .justi h4 span{    display: block;    text-align: left;    margin: 0;    font-size: 16px;    color: #ffffff;    font-weight: 400;}
.crm-page .bottom-cta .mainwrp .bottom-line .justi a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 0px 0 0;    display: inline-block;}
.crm-page .package-list-box{margin: -240px 0 0;}
.crm-page .package-list-box{background: #fff;    margin: -240px 0 0;}


.crm-page .package-list-row.underline-row>div{    padding: 20px 20px;    text-transform: uppercase;  font-weight: 800 !important;    font-size: 14px !important;}
.crm-page .package-list-row>div>p:last-child{font-size: 14px;    color: #000 !important;    font-weight: 800;}
.crm-page .package-list-row>div:not(:last-child) {    font-size: 14px;    font-weight: 500;}
.crm-page .package-list-row.last{    text-transform: uppercase;    font-weight: 800 !important;    font-size: 14px !important;padding: 10px 0;}
.crm-page .package-list-row.last>div {    font-weight: 800;}
.crm-page .package-list-row>div:first-child {    width: 43% !important;    padding-left: 40px;}



.menu-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgb(0 0 0 / 32%); /* semi-transparent black */  display: none;  z-index: 10;  backdrop-filter: blur(6px);}
.menu-overlay.active {  display: block;}
.crm-banner.only:before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(225deg, #822900 0%, #010101 30%, #000000 60% 60%, #380e00 100% 80%);   z-index: -1; /* gradient below content */}
.crm-banner.only{position:relative;}

.integration-pg .ban{    padding: 160px 0 370px;}
.integration-pg .ban .slide-track img{    filter: invert(0);    width: auto;    height: 50px;}
.integration-pg .ban .right-move{    margin: 20px 0 40px;}
.integration-pg .ban .left-move img{    height: 40px;}


.integration-pg .crm-features{padding: 300px 0 0;background-image: url(../images/feature-bg.jpg);background-size: contain;background-repeat: no-repeat;/* height: 100vh; *//* overflow: hidden; */background-position: top right;background-attachment: fixed;}
.integration-pg .crm-features .features-details .listingwrp ul{    gap: 10px;}
.integration-pg .crm-features .features-details .listingwrp ul li{    border: 1px solid #000;    border: 1px solid #7e7c7a33;    padding: 30px;    border-radius: 20px;     background: #00000078;    backdrop-filter: blur(6px);   flex: 0 0 32%;}


.integration-pg .data-filter.features:before{display:none;}
.integration-pg .data-filter.features:after{display:none;}
.integration-pg .data-filter.features .row{backdrop-filter: blur(50px);background: linear-gradient(209deg, #5e6a7733 10%, #66626047 40%, #5846485e 60%, #40444b45 100% 80%);border: 0px solid #e5e9ef;border-radius: 18px;margin: -300px 0 -300px;}
.integration-pg .data-filter.features{    padding: 0px 0 0;}
.integration-pg .data-filter.features h2{color:#fff;}
.integration-pg .data-filter.features p{color: #b9b9b9; width:100%;}

.integration-pg .package-list-box{margin: -240px 0 0;}
.integration-pg .package-list-box{background: #fff;    margin: -240px 0 0;}
.integration-pg .package-list-row.underline-row>div{    padding: 20px 20px;    text-transform: uppercase;  font-weight: 800 !important;    font-size: 14px !important;}
.integration-pg .package-list-row>div>p:last-child{font-size: 14px;    color: #000 !important;    font-weight: 800;}
.integration-pg .package-list-row>div:not(:last-child) {    font-size: 14px;    font-weight: 500;}
.integration-pg .package-list-row.last{    text-transform: uppercase;    font-weight: 800 !important;    font-size: 14px !important;padding: 10px 0;}
.integration-pg .package-list-row.last>div {    font-weight: 800;}
.integration-pg .package-list-row>div:first-child {    width: 43% !important;    padding-left: 40px;}

.integration-pg .horizontal-cta{margin: 130px 0 0;}


.popups:after{content:'';background-image: url(../images/light.png);background-size: cover;width: 140px;position: absolute;top: 0px;right: 0;height: 95px;}
/*.popups:before{content:'';background-image: url(../images/Gradient-Stoke-BG.png);background-size: cover;width: 1140px;position: absolute;top: 0px;left: -130px;height: 575px;transform: rotate(45deg);opacity: .3;z-index: 1;}*/
.popups .imgwrp{position: relative;width: 40%;}
.popups .imgwrp img{width: 557px;position: absolute;bottom: 0px;left: 0px;z-index: 9;}
.popups .txtwrp{text-align: center;width: 100%;z-index: 9;}
.popups .txtwrp h4{text-align: center;background: #ff107b;display: table;margin: 0 auto;color: #fff;font-size: 22px;font-weight: bolder;padding: 6px 30px;border-radius: 30px;letter-spacing: unset;position: relative;font-family: "AvertaStd-Bold";}
.popups .txtwrp h4:after{content:'';position: absolute;bottom: -4px;right: -3px;background-image: url(../images/ice.png);background-size: cover;width: 42px;height: 30px;transform: rotate(180deg);}
.popups .txtwrp h4:before{content:'';position: absolute;top: -4px;left: -3px;background-image: url(../images/ice.png);background-size: cover;width: 42px;height: 30px;}
.popups .txtwrp h2{font-size: 48px;line-height: 54px;text-align: center;margin: 10px 0 10px;color: #ffffff;width: 80%;margin: 0px auto 10px;}
.popups .txtwrp h2 img{height: 55px;margin: -9px 0 0;}
.popups .txtwrp p{text-align: center;font-size: 18px;line-height: 26px;width: 80%;margin: 10px auto 20px;color: #c0c0c0;font-weight: 400;}
.popups .txtwrp p strong{    color: #f15a2b;    font-weight: 500;}
.popups .popup-bottom{}
.popups .popup-bottom p{width: 100%;    font-size: 14px;    line-height: 22px;    margin: 20px 0 0;    color: #c0c0c0;}
.txt-top{margin: 0 0 0px;}
.overlay {position: fixed;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: rgba(0,0,0,0.6);      display: flex;      justify-content: center;      align-items: center;      z-index: 10;}
.popups {background: #00000080;width: 600px;display: flex;position:relative;/* overflow: hidden; */opacity: 1;visibility: visible;z-index: 9;right: 0;left: 0;margin: 0 auto;top: 0;bottom: 0;padding: 40px;border-radius: 18px;backdrop-filter: blur(10px);border: 1px solid #a1a1a130;}
.popups input {width: 100%;border-radius: 16px;height: 54px;border: none;margin: 0 0px 0px 0;padding: 10px 20px;font-family: 'Inter';font-size: 14px;border: 1px solid #8c898973;background: #00000000;    color: #fff;}
.popups textarea{border: 1px solid #8c898973;    background: #00000000;    color: #fff;}
.popups .close-btn {position: absolute;top: -14px;right: -18px;/* font-size: 24px; */cursor: pointer;padding: 0;color: #000;background: #020202;border-radius: 50%;/* line-height: 25px; *//* font-weight: 300; */z-index: 99;border: 1px solid #1e1e1e;/* display: flex; *//* align-items: center; *//* justify-content: center; */}
.popups .close-btn:after{content:'';position: absolute;top: 8px;right: 18px;height: 20px;width: 1px;background: #fff;transform: rotate(45deg);top: 10px;bottom: 0;right: 0;left: 0;margin: 0 auto;}
.popups .close-btn:before{content:'';position: absolute;top: 8px;right: 18px;height: 20px;width: 1px;background: #fff;transform: rotate(-45deg);top: 10px;bottom: 0;right: 0;left: 0;margin: 0 auto;}
.popups .txtwrp .upper{width: max-content;display: flex;border-bottom-width: 1px;border-color: rgba(255, 255, 255, 0.1);border-left-width: 1px;border-right-width: 1px;border-style: solid;border-top-width: 1px;backdrop-filter: blur(10px);background: linear-gradient(rgba(87, 85, 81, 0.2) 0%, rgba(87, 85, 81, 0.4) 100%);border-radius: 400px;box-shadow: rgba(0, 0, 0, 0.03) 0px 0.722625px 0.722625px -0.333333px, rgba(0, 0, 0, 0.04) 0px 2.74624px 2.74624px -0.666667px, rgba(0, 0, 0, 0.1) 0px 12px 12px -1px;opacity: 1;will-change: transform;transform: none;transform-origin: 50% 50% 0px;padding: 4px 4px;margin: 0 auto 20px;}
.popups .txtwrp .upper p{margin: 0;background: linear-gradient(rgb(241 90 43) 0%, rgb(200 74 34) 100%);border-radius: 999px;box-shadow: rgba(0, 0, 0, 0) 0px 0.602187px 0.602187px 0px, rgba(0, 0, 0, 0.01) 0px 2.28853px 2.28853px 0px, rgba(0, 0, 0, 0.06) 0px 10px 10px 0px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;opacity: 1;transform: none;will-change: transform;transform-origin: 50% 50% 0px;padding: 0px 12px;font-size: 20px;font-weight: 300;font-family: 'Inter';max-width: 42px;display: flex;align-items: center;}
.popups .txtwrp .upper span{color: #d5d1d1;padding: 4px 9px;}
#emailPopup {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.7);  display: flex;  justify-content: center;  align-items: center;  z-index: 99;  opacity: 0;  visibility: hidden;  pointer-events: none;  transition: opacity 0.4s ease, visibility 0.4s ease;}
#emailPopup.active {  opacity: 1;  visibility: visible;  pointer-events: auto;backdrop-filter: blur(10px);}


.abt-page .bottom-cta{padding: 100px 0 0;}
.abt-page .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.abt-page .bottom-cta .mainwrp .txtwrp{margin: 0px auto 0 622px;margin-bottom: 60px;}
.abt-page .bottom-cta .mainwrp{position: relative;padding: 80px 130px 130px 130px;}
.abt-page .bottom-cta .mainwrp .bottom-line{width: 98.5%;position: absolute;left: 0;bottom: 10px;background: #7e7e7e4f;padding: 10px 24px;border-radius: 10px;backdrop-filter: blur(8px);right: 0;margin: auto;}
.abt-page .bottom-cta .mainwrp .bottom-line .justi{    display: flex;    justify-content: space-between;    align-content: center;    align-items: center;}
.abt-page .bottom-cta .mainwrp .bottom-line .justi h4{margin: 0;color: #ffffff;text-align: left;}
.abt-page .bottom-cta .mainwrp .bottom-line .justi h4 span{    display: block;    text-align: left;    margin: 0;    font-size: 16px;    color: #ffffff;    font-weight: 400;}
.abt-page .bottom-cta .mainwrp .bottom-line .justi a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 0px 0 0;    display: inline-block;}
.abt-page .package-list-box{margin: -240px 0 0;}
.abt-page .package-list-box{background: #fff;    margin: -240px 0 0;}
.abt-page .inner-logos.two{padding-top: 0px !important;}
.abt-sec-bg{    background-image: url(../images/AutomatX-about-BG.jpg);    background-position: right center;    background-repeat: no-repeat;    background-size: contain;padding: 80px 0;}
.abt-sec-bg .abt-lead{color: #f15a2b;}
.abt-page .about-text.bap-bottm .live-text{margin: 0px 0 20px;    justify-content: start;}
.abt-page .about-text.bap-bottm .live-text p {    color: #fff;}


/*.agent-pg .ban{height: 830px;background-image: url(../images/AutomatX-AI-Agent-bg.png);background-size: cover;background-repeat: no-repeat;background-position: 10px 0;    border: none;}*/
.agent-pg .ban{height: 100vh;background-image: url(../images/AutomatX-AI-Agent-bg-2.png);background-size: 120%;background-repeat: no-repeat;background-position: 0px -150px;border: none;}
.agent-pg .ban .txtwrp{height: 600px;display: flex;flex-direction: column;justify-content: space-between;}
.agent-pg .ban .txtwrp h4{color: #ffffff;margin: 0 0 10px;}
.agent-pg .ban .txtwrp h1{    mask: unset;}
.agent-pg .ban .txtwrp h1 img{height: 90px;margin: -10px 0 0 0;}
.agent-pg .ban .txtwrp p{    width: 100%;    margin: 20px 0 30px;}
.agent-pg .ban .platform-logos{}
.agent-pg .ban .platform-logos img{    margin: 0 15px 0 0;}

.agent-pg .conversational.core-capabilities{}
.agent-pg .conversational.core-capabilities .txtwrp h3{width:100%;}
.agent-pg .conversational.core-capabilities .stickysection{position: sticky;    top: 80px;}

.agent-pg .solutionlist .listwrp ul li h3{    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.agent-pg .solutionlist .listwrp ul li p{    font-size: 18px;    font-weight: 300;    line-height: 26px;}
.agent-pg .solutionlist .listwrp ul li .btn-wrp{margin: 30px 0 0;display: flex;}
.agent-pg .solutionlist .listwrp ul li .btn-wrp a{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);transition: .3s ease-in-out;padding: 2px 2px 3px 20px;}
.agent-pg .solutionlist .listwrp ul li .btn-wrp a svg{    background: #f15a2b;}
.agent-pg .solutionlist .listwrp ul li .btn-wrp a:hover{    transform: translateY(-10px);}
.agent-pg .solutionlist .listwrp ul li img{height: 40px;    margin: 0 0 30px;}
.agent-pg .solutionlist {    margin: 0 0 0px;}

.agent-pg .capabilities{}
.agent-pg .capabilities .capabilities-list ul li h4{    font-size: 20px;    margin: 0 0 15px;}
.agent-pg .capabilities .capabilities-list ul li p{    font-size: 16px;    line-height: 24px;}

.agent-pg .capabilitiess {    padding: 70px 0;}
.agent-pg .capabilitiess .boxes .bx-main{    flex: 0 0 32.3%;}
.agent-pg .capabilitiess .boxes .bx-main img{    height: 30px;    margin: 0px 0 20px;}
.agent-pg .capabilitiess .boxes .bx-main h6{    font-size: 16px;    text-transform: capitalize;    letter-spacing: normal;}
.agent-pg .capabilitiess .boxes .bx-main p{}


.agent-pg .crmfeatures{}
.agent-pg .crmfeatures .txtwrp h2{}
.agent-pg .crmfeatures .feature ul li{}
.agent-pg .crmfeatures .feature ul li .txtwrp h3{}
.agent-pg .crmfeatures .feature ul li .txtwrp p{}
.agent-pg .capabilitiess .txtwrp h4 {    color: #f15a2b;}


.agent-pg .single-scroll .parent-box .box-1 .right h4{color: #fff;    font-weight: 400;}
    
.agent-pg .crm-features{padding: 0px 0 120px;background-image: url(../images/ai-agent-features-bg.png);background-size: contain;background-repeat: no-repeat;/* height: 100vh; *//* overflow: hidden; */background-position: top right;background-attachment: fixed;}
.agent-pg .crm-features .features-details .listingwrp ul{    gap: 10px;}
.agent-pg .crm-features .features-details .listingwrp ul li{border: 1px solid #000;border: 1px solid #7e7c7a33;padding: 30px;border-radius: 20px;background: #00000078;backdrop-filter: blur(6px);flex: 0 0 49.41%;}    
.agent-pg .single-scroll .parent-box .box-1 .right p{font-size: 16px;    color: #fff;    font-weight: 300;    line-height: 22px;}
.agent-pg .client-reviews {    padding: 70px 0 70px;}
.agent-pg .client-reviews .live-text{    justify-content: flex-start;    margin: 0 0 10px}

.agent-pg .data-filter.features:before{display:none;}
.agent-pg .data-filter.features:after{display:none;}
.agent-pg .data-filter.features .row{backdrop-filter: blur(50px);background: linear-gradient(209deg, #5e6a7733 10%, #66626047 40%, #5846485e 60%, #40444b45 100% 80%);border: 0px solid #e5e9ef;border-radius: 18px;margin: -120px 0 -480px;}
.agent-pg .data-filter.features{    padding: 0px 0 0;}
.agent-pg .data-filter.features h2{color:#fff;}
.agent-pg .data-filter.features p{color: #b9b9b9; width:100%;}
.agent-pg .single-scroll{padding: 530px 0 50px;margin: 0;}

.agent-pg .single-quote.pad {    padding: 70px 0 70px;    padding-bottom: 40px !important;}
.agent-pg .part-two{    padding: 0px 0 70px;}

.agent-pg .crm-features .features-details{    border-bottom: 0px solid #a1a1a130;}


.agent-pg .bottom-cta{padding: 100px 0 70px;}
.agent-pg .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.agent-pg .bottom-cta .mainwrp .txtwrp{margin: 0px auto 0 622px;margin-bottom: 60px;}
.agent-pg .bottom-cta .mainwrp{position: relative;padding: 170px 130px 150px 130px;}
.agent-pg .bottom-cta .mainwrp .bottom-line{width: 98.5%;position: absolute;left: 0;bottom: 10px;background: #7e7e7e4f;padding: 10px 14px;border-radius: 10px;backdrop-filter: blur(8px);right: 0;margin: auto;}
.agent-pg .bottom-cta .mainwrp .bottom-line .justi{    display: flex;    justify-content: space-between;    align-content: center;    align-items: center;}
.agent-pg .bottom-cta .mainwrp .bottom-line .justi h4{margin: 0;color: #ffffff;text-align: left;}
.agent-pg .bottom-cta .mainwrp .bottom-line .justi h4 span{    display: block;    text-align: left;    margin: 0;    font-size: 16px;    color: #ffffff;    font-weight: 400;}
.agent-pg .bottom-cta .mainwrp .bottom-line .justi a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 0px 0 0;    display: inline-block;}
.agent-pg .package-list-box{margin: -240px 0 0;}
.agent-pg .package-list-box{background: #fff;    margin: -240px 0 0;}
.agent-pg .inner-logos.two{padding-top: 0px !important;}

.agent-pg .single-quote{padding: 70px 0 40px;}
/*.abt-sec-bg{    background-image: url(../images/AutomatX-about-BG.jpg);    background-position: right center;    background-repeat: no-repeat;    background-size: contain;}*/






.support-pg .ban{    height: 100vh;    background-image: url(../images/AutomatX-AI-Agent-bg.png);    background-size: 120%;    background-position: 0px -150px;}
.support-pg .ban .platform-logos{    display: flex;}
.support-pg .ban .platform-logos h4{    font-size: 16px;    font-weight: 400;    margin: 0 20px 0px 0px;    display: block;    color: #ffffff;}
.support-pg .ban .platform-logos img{    height: 30px;    width: 80px;}

.support-pg .solutionlist{    background: #fff;}
.support-pg .solutionlist .txtwrp{}
.support-pg .solutionlist .txtwrp h2{    color: #000;}
.support-pg .solutionlist .listwrp{}
.support-pg .solutionlist .listwrp ul{    margin: 20px 0 0;}
.support-pg .solutionlist .listwrp ul li{    border: 2px solid #dddddd4a;}
.support-pg .solutionlist .listwrp ul li img{/*filter: invert(1);*/}
.support-pg .solutionlist .listwrp ul li h3{    color: #000;}
.support-pg .solutionlist .listwrp ul li p{    color: #7b7b7b;    font-weight: 400;}


.support-partner{padding: 0 0 50px;}
.support-partner .imgwrp{    background: radial-gradient(circle at center, #e3d6c9 0%, #cbb8aa 50%, #b89f8c4a 100%);    padding: 0px 0;    border-radius: 18px;    margin: 0 40px 0 0px;}
.support-partner .imgwrp img{    width: 100%;}
.support-partner .txtwrp{}
.support-partner .txtwrp h2{    color: #000;}
.support-partner .txtwrp p{    color: #000;}
.support-partner .main-points{    display: flex;    flex-wrap: wrap;}
.support-partner .main-points .pointers{display: flex;margin: 10px 0 20px;align-items: center;flex: 0 0 50%;}
.support-partner .main-points .pointers img{    height: 45px;}
.support-partner .main-points .pointers h4{    font-size: 36px;    margin: 0 10px 0 20px;}
.support-partner .main-points .pointers p{margin: 0;font-size: 18px;width: 38%;}
.support-partner .btnwrp{margin: 20px 0 0;}
.support-partner .btnwrp a{    border: 1px solid #a7a6a5;    color: #000000;}
.support-partner .btnwrp a svg{    fill: #000 !important;}
.support-partner .btnwrp a:hover svg{    fill: #fff !important;}
.support-partner .live-text{    justify-content: start;    margin: 50px 0 20px;}


.boxeswrp{    padding: 70px 0;}
.boxeswrp .home-boxes-image{}
.boxeswrp .home-boxes-image img{width: 100%;border-radius: 18px;height: 365px;object-fit: cover;}
.boxeswrp .business-txt{background: #F6F6F6;padding: 0 50px;border-radius: 18px;height: 220px;display: flex;flex-direction: column;justify-content: center;}
.boxeswrp .business-txt.clr{background: #f5f5f7;margin: 24px 0 0;display: flex;align-content: center;flex-direction: row;align-items: center;gap: 10px;}
.boxeswrp .business-txt.clr h2{color: #262108;}
.boxeswrp .business-txt.clr p{color: #1a1a1a;line-height: 25px;max-width: 140px;}
.boxeswrp .business-txt h2{font-size: 76px;font-weight: 300;margin: 0 0 15px;}
.boxeswrp .business-txt h5{font-size: 76px;    font-weight: 300;    margin: 0 0 15px;    letter-spacing: -1.0px;    line-height: 42px;}
.boxeswrp .business-txt .top{font-size: 76px;    font-weight: 300;    margin: 0 0 15px;    letter-spacing: -1.0px;    line-height: 42px;}
.boxeswrp .business-txt .launched{font-size: 62px !important; font-weight: 300;    margin: 0 0 15px;    letter-spacing: -1.0px;    line-height: 42px;}
.boxeswrp .business-txt p{    margin: 0;}
.boxeswrp .sec-row-img{height: 463px !important;}
.boxeswrp .business-txt.other-col{padding: 0 50px;margin: 0 0 25px;background: linear-gradient(208deg, #dcd6c630 19%, #afab9fa3 80%);height: 463px;}
.boxeswrp .business-txt.other-col h2{font-size: 96px;line-height: 60px;margin: 0 0 40px;color: #b9ad6d;}
.boxeswrp .business-txt.other-col .years{font-size: 96px;line-height: 60px;margin: 0 0 40px;color: #b9ad6d;    font-weight: 300;}
.boxeswrp .business-txt.other-col h5{font-size: 96px;line-height: 90px;margin: 0 0 40px;color: #000000;font-weight: 300;}
.boxeswrp .business-txt.other-col p{color: #000000;}
.boxeswrp .business-txt.other-sec{padding: 0px 50px;background: linear-gradient(209deg, #5E6A77 10%, #666260 40%, #584648 60%, #40444B 100% 80%);height: 365px;}
.boxeswrp .business-txt.other-sec p{color: #fff;font-size: 32px;font-family: 'Aeonik Medium';font-weight: lighter;letter-spacing: -.02em;margin: 0;line-height: 36px;}
.boxeswrp .business-txt.other-sec .namewrap{    margin: 60px 0 0;}
.boxeswrp .business-txt.other-sec .namewrap h6{font-weight: 100;margin: 0 0 5px;color: #fff;font-family: 'Aeonik Medium';font-size: 22px;line-height: 29px;}
.boxeswrp .business-txt.other-sec .namewrap .cl-name{    font-weight: 600;    font-size: 22px;    margin: 0 0 5px;}
.boxeswrp .business-txt.other-sec .namewrap span{    font-weight: 600;    font-size: 22px;    margin: 0 0 5px;}
.boxeswrp .business-txt.other-sec .namewrap p{font-size: 16px;line-height: 20px;color: #a7a6a5;}         
.boxeswrp .image-lable{    height: auto;}
.boxeswrp .upper.first p:after{    top: 20px;padding: 0px 10px;}
.boxeswrp .upper.first p{    padding: 0 0 0 20px;}
.boxeswrp .flx{    display: flex;}
.boxeswrp .flx img{width: 115px;}
.boxeswrp .flx h5{font-size: 60px !important;}
.boxeswrp .flx .clr-dark{background: #000000;margin-left: 20px;padding: 0 40px;border-radius: 18px;height: 220px;display: flex;flex-direction: column;justify-content: center;}
.boxeswrp .flx .business-txt{padding: 0 30px;background:#FFE0CB;}
.boxeswrp .business-txt.other-sec.next-review .starts{}
.boxeswrp .business-txt.other-sec.next-review .starts i{color: #ffbe01;}

.boxeswrp .business-txt.clr h5{font-size: 90px;    margin: 0;    line-height: 120px;}
.business-txt.other-sec.slides-support {    padding: 0 20px;}

.help-pg .faqwrp.black {    padding: 180px 0 70px;}
.help-pg .faqwrp .store-services-main.rightside ul li{    border: 0px solid #d9d9d9;}
.help-pg .faqwrp .txtwrp{    width: 60%;    margin: 0 0 50px;}
.help-pg .faqwrp .txtwrp h1{color: #fff;font-size: 80px;line-height: 90px;margin: 0;font-family: "Aeonik Medium";letter-spacing: -0.02em;font-weight: 100;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);z-index: 9;position: relative;}
.help-pg .faqwrp .txtwrp p{    color: rgb(255, 255, 255);    font-family: 'Inter';    font-size: 22px;    width: 77%;    margin: 30px 0 0px;    font-weight: 400;    line-height: 30px;}
.help-pg .faqwrp .store-services-main.rightside{height: auto; position: sticky; top: 80px;}

.help-pg .solutionlist .listwrp ul li h3{    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.help-pg .solutionlist .listwrp ul li p{    font-size: 18px;    font-weight: 300;    line-height: 26px;}
.help-pg .solutionlist .listwrp ul li .btn-wrp{margin: 30px 0 0;display: flex;}
.help-pg .solutionlist .listwrp ul li .btn-wrp a{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);transition: .3s ease-in-out;padding: 2px 2px 3px 20px;}
.help-pg .solutionlist .listwrp ul li .btn-wrp a svg{    background: #f15a2b;}
.help-pg .solutionlist .listwrp ul li .btn-wrp a:hover{    transform: translateY(-10px);}
.help-pg .solutionlist .listwrp ul li img{height: 40px;    margin: 0 0 30px;}
.help-pg .solutionlist {    margin: 0 0 0px;}


.n8n-pg .maion-banner{height: auto;transform: scale(1);border-radius: 0;padding: 160px 0 0px;/* background-image: url(https://n8n.io/images/hero-horizon.webp); */background-size: cover;position: relative;overflow: visible;}
.n8n-pg .maion-banner .txtwrp{    z-index: 9;}
.n8n-pg .maion-banner .txtwrp p{    font-family: "Inter", sans-serif;    font-size: 20px;    color: #fff;    font-weight: 400;    width: 60%;    margin: 10px auto 30px;    line-height: 24px;}
.n8n-pg .maion-banner.add-on-scroll{}
.n8n-pg .maion-banner.add-on-scroll .imgwrp{}
.n8n-pg .maion-banner.add-on-scroll .imgwrp img{    transform: translate(0px, -3%) rotateX(0deg);}
.n8n-pg .maion-banner .imgwrp{perspective: 1000px;transform: unset;margin: 50px 0 -110px;position: relative;z-index: 9;}
.n8n-pg .maion-banner .imgwrp img{border-radius: 18px;translate: none;rotate: none;scale: none;opacity: 1;transform: translate(0px, -3%) rotateX(20deg);transform-style: preserve-3d;width: 100%;transition: 1s ease-in-out;}
.n8n-pg .maion-banner video{position: absolute;width: 110%;height: 108%;top: -40px;left: 0;z-index: 1;opacity: .55;mix-blend-mode: hard-light;}
.n8n-pg .maion-banner:before{content:'';background-image: url(https://n8n.io/images/hero-horizon.webp);background-size: cover;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;z-index: 1;background-color: #00000073;opacity: .50;}


.n8n-pg .crm-features{padding: 100px 0 30px;background-image: url(../images/feature-bg.jpg);background-size: contain;background-repeat: no-repeat;background-position: top right;background-attachment: fixed;}
.n8n-pg .crm-features .txtwrp{    text-align: center;    width: 59%;    margin: 0 auto 50px;}
.n8n-pg .crm-features .txtwrp h2{    width: 100%;}
.n8n-pg .crm-features .txtwrp p{    width: 100% !important;}
.n8n-pg .crm-features .listingwrp{}
.n8n-pg .crm-features .listingwrp ul{    gap: 20px;}
.n8n-pg .crm-features .listingwrp ul li{border: 1px solid #7e7c7a33;padding: 30px;border-radius: 20px;background: #00000078;backdrop-filter: blur(6px);flex: 0 0 49.2%;display: flex;flex-direction: column;justify-content: space-between;}
.n8n-pg .crm-features .listingwrp ul li .uper{    color: #fff;}
.n8n-pg .crm-features .listingwrp ul li img{width: 100%;height: 350px;object-fit: cover;border-radius: 18px;margin: 0 0 30px;}
.n8n-pg .crm-features .listingwrp ul li h4{color: #ffffff;font-size: 18px;margin: 0 0 10px;}
.n8n-pg .crm-features .listingwrp ul li p{font-size: 16px;font-weight: 400;line-height: 24px;width: 100%;margin: 0 0 14px;opacity: .7;color: #fff;}
.n8n-pg .crm-features .listingwrp ul li a{    color: #ed7e00;    font-size: 16px;    font-family: "Inter", sans-serif;    font-weight: 400;    margin: 0px 0 0;    display: inline-block;}
.n8n-pg .crm-features .listingwrp ul li a svg{    height: 20px !important;    width: auto !important;}

.n8n-pg .capabilities{}
.n8n-pg .capabilities .txtwrp{text-align: center;}
.n8n-pg .capabilities .txtwrp h2{    width: 53%;    margin: 0 auto 0;}
.n8n-pg .capabilities .capabilities-list{}
.n8n-pg .capabilities .capabilities-list ul{}
.n8n-pg .capabilities .capabilities-list ul li{    text-align: center;}
.n8n-pg .capabilities .capabilities-list ul li h4{}
.n8n-pg .capabilities .capabilities-list ul li p{    width: 80%;    margin: 10px auto 0;    letter-spacing: normal;}

.n8n-pg .crm-banner{    background: #000;    padding: 70px 0;    height: auto;}
.n8n-pg .crm-banner .txtwrp{    width: 100%;}
.n8n-pg .crm-banner .txtwrp h2{    width: 100%;}
.n8n-pg .crm-banner .txtwrp p{}
.n8n-pg .crm-banner .tabs-data{}
.n8n-pg .crm-banner .tabs-data .txtwrp{    text-align: left;    padding: 30px;}
.n8n-pg .crm-banner .tabs-data .txtwrp h4{    color: #fff;    font-size: 18px;    line-height: 20px;    font-family: "Inter", sans-serif;    font-weight: 500;    margin: 0 0 6px;}
.n8n-pg .crm-banner .tabs-data .txtwrp .listing{}
.n8n-pg .crm-banner .tabs-data .txtwrp .listing p{margin: 0;width: 100%;font-size: 16px;margin: 20px 0 0;padding: 0 0 0 35px;position: relative;color: #c7c7c7;font-family: 'Inter';font-weight: 400;line-height: 28px;position: relative;}
.n8n-pg .crm-banner .tabs-data .txtwrp .listing p:after{content:'';display:block;position: absolute;inset: 0;border-radius: 50%;background: #dfe3e4;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite: exclude;pointer-events: none;padding: 2px;height: 30px;width: 30px;top: 0;right: unset;left: 0;display: none;}
.n8n-pg .crm-banner .tabs-data .txtwrp .listing p:before{content:'';display:block;background-image: url(../images/AutomatX-Logo-07.svg);width: 20px;height: 20px;display: inline;background-size: cover;/* transform: rotate(-135deg); *//* opacity: 1 !important; */top: 5px;opacity: 1 !important;/* transform: rotate(-92deg); */position: absolute;z-index: 9;padding: 0px;left: 0px;}
.n8n-pg .crm-banner .tabs-data .txtwrp .listing p strong{    font-weight: 600;    color: #fff;}
.n8n-pg .crm-banner .tabs-data .imgwrp{}
.n8n-pg .crm-banner .tabs-data .imgwrp img{}

.n8n-pg .feature-tabs p.tabs-main-pera {    color: #000;    font-size: 30px;    font-weight: 300;    width: 99%;    line-height: 36px;    margin: 0 0 30px;}
.n8n-pg .top-heading {    margin: 0 0 40px;}


.n8n-pg .part-two .box-3{margin: 30px 0 0;    background-image: url(../images/box3-bg.png);    background-size: cover;    padding: 40px;    border-radius: 18px;    height: 639px;    background: #a7a6a524;    background: linear-gradient(208deg, #f6eded 19%, #fff 80%);    position: relative;    background: linear-gradient(208deg, #dcd6c630 19%, #afab9fa3 80%);    overflow: hidden;}
.n8n-pg .boxes-section .box-3 .txtwrp h4{color: #000000;font-family: 'Aeonik Medium';font-size: 30px;font-weight: 100;}
.n8n-pg .boxes-section .box-3 .txtwrp p{color: #302e2d;font-size: 18px;font-family: Inter;width: 40%;font-weight: 400;}


.n8n-pg .capabilities.version{background: #000;padding: 50px 0 0;}
.n8n-pg .capabilities.version .row {    border: 1px solid #7e7c7a33;    border-radius: 18px;    padding: 50px;    margin: -131px 0 0;    background: #00000078;    backdrop-filter: blur(6px);}
.n8n-pg .capabilities.version .txtwrp h2{    color: #fff;}
.n8n-pg .capabilities.version .capabilities-list{}
.n8n-pg .capabilities.version .capabilities-list ul{}
.n8n-pg .capabilities.version .capabilities-list ul li{}
.n8n-pg .capabilities.version .capabilities-list ul li h4{    color: #fff;}
.n8n-pg .capabilities.version .capabilities-list ul li p{    width: 80%;    margin: 10px auto 0;    letter-spacing: normal;    color: #fff;}


.templateswrp{padding: 10px 0 140px;background: #000;}
.templateswrp .templatslist{}
.templateswrp .templatslist ul{padding: 0;display: flex;flex-wrap: wrap;gap: 10px;margin: 40px 0 0;width: 100%;margin: 0px auto 50px;text-align: center;justify-content: center;}
.templateswrp .templatslist ul li{border: 1px solid #ffffff26;padding: 8px 12px;border-radius: 18px;font-size: 12px;font-family: "Inter", sans-serif;letter-spacing: unset;color: #fff;line-height: 12px;display: inline-block;/* text-transform: uppercase; */backdrop-filter: blur(10px);background: radial-gradient(67% 100% at 50% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%);cursor: pointer;}
.templateswrp .templatslist ul li.current{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);}
.templateswrp .templatsdetails{}
.templateswrp .templatsdetails ul{}
.templateswrp .templatsdetails ul li{}
.templateswrp .templatsdetails ul li .wrp{    display: flex;    flex-wrap: wrap;    justify-content: space-between;    row-gap: 25px;}
.templateswrp .templatsdetails ul li .box{    flex: 0 0 23.5%;}
.templateswrp .templatsdetails ul li .box .imgwrp{position: relative;border-radius: 18px;}
.templateswrp .templatsdetails ul li .box .imgwrp:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #00000070;backdrop-filter: blur(10px);opacity: 0;transition: .3s ease-in-out;border-radius: 20px;}
.templateswrp .templatsdetails ul li .box .imgwrp img{width: 100%;border-radius: 20px;}
.templateswrp .templatsdetails ul li .box .imgwrp a{    position: absolute;    margin: 0 auto;    top: 50%;    bottom: 0;    left: 0;    right: 0;    justify-content: center;    align-items: center;    display: flex;    background: #ffffff;    padding: 0;    width: 190px;    height: 40px;    border-radius: 30px;    align-content: center;    display: flex;    color: #000000;    z-index: 9;    opacity: 0;    transition: .3s ease-in-out;    font-size: 15px;}
.templateswrp .templatsdetails ul li .box .imgwrp:hover a{    opacity: 1;}
.templateswrp .templatsdetails ul li .box .imgwrp:hover:after{content:'';opacity: 1;}
.templateswrp .templatsdetails ul li .box .bottomdetails{    display: flex;    justify-content: space-between;    margin: 20px 0 0;}
.templateswrp .templatsdetails ul li .box .bottomdetails .iconwrp{    display: flex;    gap: 10px;}
.templateswrp .templatsdetails ul li .box .bottomdetails .iconwrp img{    height: 24px;    width: auto;    border-radius: 60px;}
.templateswrp .templatsdetails ul li .box .bottomdetails .iconwrp h4{    color: #fff;    font-size: 18px;    font-weight: 400;    margin: 0;    line-height: 22px;     opacity: .6;}
.templateswrp .templatsdetails ul li .box .bottomdetails .iconwrp h4 span{    display: block;    opacity: .6;    font-size: 16px;    font-weight: 300;    line-height: 18px;}
.templateswrp .templatsdetails ul li .box .bottomdetails .price{}
.templateswrp .templatsdetails ul li .box .bottomdetails .price h4{    color: #fff;    font-size: 16px;     margin: 0;font-weight: 400;}

.templats-pg .ban{border-bottom: 0px solid #a1a1a130;}
.templats-pg .horizontal-cta {margin: 0px 0 0;}


.compare-pg .solutionlist{    background: #fff;margin: 0;}
.compare-pg .solutionlist .txtwrp{    width: 49%;}
.compare-pg .solutionlist .txtwrp h2{color: #000;width: 100%;margin: 0 auto 20px;}
.compare-pg .solutionlist .txtwrp p{color: #000;width: 100%;font-size: 18px;font-family: "Inter", sans-serif;font-weight: 400;line-height: 28px;}
.compare-pg .solutionlist .listwrp{}
.compare-pg .solutionlist .listwrp ul{    margin: 20px 0 0;}
.compare-pg .solutionlist .listwrp ul li{    border: 2px solid #dddddd4a;}
.compare-pg .solutionlist .listwrp ul li img{    filter: invert(1);height: 40px;    margin: 0 0 30px;}
.compare-pg .solutionlist .listwrp ul li h3{    color: #000;    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.compare-pg .solutionlist .listwrp ul li p{color: #7b7b7b;font-weight: 400;font-size: 16px;font-weight: 400;line-height: 22px;}


.customize-pkg{padding: 70px 0 0;}
.customize-pkg .list-details ul li .mainwrp .boxes .bx-main{    flex: 0 0 100%;}
.customize-pkg .list-details ul li .mainwrp .boxes{    margin: 0 0 0 100px;}
.customize-pkg .list-details{    margin: 0px 0 0;}
.customize-pkg .txtwrp{text-align: left !important;}
.customize-pkg .txtwrp h2{}
.customize-pkg .txtwrp h3{    color: #fff;    font-weight: 400;    font-size: 26px;}
.customize-pkg .points{    margin: 40px 0;}
.customize-pkg .points .main{    display: flex;    gap: 20px;    margin: 30px 0 0;}
.customize-pkg .points .main .imgwrp{}
.customize-pkg .points .main .imgwrp img{    height: 40px;    margin: 10px 0 0;}
.customize-pkg .points .main .text{}
.customize-pkg .points .main .text h4{    color: #fff;    color: rgb(255, 255, 255);    font-size: 20px;    position: relative;    display: inline-block;    margin: 0px 0px 5px;    font-weight: 400;}
.customize-pkg .points .main .text p{    font-size: 16px;    font-weight: 400;    line-height: 24px;    width: 100%;    opacity: 0.7;    color: rgb(255, 255, 255);    margin: 0px;}
.customize-pkg .list-details ul li .mainwrp .boxes .bx-main p.price-detail{height: auto;    margin: 0 0 20px;}
.customize-pkg .list-details ul li .mainwrp .boxes .bx-main a{width: fit-content;}


.setup-pg .ban .logo-slider{    margin: 50px 0 0;}
.setup-pg .ban .slide-track img{filter: invert(1);    width: 120px;    height: 30px;}


.setup-pg .stats .stats-main ul li.light-black{background: #000;margin: -90px 0 0;}
.setup-pg .stats .stats-main ul li.light-orange{background: #F15A2B;}
.setup-pg .stats .stats-main ul li h6{    text-align: left;    float: left;    width: 100%;    font-size: 22px;    margin: 0 0 10px;    line-height: 30px;}

.setup-pg .stats .stats-main ul li.light-black h6{    color: #fff;}
.setup-pg .stats .stats-main ul li.light-black p{    color: #fff;}
.setup-pg .stats .stats-main ul li.light-orange h6{    color: #fff;}
.setup-pg .stats .stats-main ul li.light-orange p{    color: #fff;}


.setup-pg .stats .stats-main ul li{    height: 260px;justify-content: flex-start;}
.setup-pg .stats .stats-main ul li.reb-bg{background: #7f7f7f;}
.setup-pg .stats .stats-main ul li.reb-bg h6{    color: #fff;}
.setup-pg .stats .stats-main ul li.black-bg{background: #f79c80;margin: 100px 0 0;}
.setup-pg .stats .stats-main ul li.black-bg p{color:#fff;}
.setup-pg .stats .stats-main ul li.black-bg h6{    color: #fff;}
.setup-pg .stats .stats-main ul li.gray-bg{background: #4c4c4c;margin: -90px 0 0;}
.setup-pg .stats .stats-main ul li.gray-bg h6{    color: #fff;}
.setup-pg .stats .stats-main ul li.lightorange-bg{background: #f47b55;}
.setup-pg .stats .stats-main ul li.lightorange-bg p{    color: #fff;}
.setup-pg .stats .stats-main ul li.lightorange-bg h6{    color: #fff;}

.setup-pg .solutionlist .listwrp ul li h3{    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.setup-pg .solutionlist .listwrp ul li p{    font-size: 18px;    font-weight: 300;    line-height: 26px;}
.setup-pg .solutionlist .listwrp ul li .btn-wrp{margin: 30px 0 0;display: flex;}
.setup-pg .solutionlist .listwrp ul li .btn-wrp a{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);transition: .3s ease-in-out;padding: 2px 2px 3px 20px;}
.setup-pg .solutionlist .listwrp ul li .btn-wrp a svg{    background: #f15a2b;}
.setup-pg .solutionlist .listwrp ul li .btn-wrp a:hover{    transform: translateY(-10px);}
.setup-pg .solutionlist .listwrp ul li img{height: 40px;    margin: 0 0 30px;}
.setup-pg .solutionlist {    margin: 0 0 0px;}
.setup-pg .growth-sec {padding: 0px 0 80px;}
.setup-pg .ban{border-bottom: 0px solid #a1a1a130;}
.setup-pg .single-quote {    padding: 50px 0 0;}
.setup-pg .grade-sec{padding: 80px 0 0;}
.setup-pg .grad-lef-txt{height: auto;}
.setup-pg .grade-rigt-txt{height: auto;}
.setup-pg .grade-sec::before{display:none;}


@media (min-width: 768px) and (max-width: 2400px){
.responsive-open{display:none;}
    
}


.header-right-side .abt-btn{font-size: 12px;padding: 13px 2px 13px 20px;}
.header-right-side .abt-btn svg{height: 35px !important;padding: 8px;}


.sol-faq{}
.sol-faq .store-services-main.rightside ul li{height: 650px;position: relative;}
.sol-faq .store-services-main.rightside ul li .imgwrp{    position: unset;}
.sol-faq .store-services-main.rightside ul li .imgwrp img{top: unset;bottom: 0;left: 250px;}
.sol-faq .contact-form{    margin: 30px 0 0;}
.sol-faq .btnwrp{    text-align: left;    float: left;    width: -webkit-fill-available;}
.sol-faq .btnwrp a{}
.sol-faq .store-services-main ul li .icon-text p{width: 62%;margin: 0 0 25px;}
.sol-faq .store-services-main ul li .icon-text {    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.sol-faq .faq-bottom{}
.sol-faq .faq-bottom img{height: 100px !important;    display: block;    margin: 0 0 0px !important;}

.width-80{width: 86%;}


.stat-item.four{}
.red-clr{color:#f15a2b;}
.bold-text{}

.extra-changes .seperate img {    height: 76px;}


.pricing .txtwrp{    text-align: center;}
.pricing .txtwrp h1{color: #fff;font-family: 'Aeonik Medium';font-size: 60px;letter-spacing: -0.02em;line-height: 66px;font-weight: 400;width: 80%;margin: 0 auto 20px;}
.pricing .txtwrp p{    font-family: "Inter", sans-serif;    font-size: 20px;    color: #fff;    font-weight: 400;    width: 55%;    margin: 0 auto 50px;    line-height: 24px;}



.pricing-pg .inner-logos.two.pricing-section .txtwrp h2{    width: 70%;    margin: 0 auto 20px;}
.extend-wrp .txtwrp h2{    width: 50%;    margin: 0 auto 20px;}
.extend-wrp .txtwrp p{width: 62%;    margin: 0 auto;}


.clutch-custom-box {position: absolute;top: 0px;width: 100px;right: -20px;transform: translateX(-50%);background: linear-gradient(180deg, #A5885C 0%, #DCC68E 100%) 0% 0% no-repeat;text-align: center;overflow: hidden;padding-top: 2rem;z-index: 99;}
.clutch-custom-box>div:nth-child(1) {display: flex;justify-content: center;margin-bottom: 1rem;}
.clutch-custom-box>div:nth-child(1) img:nth-child(1),
.clutch-custom-box>div:nth-child(1) img:nth-child(5) {margin-top: -4px !important;margin-bottom: 10px !important;}
.clutch-custom-box>div:nth-child(1) img:nth-child(3) {margin-top: -20px !important;}
.clutch-custom-box h5 {font-size: 13px;line-height: 1;color: #000000;font-weight: 600;margin: -27px auto 21px;width: 80%;text-transform: uppercase;}
.clutch-custom-box h6 {    color: #6A5439;    font-weight: 600;    font-size: 12px !important;    margin: 10px !important;}
.clutch-custom-box h2 {    font-size: 5rem;    color: black;    margin-bottom: 0;}
.clutch-custom-box>div:nth-of-type(2) {background: #000;height: 40px;display: flex;align-items: end;justify-content: center;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);margin-bottom: -1px;margin: -9px 0 0;}
.clutch-custom-box img {height: 15px !important;margin: -12px 0 0 !important;}


.pricing .list-details ul li .mainwrp .properties p.current {    z-index: -1;}



.addon-item {  display: flex;  justify-content: space-between;  align-items: center;  border: 1px solid #222;  padding: 12px;  margin-bottom: 10px;}
.addon-toggle {background: #000;width: 34px;height: 34px;border-radius: 50%;border: none;cursor: pointer;font-size: 18px;border: 1px solid #272727;color: #fff;}
.addon-item.active {background: #00000020;border: 1px solid #222 !important;border-radius: 18px;}

.addon-list{}
.addon-list .sub-heading{    display: inline-block;    letter-spacing: 0.1em;    font-family: "Inter", sans-serif;    font-size: 12px;    line-height: 12px;    text-transform: uppercase;    color: #f15a2b;    margin: 60px 0 0px;}
.addon-list .addon-item {    border: 1px solid #22222200;}
.addon-list .addon-item .addon-info{width:100%;}
.addon-list .addon-item .addon-info h4{    color: #fff;    font-size: 15px;    margin: 0 0 5px;display:inline-block;    mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);}
.addon-list .addon-item .addon-info p{    margin: 0;color: #979797;}
.addon-list .addon-item .addon-action{text-align: center;}
.addon-list .addon-item .addon-action .addon-price{    color: #4e4e4e;}
.addon-list .addon-item .addon-action .addon-toggle{position:relative;}
.popup-panel .popup-bottom-text h4{    color: #fff;    margin: 0;}
.popup-panel .popup-bottom-text .bottom-total{padding-left: 30px;}
.price-breakdown{}
.price-breakdown .breakdown-item{}
.price-breakdown .breakdown-item span{    color: #979797;    font-size: 13px;}
.price-breakdown .breakdown-item strong{    color: #979797;    font-size: 13px;    font-weight: 400;}


button.checkout-btn {    border-radius: 38px;    padding: 8px 22px;    font-size: 16px;    font-weight: 400;    margin-right: 30px;}



.contact-pg .solutionlist .listwrp ul li h3{    font-size: 26px;    letter-spacing: unset;    margin: 0 0 20px;    font-weight: 400;}
.contact-pg .solutionlist .listwrp ul li p{    font-size: 18px;    font-weight: 300;    line-height: 26px;}
.contact-pg .solutionlist .listwrp ul li .btn-wrp{margin: 30px 0 0;display: flex;}
.contact-pg .solutionlist .listwrp ul li .btn-wrp a{color: #fff;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.12);transition: .3s ease-in-out;padding: 2px 2px 3px 20px;}
.contact-pg .solutionlist .listwrp ul li .btn-wrp a svg{    background: #f15a2b;}
.contact-pg .solutionlist .listwrp ul li .btn-wrp a:hover{    transform: translateY(-10px);}
.contact-pg .solutionlist .listwrp ul li img{height: 40px;    margin: 0 0 30px;}
.contact-pg .solutionlist {    margin: 0 0 0px;}

.support-pg .bottom-cta{padding: 100px 0 70px;}
.support-pg .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.support-pg .bottom-cta .mainwrp .txtwrp{margin: 0px auto 0 622px;margin-bottom: 60px;}
.support-pg .bottom-cta .mainwrp{position: relative;padding: 80px 130px 130px 130px;}
.support-pg .bottom-cta .mainwrp .bottom-line{width: 98.5%;position: absolute;left: 0;bottom: 10px;background: #7e7e7e4f;padding: 10px 20px 10px 20px;border-radius: 10px;backdrop-filter: blur(8px);right: 0;margin: auto;}
.support-pg .bottom-cta .mainwrp .bottom-line .justi{    display: flex;    justify-content: space-between;    align-content: center;    align-items: center;}
.support-pg .bottom-cta .mainwrp .bottom-line .justi h4{margin: 0;color: #ffffff;text-align: left;}
.support-pg .bottom-cta .mainwrp .bottom-line .justi h4 span{    display: block;    text-align: left;    margin: 0;    font-size: 16px;    color: #ffffff;    font-weight: 400;}
.support-pg .bottom-cta .mainwrp .bottom-line .justi a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 0px 0 0;    display: inline-block;}




.sec-padding-110 {	padding: 200px 0 60px;	background: rgb(255 255 255);}
.sitemap-wrapper a {	text-decoration: none;}
.sitemap-wrapper p {	margin: 30px 0 15px;	font-size: 20px;	line-height: 24px;	color: #000000;	padding: 0px;	font-weight: 600;}
.sitemap-wrapper h2 {	margin: 0;	font-size: 24px;	border-bottom: 1px solid #ccc;	padding: 0 0 30px;	color: #2c2c2c;}
.sitemap-wrapper a {	text-decoration: none;	color: #373634;	font-size: 18px;	margin: 0 0 5px;	display: block;}
.sitemap-wrapper a:hover {	text-decoration: underline;}
.sitemap-wrapper a.mainhead:hover {	text-decoration: none;}
.sitemap-wrapper h1{    color: #000000;    font-size: 60px;    line-height: 66px;    margin: 0;    font-family: "Aeonik Medium";    letter-spacing: -0.02em;    font-weight: 100;    z-index: 9;    position: relative;    width: 100%;    margin: 0 auto;}


.privacy-choices{    margin: 0px 0 0;}
.privacy-choices a{    font-size: 14px;    text-decoration: underline;color: #757575 !important;}
.privacy-choices a img{    height: 17px;    margin: 0 0 0 5px;}




.privacy-choice input[type=checkbox]{height: 0; width: 0; visibility: hidden; }
.privacy-choice label {cursor: pointer;text-indent: -9999px;width: 40px;height: 20px;background: grey;display: block;border-radius: 100px;position: absolute;top: 3px;right: 10px;}
.privacy-choice label:after {content: ''; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: #fff; border-radius: 90px; transition: 0.3s; }
.privacy-choice input:checked + label {background: #262108; }
.privacy-choice input:checked + label:after {left: calc(100% - 5px); transform: translateX(-100%); }
.privacy-choice label:active:after {width: 10px; }
.pricavy-toogle{position: relative; }
.pricavy-toogle input{position: absolute; top: 0; right: 0; }
.privacy-choice a{margin: 0;    color: #f15a2b;    text-decoration: underline;    font-size: 16px;    padding: 0;    border: none;    font-weight: 400;visibility: unset !important;float: right;width: auto;    height: auto;background:unset;opacity: 1;} 
.privacy-choice .themes-btn{visibility: unset !important;float: right;width: auto;    height: auto;}
.privacy-choice .themes-btn:hover{    transform: translateY(0rem);}
div#exampleModaltwo{}
div#exampleModaltwo .modal-content{border-radius: 18px;padding: 0px 0 20px;background: #fff;}
div#exampleModaltwo .modal-body{    height: auto;padding:0 40px 20px;}
div#exampleModaltwo h5{font-size: 22px;}
div#exampleModaltwo p{font-size: 14px;    line-height: 20px;}
div#exampleModaltwo .modal-header{border-bottom: unset;}


.modal.show .modal-dialog{        margin: 0 auto;        display: flex;        align-items: center;        height: 100%;}


.pkg-popup {    justify-content: flex-start;}
.pkg-popup h3{margin: 50px 0 10px;position: relative;}
.pkg-popup.active h3:after{content:'Selected Package';position: absolute;right: 0;padding: 10px 13px;border-radius: 8px;font-weight: 400;background: #000000;bottom: 0;letter-spacing: 0.1em;font-family: "Inter", sans-serif;font-size: 12px;line-height: 12px;text-transform: uppercase;color: #f15a2b;}
.pkg-popup .popup-desc {    color: #d8d8d8;    width: 80%;}


span.addon-price{    color: #fff;    margin: 0 0 0 10px;}
span.addon-price span {    color: #979797 !important;    font-size: 14px;}
.added{    color: #f15a2b;    border: 1px solid #282828;    padding: 2px 14px;    border-radius: 8px;    margin: 0 0 5px;    display: inline-block;    font-size: 12px;    opacity: 0;text-transform: uppercase;}
.addon-item.active .added{opacity:1;}
.addon-item.active span.addon-price{color:#fff;}

.addon-info.dedicated{    background: #00000020;    border: 1px solid #222 !important;    border-radius: 18px;    padding: 12px;}
.addon-info.dedicated h4{color: #fff;font-size: 16px;display: inline-block;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);}
.addon-info.dedicated span{}
.addon-info.dedicated p{    margin: 0;color: #979797;}



.addon-list .addon-item .addon-action .addon-toggle:after {    content: '';    height: 2px;    background: #fff;    position: absolute;    top: 15px;    right: 0;    left: 0;    margin: 0 auto;    width: 13px;}
.addon-list .addon-item .addon-action .addon-toggle:before {    content: '';    height: 2px;    background: #fff;    position: absolute;    top: 15px;    right: 0;    left: 0;    margin: 0 auto;    width: 13px;    transform: rotate(90deg);}
.addon-item.active .addon-action .addon-toggle {    transform: rotate(45deg);}


.checkout-details-section {background: #000;padding: 160px 0 70px !important;}
.checkout-details-section .checkout-summary{}
.checkout-details-section .checkout-summary h2{color: #fff;font-family: 'Aeonik Medium';font-size: 40px;letter-spacing: -0.02em;line-height: 46px;font-weight: 400;width: 90%;margin: 0 0 50px;}
.checkout-details-section .checkout-summary .list-group{    padding: 0;}
.checkout-details-section .checkout-summary .list-group li{    background: #00000020;    border: 1px solid #222 !important;    border-radius: 18px;}
.checkout-details-section .checkout-summary .list-group li span{    color: #fff;    font-size: 15px;    margin: 0 0 0px;    display: inline-block;    mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);}
.checkout-details-section .checkout-summary .list-group li strong{    color: #fff;    font-size: 15px;    font-weight: 400;}
.checkout-details-section .checkout-summary h5{color: #fff;font-size: 28px;display: inline-block;color: #fff;font-size: 15px;margin: 0 0 5px;display: inline-block;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);}
.checkout-details-section .checkout-summary p.text-muted{display: inline-block;color: #fff !important;font-size: 15px;}
.checkout-details-section .checkout-summary .border-top{    border-top: 2px solid #ffffff24 !important;}
.checkout-details-section .checkout-summary .border-top strong{    color: #fff;}
.checkout-details-section #orderSummary > div:first-child{    display: flex;    align-items: center;    justify-content: space-between;}

.checkout-details-section .addon-item-summary{    display: flex;    align-items: center;    justify-content: space-between;}
.checkout-details-section .addon-item-summary .addon-detail{}
.checkout-details-section .addon-item-summary .addon-detail h4{color: #fff;font-size: 15px;margin: 0 0 5px;display: inline-block;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);letter-spacing: unset;}
.checkout-details-section .addon-item-summary .addon-detail p{    margin: 0;    color: #979797;    font-size: 16px;    font-weight: 400;    line-height: 20.8px;    width: 77%;}
.checkout-details-section .addon-item-summary span{    color: #fff;    font-size: 15px;    width: 20%;    text-align: right;}
.checkout-details-section .package-summary{}
.checkout-details-section .package-summary .pkg-name{}
.checkout-details-section .package-summary .pkg-name h3{color: #fff;font-size: 15px;margin: 0 0 5px;display: inline-block;mask: linear-gradient(145deg, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 157%);letter-spacing: unset;}
.checkout-details-section .package-summary .pkg-name p{    margin: 0;    color: #979797;    font-size: 16px;    font-weight: 400;    line-height: 20.8px;    width: 77%;}
.checkout-details-section .package-summary .pkg-price{    color: #fff;    font-size: 15px;    width: 20%;    text-align: right;}
.checkout-details-section .package-summary .pkg-price p{    color: #fff;    font-size: 15px;    text-align: right;    margin: 0;}

.checkout-form{}
.checkout-form h2{    color: #fff;    font-family: 'Aeonik Medium';    font-size: 40px;    letter-spacing: -0.02em;    line-height: 46px;    font-weight: 400;    width: 90%;    margin: 0 0 50px;}


#ghlForm form {    display: flex;    flex-direction: column;    gap: 12px;}
#ghlForm input,
#ghlForm select {background: #ffffff14;border: 1px solid rgba(255, 255, 255, 0.12);color: #fff;border-radius: 10px;padding: 8px 12px;font-size: 14px;}
#ghlForm button.submit-btn {background: #ff5500;color: #fff;border: none;padding: 12px;border-radius: 30px;cursor: pointer;font-weight: 600;margin-top: 0px;transition: background 0.3s ease;}
#ghlForm button.submit-btn:hover {    background: #ff7b3d;  }

.success-pg .ban{    padding: 0px 0 0;    height: 100vh;    overflow: hidden;    background: linear-gradient(to bottom, #82a1b4 0%, #acbfc5 50%, #cfd4ce 100%);    background-image: url(../images/crm-banner.jpg);    background-repeat: no-repeat;    background-size: cover;    display: flex;    align-items: center;}
.success-pg .ban .txtwrp{}
.success-pg .ban .txtwrp h1{}
.success-pg .ban .txtwrp p{    margin: 30px 0 40px;    width: 60%;}
.success-pg .ban .txtwrp h1 span{color: #f15a2b;}



/*.df-icon {  position: absolute !important;  width: 42px !important;  opacity: 0;  transform: translateY(-160px) scale(0.95);  will-change: transform, opacity;}*/
.df-icon {
  position: absolute !important;
  opacity: 0;                /* 🔴 start hidden */
  visibility: hidden;        /* 🔴 extra safety */
  transform: translateY(-160px) scale(0.95);
  will-change: transform, opacity;
}



@keyframes fallIn {
  0% {
    transform: translateY(-160px) scale(0.95);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.icon1{    top: -140px;    left: 80px;    width: 70px !important;}
.icon2{    top: -150px;    left: 180px;    width: 42px !important;}
.icon3{top: -140px;right: 50px;width: 70px !important;}
.icon4{    top: -50px;    left: 130px;    width: 42px !important;}
.icon5{top: -85px;right: 220px;width: 65px !important;}
.icon6{    top: -90px;    right: 150px;    width: 45px !important;}
.icon7{    top: -50px;    right: 90px;    width: 35px !important;}
.icon8{    bottom: 330px;    left: 110px;    width: 60px !important;}
.icon9{    bottom: 300px;    right: 250px;    width: 60px !important;}
.icon10{    bottom: 330px;    right: 140px;    width: 60px !important;}
.icon11{    bottom: 340px;    right: 60px;    width: 40px !important;}
.icon12{    bottom: 280px;    left: 100px;    width: 45px !important;}
.icon13{    bottom: 283px;    right: 190px;    width: 40px !important;}
.icon14{    bottom: 283px;    right: 100px;    width: 55px !important;}
.icon15{    bottom: 203px;    left: 140px;    width: 50px !important;}
.icon16{    bottom: 170px;    right: 245px;    width: 35px !important;}
.icon17{    bottom: 203px;    right: 170px;    width: 50px !important;}
.icon18{    bottom: 210px;    right: 100px;    width: 35px !important;}
.icon19{    bottom: 150px;    left: 120px;    width: 40px !important;}
.icon20{    bottom: 150px;    right: 200px;    width: 35px !important;}
.icon21{    bottom: 160px;    right: 130px;    width: 40px !important;}
.icon22{    bottom: 70px;    right: 300px;    width: 40px !important;}
.icon23{    bottom: 70px;    right: 245px;    width: 30px !important;}
.icon24{    bottom: 63px;    right: 170px;    width: 50px !important;}
.icon25{bottom: 20px;right: 270px;width: 40px !important;}
.icon26{bottom: 30px;right: 220px;width: 25px !important;}
.icon27{bottom: 20px;right: 170px;width: 30px !important;}




.industry-pg .bottom-cta{padding: 100px 0 0;}
.industry-pg .bottom-cta .atk-cta{    position: absolute;    bottom: 0;    left: 130px;    width: 540px;}
.industry-pg .bottom-cta .mainwrp .txtwrp{margin: 0px auto 0 622px;margin-bottom: 60px;}
.industry-pg .bottom-cta .mainwrp{position: relative;padding: 80px 0px 130px 60px;}
.industry-pg .bottom-cta .mainwrp .bottom-line{width: 98.5%;position: absolute;left: 0;bottom: 10px;background: #7e7e7e4f;padding: 10px 20px 10px 20px;border-radius: 10px;backdrop-filter: blur(8px);right: 0;margin: auto;}
.industry-pg .bottom-cta .mainwrp .bottom-line .justi{    display: flex;    justify-content: space-between;    align-content: center;    align-items: center;}
.industry-pg .bottom-cta .mainwrp .bottom-line .justi h4{margin: 0;color: #ffffff;text-align: left;}
.industry-pg .bottom-cta .mainwrp .bottom-line .justi h4 span{    display: block;    text-align: left;    margin: 0;    font-size: 16px;    color: #ffffff;    font-weight: 400;}
.industry-pg .bottom-cta .mainwrp .bottom-line .justi a{    background: #fff;    font-size: 12px;    letter-spacing: .1em;    text-transform: uppercase;    padding: 12px 20px;    border-radius: 30px;    color: #000;    margin: 0px 0 0;    display: inline-block;}
.industry-pg .package-list-box{margin: -240px 0 0;}
.industry-pg .package-list-box{background: #fff;    margin: -240px 0 0;}
.industry-pg .single-quote {    padding: 70px 0 0;}

.industry-pg .case-txt-box{    padding: 30px 20px;height: 385px;}
.industry-pg .case-txt-box h3{    font-size: 55px;}
.industry-pg .case-txt-box h3 span{    font-size: 16px;    position: absolute;    bottom: 13px;    right: 0px;    left: unset;    max-width: 50%;}