/*orbit*/
@media screen and (min-width:768px){
  .orbit-row{margin-top:0px!important;display: flex;}}

@media (max-width:991px){
.sppb-section.dt-first-row{
    height: 500px!important;
    /* margin-top:50px!important; */
}}



/*Services*/
.ai-service-box-01 {
    position: relative;
    padding-top:200px;
}
.ai-service-box-01 .sppb-img-container {
    position: absolute;
    z-index: 3;
    top:0;
    width:300px;
    left:0;
    right:0;
    margin:auto;
    
}
.ai-service-box-01 .sppb-media-content {
    height: 330px;
    background: rgb(255 255 255 / 10%);
    padding: 110px 30px 30px 30px;
    border-radius:15px;
    transition:0.5s;
}
.ai-service-box-01:hover .sppb-media-content {
    background: rgb(255 255 255 / 20%);
}

/*mdec*/
.md-img-style-001 img {
    width:100%;
    max-width: 400px;
}
.md-img-style-002 img {
    width:100%;
    max-width: 300px;
}
.mdec-left {
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    
}
@media (min-width:576px){
    .mdec-left {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:768px){
    .mdec-left {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width:992px){
    .mdec-left {
        max-width: 480px;
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width:1201px){
    .mdec-left {
        max-width: 570px;
        margin-left: auto;
        margin-right: 0;
    }
}
@media (min-width:1401px){
    .mdec-left {
        max-width: 655px;
        margin-left: auto;
        margin-right: 0;
    }
}


/*Clients*/
.clients-image{
  height:500px;
  overflow:hidden;
  position: relative;
}
.clients-image img {
  animation-name: somename !important;
  animation-duration: 15s !important;
  animation-iteration-count: infinite !important;
  animation-timing-function: linear !important;
  white-space: nowrap !important;
  width: 100%!important;
}
.clients-image.clients-image-mobile img{
    animation-duration: 25s !important;
}
@keyframes somename {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.clients-image::before, .clients-image::after {  
    content: '';
    height: 100px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.clients-image::before {top:0;background: linear-gradient(to bottom, #141e3e, transparent 100%);}
.clients-image::after {bottom:0;background: linear-gradient(to bottom,transparent, #141e3e 100%);}



/*count*/
.count {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px;
    padding: 40px 0px;
    backdrop-filter: blur(4px);
}
.landing-bg-box-001 {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px;
    padding: 40px 55px 0px 55px;
    backdrop-filter: blur(4px);
    margin-bottom: 30px !important;
}
.landing-bg-box-001 img {
    margin-bottom: 30px;
}
.landing-bg-box-001 h5 {
    line-height: 1.5;
    font-weight: 600 !IMPORTANT;
    letter-spacing: 0.5px !IMPORTANT;
}
.landing-bg-box-001 p {
    padding-top: 10px !important;
    font-size: 16px;
    letter-spacing: 0.5px !IMPORTANT;
}
.landing-bg-box-001 .sppb-addon-text {
    padding-top: 10px !important;
    font-size: 16px;
    letter-spacing: 0.5px !IMPORTANT;
}
@media(max-width:991px){
.landing-bg-box-001 {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px;
    padding: 40px 15px 0px 15px;
    backdrop-filter: blur(4px);
    margin-bottom: 30px !important;
}
}
.landing-bg-box-001 p {
    margin: 0px !important;
}

/**/
.landing-box-column-001 {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px;
    padding: 30px 25px 0px 25px;
    backdrop-filter: blur(4px);
}




.count p {
    color: hsl(0deg 0% 100% / 50%);
}

@media (max-width: 767px) {
    .home-count .sppb-col-md-4 { padding: 0 5px; }
    .home-count { padding: 0 10px !important; }
}

@media (max-width: 767px) {
    .count { padding: 20px 10px; border-radius: 10px; } 
    .count .sppb-animated-number-title {line-height: 1.3 !important;margin-top: 15px !important;letter-spacing: 0.5px;font-size: 12px;}
}

@media(max-width:600px){
.count .sppb-animated-number {
    margin-bottom: -10px;
}}

/*websitedesign*/
span.websitedesign {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
}
@media(min-width:992px)and (max-width:1199px){
span.websitedesign { font-size: 30px !important; line-height:40px!important; }
}
@media(max-width:991px){
span.websitedesign { font-size: 24px !important; line-height:34px!important; }
}

/*whatweprovide*/
.whatweprovide {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px;
}

/*white-heading-small*/
.white-heading-small .sppb-addon-title {
    letter-spacing: 1.5px;
    color: #fff!important;
}


/*whatweprovide slider text*/
.whatweprovide-slider h2 {font-size: 30px !important;line-height:40px!important;color: rgb(255 255 255 / 50%);font-weight: normal;}

@media(min-width:992px)and (max-width:1199px){
.whatweprovide-slider h2 { font-size: 25px !important; line-height:35px!important; }}

@media(max-width:991px){
.whatweprovide-slider h2 { font-size: 16px !important; line-height:26px!important; }}

/*whatweprovide slider content*/
.whatweprovide-slider .sppb-carousel-pro-content {
    margin: 30px 0!important;
}
/*whatweprovide slider row align*/
.whatweprovide-slider .sppb-carousel-pro-inner-content .sppb-row {
    display: flex;
    align-items: center;
    justify-content: center;
}


/*whatweprovide-slider span*/
.whatweprovide-slider span{
    color: #fff;
    font-size: 35px;
    font-weight: 500;
}
@media(min-width:992px)and (max-width:1199px){
.whatweprovide-slider span{ font-size: 30px !important; line-height:40px!important; }
}
@media(max-width:991px){
.whatweprovide-slider span{ font-size: 24px !important; line-height:34px!important; }
}


/*whatweprovide-slider bullet*/
.sppb-carousel-indicators li {margin: 0 0 8px 0!Important;}

@media only screen and (min-width: 993px) {
.sppb-carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    left: 0;
    left: 100%!important;
    margin-left: 30px!important;
    width: 6%!important;
    padding-left: 0;
    list-style: none;
    text-align: right;
    display: inline-grid;
  }}
@media only screen and (min-width: 600px) and (max-width:992px){
.sppb-carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    left: 100%;
    margin-left: 20px!important;
    width: 6%!important;
    padding-left: 0;
    list-style: none;
    text-align: right;
    display: inline-grid;
  }}

@media only screen and (max-width: 600px) {
.sppb-carousel-indicators li {
    margin: 0px 4px!important;
}}

.whatweprovide-slider .sppb-carousel-indicators li.active {
    width: 10px!important;
    height: 10px!important;
}



/*whatweprovide-slider image*/
@media only screen and (min-width: 993px) {
.whatweprovide-slider img.sppb-img-reponsive {
    margin-top: -50px;
}

.whatweprovide-slider .sppb-carousel-inner {
    overflow: visible;
}}




/*client*/
.client-logo img.sppb-img-responsive.sppb-addon-clients-image {
    transition:0.5s ease;
    opacity: 0.3;margin:0px;
}
.client-logo img.sppb-img-responsive.sppb-addon-clients-image:hover{
    opacity: 1; transition:0.5s ease;
}
.sppb-addon-clients .sppb-carousel-extended-item {
    padding: 0px 0;
}

.sppb-addon-clients .sppb-carousel-extended-nav-control .nav-control {
    border: 0;
    color: #bbb9b8;
}

/*portfolio heading*/
@media only screen and (min-width: 1199px) {
.portfolio-heading {
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: -25px;
}}
@media only screen and (min-width: 600px) and (max-width:1198px){
.portfolio-heading {
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: -21px;
}}
@media only screen and (max-width: 600px){
.portfolio-heading {
    margin-top: -36px;
}}


/*portflio slider row*/
.portfolio-slider .sppb-carousel-pro-inner-content .sppb-row {
    display: flex;
    flex-direction: row-reverse;
}


/*portfolio slider text*/
.portfolio-slider h2 {font-size: 40px !important;line-height:40px!important;color: rgb(255 255 255 / 100%);font-weight: 700;}

@media(min-width:992px)and (max-width:1199px){
.portfolio-slider h2 { font-size: 35px !important; line-height:35px!important; }}

@media(max-width:991px){
.portfolio-slider h2 {font-size: 35px !important;line-height: 34px!important;}}

/*portfolio slider content*/
.portfolio-slider .sppb-carousel-pro-content {
    margin: 20px 0 40px 0!important;
}
@media screen and (min-width:768px){
.portfolio-slider .sppb-carousel-pro-content {
    width: 80%;
    color: rgb(255 255 255 / 50%);
  }}

/*portfolio slider row align*/
.portfolio-slider .sppb-carousel-pro-inner-content .sppb-row {
    display: flex;
    align-items: center;
    justify-content: center;
}


/*package li bullet*/
.home-price-list .sppb-addon-content {
    color: #fff!important;
}
.bullet-points ul li:before{
    position: absolute;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 15px;
    left: 0px;
}

.bullet-points ul {
    padding: 0 0 0 28px;
}

/*package card*/
.zindex5{
    z-index: 5!important;
}

.package-card {
    background: rgb(32 42 73);
    border-radius: 20px;
}

/*price*/
.home-price {font-family:'Karla';}
.home-price .sppb-addon-content h3{font-weight: 700!important;}

/*end*/


/*testimonial*/
.sppb-testimonial-carousel-item-content .sppb-testimonial-carousel-message {
    font-size: 16px;
    color: #000 !important;
}
.sppb-testimonial-carousel-name {
    color: #fff !IMPORTANT;
}

h5.sppb-addon-title.sppb-feature-box-title {
    text-transform: capitalize !important;
}

h4.sppb-addon-title.sppb-feature-box-title {
    text-transform: unset !important;
  font-weight: 500 !important;
}

h3.sppb-addon-title.sppb-feature-box-title {
    text-transform: capitalize !important;
}



/* Coming Soon */
.coming-soon-products-title ul.sppb-nav.sppb-nav-modern {
    justify-content: center;
    margin-bottom: 30px;
}
.coming-soon-products-title ul.sppb-nav.sppb-nav-modern a{
    background: transparent !IMPORTANT;
    color: #ffffff !IMPORTANT;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #fff !IMPORTANT;
    border-radius: 100px !important;
    transition:0.5s;
    min-width: 180px;
    text-align:center;
}
.coming-soon-products-title ul.sppb-nav.sppb-nav-modern a:hover,
.coming-soon-products-title ul.sppb-nav.sppb-nav-modern .active a{
    background: #ffffff !IMPORTANT;
    color: #141e3e !IMPORTANT;
    border: 2px solid #fff !IMPORTANT;
    box-shadow: 0 0 8px 4px rgba(255, 255, 255, 0.4) !important;
}
/* AI PA */
.coming-soon-001>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap:15px;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-001{
    grid-column:span 2;
    grid-row:span 1;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-002{
    grid-column:span 2;
    grid-row:span 2;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-004{
    grid-column:span 2;
    grid-row:span 2;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-007{
    grid-column:span 2;
    grid-row:span 2;
    padding: 15px 30px 0 30px !important;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009{
    grid-column:span 2;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-002 .example img,
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-004 .example img,
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-007 .example img{
    margin-top:30px;
}
.ai-pa-box .sppb-addon-feature img{
    width:40px;
    margin-bottom:15px;
}
.ai-pa-box{
    background: #141e3e; /* Dark background */
    border-radius:15px !important;
    z-index: 1 !important;
    position:relative !important;
    padding:15px 20px !important;
}
.ai-pa-box:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(145deg, rgb(255 255 255 / 70%), rgb(255 255 255 / 10%), rgb(255 255 255 / 40%));
    z-index: -1;
    border-radius: 18px;
    transition:0.5s;
    opacity:0.5;
}
.ai-pa-box:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #141e3e; /* Same as parent background */
    border-radius: 15px; /* Same as .grid-item */
    z-index: 0; /* Stays between the border and content */
    transition:0.5s;
}
.ai-pa-box:hover:before{
    opacity:1;
}
.ai-pa-box:hover:after{
    background: #1c2645; /* Same as parent background */
}
.ai-pa-box p{
    margin-bottom:0;
}
.ai-pa-box-001 .example img {
    width: 100px;
}
.ai-pa-box-001 .example{
    display:flex;
    justify-content:center;
}

@media (max-width:1200px){
.coming-soon-001>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-gap:15px;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-001{
    grid-column:span 2;
    grid-row:span 1;
    order:1;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-002{
    grid-column:span 2;
    grid-row:span 2;
    order:2;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-003{
    order:3;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-004{
    grid-column:span 2;
    grid-row:span 2;
    order:4;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-005{
    order:3;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-006{
    order:5;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-007{
    grid-column:span 2;
    grid-row:span 2;
    padding: 15px 30px 0 30px !important;
    order:7;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-008{
    order:6;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009{
    grid-column:span 2;
    order:8;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-002 .example img,
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-004 .example img,
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-007 .example img{
    margin-top:30px;
}
.ai-pa-box .sppb-addon-feature img{
    width:30px;
    margin-bottom:15px;
}
}

@media (max-width:767px){
.coming-soon-products-title ul.sppb-nav.sppb-nav-modern a{
    min-width:150px;
}
.coming-soon-001>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap:15px;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-001{
    grid-column:span 2;
    grid-row:span 1;
    order:1;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-002{
    grid-column:span 2;
    grid-row:span 1;
    order:2;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-003{
    order:3;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-004{
    grid-column:span 2;
    grid-row:span 1;
    order:4;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-005{
    order:3;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-006{
    order:5;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-007{
    grid-column:span 2;
    grid-row:span 1;
    padding: 15px 30px 0 30px !important;
    order:7;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-008{
    order:6;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009{
    grid-column:span 2;
    order:8;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009 .example{
    display:flex;
    justify-content:center;
    margin-top:30px;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009 .example img{
    width:300px;
}
.ai-pa-box .sppb-addon-feature img{
    width:30px;
    margin-bottom:15px;
}
}

/* AI Agent */
.coming-soon-002>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap:15px;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-001{
    grid-column:span 2;
    grid-row:span 2;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-003{
    grid-column:span 2;
    grid-row:span 1;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-005{
    grid-column:span 2;
    grid-row:span 2;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-007{
    grid-column:span 2;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-001 .example img,
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-005 .example img{
    margin-top:30px;
}

@media (max-width:1200px){
.coming-soon-002>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-gap:15px;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-001{
    order:1;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-002{
    order:2;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-003{
    order:4;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-004{
    order:3;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-005{
    order:3;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-006{
    order:5;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-007{
    order:7;
}
}

@media (max-width:767px){
.coming-soon-002>.sppb-container-inner>.sppb-nested-row>.sppb-row-column>.sppb-column>.sppb-column-addons {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap:15px;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-001{
    order:1;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-002{
    order:2;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-003{
    order:4;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-004{
    order:7;
    grid-column:span 2;
    grid-row:span 1;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-005{
    order:5;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-006{
    order:3;
}
.coming-soon-002 .sppb-column-addons .sppb-section.ai-agent-box-007{
    order:6;
}

.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009 .example{
    display:flex;
    justify-content:center;
    margin-top:30px;
}
.coming-soon-001 .sppb-column-addons .sppb-section.ai-pa-box-009 .example img{
    width:300px;
}
.ai-pa-box .sppb-addon-feature img{
    width:30px;
    margin-bottom:15px;
}
}