.digital-agence-home-two h2 {
-webkit-text-stroke-width: 1px;
color: transparent !important;
-webkit-text-stroke-color: #fff;
}
.heading.style-5 p.heading-text {
margin: 0;
width: 75%;
}
.spin-thumb img {
animation: deepSpin 8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
filter: drop-shadow(0 0 15px rgba(0, 255, 255, 0.6));
transform-origin: center;
transition: filter 0.3s ease-in-out;
}
@keyframes deepSpin {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(180deg) scale(1.03);
filter: drop-shadow(0 0 25px rgba(0, 255, 255, 0.8));
}
100% {
transform: rotate(360deg) scale(1);
}
}
.spin-thumb img:hover {
animation-play-state: paused;
filter: drop-shadow(0 0 30px rgba(255, 255, 255, 0.8));
}
.hero-section {
background: linear-gradient(135deg, #1e1e2f, #001f3f, #0f2027);
background-size: 300% 300%;
animation: bgShift 15s ease infinite;
}
@keyframes bgShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
} .section-title.style11 h5.subtitle {
font-size: 16px;
color: #121417;
font-weight: 500;
font-family: "Mulish";
margin: 0 0 25px;
text-transform: uppercase;
margin-left: 32px;
position:relative;
text-transform: none !important;
}
.section-title.style11.center h5.subtitle {
display: inline-block;
}
.section-title.style11 h5.subtitle:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: -31px;
top: 0;
background: url(https://wp.ditsolution.net/techno/wp-content/uploads/2025/04/section-icon.png);
background-repeat: no-repeat;
background-position: center left;
}
.section-title.style11 h3.title {
font-size: 48px;
line-height: 45px;
text-transform: uppercase;
color: #121417;
font-weight: 800;
font-family: "Mulish";
text-transform: none !important;
} .heading.style-6 p.heading-text {
font-size: 18px;
line-height: 30px;
color: #616161;
font-weight: 400;
font-family: "Mulish" !important;
width: 94%;
padding-left: 80px;
margin: 27px 0 0;
position:relative;
}
.heading.style-6 p.heading-text:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 8px;
background: url(https://wp.ditsolution.net/techno/wp-content/uploads/2025/04/quote-icon.png);
background-repeat: no-repeat;
} .dreamit-button .button {
padding: 12px 31px;
display: inline-block;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 44;
border-radius: 5px;
color: #fff;
border-radius: 25px;
background-image: linear-gradient(0deg, #2b25ff 0%, #096dff 100%);
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 500;
font-family: "Mulish";
} .icon-box.style31 .title h2 {
font-size: 26px;
color: #121417;
font-weight: 600;
font-family: "Mulish";
margin: 7px 0 13px;
}
.icon-box.style31 .description p {
font-size: 16px;
line-height: 26px;
color: #616161;
font-weight: 400;
font-family: "Mulish";
margin: 0;
} .service-box.style21 {
border-radius: 16px;
background-color: #2071ff;
padding: 48px 39px 48px;
position: relative;
}
.service-box.style21 span.service-box-number {
font-size: 20px;
color: #ffffff;
font-weight: 400;
font-family: "Mulish";
position: absolute;
right: 44px;
top: 42px;
}
.service-box.style21 .icon {
margin-bottom: 29px;
}
.service-box.style21 h3.title a {
display: inline-block;
font-size: 30px;
line-height: 38px;
color: #ffffff;
font-weight: 700;
font-family: "Mulish";
}
.service-box.style21 p.description {
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
font-family: "Mulish";
margin: 14px 0 29px;
}
.service-box.style21 ul.service-box-list li {
display: inline-block;
font-size: 12px;
color: #ffffff;
font-weight: 500;
font-family: "Mulish";
border: 1px solid rgba(255,255,255,0.3);
padding: 4px 18px;
border-radius: 30px;
margin-right: 5px;
}
.service-box.style21 .service-btn {
border-top: 1px solid rgba(255,255,255,0.2);
padding: 31px 0 0;
margin-top: 31px;
}
.service-box.style21 .service-btn a {
display: inline-block;
font-size: 14px;
color: #ffffff;
font-weight: 500;
font-family: "Mulish";
border-radius: 21px;
border: 0;
padding: 10px 29px;
background: var(--dream-color-primary);
transition:.5s;
}
.service-box.style21:hover .service-btn a{
background:#fff;
color: var(--dream-color-primary); 
} .brand.style7 {
border-radius: 10px;
background-color: rgba(255,255,255,0.0784313725490196);
border: 1px solid rgba(255,255,255,0.15);
padding: 72px 30px 60px;
}
.brand.style7 .owl-carousel .owl-item img {
display: inline-block;
width: 100%;
}
.brand.style7 .brand-item {
text-align: center;
}
.brand.style7 .brand-item img {
width: 70% !important;
} .portfolio-filter.style-two .portfolio-content {
background-color: #fff;
padding: 46px 28px 26px;
margin-bottom: 6px;
border-radius: 27px;
}
.portfolio-filter.style-two .portfolio-thumb {
position: relative;
overflow: hidden;
}
.portfolio-filter.style-two .portfolio_content {
text-align: left;
}
.portfolio-filter.style-two .portfolio_content p {
margin: 0;
display: inline-block;
font-size: 14px;
color: #121417;
font-weight: 600;
border: 1px solid rgba(18,20,23,0.1);
border-radius: 30px;
padding: 7px 30px;
text-transform: uppercase;
margin-bottom: 9px;
}
.portfolio-filter.style-two .portfolio_content a {
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
color: #121417;
font-weight: 700;
font-family: "Mulish";
width: 80%;
display: inline-block;
transition:0.5s;
}
.portfolio-filter.style-two .portfolio-content:hover .portfolio_content a{
color:#2139FF;
}
.portfolio-filter.style-two .portfolio_content h4 {
margin-bottom: 42px;
}
.portfolio-filter.style-two .portfolio-btn i {
display: inline-block;
width: 56px;
height: 56px;
border-radius: 28px;
background-image: linear-gradient(90deg, #2b25ff 0%, #096dff 100%);
text-align: center;
line-height: 56px;
font-size: 16px;
color: #fff;
transform: rotate(-45deg);
}
.portfolio-filter.style-two .portfolio-btn {
position: absolute;
right: -116px;
top: -11px;
width: 100px;
height: 100px;
background: white;
border-radius: 21px 19px 0px 30px;
line-height: 100px;
transition:0.5s;
}
.portfolio-filter.style-two .portfolio-content:hover .portfolio-btn {
right:0;
} .testimonial.style16 .testimonial-item h3.title_text {
display: inline-block;
font-size: 40px;
color: #ffffff;
font-weight: 700;
font-family: "Mulish";
margin: 0;
}
.testimonial.style16 .testimonial-item .teasti-quote-icon {
display: inline-block;
}
.testimonial.style16 .testimonial-item .teasti-quote-icon img {
width: 50px !important;
display: inline-block;
margin-right: 13px;
position: relative;
top: 6px;
}
.testimonial.style16 .testimonial-item p.quote {
font-size: 22px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
font-family: "Mulish";
margin: 28px 0 26px;
width: 95%;
}
.testimonial.style16 .testimonial-item .testi-star i {
color: #fff;
font-size: 18px;
margin: 0 0 0 5px;
}
.testimonial.style16 .testimonial-item .author {
display: flex;
align-items: center;
gap: 20px;
border-top: 1px solid #ffffff40;
margin-top: 40px;
padding-top: 38px;
}
.testimonial.style16 .testimonial-item h4.name {
font-size: 28px;
line-height: 34px;
color: #ffffff;
font-weight: 600;
font-family: "Mulish";
margin: 0;
}
.testimonial.style16 .testimonial-item h5.designation {
font-size: 16px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
font-family: "Mulish";
margin: 0;
}
.testimonial.style16 .owl-nav {
text-align: right;
position: relative;
top: -63px;
left: 0;
z-index: 99;
}
.testimonial.style16 .owl-nav button.owl-prev i {
display: inline-block;
width: 52px;
height: 52px;
border-radius: 26px;
background-color: rgba(255,255,255,0.10196078431372549);
border: 1px solid rgba(255,255,255,0.3);
color: #fff;
line-height: 52px;
}
.testimonial.style16 .owl-nav button.owl-next i {
display: inline-block;
width: 52px;
height: 52px;
border-radius: 26px;
background-color: rgba(255,255,255,0.10196078431372549);
border: 1px solid rgba(255,255,255,0.3);
color: #fff;
line-height: 52px;
margin-left: 10px;
} .form-area.digital-agency-two {
border-radius: 16px;
filter: drop-shadow(0px 10px 20px rgba(211,221,239,0.3));
background-color: #ffffff;
width: 80%;
padding: 49px 55px 60px;
position: relative;
left: 145px;
}
.form-area.digital-agency-two .form-group h3 {
font-size: 38px;
text-transform: uppercase;
color: #121417;
font-weight: 700;
font-family: "Mulish";
text-align: center;
margin: 0 0 30px;
}
.form-area.digital-agency-two .single-form-box input {
height: 56px;
border-radius: 5px;
background-color: rgba(247,249,253,0);
border: 1px solid rgba(18,20,23,0.1);
width: 100%;
outline: 0;
padding: 0 15px;
}
.form-area.digital-agency-two .single-form-box select{
height: 56px;
border-radius: 5px;
background-color: rgba(247,249,253,0);
border: 1px solid rgba(18,20,23,0.1);
width: 100%;
outline: 0;
padding: 0 15px;    
}
.form-area.digital-agency-two .single-form-box textarea {
height: 140px !important;
border-radius: 5px !important;
background: rgba(247,249,253,0) !important;
border: 1px solid rgba(18,20,23,0.1) !important;
}
.form-area.digital-agency-two .single-form-box textarea::placeholder {
color: #616161 !important;
font-weight: 400;
font-family: "Mulish";
}
.form-area.digital-agency-two .buttons input {
background-image: linear-gradient(0deg, #2b25ff 0%, #096dff 100%) !important;
border: transparent !important;
width: 40% !important;
color: #fff;
border-radius: 30px !important;
height: 54px !important;
margin-top: 12px;
} .service-box.style22 {
border-radius: 16px;
background-color: #f7f9fd;
border: 1px solid rgba(18,20,23,0.1);
position: relative;
padding: 24px 41px 36px;
transition:0.5s;
}
.service-box.style22:hover {
background: url(https://wp.ditsolution.net/techno/wp-content/uploads/2025/04/aword-bg.png);
background-repeat: no-repeat;
border: 1px solid #fff;
}
.service-box.style22 span.service-box-number {
position: absolute;
right: 41px;
top: 40%;
font-size: 20px;
color: #121417;
font-weight: 500;
font-family: "Mulish";
}
.service-box.style22 .icon {
float: left;
position: relative;
top: 12px;
margin-right: 25px;
}
.service-box.style22 h3.title {
margin:0px;
}
.service-box.style22 h3.title a {
font-size: 28px;
color: #121417;
font-weight: 700;
font-family: "Mulish";
display: inline-block;
}
.service-box.style22 p.description {
font-size: 14px;
color: #121417;
font-weight: 500;
font-family: "Mulish";
margin: 0;
border: 1px solid rgba(18,20,23,0.1);
display: inline-block;
border-radius: 30px;
padding: 5px 26px;
margin-top: 12px;
} .single-counter.style16 span.count.percent {
font-size: 100px;
line-height: 56px;
color: #1266f1;
font-weight: 700;
font-family: "Mulish";
}
.single-counter.style16 span.suffix {
font-size: 30px;
color: #1266f1;
position: relative;
top: -52px;
left: 8px;
}
.single-counter.style16 p.counter-desc {
position: absolute;
right: 50px;
bottom: 6px;
opacity: 0.600;
font-size: 14px;
color: #ffffff;
font-weight: 600;
font-family: "Mulish";
} .single_skill.style3 .skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 4px;
border-radius: 0;
background-color: transparent;
background-image: linear-gradient(0deg, #2b25ff 0%, #096dff 100%);
}
.single_skill.style3 .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: #dcdcdc;
width: 100%;
height: 4px;
border-radius: 0;
background-color: rgba(255,255,255,0.2);
}
.single_skill.style3 .skills .skill-item .skill-header .skill-title {
margin-bottom: 15px;
font-size: 18px;
color: #ffffff;
font-weight: 500;
font-family: "Mulish";
}
.single_skill.style3 .count-box.counted {
position: relative;
top: -10px;
left: 0;
}
.single_skill.style3 span.count-text {
font-size: 18px;
color: #ffffff;
font-weight: 500;
font-family: "Mulish";
text-align: right;
display: inline-block;
}
.single_skill.style3 .skills .skill-item:last-child {
margin-bottom: 0;
} .dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap {
width: 100%;
text-align: left;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap p {
margin: 25px 0 43px;
width: 50%;
opacity: .7 !important;
}
.slider-buttons {
position: relative;
z-index: 1;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .btn {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
font-weight: 600;
text-transform: uppercase;
font-family: 'Mulish';
padding: 15px 38px;
border-radius: 30px;
position: relative;
z-index: 1;
margin-right: 77px;
transition: .5s;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap i {
position: absolute;
right: -56px;
line-height: 55px;
width: 55px;
height: 55px;
background-image: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
top: -1px;
border-radius: 50%;
text-align: center;
font-size: 13px;
font-weight: 600;
transition: 0.5s;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .slider-buttons:hover i {
scale: 0;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .slider-buttons:hover .btn {
scale: 0;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .slider-buttons:hover span.icn2 i {
scale: 1 !important;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .slider-buttons:hover span.icn2  {
scale: 1;
}
span.icn2 {
position: absolute;
left: 0;
top: -1px;
scale: 0;
transition: 0.5s;
z-index: 888;
}
@keyframes scale-reverse {
0%,100% {
scale: 1
}
50% {
scale: 0
}
} .dreamit-slick-slider .single-slick.style_one.style-six .slider-single-image {
position: absolute;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: inherit;
margin-right: 0px;
right: 15%;
bottom: 111px;
}
.dreamit-slick-slider .single-slick.style_one.style-six .slider-buttons a.btn-2 {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
font-weight: 600;
text-transform: uppercase;
font-family: 'Mulish';
padding: 15px 38px;
border-radius: 30px;
z-index: 1;
margin-right: 77px;
position: absolute;
left: 54px;
scale: 0;
transition: .5s;
}
.dreamit-slick-slider .single-slick.style_one.style-six .slider-buttons:hover a.btn-2 {
scale: 1;
}
.dreamit-slick-slider .single-slick.style_one.style-six .slider-buttons span.icn2 i {
position: absolute;
right: -1px;
line-height: 55px;
width: 55px;
height: 55px;
background-image: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
top: -1px;
border-radius: 50%;
text-align: center;
font-size: 13px;
font-weight: 600;
transition: 0.5s;
color: #fff;
}
.dreamit-slick-slider .single-slick.style_one.style-six .hero-text-wrap .btn-2:hover {
color: #fff;
}
.dreamit-slick-slider .single-slick.style_one.style-six .slider-buttons a.btn-3 {
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
text-decoration: wavy;
display: inline-block;
border-bottom: 1px solid #fff;
} .service-box.style1.style25 {
border: 0;
border-radius: 0;
padding: 45px 23px 36px 30px;
transition: .5s;
position: relative;
z-index: 1;
}
.service-box.style1.style25:before {
position: absolute;
content: "";
right: 0;
top: 0;
height: 100%;
width: 0;
background: url(https://wp.ditsolution.net/techno/wp-content/uploads/2025/05/choose-bg-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: .5s;
z-index: -1;
}
.service-box.style1.style25:hover:before {
left: 0;
width: 100%;
}
.service-box.style1.style25 .icon {
background-color: transparent;
text-align: left;
height: inherit;
width: inherit;
line-height: inherit;
font-size: inherit;
}
.service-box.style1.style25:hover .icon {
background-color: transparent;
}
.service-box.style1.style25 p.description {
margin: 0 0 32px;
}
.service-box.style1.style25 .service-btn a {
border-width: 0;
border-radius: 0;
margin: 0;
padding: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Mulish';
}
.service-box.style1.style25 .service-btn {
border-bottom: 1px solid rgba(97,97,97,0.35);
padding-bottom: 21px;
}
.service-box.style1.style25:hover .service-btn a {
background: transparent;
border-color: transparent;
}
.service-box.style1.style25 .service-btn > a i {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 40px;
text-align: center;
border: 1px solid #616161;
display: inline-block;
color: #616161;
}
.service-box.style1.style25 .service-btn > a i {
margin-left: 0;
margin-right: 10px;
}
.service-box.style1.style25:hover .icon img, .service-box.style1.style25:hover .service-btn a,
.service-box.style1.style25:hover h3.title   {
filter: brightness(0) invert(1);
color: #fff;
}
.service-box.style1.style25:hover .service-btn a i {
color: #2375fb;
}
.service-box.style1.style25:hover p.description {
color: #B3BBD1;
} .slider-buttons {
position: relative;
z-index: 1;
}
.dreamit-button.style11 .dreamit-button a.btn {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
font-weight: 600;
text-transform: uppercase;
font-family: 'Mulish';
padding: 15px 38px;
border-radius: 30px;
position: relative;
z-index: 1;
margin-right: 77px;
transition: .5s;
}
.dreamit-button.style11 .dreamit-button .btn i {
position: absolute;
right: -56px;
line-height: 55px;
width: 55px;
height: 55px;
background-image: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
top: -1px;
border-radius: 50%;
text-align: center;
font-size: 13px;
font-weight: 600;
transition: 0.5s;
}
.dreamit-button.style11 .dreamit-button:hover i {
scale: 0;
}
.dreamit-button.style11 .dreamit-button:hover .btn {
scale: 0;
}
.dreamit-button.style11 .dreamit-button:hover span.icn2 i {
scale: 1 !important;
}
.dreamit-button.style11 .dreamit-button:hover span.icn2  {
scale: 1;
}
span.icn2 {
position: absolute;
left: 0;
top: -1px;
scale: 0;
transition: 0.5s;
z-index: 888;
}
@keyframes scale-reverse {
0%,100% {
scale: 1
}
50% {
scale: 0
}
} .dreamit-button.style11 .dreamit-button a.btn-2 {
display: inline-block;
font-size: 14px;
color: #ffffff;
background: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
font-weight: 600;
text-transform: uppercase;
font-family: 'Mulish';
padding: 15px 38px;
border-radius: 30px;
z-index: 1;
margin-right: 77px;
position: absolute;
left: 54px;
scale: 0;
transition: .5s;
}
.dreamit-button.style11 .dreamit-button:hover a.btn-2 {
scale: 1;
}
.dreamit-button.style11 .dreamit-button span.icn2 i {
position: absolute;
right: -1px;
line-height: 55px;
width: 55px;
height: 55px;
background-image: linear-gradient(-90deg, #2375fb 0%, #2375fb 1%, #0d6dfd 100%);
top: -1px;
border-radius: 50%;
text-align: center;
font-size: 13px;
font-weight: 600;
transition: 0.5s;
color: #fff;
}
.dreamit-button.style11 .dreamit-button .btn-2:hover {
color: #fff;
} .single-slick.style-seven {
position: relative;
min-height: 900px !important;
z-index: 1;
}
.single-slick.style-seven .hero-text-wrap h4 {
font-size: 17px;
color: #0c5adb;
font-weight: 600;
width: 165px;
height: 40px;
border-radius: 20px;
border: 1px solid;
padding: 6px 8px;
text-align: center;
position: relative;
z-index: 1;
transition: .5s;
margin: 0 0 24px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-seven .hero-text-wrap h4:before {
position: absolute;
content: "";
right: 0;
top: 0;
opacity: 0.31;
width: 165px;
height: 40px;
border-radius: 20px;
background-image: linear-gradient(180deg, rgba(11,89,219,0.9999999999999999) 0%, rgba(10,76,186,0) 50%, rgba(8,62,153,0) 100%);
transition: .5s;
z-index: 1;
}
.single-slick.style-seven .hero-text-wrap h1 {
font-size: 85px;
line-height: 95px;
color: #232323;
font-weight: 400;
margin: 0 0 0; 
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-seven .hero-text-wrap h1 span {
color: #232323;
font-weight: 700;
}
.single-slick.style-seven .hero-text-wrap p {
font-size: 25px;
line-height: 38px;
color: #232323;
font-weight: 500;
margin: 45px 0 52px;
position: relative;
z-index: 1;
transition: .5s;
padding-left: 20px; 
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-seven .hero-text-wrap p:before {
position: absolute;
content: "";
left: 0;
top: 9px;
width: 5px;
height: 60px;
border-radius: 2px;
background-color: #0c5adb;
}
.single-slick.style-seven .slider-buttons a.btn {
padding: 12px 31px;
display: inline-block;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
border-radius: 27px;
background-color: #0c5adb;
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 500; 
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-seven .slider-buttons a.btn:before {
position: absolute;
content: "";
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background: #171717;
clip-path: circle(0% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
z-index: -1;
}
.single-slick.style-seven .slider-buttons a.btn:hover:before {
clip-path: circle(100% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.single-slick.style-seven .slider-buttons a.btn:hover i {
background:transparent;
}
.single-slick.style-seven .slider-video-icon {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
position: relative;
left: 25px;
top: 0;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
}
.single-slick.style-seven .slider-video-icon a {
background: transparent;
color: #232323;
padding: 0;
width: inherit;
height: inherit;
}
.single-slick.style-seven .slider-video-icon span {
color: #232323;
font-size: 18px;
font-weight: 600;
margin: 0;
text-decoration: underline;
}
.single-slick.style-seven .slider-button-two {
position: absolute;
bottom: 1px;
left: 59.8rem;
}
.single-slick.style-seven .slider-button-two a {
display: inline-block;
border: 2px solid #616161;
padding: 3px 2px;
border-radius: 35px;
}
.single-slick.style-seven .slider-button-two a i {
display: block;
transform: rotate(90deg);
background: transparent;
}
.single-slick.style-seven .slider-button-two a:hover i,
.single-slick.style-seven .slider-button-two a i:hover {
background: transparent;
color: #616161;
}
.single-slick.style-seven .slider-single-image {
position: absolute;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: 0;
right: 75px;
bottom: 0;
} .section-title.style14 h5 {
font-size: 17px;
color: #0c5adb;
font-weight: 600;
border-radius: 20px;
border: 1px solid;
padding: 8px 33px;
text-align: center;
display: inline-block;
position: relative;
z-index: 1;
transition: .5s;
margin: 0 0 24px;
}
.section-title.style14 h5:before {
position: absolute;
content: "";
right: 0;
top: 0;
opacity: 0.31;
width: 165px;
height: 40px;
border-radius: 20px;
background-image: linear-gradient(180deg, rgba(11,89,219,0.9999999999999999) 0%, rgba(10,76,186,0) 50%, rgba(8,62,153,0) 100%);
transition: .5s;
z-index: 1;
}
.section-title.style14 h3 {
font-size: 50px;
line-height: 60px;
color: #232323;
font-weight: 400;
margin: 0 0 0;
}
.section-title.style14 h3 span {
color: #232323;
font-weight: 700;
}
.section-title.style14 p {
font-size: 17px;
line-height: 28px;
color: #616161;
font-weight: 400;
margin: 32px 0 0;
}
.single-counter.style24 .single_counter {
border-radius: 10px;
filter: drop-shadow(0px 5px 30px rgba(151,151,151,0.05));
background-color: #ffffff;
padding: 32px 30px 32px;
display: flex;
border-radius: 10px;
align-items: center;
gap: 30px;
position: relative;
z-index: 1;
transition: .5s;
}
.single-counter.style24 .single_counter:after {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #0c5adb;
transition: 0.5s;
border-radius: 10px;
z-index: -1;
}
.single-counter.style24 .single_counter:hover:after {
width:100%;
left: 0%;
}
.single-counter.style24 .single_counter span {
font-size: 50px;
line-height: 60px;
color: #232323;
font-weight: 700;
margin: 0;
transition: .5s;
}
.single-counter.style24 .single_counter h6 {
font-size: 17px;
color: #616161;
font-weight: 400;
margin: 8px 0 0;
transition: .5s;
}
.single-counter.style24 .single_counter:hover .icon {
filter: brightness(0) invert(1);
}
.single-counter.style24 .single_counter:hover span ,
.single-counter.style24 .single_counter:hover h6 {
color: #fff;
} ul.item-list.style4 li {
font-size: 18px;
line-height: 28px;
color: #232323;
font-weight: 600;
padding-bottom: 13px;
}
ul.item-list.style4 li i {
color: #0c5adb;
margin-right: 10px;
} .service-box.style33 {
border-radius: 20px;
background-image: linear-gradient(0deg, #000b57 0%, #071b6a 100%);
padding: 50px 43px;
position: relative;
transition: .5s;
z-index: 1;
}
.service-box.style33:before {
position: absolute;
content: "";
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 20px;
background-image: linear-gradient(0deg, #000b57 0%, #0b59db 100%);
clip-path: circle(0% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
z-index: -1;
}
.service-box.style33:hover:before {
clip-path: circle(100% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.service-box.style33 .content h4 {
font-size: 27px;
color: #ffffff;
font-weight: 600;
margin: 23px 0 0;
}
.service-box.style33 .content p {
opacity: 0.702;
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
margin: 18px 0 25px;
}
.service-box.style33 .service-btn a {
font-size: 17px;
line-height: 28px;
color: #0c5adb;
font-weight: 600;
display: inline-block;
transition: .5s;
}
.service-box.style33:hover .service-btn a {
color: #fff;
} .single_case_study.style4 {
margin: 15px;
}
.case-study-thumb {
position: relative;
z-index: 1;
transition: .5s;
}
.single_case_study.style4 .case-study-thumb:before {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
display: block;
transition: 0.5s;
position: absolute;
background: rgba(0, 11, 87, 0.200);
content: "";
transform: translateY(0%) rotateX(90deg);
z-index: 1;
border-radius: 20px;
}
.single_case_study.style4 .case-study-thumb:hover:before {
opacity: 1;
transform: translateY(0) rotateX(0);
}
.single_case_study.style4 .case-study-thumb img {
border-radius: 20px;
}
.single_case_study.style4 .cases-study-content h2 {
display: none;
}
.single_case_study.style4 .cases-study-content {
position: absolute;
left: 44%;
bottom: 4%;
margin: 0 auto 0;
opacity: 0;
transition: .5s;
z-index: 1;
}
.single_case_study.style4:hover .cases-study-content {
bottom: 44%;
opacity: 1;
}
.single_case_study.style4 .cases-study-content .case_category {
display: none;
}
.single_case_study.style4 .em-case-study-button a {
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50px;
background-color: #0c5adb;
text-align: center;
color: #fff;
font-size: 26px;
position: relative;
z-index: 1;
transition: .5s;
}
.single_case_study.style4 .em-case-study-button a:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
transition: 0.5s;
border-radius: 50px;
z-index: -1;
transform: scale(0);
}
.single_case_study.style4 .em-case-study-button a:hover:after {
transform: scale(1);
}
.single_case_study.style4 .em-case-study-button a:hover {
color: #0c5adb;
}
.case-study.style4 .owl-theme .owl-dots .owl-dot span {
display:none;
}
.case-study.style1.style4 .owl-dots {
position: absolute;
left: 50%;
bottom: -66px;
border-radius: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.case-study.style1.style4 .owl-dot {
background: #0C5ADB;
height: 10px;
width: 10px;
display: inline-block !important;
margin: 0 3px;
border-radius: 50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.case-study.style1.style4 .owl-dots .owl-dot.active {
background: #0C5ADB;
width: 35px;
} .testimonial-item.style22 .testi_content {
border-radius: 15px;
background-color: #ffffff;
padding: 40px 35px 32px;
position: relative;
z-index: 1;
transition: .5s;
}
.testimonial-item.style22 .testi_content:after {
position: absolute;
content: "";
width:100%;
height: 100%;
left: 0;
top: 0;
background: #0c5adb;
transition: 0.5s;
border-radius: 10px;
z-index: -1;
transform: scale(0);
}
.testimonial-item.style22:hover .testi_content:after {
transform: scale(1);
}
.testimonial-item.style22 .testi_content .thumb {
display: inline-block;
transition: .5s;
}
.testimonial-item.style22:hover .testi_content .thumb {
filter: brightness(0) invert(1);
}
.testimonial-item.style22 .reviews_rating {
margin: 8px 0 28px;
}
.testimonial-item.style22 .testi-star i {
font-size: 17px;
color: #ff9921;
transition: .5s;
}
.testimonial-item.style22:hover .testi-star i {
color: #fff;
}
.testimonial-item.style22 .testi_content p {
font-size: 17px;
line-height: 28px;
color: #616161;
margin: 0 0 0;
transition: .5s;
}
.testimonial-item.style22:hover .testi_content p {
color:#fff;
}
.testimonial-item.style22 .author {
display: flex;
align-items: center;
gap: 15px;
padding: 35px 40px;
}
.testimonial-item.style22 .author img {
width: 60px;
border-radius: 100%;
}
.testimonial-item.style22 h4.name {
font-size: 22px;
color: #232323;
font-weight: 600;
margin:0 0 0;
}
.testimonial-item.style22 h5.designation {
font-size: 17px;
color: #616161;
font-weight: 400;
margin: 0 0 0;
} .brand.style8 .brand-item img {
height: 60px;
padding: 0 5px;
} .form-area.ai-solution {
border-radius: 20px;
background-color: #141e64;
padding: 100px 70px;
}
.form-area.ai-solution .form-group h3 {
font-size: 20px;
color: #ffffff;
font-weight: 600;
margin: 0 0 14px;
}
.form-area.ai-solution .form-control {
height: 60px;
border-radius: 10px;
background-color: rgba(255,255,255,0.031);
border: 1px solid rgba(255,255,255,0.1);
}
.form-area.ai-solution textarea.wpcf7-form-control.wpcf7-textarea {
height: 130px;
border-radius: 10px;
background-color: rgba(255,255,255,0.03137254901960784);
border: 1px solid rgba(255,255,255,0.1);
color: #fff;
}
.form-area.ai-solution .button {
border-radius: 27px;
background-color: #0c5adb;
padding: 12px 28px;
color: #fff;
border: 0;
outline: 0;
position: relative;
z-index: 1;
transition: .5s;
} .icon-box.style38 {
position: relative;
z-index: 1;
transition: .5s;
padding-bottom: 12px;
}
.icon-box.style38 .box-content .icon {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 30px;
background-color: #0c5adb;
text-align: center;
position: relative;
z-index: 1;
transition: .5s;
}
.icon-box.style38 .box-content .icon:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
transition: 0.5s;
border-radius: 30px;
z-index: -1;
transform: scale(0);
}
.icon-box.style38 .box-content .icon:hover:after {
transform: scale(1);
}
.icon-box.style38 .box-content .icon i {
color: #fff;
font-size: 20px;
transition: 0.5s;
}
.icon-box.style38 .box-content .icon:hover i {
color: #0c5adb;
}
.icon-box.style38 .box-content {
display: flex;
align-items: center;
gap: 30px;
}
.icon-box.style38 .box-content h2 {
font-size: 20px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin: 0 0 0;
}
.icon-box.style38 .box-content p {
font-size: 20px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin: 10px 0 0;
} .blog-post.style6 .post-item.style6 {
background-color: #ffffff;
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
padding: 0;
}
.blog-post.style6 .post-item.style6:hover {
filter: none;
border: none;
}
.blog-post.style6 .post-item.style6 .post-thumb {
position: relative;
z-index: 1;
overflow: hidden;
padding: 0;
}
.blog-post.style6 .post-item.style6 .post-thumb img {
overflow: hidden;
transition: .5s;
width: 100%;
border-radius: 20px;
transform: scale(1);
}
.blog-post.style6 .post-item.style6 .categories {
position: absolute;
top: 32px;
left: 32px;
}
.blog-post.style6 .post-item.style6 .categories a {
padding: 4px 17px 2px;
font-size: 14px;
color: #ffffff;
font-weight: 500;
background: var(--dream-color-primary);
border-radius: 4px;
display: inline-block;
position: relative;
z-index: 1;
}
.blog-post.style6 .post-item.style6 .user_author {
display: inline-block;
}
.blog-post.style6 .post-item.style6 .user_author a {
font-size: 17px;
transition: .3s;
display: inline-block;
text-transform: capitalize;
margin-right: 24px;
color: #616161;
position: relative;
font-weight: 500;
padding-left: 30px;
}
.blog-post.style6 .post-item.style6 .user_author a::before {
content: "";
background: #0c5adb;
width: 20px;
height: 2px;
position: absolute;
left: 0;
top: 14px;
}
.blog-post.style6 .post-item.style6 .user_author a::after {
content: "";
background: #616161;
width: 1px;
height: 11px;
position: absolute;
right: -15px;
top: 8px;
}
.blog-post.style6 .post-item.style6 .date {
display: inline-block;
text-transform: capitalize;
font-family: "Mulish", serif;
margin-right: 24px;
color: #616161;
position: relative;
font-weight: 500;
}
.blog-post.style6 .post-item.style6 .single_blog_post_content {
overflow: hidden;
padding: 25px 0px 0px;
}
.blog-post.style6 .post-item.style6 .post-item .content .meta {
display: flex;
align-items: center;
margin-bottom: 12px;
color: var(--dream-color-primary);
}
.blog-post.style6 .post-item.style6 .meta i {
color: var(--dream-color-primary);
display: inline-block; margin-right: 3px;
}
.blog-post.style6 .post-item.style6 ul.post-categories {
list-style: none;
}
.blog-post.style6 .post-item.style6 .single_blog_post_content h3 a {
display: inline-block;
font-size: 27px;
color: #232323;
font-weight: 600;
transition: .5;
}
.blog-post.style6 .post-item.style6:hover .single_blog_post_content h3 a {
color: #0c5adb;
}
.blog-post.style6 .post-item.style6 .meta {
display: inline-block;
margin-bottom: 3px;
font-weight: 500;
text-transform: uppercase;
}
.blog-post.style6 .post-item.style6 .date {
display: inline-block;
}
.blog-post.style6 .post-item.style6 .user_thumb {
display: inline-block;
height: 30px;
width: 30px;
margin-right: 9px;
float: left;
}
.blog-post.style6 .post-item.style6 .user_thumb img{
border-radius: 100%;
}
.blog-post.style6 .post-item.style6 .blog_post_user {
border-top: 1px solid rgba(29, 33, 36, 0.12);
padding: 17px 27px 0;
}
.blog-post.style6 .post-item.style6 .author {
display: inline-block;
}
.blog-post.style6 .post-item.style6 .author a {
display: inline-block;
color: #232323;
font-size: 16px;
margin: 0;
font-weight: 500;
}
.blog-post.style6 .post-item.style6 .blog_btn a {
transition: .5s;
font-weight: 700;
color: #232323;
font-size: 16px;
letter-spacing: 1px;
}
.blog-post.style6 .post-item.style6 p.description {
transition: .5s;
margin: 13px 0 15px;
}
.blog-post.style6 .post-item.style6 .blog_btn a i {
font-size: 13px;
display: inline-block;
font-weight: 600;
margin-left: 1px;
} .blog-post.style6 .post-item.style6:hover .post-thumb img {
transform: scale(1.1);
}
.blog-post.style6 .post-item.style6 h3.title a:hover{
color: var(--dream-color-primary);
}
.blog-post.style6 .post-item.style6 .blog_btn a:hover {
color: var(--dream-color-primary);
}
.blog-post.style6 .post-item.style6 .author a:hover{
color: var(--dream-color-primary);
}
.blog-post.style6 .post-item.style6 .content .meta .date {
position: relative;
color: #616161;
font-size: 16px;
text-transform: capitalize;
} .brand.style9 .brand-item img {
height: 100px;
padding: 0 5px;
}
.brand.style10 {
text-align: center;
margin: 0 320px;
}
.brand.style10 .brand-item img {
height: 100px;
padding: 0 5px;
}  .single-slick.style-eight .white-color {
gap: 110px;
}
.single-slick.style-eight .hero-text-wrap {
animation: 0.8s 0.8s fadeInUp both;
}
.single-slick.style-eight .hero-text-wrap h4 {
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin: 0 0 28px;
border-radius: 20px;
padding: 5px 32px 5px;
display: inline-block;
background-image: linear-gradient(
180deg,
rgba(84, 139, 230, 0.5) 0%,
rgba(46, 101, 192, 0.03) 50%,
rgba(8, 62, 153, 0.03) 100%  
);
border-top: 1px solid rgba(255, 255, 255, 0.4);
position: relative;
z-index: 1;
transition: .5s;
}
.single-slick.style-eight .hero-text-wrap h4:before {
position: absolute;
content: "";
left: 13px;
top: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: rgba(255,255,255,0.800);
}
.single-slick.style-eight .hero-text-wrap h4:after {
position: absolute;
content: "";
right: 13px;
top: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: rgba(255,255,255,0.800);
}
.single-slick.style-eight .hero-text-wrap h1 {
font-size: 85px;
line-height: 95px;
color: #ffffff;
font-weight: 700;
margin: 0 0 0;
}
.single-slick.style-eight .hero-text-wrap h1 span {
background: linear-gradient(180deg, #ffffff 20%, #0c5adb 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.single-slick.style-eight .hero-text-wrap p {
font-size: 17px;
line-height: 30px;
color: #e0e6ff;
font-weight: 400;
margin: 36px 0 44px;
}
.single-slick.style-eight .slider-buttons a.btn {
padding: 12px 31px;
display: inline-block;
transition: .5s;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
border-radius: 27px;
background-color: #0c5adb;
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 500;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-eight .slider-buttons a.btn:before {
position: absolute;
content: "";
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
background: #171717;
clip-path: circle(0% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
z-index: -1;
}
.single-slick.style-eight .slider-buttons a.btn:hover:before {
clip-path: circle(100% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}
.single-slick.style-eight .slider-buttons a.btn:hover i {
background:transparent;
}
.single-slick.style-eight .slider-video-icon {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
position: relative;
left: 25px;
top: 0;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
}
.single-slick.style-eight .slider-video-icon a {
width: inherit;
height: inherit;
line-height: inherit;
background: transparent;
}
.single-slick.style-eight .slider-video-icon a i {
color: #fff;
padding: 0;
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 27px;
font-size: 20px;
background-color: #0c5adb;
display: inline-block;
}
.single-slick.style-eight .slider-video-icon span {
color: #fff;
font-size: 18px;
font-weight: 600;
margin: 0;
text-decoration: underline;
} .section-title.style15 h5 {
font-size: 17px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
margin: 0 0 28px;
border-radius: 20px;
padding: 5px 32px 5px;
display: inline-block;
background-image: linear-gradient(
180deg,
rgba(84, 139, 230, 0.5) 0%,
rgba(46, 101, 192, 0.03) 50%,
rgba(8, 62, 153, 0.03) 100%  
);
border-top: 1px solid rgba(255, 255, 255, 0.4);
position: relative;
z-index: 1;
transition: .5s;
}
.section-title.style15 h5:before {
position: absolute;
content: "";
left: 13px;
top: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: rgba(255,255,255,0.800);
}
.section-title.style15 h5:after {
position: absolute;
content: "";
right: 13px;
top: 15px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: rgba(255,255,255,0.800);
}
.section-title.style15 h3 {
font-size: 55px;
line-height: 65px;
color: #ffffff;
font-weight: 700;
margin: 0 0 0;
}
.section-title.style15 h3 span {
background: linear-gradient(180deg, #ffffff 20%, #0c5adb 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service-box.style34 {
border-radius: 15px;
background-color: #000a4e;
border: 1px solid rgba(255,255,255,0.1);
padding: 38px 30px 35px;
position: relative;
z-index: 1;
transition: .5s;
}
.service-box.style34:hover {
border: 1px solid #0c5adb;
}
.service-box.style34:before {
position: absolute;
content: "";
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 15px;
background-image: url(https://wp.ditsolution.net/techno/wp-content/uploads/2025/08/service34-bg.png);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
z-index: -1;
transform: scale(0);
}
.service-box.style34:hover:before {
clip-path: circle(100% at 50% 50%);
transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
transform: scale(1);
}
.service-box.style34 .icon {
width: 60px;
height: 60px;
line-height: 74px;
text-align: center;
border-radius: 10px;
background-color: rgba(12, 90, 219, 0.251);
position: relative;
z-index: 1;
transition: .5s;
}
.service-box.style34 .icon:before {
position: absolute;
content: "";
top: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
background: #0c5adb;
transition: .5s;
z-index: -1;
transform: scale(0);
}
.service-box.style34:hover .icon:before {
transform: scale(1);
}
.service-box.style34 h4 {
font-size: 25px;
color: #ffffff;
font-weight: 700;
margin: 82px 0 15px;
transition: .5s;
}
.service-box.style34 p {
font-size: 17px;
line-height: 28px;
color: #e0e6ff;
margin: 0 0 0;
transition: .5s;
}
.marquee.style3 .marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap: 0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 80s linear infinite;
}
.marquee.style3 .marquee-block h3 {
font-size: 130px;
line-height: 65px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
background: linear-gradient(180deg, #ffffff 20%, #0c5adb 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 30px 50px;
}