.dreamit-slick-slider .single-slick.four.five .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: -81px;
bottom: 0px;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn {
padding: 15px 37px 15px 42px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: transparent;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Nunito', sans-serif;
margin-right: 17px;
transition: 0.5s;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn:hover:after {
height: 100%;
width: 100%;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn:after {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #292966;
border-radius: 5px;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn.btn2 {
padding: 15px 37px 15px 42px;
font-weight: 500;
color: #fff;
background: #282965;
display: inline-block;
border-radius: 5px;
border: 1px solid #282965;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Nunito', sans-serif;
margin-right: 17px;
transition: 0.5s;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn.btn2:after {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #0c5adb;
border-radius: 5px;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap .btn.btn2:hover:after {
height: 100%;
width: 100%;
transition: .5s;
}
.icon-box.style-two.style-eleven {
background-color: #ffffff;
border: 1px solid #e5e7e9;
padding: 38px 10px 34px;
border-radius: 5px;
display: block;
transition: 0.5s;
position: relative;
z-index: 9;
}
.icon-box.style-two.style-eleven::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
height: 3px;
width: 0;
background-color: #0c5adb;
transition: 0.5s;
}
.icon-box.style-two.style-eleven:hover::before {
width: 100%;
transition: 0.5s;
}
.icon-box.style-two.style-eleven .title h2 {
font-size: 24px;
color: #041424;
margin: 30px 0px 8px;
}
.it-vid .single-video.style-one .video-icon a {
background: #0c5adb;
height: 75px;
width: 75px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 75px;
color: #fff;
font-size: 26px;
position: relative;
-webkit-animation: ripple-red 1s linear infinite;
animation: ripple-red 1s linear infinite;
-webkit-transition: .5s;
}
.it-ico .icon-box.style3 .icon-box-content .title {
font-size: 20px;
font-family: var(--title-font);
margin: 0 0 0;
color: #041424; font-weight: 700;
font-size: 24px;
}
.it-ico .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
background-color: #eff6fd;
padding: 28px 20px;
border-radius: 7px;
}
.it-ico .icon-box.style3 .icon-box-icon {
flex-shrink: 0;
padding-right: 15px;
margin-top: 10px;
}
.icon-box.style12 {
background-color: #fff;
padding: 46px 40px 20px;
position: relative;
z-index: 99;
}
.icon-box.style12::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
height: 3px;
width: 0;
background-color: rgba(12, 90, 219, .1);
transition: 0.5s;
z-index: -1;
}
.icon-box.style12:hover::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: rgba(12, 90, 219, .1);
transition: 0.5s;
}
.icon-box.style12 h4.title {
margin-bottom: 10px;
margin-top: 25px;
}
.cou .counter-content .suffix {
color: #fff;
}
.cou .counter-content span {
font-size: 50px;
font-weight: 700;
color: #fff;
display: inline-block;
margin-bottom: 14px;
display: inline-block;
}
.cou .counter-content h6 {
color: #fff;
font-size: 19px;
font-weight: 600;
opacity: .8;
margin-top: 8px;
}
.pricing.style3 {
text-align: center;
background-color: #fff;
padding: 40px 0px 30px;
transition: .5s;
}
.pricing.style3:hover {
background-color: #000049;
transition: .5s;
}
.pricing.style3 .pricing-body li {
list-style: none;
margin: 11px 10px;
transition: .5s;
}
.pricing.style3 .price-item span.tk {
color: #041424;
font-size: 50px;
font-weight: 800;
font-family: 'Rajdhani', sans-serif;
transition: .5s;
}
.pricing.style3:hover .price-item span.tk {
color: #fff;
transition: .5s;
}
.pricing.style3 .price-item span.currency {
color: #041424;
font-family: 'Rajdhani', sans-serif;
font-size: 50px;
font-weight: 700;
transition: .5s;
}
.pricing.style3:hover .price-item span.currency {
color: #fff;
transition: .5s;
}
.pricing.style3 h3.pricing-name {
font-size: 26px;
font-weight: 600;
margin-bottom: 10px;
transition: .5s;
}
.pricing.style3:hover h3.pricing-name {
color: #fff;
transition: .5s;
}
.pricing.style3 p.pricing-p {
margin-bottom: 30px;
transition: .5s;
}
.pricing.style3:hover p.pricing-p,
.pricing.style3:hover .price-item .month,
.pricing.style3:hover .pricing-body li{
color: #fff;
opacity: .5;
transition: .5s;
}
.pricing.style3 .pricing-body {
position: relative;
padding-top: 25px;
}
.pricing.style3 .pricing-body:before {
position: absolute;
content: '';
background-color: #e5e7e9;
height: 1px;
width: 250px;
left: 0;
right: 0;
margin: auto;
top: 15px;
opacity: .5;
}
.pricing.style3 a.pricing-button {
padding: 13px 22px 13px 22px;
background: #0c5adb;
display: inline-block;
border-radius: 3px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
font-size: 17px;
color: #ffffff;
font-weight: 600;
font-family: 'Rajdhani';
margin-top: 25px;
}
.pricing.style3 a.pricing-button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.pricing.style3 a.pricing-button:hover {
color: #0c5adb;
}
.pricing.style3 a.pricing-button:hover:before {
width: 100%;
left: 0;
} .pricing.style6 {
background: #F2F5FC;
border-radius: 10px;
text-align: left;
padding: 46px 41px 59px;
border: 1px solid#DFEBF9;
transition: .5s;
position: relative;
overflow: hidden;
}
.pricing.style6:hover{
border-color:#F7DEE2;
background:#F6F6F8;
}
.pricing.style6 ul.features li img {
margin-right: 14px;
display: inline-block;
}
.pricing.style6 ul.features li {
display: flex;
align-items: center;
margin-bottom: 9px;
font-weight: 600;
font-family: 'Rajdhani', sans-serif;
color: #232323;
}
.pricing.style6 h3.pricing-title {
display: inline-block;
background: #fff;
font-size: 16px;
font-weight: 400;
color: #0C59DB;
padding: 5px 73px;
position: absolute;
right: -74px;
top: 27px;
transform: rotate(45deg);
}
.pricing.style6 h3.pricing-name {
display: inline-block;
background: #0C59DB;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 12px 24px;
border-radius: 30px;
}
.pricing.style6 .price-item span {
font-size: 46px;
font-weight: 600;
font-family: 'Rajdhani', sans-serif;
color: #232323;
margin: 38px 0 27px;
display: inline-block;
}
.pricing.style6 .price-item span.month {
font-size: 18px;
}
.pricing.style6 p.pricing-p {
margin: 0 0 26px;
}
.pricing.style6 a.pricing-button.singinp {
display: block;
background: #0B5ADB;
text-align: center;
color: #fff;
padding: 9px 22px;
border-radius: 30px;
font-family: 'Rajdhani', sans-serif;
font-size: 18px;
font-weight: 500;
border: 1px solid#0B5ADB;
transition: .5s;
margin-top: 41px;
}
.pricing.style6 a.pricing-button.singinp:hover{
background:transparent;
color:#0B5ADB;
}   .case-study.style3 .single_case_study .cases-study-content-inner {
padding: 25px 29px 25px;
position: relative;
background-color: #fff;
width: 78%;
left: 0;
right: 0;
bottom: 0px;
margin: auto;
border-radius: 5px;
box-shadow: 0px 10px 50px 0px rgba(175, 189, 199, 0.2);
z-index: 99;
}
.case-study.style3 .single_case_study .cases-study-content-inner::before {
position: absolute;
content: '';
right: 0;
bottom: 0;
height: 3px;
width: 0;
background-color: rgba(12, 90, 219, .2);
transition: 0.5s;
z-index: -1;
border-radius: 5px;
}
.case-study.style3 .single_case_study .cases-study-content-inner:hover::before {
height: 100%;
width: 100%;
transition: 0.5s;
}
.case-study.style3 .single_case_study .image-thumb{
position: relative;
}
.case-study.style3 .single_case_study .image-thumb::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 3px;
width: 0;
background-color: rgba(12, 90, 219, .2);
transition: 0.5s;
}
.case-study.style3 .single_case_study:hover .image-thumb::before {
position: absolute;
content: '';
left: 0;
bottom: 100%;
height: 100%;
width: 100%;
background-color: rgba(12, 90, 219, .2);
transition: 0.5s;
}
.case-study.style3 .single_case_study .cases-study-content {
position: absolute;
left: 20px;
right: 20px;
bottom: -55px;
overflow: hidden;
border-radius: 10px;
background-color: transparent;
z-index: 99;
padding: 0px 0px 0px;
}
.case-study.style3 .single_case_study .em-case-study-button a {
display: block;
font-size: 19px;
color: #fff;
background-color: #0c59d7;
padding: 10px 14px;
border-radius: 33px;
}
.case-study.style3 .single_case_study .em-case-study-button {
text-align: center;
background: transparent;
border-radius: 10px 10px 0 0; transition: .5s;
display: inline-block;
position: absolute;
right: -23px;
top: 23%;
opacity: 0;
transition: .5s;
}
.case-study.style3 .single_case_study:hover .em-case-study-button {
opacity: 1;
transition: .5s;
}
.case-study.style3 .single_case_study .cases-study-contents h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 11px 0 5px;
transition: .5s;
}
.case-study.style3 .single_case_study .cases-study-contents h2 a:hover {
color: #0c5adb;
transition: .5s;
}
.case-study.style3 .single_case_study .cases-study-contents h2 a {
font-size: 26px;
font-weight: 600;
margin: 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #041424;
transition: .5s;
}
.case-study.style3 .single_case_study .case_category span {
color: #0c59d7;
font-size: 18px;
font-weight: 500;
} .case-study.style3.style6 .single_case_study .cases-study-content-inner {
padding: 28px 29px 9px;
position: relative;
background-color: #021533;
width: 86%;
left: 0;
right: 0;
bottom: 0px;
margin: 0 0 0;
border-radius: 5px;
box-shadow: 0px 10px 50px 0px rgba(175, 189, 199, 0.2);
z-index: 99;
}
.case-study.style3.style6 .cases-study-content-f {
position: absolute;
bottom: 0;
width:100%;
}
.case-study.style3.style6 .single_case_study .cases-study-contents h2 a {
font-size: 26px;
font-weight: 600;
margin: 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
transition: .5s;
}
.case-study.style3.style6 .single_case_study .case_category span {
color: #0c59d7;
font-size: 18px;
font-weight: 500;
padding-left: 40px;
position: relative;
text-transform: uppercase;
}
.case-study.style3.style6 .single_case_study .case_category span:before {
position: absolute;
content: "";
top: 12px;
left: 0;
height: 1px;
width: 32px;
background: #0c59d7;
}
.case-study.style3.style6 p.description {
transition: .5s;
color: #fff;
font-size: 16px;
}
.case-study.style3.style6 .single_case_study .em-case-study-button {
text-align: center;
background: transparent;
border-radius: 10px 10px 0 0; transition: .5s;
display: inline-block;
position: absolute;
right: -23px;
top: 16%;
opacity: 1;
transition: .5s;
}
.testimonial.style3 .testimonial-item {
text-align: center;
}
.testimonial.style3 .testimonial-item .testimonial-top {
background-color: #fff;
padding: 41px 35px 70px;
}
.testi-border-radius .testimonial.style3 .testimonial-item .testimonial-top {
border-radius: 10px;
}
.testimonial.style3 .testimonial-item .testimonial-top .icon img {
width: 12% !important;
display: inline-block;
}
.testimonial.style3 .testimonial-item .author img { width: 20% !important;
display: inline-block;
}
.testimonial.style3 .testimonial-item .testimonial-top p.quote {
font-size: 18px;
font-weight: 500;
color: #041424;
margin-top: 17px;
}
.testimonial.style3 .testimonial-item .reviews_rating .testi-star i {
color: #ff9e14;
margin: 5px;
}
.testimonial.style3 .testimonial-item .author {
margin-top: -41px;
}
.testimonial.style3 .testimonial-item h4.name {
font-size: 22px;
font-weight: 600;
}
.testimonial.style3 .testimonial-item h5.designation {
color: #686868;
font-size: 16px;
font-weight: 500;
margin-top: 0;
}
.icon-three .icon-box.style12 {
background-color: transparent;
padding: 46px 40px 20px;
position: relative;
z-index: 99;
}
.icon-three .icon-box-icon {
text-align: center;
}
.icon-three .icon-box.style12::before {
display: none;
}
.icon-three .icon-box-content {
text-align: center;
}
.icon-three .icon-box-icon .img-icon {
position: relative;
z-index: 1;
display: inline-block;
}
.icon-three .icon-box.style12 .icon-box-icon .img-icon:before {
position: absolute;
content: "";
left: -15px;
right: 0; top: -15px;
width: 110px;
height: 110px;
line-height: 160px;
border-radius: 50%;
border: 2px dashed #0c59d7;
transition: .5s;
}
.icon-three .icon-box.style12:hover .icon-box-icon .img-icon:before {
-webkit-animation-name: rotateme;
-webkit-animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
}
.icon-three .icon-box.style12 h4.title {
margin-bottom: 8px;
margin-top: 40px;
}
.form-area.contact-form.contact-three input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #686868 !important;
}
.form-area.contact-form.contact-three textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #686868 !important;
}
.form-area.contact-form.contact-three .form-control {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 60px;
padding-left: 25px;
background: #fff;
border-radius: 5px;
color: #232323;
border: 2px solid #e5e7e9;
transition: 0.5s;
}
.form-area.contact-form.contact-three select.form-select {
width: 100%;
height: 60px;
padding-left: 25px;
background: #fff;
border-radius: 5px;
color: #232323;
border: 2px solid #e5e7e9;
transition: 0.5s;
}
.form-area.contact-form.contact-three textarea.wpcf7-textarea {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 160px;
padding-left: 25px;
background: #fff;
border-radius: 5px;
color: #232323;
border: 2px solid #e5e7e9;
transition: 0.5s;
}
.form-area.contact-form.contact-three .buttons input {
padding: 13px 24px;
background: #0c5adb;
display: block;
color: #fff;
border-radius: 7px;
width: inherit; cursor: pointer;
text-align: center;
transition: .5s;
border: none;
border: 1px solid #0c5adb;
transition: 0.5s;
}
.form-area.contact-form.contact-three .buttons input:hover {
padding: 13px 24px;
background: transparent;
display: block;
color: #0c5adb;
border: 1px solid #0c5adb;
transition: 0.5s;
}
.icon-box.style13 .icon-box-icon i {
background-color: rgba(255,255,255,0.20);
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%; color: #fff;
font-size: 20px;
margin-right: 20px;
}
.icon-box.style13 p.description {
color: #fff;
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
padding-bottom: 0;
}
.icon-box.style13 h4.title {
font-size: 20px;
font-weight: 600;
color: #fff;
margin-top: 8px;
}
.blog-post.style5 .single_blog_adn {
background-color: #fff;
padding: 20px 20px 30px;
border-radius: 7px;
}
.blog-post.style5 .single_blog_adn img{
border-radius: 5px;
}
.blog-post.style5 .single_blog_adn .blog-meta-left {
margin: 26px 0px 16px;
}
.blog-post.style5 .single_blog_adn .blog-meta-left span {
margin-right: 25px;
}
.blog-post.style5 .single_blog_adn .content {
padding: 0px 10px;
}
.blog-post.style5 .single_blog_adn h4.title {
font-size: 23px;
font-weight: 600;
margin-bottom: 17px;
}
.blog-post.style5 .single_blog_adn h4.title a {
transition: .5s;
color: #041424;
}
.blog-post.style5 .single_blog_adn h4.title a:hover{
color:#0c5adb;
transition: .5s;
}
.blog-post.style5 .single_blog_adn .blog-meta-left i {
color: #0c5adb;
margin-right: 5px;
}
.blog-post.style5 .single_blog_adn a.read-more {
font-weight: 700;
}
.blog-post.style5 .single_blog_adn a i {
margin-left: 10px;
}
.footer-subscribe p.mailchimp-form button { right: 0;
transition: all 0.4s ease 0s;
border: medium none;
border-radius: 2px;
background: #0c5adb;
color: #fff;
font-family: 'Nunito', sans-serif;
font-weight: 500;
text-align: center;
padding: 13px 30px;
position: inherit;
right: 7px;
top: 7px;
display: inline-block;
z-index: 1;
margin-top: 20px;
}
.footer-subscribe .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid #333386;
width: 100%;
background-color: transparent;
color: #fff;
height: 60px;
padding: 6px 20px 6px;
border-radius: 3px;
}
.dreamit-slick-slider .single-slick.one.three .slider-single-image img {
filter: brightness(1);
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap h4:before {
display: none;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap h4 {
font-size: 20px;
font-weight: 500;
color: #fff;
padding: 0 0 10px 0px;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap .btn {
padding: 17px 25px 17px 35px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Nunito', sans-serif;
margin-right: 17px;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap .btn:after {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #262664;
border-radius: 5px;
transition: .5s;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap .btn:hover:after {
width: 100%;
left: 0;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap h1 {
font-size: 66px;
color: #fff;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap p {
font-size: 18px;
color: #B6B9C0;
margin-top: 10px;
width: 74%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .single-slick.one.three .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: -81px;
bottom: -98px;
}
.dreamit-slick-slider .single-slick.one.three.align-items-center {
position: relative;
}
.dreamit-slick-slider .single-slick.one.three.align-items-center:before {
position: absolute;
content: "";
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/dfv.png);
left: 0;
top: 0;
height: 23%;
width: 23%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.dreamit-slick-slider .single-slick.one.three .lines .line {
position: relative;
width: 71%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
overflow: hidden;
z-index: 5;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap .btn i {
font-size: 14px;
width: 20px;
height: 20px;
line-height: 22px;
border-radius: 25px;
text-align: center;
background: #0c5adb;
color: #fff;
display: inline-block;
margin-left: 12px;
position: relative;
transition: .5s;
}
.dreamit-slick-slider .single-slick.one.three .hero-text-wrap .btn:hover i {
background: transparent;
color: #fff;
transition: .5s;
}
.dreamit-slick-slider .single-slick.one.three .slider-single-image:before {
position: absolute;
content: "";
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/dot-1.png);
right: 27px;
top: 19%;
height: 23%;
width: 23%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.form-area.contact-form.contact-three .form-control:focus {
outline: none; border-color: #0c5adb!important;
}
.form-area.contact-form.contact-three .form-select:focus {
outline: none; border-color: #0c5adb!important;
}
.b-four .counter-content.counter {
margin-left: 10px;
}
.b-four .single-counter .counter-content h6 {
color: #fff;
font-size: 19px;
font-weight: 500;
font-family: 'Rajdhani';
}
.b-four .single-counter .counter-content span {
font-size: 30px;
font-weight: 600;
margin-bottom: 0px;
display: inline-block;
font-family: 'Rajdhani';
color: #fff;
}
.section-title.style4 .title {
font-size: 60px;
margin: 8px 0 0;
line-height: 1;
}
.section-title.style4 h2 {
font-size: 60px;
margin: 8px 0 0;
line-height: 1;
}
.section-title.style4 .title3 {
transition: .5s;
position: relative;
}
.section-title.style4 .title3:before {
position: absolute;
content: "";
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/App-Developxdcment-1.png);
left: 0;
bottom: -20px;
height: 55%;
width: 58%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-title.style4 .description {
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
margin-top: 26px;
}
.style4-button .dreamit-button.style3 .dreamit-button a {
padding: 14px 35px;
font-size: 16px;
font-weight: 500;
border: 1px solid #0c5adb;
font-family: 'Fira Sans';
font-family: 'Nunito', sans-serif;
color: #fff;
background: #0c5adb;
border-radius: 37px;
display: inline-block;
margin-left: 15px;
position: relative;
z-index: 1;
}
.section-title.style5 .title {
font-size: 40px;
margin: 8px 0 0;
line-height: 1;
}
.section-title.style5 .description {
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
width: 52%;
text-align: center; margin: auto;
color: #686868;
margin-top: 19px;
}
.brand.style3 .brand-item img {
width: 90%!important;
opacity: 1;
transition: .5s;
margin: auto;
}
.brand.style4 .brand-item img {
width: 87%!important;
opacity: 1;
transition: .5s;
}
.service-box.style4{
padding: 40px 25px 70px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}   .service-box.style4::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 80px;
height: 80px;
background-color: rgba(12, 90, 219, 1);
transition: .5s;
opacity: 0;
z-index: -1;
}
.service-box.style4:hover::before {
width: 100%;
height: 100%;
transition: .5s;
opacity: 1;
}
.service-box.style4:hover .service-box-icon img {
filter: brightness(0) invert(1);
transition: .5s;
}
.service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 16px;
}
.service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.service-box.style4:hover .content p.description {
color: #fff;
transition: .5s;
}
.service-box.style4 .content p.description {
transition: .5s;
}
.service-box.style4 .service-btn a {
color:#0c5adb;
text-decoration: underline;
padding:0;
border-radius: 0px; 
border-bottom: 1px solid #0c5adb;
border-top: 0;
border-left: 0;
border-right: 0;
font-family: 'Nunito', sans-serif;
background-color: transparent;
}
.service-box.style4 .service-btn {
position: absolute;
right: 26px;
bottom: 40px;
}
.service-box.style4 .service-btn a:before {
display:none;
}
.service-box.style4:hover .service-btn a {
color: #fff;
border-bottom: 1px solid #fff;
border-top: 0;
border-left: 0;
border-right: 0;
}
.lefticon .icon-box.style3 {
display: flex;
align-items: inherit;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
}
.it1 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #5020d9;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it2 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it1 .service-box.style4:hover .service-box-icon i {
background-color: #fff;
color: #0c5adb;
transition: 0.5s;
}
.it1 .service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.it1 .service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 10px;
}
.it1 .service-box.style4 {
padding: 33px 36px 13px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.it2 .service-box.style4 {
padding: 33px 36px 13px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.it2 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it2 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #5020d9;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it2 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it2 .service-box.style4:hover .service-box-icon i {
background-color: #fff;
color: #0c5adb;
transition: 0.5s;
}
.it2 .service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 10px;
}
.it2 .service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.it3 .service-box.style4 {
padding: 33px 36px 13px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.it3 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it3 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #fcc324;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it3 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #fcc324;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it3 .service-box.style4:hover .service-box-icon i {
background-color: #fff;
color: #0c5adb;
transition: 0.5s;
}
.it3 .service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 10px;
}
.it3 .service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.it4 .service-box.style4 {
padding: 33px 36px 13px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.it4 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it4 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #fcc324;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it4 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #fc5a3e;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it4 .service-box.style4:hover .service-box-icon i {
background-color: #fff;
color: #0c5adb;
transition: 0.5s;
}
.it4 .service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 10px;
}
.it4 .service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.it5 .service-box.style4 {
padding: 33px 36px 13px;
background-color: transparent;
border: none;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.it5 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #1dda7d;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it5 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #fcc324;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it5 .service-box.style4 .service-box-icon i {
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background-color: #2ad4ff;
color: #fff;
font-size: 16px;
border-radius: 50%;
margin-bottom: 14px;
transition: 0.5s;
}
.it5 .service-box.style4:hover .service-box-icon i {
background-color: #fff;
color: #0c5adb;
transition: 0.5s;
}
.it5 .service-box.style4 .content .service-box-title h3 {
font-size: 22px;
color: #262626;
font-weight: 600;
transition: .5s;
margin-bottom: 10px;
}
.it5 .service-box.style4:hover .content .service-box-title h3 {
color: #fff;
transition: .5s;
}
.lefticon2 .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
background-color: #ffe0d9;
padding: 17px 0px 17px 30px;
border-radius: 7px;
}
.lefticon3 .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
background-color: #e5d8f0;
padding: 17px 0px 17px 30px;
border-radius: 7px;
}
.lefticon4 .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
background-color: #ddf4e2;
padding: 17px 0px 17px 30px;
border-radius: 7px;
}
.lefticon5 .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
background-color: #ffefd0;
padding: 17px 0px 17px 30px;
border-radius: 7px;
}
.per span.elementor-progress-percentage {
position: relative;
top: -22px!important;
color: #686868;
font-size: 16px;
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap h1 {
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-size: 65px;
text-transform: capitalize;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.dreamit-slick-slider .single-slick.four.five .hero-text-wrap h4 {
padding: 0px 15px;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 16px;
font-size: 18px;
line-height: 38px;
text-transform: uppercase;
color: #ffffff;
font-weight: 400;
font-family: "Rajdhani";
border: 2px solid #5e679a;
display: inline-block;
border-radius: 12px;
}
.section-title.style6 h3{
font-size: 46px;
margin: 8px 0 0;
line-height: 1;
color: #fff;
}
.section-title.style6 h2{
font-size: 46px;
margin: 8px 0 0;
line-height: 1;
color: #fff;
}
.dreamit-button.style5 a {
padding: 14px 27px 14px 27px;
font-family: nunito;
font-weight: 600;
color: #fff;
background: #226ae0;
display: inline-block;
border-radius: 4px;
border: none;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 16px;
border-radius: 7px;
border: 1px solid #0c5adb;
}
.dreamit-button.style5 a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.dreamit-button.style5 a:hover:before {
width: 100%;
left: 0;
transition: .5s;
}
.dreamit-button.style5 a:hover {
color: #0c5adb;
transition: .5s;
border: 1px solid #0c5adb;
}
.icon-box.style14 {
text-align: center;
background-color: #fff;
padding: 38px 0px 11px;
border-radius: 10px;
position: relative;
z-index: 99;
}
.icon-box.style14:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/IT-Solutivgbn.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 9px;
transition: .5s;
}
.icon-box.style14:hover:before {
width: 100%;
left: 0;
transition: .5s;
}
.icon-box.style14 .img-icon {
display: inline-block;
background-color: #ecf2fc;
height: 85px;
width: 85px;
line-height: 85px;
text-align: center;
border-radius: 50%;
transition: .5s;
}
.icon-box.style14:hover .img-icon {
background-color: #0c5adb;
transition: .5s;
}
.icon-box.style14 .img-icon img {
margin-top: 20px;
transition: .5s;
}
.icon-box.style14:hover .img-icon img {
filter: brightness(0) invert(1);
transition: .5s;
}
.icon-box.style14 h4.title {
font-size: 22px;
font-weight: 600;
margin-top: 26px;
transition: .5s;
}
.icon-box.style14:hover h4.title {
transition: .5s;
color:#fff;
}
.it-4 .icon-box.style-two .img-icon {
display: inline-block;
font-size: 38px;
line-height: 91px;
text-align: center;
width: 75px;
height: 75px;
border-radius: 10px;
transition: 0.5s;
filter: inherit;
background-color: #fff;
box-shadow: 2px 2px 2px #0003;
}
.it-4 .icon-box.style-two .icon-box-content h2 {
margin: 0 0 6px 0;
font-size: 20px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.it-4 .icon-box.style-two .icon-box-content .description p {
margin: 0;
font-size: 16px;
}
.title-02 .section-title .subtitle:before {
position: inherit;
left: 0;
top: 0;
width: 10px;
height: 10px;
background: #0c5adb;
content: "";
top: 5px;
border-radius: 100%;
}
.title-02 .section-title .subtitle {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #0c5adb;
padding: 9px 20px 9px;
position: relative;
display: inline-block;
background-color: #f3f8fd;
margin-bottom: 10px;
border-radius: 10px;
}
.brand.style5 .brand-item img:hover {
opacity: 0.4;
transition: .5s;
}
.brand.style5 .brand-item img {
opacity: 1;
transition: .5s;
margin-left: 35px;
}
.title-03 .section-title .subtitle {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
padding: 9px 20px 4px;
position: relative;
display: inline-block;
background-color: #131365;
}
.title-03 .section-title .subtitle:before {
position: inherit;
left: 0;
top: 0;
width: 10px;
height: 10px;
background: #0c5adb;
content: "";
top: 5px;
border-radius: 100%;
}
.service-box.style5 {
border: 1px solid #292a68;
background-color: transparent;
border-radius: 5px;
padding: 40px 34px 36px;
position:relative;
z-index:1;
}
.service-box.style5:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #0C5ADB;
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
border-radius:5px;
}
.service-box.style5:hover:before{
width: 100%;
left: 0;
transition: .5s;  
}
.service-box.style5 .service-box-title h3 {
color: #fff;
font-size: 24px;
font-weight: 600;
margin-bottom: 18px;
margin-top: 24px;
}
.service-box.style5 .content p.description {
transition: .5s;
color: #fff;
opacity: .6;
}
.service-box.style5 .service-btn a {
padding: 8px 18px 8px 24px;
font-size: 16px;
font-family: 'Nunito';
border-radius: 5px;
background-color: #262664;
color: #fff;
display: inline-block;
margin-top: 11px;
position: relative;
z-index: 1;
transition: .5s;
border: transparent;
}
.service-box.style5 .service-btn a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #10102E;
border-radius: 5px;
transform: scale(0);
transition: .5s;
}
.service-box.style5:hover .service-btn a {
color: #fff;
border: transparent;
}
.service-box.style5 .service-box-icon img {
transition: .5s;
margin-bottom: 4px;
}
.service-box.style5:hover .service-box-icon img {
filter: brightness(0) invert(1);
transition: .5s;
}
.service-box.style5:hover .service-box-icon img {
transform: rotateY(360deg);
transition: .5s;
}
.ai-services .service-box.style5 {
background: #FFFFFF0A;
border-color: #FFFFFF0F;
}
.ai-services .service-box.style5 .service-btn a {
font-size: 15px;
font-family: 'Rajdhani';
background-color: rgba(255,255,255,0.2);
font-weight: 500;
}
.ai-services .service-box.style5 .service-box-icon img {
filter: brightness(0) invert(1);
}
.four-contact .form-area.contact-form.contact-three .form-control {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 60px;
padding-left: 25px;
background: #f3f8fd;
border-radius: 5px;
color: #232323;
border: 2px solid #dbe1e7;
transition: 0.5s;
}
.four-contact .form-area.contact-form.contact-three textarea.wpcf7-textarea {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 160px;
padding-left: 25px;
background: #f3f8fd;
border-radius: 5px;
color: #232323;
border: 2px solid #dbe1e7;
transition: 0.5s;
}
.four-contact .form-area.contact-form.contact-three select.form-select {
width: 100%;
height: 60px;
padding-left: 25px;
background: #f3f8fd;
border-radius: 5px;
color: #232323;
border: 2px solid #dbe1e7;
transition: 0.5s;
}
.four-contact .form-area.contact-form.contact-three .buttons input {
padding: 13px 24px;
margin-top: 10px;
background: #0c5adb;
display: block;
color: #fff;
border-radius: 7px;
width: inherit;
font-family: 'Nunito';
cursor: pointer;
text-align: center;
transition: .5s;
border: none;
border: 1px solid #0c5adb;
transition: 0.5s;
text-transform: uppercase;
}
.contact-bb-4{
position: relative;
}
.contact-bb-4:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
bottom: -6px;
right: 0;
margin: auto;
height: 100%;
width: 90%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/IT-Soluedeftionggg.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
transition: .5s;
}
.case-study.style5 .single_case_study {
border-radius: 15px;
transition: .5s;
margin-bottom: 30px;
background: #F3F8FD;
}
.case-study.style5 .single_case_study:hover {
transition: .5s;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
background:#fff;
}
.case-study.style5 .single_case_study .title a {
color: #041424;
font-size: 24px;
transition: .5s;
}
.case-study.style5 .single_case_study .case_category span {
color: #0c5adb;
font-size: 16px;
}
.case-study.style5 .single_case_study .cases-study-content-f {
position: inherit;
bottom: 15px;
}
.case-study.style5 .single_case_study .cases-study-content-inner {
padding: 25px 30px 13px;
position: relative;
}
.case-study.style5 .single_case_study .em-case-study-buttons a {
background-color: #f3f8fd;
border-radius: 50%;
padding: 11px 16px;
position: absolute;
right: 25px;
top: 50%;
border: 1px solid #e5e7e9;
transition: .5s;
}
.case-study.style5 .single_case_study:hover .em-case-study-buttons a{
background-color: #0c5adb;
border: 1px solid #e5e7e9;
color:#fff;
transition: .5s;
}
.case-study.style5 .single_case_study:hover .title a {
color: #0c5adb;
transition: .5s;
}
.title-03 .section-title .subtitle {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
padding: 9px 20px 7px;
position: relative;
display: inline-block;
background-color: #226ae0;
margin-bottom: 21px;
border-radius: 5px;
}
.team.style4 .team-content .social-icon li {
list-style: none;
}
.team.style4 .team-content ul.social-icon {
display: flex;
justify-content: center;
}
.team.style4 .team-content ul.social-icon a {
padding: 7px 10px;
border: 1px solid #404077;
border-radius: 50%;
color: #fff;
margin: 8px;
transition: .5s;
}
.team.style4 .team-content ul.social-icon a:hover {
padding: 7px 10px;
border: 1px solid #000049;
border-radius: 50%;
background-color: #0c59d7;
margin: 8px;
transition: .5s;
}
.team.style4 .image img {
width: 100%;
position: relative;
}
.team.style4 .image {
position: relative;
}
.team.style4 .image:before {
content: "";
position: absolute;
height: 0;
width: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(rgba(0, 0, 73, .1), rgba(0, 0, 73, .5));
border-radius: 7px;
z-index: 1;
transition: .5s;
}
.team.style4:hover .image:before {
height: 100%;
width: 100%;
transition: .5s;
}
.team.style4 {
background-color: #000049;
padding: 0px 0px 35px;
border-radius: 10px;
}
.team.style4 .team-content h2.name {
margin-top: 15px;
font-size: 24px;
color: #fff;
text-align: center;
}
.team.style4 .team-content h5.designation {
color: #fff;
opacity: .6;
text-align: center;
font-weight: 400;
font-size: 16px;
margin-bottom: 23px;
margin-top: 6px;
}
.title-04 .section-title .subtitle {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #0c5adb;
padding: 9px 20px 4px;
position: relative;
display: inline-block;
background-color: #fff;
margin-bottom: 21px;
}
.title-04 .section-title .subtitle:before {
position: inherit;
left: 0;
top: 0;
width: 10px;
height: 10px;
background: #0c5adb;
content: "";
top: 5px;
border-radius: 100%;
}
.case-study.style3 .owl-carousel .owl-nav button.owl-next, .case-study.style3 .owl-carousel .owl-nav button.owl-prev {
display: none;
}
.mc4wp-form-fields .mailchimp-form input::placeholder{
color: #fff !important;
opacity: .5;
}
.mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid #668ee7;
width: 100%;
background-color: transparent;
color: #fff;
height: 66px;
padding: 10px 20px 10px;
border-radius: 5px;
outline: 0;
}
.mc4wp-form-fields .mailchimp-form p.mailchimp-form button {
position: absolute;
right: 0;
transition: all 0.4s ease 0s;
border: medium none;
border-radius: 5px !important;
background: #fff;
color: #041424;
font-family: 'Fira Sans';
font-weight: 500;
text-align: center;
padding: 13px 30px;
position: absolute;
right: 7px !important;
top: 7px !important;
display: inline-block;
z-index: 1;
} .mailchimp-two .mc4wp-form-fields button {
background: #fff;
outline: 0;
border: none;
padding: 13px 26px;
position: absolute;
right: 8px;
top: 7px;
border-radius: 4px;
} .mailchimp button {
border: none;
padding: 11px 24px;
border-radius: 5px;
position: absolute;
right: 9px;
top: 9px;
} .testimonial.style5 .testimonial-item .reviews_rating {
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial.style5 .testimonial-item .author img {
width: 12%;
position: absolute;
top: -40px;
}
.testimonial.style5 .testimonial-item {
background-color: #fff;
padding: 80px 80px 70px;
position: relative;
margin-top: 40px;
border-radius: 8px;
z-index: 9;
}
.testimonial.style5 .testimonial-item:before {
content: "";
position: absolute;
border: 1px solid #e5e7e9;
height: 81%;
width: 87%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: transparent;
border-radius: 7px;
z-index: -1;
}
.testimonial.style5 .testimonial-item .reviews_rating h4.quote {
font-size: 20px;
font-weight: 600;
}
.testimonial.style5 .testimonial-item .reviews_rating .testi-star i{
color: #fcc153;
font-size: 14px;
}
.testimonial.style5 .testimonial-item .reviews_rating .quote i {
color: #0c59d7;
font-size: 16px;
margin-right: 3px;
}
.testimonial.style5 .testimonial-item .bio {
margin-bottom: 30px;
position: relative;
}
.testimonial.style5 .testimonial-item .bio:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 44px;
width: 49px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/01/IT-Solujhbjhbjhtionhh.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
transition: .5s;
}
.testimonial.style5 .testimonial-item .bio h5.designation {
font-size: 16px;
font-weight: 600;
color: #0c5adb;
margin-top: 0px;
}
.testimonial.style5 .testimonial-item p.quotess {
margin-bottom: 0px;
padding-bottom: 0px;
}
.counter-044 .counter-content h6 {
color: #fff;
font-size: 16px;
font-weight: 500;
font-family: 'Rajdhani';
}
.counter-044 .counter-content.counter span {
font-size: 46px;
font-weight: 700;
margin-bottom: 14px;
display: inline-block;
font-family: 'Rajdhani';
color: #fff;
}
.blog-post.style7 .single_blog_adn {
border: 1px solid #e5e7e9;
border-radius: 7px;
}
.blog-post.style7 .single_blog_adn .content a.read-more {
display: flex;
justify-content: space-between;
font-size: 16px;
text-transform: uppercase;
color: #1e1e1e;
font-weight: 500; transition: 0.5s;
border-top: 1px solid #e5e7e9;
padding: 15px 0;
align-items: center;
}
.blog-post.style7 .single_blog_adn .content {
padding: 15px 25px 0px;
}
.blog-post.style7 .single_blog_adn .content a {
color: #041424;
font-size: 26px;
transition: 0.5s;
padding: 0;
}
.blog-post.style7 .single_blog_adn .content a:hover {
color: #0c59d7;
transition: 0.5s;
}
.blog-post.style7 .single_blog_adn .content h4.title {
margin-bottom: 10px;
}
.blog-post.style7 .single_blog_adn .content i {
height: 40px;
width: 40px;
line-height: 38px;
background-color: #fff;
text-align: center;
border-radius: 50%;
color: #e5e7e9;
border: 1px solid #e5e7e9;
transition: 0.5s;
}
.blog-post.style7 .single_blog_adn:hover .content i {
height: 40px;
width: 40px;
line-height: 40px;
background-color: #0c59d7;
text-align: center;
border-radius: 50%;
color: #fff;
transition: 0.5s;
}
.icon44 .icon-box.style12 h4.title {
margin-bottom: 17px;
margin-top: 40px;
font-size: 24px;
font-weight: 600;
} .service-box.style7 {
background-color: #f5f8fd;
padding: 20px 20px 0px;
border: 1px solid #e7e7e7;
position: relative;
border-radius: 5px;
}
.service-box.style7 .content .service-box-title h3 {
font-size: 24px;
}
.service-box.style7 .content .single-image {
margin-bottom: -50px;
}
.service-box.style7 .content .single-image img {
width: 100%;
}
.service-box.style7:hover .content .service-box-icon img {
transform: rotateY(360deg);
transition: .5s;
}
.service-box.style7 .content .service-box-icon img {
position: absolute;
right: 20px;
top: 20px;
transition: .5s;
}
.service-box.style7 .content .text {
background-color: #fff;
padding: 20px 0px 1px 20px;
}
.service-box.style7 .content .tex p.description {
transition: .5s;
color: #232323;
font-size: 16px;
font-family: 'Nunito', sans-serif;
}
.brand.style6 .brand-item img {
display: inline;
width: 75% !important;
padding: 20px 20px;
transition: .5s;
opacity: 1;
border: 1px solid #fff;
}
.brand.style6 .brand-item img:hover {
display: inline;
width: 75% !important;
background-color: #f5f8fd;
padding: 20px 20px;
border: 1px solid rgba(35, 35, 35, 0.1);
transition: .5s;
}
.brand.style6 .brand-item {
text-align: center;
}
.service-box.style8 .single-box{
background-color: #1862dd;
text-align: center;
padding: 0px 9px 25px;
margin: 15px 15px 45px;
}
.service-box.style8 .icon {
transition: .5s;
display: inline-block;
margin-top: -35px;
margin-bottom: 8px;
}
.service-box.style8 .content h3.title {
color: #fff;
font-size: 24px;
font-weight: 600;
}
.service-box.style8 .content p.description {
transition: .5s;
font-size: 16px;
color: #fff;
margin: 15px 0px 15px;
}
.service-box.style8 .content .service-btn a {
font-size: 16px;
color: #fff;
}
.service-box.style8 .icon img {
transition: .5s;
}
.service-box.style8:hover .icon img {
transform: rotateY(360deg);
transition: .5s;
}
.section-title.style6 .description {
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
margin-top: 20px;
}
.section-title.style6 .subtitle {
margin-bottom: 15px;
}
.itservice .dreamit-button.style3 .dreamit-button a {
padding: 15px 35px;
font-size: 16px;
font-weight: 500;
border: 1px solid #0c5adb;
color: #fff;
background: #0c5adb;
border-radius: 30px;
display: inline-block;
margin-left: 0px;
position: relative;
z-index: 1;
font-family: 'Nunito', sans-serif;
}
.team.style6 .team-content {
position: relative;
}
.team.style6 .team-content .bio {
background-color: #041424;
padding: 10px 20px 24px;
border-radius: 5px 5px 0px 0px;
}
.team.style6 .team-content .bio .name a {
color: #fff;
font-size: 22px;
}
.team.style6 .team-content .bio h5.designation {
font-size: 14px;
color: #fff;
margin-top: 2px;
font-weight: 500;
}
.team.style6 .team-content .team-share .team-share-icon {
position: absolute;
right: 4%;
top: 7%;
transition: .5s;
}
.team.style6 .team-content .team-share:hover .team-share-icon span{
opacity: 0;
transition: .5s;
}
.team.style6 .team-content .team-share i {
color: #fff;
background-color: #0c5adb;
height: 35px;
display: block;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 3px;
}
.team.style6 .team-content .team-share .social-icon {
position: absolute;
top: 40%;
right: 4%;
opacity: 0;
transition: .5s;
}
.team.style6 .team-content .team-share:hover .team-share-icon .social-icon {
top: 0;
right: 4%;
opacity: 1;
transition: .5s;
}
.team.style6 .team-content .social-icon li {
list-style: none;
margin-top: 12px;
}
.team.style6 .team-content .social-icon li a i {
color: #fff;
background-color: #0c5adb;
height: 35px;
display: block;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 3px;
transition: .5s;
}              .team.style6 .team-content h2.name {
margin-top: 0px;
}
.team.style6 .team-content .image img{
width: 100%
}
.pricing.style5 {
border: 1px solid #dfdfdf;
background-color: #f5f8fd;
border-radius: 10px;
padding: 15px 15px;
}
.pricing.style5 .single-pricing {
background-color: #fff;
border-radius: 10px;
padding: 35px 35px;
}
.pricing.style5 .pricing-head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 31px;
margin-bottom: 30px;
}
.pricing.style5 .pricing-head h3.pricing-name {
font-size: 26px;
color: #232323;
font-weight: 700;
margin-bottom: 23px;
}
.pricing.style5 .price-item span.currency {
color: #041424;
font-family: 'Rajdhani', sans-serif;
font-size: 50px;
font-weight: 700;
transition: .5s;
}
.pricing.style5 .price-item span.tk {
color: #041424;
font-size: 50px;
font-weight: 800;
font-family: 'Rajdhani', sans-serif;
transition: .5s;
}
.pricing.style5 .single-pricing p.pricing-p {
margin: 10px 0px 0px;
}
.pricing.style5 .single-pricing .pricing-body li {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
margin: 21px 0px 0px;
}
.pricing.style5 .single-pricing .pricing-body li i {
font-size: 15px;
color: #0060ff;
}
.pricing.style5 .single-pricing .pricing-body .pricing-button { margin: 19px 0px 6px;
}
.pricing.style5 .single-pricing .pricing-body .pricing-button a {
padding: 15px 35px;
font-size: 16px;
font-weight: 500;
border: 1px solid #0c5adb;
color: #fff;
background: #0c5adb;
border-radius: 30px;
display: inline-block;
margin-left: 0px;
position: relative;
z-index: 1;
font-family: 'Nunito', sans-serif;
}
.pricing.style5 .single-pricing .pricing-body .pricing-button a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 30px;
background: #10102E;
transform: scale(0);
transition: .5s;
}
.pricing.style5 .single-pricing .pricing-body .pricing-button a:hover:before {
transform: scale(1);
}
.testimonial.style2.style6 .testimonial-item {
margin: 28px 0 0px;
padding: 36px 36px 30px;
box-shadow: none;
background-color: #fff;
}
.testimonial.style2.style6 .testimonial-item .testi-star {
display: inline-block;
background-color: #f5f8fd;
padding: 15px 5px 15px;
border-radius: 30px 30px 0px 0px;
position: absolute;
right: 47px;
bottom: 70px;
}
.testimonial.style2.style6 .testimonial-item .testi-star {
display: inline-block;
background-color: #f5f8fd;
padding: 15px 5px 15px;
border-radius: 30px 30px 0px 0px;
position: absolute;
right: 47px;
bottom: -180px;
transition: .5s;
}
.testimonial.style2.style6 .testimonial-item:hover .testi-star {
display: inline-block;
background-color: #f5f8fd;
padding: 15px 5px 15px;
border-radius: 30px 30px 0px 0px;
position: absolute;
right: 47px;
bottom: 0px;
transition: .5s;
}
.testimonial.style2.style6 .testimonial-item .testi-star i {
color: #ddd;
font-size: 15px;
display: block;
padding: 4px;
}
.testimonial.style2.style6 .testimonial-item .author .bio .name {
color: var(--title-color);
font-size: 22px;
font-weight: 600;
margin: 0 0 7px;
}
.testimonial.style2.style6 .testimonial-item .author .bio .designation {
color: #616161;
font-size: 16px;
font-weight: 500;
margin: 0;
font-family: 'Nunito', sans-serif;
}
.testimonial.style2.style6 .testimonial-item .quote {
font-size: 16px;
font-weight: normal;
margin-bottom: 39px;
}
.testimonial.style2.style6 .testimonial-item:before {
position: absolute;
content: "";
bottom: 19%;
right: 28%;
height: 55px;
width: 66px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/04/IT-Services-icon.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
transition: .5s;
}
.case-study.style5.style7 .single_case_study {
border-radius: 8px;
transition: .5s;
margin-bottom: 55px;
position: relative;
}
.case-study.style5.style7 .single_case_study .image-thumb{
position: relative;
}
.case-study.style5.style7 .single_case_study .image-thumb::before {
position: absolute;
content: "";
height: 0;
width: 100%;
background-image: linear-gradient(0deg, rgba(12,90,219,0.6) 0%, rgba(12,90,219,0.6) 44%, rgba(0,0,0,0) 100%);
bottom: 0;
opacity: 1;
transition: .5s;
}
.case-study.style5.style7 .single_case_study:hover .image-thumb::before {
height: 70%;
transition: .5s;
}
.case-study.style5.style7 .single_case_study .cases-study-content-inner {
padding: 0px 30px 13px;
position: absolute;
background: #17243e;
width: 100%;
transition: .5s;
bottom: -104px;
}
.case-study.style5.style7 .single_case_study:hover .cases-study-content-inner {
bottom: -70px;
transition: .5s;
}
.case-study.style5.style7 .single_case_study .title a {
color: #fff;
font-size: 20px;
transition: .5s;
font-weight: 500;
}
.case-study.style5.style7 .single_case_study .case_category span {
color: #ffff;
font-size: 16px;
}
.case-study.style5.style7 .single_case_study .cases-study-content-f h2.title {
margin: 0px 0px 5px;
}
.case-study.style5.style7 .single_case_study .em-case-study-buttons a {
background-color: #f3f8fd;
border-radius: 50%;
padding: 3px 8px;
position: absolute;
right: 25px;
top: 15%;
transition: .5s;
background-color: #203257;
border: 1px solid #203257;
color: #fff;
}
.case-study.style5.style7 .single_case_study:hover .em-case-study-buttons a {
transition: .5s;
background-color: #0c5adb;
}
.blog-post.style7.style8 .single_blog_adn .content .title a {
color: #041424;
font-size: 24px;
transition: 0.5s;
padding: 0;
}
.blog-post.style7.style8 .single_blog_adn .content .title a:hover {
color: #0c5adb;
transition: 0.5s;
}
.blog-post.style7.style8 .single_blog_adn {
border: 1px solid #e5e7e9;
border-radius: 7px;
background-color: #f5f8fd;
}
.blog-post.style7.style8 .single_blog_adn p.description {
margin-bottom: 15px;
margin-top: 15px;
}
.blog-post.style7.style8 .single_blog_adn .content a.read-more {
display: block;
justify-content: space-between;
font-size: 16px;
text-transform: capitalize;
color: #262626;
font-weight: 500; transition: 0.5s;
border-top: none;
padding: 0px 0px 0px; margin-bottom: 25px;
}
.blog-post.style7.style8 .single_blog_adn:hover .content a.read-more {
color: #0c5adb;
transition: 0.5s;
text-decoration: underline !important;
}
.blog-post.style7.style8 .single_blog_adn .content i {  line-height: 38px;
background-color: transparent;
text-align: center;
border-radius: 50%;
color: #262626;
border: none;
transition: 0.5s;
margin-left: 9px;
}
.blog-post.style7.style8 .single_blog_adn:hover .content i {
background-color: transparent;
text-align: center;
border-radius: 50%;
color: #0c5adb;
transition: 0.5s;
}
.it-service .form-area.contact-form.contact-four .buttons input {
padding: 16px 33px;
background: #262ecf;
display: block;
color: #fff;
border-radius: 30px;
width: inherit;
cursor: pointer;
text-align: center;
transition: .5s;
border: none;
margin-top: 17px;
}
.it-service .form-area.contact-form.contact-four .form-control {
width: 100%;
height: 60px;
padding-left: 25px;
background: #fff;
border-radius: 5px;
color: #232323;
transition: 0.5s;
border: 1.2px solid #e7e7e8;
} .insurance .dreamit-button .button {
padding: 12px 27px 12px 27px;
font-family: 'Rajdhani';
font-weight: 600;
color: #000000;
background: #0c5adb;
display: inline-block;
border-radius: 4px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
}
.insurance2 .dreamit-button .button {
padding: 12px 27px 12px 27px;
font-family: 'Rajdhani';
font-weight: 600;
color: #fff;
background: transparent;
display: inline-block;
border-radius: 4px;
border: none;
position: inherit;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
}
.insurance2 .dreamit-button .button i {
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 25px;
text-align: center;
background: transparent;
color: #fff;
display: inline-block;
margin-left: 6px;
position: inherit;
transition: .5s;
font-weight: 700;
transform: rotate(-45deg);
}
.insurance2 .dreamit-button .button:hover i {
background: transparent;
color: #0c5adb;
}
.icon-box.style-two.style-fifteen .icon-box-content h2 {
margin: 0 0 7px 0;
font-size: 22px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
color: #fff;
}
.icon-box.style-two.style-fifteen {
display: flex;
align-items: normal;
padding: 40px 30px 40px;
background-color: #072e35;
border-radius: 10px;
position: relative;
z-index: 1;
transition: .5s;
}
.icon-box.style-two.style-fifteen:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 0;
width: 100%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/iconbg.png);
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
transition: .5s;
z-index: -1;
}
.icon-box.style-two.style-fifteen:hover:before {
height: 100%;
width: 100%;
transition: .5s;
}
.icon-box.style-two.style-fifteen:hover {
background-color: transparent;
transition: .5s;
}
.icon-box.style-two.style-fifteen .img-icon {
display: inline-block; line-height: 70px;
text-align: center;
width: 70px;
height: 70px;
border-radius: 100%;
transition: 0.5s;
filter: none;
background-color: #052328;
}
.icon-box.style-two.style-fifteen .icon-box-content h2 {
font-size: 26px;
color: #fff;
font-weight: 600;
}
.icon-box.style-two.style-fifteen .icon-box-content .description p {
margin: 0;
font-size: 16px;
color: #fff;
opacity: .7;
}
.section-title.style8 .subtitle {
font-size: 16px;
text-transform: capitalize;
font-weight: 600;
color: #0c5adb;
padding: 8px 25px;
position: relative;
display: inline-block;
background-color: #f3f7fd;
border-radius: 4px;
font-family: 'Nunito', sans-serif;
margin-bottom: 15px;
}
.section-title.style8 .subtitle:before {
display:none;
}
.section-title.style8 .subtitle:after {
display:none;
}
.section-title.style8 .title {
font-size: 40px;
margin: 8px 0 0;
line-height: 1;
}
.section-title.style8 .description {
font-size: 16px;
font-weight: 500;
margin: 20px 0px 11px;
color: #686868;
}
ul.item-list.style2 li {
color: #232323;
font-size: 17px;
font-weight: 700;
list-style: none;
margin-bottom: 16px;
}
ul.item-list.style2 li i {
color: #0c5adb;
transform: rotate(-45deg);
margin-right: 5px;
}
.banner .section-title.style8 .subtitle {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
padding: 8px 50px;
position: relative;
display: inline-block;
background-color: #0b3237;
border-radius: 4px;
font-family: 'Nunito', sans-serif;
}
.service-box.style9:hover .service-box-icon img {
transform: rotateY(360deg);
transition: .5s;
}
.service-box.style9 {
background-color: #fff;
padding: 43px 32px 35px;
transition: .5s;
z-index: 1;
position: relative;
border-radius: 10px;
}
.service-box.style9 .service-number {
margin: 14px 0px 0px;
}
.service-box.style9 span.service-box-number {
color: #0c5adb;
font-size: 16px;
font-weight: 600;
transition: .5s;
}
.service-box.style9:hover span.service-box-number {
color: #fff;
transition: .5s;
}
.service-box.style9 .service-box-title h3 {
font-size: 26px;
font-weight: 600;
margin: 5px 0px 5px;
transition: .5s;
}
.service-box.style9:hover .service-box-title h3,
.service-box.style9:hover p.description,
.service-box.style9:hover .service-btn a{
color: #fff;
transition: .5s;
}
.service-box.style9 p.description {
font-size: 16px;
color: #686868;
font-weight: 600;
transition: .5s;
}
.service-box.style9:before {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/icon-hover-bg.png);
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
border-radius: 5px;
z-index: -1;
}
.service-box.style9:hover:before {
width: 100%;
left: 0;
transition: .5s;
}
.service-box.style9 .service-btn a {
display: inline-flex;
align-items: center;
font-size: 17px;
color: #686868;
font-weight: 700;
margin: 19px 0px 0px;
transition: .5s;
}
.service-box.style9 .service-btn a i {
font-size: 11px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #0c5adb;
margin-right: 5px;
transition: .5s;
font-weight: 700;
}
.service-box.style9:hover .service-btn a i {
font-size: 11px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #0c5adb;
margin-right: 5px;
transition: .5s;
font-weight: 700;
}
.team.style8 .team-content .bio .name a {
font-size: 22px;
font-weight: 600;
margin: 0 0 6px;
color: #fff;
transition: .5s;
}
.team.style8 .team-content .bio .name a:hover {
color: #0c5adb;
transition: .5s;
}
.team.style8 .team-content .bio h2.name {
margin: 13px 0px 0px;
}
.team.style8 {
background-color: #102e33;
padding: 16px 15px 25px;
border-radius: 20px;
}
.team.style8 .team-content .bio h5.designation {
color: #fff;
opacity: .5;
font-size: 16px;
font-weight: 400;
margin: 10px 0px 0px;
text-transform: capitalize;
font-family: 'Nunito', sans-serif;
}
.team.style8 .image {
background-color: #1d3e43;
line-height: 0;
}
.team.style8 .image img {
width: 100%;
transition: .5s;
}
.team.style8:hover .image img {
border-radius: 50%;
transition: .5s;
}
.team.style8 .team-content .bio {
text-align: center;
}
.testimonial.style2.style8 .testimonial-item {
margin: 19px 0 10px;
padding: 40px 36px 15px 35px;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/0_-1-Insurance.png);
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
}
.testimonial.style2.style8 .testimonial-item .quote {
font-size: 20px;
font-weight: 500;
color: #fff;
opacity: .6;
font-style: italic;
margin-left: 35px;
margin-bottom: 12px;
}
.testimonial.style2.style8 .testimonial-item .reviews_rating {
margin-left: 33px;
}
.testimonial.style2.style8 .testimonial-item .testi-star i.active {
color: #F9BF00;
font-size: 17px;
margin: 2px;
}
.testimonial.style2.style8 .testimonial-item .author img {
height: 53px;
width: 53px;
object-fit: cover;
margin-right: 18px;
border-radius: 50%;
}
.testimonial.style2.style8 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 0px;
margin-top: 55px;
}
.testimonial.style2.style8 .testimonial-item .author .bio .name {
font-size: 20px;
font-weight: 600;
margin: 0 0 7px;
color: #fff;
font-family: 'Nunito', sans-serif;
}
.testimonial.style2.style8 .testimonial-item .author .bio .designation {
color: #fff;
font-size: 16px;
font-weight: 300;
margin: 0px 0px 9px;
opacity: .6;
}
.form-area.contact-form.insurance .form-control {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 60px;
padding-left: 25px;
background: #f6f7f9;
border-radius: 5px;
color: #232323; transition: 0.5s;
border-bottom: 1px solid #cdcdcd;
border-top: 0;
border-left: 0;
border-right: 0;
}
.form-area.contact-form.insurance textarea.wpcf7-textarea {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 120px;
padding-left: 25px;
background: #f6f7f9;
border-radius: 5px;
color: #232323; transition: 0.5s;
border-bottom: 1px solid #cdcdcd;
border-top: 0;
border-left: 0;
border-right: 0;
}
.case-study.style2.style8 .single_case_study .cases-study-content-main {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/0_-1-Insurance.png);
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
border-radius: 7px;
}
.case-study.style8 .single_case_study .cases-study-content {
position: absolute;
left: 0px;
height: 67%;
right: 0px;
bottom: 0px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/pt-shape1.png);
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
overflow: hidden;
border-radius: 10px;
z-index: 99;
padding: 0px 0px 0px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
border-radius: 7px;
}
.case-study.style8 .single_case_study:hover .cases-study-content {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.case-study.style8 .single_case_study .em-case-study-button {
text-align: center;
background: transparent;
border-radius: 10px 10px 0 0;
padding: 10px 0;
transition: .5s;
display: inline-block;
position: absolute;
right: 20px;
bottom: 76%;
}
.case-study.style8 .single_case_study .em-case-study-button a {
display: block;
font-size: 19px;
color: #fff;
}
.case-study.style8 .single_case_study .cases-study-content-inner {
padding: 25px;
position: absolute;
bottom: 15px;
left: 0;
}
.blog-post.style5 .single_blog_adn {
position: relative; }
.blog-post.style9 .single_blog_adn .content {
position: absolute;
bottom: -135px;
left: 0;
right: 0;
margin: auto;
width: 90%;
background-color: #0f2c31;
padding: 28px 27px 20px;
border-radius: 6px;
}
.blog-post.style9 .single_blog_adn .content span {
color: #fff;
}
.blog-post.style9 .single_blog_adn .content span i{
margin-right: 10px;
}
.blog-post.style9 .single_blog_adn .content h4.title {
margin: 16px 0px 25px;
}
.blog-post.style9 .single_blog_adn .content .title a {
font-size: 22px;
font-weight: 600;
color: #fff;
transition: .5s;
}
.blog-post.style9 .single_blog_adn .content .title a:hover {
color: #0c5adb;
transition: .5s;
}
.blog-post.style9 .single_blog_adn .content a.read-more {
color: #fff;
display: flex;
align-items: center;
position: relative;
}
.blog-post.style9 .single_blog_adn .content a.read-more:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 2px;
width: 40px;  background-size: cover;
transition: .5s;
border-radius: 5px; background-color: #fff;
}
.blog-post.style9 .single_blog_adn .content a.read-more:hover:before {
width: 100px;
transition: .5s;
}
.blog-post.style9 .single_blog_adn .content a.read-more i {
margin-left: 9px;
transform: rotate(-45deg);
}
.insurance .icon-box.style9 h4.title {
margin: 0px 12px 10px;
font-size: 18px;
font-weight: 600;
}
.insurance .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: none;
width: 100%;
background-color: #f8f8f8;
color: #686868;
height: 59px;
padding: 10px 20px 10px;
border-radius: 5px;
outline: 0;
}
.insurance .mc4wp-form-fields .mailchimp-form input::placeholder {
color: #686868 !important;
}
.insurance .mc4wp-form-fields button {
position: absolute;
right: 7px;
top: 7px;
border: none;
background: #fff;
padding: 9px 23px;
border-radius: 5px;
} .marketinh .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid #9583c7;
width: 75%;
background-color: #5d43a7;
color: #fff;
height: 66px;
padding: 10px 20px 10px;
border-radius: 60px;
outline: 0;
}
.marketinh .mc4wp-form-fields .mailchimp-form input::placeholder {
color: #fff !important;
opacity: .30;
}
.marketinh .mc4wp-form-fields button {
position: absolute;
right: 88px;
top: 0px;
border: none;
background: #fff;
padding: 20px 50px;
border-radius: 55px;
color: #7648fc;
}
.marketing .section-title.style2 .description {
margin: 25px 0 0;
}
.marketing .section-title.style2 h3 {
margin: 28px 0 0 0;
}
img.attachment-large.size-large.wp-image-7311 {
width: 100%;
}
.marketing .dreamit-button .button {
padding: 12px 27px 12px 0px;
font-family: 'Rajdhani';
font-weight: 600;
color: #353535;
background: transparent;
display: inline-block;
border-radius: 4px;
border: none;
position: inherit;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
font-size: 17px;
font-family: 'Nunito', sans-serif;
}
.marketing .dreamit-button .button i {
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 25px;
text-align: center;
background: transparent;
color: #353535;
display: inline-block;
margin-left: 6px;
position: inherit;
transition: .5s;
font-weight: 700;
}
.marketing .dreamit-button .button:hover i {
background: transparent;
color: #0c5adb;
transform: rotate(-45deg);
}
.marketing .brand.style3 .brand-item img {
width: 80%!important;
opacity: 0.8;
transition: .5s;
}
.insurance .icon-box.style16 {
text-align: center;
padding: 30px 25px 10px;
border: 1px solid transparent;
border-radius: 5px;
transition: .5s;
filter: drop-shadow(5px 0px 15px rgba(204,204,204,0.25));
background-color: #ffffff;
position: relative;
z-index: 1;
}
.insurance .icon-box.style16:before {
position: absolute;
content: '';
height: 0%;
width: 0%;
border-radius: 5px;
left: 0;
bottom: 0;
opacity: 1;
background-color: #052328;
transition: .5s;
z-index: -1;
}
.insurance .icon-box.style16:hover:before {
height: 100%;
width: 100%;
transition: .5s;
}
.insurance .icon-box.style16:hover .icon-box-content h4.title,
.insurance .icon-box.style16:hover .icon-box-content p.description {
color: #fff;
transition: .5s;
}
.insurance .icon-box.style16 .icon-box-content h4.title {
font-size: 22px;
color: #232323;
font-weight: 600;
margin-bottom: 3px;
margin-top: 11px;
transition: .5s;
}
.insurance .icon-box.style16 .icon-box-content p.description {
transition: .5s;
font-size: 15px;
color: #686868;
}
.insurance .icon-box.style16 .img-icon:before {
display: none;
}
.insurance .icon-box.style16 .img-icon img {
width: 40px;
}
.icon-box.style16 {
text-align: center;
padding: 30px 68px 10px;
border: 1px solid transparent;
border-radius: 5px;
transition: .5s;
}
.icon-box.style16:hover {
border: 1px dashed #FFFFFF94;
border-radius: 5px;
transition: .5s;
}
.icon-box.style16 .img-icon {
position: relative;
}
.icon-box.style16 .img-icon:before {
position: absolute;
content: '';
height: 90px;
width: 90px;
line-height: 90px;
border: 1px dashed #fff;
border-radius: 55px;
text-align: center;
left: 0;
bottom: 0;
top: 0;
right: 0;
margin: auto; animation: rotateme 20s linear infinite;
transition: .5s;
}
.icon-box.style16:hover .img-icon:before {
opacity: 1;
transition: .5s;
}
.icon-box.style16 .icon-box-content h4.title {
font-size: 24px;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
}
.icon-box.style16 .icon-box-content p.description {
transition: .5s;
font-size: 16px;
color: #fff;
}
.testimonial.style9 .testimonial-item .author img {
width: 100px;
}
.testimonial.style9 .testimonial-item {
position: relative;
width: 66%;
margin: auto;
padding: 10px 95px 10px;
}
.testimonial.style9 .testimonial-item:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/05/testi-bg-2.png); 
background-repeat: no-repeat; 
background-size: cover;
transition: .5s;
border-radius: 5px;
z-index: -1;
}
.testimonial.style9 .testimonial-item .author h4.name {
font-size: 18px;
font-family: 'Nunito', sans-serif;
}
.testimonial.style9 .testimonial-item .author h5.designation {
font-size: 16px;
color: #616161;
margin: 8px 0px 32px;
font-weight: 400;
font-family: 'Nunito', sans-serif;
}
.testimonial.style9 .testimonial-item p.quote {
font-size: 16px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 20px;
}
.testimonial.style9 .testimonial-item .testi-star i.active {
color: #eba721;
}
.testimonial.style9 .owl-nav button.owl-prev {
background-color: #7747ff;
color: #fff;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
border-radius: 30px;
position: absolute;
top: 47%;
left: 10%;
}
.testimonial.style9 .owl-nav button.owl-next {
background-color: #7747ff;
color: #fff;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
border-radius: 30px;
position: absolute;
top: 47%;
right: 10%;
}
.pricing.style7 {
background: transparent;
border-radius: 15px;
text-align: left;
border: 1px solid#DFEBF9;
transition: .5s;
position: relative;
overflow: hidden;
}
.pricing.style7 .pricing-head {
padding: 34px 52px 8px;
}
.pricing.style7 h3.pricing-name {
color: #000000;
font-size: 20px;
font-weight: 600;
}
.pricing.style7 .price-item span {
font-size: 46px;
font-weight: 600;
font-family: 'Rajdhani', sans-serif;
color: #232323;
margin: 27px 0 27px;
display: inline-block;
}
.pricing.style7 .price-item span.month {
font-size: 18px;
}
.pricing.style7 .pricing-body ul.features li {
list-style: none;
color: #000000;
font-size: 16px;
transition: .5s;
font-weight: 500;
margin-bottom: 10px;
}
.pricing.style7 .pricing-body ul.features li i {
color: #7545ff;
transition: .5s;
margin-right: 8px;
}
.pricing.style7:hover .pricing-body ul.features li i {
color: #fff;
transition: .5s;
}
.pricing.style7:hover .pricing-body ul.features li {
color: #fff;
transition: .5s;
}
.pricing.style7 .pricing-body {
background-color: #efeafe;
transition: .5s;
padding: 100px 52px 52px;
}
.pricing.style7:hover .pricing-body {
background-color: #220083;
transition: .5s;
}
.pricing.style7 a.pricing-button.singinp {
display: block;
background: #7545ff;
text-align: center;
color: #fff;
padding: 9px 22px;
border-radius: 30px;
font-family: 'Rajdhani', sans-serif;
font-size: 18px;
font-weight: 500;
border: 1px solid#0B5ADB;
transition: .5s;
margin-top: 55px;
}
.pricing.style7 a.pricing-button.singinp:hover {
background: #fff;
color: #7545ff;
}
.marketing2 .dreamit-button .button {
padding: 12px 45px 12px; font-weight: 600;
color: #7545ff;
background: #fff;
display: inline-block;
border-radius: 40px;
border: 1px solid #7545ff;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
font-size: 16px;
font-family: 'Nunito', sans-serif;
transition: .5s;
}
.marketing2 .dreamit-button .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #7545ff;
border-radius: 3px;
transition: .5s;
}
.marketing2 .dreamit-button .button:hover {
color: #fff;
transition: .5s;
}
.marketing2 .dreamit-button .button:hover:before {
width: 100%;
left: 0;
transition: .5s;
}
.blog-post.style10 .post-item {
border: 1px solid #efeafe;
border-radius: 15px;
transition: .5s;
}
.blog-post.style10 .post-item:hover {
background-color: #efeafe;
transition: .5s;
}
.blog-post.style10 .post-item .post-thumbs {
overflow: hidden;
padding: 30px;
}
.blog-post.style10 .post-item .post-thumbs img{
border-radius: 15px;
}
.blog-post.style10 .post-item .single_blog_post_content .post-categories li {
list-style: none;
display: inline-block;
border: 1px solid #efeafe;
padding: 2px 13px;
border-radius: 5px;
background-color: #fff;
}
.blog-post.style10 .post-item .single_blog_post_content {
padding: 0px 30px 30px;
}
.blog-post.style10 .post-item .single_blog_post_content h3.title {
margin-bottom: 20px;
line-height: 1;
}
.blog-post.style10 .post-item .single_blog_post_content .title a {
font-size: 20px;
color: #000000;
font-weight: 600;
transition: .5s;
}
.blog-post.style10 .post-item .single_blog_post_content .title a:hover {
color: #0c5adb;
transition: .5s;
}
.blog-post.style10 .post-item .single_blog_post_content .blog_post_user {
display: flex;
align-items: center;
}
.blog-post.style10 .post-item .single_blog_post_content .blog_post_user .user_thumb {
line-height: 0;
}
.blog-post.style10 .post-item .single_blog_post_content .blog_post_user .user_thumb img {
width: 35px;
margin-right: 10px;
}
.blog-post.style10 .post-item .single_blog_post_content .blog_post_user .author a {
color: #000000;
font-weight: 600;
} .b-data .icon-box.style1 {
display: flex;
align-items: flex-start;
padding-bottom: 5px;
background-color: #fff;
border-radius: 5px;
padding: 32px 31px 30px 33px;
filter: drop-shadow(0px 5px 20px rgba(104,104,104,0.1));
}
.b-data .icon-box.style1 .icon-box-icon .icon i {
display: inline-block;
font-size: 38px;
color: #0c5adb;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
background-color: #f3f7fd;
border-radius: 36px;
transition: .5s;
}
.b-data .icon-box.style1:hover .icon-box-icon .icon i {
background-color: #0c5adb;
color: #fff;
transition: .5s;
}
.b-data .icon-box.style1 .icon-box-content h2 {
font-size: 23px;
font-weight: 700;
margin: 0 0 7px 0;
}
.service-box.style10.fourteen:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0%;
width: 100%;
z-index: -1;
transition: .5s;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/service-shap.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
transition: all 400ms linear;
opacity: 0;
}
.service-box.style10.fourteen:hover:after {
opacity: 1;
height: 100%;
transition: .5s;
}
.service-box.style10.fourteen .content p.list {
color: #232323;
font-weight: 600;
position: relative;
padding-left: 21px;
transition: .5s;
margin-bottom: 13px;
}
.service-box.style10.fourteen .content p.description {
margin-bottom: 27px;
}
.service-box.style10.fourteen:hover .content p.list {
color: #fff;
transition: .5s;
}
.service-box.style10.fourteen .content p.list:before {
position: absolute;
content: "";
top: 7px;
left: 0;
height: 11px;
width: 11px;
background: #166ae1;
border-radius: 30px;
transition: .5s;
}
.service-box.style10.fourteen:hover .content p.list:before {
background: #fff;
transition: .5s;
}
.service-box.style10.fourteen {
border-radius: 10px;
background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
padding: 40px 30px 22px;
position: relative;
z-index: 2;
transition: .5s;
}
.service-box.style10.fourteen h3 {
font-size: 23px;
line-height: 32px;
color: #041424;
font-weight: 700;
margin: 20px 0 5px;
transition: all 400ms linear;
}
.big_data .section-title.style8.center .description {
font-size: 16px;
font-weight: 500;
margin: 20px 0px 11px;
color: #686868;
width: 50%;
margin: auto;
padding-top: 14px;
}
.single-counter.style_three.style_7 .counter-content span {
margin-bottom: 10px;
display: inline-block;
font-size: 38px;
color: #ffffff;
font-weight: 700; text-align: center;
}
.single-counter.style_three.style_7 {
text-align: center;
border: 1px solid #2f70de;
background: rgba(23, 95, 218, .5);
}
.big_data .dreamit-button .button {
padding: 12px 27px 12px 27px;
font-family: 'Rajdhani';
font-weight: 600;
color: #fff;
background: rgba(51, 115, 219, 1);
display: inline-block;
border-radius: 4px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
}
.team.style4.style9 .team-content h2.name {
margin-top: 15px;
font-size: 23px;
color: #232323;
text-align: center;
}
.team.style4.style9 .team-content h5.designation {
color: #686868; text-align: center;
font-weight: 400;
font-size: 16px;
margin-bottom: 28px;
margin-top: 10px;
}
.team.style4.style9 {
background-color: #fff;
padding: 0px 0px 90px;
border-radius: 10px;
filter: drop-shadow(0px 10px 10px rgba(153,153,153,0.1));
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.team.style4.style9 .team-content ul.social-icon a {
padding: 7px 10px;
border: 0;
border-radius: 50%;
color: #232323;
margin: 0px;
transition: .5s;
}
.team.style4.style9 .image {
position: relative;
line-height: 0;
}
.team.style4.style9 .image:before {
display:none;
transition: .5s;
}
.team.style4.style9 .team-content {
line-height: 0;
background-color: #fff;
padding: 20px 10px 0px;
}
.team.style4.style9 .team-content .bio-social {
transition: .5s;
position: absolute;
transition: .5s;
width: 100%;
bottom: 31px;
background-color: #fff;
left: 0;
padding-bottom: 40px;
border-bottom: 3px solid #0c5adb;
}           .team.style4.style9:hover .team-content .bio-social {
transition: .5s;
}
.testimonial.style2.style13 .testimonial-item .testi-star i{
color: #F9BF00;
font-size: 18px;
margin: 4px;
}      .testimonial.style2.style13 .testimonial-item:hover {
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
transition: .5s;
}
.testimonial.style2.style13 .testimonial-item {
margin: 28px 0 70px;
padding: 36px 36px 30px;
background-color: #fff;
box-shadow: none;
position: relative;
}
.testimonial.style2.style13 .testimonial-item:before {
position: absolute;
content: "";
bottom: 41px;
right: 166px;
height: 85px;
width: 112px;
transition: .5s;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/testi-quat.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
transition: all 400ms linear;
}
.testimonial.style2.style13 .testimonial-item .quote {
font-size: 16px;
font-weight: normal;
margin: 26px 0px 35px;
}
.testimonial.style2.style13 .testimonial-item .author .bio .name {
color: var(--title-color);
font-size: 20px;
font-weight: 900;
margin: 0 0 7px;
}
.testimonial.style2.style13 .testimonial-item .author .bio .designation {
color: #0c5adb;
font-size: 16px;
font-weight: 500;
margin: 0;
font-family: 'Nunito';
}
.big_data_1 .section-title.style8.center .description {
font-size: 16px;
font-weight: 500;
margin: 20px 0px 11px;
color: #fff;
opacity: .8;
width: 50%;
margin: auto;
padding-top: 14px;
}
.big_data_1 .section-title.style8 .description {
font-size: 16px;
font-weight: 500;
margin: 20px 0px 11px;
color: #fff;
opacity: .8;
}
.big_data .icon-box.style1 {
display: flex;
align-items: center;
padding-bottom: 5px;
padding: 10px 30px 10px;
background-color: rgba(37, 107, 223, 1);
border-radius: 6px;
}
.big_data .icon-box.style1 .icon-box-icon .icon i {
display: inline-block;
font-size: 23px;
color: #fff;
height: 65px;
width: 65px;
line-height: 65px;
text-align: center;
background-color: rgba(59, 122, 226, 1);
border-radius: 100%;
}
.big_data .icon-box.style1 .icon-box-content h2 {
font-size: 21px;
font-weight: 700;
margin: 0 0 0 0;
color: #fff;
}
.team.style9 .team-area {
background: #F7F4FB;
padding: 110px 0 32px;
}
.team.style9 .single-team-box {
border-radius: 5px;
background: #fff;
position: relative;
z-index: 999;
filter: drop-shadow(0px 10px 10px rgba(153,153,153,0.1));
transition: .5s;
}
.team.style9 .single-team-box .section-description p {
width: 57%;
margin: auto;
}
.team.style9 .single-team-box .single-team-box {
border-radius: 5px;
padding: 0 0 33px;
background: #fff;
position: relative;
z-index: 999;
transition:.5s;
}
.team.style9 .single-team-box .single-team-thumb img {
width: 100%;
}
.team.style9 .single-team-box .team-box-content {
text-align: center;
padding: 15px 24px 20px;
background: #fff;
transition: .5s;
position: relative;
z-index: 1;
}
.team.style9 .single-team-box .team-box-content:before {
position: absolute;
content: "'";
left: 50%;
height: 5px;
width: 0%;
background: #0c5adb;
bottom: 0;
transition: .5s;
}
.team.style9 .single-team-box:hover .team-box-content:before {
width: 100%;
left: 0%;
}
.team.style9 .single-team-box:hover .team-box-content {
padding: 15px 24px 81px;
margin-top: -61px;
}
.team.style9 .single-team-box .team-title h2.name {
font-size: 23px;
transition: .5s;
}
.team.style9 .single-team-box .team-title h2.name:hover {
color: #0c5adb;
transition: .5s;
}
.team.style9 .single-team-box .team-title h3 a {
font-size: 25px;
font-weight: 700;
margin: 14px 0 2px;
display: inline-block;
color: #39374d;
transition: .5s;
}
.team.style9 .single-team-box .team-title h5.designation {
color: #0c5adb;
font-size: 16px;
font-weight: 500;
margin-bottom: 13px;
margin-top: 3px;
}
.team.style9 .single-team-box .team-social-info {
opacity: 0;
transition: .5s;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.team.style9 .single-team-box:hover .team-social-info{
opacity: 1;
}
.team.style9 .single-team-box .team-box-content .bio-social .team-social-info li {
list-style: none;
display: inline-block;
}
.team.style9 .single-team-box .bio-social .team-social-info li a {
display: inline-block;
color: #fff;
background: #0c5adb;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
border-radius: 50%;
margin: 14px 2px 20px;
font-size: 14px;
}
.team.style9 .single-team-box .bio-social .team-social-info li a:hover {
background: #0c5adb;
color: #fff;
}
.bug_dt .dreamit-button .button {
padding: 12px 27px 12px 27px;
font-family: 'Rajdhani';
font-weight: 600;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 4px;
border: 9px solid #fff;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
}
.bug_dt .dreamit-button .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 0px;
transition: .5s;
}
.bug_dt .dreamit-button .button:hover:before {
width: 100%;
left: 0;
}
.bug_dt .dreamit-button .button:hover {
color: #232323;
background-color: #eff3fa;
}
.pricing.style6.style8 {
background: #fff;
border-radius: 10px;
text-align: left;
padding: 46px 27px 29px;
border: 1px solid#DFEBF9;
transition: .5s;
position: relative;
overflow: hidden;
}
.pricing.style6.style8 h3.pricing-name {
display: inline-block;
background: transparent;
color: #232323;
font-size: 23px;
font-weight: 700;
padding: 0;
border-radius: 30px;
}
.pricing.style6.style8 .price-item span {
font-size: 46px;
font-weight: 700;
font-family: 'Rajdhani', sans-serif;
color: #232323;
margin: 37px 0 21px;
display: inline-block;
}
.pricing.style6.style8 a.pricing-button.singinp {
display: block;
background: #0B5ADB;
text-align: center;
color: #fff;
padding: 14px 22px;
border-radius: 5px;
font-family: 'Rajdhani', sans-serif;
font-size: 18px;
font-weight: 500;
border: 1px solid#0B5ADB;
transition: .5s;
position: relative;
z-index: 1;
margin-top: 31px;
margin-bottom: 30px;
}
.pricing.style6.style8 a.pricing-button.singinp:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.pricing.style6.style8 a.pricing-button.singinp:hover {
color: #0c5adb;
}
.pricing.style6.style8 a.pricing-button.singinp:hover:before {
width: 100%;
left: 0;
}
.pricing.style6.style8 ul.features li {
display: flex;
align-items: center;
margin-bottom: 11px;
font-weight: 500; color: #232323;
font-size: 15px;
}
.pricing.style6.style8 ul.features li i.fas.fa-check-circle {
color: #0c5adb;
margin-right: 10px;
}
.pricing.style6.style8 h3.pricing-title {
display: inline-block;
background: #0c5adb;
font-size: 16px;
font-weight: 500;
color: #fff;
padding: 5px 73px;
position: absolute;
right: -75px;
top: 4px;
transform: rotate(45deg);
}
.big-dat .pricing.style6.style8 h3.pricing-title {
display:none;
}
.blog-post.style5 .single_blog_adn h4.title {
font-size: 23px;
font-weight: 700;
margin-bottom: 14px;
}
.blog-post.style5.style14 .single_blog_adn {
position: relative;
margin-bottom: 21px;
filter: drop-shadow(0px 10px 15px rgba(50,73,110,0.05));
}
.blog-post.style5.style14 .single_blog_adn p.description {
transition: .5s;
margin-bottom: 16px;
}
.blog-post.style5.style14 .single_blog_adn .blog-meta-left {
margin: 43px 0px 16px;
}
.blog-post.style5.style14 .single_blog_adn .luxury-blog-thumb_adn {
overflow: hidden;
}
.blog-post.style5.style14 .single_blog_adn img {
transition: .5s;
}
.blog-post.style5.style14 .single_blog_adn:hover img {
border-radius: 5px;
transform: scale(1.1);
transition: .5s;
}
.big-d .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid #fff;
width: 100%;
background-color: transparent;
color: #fff;
height: 60px;
padding: 10px 20px 10px;
border-radius: 5px;
outline: 0;
}          .big-d .mc4wp-form-fields button {
position: absolute;
right: 0px;
top: 0px;
border: none;
background: #fff;
padding: 17px 33px;
border-radius: 5px;
}
.big .footer-subscribe .mc4wp-form-fields .mailchimp-form input::placeholder{
color: #686868 !important;
}
.section-title.style6 .title3 span {
color: #0c5adb;
} .cyber-sec .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid #414f66;
width: 100%;
background-color: rgba(15, 32, 61, .6);
color: #fff;
height: 68px;
padding: 10px 45px 10px;
border-radius: 50px;
outline: 0;
}
.cyber-sec .mc4wp-form-fields button {
position: absolute;
right: 8px;
top: 8px;
border: none;
background: #0c5adb;
padding: 13px 36px;
border-radius: 40px;
color: #fff;
}
.cyber-sec .mc4wp-form-fields {
-webkit-animation: 1s 3s fadeInUp both;
animation: 1s 3s fadeInUp both;
}
.cyber-sec span.elementor-icon-list-text {
-webkit-animation: 1s 4s fadeInUp both;
animation: 1s 4s fadeInUp both;
}
.service-box.style10.fourteen.sixteen {
border-radius: 10px;
padding: 34px 35px 22px;
position: relative;
z-index: 2;
transition: .5s;
background-color: #021434;
background-image: none;
}
.service-box.style10.fourteen.sixteen:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0%;
width: 100%;
z-index: -1;
transition: .5s;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/shap1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
transition: all 400ms linear;
opacity: 0;
}
.service-box.style10.fourteen.sixteen:hover:after {
opacity: 1;
height: 100%;
transition: .5s;
}
.service-box.style10.fourteen.sixteen h3 {
font-size: 23px;
line-height: 32px;
color: #fff;
font-weight: 700;
margin: 37px 0 12px;
transition: all 400ms linear;
}
.service-box.style10.fourteen.sixteen .content p.description {
margin-bottom: 16px;
color: #b6b9c0;
}
.service-box.style10.fourteen.sixteen .content p.list {
color: #b6b9c0;
font-weight: 600;
position: relative;
padding-left: 21px;
transition: .5s;
margin-bottom: 6px;
}
.service-box.style10.fourteen.sixteen .service-box-icon i {
color: #fff;
font-size: 34px;
background-color: #0c5adb;
height: 85px;
width: 85px;
line-height: 85px;
text-align: center;
border-radius: 100%;
transition: .5s;
}
.service-box.style10.fourteen.sixteen:hover .service-box-icon i {
color: #0c5adb;
background-color: #fff;
transition: .5s;
}
.service-box.style10.fourteen.sixteen .content .service-btn {
display: block;
position: relative;
left: 0;
background-color: rgba(3, 25, 64, 1);
padding: 8px 35px 8px;
border-radius: 30px;
margin: 42px 0px 10px;
}
.service-box.style10.fourteen.sixteen .content .service-btn a {
border-radius: 0px;
display: inline;
background: transparent;
border: none;
height: inherit;
width: inherit;
color: #fff;
font-size: 16px;
font-family: 'Rajdhani';
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.service-box.style10.fourteen.sixteen .content .service-btn a i {
font-size: 15px;
font-weight: 600;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 9px;
background-color: #0c5adb;
padding: 12px 12px;
border-radius: 30px;
transition: .5s;
}
.service-box.style10.fourteen.sixteen:hover .content .service-btn a i {
background-color: #0c5adb;
transition: .5s;
}
.cybar .icon-box.style-two.style-eleven {
background-color: transparent;
border: none;
padding: 38px 0px 28px;
border-radius: 5px;
display: block;
transition: 0.5s;
position: relative;
z-index: 9;
}
.cybar .icon-box.style-two .icon-box-icon .icon i {
display: inline-block;
font-size: 38px;
color: #fff;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
background-color: #0c5adb;
border-radius: 40px;
}
.cybar .icon-box.style-two.style-eleven .title h2 {
font-size: 24px;
color: #fff;
margin: 20px 0px 11px;
}
.cybar .icon-box.style-two .icon-box-content .description p {
margin: 0;
color: #b6b9c0;
}
.pricing.teen {
background-color: #031b44;
padding: 37px 39px 32px;
transition: 0.5s;
}
.pricing.teen:hover {
background-color: #05265f;
transition: 0.5s;
}
.top-section {
text-align: center;
border-bottom: 1px solid #4d5d78;
padding-bottom: 23px;
margin-bottom: 36px;
}
.pricing.teen h3.pricing-title {
font-size: 26px;
color: #fff;
margin: 25px 0px 31px;
}
.pricing.teen .price-item {
margin-bottom: 10px;
}
.pricing.teen .price-item span {
font-size: 42px;
color: #0c5adb;
font-weight: 800;
font-family: 'Rajdhani';
}
.pricing.teen span.month {
font-size: 16px;
color: #b6b9c0;
}
.pricing.teen .pricing-body .features i{
color: #0c5adb;
margin-right: 10px;
}
.pricing.teen li {
list-style: none;
font-size: 16px;
font-weight: 400;
color: #b6b9c0;
margin: 9px 0px;
}
.pricing.teen ul.features {
margin-bottom: 34px;
}
.pricing.teen a.pricing-button.singinp {
padding: 12px 27px 12px 27px;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 18px;
text-transform: capitalize;
color: #ffffff;
font-weight: 600; }
.pricing.teen a.pricing-button.singinp:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.pricing.teen a.pricing-button.singinp:hover {
color: #0c5adb;
}
.pricing.teen a.pricing-button.singinp:hover:before {
width: 100%;
left: 0;
}
.cybar .marquee-block h3 {
color: #0c5adb;
font-size: 70px;
background: transparent;
padding: 0px 20px;
border-radius: 8px; font-weight: 900;
display: flex;
align-items: center;
margin-right: 25px;
}
.cybar .marquee-block h3:before {
display:none;
}
.cybar .marquee-block h3 img {
margin-right: 40px;
}
.cyber .my-accordion li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: transparent;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.10);
color: #b6b9c0;
}
.cyber .my-accordion li p {
display: none;
padding: 0px 25px 3px;
color: #b6b9c0;
font-size: 16px;
}
.cyber .my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
font-weight: 700;
font-size: 22px;
color: #fff!important;
background-color: transparent;
padding: 22px 20px 21px 24px;
z-index: 1;
border-bottom: 1px solid transparent;
border-radius: 14px;
font-family: 'Rajdhani';
}
.cyber .my-accordion a.active {
border-bottom: 1px solid rgba(0,0,0,0.08);
color: #0c5adb !important;
}
.form-area.contact-form.contact-three.cybar .form-control {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 60px;
padding-left: 25px;
background: #0f203e;
border-radius: 5px;
color: #b6b9c0;
border: none;
transition: 0.5s;
}
.form-area.contact-form.contact-three.cybar .form-group input::placeholder {
color: #b6b9c0 !important;
}
.form-area.contact-form.contact-three.cybar textarea.wpcf7-textarea {
transition: border-color 0.15s ease-in-out;
width: 100%;
height: 160px;
padding-left: 25px;
background: #0f203e;
border-radius: 5px;
color: #b6b9c0;
border: none;
transition: 0.5s;
}
.cybar .form-area.contact-form.contact-three .buttons input {
border-radius: 40px;
}                                  .testimonial.style-four.fifteen .owl-nav .owl-next i {
height: 50px;
width: 50px;
line-height: 50px;
background-color: #0c5adb;
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 20px;
}
.testimonial.style-four.fifteen .owl-nav .owl-prev i {
height: 50px;
width: 50px;
line-height: 50px;
background-color: #0c5adb;
color: #fff;
text-align: center;
border-radius: 5px;
font-size: 20px;
}
.testimonial.style-four.fifteen .owl-nav .owl-prev i:hover,
.testimonial.style-four.fifteen .owl-nav .owl-next i:hover{
height: 50px;
width: 50px;
line-height: 50px;
background-color: #1c2c48;
color: #0c5adb;
text-align: center;
border-radius: 5px;
font-size: 25px;
}
.testimonial.style-four.fifteen .testimonial-item .quote {
font-size: 26px;
font-weight: 400;
margin: 10px 0 16px;
transition: all 400ms linear;
line-height: 31px;
font-style: normal;
color: #fff;
font-family: "Rajdhani";
margin: 25px 0px 39px;
padding-top: 24px;
}
.testimonial.style-four.fifteen .bio {
margin-left: 0px;
margin-top: 13px;
}
.testimonial.style-four.fifteen button.owl-next {
position: absolute;
right: 0px;
bottom: 14%;
}
.testimonial.style-four.fifteen button.owl-prev {
position: absolute;
right: 10%;
bottom: 14%;
}
.testimonial.style-four.fifteen .testimonial-item .author .bio .designation {
font-size: 16px;
font-weight: 500;
margin: 0;
color: #b6b9c0;
transition: all 400ms linear;
}
.blog-post.style5.style14.style16 .single_blog_adn .post-categories li {
list-style: none;
background-color: #0c5adb;
display: inline-block;
color: #fff;
position: absolute;
top: 44%;
right: 40px;
padding: 10px;
border-radius: 5px;
}
.blog-post.style5.style14.style16 .single_blog_adn .post-categories li a {
color: #fff;
}
.blog-post.style5.style16 .single_blog_adn .blog-meta-left span {
margin-right: 25px;
color: #0c5adb;
}
.blog-post.style5.style16 .single_blog_adn .blog-meta-left a {
color: #0c5adb;
}
.blog-post.style5.style16 .single_blog_adn h4.title a {
transition: .5s;
color: #fff;
}
.blog-post.style5.style16 .single_blog_adn h4.title a:hover {
transition: .5s;
color: #0c5adb;
}
.blog-post.style5.style16 .single_blog_adn {
padding: 20px 20px 30px;
border-radius: 7px;
background-color: #021433;
}
.blog-post.style5.style16 .single_blog_adn img {
border-radius: 20px;
}
.blog-post.style5.style16 .single_blog_adn h4.title {
font-size: 26px;
font-weight: 700;
margin-bottom: 31px;
}
.blog-post.style5.style14.style16 .single_blog_adn .blog-meta-left {
margin: 37px 0px 16px;
}
.blog-post.style5.style16 .single_blog_adn a.read-more {
padding: 7px 27px 7px 27px;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
font-weight: 400; }
.blog-post.style5.style16 .single_blog_adn a.read-more:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.blog-post.style5.style16 .single_blog_adn a.read-more:hover {
color: #0c5adb;
}
.blog-post.style5.style16 .single_blog_adn a.read-more:hover:before {
width: 100%;
left: 0;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons {
position: absolute;
right: 30px;
top: 30px;
width: 24%;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a {
background-color: #f3f8fd;
border-radius: 0;
padding: 0;
position: inherit;
transition: .5s;
background-color: #203257;
border: 0;
color: #fff;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a i {
margin-left: 6px;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a {
padding: 7px 27px 7px 27px;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
font-weight: 400; display: flex;
align-items: center;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a:hover {
color: #0c5adb;
}
.case-study.style5.style7.style10 .single_case_study .case-study-buttons a:hover:before {
width: 100%;
left: 0;
}
.case-study.style5.style7.style10 .single_case_study .cases-study-content-inner {
padding: 0px 30px 13px;
position: absolute;
background: transparent;
width: 100%;
transition: .5s;
bottom: -104px;
}
.case-study.style5.style7.style10 .single_case_study:hover .cases-study-content-inner {
bottom: 0px;
transition: .5s;
}
.case-study.style5.style7.style10 .single_case_study .title a {
color: #fff;
font-size: 26px;
transition: .5s;
font-weight: 700;
}
.case-study.style5.style7.style10 .single_case_study .case_category span {
color: #ffff;
font-size: 18px;
font-weight: 700;
}
.case-study.style5.style7.style10 .single_case_study {
border-radius: 8px;
transition: .5s;
margin-bottom: 55px;
position: relative;
overflow: hidden;
}
.single-slick.four.seven {
display: flex;
align-items: center;
}
.dreamit-slick-slider .single-slick.four.seven .hero-text-wrap h4 {
font-size: 75px;
font-weight: 700;
color: #fff;
padding: 0;
position: inherit;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
text-transform: capitalize;
margin-bottom: 10px;
line-height: 1;
}
.dreamit-slick-slider .single-slick.four.seven .hero-text-wrap h1 {
font-size: 75px;
color: #fff;
line-height: 1;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
text-transform: capitalize;
line-height: 1;
}
.dreamit-slick-slider .single-slick.four.seven .hero-text-wrap p {
font-size: 17px;
color: #B6B9C0;
margin-top: 12px;
width: 70%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
} .section-title.style17.center {
width: 45%;
margin: auto;
}
.section-title.style17 {
width: 100%;
}
.section-title.style17 .subtitle {
font-size: 17px;
text-transform: capitalize;
font-weight: 600;
color: #fff;
padding: 0;
margin: 0;
font-family: 'Nunito';
line-height: 30px;
}
.section-title.style17 .subtitle:before {
display:none;
}
.section-title.style17 h3.title {
font-size: 40px;
color: #fff;
font-weight: 700; margin: 0px;
}
.section-title.style17 h2.title3 {
transition: .5s;
font-size: 40px;
color: #fff;
margin: 0px;
}
.section-title.style17 h2.title3 span {
color: #0c5adb;
}
.section-title.style17 h4 {
font-size: 40px;
color: #0c5adb;
font-weight: 700; margin: 0px;
}
.section-title.style17 .description {
font-size: 16px;
margin-bottom: 0;
margin-top: 20px;
color: #9ea1a5;
}
.payment .dreamit-button.style5 a {
padding: 14px 27px 14px 27px;
font-family: nunito;
font-weight: 500;
color: #fff;
background: #226ae0;
display: inline-block;
border-radius: 4px;
border: none;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
font-size: 16px;
border-radius: 4px;
border: 1px solid #0c5adb;
transition: .5s;
}
.payment .dreamit-button.style5 a:hover {
color: #0c5adb;
transition: .5s;
}
.single-counter.style12 {
display: flex;
align-items: center;
}
.single-counter.style12 .icon {
display: block;
margin: 0px 15px 0px 0px;
}
.single-counter.style12 .counter-content h6 {
color: #fff;
font-size: 16px;
font-weight: 500;
}
.single-counter.style12 .counter-content span {
font-size: 45px;
font-weight: 700;
margin-bottom: 0px;
display: inline-block;
font-family: 'Rajdhani';
color: #fff;
}
.service_box.style3 {
padding: 40px 25px 16px;
background-color: #05182b; transition: .5s;
position: relative;
z-index: 1;
}    .service_box.style3:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
height: 0%;
width: 1%;
transition: .5s;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/09/icon-bg2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.service_box.style3:hover:before {
right: 0;
height: 100%;
width: 100%;
}
.service_box.style3 .top-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.service_box.style3 .top-content span.service_box-number {
color: #0c5adb;
font-size: 16px;
font-weight: 400;
}
.service_box.style3 .top-content .service_box-title h3 {
font-size: 22px;
color: #fff;
font-weight: 500;
font-family: 'Nunito';
margin-top: 16px;
transition: .5s;
}
.service_box.style3:hover .top-content .service_box-title h3 {
color: #0c5adb;
transition: .5s;
}
.service_box.style3 p.description {
color: #9ea1a5;
margin-top: 23px;
}
.payment .icon-box.style-two .icon-box-content h2 {
margin: 0 0 7px 0;
font-size: 22px;
color: #fff;
font-weight: 600; }
.payment .icon-box.style-two:hover .img-icon img {
filter: none;
}
.payment .icon-box.style-two .img-icon {
display: inline-block;
font-size: 38px;
line-height: 80px;
text-align: center;
width: 60px;
height: 66px;
border-radius: 5px;
transition: 0.5s;
filter: drop-shadow(0px 10px 10px rgba(207,218,235,0.2));
background-color: transparent;
}
.payment .icon-box.style-two .icon-box-content .description p {
margin: 0;
color: #9ea1a5;
}
.payment .icon-box.style16 .icon-box-content h4.title {
font-size: 22px;
color: #fff;
font-weight: 500;
margin-bottom: 15px;
font-family: 'Nunito';
}
.payment .icon-box.style16 {
text-align: center;
padding: 30px 68px 10px;
border: none; 
border-radius: 5px;
transition: .5s;
}
.payment .icon-box.style16 .img-icon {
position: relative;
line-height: 0;
}
.payment .icon-box.style16 .img-icon:before {
position: absolute;
content: '';
height: 80px;
width: 80px;
line-height: 80px;
border: 1px dashed #fff;
border-radius: 55px;
text-align: center;
left: 0;
bottom: 0;
top: 0;
right: 0;
margin: auto; animation: rotateme 20s linear infinite;
transition: .5s;
}
.payment .icon-box-content {
margin-top: 35px;
}
.payment .icon-box.style16 .icon-box-content p.description {
transition: .5s;
font-size: 16px;
color: #9ea1a5;
}
.payment .icon-box.style16:hover {
border: none;
border-radius: 5px;
transition: .5s;
}
.payment .pay .icon-box.style16 .img-icon{
position: relative;
transition: .5s;
}
.payment .pay .icon-box.style16 .img-icon:after {
position: absolute;
content: '';
height: 80%;
width: 100%;
text-align: center; bottom: 20px;
right: -190px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/09/shape1.png);
transition: .5s;
}
.service-box.style18 {
border: 1px solid #1b2938;
background-color: #05182b;
padding: 62px 30px 45px;
position: relative;
border-radius: 5px;
}
.service-box.style18 span.service-box-number {
font-size: 100px;
font-weight: 900;
color: #062249;
position: absolute;
right: 40px;
top: -9px;
font-family: 'Rajdhani';
transition: .5s;
}
.service-box.style18:hover span.service-box-number {
color: #0c5adb;
transition: .5s;
}
.service-box.style18 .service-box-con {
display: flex;
align-items: center;
}
.service-box.style18 .service-box-con .service-box-icon {
flex-shrink: 0;
margin-right: 15px;
}
.service-box.style18 .service-box-con .service-box-title h3 {
font-size: 22px;
color: #fff;
font-family: nunito;
margin: 0px 0px 10px;
}
.service-box.style18 .service-box-con p.description {
color: #9ea1a5;
margin: 0;
}
.payment .accordion.style3 .my-accordion a.active {
background: #041424;
border-bottom: 1px solid rgba(0,0,0,0.08);
padding: 15px 20px 15px 27px;
}
.payment .my-accordion li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: #041424;
border-radius: 4px;
}
.payment .accordion.style3 .my-accordion li p {
background-color: #041424;
padding: 0px 54px 25px 23px;
}
.payment .accordion.style3 .my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
background: inherit;
padding: 15px 20px 15px 22px;
z-index: 1;
border-bottom: 1px solid transparent;
border-radius: 4px;
font-size: 18px;
line-height: 30px;
color: #ffffff !important;
font-weight: 400;
font-family: "Nunito";
}
.testimonial.style16.style17 .testimonial-item:before {
position: absolute;
content: "";
top: 35px;
right: 0px;
height: 54px;
width: 0px;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/09/qt-shap.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.5s;
}
.testimonial.style16.style17 .testimonial-item:hover:before {
width: 60px;
transition: 0.5s;
right: 40px;
}
.testimonial.style16.style17 .bio h5.designation {
font-size: 16px;
line-height: 28px;
color: #fff;
font-family: "Nunito";
margin: 3px 0 0 0;
transition: 0.5s;
}
.testimonial.style16.style17 .bio h4.name {
font-size: 22px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
font-family: 'Nunito';
margin: 7px 0px 0px;
transition: 0.5s;
}
.testimonial.style16.style17 .testimonial-item:hover .bio h5.designation {
color: #0c5adb;
transition: 0.5s;
}
.testimonial.style16.style17 .testimonial-item:hover .bio h4.name {
color: #0c5adb;
transition: 0.5s;
}
.testimonial.style16.style17 .testimonial-item .quote {
font-weight: normal;
margin: 0px 0px 20px;
font-size: 17px;
line-height: 28px;
color: #9ea1a5;
font-family: "Nunito";
}
.testimonial.style16.style17 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 17px;
}
.pricing.style9.style11 {
text-align: left;
padding: 45px 40px 40px;
transition: .5s;
position: relative;
overflow: hidden;
border-radius: 20px;
filter: none;
background-color: #05182b;
border: 1px solid rgba(12,90,219,0.15);
}
.pricing.style9.style11:hover {
transition: .5s;
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
}
.pricing.style9.style11 .price-item {
position: inherit;
top: 0;
right: 0;
border-bottom: 1px solid #1e3041;
padding-bottom: 25px;
margin-bottom: 25px;
}
.pricing.style9.style11 .pricing_img {
position: absolute;
right: 0;
top: 67px;
}
.pricing.style9.style11 h3.pricing-title {
position: relative;
font-size: 20px;
line-height: 26px;
color: #fff;
font-weight: 600;
font-family: "Nunito";
padding: 0px 0 24px 0;
}
.pricing.style9.style11 .pricing-head .price-item span {
color: #fff;
}
.pricing.style9.style11 .pricing-head .price-item span.currency {
margin: 0;
display: inline-block;
font-size: 41px;
line-height: 26px;
font-weight: 600;
font-family: "Rajdhani";
position: inherit;
bottom: 0px;
}
.pricing.style9.style11 .pricing-head .price-item span.tk {
font-size: 41px;
line-height: 40px;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style9.style11 .pricing-head .price-item span.month {
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: "Rajdhani";
}
.pricing.style9.style11 ul.features li {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 300;
font-family: "Nunito";
}
.pricing.style9.style11 a.pricing-button.singinp {
display: inline-block;
text-align: center;
transition: .5s;
margin-top: 27px;
font-size: 17px;
text-transform: capitalize;
color: #fff;
font-weight: 400;
font-family: "Nunito";
height: 50px;
width: 169px;
border-radius: 4px;
background-color: #041424;
border: 1px solid #041424;
line-height: 45px;
position: relative;
overflow: hidden;
}
.pricing.style9.style11 a.pricing-button.singinp:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
margin: auto;
height: 100%;
width: 0;
background: #0c5adb;
border-radius: 4px;
transition: 0.4s;
}
.pricing.style9.style11 a.pricing-button.singinp i {
color: #fff;
font-size: 15px;
left: 5px;
position: relative;
transition: 0.4s;
}
.single-slick.style-8 .hero-text-wrap {
width: 100%;
}
.single-slick.style-8 .hero-text {
margin-left: 40px;
}
.single-slick.style-8 .hero-text-wrap h4 {
font-size: 22px;
font-weight: 500;
color: #0c5adb;
padding: 10px 0px;
position: inherit;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
}
.single-slick.style-8 .hero-text-wrap h4:before {
display:none;
}
.single-slick.style-8 .hero-text-wrap h1 {
font-size: 75px;
color: #232323;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
}
.single-slick.style-8 .hero-text-wrap p {
font-size: 16px;
color: #686868;
margin-top: 10px;
width: 100%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.single-slick.style-8 .hero-text-wrap .btn {
padding: 14px 20px 14px 30px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Fira Sans';
}
.single-slick.style-8 .hero-text-wrap .btn {
padding: 14px 20px 14px 30px;
margin-top: 15px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Nunito';
}
.consulting .section-title.style17 .subtitle {
font-size: 17px;
text-transform: capitalize;
font-weight: 600;
color: #0c5adb;
padding: 0;
margin: 0px 0px 18px 0px;
font-family: 'Rajdhani';
line-height: 30px;
}
.consulting .section-title.style17 h3.title {
font-size: 45px;
color: #232323;
font-weight: 700; margin: 0px;
}
.consulting .section-title.style17 h2.title3 {
transition: .5s;
font-size: 45px;
color: #232323;
margin: 0px;
}
.consulting .service-box.style5 {
border: none;
background-color: #fff;
border-radius: 5px;
padding: 30px 30px 36px;
position: relative;
filter: drop-shadow(0px 15px 43.5px rgba(235,235,235,0.59));
z-index: 1;
}
.consulting .service-box.style5 .service-box-title h3 {
color: #232323;
font-size: 24px;
font-weight: 600;
margin-bottom: 9px;
margin-top: 17px;
transition: .5s;
}
.consulting .service-box.style5:hover .service-box-title h3 {
color: #fff;
transition: .5s;
}
.consulting .service-box.style5 .content p.description {
transition: .5s;
color: #686868;
opacity: 1;
transition: .5s;
}
.consulting .service-box.style5:hover .content p.description {
transition: .5s;
color: #fff;
}
.consulting .service-box.style5 .service-btn a {
padding: 8px 18px 8px 24px;
font-size: 16px;
font-family: 'Nunito';
border-radius: 5px;
background-color: #edf3fd;
color: #232323;
display: inline-block;
margin-top: 11px;
position: relative;
z-index: 1;
transition: .5s;
border: transparent;
}
.consulting .service-box.style5:hover .service-btn a {
border-radius: 5px;
background-color: #fff;
color: #0c5adb;
transition: .5s;
}
.consulting .service-box.style2 .service-btn:after {
position: absolute;
content: "";
z-index: 1;
top: 12px;
left: 20px;
width: 30px;
height: 2px;
background: #0b59db;
transition: .5s;
}
.consulting .single-counter .counter-content span {
font-size: 60px;
font-weight: 600;
margin-bottom: 14px;
display: inline-block;
font-family: 'Rajdhani';
color: #232323;
transition: .5s;
}
.consulting .single-counter:hover .counter-content span {
color: #fff;
transition: .5s;
}
.consulting .single-counter .counter-content h6 {
color: #686868;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Nunito';
margin-top: 22px;
transition: .5s;
}
.consulting .single-counter:hover .counter-content h6 {
color: #fff;
transition: .5s;
}
.consulting .single-counter {
text-align: center;
overflow: hidden;
padding: 52px 0 35px;
background-color: #fff;
transition: .5s;
}
.consulting .single-counter:hover {
background-color: #0c5adb;
transition: .5s;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item .quote {
font-size: 20px;
font-weight: 400;
margin: 10px 0 16px;
transition: all 400ms linear;
line-height: 31px;
font-style: normal;
color: #686868;
font-family: "Nunito";
margin: 25px 0px 10px;
padding-top: 24px;
font-style: italic;
}
.testimonial.style-four.eighteen .testimonial-item .author .bio .name {
font-size: 20px;
margin: 0 0 4px;
color: #232323;
font-family: 'Nunito';
}
.testimonial.style-four.fifteen.eighteen .bio {
margin-left: 15px;
margin-top: 13px;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
margin-top: 11px;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item {
transition: all .4s ease 0s;
position: relative;
text-align: left;
z-index: 1;
filter: drop-shadow(0px 15px 43.5px rgba(235,235,235,0.59));
background-color: #fff;
margin: 56px 60px;
padding: 1px 40px 37px 96px;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item:after {
position: absolute;
content: "";
top: 59px;
left: 33px;
height: 38px;
width: 48px;
transition: .5s;
z-index: 1;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/09/quet-icon.png);
background-repeat: no-repeat;
transition: all 400ms linear;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item:before {
position: absolute;
content: "";
bottom: -38px;
right: -8px;
height: 38px;
width: 48px;
transition: .5s;
z-index: 1;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/09/tes-shap.png);
background-repeat: no-repeat;
transition: all 400ms linear;
}
.testimonial.style-four.fifteen.eighteen .testimonial-item .author .bio .designation {
font-size: 16px;
font-weight: 500;
margin: 0;
color: #686868;
transition: all 400ms linear;
font-family: 'Nunito';
}
.testimonial.style-four.fifteen.eighteen button.owl-dot.active {
background-color: #0c5adb;
height: 10px;
width: 25px;
border-radius: 5px;
}
.testimonial.style-four.fifteen.eighteen .owl-dots {
position: absolute;
right: 150px;
}
.testimonial.style-four.fifteen.eighteen button.owl-dot {
background-color: #aac5f2;
height: 10px;
width: 10px;
border-radius: 30px;
margin: 0px 4px 0px;
}
.blog-post.style10.eighteen .post-item .post-thumbs {
overflow: hidden;
padding: 0px;
}
.blog-post.style10.eighteen .post-item {
border: 1px solid #efeafe;
border-radius: 5px;
transition: .5s;
background-color: #fff;
}
.blog-post.style10.eighteen .post-item .post-thumbs img {
border-radius: 0px;
}
.blog-post.style10.eighteen .post-item .single_blog_post_content {
padding: 29px 5px 30px 30px;
}
.blog-post.style10.eighteen .post-item .single_blog_post_content .post-categories li {
list-style: none;
display: inline-block;
border: 1px solid #efeafe;
padding: 8px 13px;
border-radius: 5px;
background-color: #f0f4fb;
}
.blog-post.style10.eighteen .post-item .single_blog_post_content .post-categories li a{
color: #232323;
font-weight: 600;
}
.blog-post.style10.eighteen .post-item .single_blog_post_content .title a {
font-size: 24px;
color: #000000;
font-weight: 700;
transition: .5s;
font-family: 'Rajdhani';
}
.blog-post.style10.eighteen .post-item .single_blog_post_content .title a:hover {
color: #0b5adb;
transition: .5s;
}
.blog-post.style10.eighteen .post-item .single_blog_post_content .title {
font-size: 24px;
color: #000000;
margin-top: 25px;
font-weight: 700;
transition: .5s;
font-family: 'Rajdhani';
}
.blog-post.style10.eighteen a.read-more {
font-size: 18px;
font-weight: 600;
color: #232323;
}
.consulting .form-area.contact-form.contact-three .buttons input {
padding: 13px 24px;
background: #0c5adb;
display: block;
color: #fff;
border-radius: 7px;
width: inherit; cursor: pointer;
text-align: center;
transition: .5s;
border: none;
border: 1px solid #0c5adb;
transition: 0.5s;
width: 100%;
} .service-box.style7.style19 {
background-color: #181a21;
padding: 40px 10px 20px 30px;
border: none;
position: relative;
border-radius: 5px;
border-radius: 13px;
}
.service-box.style7.style19 .content .text {
background-color: #181a21;
padding: 0px 0px 0px 0px;
}
.service-box.style7.style19 span.service-box-number {
color: #0096ff;
}
.service-box.style7.style19 .content .service-box-title h3 {
font-size: 21px;
color: #fff;
margin: 15px 0px 15px;
}
.service-box.style7.style19 p.description {
color: #9eb8c1;
}
.service-box.style7.style19 .content .service-box-icon img {
position: absolute;
right: 0px;
top: 0px;
transition: .5s;
border-left: 10px solid #13121a;
border-bottom: 10px solid #13121a;
}
.dpayment .icon-box.style3 .icon-box-content .title {
font-size: 20px;
font-family: var(--title-font);
margin: 0 0 10px;
color: #fff;
font-weight: 700;
font-size: 21px;
font-family: 'Rajdhani', sans-serif;
}
.dpayment .icon-box.style3 .icon-box-content .description {
color: var(--main-color);
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
color: #9eb8c1;
}
.dpayment .icon-box.style3 {
display: flex;
align-items: flex-start;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
}
.dpayment .dreamit-button.style13 .button {
padding: 12px 40px 12px 40px;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 18px;
text-transform: capitalize;
color: #ffffff;
font-weight: 600;
font-family: "nunito";
}
.dpayment .service-box.style7.style19 .content .service-box-title h3 {
font-size: 26px;
color: #fff;
margin: 15px 0px 15px;
}
.dpayment .service-box.style7.style19 span.service-box-number {
color: #0096ff;
-webkit-text-stroke-width: 1px;
color: transparent;
-webkit-text-stroke-color: #ffff;
font-size: 90px;
font-weight: 800;
font-family: rajdhani;
opacity: .2;
position: absolute;
top: 51px;
}
.dpayment .service-box.style7.style19 {
background-color: #181a21;
padding: 45px 10px 20px 30px;
border: none;
position: relative;
border-radius: 5px;
border-radius: 13px;
}
.dpayment .service-box.style7.style19:hover .content .service-box-icon img {
position: absolute;
right: 0px;
top: 0px;
transition: .5s;
border-left: 10px solid #0096ff;
border-bottom: 10px solid #0096ff;
border-radius: 5px;
transition: .5s;
}
.dpayment .icon-box.style16 {
text-align: center;
padding: 30px 40px 10px;
border: 1px solid transparent;
border-radius: 5px;
transition: .5s;
}
.dpayment .icon-box.style16:hover .img-icon {
transform: rotateY(360deg);
transition: .5s;
}
.dpayment .icon-box.style16 .img-icon:before {
position: absolute;
content: '';
height: 90px;
width: 90px;
line-height: 90px;
border: 1px dashed #fff;
border-radius: 55px;
text-align: center;
left: 0;
bottom: 0;
top: 0;
right: 0;
margin: auto;
display:none;
animation: rotateme 20s linear infinite;
transition: .5s;
}
.dpayment .icon-box.style16 .icon-box-content p.description {
transition: .5s;
font-size: 16px;
color: #9eb8c1;
}
.testimonial.style2.style8.style19 .testimonial-item{
margin: 19px 0 10px;
padding: 0px 36px 15px 0px;
box-shadow: none;
background: transparent;
transition: .5s;
}
.testimonial.style2.style8.style19 .testimonial-item .top_content{
padding: 40px 29px 50px 35px;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/12/testi-imgt-bg2.png);
background-repeat: no-repeat;
background-size: cover;
transition: .5s;
}
.testimonial.style2.style8.style19 .testimonial-item .quote {
font-size: 16px;
font-weight: 500;
color: #9eb8c1;
opacity: 1;
font-style: normal;
margin-left: 0px;
margin-bottom: 40px;
}
.testimonial.style2.style8.style19 .testimonial-item .top_content .testi-star {
margin-bottom: 4px;
}
.testimonial.style2.style8.style19 .testimonial-item .reviews_rating {
margin-left: 0px;
}
.testimonial.style2.style8.style19 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 0px;
margin-top: 25px;
margin-left: 35px;
}
.testimonial.style2.style8.style19 .testimonial-item .author .bio .designation {
color: #0096ff;
font-size: 16px;
font-weight: 300;
margin: 0px 0px 9px;
font-family: 'Nunito';
opacity: 1;
}
.pricing.style9.style12 {
text-align: left;
padding: 0px 29px 0px;
transition: .5s;
position: relative;
overflow: hidden;
border-radius: 20px;
filter: none;
background-color: #15171f;
border: none;
}
.pricing.style9.style12 .pricing-name {
padding: 10px 70px 10px;
font-size: 21px;
line-height: 26px;
color: #fff;
background-color: #13121a;
font-weight: 600;
font-family: "Rajdhani";
border-bottom: none;
display: inline-block;
border-radius: 0px 0px 15px 15px;
margin: 0px 0px 35px;
}
.pricing.style9.style12 .pricing-head {
position: relative;
text-align: center;
}
.pricing.style9.style12 ul.features li img {
margin-right: 14px;
display: inline-block;
width: 17px;
}
.pricing.style9.style12 ul.features li {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 17px;
line-height: 28px;
color: #fff;
font-weight: 400;
font-family: "Nunito";
}
.pricing.style9.style12 a.pricing-button.singinp {
display: inline-block;
text-align: center;
transition: .5s;
margin-top: 0px;
font-size: 16px;
text-transform: capitalize;
color: #fff;
font-weight: 600;
font-family: "Nunito";
height: 56px;
width: 190px;
border-radius: 25px;
border: 1px solid #2d2f36;
line-height: 49px;
position: relative;
overflow: hidden;
transition: .5s;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 28px;
}
.pricing.style9.style12 a.pricing-button.singinp i {
color: #fff;
font-size: 15px;
left: 5px;
transition: 0.4s;
}
.pricing.style9.style12 a.pricing-button.singinp:before {
position: absolute;
content: ""; left: 0;
bottom:0;
margin: auto;
height: 100%;
width: 0%;
background: #0c5adb;
background-color: #0c5adb;
border-radius: 25px;
transition: 0.4s;
}
.pricing.style9.style12 a.pricing-button.singinp:hover:before {
height: 100%;
width: 100%;
transition: 0.4s;
}
.pricing.style9.style12 ul.features {
margin: 18px 0px 35px;
}
.digital-pay .section-title.style6 h3 {
line-height: 1.3;
}
.slider-thame{
display: flex;
}
.panel {
background-size: auto 120%;
background-position: center;
background-repeat: no-repeat;
height: 432px;
cursor: pointer;
flex: 0.5;
margin: 0px;
position: relative;
transition: flex 0.7s ease-in;
}
.panel.active{
flex: 5;
} .video__area {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.video__area {
background-attachment: unset;
}
}
@media only screen and (max-width: 767px) {
.video__area {
background-attachment: unset;
}
}
.video__area:hover .play-now {
opacity: 0;
visibility: hidden;
}
.video__area .play-now {
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: #C19E68;
background: #ffff;
text-transform: capitalize;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 95px;
height: 95px;
line-height: 95px;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 50%;
left: 50%;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.video__area .play-now {
width: 150px;
height: 150px;
line-height: 150px;
}
}
@media only screen and (max-width: 767px) {
.video__area .play-now {
width: 120px;
height: 120px;
line-height: 120px;
}
}
.video__content {
display: block;
width: 100%;
height: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.video__content {
height: 550px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.video__content {
height: 550px;
}
}
@media only screen and (max-width: 767px) {
.video__content {
height: 450px;
}
}
.video__content a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: none;
background-color: transparent;
}
.cursor {
position: fixed;
pointer-events: none;
font-weight: 500;
font-size: 16px;
line-height: 23px;
color: #C19E68;
background:#fff;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 100px;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
z-index: 999;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cursor.video {
width: 200px;
height: 200px;
}
@media only screen and (max-width: 767px) {
.cursor.video {
display: none;
}
}  .dance3 {
-webkit-animation: dance3 8s alternate infinite;
animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.dance {
-webkit-animation: dance 2s alternate infinite;
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.dance2 {
-webkit-animation: dance2 4s alternate infinite;
animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(25px, -25px, 0);
}
100% {
-webkit-transform: translate3d(0, -25px, 25px);
}
}
.branding-shape {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape {
-webkit-animation: moveBounce 2.5s linear infinite;
animation: moveBounce 2.5s linear infinite;
}
.finace-shape-two img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape-three img {
-webkit-animation: moveLeftBounceright 2s linear infinite;
animation: moveLeftBounceright 2s linear infinite;
}
@keyframes moveLeftBounceright {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(35px);
transform: translateX(35px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.dance {
-webkit-animation: dance 1.5s alternate infinite;
animation: dance 1.5s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.5);
}
}
.about-dance {
-webkit-animation: about-dance 3s alternate infinite;
animation: about-dance 3s alternate infinite;
}
@keyframes about-dance {
0% {
-webkit-transform: scale(3);
}
100% {
-webkit-transform: scale(3);
}
}
.finace-shape-about img {
-webkit-animation: moveUpBounce 2s linear infinite;
animation: moveUpBounce 2s linear infinite;
}
@keyframes moveUpBounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(35px);
transform: translateY(35px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}                    .hen-whychoose-rotateme {
-webkit-animation-name: hen-whychoose-rotateme;
animation-name: hen-whychoose-rotateme;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes hen-whychoose-rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
canvas { background: transparent;
position: absolute;
top: 0;
left: 0;
}.banner-shape-rotateme {
-webkit-animation-name: banner-shape-rotateme;
animation-name: banner-shape-rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes banner-shape-rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .service-box.style2 {
padding: 37px 22px 32px;
border-radius: 10px;
filter: drop-shadow(0px 10px 10px rgba(207,218,235,0.2));
background: #fff;
text-align: center;
margin-bottom: 0;
position: relative;
z-index: 1;
border: none;
}
.service-box.style2::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 100%;
height: 0;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-service-bg-shape02.png);
transition: .5s;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
border-radius:10px;
}
.service-box.style2:hover::before {
height: 100%;
}
.service-box.style2 .service-box-icon {
position: relative;
z-index: 1;
padding: 20px 0 0 0;
}
.service-box.style2 .service-box-icon img {
width: 45px;
}
.service-box.style2 .service-box-icon:before {
position: absolute;
content: "";
left: 0;
right:0;
margin:auto;
top: 0;
width: 94px;
height: 95px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-icon-shape.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
transition: .5s;
opacity:1;
}
.service-box.style2:hover .service-box-icon:before{
opacity:0;
}
.service-box.style2 .service-box-icon:after {
position: absolute;
content: "";
left: 0;
right:0;
margin:auto;
top: 0;
width: 94px;
height: 95px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-icon-shape2.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
transition: .5s;
opacity:0;
}
.service-box.style2:hover .service-box-icon:after {
opacity:1;
}
.service-box.style2 .service-box-title h3 {
transition: .5s;
padding: 35px 0 13px 0;
font-size: 26px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
}
.service-box.style2:hover .service-box-title h3 {
color: #fff;
}
.service-box.style2 .content p{
transition: .5s;
font-size: 16px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-align: center;
}
.service-box.style2:hover .content p {
color: #fff;
}
.service-box.style2 .service-btn a:before {
display:none;
}
.service-box.style2 .service-btn {
position: relative;
z-index: 1;
display: inline-block;
}
.service-box.style2 .service-btn:after {
position: absolute;
content: "";
z-index: 1;
top: 12px;
left: 35px;
width: 30px;
height: 2px;
background: #0b59db;
transition: .5s;
}
.service-box.style2:hover .service-btn:after {
left: -15px;
background: #ffffff;
width: 20px;
}
.service-box.style2 .service-btn a {
padding: 0 0 0 12px;
border-radius: 0;
background-color: inherit;
color: #232323;
display: inline-block;
margin-top: 0;
position: relative;
z-index: 1;
transition: .5s;
opacity: 0;
font-size: 16px;
font-weight: 400;
font-family: "Nunito";
border: none;
}
.service-box.style2:hover .service-btn a {
color: #fff;
opacity: 1;
border: none;
} .about-exprnc-shape-html {
background: #0B59DB;
padding: 27px 36px 23px 36px;
border-radius: 10px;
text-align: center;
position: relative;
z-index: 1;
overflow: hidden;
}
.about-exprnc-shape-html:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 122px;
background: #1164ED;
transition: .5s;
border-radius: 0 0 80px 80px;
}
.about-exprnc-shape-html h1 {
font-size: 56px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
position: relative;
z-index: 1;
padding: 0 0 10px 0;
}
.about-exprnc-shape-html h1:before {
position: absolute;
content: "";
z-index: 1;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 30px;
height: 2px;
background: #fff;
transition: .5s;
}
.about-exprnc-shape-html h4 {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
padding: 20px 0 0 0;
} .section-title.style2 {
position: relative;
overflow: hidden;
z-index: 1;
padding: 0 0 24px 0;
}
.section-title.style2 .subtitle {
position: relative;
display: inline-block;
text-transform: capitalize;
margin: 0;
left: 0;
padding: 0;
font-size: 18px;
color: #0c5adb;
font-weight: 600;
}
.section-title.style2 .subtitle:before {
display:none;
}
.section-title.style2 h3 {
font-size: 42px;
color: #041424;
font-weight: 700;
margin: 20px 0 0 0;
}
.section-title.style2 h2 {
font-size: 42px;
color: #041424;
font-weight: 700;
margin: 4px 0 0 0;
}
.section-title.style2 .description {
margin: 10px 0 0;
font-size: 16px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
} .title-lines .section-title.style2{
position: relative;
overflow: hidden;
z-index: 1;
}
.title-lines .section-title.style2::before {
content: "";
display: block;
position: absolute;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
background: #DBE0E7;
overflow: hidden;
}
.title-lines .section-title.style2::after {
content: "";
display: block;
position: absolute;
height: 1px;
width: 35px;
bottom: 0;
left: 0;
background: #0C5ADB;
-webkit-animation: moveLeftRight 20s linear infinite;
animation: moveLeftRight 20s linear infinite;
overflow: hidden;
}
@-webkit-keyframes moveLeftRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(600px);
transform: translateX(600px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .icon-box.style-two {
display: flex;
align-items: center;
padding: 10px 0 0 0;
}
.icon-box.style-two .icon-box-icon {
padding-right: 19px;
}
.icon-box.style-two .img-icon {
display: inline-block;
font-size: 38px;
line-height: 80px;
text-align: center;
width: 66px;
height: 66px;
border-radius: 10px;
transition: 0.5s;
filter: drop-shadow(0px 10px 10px rgba(207,218,235,0.2));
background-color: #d5e0f1;
}
.icon-box.style-two:hover .img-icon {
background-color: #0c5adb;
}
.icon-box.style-two:hover .img-icon img{
transition:.5s;
}
.icon-box.style-two:hover .img-icon img{
filter:brightness(0)invert(1);
}
.icon-box.style-two.style-eleven .img-icon img {
width: 44px;
}
.icon-box.style-two .icon-box-content h2 {
margin: 0 0 7px 0;
font-size: 22px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.icon-box.style-two .icon-box-content .description p {
margin: 0;
}
.icon-box.style-two .icon-box-icon .icon {
border-radius: 50%;
}
.icon-box.style-two .icon-box-icon .icon i {
display: inline-block;
font-size: 38px;
color: #0c5adb;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
background-color: #d4e1f7;
border-radius: 4px;
} .dreamit-button.style4 .dreamit-button a {
padding: 13px 22px 13px 22px;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
font-size: 17px;
color: #ffffff;
font-weight: 600;
font-family: 'Rajdhani';
}
.dreamit-button.style4 .dreamit-button a:hover {
color: #0c5adb;
}
.dreamit-button.style4 .dreamit-button a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.dreamit-button.style4 .dreamit-button a:hover:before {
width: 100%;
left: 0;
}
.dreamit-button.style4 .dreamit-button a i {
font-size: 11px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #0c5adb;
display: inline-block;
margin-left: 6px;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button.style4 .dreamit-button a:hover i {
background: #0c5adb;
color: #fff;
} .service-box.style3 {
padding: 32px 0 32px 40px;
background-color: #fff;
border: none;
text-align: left;
position: relative;
z-index: 1;
margin-bottom: 10px;
border-radius: 5px;
}
.service-box.style3::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 100%;
height: 0;
background: #0B59DB;
transition: .4s;
z-index: -1;
border-radius: 5px;
}
.service-box.style3:hover::before {
height: 100%;
}
.service-box.style3 .service-number {
position: relative;
z-index: 1;
}
.service-box.style3 .service-box-number {
DISPLAY: block;
text-align: right;
opacity: 1;
position: absolute;
top: 0;
right: 0;
transition: 0.5s;
font-size: 26px;
line-height: 50px;
color: #0c5adb;
font-weight: 600;
font-family: "Rajdhani";
padding: 0 15px 0 0;
}
.service-box.style3:hover .service-box-number {
color: #fff;
}
.service-box.style3 .service-box-number::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 70px;
height: 50px;
background: #E6EEFB;
transition: .5s;
z-index: -1;
border-radius: 30px 0 0 30px;
}
.service-box.style3:hover .service-box-number::before {
background: #011533;
}
.service-box.style3 .service-box-icon {
display: inline-block;
position: relative;
z-index: 1;
}
.service-box.style3 .service-box-icon::before {
position: absolute;
content: "";
left: -8px;
top: -7px;
width: 40px;
height: 40px;
background: #E6EEFB;
transition: .5s;
z-index: -1;
border-radius: 100%;
}
.service-box.style3:hover .service-box-icon::before {
background: #2F72E0;
}
.service-box.style3 .service-box-icon img {
filter: brightness(1)invert(0);
transition: .5s;
}
.service-box.style3:hover .service-box-icon img {
filter: brightness(0)invert(1);
}
.service-box.style3 .icon {
top: 0;
width: inherit;
height: inherit;
background-color: transparent;
border: none;
line-height: 81px;
}
.service-box.style3 .service-box-title h3 {
font-size: 26px;
line-height: 50px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
margin: 10px 0 0 ;
}
.service-box.style3:hover .service-box-title h3 {
color: #fff;
}
.service-box.style3 p.description {
transition: .5s;
font-size: 16px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
padding: 0 0 5px 0;
}
.service-box.style3:hover .content p {
color: #fff;
}
.service-box.style3 .service-btn a {
padding: 0;
border-radius: 0;
background-color: inherit;
display: inline-block;
margin-top: 0;
position: relative;
z-index: 1;
transition: .5s;
font-size: 19px;
border: none;
letter-spacing: -10px;
color: #fff;
font-weight: 600;
font-family: "Rajdhani";
}
.service-box.style3:hover .service-btn a {
border: none;
letter-spacing: 0;
}
.service-box.style3 .service-btn a i {
font-size: 16px;
font-weight: 700;
color: #0B59DB;
position: absolute;
left: 0;
transition: .4s;
margin: 0;
}
.service-box.style3:hover .service-btn a i {
left: 90px;
}
.service-box.style3 .service-btn a:before {
display:none;
} .team.style3 {
position: relative;
z-index: 1;
line-height: 0;
transition:0.5s;
}
.team.style3 .image img {
width: 100%;
}
.team.style3 .team-content {
position: relative;
padding: 15px 0 15px 0;
border-radius: 0 0 5px 5px;
filter: drop-shadow(0px 10px 10px rgba(207,218,235,0.2));
background: #fff;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-team-content-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
line-height: 0;
transition:0.5s;
}
.team.style3:hover .team-content {
margin: -35px 0 0 0;
}
.team.style3 .team-content:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/team-shape-bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 0 0 5px 5px;
transition: .5s;
height:0;
width:100%;
}
.team.style3:hover .team-content:before {
height:100%;
}
.team.style3 .bio {
text-align: center;
width: 100%;
position: relative;
z-index: 1;
border-radius: 0;   }
.team.style3 .bio h2 {
font-size: 24px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
transition: .5s;
}
.team.style3:hover .bio h2 {
color:#fff;
}
.team.style3 .team-content h5 {
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-align: center;
margin: 4px 0 0 0;
transition: .5s;
}
.team.style3:hover .team-content h5 {
color:#fff;
}
.team.style3 .social-icon {
position: relative;
z-index: 1;
text-align: center;
padding: 6px 0 0;
transition: 0.5s;
opacity: 0;
}
.team.style3:hover .social-icon {
padding: 14px 0 24px;
opacity: 1;
}
.team.style3 .social-icon li {
display: inline-block;
list-style: none;
}
.team.style3 ul.social-icon li a {
text-align: center;
display: inline-block;
color: #0B59DB;
font-size: 15px;
position: relative;
z-index: 1;
overflow: hidden;
padding: 0 8px 0 8px;
transition: .3s;
}
.team.style3:hover ul.social-icon li a {
color:#fff;
}
.team.style3 .team-share-icon {
text-align: center;
}
.team.style3 .team-share-icon i {
text-align: center;
font-size: 18px;
color: #fff;
background: #0B59DB;
border-radius: 100%;
display: inline-block;
height: 43px;
width: 43px;
line-height: 43px;
transition: .4s;
}
.team.style3:hover .team-share-icon i {
color: #0B59DB;
background: #fff;
cursor: pointer;
} .single-counter.style_three {
text-align: center;
}
.single-counter.style_three .icon{
margin-bottom:40px;
}
.single-counter .icon i {
font-size: 50px;
color: #0c5adb;
}
.single-counter.style_three .counter-content span {
margin-bottom: 25px;
display: inline-block;
font-size: 56px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
}
.single-counter.style_three .counter-content .suffix {
color: #ffffff;
}
.single-counter.style_three .counter-content h6 {
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
font-family: "Nunito";
text-align: center;
color: #fff;
opacity: 0.6;
} .cases-study-content-f {
position: relative;
bottom: 62px;
}
.case-study.style4 .single_case_study .cases-study-content-inner {
padding: 26px 15px 21px 30px;
position: relative;
background-color: #fff;
width: 75%;
left: 0;
border-radius: 0 5px 5px 0;
box-shadow: 0 10px 50px 0 rgba(175, 189, 199, 0.2);
display: flex;
align-items: center;
transition: .3s;
z-index: 1;
}
.case-study.style4 .single_case_study:hover .cases-study-content-inner {
border-radius: 0 0 5px 0;
}
.case-study.style4 .single_case_study .cases-study-content-inner:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 0;
transition: .3s;
height: 100%;
width: 6px;
background: #0c5adb;
}
.case-study.style4 .case-study-thumb img {
width: 100%;
border-radius: 10px;
position: relative;
transition: .5s;
z-index: 1;
}
.case-study.style4 .case-study-thumb:before {
background: rgba(12,89,215,0.30);
position: absolute;
content: "";
z-index: 2;
left: 0;
top: 0;
transition: .5s;
height: 0;
width: 100%;
border-radius: 10px;
}
.case-study.style4 .single_case_study:hover .case-study-thumb:before {
height: 100%;
bottom:0;
}
.case-study.style4 .single_case_study .em-case-study-button a {
display: block;
font-size: 12px;
color: #fff;
background-color: #0c59d7;
padding: 0;
border-radius: 40px 40px 40px 0;
height: 45px;
width: 45px;
line-height: 45px;
}
.case-study.style4 .single_case_study .em-case-study-button {
text-align: center;
background: transparent;
border-radius: 10px 10px 0 0;
display: inline-block;
position: absolute;
right: -44px;
top: -45px;
opacity: 0;
transition: .5s;
padding: 0;
}
.case-study.style4 .single_case_study:hover .em-case-study-button {
opacity: 1;
transition: .5s;
}
.case-study.style4 .single_case_study .cases-study-contents h2 {
font-size: 24px;
font-weight: 600;
line-height: 1;
margin: 0 0 5px;
display: inline-block;
padding: 0;
}
.case-study.style4 .single_case_study .cases-study-contents h2 a {
margin: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .3s;
font-size: 24px;
line-height: 28px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.case-study.style4 .single_case_study .cases-study-contents h2 a:hover {
color: #0c5adb;
}
.case-study.style4 .single_case_study .case_category span {
font-size: 76px;
font-weight: 700;
font-family: "Rajdhani";
top: 8px;
transition: .3s;
position: relative;
margin: 0 15px 0 0;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #DADDDF;
}
.case-study.style4 .single_case_study:hover .case_category span {
-webkit-text-stroke-color: #0c5adb;
}
.port_dtl_social i {
padding: 0 10px 0 10px;
color: #0c5adb;
}
.case_study_carousel_four.owl-theme .owl-dots .owl-dot.active span {
background: #0c5adb;
}
.case_study_carousel_four.owl-theme .owl-dots .owl-dot:hover span {
background: #0c5adb;
}
.case_study_carousel_four.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 5px;
} .work_progress.style4 {
padding: 0 50px;
position: relative;
text-align: center;
}
.work-process.style4 .icon {
position: relative;
}
.work_progress.style4 .work_progress-number {
position: absolute;
left: 20%;
top: 10%;
z-index: 1;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50px;
display: inline-block;
font-size: 18px;
color: #fff;
background-color: #0c5adb;
transition: .5s;
}
.process-style4-shap-two .work_progress.style4 .work_progress-number {
position: absolute;
left: 20%;
top: 38%;
}
.work_progress.style4 .icon img {
border: 2px dashed #0c5adb;
border-radius: 100%;
padding: 10px;
transition: .5s;
}
.work_progress.style4:hover .icon img {
animation: rotateme-img 20s linear infinite;
}
@keyframes rotateme-img {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.process-style4-shap-one {
position: relative;
transition: .5s;
}
.process-style4-shap-one::before {
position: absolute;
content: '';
right: -80px;
top: 90px;
width: 139px;
transition: .5s;
height: 26px;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-work-shape-1.png);
}
.process-style4-shap-two::before {
position: absolute;
content: '';
right: -80px;
top: 90px;
width: 139px;
height: 26px;
transition: .5s;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-work-shape-2.png);
}
.work_progress.style4 .title {
font-size: 23px;
color: #fff;
margin: 20px 0 10px;
transition: .5s;
}
.work_progress.style4 p.description {
opacity: 0.502;
font-size: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Nunito";
text-align: center;
transition: .5s;
} .single-video.style-four .video-icon a {
background: #0c5adb;
height: 70px;
width: 70px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 70px;
color: #fff;
font-size: 18px;
position: relative;
-webkit-animation: ripple-red 1s linear infinite;
animation: ripple-red 1s linear infinite;
-webkit-transition: .5s;
z-index:1;
}
.single-video.style-four .video-vemo-icon.venobox.vbox-item {
color: #fff;
}
.single-video.style-four .video-icon {
position: relative;
display: inline-block;
z-index: 1;
} .icon-box.style8 {
background: #fff;
padding: 27px 20px 26px 27px;
border-radius: 5px;
display: flex;
align-items: center;
border: 1px solid #fff;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.icon-box.style8::before {
position: absolute;
content: '';
left:0;
bottom: 0;
width: 100%;
height:0;
transition: 0.4s;
background: #0c5adb;
z-index:-1;
}
.icon-box.style8:hover::before {
height: 100%;
}
.icon-box.style8 .icon {
color: #fff;
height: 60px;
width: 60px;
line-height: 60px;
border: 1px solid #0c5adb;
border-radius: 100%;
text-align: center; margin: 0 20px 0 0;
transition: 0.5s;
background: #0c5adb;
}
.icon-box.style8:hover .icon {
color: #fff;
border: 1px solid #fff;
}
.icon-box.style8 .icon-box-content h4 {
font-size: 18px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
padding: 0 0 11px 0;
transition: 0.5s;
}
.icon-box.style8:hover .icon-box-content h4 {
color: #fff;
}
.icon-box.style8 p.description {
font-size: 26px;
color: #0c59d7;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
padding: 0;
transition: 0.5s;
}
.icon-box.style8:hover p.description {
color: #fff;
}
.icon-box8 .icon-box.style8 {
background: #fff;
padding: 30px 20px 29px 27px;
border-radius: 5px;
display: flex;
align-items: center;
border: 1px solid #fff;
transition: 0.5s;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 5px;
filter: drop-shadow(0px 10px 10px rgba(207,218,235,0.2));
background-color: #ffffff;
}
.icon-box8 .icon-box.style8 .icon i {
font-size: 24px;
} .brand.style3 .brand-item img {
width: 63%!important;
opacity: 1;
transition: .5s;
margin: auto;
} .accordion.style3 .my-accordion li {
position: relative;
margin-bottom: 0;
list-style: none;
z-index: 1;
background: inherit;
border-radius: 0;
border-bottom: 1px solid #334664;
}
.accordion.style3 .my-accordion li:last-child {
border-bottom: none;
}
.accordion.style3 .my-accordion li:before {
position: absolute;
content: "";
z-index: -1;
right: 20px;
top: 14px;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
background-color: inherit;
border: none;
}
.accordion.style3 .my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
background: inherit;
padding: 15px 20px 15px 0;
z-index: 1;
border-bottom: 1px solid transparent;
border-radius: 4px;
font-size: 24px;
line-height: 30px;
color: #ffffff !important;
font-weight: 600;
font-family: "Rajdhani";
}
.accordion.style3 .my-accordion a.active {
background: #0B59D7;
border-bottom: 1px solid rgba(0,0,0,0.08);
padding: 15px 20px 15px 27px;
}
.accordion.style3 .my-accordion a:after {
width: 10px;
height: 2px;
background: #fff;
position: absolute;
right: 28px;
content: " ";
top: 28px;
transition: all 0.2s ease-in-out;
}
.accordion.style3 .my-accordion a:before {
width: 2px;
height: 10px;
background: #fff;
position: absolute;
right: 32px;
content: " ";
top: 24px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
}
.accordion.style3 .my-accordion li p {
display: none;
padding: 17px 25px 25px 0;
opacity: 0.502;
font-size: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Nunito";
}
.accordion.style3 .my-accordion li:after {
display:none;
} .pricing.style4 {
position: relative;
padding: 0 28px 36px 28px;
background: #FFFFFF;
border-radius: 5px;
text-align: left;
transition: .4s;
z-index:1;
}
.pricing.style4:before {
background: #0B59D7;
position: absolute;
content: "";
z-index: -1;
left:0;
top: 0;
width:100%;
height:0;
line-height: 28px;
border-radius: 4px;
transition:0.4s;
}
.pricing.style4:hover:before {
height:100%;
}
.pricing.style4 .pricing-head {
text-align: right;
position: relative;
padding: 0 31px;
}
.pricing.style4 .pricing-title {
position: relative;
z-index: 1;
margin: 33px 0 17px;
display: inline-block;
padding: 0;
border-radius: 0;
transition: .5s;
font-size: 18px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style4 .pricing-head h3 {
font-size: 15px;
color: #fff;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
position: absolute;
right: 0;
top: -17px;
background: #0B59D7;
border-radius: 5px;
padding: 9px 17px 6px 17px;
text-align: center;
}
.pricing.style4 .price-item {
display: inline-block;
position: absolute;
right: 0;
top: 54px;
}
.pricing.style1 .price-item .currency{
font-size: 42px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style4 span.currency {
font-size: 42px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style4 .price-item .tk {
font-size: 42px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style4 .pricing-p {
font-size: 16px;
line-height: 24px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
padding: 0 0 5px 60px;
}
.pricing.style4 .pricing-body ul {
margin: 0;
padding: 0 0 17px 54px;
list-style: none;
}
.pricing.style4 .price-icon {
display: inline-block;
font-size: 18px;
color: #0B59D7;
margin-top: 0px;
height: 40px;
width: 40px;
text-align: center;
background: #fff;
line-height: 40px;
border-radius: 4px;
position: absolute; }
.pricing.style4 .pricing-body ul li {
margin-bottom: 0;
font-size: 28px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style4 .pricing-body ul li i {
display: inline-block;
color: #fff;
font-size: 16px;
margin-right: 10px;
height: 40px;
width: 40px;
line-height: 40px;
background: #0B59D7;
border-radius: 3px;
text-align: center;
position: relative;
top: 7px;
}
.pricing.style4 .pricing-button {
position: relative;
display: inline-block;
padding: 7px 18px;
width: inherit;
background: #fff;
text-align: left;
margin-top: 0;
transition: .5s;
border-radius: 4px;
border: 1px solid #0c59d7;
color: #041424;
font-weight: 500;
font-size: 16px;
font-family: "Nunito";
left: 60px;
} .pricing.style4:hover .pricing-title {
color: #fff;
}
.pricing.style4:hover .pricing-body ul li {
color: #fff;
}
.pricing.style4:hover .pricing-body ul li i {
color: #0B59D7;
background: #fff;
}
.pricing.style4:hover .pricing-p {
color: #fff;
opacity: 0.8;
}
.pricing.style4:hover .pricing-button {
background: #0c59d7;
border: 1px solid #fff;
color: #fff;
}
.pricing.style4 .pricing-button:hover {
background: #fff;
border: 1px solid #fff;
color: #0c59d7;
}
.pricing.style4:hover span.currency {
color: #fff;
}
.pricing.style4:hover .price-item .tk {
color: #fff;
}
.pricing.style4:hover .pricing-head h3 {
color: #0B59D7;
background: #fff;
} .pricing.style4.active {
background: #0B59D7;
transition: .5s;
}
.pricing.style4.active .pricing-title {
background-color: inherit;
color: #fff;
}
.pricing.style4.active .pricing-body ul li {
color: #fff;
}
.pricing.style4.active .pricing-body ul li i {
color: #0B59D7;
background: #fff;
}
.pricing.style4.active .pricing-p {
color: #fff;
opacity: 0.80;
}
.pricing.style4.active .pricing-button {
background: #0c59d7;
border: 1px solid #fff;
color: #fff;
}
.pricing.style4.active:hover .pricing-button {
background: #fff;
border: 1px solid #fff;
color: #0c59d7;
}
.pricing.style4.active span.currency {
color: #fff;
}
.pricing.style4.active .price-item .tk {
color: #fff;
}
.pricing.style4.active .pricing-head h3 {
color: #0B59D7;
background: #fff;
} .blog-post.style6 .single_blog_adn {
background-color: #fff;
padding: 20px 20px 27px;
border-radius: 7px;
transition:0.5s;
}
.blog-post.style6 .single_blog_adn:hover {
box-shadow: 0 2px 4px #0003;
margin-top: -5px;
}
.blog-post.style6 .single_blog_adn img{
border-radius: 5px;
}
.blog-post.style6 .single_blog_adn .blog-meta-left {
margin: 25px 0 10px;
}
.blog-post.style6 .single_blog_adn .blog-meta-left span {
margin-right: 25px;
font-size: 15px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
}
.blog-post.style6 .blog-meta-left a {
font-size: 15px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-transform: capitalize;
transition:0.5s;
}
.blog-post.style6 .blog-meta-left a:hover {
color: #0c5adb;
}
.blog-post.style6 .single_blog_adn .content {
padding: 0 10px;
}
.blog-post.style6 .single_blog_adn h4.title {
margin-bottom: 17px;
}
.blog-post.style6 .single_blog_adn h4.title a {
font-size: 24px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
transition: 0.5s;
}
.blog-post.style6 .single_blog_adn h4.title a:hover {
color: #0c5adb;
}
.blog-post.style6 .single_blog_adn .blog-meta-left i {
color: #0B59D7;
margin-right: 5px;
font-size: 14px;
}
.blog-post.style6 .single_blog_adn .read-more {
font-size: 18px;
color: #041424;
font-weight: 500;
font-family: "Rajdhani";
transition:0.5s;
}
.blog-post.style6 .single_blog_adn .read-more:hover {
color: #0c5adb;
}
.blog-post.style6 .single_blog_adn a i {
margin-left: 7px;
font-size: 15px;
top: 0;
position: relative;
transition:0.5s;
}
.blog-post.style6 .single_blog_adn a:hover i {
color: #0c5adb;
} .mc4wp-form-fields button {
position: absolute;
right: 7px;
top: 7px;
border: none;
background: #fff;
padding: 13px 27px;
border-radius: 5px;
}
.home-two-footer-subscribe .mc4wp-form-fields .mailchimp-form input[type="email"] {
border: 1px solid rgba(255,255,255,0.2);
width: 100%;
background-color: transparent;
color: #fff;
height: 50px;
padding: 6px 20px 6px;
border-radius: 3px;
outline:0;
}
.home-two-footer-subscribe .mc4wp-form-fields .mailchimp-form input:focus {
border: 1px solid #668ee7;
}
.home-two-footer-subscribe .mc4wp-form-fields .mailchimp-form input[type="email"]::placeholder {
color: #CCD0D7 !important;
font-size:15px;
}
.home-two-footer-subscribe p.mailchimp-form button {
transition: all 0.4s ease 0s;
border: medium none;
border-radius: 3px;
background: #0c5adb;
color: #fff; font-weight: 500;
text-align: center;
padding: 10px 29px;
position: inherit;
display: inline-block;
margin-top: 20px;
}
.home-two-footer-subscribe p.mailchimp-form button:hover {
background: #fff;
color: #0c5adb;
}
.it-solution-left-right {
-webkit-animation: left-right 4s alternate infinite;
animation: left-right 4s alternate infinite;
}
@keyframes left-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.it-solution-dance {
-webkit-animation: solutiondance 2s alternate infinite;
animation: solutiondance 2s alternate infinite;
}
@keyframes solutiondance {
0% {
-webkit-transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.2);
}
}  .client-reviews-text h4 {
font-size: 24px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
margin: 24px 0 0 0;
padding: 28px 0 5px 0;
position: relative;
z-index: 1;
}
.client-reviews-text h4::before {
position: absolute;
content: '';
left:0;
right:0;
margin:auto;
top: 0;
width: 25px;
height:2px;
transition: 0.4s;
background: #0c5adb;
z-index:1;
} .client-reviews-text.two {
width: 65%;
text-align: center;
margin: auto;
}
.client-reviews-text.two h5 {
font-size: 24px;
line-height: 40px;
padding-bottom: 24px;
}
.client-reviews-text.two i {
margin: auto;
margin-bottom: 24px;
}
.client-reviews-text.two span {
font-weight: bold;
color: #fe5716;
}
.slider-nav.slick-initialized.slick-slider.slick-dotted {
width: 64%;
margin: auto;
margin-top: 40px;
}
.slick-slide img {
display: block;
margin: auto;
border-radius: 50px;
}
.slider-nav__item.slick-slide.slick-current {
position: relative;
}
.slider-nav__item.slick-slide.slick-current:before {
left: 19%;
content: "";
background-color: #01bd71b8;
width: 97px;
height: 100%;
position: absolute;
margin: auto;
border-radius: 62px;
}
.slider-nav__item.slick-slide.slick-current:after {
left: 21%;
content: "";
border: 3px solid #fff;
width: 91px;
height: 106px;
position: absolute;
margin: auto;
border-radius: 62px;
top: 3px;
} .nav-c-slider {
position: relative;
border-radius: 100%;
min-height: 530px;
margin-right: 64px;
flex-shrink: 0;
}
.nav-c-slider a img {
width: 90px;
height: 90px;
border-radius: 100px;    }
.nav-c-slider a img,
.slider-main-img img {
object-fit: cover;
}
.nav-c-slider a {
position: absolute;
}
.nav-c-slider a:nth-child(1) {
top: 0%;
right: 9%;
}
.nav-c-slider a:nth-child(2) {
top: 20%;
right: -6%;
}
.nav-c-slider a:nth-child(3) {
top: 44%;
right: 0;
}
.nav-c-slider a:nth-child(4) {
top: 68%;
right: -2%;
}
.nav-c-slider a:nth-child(5) {
top: 84%;
right: 14%;
}
.slider-main-img {
position: absolute;
left: 9%;
top: 48%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.slider-main-img img {
width: 440px;
height: 440px;
border-radius: 100%;
}
a.next-slide:before,
a.next-slide.nav-active:before {
content: "";
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
border-radius: 100px;
z-index: 1;
}
.next-slide:hover:before,
a.next-slide.nav-active:hover:before,
a.next-slide.nav-active:before {
visibility: visible;
opacity: 0.8;
}
a.next-slide.nav-active img {
height: 120px;
width: 120px;
border: 5px solid #fff;
top: -17px;
position: relative;
box-shadow: rgb(0 0 0 / 17%) 3px 6px 7px 0;
-webkit-box-shadow: rgb(0 0 0 / 17%) 3px 6px 7px 0;
}
a.next-slide:before,
.client-reviews-text i {
background-color: #0A9642;
}
@media(max-width: 1400px) {
.client-reviews-text h3 {
line-height: 40px;
font-size: 24px;
}
.nav-c-slider {
margin-right: 80px;
}
.slider-main-img img {
width: 360px;
height: 360px;
}
.nav-c-slider a img,
a.next-slide:before,
a.next-slide.nav-active:before {
width: 70px;
height: 70px;
}
.nav-c-slider {
min-height: 475px;
}
}
@media(max-width: 1200px) {
.nav-c-slider {
min-height: 446px;
margin-right: 26px;
}
.client-reviews-text h3 {
line-height: 34px;
font-size: 20px;
}
}
@media(max-width: 993px) {
.slider-main-img img {
width: 400px;
height: 400px;
}
.nav-c-slider:before {
width: 478px;
height: 552px;
}
.request-quote {
margin-top: 80px;
}
}
@media(max-width: 576px) {
.nav-c-slider {
min-height: 446px;
margin-right: auto;
border: 0;
border-top: 8px solid #fafafa;
border-radius: 0;
}
.nav-c-slider:before {
display: none;
}
.nav-c-slider a:nth-child(1) {
top: -10%;
left: 0;
right: auto;
}
.gap.circle-slider.style_two .nav-c-slider a:nth-child(2) {
top: 19%;
right: 0;
left: 17%;
}
.nav-c-slider a:nth-child(3) {
top: -10%;
left: 33%;
right: auto;
}
.nav-c-slider a:nth-child(4) {
top: -10%;
left: 33%;
right: auto;
}
.nav-c-slider a:nth-child(5) {
top: -10%;
left: 86%;
right: auto;
}
a.next-slide:before,
a.next-slide.nav-active:before,
.nav-c-slider a img {
width: 70px;
height: 70px;
}
}
@media(max-width: 450px) {
a.next-slide:before,
a.next-slide.nav-active:before,
.nav-c-slider a img {
width: 60px;
height: 60px;
}
} .gap.circle-slider.style_two .nav-c-slider {
position: relative;
border-radius: 100%;
min-height: inherit;
margin-right: 0;
flex-shrink: 0;
display: flex;
justify-content: center;
}
.gap.circle-slider.style_two .nav-c-slider a {
position: inherit;
}
.gap.circle-slider.style_two .nav-c-slider a:nth-child(2) {
top: 19%;
right: 20px;
}
.gap.circle-slider.style_two .nav-c-slider a:nth-child(1) {
top: 0;
right: 40px;
}
.gap.circle-slider.style_two .nav-c-slider a:nth-child(5) {
top: 84%;
right: -40px;
}
.gap.circle-slider.style_two .nav-c-slider a:nth-child(4) {
top: 68%;
right: -20px;
}
.gap.circle-slider.style_two .client-reviews-text {
text-align: center;
}
.gap.circle-slider.style_two a.next-slide:before, .client-reviews-text i {
background-color: transparent;
}
.gap.circle-slider.style_two .client-reviews-text i {
width: inherit;
height: inherit;
border-radius: inherit;
justify-content: center;
display: inline-block;
align-items: center;
margin-right: 7px;
color: #FF9000;
position: relative;
padding: 25px 0 0 0;
}
.gap.circle-slider.style_two .client-reviews-text p {
font-size: 20px;
line-height: 34px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
text-align: center;
width: 71%;
margin: auto;
margin: 16px auto 0;
}
.gap.circle-slider.style_two .slick-prev.slick-arrow {
position: absolute;
left: 0;
background: #0c5adb !important;
height: 60px;
width: 60px;
line-height: 60px;
top: 40px;
color:#fff;
transition: 0.4s;
}
.gap.circle-slider.style_two .slick-prev.slick-arrow:hover {
background: #fff !important;
color: #0c5adb;
}
.gap.circle-slider.style_two .slick-next.slick-arrow {
position: absolute;
right: 0;
background: #0c5adb !important;
height: 60px !important;
width: 60px !important;
line-height: 60px !important;
top: 40px;
color: #fff;
transition: 0.4s;
}
.gap.circle-slider.style_two .slick-next.slick-arrow:hover {
background: #fff !important;
color: #0c5adb;
}
.gap.circle-slider.style_two .slick-prev.slick-arrow:before {
content:"\f104";
font-family: Flaticon;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
z-index: 1;
font-size: 20px !important;
color: #fff !important;
line-height: 60px;
}
.gap.circle-slider.style_two .slick-next.slick-arrow:before {
content:"\f105";
font-family: Flaticon;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
border-radius: 100px;
z-index: 1;
font-size: 20px !important;
color: #fff !important;
line-height: 60px;
}
.gap.circle-slider.style_two .slick-prev.slick-arrow:hover:before {
background: #fff !important;
color: #0c5adb !important;
}
.gap.circle-slider.style_two .slick-next.slick-arrow:hover:before {
background: #fff !important;
color: #0c5adb !important;
}
.testi-title-shape{
position:relative;
z-index:1;
}
.testi-title-shape:before {
content: "";
width: 184px;
height: 142px;
position: absolute;
top: 0;
right: 11%;
z-index: 1;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-testi-shape1.png);
}
.testi-title-shape:after {
content: "";
width: 184px;
height: 142px;
position: absolute;
top: 0;
left: 11%;
z-index: 1;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-testi-shape2.png);
} .dreamit-slick-slider .single-slick.four .slider-single-image img {
filter: brightness(1);
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap h4:before {
display: none;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap h4 {
padding: 0;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 3px;
font-size: 19px;
line-height: 48px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Rajdhani";
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap h1 {
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-size: 70px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap .btn {
padding: 15px 37px 15px 42px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 5px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Nunito', sans-serif;
margin-right: 17px;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap .btn:after {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #080E21;
border-radius: 5px;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap .btn:hover:after {
width: 100%;
left: 0;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap p {
font-size: 18px;
color: #B6B9C0;
margin-top: 4px;
width: 74%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-weight: 400;
font-family: "Nunito";
}
.dreamit-slick-slider .single-slick.four .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: -81px;
bottom: -98px;
}
.dreamit-slick-slider .single-slick.four.align-items-center {
position: relative;
}
.dreamit-slick-slider .single-slick.four .lines {
padding: 25px 0 0 0;
}
.dreamit-slick-slider .single-slick.four .lines .line {
display: none;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap .btn i {
font-size: 14px;
width: 20px;
height: 20px;
line-height: 22px;
border-radius: 25px;
text-align: center;
background: #0c5adb;
color: #fff;
display: inline-block;
margin-left: 5px;
position: relative;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap .btn:hover i {
background: transparent;
color: #fff;
transition: .5s;
}
.dreamit-slick-slider .single-slick.four .slider-single-image:before {
position: absolute;
content: "";
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/it-solution-slick-animation.png);
left: -38px;
top: 20%;
height: 143px;
width: 144px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.dreamit-slick-slider .single-slick.four .slider-single-image:before {
-webkit-animation-name: slick-shape-rotateme;
animation-name: slick-shape-rotateme;
-webkit-animation-duration: 15s;
animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes slick-shape-rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .mobile-app-banner-up-down1 {
-webkit-animation: faq-up-down1 4s alternate infinite;
animation: faq-up-down1 4s alternate infinite;
}
@keyframes faq-up-down1 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mobile-app-banner-up-down2 {
-webkit-animation: faq-up-down2 3.5s alternate infinite;
animation: faq-up-down2 3.5s alternate infinite;
}
@keyframes faq-up-down2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mobile-app-banner-up-down3 {
-webkit-animation: faq-up-down3 3s alternate infinite;
animation: faq-up-down3 3s alternate infinite;
}
@keyframes faq-up-down3 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}  
} .section-title.style10 .subtitle {
padding: 0 20px 0 50px;
border-radius: 20px;
margin: 0;
font-size: 16px;
line-height: 35px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
text-align: right;
text-transform: capitalize;
background-color: rgba(255,255,255,0.050980392156862744);
border: 2px solid rgba(255,255,255,0.25);
position:relative;
}
.section-title.style10 .subtitle:after {
content: "";
width: 23px;
height: 23px;
position: absolute;
bottom: 6px;
left: 14px;
z-index: 1;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-title-shape.png);
animation: title_img_shape 1.5s linear infinite;
}
@keyframes title_img_shape {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(25deg);
}
100% {
transform: rotate(0deg);
}
}
.section-title.style10 .subtitle:before{
display:none;
}
.section-title.style10 .title {
margin: 31px 0 0;
font-size: 65px;
line-height: 75px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.section-title.style10 .title-two {
font-size: 65px;
line-height: 75px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
border-bottom: 2px solid #2C59BF;
display: inline-block;
padding: 0 70px 20px 0;
position:relative;
}
.section-title.style10 .title-two:after {
content: "";
width: 53px;
height: 53px;
position: absolute;
bottom: 0;
right: -100px;
z-index: 1;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-banner-shape.png);
animation: banner-shape-speen 10s linear infinite;
}
@keyframes banner-shape-speen {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.section-title.style10 .description {
margin-bottom: 0;
font-size: 18px;
line-height: 28px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
padding: 30px 0 10px 0;
width: 92%;
} .dreamit-button.style8 .btn_button{
position: relative; }
.dreamit-button.style8 .dreamit-button {
display: inline-block;
}
.dreamit-button.style8 .dreamit-button a {
display: inline-block;
position: relative;
border: none;
border-radius: 6px;
padding: 14px 33px;
background: #2471f2;
overflow: inherit;
transition: 0.4s;
font-size: 17px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
.dreamit-button.style8 .dreamit-button a:hover {
color: #262626;
}
.dreamit-button.style8 .dreamit-button a:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 0;
background: #0740B9;
border-radius: 30px;
z-index: -1;
transition: all 400ms linear;
border: none;
display:none;
}
.dreamit-button.style8 .dreamit-button a:hover:after{
width:100%;
} 
.dreamit-button.style8 .button:before {
display:none;
}
.dreamit-button.style8 .dreamit-button .button i {
font-size: 16px;
width: inherit;
height: inherit;
line-height: 0;
text-align: center;
background: transparent;
color: #fff;
transition: 0.4s;
}
.dreamit-button.style8 .dreamit-button .button:hover i {
background: transparent;
color: #262626;
} .service-box.style12 {
border-radius: 20px;
padding: 35px 30px 37px;
background-image: linear-gradient(0deg, #ffffff 0%, #e5edfb 100%);
position: relative;
z-index: 2;
transition: .5s;
border: 1px solid #e6eefb;
overflow: hidden;
}
.service-box.style12:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0;
width: 100%;
z-index: -1;
transition: .5s;
background-image: linear-gradient(0deg, #e5edfb 0%, #ffffff 100%);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
}
.service-box.style12:hover:after{
height: 100%;
}
.service-box.style12 h3 {
margin: 23px 0 12px;
transition: all 400ms linear;
font-size: 24px;
line-height: 28px;
color: #000000;
font-weight: 700;
}
.service-box.style12:hover h3{
color: #000000;
}
.service-box.style12 p.description {
font-size: 16px;
line-height: 28px;
color: #616161;
font-weight: 400;
font-family: "Nunito";
padding: 0 0 14px 0;
}
.service-box.style12:hover p.description{
color: #616161;
}
.service-box.style12 .service-btn a {
border-radius: 0;
margin-top: 0;
transition: all 400ms linear;
font-size: 15px;
line-height: 28px;
text-transform: uppercase;
color: #262626;
font-weight: 600;
font-family: "Nunito";
display: block;
position: relative;
}
.service-box.style12:hover .service-btn a{
background-color:transparent;
color: #0c5adb;
}
.service-box.style12 .service-btn a:before {
position: absolute;
content: "";
bottom: 14px;
z-index: 1;
transition: .4s;
opacity: 0.302;
width: 78px;
height: 1px;
background: #616161;
left: 48px;
right: 0;
margin: auto;
}
.service-box.style12:hover .service-btn a:before {
background: #0c5adb;
opacity: 1;
}
.service-box.style12 .service-btn a i {
position: absolute;
right: 0;
top: -7px;
height: 40px;
width: 40px;
line-height: 40px;
background: #fff;
text-align: center;
border-radius: 50%;
z-index: 1;
border:1px solid #e6eefb;
transition:0.4s;
color: #262626;
}
.service-box.style12:hover .service-btn a i {
background: #0c5adb;
border:1px solid #e6eefb;
color:#fff;
} .section-title.style11 .subtitle {
text-transform: capitalize;
padding: 5px 30px 5px;
border-radius: 20px;
background-color: #e6eefb;
border: none;
margin: 0 0 16px;
font-size: 19px;
line-height: 28px;
color: #0c5adb;
font-weight: 600;
text-align: center;
}
.section-title.style11 .subtitle:before{
display:none;
}
.section-title.style11 .title {
font-size: 42px;
margin: 2px 0 0;
line-height: 50px;
color: #262626;
position: relative;
z-index: 1;
}
.section-title.style11 .title-two {
font-size: 42px;
margin: 2px 0 20px;
line-height: 50px;
color: #262626;
position: relative;
z-index: 1;
}
.section-title.style11 .title:before {
position: absolute;
content: "";
bottom: -5px;
right: 30%;
height: 25px;
width: 194px;
z-index: 0;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-title-shape2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
} .section-title.style12 .subtitle {
text-transform: capitalize;
padding: 5px 30px 5px;
border-radius: 20px;
background-color: #e6eefb;
border: none;
margin: 0 0 16px;
font-size: 19px;
line-height: 28px;
color: #0c5adb;
font-weight: 600;
text-align: center;
}
.section-title.style12 .subtitle:before{
display:none;
}
.section-title.style12 .title {
font-size: 42px;
margin: 2px 0 0;
line-height: 50px;
color: #262626;
position: relative;
z-index: 1;
}
.section-title.style12 .title-two {
font-size: 42px;
margin: 2px 0 16px;
line-height: 50px;
color: #262626;
position: relative;
z-index: 1;
display: inline-block;
}
.section-title.style12 .title-two:before {
position: absolute;
content: "";
bottom: -5px;
right:0;
height: 25px;
width: 194px;
z-index: 0;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-title-shape2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
}
.hosting-testimonial-section-title .section-title.style12 .title-two:before {
z-index: -1;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-testi-title-shape.png);
}
.section-title.style12 .description {
margin-bottom: 0;
font-size: 17px;
line-height: 28px;
color: #616161;
font-weight: 500;
font-family: "Nunito";
width: 80%;
}
.hosting-testimonial-section-title .section-title.style12 .description {
position:relative;
padding: 0 0 40px 0;
}
.hosting-testimonial-section-title .section-title.style12 .description:before {
opacity: 0.102;
width: 478px;
height: 2px;
background-color: #ffffff;
position: absolute;
content: "";
bottom: 0;
left:0;
z-index: 0;
transition: .5s;
} .dreamit-button.style9 .btn_button{
position: relative;
}
.dreamit-button.style9 .dreamit-button {
display: inline-block;
}
.dreamit-button.style9 .dreamit-button a {
display: inline-block;
position: relative;
border: none;
border-radius: 30px;
padding: 12px 37px;
background: #fff;
overflow: inherit;
transition: 0.4s;
font-size: 16px;
text-transform: uppercase;
color: #0c5adb;
font-weight: 600;
font-family: "Nunito";
}
.dreamit-button.style9 .dreamit-button a:hover {
color: #262626;
}
.dreamit-button.style9 .dreamit-button a:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 0;
background: #0740B9;
border-radius: 30px;
z-index: -1;
transition: all 400ms linear;
border: none;
display:none;
}
.dreamit-button.style9 .dreamit-button a:hover:after{
width:100%;
} 
.dreamit-button.style9 .button:before {
display:none;
}
.dreamit-button.style9 .dreamit-button .button i {
font-size: 20px;
width: inherit;
height: inherit;
line-height: 0;
text-align: center;
background: transparent;
color: #0c5adb;
transition: 0.4s;
margin: 0 10px 0 0;
top: 2px;
}
.dreamit-button.style9 .dreamit-button .button:hover i {
background: transparent;
color: #262626;
} .service-box.style13 {
background: #fff;
text-align: center;
padding: 22px 0 50px 0;
width: 474px;
border-radius: 30px;
background-color: #ffffff;
}
.service-box.style13 .service-btn {
padding: 13px 0 0 0;
}
.service-box.style13 .service-btn a {
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-family: "Nunito";
background: #0c5adb;
padding: 16px 29px;
border-radius: 30px;
transition:0.4s
}
.service-box.style13 .service-btn a:hover {
background: #262626;
} .icon-box.style18 {
position: relative;
display: block;
width: 520px;
border-radius: 15px;
background-image: linear-gradient(0deg, #e5edfb 0%, #ffffff 100%);
border: 1px solid #ffffff;
padding: 17px 30px 5px 42px;
z-index: 1;
transition:0.4s;
overflow:hidden;
}
.icon-box.style18:after {
content: "";
position: absolute;
bottom: -0;
left:0;
width: 100%;
height: 0;
background-image: linear-gradient(0deg, #ffffff 0%, #e5edfb 100%);
z-index: -1;
transition:0.4s;
border-radius: 15px;
}
.icon-box.style18:hover:after {
height: 100%;
}
.icon-box.style18 .img-icon {
width: 45px;
height: 45px;
border-radius: 23px;
background-image: linear-gradient(0deg, #0b59db 0%, #001581 100%);
line-height: 60px;
text-align: center;
}
.icon-box.style18 .icon-box-icon {
display: inline-block;
margin-right: 20px;
position: relative;
top: 6px;
}
.icon-box.style18 .icon-box-icon:before {
content: "";
position: absolute;
top: -24px;
width: 65px;
height: 77px;
background-color: rgba(230,238,251,0.4);
border: 2px solid #ffffff;
z-index: -1;
border-radius: 0 0 30px 30px;
left: -10px;
}
.icon-box.style18 h4.title {
display: inline-block;
font-size: 22px;
font-weight: 600;
margin: 0 0 25px;
} .em-service.style_6 {
padding: 50px 25px  42px;
border-radius: 15px;
background-image: linear-gradient(0deg, #ffffff 0%, #e5edfb 100%);
border: 1px solid #e6eefb;
margin: 0 10px;
text-align: center;
transition: .5s;
position: relative;
z-index: 1;
overflow: hidden;
}
.em-service.style_6:before {
position: absolute;
content: "";
bottom:0;
left: 0;
height:100%;
width: 100%;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-option-box-bg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
z-index: -1;
}
.em-service.style_6:after {
position: absolute;
content: "";
bottom:0;
left: 0;
height:0;
width: 100%;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-option-box-bg2.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
z-index: -1;
}
.em-service.style_6:hover:after {
height:100%;
}
.em-service.style_6 .em-service-thumb {
display: inline-block;
}
.em-service.style_6 .em-service-thumb img {
border-radius: 0;
transition:0.4s;
}
.em-service.style_6:hover .em-service-thumb img {
filter: brightness(0)invert(1);
}
.em-service.style_6 .em-service-title h2 {
margin: 27px 0 30px;
position: relative;
margin-left: 0;
padding-top: 0;
font-size: 24px;
line-height: 47px;
color: #262626;
font-weight: 700;
transition:.5s;
z-index: 2;
}
.em-service.style_6:hover .em-service-title h2 {
color: #fff;
}
.em-service.style_6 .em-service-title h2:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: .5s;
width: 240px;
height: 47px;
line-height: 47px;
border-radius: 23px;
background-color: rgba(255,255,255,0.3);
border: 1px solid #ffffff;
z-index: -1;
}
.em-service.style_6:hover .em-service-title h2:after {
border: none;
opacity:0;
}
.em-service.style_6 .em-service-title h2:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: .5s;
width: 240px;
height: 0;
opacity:0;
border-radius: 23px;
z-index: -1;
background-color: #0c5adb;
}
.em-service.style_6:hover .em-service-title h2:before {
height: 47px;
border: 1px solid rgba(255,255,255,0.4);
opacity:0.302;
}
.em-service.style_6 .service-box-desc p {
margin: 0 0 34px;
font-size: 16px;
line-height: 26px;
color: #616161;
font-weight: 400;
font-family: "Nunito";
transition:.5s;
}
.em-service.style_6:hover .service-box-desc p {
color: #fff;
}
.em-service.style_6 .service-btn a {
font-size: 15px;
text-transform: uppercase;
color: #262626;
font-weight: 600;
font-family: "Nunito";
border-radius: 22px;
transition: .4s;
position: relative;
text-align: center;
line-height: 45px;
display: block;
}
.em-service.style_6:hover .service-btn a {
color: #fff;
}
.em-service.style_6 .service-btn a:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: .5s;
width: 174px;
height: 45px;
border-radius: 22px;
background-color: rgba(255,255,255,0.2);
border: 1px solid #dee7f7;
z-index: -1;
}
.em-service.style_6:hover .service-btn a:after {
border: none;
opacity:0;
}
.em-service.style_6 .service-btn a:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: .5s;
width: 174px;
line-height: 45px;
height: 0;
opacity:0;
border-radius: 22px;
z-index: 1;
background-color: #0c5adb;
border: 1px solid rgba(255,255,255,0.4);
}
.em-service.style_6:hover .service-btn a:before {
opacity: 0.302;
height: 45px;
}
.em-service.style_6 .service-btn a i {
font-size: 15px;
color: #262626;
transition:.4s;
}
.em-service.style_6:hover .service-btn a i {
color: #fff;
}
.em-service.style_6 .em-service-price h3 {
font-size: 18px;
line-height: 28px;
color: #262626;
font-weight: 600;
text-align: center;
margin: 32px 0 0 0;
transition:.4s;
}
.em-service.style_6:hover:hover .em-service-price h3 {
color: #fff;
}
.em-service.style_6 .em-service-price h3 span {
color: #0c5adb;
transition:.4s;
}
.em-service.style_6:hover:hover .em-service-price h3 span {
color: #fff;
} .service_cursousel_sliderr6 .slick-prev {
bottom: -85px;
transform: translate(0px, 0);
line-height: 35px;
color: #616161;
border: 0;
top: inherit;
left: 11px;
width: 35px;
height: 35px;
border-radius: 100%;
background-color: #f5f8fd;
transition: .4s;
z-index: 3;
}
.service_cursousel_sliderr6 .slick-next {
bottom: -102px;
z-index: 3;
border: 0;
top: inherit;
right: 11px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 100%;
background-color: #f5f8fd;
transition: .4s;
}
.service_cursousel_sliderr6 .slick-prev::before {
color: #616161;
content: "\f100";
font-family: "Font Awesome 5 Free";
font-weight: 600;
transition:.4s;
font-size: 15px;
}
.service_cursousel_sliderr6 .slick-next:before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #616161;
transition: .4s;
content: "\f101";
font-size: 15px;
}
.hosting-option-title-shape{
z-index: 1;
position: relative;
}
.hosting-option-title-shape:before {
position: absolute;
content: "";
bottom: 7px;
left: 45px;
transition: .5s;
z-index: -1;
opacity: 0.200;
width: 442px;
height: 1px;
background-color: #616161;
}
.hosting-option-title-shape:after {
position: absolute;
content: "";
bottom: 7px;
right: 45px;
transition: .5s;
z-index: -1;
opacity: 0.200;
width: 442px;
height: 1px;
background-color: #616161;
} .testimonial.style11{
padding: 10px;
}
.testimonial.style11 .testimonial-item {
margin: 0;
padding: 35px 30px 35px;
border-radius: 15px;
background-color: #ffffff;
}
.testimonial.style11 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.testimonial.style11 .testimonial-item .author img {
height: 60px;
width: 60px;
object-fit: cover;
margin-right: 15px;
border-radius: 50%;
}
.testimonial.style11 .testimonial-item .author .bio .name {
margin: 0;
font-size: 20px;
line-height: 30px;
color: #262626;
font-weight: 700;
}
.testimonial.style11 .testimonial-item .author .bio .designation{
color: #57647c;
font-size: 16px;
font-weight: 300;
margin: 0;
}
.testimonial.style11 .testimonial-item .quote {
font-size: 17px;
line-height: 28px;
color: #616161;
font-weight: 400;
font-family: "Nunito";
padding: 0 0 13px 0;
}
.testimonial.style11 .testimonial-item .testi-star i {
color: #ddd;
font-size: 13px;
background: #00b67a;
}
.testimonial.style11 .testimonial-item .testi-star i.active {
color: #fff;
background: #00b67a;
padding: 3px 5px 3px 3px;
}
.testimonial.style11 .quote_image {
position: relative;
z-index: 1;
}
.testimonial.style11 .quote_image:before {
position: absolute;
content: "";
bottom:0;
right: 0;
height:36px;
width: 113px;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/07/hosting-testi-shape3.png);
background-repeat: no-repeat;
z-index: -1;
}
.testimonial.style11 .quote_image img {
height: 21px;
width: 93px !important;
} .my-accordion.style5 a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
font-size: 18px;
font-weight: 500;
padding: 16px 0 16px 0;
z-index: 1;
border-radius: 10px;
background-color: inherit;
border: none;
}
.my-accordion.style5 a.active .shape_img {
display: inline-block;
position: absolute;
right: 21px;
top: 80px;
cursor: inherit;
}
.my-accordion.style5 .shape_img {
display: none;
}
.my-accordion.style5 li {
position: relative;
list-style: none;
z-index: 1;
border-radius: 15px;
background: inherit;
background-image: linear-gradient(0deg, #e5edfb 0%, #ffffff 100%);
border: 1px solid #ffffff;
padding: 0 26px;
}   
.my-accordion li:after {
display:none;
}
.my-accordion.style5 li p {
display: none;
padding: 22px 0 32px 0;
color: #616161;
font-size: 16px;
border-top: none;
margin: 0;
}
.my-accordion.style5 a.active {
border: none;
border-bottom: 1px solid rgba(0,0,0,0.08);
border-radius: 15px 0 0 0;
color: #0c5adb;
padding: 16px 0 37px 0;
}
.my-accordion.style5 a:after {
width: 15px;
height: 3px;
background: #fff;
position: absolute;
right: 0;
content: " ";
top: 28px;
transition: all 0.2s ease-in-out;
}
.my-accordion.style5 a:before {
width: 3px;
height: 15px;
background: #fff;
position: absolute;
right: 6px;
content: " ";
top: 22px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
}
.my-accordion.style5 li:before {
position: absolute;
content: "";
z-index: -1;
right: 16px;
top: 11px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
background-color: #0c5adb;
border: none;
} .map-location-area {
z-index: 9;
position: relative;
height: 64px;
width: 64px;
border-radius: 100%;
transition: .3s;
cursor: pointer;
}
.map-location-area:hover .map-content {
top: 38px;
opacity: 1;
visibility: visible
}
.map-location-area:before {
z-index: -1;
position: absolute;
content: "";
height: 12px;
width: 12px;
background: #0c5adb;
border-radius: 100%;
text-align: center;
left: 37px;
top: 15px;
margin: auto;
}
.map-location-area:after {
position: absolute;
content: "";
height: 35px;
width: 35px;
background: #0c5adb;
opacity: 0.5;
border-radius: 100%;
z-index: -1;
top: 21px;
left: 43px;
right: 0;
margin: auto;
animation: zoomBig 3.25s linear infinite;
-webkit-animation-delay: .75s;
animation-delay: .75s;
border: 2px solid #6A1EE3;
}
.map-location-area.active .map-content {
padding: 25px 16px 10px 25px;
box-shadow: 0 20px 50px rgb(229 229 229 / 80%);
border-radius: 5px;
background: #fff;
position: absolute;
top: 60px;
visibility: inherit;
width: 260px;
transition: .3s;
z-index: 1;
opacity: 1;
border-radius: 7px;
}
.map-content {
padding: 34px 16px 18px 31px;
box-shadow: 0 20px 50px rgb(229 229 229 / 80%);
border-radius: 5px;
background: #fff;
position: absolute;
top: 60px;
visibility: hidden;
width: 260px;
transition: .3s;
z-index: 1;
opacity: 0;
border-radius: 7px;
}
.map-content .title {
position: relative
}
.map-content .title:before {
position: absolute;
content: "";
height: 35px;
width: 35px;
top: -47px;
left: 0;
background: #fff;
transform: rotate(45deg);
box-shadow: 0 20px 50px rgb(229 229 229 / 80%)
}
.map-location-area .map-content .title h2 {
font-size: 20px;
margin: 0 0 20px
}
.map-location-area .icon-box-content {
overflow: hidden
}
.map-content ul li h2 {
font-size: 16px;
font-weight: 400;
color: #232323;
display: inline-block;
margin: 0 0 16px;
line-height: 27px
}
.map-content ul li {
display: inline-block
}
.map-content ul li i {
color: #0c5adb;
font-size: 20px;
display: inline-block;
font-weight: 600;
margin-right: 13px;
float: left;
position: relative;
top: 0;
}
@keyframes zoomBig {
0% {
transform: translate(-50%,-50%) scale(.5);
opacity: 1;
border-width: 3px
}
40% {
opacity: .5;
border-width: 2px
}
65% {
border-width: 1px
}
100% {
transform: translate(-50%,-50%) scale(1);
opacity: 0;
border-width: 1px
}
} .dreamit-button.style10 .dreamit-button a {
padding: 0 30px;
border: 1px solid #fff;
background: inherit;
border-radius: 27px;
display: inline-block;
margin-left: 15px;
position: relative;
z-index: 1;
height: 54px;
line-height: 54px;
font-size: 16px;
text-transform: uppercase;
color: #0c5adb;
font-weight: 600;
font-family: "Nunito";
transition: .5s;
}
.dreamit-button.style10 .dreamit-button a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 27px;
background: #0c5adb;
transform: scale(0);
transition: .5s;
}
.dreamit-button.style10 .dreamit-button a:hover:before{
transform: scale(1);
}
.dreamit-button.style10 .dreamit-button a:hover{
color:#fff;
}
.dreamit-button.style10 .button i {
font-size: 16px;
text-align: center;
background: inherit;
color: #0c5adb;
display: inline-block;
margin-left: 6px;
position: relative;
transition: .5s;
font-weight: 700;
width: inherit;
height: inherit;
line-height: inherit;
}
.dreamit-button.style10 .dreamit-button a:hover i {
width: inherit;
height: inherit;
line-height: inherit;
background: inherit;
color:#fff;
} .dreamit-button.style11 .dreamit-button a {
padding: 0 30px;
border: 1px solid #fff;
background: #0c5adb;
border-radius: 27px;
display: inline-block;
margin-left: 15px;
position: relative;
z-index: 1;
height: 54px;
line-height: 54px;
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-family: "Nunito";
transition: .5s;
}
.dreamit-button.style11 .dreamit-button a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 27px;
background: inherit;
transform: scale(0);
transition: .5s;
}
.dreamit-button.style11 .dreamit-button a:hover:before{
transform: scale(1);
}
.dreamit-button.style10 .dreamit-button a:hover{
color:#fff;
}
.dreamit-button.style11 .button i {
font-size: 16px;
text-align: center;
background: inherit;
color: #fff;
display: inline-block;
margin-left: 6px;
position: relative;
transition: .5s;
font-weight: 700;
width: inherit;
height: inherit;
line-height: inherit;
}
.dreamit-button.style11 .dreamit-button a:hover i {
width: inherit;
height: inherit;
line-height: inherit;
background: inherit;
color:#fff;
} .post-item.style_13 {
transition:0.4s;
}
.post-item.style_13 .post-thumbs img {
border-radius: 20px 20px 0 0;
line-height: 0;
}
.post-item.style_13 .blog_post_inner_content {
border-radius: 0 0 20px 20px;
background-image: linear-gradient(0deg, #ffffff 0%, #e5edfb 100%);
border: 1px solid #e6eefb;
padding: 17px 40px 30px 30px;
}
.post-item.style_13 h3.title a {
font-size: 25px;
color: #262626;
font-weight: 700;
transition:0.5s;
}
.post-item.style_13:hover h3.title a {
color: #0c5adb;
text-decoration: underline !important;
}
.post-item.style_13 .blog_post_inner_content h3 {
line-height: 30px;
margin: 10px 0 20px 0;
}
.post-item.style_13 .blog-meta-left {
padding: 15px 0 15px 0;
}
.post-item.style_13 .blog-meta-left span i {
border-radius: 50%;
background-color: #e6eefb;
padding: 9px 10px 9px 10px;
position: relative;
margin: 0 10px 0 30px;
color: #0c5adb;
}
.post-item.style_13 .blog-meta-left span a {
font-size: 16px;
line-height: 28px;
color: #616161;
font-weight: 400;
font-family: "Nunito";
text-transform: capitalize;
}
.post-item.style_13 .blog-meta-left span a:hover {
color: #0c5adb;
}
.post-item.style_13 .blog_btn a {
font-size: 16px;
line-height: 34px;
text-transform: uppercase;
color: #262626;
font-weight: 600;
font-family: "Nunito";
transition: 0.4s;
display: block;
position: relative;
}
.post-item.style_13:hover .blog_btn a {
color: #0c5adb;
}
.post-item.style_13 .blog_btn a i {
border-radius: 20px;
background-color: #ffffff;
border: 1px solid #e6eefb;
text-align: right;
right: 0;
position: absolute;
padding: 2px 11px 1px 11px;
color: #0c5adb;
transition:0.4s;
}
.post-item.style_13:hover .blog_btn a i {
background-color: #0c5adb;
border: 1px solid #0c5adb;
color: #fff;
} .icon-box.style19 {
text-align: center;
padding: 7px 0 1px;
border-radius: 15px;
transition: .5s;
background: #fff;
}
.icon-box.style19 .icon-box-content h4 {
font-size: 20px;
line-height: 28px;
color: #1ed6fe;
font-weight: 600;
text-align: center;
}
.icon-box.style19 .icon-box-content p.description {
font-size: 15px;
line-height: 28px;
color: #616161;
font-weight: 500;
font-family: "Nunito";
text-align: center;
transition:0.5s;
}
.hosting-domain p.mailchimp-form {
text-align: center;
margin: 0 0 10px 0;
}
.hosting-domain .mailchimp-form input[type="email"] {
border: 2px solid rgba(255,255,255,0.2);
width: 70%;
background-color: transparent;
color: #fff;
height: 60px;
padding: 0 20px 0 30px;
border-radius: 30px;
outline: 0;
line-height: 60px;
margin: auto;
}
.hosting-domain .mailchimp-form input[type="email"]::placeholder {
font-size:18px !important;
opacity: 0.600 !important;
color: #ffffff !important;
}
.hosting-domain button {
transition: all 0.4s ease 0s;
border: medium none;
background: #0c5adb;
color: #fff;
font-weight: 500;
text-align: center;
padding: 10px 29px;
display: inline-block;
border-radius: 30px;
position: absolute;
top: 33px;
right: 16%;
} .section-title.style13 .subtitle {
padding: 0 0 0 73px;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 24px;
color: #041424;
font-weight: 600;
font-family: "Nunito";
text-transform: unset;
margin: 0;
}
.section-title.style13 .subtitle:before {
position: absolute;
content: "";
right: 0;
height: 52px;
width: 52px;
z-index: 0;
transition: .5s;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/mobil-app-banner-title-shape1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
top: -2px;
}
.section-title.style13 h2.title {
font-size: 76px;
line-height: 76px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
padding: 28px 0 0 0;
}
.section-title.style13 h2.title-two {
font-size: 76px;
line-height: 79px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
padding: 2px 0 20px 0;
}
.section-title.style13 .description {
margin-bottom: 0;
font-size: 20px;
line-height: 30px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
}
.icon-box.style20 {
width: 278px;
height: 155px;
border-radius: 20px;
background-color: rgba(255,255,255,0.4);
border: 2px solid #ffffff;
padding: 30px 0 0 0;
text-align: center;
}
.icon-box.style20 .icon-box-content h4 {
font-size: 20px;
line-height: 15px;
color: #041424;
font-weight: 600;
font-family: "Nunito";
text-align: center;
}
.icon-box.style21 {
display: flex;
align-items: center;
width: 320px;
height: 86px;
filter: drop-shadow(0px 10px 15px rgba(203,213,224,0.36));
background-color: rgba(255,255,255,0.50);
border: 2px solid #ffffff;
border-radius: 50px 50px 7px 50px;
padding: 7px 0 0 10px;
}
.icon-box.style21 .icon-box-icon {
padding-right: 15px;
}
.icon-box.style21 .icon-box-content h4 {
font-size: 18px;
line-height: 30px;
color: #041424;
font-weight: 600;
font-family: "Nunito";
}
.icon-box.style22 {
display: flex;
align-items: center;
width: 320px;
height: 86px;
filter: drop-shadow(0px 10px 15px rgba(203,213,224,0.36));
background-color: rgba(255,255,255,0.7);
border: 2px solid #ffffff;
border-radius: 7px 50px 50px 50px;
padding: 7px 0 0 10px;
}
.icon-box.style22 .icon-box-icon {
padding-right: 15px;
}
.icon-box.style22 .icon-box-content h4 {
font-size: 18px;
line-height: 30px;
color: #041424;
font-weight: 600;
font-family: "Nunito";
}
.icon-box.style23 {
display: flex;
align-items: center;
background: #edf3ff;
border-radius: 15px;
transition:0.4s;
padding: 20px 0 20px 25px;
}
.icon-box.style23 .icon-box-icon {
padding-right: 18px;
}
.icon-box.style23 .icon-box-icon .icon {
border-radius: 50%;
}
.icon-box.style23 .icon-box-icon .icon i {
display: inline-block;
font-size: 20px;
color: #0c5adb;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
background-color: #d4e1f7;
border-radius: 10px;
transition:0.4s;
}
.icon-box.style23:hover .icon-box-icon .icon i {
border-radius: 50%;
color:#fff;
background-color: #0c5adb;
}
.icon-box.style23 .icon-box-content h4 {
font-size: 22px;
line-height: 18px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
padding: 11px 0 0 0;
} .single-counter.style_8 {
overflow: hidden;
width: 294px;
height: 139px;
border-radius: 30px;
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
background-color: rgba(255,255,255,0.70);
border: 1px solid rgba(12,90,219,0.1);
padding: 45px 0 0 40px;
text-align: left;
}
.single-counter.style_8  .counter-content span {
margin-bottom: 0;
display: inline-block;
font-size: 38px;
line-height: 25px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.single-counter.style_8 .counter-content .suffix {
font-size: 38px;
line-height: 25px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.single-counter.style_8 .counter-content h6 {
font-size: 15px;
line-height: 25px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
margin: 0;
}
.single-counter.style_8 .icon {
margin: 0 12px 0 0;
display: inline-block;
}
.single-counter.style_8 .counter-content.counter {
display: inline-block;
}
.dreamit-button.style12 .button {
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
color: #041424;
font-weight: 500;
font-family: "Nunito";
text-align: center;
width: 302px;
height: 57px;
line-height: 57px;
border-radius: 28px;
filter: drop-shadow(0px 20px 15px rgba(197,210,231,0.4));
background-color: #ffffff;
transition: .5s;
padding: 0;
border: 0;
}
.dreamit-button.style12:hover .button {
color: #fff;
}
.dreamit-button.style12 .button i {
background: transparent;
display: inline-block;
font-size: 13px;
color: #041424;
margin-left: 0;
position: relative;
transition: .5s;
font-weight: 700;
height: inherit;
width: 15px;
line-height: inherit;
border-radius: inherit;
}
.dreamit-button.style12 .button:hover i {
background: transparent;
color: #fff;
}
.dreamit-button.style12 .button:before {
position: absolute;
content: "";
z-index: -1;
bottom: 0;
right: 0;
top: inherit;
left: 0;
height: 0;
width: 100%;
background: #0c5adb;
border-radius: 3px;
transition: .5s;
}
.dreamit-button.style12 .button:hover:before {
height: 100%;
}
.section-title.style14 .subtitle {
text-transform: capitalize;
padding: 8px 25px 8px 25px;
position: relative;
display: inline-block;
font-size: 18px;
color: #0c5adb;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
border-radius: 20px;
background-color: rgba(255,255,255,0.50);
border: 1px solid rgba(12,90,219,0.1);
}
.section-title.style14 .subtitle:before {
display:none;
}
.section-title.style14 .title {
margin: 20px 0 0 0;
font-size: 42px;
line-height: 50px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
}
.section-title.style14 h2.title-two {
margin: 0;
font-size: 42px;
line-height: 50px;
color: #041424;
font-weight: 700;
font-family: "Rajdhani";
padding: 0 0 15px 0;
}
.section-title.style14 .description {
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
width: 78%;
}
.dreamit-button.style13 .button {
padding: 12px 40px 12px 40px;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
}
.dreamit-button.style13 .button i {
font-size: 14px;
width: 15px;
border-radius: 0;
height: inherit;
line-height: inherit;
text-align: center;
background: transparent;
color: #fff;
display: inline-block;
margin-left: 4px;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button.style13 .button:hover i {
color: #0c5adb;
background: transparent;
}
.toptech-mobile-apps-tab .mobile-apps-tab {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
font-family: "Rajdhani";
color: #2b343e;
height: 44px;
line-height: 44px;
border-radius: 22px;
padding: 0 30px 0 30px;
margin: 0 8px 0 0;
background-color: rgba(237,244,255,0);
border: 1px solid rgba(4,20,36,0.15);
transition:0.4s;
}
.toptech-mobile-apps-tab .mobile-apps-tab:hover {
color: #0c5adb;
background-color: #edf4ff;
}
.toptechapptabtext h2 {
font-size: 24px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
margin: 35px 0 15px 0;
}
.toptechapptabtext p {
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
width: 80%;
}
.dreamit-button.style14 .button {
padding: 12px 40px 12px 40px;
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
font-family: "Rajdhani";
color: #041424;
border-radius: 28px;
background: #ffffff;
border: 1px solid #041424;
transition:0.5s;
}
.dreamit-button.style14 .button:hover {
color: #fff;
}
.dreamit-button.style14 .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #0c5adb;
border-radius: 28px;
transition: .5s;
}
.dreamit-button.style14 .button i {
font-size: 14px;
width: 15px;
border-radius: 0;
height: inherit;
line-height: inherit;
text-align: center;
background: transparent;
color: #041424;
display: inline-block;
margin-left: 4px;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button.style14 .button:hover i {
color: #fff;
background: transparent;
}
ul.item-list.style4 {
display: inline-block;
padding: 5px 25px 5px 25px;
border-radius: 10px;
background: #1a6cf4;
transform: rotate(90deg);
}
.item-list.style4 li {
list-style: none;
font-size: 16px;
line-height: 48px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
}
ul.item-list.style5 li {
font-size: 18px;
line-height: 48px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
list-style: none;
position:relative;
}
ul.item-list.style5 li:before {
position: absolute;
content: "";
z-index: 1;
top: 25px;
right: 0;
height: 1px;
width: 83%;
background: #e5e7e9;
}
ul.item-list.style6 li {
font-size: 18px;
line-height: 48px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
list-style: none;
position: relative;
text-align: right;
}
ul.item-list.style6 li:before {
position: absolute;
content: "";
z-index: 1;
top: 25px;
left: 0;
height: 1px;
width: 78%;
background: #e5e7e9;
}
.style2.style8 .brand-item {
background: #fff;
margin: 0 10px;
text-align: center;
padding: 25px 32px 10px 32px;
}
.work_progress.style6 {
border-radius: 20px;
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
background-color: rgba(255,255,255,0.75);
border: 1px solid rgba(12,90,219,0.1);
text-align: center;
padding: 50px 10px 30px 10px;
position: relative;
transition: 0.4s;
top: 0;
}
.work_progress.style6:hover {
top: -10px;
}
.work_progress.style6 .icon img {
transition:0.4s;
}
.work_progress.style6:hover .icon img {
transform: rotate(15deg);
}
.work_progress.style6 .content h3 {
font-size: 26px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
margin: 30px 0 12px 0;
}
.work_progress.style6 p.description {
transition: .5s;
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-align: center;
position: relative;
padding: 0 0 42px 0;
}
.work_progress.style6 p.description:before {
position: absolute;
content: "";
z-index: 1;
bottom: 4px;
left: 0;
right: 12px;
margin: auto;
height: 6px;
width: 6px;
background: #0c5adb;
border-radius: 50%;
}
.work_progress.style6 p.description:after {
position: absolute;
content: "";
z-index: 1;
bottom: 4px;
left: 12px;
right: 0;
margin: auto;
height: 6px;
width: 6px;
background: #0c5adb;
border-radius: 50%;
}
.work_progress.style6 .work_progress-number {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 25px;
background-color: #ecf2fc;
position: absolute;
bottom: -25px;
left: 0;
right: 0;
margin: auto;
transition:0.4s;
}
.work_progress.style6:hover .work_progress-number {
background-color: #0c5adb;
}
.work_progress.style6 .work_progress-number span {
font-size: 20px;
line-height: 26px;
color: #041424;
font-weight: 500;
font-family: "Rajdhani";
text-align: center;
transition:0.4s;
}
.work_progress.style6:hover .work_progress-number span {
color: #fff;
}
.mobile-apps-wrk-img img{
animation: work_img_shape 2.5s linear infinite;
}
@keyframes work_img_shape {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(20deg);
}
100% {
transform: rotate(0deg);
}
}
.marquee.style_3 .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 35s linear infinite;
animation: scroll 35s linear infinite;
}
.marquee.style_3 .marquee-block h3 {
color: #fff;
font-size: 34px;
background: transparent;
position: relative;
font-weight: 600;
padding: 10px 0 10px 0;
}
.marquee.style_3 .marquee-block h3:before {
display:none;
}
.marquee.style_3 .marquee-block h3 img {
top: 7px;
position: relative;
padding: 0;
-webkit-animation-name: mobile-app-animation;
animation-name: mobile-app-animation;
-webkit-animation-duration: 17s;
animation-duration: 17s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
margin: 0 25px 0 0;
}
@keyframes mobile-app-animation {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.my-image3 .owl-dots {
text-align: center;
}
.my-image3 .owl-dots button.owl-dot {
width: 12px;
height: 12px;
border-radius: 100%;
background-color: rgba(4,20,36,0.15);
position: relative;
left: 0;
bottom: -73px;
margin: 0 0 0 10px;
}
.my-image3 .owl-dots button.owl-dot.active {
background-color: #0c5adb;
} .pricing.style9 {
text-align: left;
padding: 45px 40px 40px;
transition: .5s;
position: relative;
overflow: hidden;
border-radius: 20px;
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
background-color: rgba(255,255,255,0.6);
border: 1px solid rgba(12,90,219,0.15);
}
.pricing.style9 .pricing-head {
position: relative;
}
.pricing.style9 .price-item {
position: absolute;
top: 0;
right: 0;
}
.pricing.style9 ul.features li img {
margin-right: 14px;
display: inline-block;
}
.pricing.style9 ul.features li {
display: flex;
align-items: center;
margin-bottom: 9px;
font-size: 18px;
line-height: 28px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
}
.pricing.style9 h3.pricing-title {
position: relative;
font-size: 20px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
padding: 22px 0 38px 0;
}
.pricing.style9 h3.pricing-title span {
border-radius: 50%;
background-color: rgba(255,255,255,0);
border: 1px solid #0c5adb;
position: relative;
color: #0c5adb;
padding: 12px 15px 12px 15px;
text-align: center;
margin: 0 15px 0 0;
}
.pricing.style9 .pricing-name {
padding: 12px 0 28px 0;
font-size: 34px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
border-bottom: 1px solid rgba(4,20,36,0.11);
}
.pricing.style9 .price-item span.currency {
margin: 0;
display: inline-block;
font-size: 24px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
position: relative;
bottom: 16px;
}
.pricing.style9 .price-item span.tk {
font-size: 50px;
line-height: 40px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style9 .price-item span.month {
font-size: 24px;
line-height: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.pricing.style9 p.pricing-p {
margin: 0 0 26px;
}
.pricing.style9 a.pricing-button.singinp {
display: inline-block;
text-align: center;
transition: .5s;
margin-top: 27px;
font-size: 18px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
height: 50px;
width: 190px;
border-radius: 25px;
background-color: rgba(236,242,252,0);
border: 1px solid #041424;
line-height: 45px;
position: relative;
overflow: hidden;
}
.pricing.style9 a.pricing-button.singinp:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
margin: auto;
height:100%;
width: 0;
background: #0c5adb;
border-radius: 25px;
transition:0.4s;
}
.pricing.style9:hover a.pricing-button.singinp:before {
width: 100%;
}
.pricing.style9:hover a.pricing-button.singinp{
background:transparent;
color:#fff;
}
.pricing.style9 a.pricing-button.singinp i {
color: #041424;
font-size: 15px;
left: 5px;
position: relative;
transition:0.4s;
}
.pricing.style9:hover a.pricing-button.singinp i {
color:#fff;
}
.single-counter.style_9 {
text-align: left;
overflow: hidden;
border-top: 1px solid rgba(4,20,36,0.10);
padding: 30px 0 0 0;
}
.single-counter.style_9 .counter-content span {
display: inline-block;
font-size: 60px;
line-height: 44px;
color: #0c5adb;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
float: left;
}
.single-counter.style_9 .counter-content h6 {
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-align: left;
padding: 0;
margin: 0;
position: relative;
top: -4px;
}
.single-counter.style_9 span.suffix {
padding: 0 17px 0 0;
border-right: 1px solid rgba(4, 20, 36, 0.15);
margin: 0 20px 0 0;
}
.single-counter.style_9 .counter-content.counter {
text-align: left;
}
.single-counter.style_9 .counter-content.counter {
text-align: left;
display: inline-block;
float: left;
}
.single-counter.style_9 .counter-content.counter.conter-title9 {
float: inherit;
display: inline;
}
.pricing-btn .dreamit-button.style14 .button {
background: transparent;
}
.testimonial.style14 .testimonial-item .testimonial-top {
padding: 48px 42px 43px;
border: 1px solid rgba(255,255,255,0.4);
background: rgba(255,255,255,0.1);
border-radius: 15px;
text-align: center;
position: relative;
}
.testimonial.style14 .testimonial-item .testimonial-top:before {
position: absolute;
content: "";
z-index: 35;
bottom: -20px;
left: 0;
right: 0;
height: 40px;
margin: auto;
width: 40px;
background: rgba(255,255,255,0.1);
clip-path: polygon(49% 50%, 100% 50%, 50% 100%, 0% 50%);
}
.testimonial.style141 .testimonial-item {
text-align: center;
}
.testimonial.style14 .testimonial-item .testimonial-top .icon img {
width: 12%;
display: inline-block;
}
.testimonial.style14 .testimonial-item .author img {
width: 20% !important;
display: inline-block;
}
.testimonial.style14 .testimonial-item .testimonial-top p.quote {
font-size: 20px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
text-align: center;
margin: 15px 0 17px 0;
}
.testimonial.style14 .testimonial-item .testimonial-top .icon {
text-align: center;
}
.testimonial.style14 .testimonial-item .reviews_rating .testi-star i {
color: #ff9e14;
margin: 5px;
}
.testimonial.style14 .testimonial-item .author {
margin-top: 40px;
text-align: center;
}
.testimonial.style14 .testimonial-item h4.name {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
text-align: center;
margin: 11px 0 0 0;
}
.testimonial.style14 .testimonial-item h5.designation {
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
text-align: center;
opacity: 0.50;
margin: 2px 0 0 0;
}
.team.style10 {
padding: 20px 0 35px;
border-radius: 10px;
transition:0.4s;
}
.team.style10 .team-box-content {
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
background-color: rgba(255,255,255,0.70);
border: 1px solid rgba(12,90,219,0.1);
padding: 28px 0 170px 0;
border-radius: 0 0 50% 50%;
transition: 0.4s;
position: relative;
}
.team.style10 .team-box-content:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
left: 0;
margin: auto;
height: 0;
width: 100%;
background: #0c5adb;
border-radius: 0 0 50% 50%;
transition: 0.4s;
}
.team.style10:hover .team-box-content:before {
height:100%;
}
.team.style10 .single-team-box {
text-align: center;
}
.team.style10 .team-box-content h2.name {
font-size: 28px;
line-height: 18px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
transition:0.4s;
}
.team.style10:hover .team-box-content h2.name {
color: #fff;
}
.team.style10 .team-box-content h5.designation {
margin-top: 6px;
font-size: 18px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-align: center;
padding: 7px 0 18px 0;
transition:0.4s;
}
.team.style10:hover .team-box-content h5.designation {
color: #fff;
}
.team.style10 .team-box-content .team-social-info li {
list-style: none;
}
.team.style10 .team-box-content ul.team-social-info a {
padding: 7px 10px;
color: #fff;
margin: 8px;
transition: .5s;
border-radius: 50%;
background-color: #0c5adb;
border: 1px solid rgba(255,255,255,0.3);
}
.team.style10 .team-box-content ul.team-social-info a:hover {
background-color: #fff;
color: #0c5adb;
}
.team.style10 .image img {
width: 100%;
position: relative;
}
.team.style10 .image {
position: relative;
}
.team.style10 .single-team-thumb {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 150px;
transition:0.4s;
}
.team.style10:hover .single-team-thumb {
top: 200px;
}
.team.style10 .bio-social {
position: relative;
z-index: 1;
}
.team.style10 .team-box-content ul.team-social-info {
display: flex;
justify-content: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 13px;
z-index: 2;
opacity: 0;
transition:0.4s;
}
.team.style10:hover .team-box-content ul.team-social-info {
bottom: -30px;
opacity: 1;
}
.my-accordion.style6 li {
position: relative;
list-style: none;
z-index: 1;
border-radius: 10px;
background-color: rgba(236,242,252,0.70);
border: 1px solid rgba(12,90,219,0.15);
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
width: 850px;
margin: 20px auto;
}
.my-accordion.style6 li:before {
position: absolute;
content: "";
z-index: 5;
right: 70px;
top: 20px;
width: 1px;
height: 30px;
line-height: 28px;
border-radius: 50%;
border: none;
background-color: rgba(4,20,36,0.15);
}
.my-accordion.style6 a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
padding: 19px 20px 21px 40px;
z-index: 1;
font-size: 24px;
line-height: 30px;
color: #041424 !important;
font-weight: 600;
font-family: "Rajdhani";
border-radius: 10px;
filter: drop-shadow(0px 10px 5px rgba(180,183,197,0.15));
background-color: rgba(255,255,255,0.7);
border: none;
}
.my-accordion.style6 a.active {
border-bottom: none;
padding: 33px 20px 18px 40px;
background-color: rgba(236,242,252,0.70);
}
.my-accordion.style6 li p {
padding: 0 0 15px 40px;
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
display: none;
}
.my-accordion.style6 a:after {
width: 12px;
height: 2px;
background: #041424;
position: absolute;
right: 27px;
content: " ";
top: 32px;
transition: all 0.2s ease-in-out;
}
.my-accordion.style6 a:before {
width: 2px;
height: 12px;
background: #0c5adb;
position: absolute;
right: 32px;
content: " ";
top: 27px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
}
.my-accordion.style6 a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
top: 44px;
width: 8px;
}
.mobile-app-left-right {
-webkit-animation: faq-up-down 4s alternate infinite;
animation: faq-up-down 4s alternate infinite;
}
@keyframes faq-up-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.mobile-app-dance {
-webkit-animation: mobileappdance 3s alternate infinite;
animation: mobileappdance 3s alternate infinite;
}
@keyframes mobileappdance {
0% {
-webkit-transform: scale(0.8);
}
100% {
-webkit-transform: scale(1.3);
}
}
.mobile-app-faq-shape1 {
animation: mobile_app_faq_shape1 1.5s linear infinite;
}
@keyframes mobile_app_faq_shape1 {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(20deg);
}
100% {
transform: rotate(0deg);
}
}
.single-counter.style10 {
text-align: center;
overflow: hidden;
padding: 37px 0 0 40px;
width: 288px;
height: 103px;
border-radius: 20px;
background-color: rgba(255,255,255,0.4);
border: 2px solid #ffffff;
}
.single-counter.style10 .counter-content h6 {
text-align: left;
padding: 0;
margin: 0;
position: relative;
top: 5px;
font-size: 20px;
line-height: 15px;
color: #041424;
font-weight: 600;
font-family: "Nunito";
left: 35px;
}
.single-counter.style10 .counter-content span {
display: inline-block;
font-size: 26px;
color: #fff;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
float: left;
position: relative;
z-index: 2;
}
.single-counter.style10 .counter-content span.count.percent {
position:relative;
z-index: 1;
}
.single-counter.style10 .counter-content span.count.percent:before {
position: absolute;
content: "";
z-index: -1;
top: -18px;
left: -17px;
background: #0c5adb;
transition: 0.4s;
height: 60px;
width: 60px;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
.blog-post.style15 .luxury-blog-thumb_adn a img {
border-radius: 10px;
}
.blog-post.style15 h4.title {
border-bottom: 1px solid rgba(4, 20, 36, 0.1);
margin: 0 0 5px 0;
padding: 12px 0 15px 0;
}
.blog-post.style15 h4.title a {
font-size: 28px;
font-weight: 600;
color: #041424;
line-height: 38px;
transition: 0.5s;
text-transform: unset;
}
.blog-post.style15 h4.title a:hover {
color: #0c5adb;
}
.blog-post.style15 .blog-meta-left span {
display: inline-block;
padding: 0 30px 0 15px;
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
position: relative;
}
.blog-post.style15 .blog-meta-left span:before {
position: absolute;
content: "";
z-index: 1;
top: 10px;
left: 0;
height: 6px;
width: 6px;
background: #0c5adb;
border-radius: 50%;
}
.blog-post.style15 .post-categories li {
list-style: none;
}
.blog-post.style15 .content .post-categories li a {
display: inline-block;
padding: 0 30px 0 0;
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Nunito";
text-transform: capitalize;
transition:0.4s;
}
.blog-post.style15 .content .post-categories li a:hover {
color: #0c5adb;
}
.blog-post.style15 .content {
padding: 25px 0 0 0;
}
.blog-post.style15 .content a {
font-size: 18px;
line-height: 48px;
text-transform: uppercase;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
transition:0.4s;
}
.blog-post.style15 .content a:hover {
color: #0c5adb;
}
.blog-post.style15 .content a i {
font-size: 16px;
text-transform: uppercase;
color: #041424;
left: 10px;
position: relative;
transition:0.4s;
}
.blog-post.style15 .content a:hover i {
color: #0c5adb;
left: 15px;
}
.title-color-bg .section-title.style14 .subtitle {
background-color: rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0.2);
}
.form-area.contact-form.contact-mobile-app .form-control {
width: 100%;
padding-left: 25px;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
font-family: "Nunito";
transition: 0.5s;
height: 56px;
border-radius: 28px;
background-color: rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0.3);
}
.form-area.contact-form.contact-mobile-app textarea.wpcf7-textarea {
width: 100%;
padding-left: 25px;
color: #ffffff;
font-weight: 400;
font-family: "Nunito";
transition: 0.5s;
height: 130px;
border-radius: 28px;
background-color: rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0.3);
}
.form-area.contact-form.contact-mobile-app select.form-select {
width: 100%;
padding-left: 25px;
color: #e1e0e0;
font-weight: 400;
font-family: "Nunito";
transition: 0.5s;
height: 56px;
border-radius: 28px;
background-color: rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0.3);
outline: none;
}
.form-area.contact-form.contact-mobile-app input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
font-size: 16px;
line-height: 26px;
color: #ffffff !important;
font-weight: 400;
font-family: "Nunito";
}
.form-area.contact-form.contact-mobile-app textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
font-size: 16px;
line-height: 26px;
color: #ffffff !important;
font-weight: 400;
font-family: "Nunito";
}
.form-area.contact-form.contact-mobile-app textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
font-size: 16px;
line-height: 26px;
color: #ffffff !important;
font-weight: 400;
font-family: "Nunito";
}
.form-area.contact-form.contact-mobile-app textarea:focus {
border: 1px solid rgba(255, 255, 255, 0.3)!important;
}
.form-area.contact-form.contact-mobile-app .buttons input {
margin-top: 10px;
display: block;
cursor: pointer;
text-align: center;
border: 1px solid #0c5adb;
transition: 0.5s;
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
width: 220px;
height: 60px;
border-radius: 30px;
background-color: #0c5adb;
} .section-title.style15 .title {
font-size: 70px;
letter-spacing: 2px;
line-height: 85px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 8px 0 0;
}
.section-title.style15 .title-two {
font-size: 70px;
letter-spacing: 2px;
line-height: 85px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
}
.section-title.style15 .description {
margin-bottom: 12px;
margin-top: 13px;
font-size: 16px;
letter-spacing: 0px;
line-height: 28px;
color: #ffffff;
font-family: "Nunito";
width: 80%;
}
.dreamit-button.style15 .button {
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
width: 208px;
height: 55px;
line-height: 55px;
border-radius: 5px;
text-align: center;
padding: 0;
background-color: rgba(12,90,219,0);
border: 1px solid rgba(255,255,255,0.15);
}
.dreamit-button.style15 .button:hover {
color: #fff;
border: 1px solid rgba(255,255,255,0);
}
.dreamit-button.style15 .button i {
font-size: 13px;
width: 30px;
height: 0;
line-height: 0;
border-radius: 0;
text-align: center;
background: transparent;
color: #fff;
display: inline-block;
margin-left: 0;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button.style15 .button:hover i {
color: #fff;
}
.dreamit-button.style15 .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
background-image: linear-gradient(270deg, #001c4b 0%, #0b59db 100%);
border-radius: 3px;
transition: .5s;
} .software-text-inner {
animation: softwarecircle 15s linear infinite;
position: relative;
z-index: 22;
fill: transparent;
}
.software-text-inner:before {
position: absolute;
content: "";
z-index: -1;
top: -10px;
right: -10px;
height: 180px;
width: 180px;
background: transparent;
border-radius: 100%;
transition: .5s;
border: 2px dashed #464F5C;
}
.software-text-inner svg {
width: 105px;
max-width: 100%;
height: auto;
overflow: visible;
word-spacing: 7px;
transform: rotate(0) scaleX(1) scaleY(1);
position: relative;
}
.software-text-inner text {
fill: #fff;
direction: ltr;
transition: 0.3s stroke, 0.3s stroke-width, 0.3s fill;
font-size: 33px;
font-weight: 400;
position: relative;
z-index: 2;
letter-spacing: 3px;
}
.software-banner-circle {
display: inline-block;
width: 160px;
height: 160px;
line-height: 160px;
text-align: center;
border-radius: 100%;
background-image: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/software-banner-circle-bg-shape.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -85px;
left: -20px;
z-index: 2;
}
.software-circle-img {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
display: inline-block;
line-height: 0;
}
.software-circle-img img {
-webkit-animation: softwarewooo 10s linear infinite;
animation: softwarewooo 10s linear infinite;
transition: .5s;
background: #051F38;
padding: 16px;
border-radius: 50%;
} @keyframes softwarewooo {
0% {
transform: rotate3d(0, 0, 0);
}
50% {
transform: rotate3d(0, 1, 0, 180deg);
}
100% {
transform: rotate3d(0, 1, 0, 359deg);
}
}
@keyframes softwarecircle {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
.circle {
animation: circle 15s linear infinite;
}
.right {
animation: right 15s linear infinite;
}
.spin2 {
animation: spin2 15s linear infinite;
}
@keyframes right {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
} .section-title.style16  .subtitle {
text-transform: capitalize;
padding: 0 0 4px 0;
position: relative;
display: inline-block;
font-size: 19px;
line-height: 30px;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
margin: 0;
}
.section-title.style16 .subtitle:before {
display:none;
}
.section-title.style16 .title {
font-size: 43px;
line-height: 50px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 8px 0 0;
}
.section-title.style16 .title-two {
font-size: 43px;
line-height: 50px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
}
.section-title.style16 .description {
margin-bottom: 0;
margin-top: 26px;
font-size: 16px;
line-height: 26px;
color: #9ea1a5;
width: 90%;
} .dreamit-button.style16 .button {
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
line-height: 55px;
text-align: center;
padding: 0 25px 0 25px;
background-image: linear-gradient(270deg, #001c4b 0%, #0b59db 100%);
border: none;
height: 55px;
border-radius: 5px;
}
.dreamit-button.style16 .button:hover {
color: #fff;
border: none;
}
.dreamit-button.style16 .button i {
font-size: 13px;
width: 30px;
height: 0;
line-height: 0;
border-radius: 0;
text-align: center;
background: transparent;
color: #fff;
display: inline-block;
margin-left: 0;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button.style16 .button:hover i {
color: #fff;
}
.dreamit-button.style16 .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
background-image: linear-gradient(270deg, #0b59db 0%, #001c4b 100%);
border-radius: 3px;
transition: .5s;
} .service-box.style17 {
border-radius: 7px;
background-image: linear-gradient(40deg, #171B1E 0%, #162431 50%, #2F353D 100%);
padding: 50px 44px 25px 43px;
text-align: center;
transition: 0.4s;
position: relative;
z-index: 1;
overflow: hidden;
}
.service-box.style17:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 0;
width: 0;
background-image: linear-gradient(180deg, #171B1E 0%, #162431 0%, #2F353D 50%);
border-radius: 7px;
transition: .5s;
}
.service-box.style17:hover:before {
height: 100%;
width: 100%;
}
.service-box.style17 .service-box-icon {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: rgba(255,255,255,0.011764705882352941);
border-top: 4px solid #063C96;
line-height: 100px;
}
.service-box.style17 .service-box-icon img {
filter: brightness(0)invert(1);
transition: 0.4s;
}
.service-box.style17:hover .service-box-icon img {
filter: brightness(1)invert(0);
transition: 0.4s;
}
.service-box.style17 .service-box-title h3 {
font-size: 26px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
margin: 0;
padding: 30px 0 18px 0;
}
.service-box.style17 p.description {
transition: .5s;
font-size: 16px;
line-height: 26px;
color: #9ea1a5;
}
.case-study.style11 .single_case_study .image-thumb {
position: relative;
line-height: 0;
z-index: 1;
overflow: hidden;
}
.case-study.style11 .case-study-thumb img {
border-radius: 6px;
}
.case-study.style11 .single_case_study {
transition: .5s;
}
.case-study.style11 .single_case_study .image-thumb:before {
position: absolute;
content: "";
z-index: 1;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 5px;
background-image: linear-gradient(36deg, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 90%);
transition: .5s;
}
.case-study.style11 .single_case_study:hover .image-thumb:before {
height:0;
}
.case-study.style11 .single_case_study .image-thumb:after {
position: absolute;
content: "";
z-index: 1;
bottom: 0;
right: 0;
height: 0;
width: 100%;
border-radius: 5px;
background-image: linear-gradient(36deg, rgba(47,102,193,0.99) 0%, rgba(47,102,193,0.5) 50%, rgba(218,218,218,0) 100%);
transition: .5s;
}
.case-study.style11 .single_case_study:hover .image-thumb:after {
height: 100%;
}
.case-study.style11 .single_case_study .cases-study-content-inner {
padding: 0 30px 30px;
position: absolute;
background: transparent;
width: 100%;
transition: .5s;
bottom: 0;
z-index: 3;
}
.case-study.style11 .cases-study-content-f {
position: relative;
bottom: 0;
z-index: 2;
}
.case-study.style11 .single_case_study .case_category span {
color: #ffff;
font-size: 16px;
}
.case-study.style11 .single_case_study .cases-study-content-f h2.title {
margin: 0 0 5px;
z-index: 3;
position: relative;
}
.case-study.style11 .single_case_study .title a {
font-size: 23px;
transition: .5s;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.case-study.style11 .case-study-buttons a {
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 5px;
width: 60px;
height: 60px;
z-index: 3;
line-height: 60px;
text-align: center;
background-image: linear-gradient(270deg, #001c4b 0%, #0b59db 100%);
}
.case-study.style11 .case-study-buttons a i {
color: #fff;
font-size: 20px;
font-weight: 600;
}
.single-counter.style11 {
text-align: center;
overflow: hidden;
padding: 37px 0 40px;
background: #1c2024;
border: 1px solid #282B2F;
transition: 0.5s;
z-index: 1;
position: relative;
}
.single-counter.style11:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 0;
width: 0;
border-radius: 5px;
transition: .5s;
background-image: linear-gradient(40deg, #171B1E 0%, #162431 50%, #2F353D 100%);
}
.single-counter.style11:hover:before {
height: 100%;
width: 100%;
}
.single-counter.style11  .counter-content span {
margin-bottom: 14px;
display: inline-block;
font-size: 45px;
line-height: 45px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
}
.single-counter.style11 .counter-content .suffix {
color: #ffffff;
}
.single-counter.style11 .counter-content h6 {
font-size: 20px;
line-height: 26px;
color: #9ea1a5;
font-weight: 500;
text-align: center;
font-family: "Nunito";
margin: 0;
} .testimonial.style16 .testimonial-item {
margin: 0;
padding: 36px 38px 1px;
position: relative;
border-radius: 5px;
background-image: linear-gradient(-25deg, #181b1b 0%, #181b1b 59%, #394047 95%);
transition:0.5s;
z-index:1;
}
.testimonial.style16 .testimonial-item:after {
position: absolute;
content: "";
top: 0;
left:0;
height: 0;
width:0;
background-image: linear-gradient(-25deg, #394047 0%, #181b1b 59%, #181b1b 95%);
transition:0.5s;
z-index:-1;
border-radius: 5px;
}
.testimonial.style16 .testimonial-item:hover:after {
height: 100%;
width: 100%;
}
.testimonial.style16 .testimonial-item:before {
position: absolute;
content: "";
bottom: 35px;
right:0;
height: 82px;
width: 0;
background: url(https://wp.ditsolution.net/toptech-multipurpose/wp-content/uploads/2024/08/software-company-testi-shape.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition:0.5s;
}
.testimonial.style16 .testimonial-item:hover:before {
width: 100px;
right: 166px;
}
.testimonial.style16 .testimonial-item .testi-star i {
color: #ffab00;
font-size: 15px;
margin: 0 5px 0 0;
}
.testimonial.style16 .testimonial-item .testi-star i.active {
color: #ffab00;
}
.testimonial.style16 .testimonial-item .quote {
font-weight: normal;
margin: 28px 0px 33px;
font-size: 16px;
line-height: 28px;
color: #9ea1a5;
font-family: "Nunito";
}
.testimonial.style16 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 33px;
}
.testimonial.style16 .testimonial-item .author img {
height: 56px;
width: 56px;
object-fit: cover;
margin-right: 20px;
border-radius: 50%;
}
.testimonial.style16 .bio h4.name {
font-size: 23px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
margin: 0;
}
.testimonial.style16 .bio h5.designation {
font-size: 16px;
line-height: 28px;
color: #0c5adb;
font-family: "Nunito";
margin: 3px 0 0 0;
}  .container{
max-width:1320px!important;
padding:0 10px;
margin:auto;
}
.pricing_single_items.style_one {
position: relative;
z-index: 1;
padding: 72px 42px 55px 42px;
overflow: hidden;
border-radius: 5px;
background-image: linear-gradient(48deg, #161a1b 0%, #161a1b 35%, #373e47 100%);
transition: 0.5s;
text-align: left;
margin: 0 0 30px 0;
}
.pricing_single_items.style_one:before {
background-image: linear-gradient(48deg, #373e47 0%, #161a1b 35%, #161a1b 100%);
position: absolute;
content: "";
top: 0;
right:0;
height: 0;
width:0;
transition:0.5s;
z-index:-1;
border-radius: 5px;
}
.pricing_single_items.style_one:hover:before {
height: 100%;
width:100%;
}
.pricing_area.style_one .price_item_inner {
padding: 0 0 60px 0;
border-bottom: 1px solid #31363B;
}
.pricing_area.style_one .tab {
position: relative;
overflow: hidden;
-webkit-font-smoothing: antialiased;
text-align: center;
}
.pricing_area.style_one .tabs {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0;
background: #F6F4F5;
padding: 5px 9px;
border-radius: 20px;
margin-bottom: 20px;
}
.pricing_area.style_one .tabs li {
float: left;
overflow: hidden;
padding: 0;
position: relative;
}
.pricing_area.style_one .tabs li a {
outline: none;
padding: 2px 18px;
transition: all 0.2s ease-in-out;
font-size: 16px;
color: #062462;
font-weight: 500;
display: inline-block;
border-radius: 20px;
}
.pricing_area.style_one .tabs_item {
display: none;
padding: 37px 0;
}
.pricing_area.style_one .tabs_item:first-child {
display: block;
}
.pricing_area.style_one li.current a {
background: #d9232b!important;
color: #fff;
}
.pricing_area.style_one ul.features {
padding: 34px 0 28px;
}
.pricing_area.style_one ul.features li img {
margin-right: 7px;
}
.pricing_area.style_one .thumb {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 5px;
background-color: #062462;
line-height: 124px;
text-align: center;
margin-right: 23px;
transition: .5s;
}
.pricing_area.style_one .top-title {
width: 0;
height: 0;
color: #fff;
transform: rotate(0deg);
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
}
.pricing_area.style_one span.curencyp {
position: relative;
top: 0;
transition: 0.4s;
font-size: 40px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.pricing_area.style_one .tk {
position: relative;
top: 0;
transition: 0.4s;
font-size: 40px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.pricing_area.style_one .monthp {
display: block;
line-height: 0;
}
.pricing_area.style_one h2#price-monthly {
margin: 0;
width: 124px;
height: 99px;
border-radius: 5px;
background-color: #363B43;
text-align: center;
padding: 13px 0 0 0;
position: absolute;
right: 46px;
top: 53px;
}
.pricing_area.style_one h2#price-yearly {
margin: 0;
width: 124px;
height: 99px;
border-radius: 5px;
background-color: #363B43;
text-align: center;
padding: 13px 0 0 0;
position: absolute;
right: 46px;
top: 53px;
}
.pricing_area.style_one .bootmp {
transition: 0.4s;
font-size: 16px;
line-height: 28px;
color: #b5b5b5;
font-family: "Nunito";
font-weight: 400;
margin:0;
}
.pricing_area.style_one h3.pricing-plan {
margin: 0 0 0;
transition: .5s;
font-size: 20px;
line-height: 28px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
text-align: left;
display: inline-block;
}
.pricing_area.style_one h4.sub-title {
font-size: 16px;
line-height: 28px;
color: #9ea1a5;
font-family: "Nunito";
text-align: left;
text-transform: capitalize;
margin: 5px 0 0 0;
}
.pricing_area.style_one p.description {
border-top: 1px solid#d7d4d44f;
padding-top: 21px;
width: 80%;
margin: 20px auto 0;
}
.pricing_area.style_one ul.features li {
margin-bottom: 15px;
list-style: none;
font-size: 16px;
line-height: 28px;
color: #9ea1a5;
font-family: "Nunito";
}
.pricing_area.style_one ul.features li i {
font-size: 16px;
color: #0c5adb;
padding: 0 12px 0 0;
}
.pricing_area.style_one ul.features li img {
position: relative;
top: 3px;
}
.pricing_area.style_one ul.features li:nth-child(7){
font-size: 20px;
color: #041341;
font-weight: 700;
margin: 18px 0 18px;
}
.pricing_area.style_one .pricing-btn {
display: inline-block;
padding: 0 20px;
}
.pricing_area.style_one .pricing-btn a {
font-weight: 500;
display: inline-block;
position: relative;
z-index: 1;
font-size: 16px;
width: 198px;
height: 55px;
border-radius: 5px;
background-color: rgba(208,10,43,0);
border: 1px solid rgba(255,255,255,0.3);
text-align: center;
line-height: 55px;
color: #fff;
}
.pricing_area.style_one .pricing-btn a:hover {
border: 1px solid transparent;
}
.pricing_area.style_one .pricing-btn a:before {
position: absolute;
content: "";
height: 100%;
width: 0%;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
transform: scale(0);
opacity: 0;
border-radius: 5px;
background-image: linear-gradient(270deg, #001c4b 0%, #0b59db 100%);
}
.pricing_area.style_one .pricing-btn a:hover:before{
transform: scale(1);
opacity: 1;
height: 100%;
width: 100%;
}
.pricing_area.style_one .pricing-btn a i {
margin-left: 6px;
font-weight: 600;
font-size: 14px;
position: relative;
top: 1px;
}
.pricing_area.style_one .pricing-toggle {
display: block;
position: relative;
text-align: center;
}
.pricing_area.style_one .pricing-toggle span {
font-size: 18px;
color: #9ea1a5;
font-weight: 600;
}
.pricing_area.style_one .switch {
position: relative;
display: inline-block;
width: 50px;
height: 20px;
}
.pricing_area.style_one .switch input {
opacity: 0;
width: 0;
height: 0;
}
.pricing_area.style_one .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0c5adb;
transition: 0.4s;
border-radius: 10px;
}
.pricing_area.style_one .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 2px;
background-color: #fff;
transition: 0.4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #fff;
}
input:checked + .slider:before {
transform: translateX(26px);
background-color:#da242b;
}
.software-price-title .section-title.style16 .description {
width: 47%;
} .marquee.style_4 .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 100s linear infinite;
animation: scroll 100s linear infinite;
}
.marquee.style_4 .marquee-block h3 {
background: transparent;
position: relative;
padding: 0;
font-size: 120px;
letter-spacing: 12px;
line-height: 90px;
font-weight: 700;
font-family: "Rajdhani";
text-align: center;
-webkit-background-clip: text;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #fff;
color: transparent;
opacity: 0.2;
}
.marquee.style_4 .marquee-block h3:before {
display:none;
}
.marquee.style_4 .marquee-block h3 img {
top: 7px;
position: relative;
padding: 0;
-webkit-animation-name: mobile-app-animation2;
animation-name: mobile-app-animation2;
-webkit-animation-duration: 25s;
animation-duration: 25s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
margin: 0 25px 0 0;
}
@keyframes mobile-app-animation2 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
} .dreamit-button.style17 .button {
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: capitalize;
border: none;
font-size: 23px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
width: 250px;
height: 250px;
line-height: 35px;
border-radius: 50%;
background-image: linear-gradient(270deg, #001c4b 0%, #001c4b 20%, #0b59db 100%);
text-align: center;
top: 40px;
padding: 90px 0 0 0;
}
.dreamit-button.style17 .button:hover {
color: #fff;
border: none;
}
.dreamit-button.style17 .button i {
font-size: 13px;
width: 30px;
height: 0;
line-height: 0;
border-radius: 0;
text-align: center;
background: transparent;
color: #fff;
display: inline-block;
margin-left: -7px;
position: relative;
transition: .5s;
font-weight: 700;
padding: 0;
}
.dreamit-button.style17 .button:hover i {
color: #fff;
}
.dreamit-button.style17 .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
background-image: linear-gradient(270deg, #0b59db 0%, #001c4b 100%);
border-radius: 50%;
transition: .5s;
}
.dreamit-button.style17 .button:hover:before {
width: 100%;
} .blog-post.style17 .single_blog_adn {
position: relative;
margin-bottom: 0;
border-radius: 6px;
background-image: linear-gradient(-30deg, #181b1f 40%, #373e48 100%);
padding: 30px 30px 31px 30px;
transition: .5s;
z-index: 1;
}
.blog-post.style17 .single_blog_adn:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 0;
width: 100%;
background-image: linear-gradient(-30deg, #373e48 40%, #181b1f 100%);
border-radius: 6px;
transition: .5s;
}
.blog-post.style17 .single_blog_adn:hover:before {
height: 100%;
}
.blog-post.style17 .single_blog_adn .blog-meta-left {
margin: 30px 0px 25px;
position: relative;
}
.blog-post.style17 .blog-meta-left a {
font-size: 16px;
line-height: 26px;
color: #9ea1a5;
font-family: "Nunito";
text-transform: capitalize;
}
.blog-post.style17 .single_blog_adn .blog-meta-left span {
margin-right: 0;
font-size: 16px;
color: #9ea1a5;
font-family: "Nunito";
text-align: right;
position: absolute;
right: 0;
top: 0;
}
.blog-post.style17 .single_blog_adn .blog-meta-left i {
color: #0c5adb;
margin-right: 5px;
font-size: 20px;
}
.blog-post.style17 .single_blog_adn img {
transition: .5s;
border-radius: 5px;
}
.blog-post.style17 .single_blog_adn:hover img {
border-radius: 7px;
transform: scale(1.07);
transition: .5s;
}
.blog-post.style17 .content {
position: relative;
}
.blog-post.style17 .single_blog_adn h4.title a {
transition: .5s;
font-size: 23px;
line-height: 35px;
color: #ffffff;
font-weight: 700;
font-family: "Rajdhani";
}
.blog-post.style17 .single_blog_adn:hover h4.title a {
color: #0c5adb;;
}
.blog-post.style17 .single_blog_adn p.description {
transition: .5s;
font-size: 17px;
line-height: 26px;
color: #9ea1a5;
font-family: "Nunito";
font-weight: 500;
margin: 8px 0 18px 0;
}
.blog-post.style17 .single_blog_adn a.read-more {
font-size: 16px;
line-height: 28px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
display: inline-block;
transition:0.4s;
}
.blog-post.style17 .single_blog_adn a:hover.read-more {
color: #0c5adb;
}
.blog-post.style17 .single_blog_adn a.read-more i {
font-size: 14px;
line-height: 28px;
color: #ffffff;
font-weight: 600;
padding: 0 0 0 10px;
position: relative;
top: 1px;
transition: 0.4s;
}
.blog-post.style17 .single_blog_adn a:hover.read-more i {
color: #0c5adb;
}
.blog-post.style17 ul.post-categories li {
list-style: none;
}
.blog-post.style17 ul.post-categories li a {
font-size: 16px;
color: #0c5adb;
font-family: "Nunito";
text-align: right;
position: absolute;
right: 0;
bottom: 0;
}
.software-com-sub .mc4wp-form-fields .mailchimp-form input[type="email"] {
width: 70%;
color: #fff;
padding: 10px 20px 10px;
outline: 0;
height: 50px;
border-radius: 5px;
background-color: #020a18;
border: 1px solid rgba(255,255,255,0.17);
margin: 0 0 0 50px;
}
.software-com-sub .mc4wp-form-fields button {
position: absolute;
right: 0;
top: 0;
border: none;
padding: 0;
width: 110px;
color: #fff;
height: 50px;
border-radius:0 5px 5px 0;
background-image: linear-gradient(270deg, #0b59db 0%, #001c4b 100%);
font-size: 15px;
transition:0.4s;
}
.software-com-sub .mc4wp-form-fields button:hover {
background-image: linear-gradient(270deg, #001c4b 0%, #0b59db 100%);
}i{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
a{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
} .site-header .transparent-menu.sticky{
background-color: #021327;
}
rs-layer#slider-8-slide-13-layer-5 {
text-decoration: underline !important;
} .nav-menu ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nav-menu .menu-ul li{
position: relative;
margin-right: 10px;
}
.nav-menu .menu-ul li a{
display: inline-block;
padding: 15px 10px;
}
.nav-menu .menu-ul li .sub-menu{
position: absolute;
display: block;
background-color: red;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
top: 150%;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.nav-menu .menu-ul li .sub-menu li{
margin: 0;
}
.nav-menu .menu-ul li .sub-menu li a{
display: block;
}
.nav-menu .menu-ul li:hover .sub-menu{
top: 100%;
opacity: 1;
visibility: visible;
}
.nav-menu .menu-toggle{
display: none;
}
@media (max-width: 768px){
.nav-menu .menu-toggle{
display: block;
}
.nav-menu .menu-ul {
position: absolute;
top: 100%;
display: block;
background-color: yellow;
width: 100%;
display: none;
}
.nav-menu ul li a{
width: 100%;
}
} .elementor-tab-content {
border-radius: 0 0  10px 10px;
}
.elementor-tab-content ul {
padding-left: 27px;
list-style: none;
}
.elementor-tab-title {
font-family: 'Rajdhani';
color: #232323;
font-size: 19px;
}
.elementor-tab-title.elementor-active {
border-radius:10px 10px 0 0 ;
}
.elementor-tab-content ul li {
color: #232323;
font-family: rajdhani;
font-weight: 600;
font-size: 18px;
margin: 10px 0;
position:relative;
}
.elementor-tab-content ul li:before {
content: "";
width: 22px;
height: 30px;
position: absolute;
left: -26px;
top: 6px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/checkpng.png);
z-index: 999;
background-repeat: no-repeat;
}
.em-video-image img {
border-radius: 10px;
}
.marquee a {
color: #fff;
font-size: 60px;
display: inline-block;
line-height: 70px;
font-family: 'Rajdhani';
font-weight: 700;
margin: 0 15px; 
} .slick-dots {
bottom: 0px !important;
position: relative;
}
.service-button a{
display: block;
} .single-slick {
position: relative;
min-height: 875px !important;
z-index: 1;
}
.slide-img, .parallax-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.dreamit-slick-slider .slick-dots {
bottom: 50px !important;
position: relative;
}
.dreamit-slick-slider .hero-text-wrap {
width: 63%;
}
.dreamit-slick-slider .hero-text-wrap h1 {
font-size: 58px;
color: #fff;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
}
.dreamit-slick-slider .hero-text-wrap h1 span{
color: #0c5adb;
}
.dreamit-slick-slider .hero-text-wrap h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
padding: 0 0 10px 56px;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
}
.dreamit-slick-slider .hero-text-wrap h4:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 40px;
height: 2px;
background: #0c5adb;
}
.dreamit-slick-slider .hero-text-wrap p {
font-size: 17px;
color: #B6B9C0;
margin-top: 24px;
width: 90%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
} .single-slick.style-two .hero-text-wrap h1 {
font-size: 66px;
color: #fff;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-weight: 700;
}
.single-slick.style-two .hero-text-wrap .btn {
padding: 14px 24px 14px 35px;
transition: .5s;
margin-top: 28px;
}
.single-slick.style-two .hero-text-wrap p {
margin-top: 24px;
width: 62%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 18px;
color: rgb(255, 255, 255);
max-inline-size: 40ch;
line-height: 30px;
position: relative;
z-index: 1;
border-left: 3px solid #0c5adb;
padding-left: 1rem;
} .lines {
padding: 15px 0 40px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.lines .line {
position: relative;
width: 87%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
overflow: hidden;
z-index: 5;
}
.lines .line::after {
content: "";
display: block;
position: relative;
height: 1px;
width: 35px;
top: 0;
left: 0px;
background-color: #0c5adb;
-webkit-animation: moveLeftBounces-two 35s linear infinite;
animation: moveLeftBounces-two 35s linear infinite;
overflow: hidden;
}
.lines .line:nth-child(1)::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(585px);
transform: translateY(585px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(585px);
transform: translateX(585px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .dreamit-slick-slider .hero-text-wrap .btn {
padding: 14px 20px 14px 30px;
font-weight: 500;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 30px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 16px;
font-family: 'Fira Sans';
}
.dreamit-slick-slider .hero-text-wrap .btn:after {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 30px;
transition: .5s;
}
.dreamit-slick-slider .hero-text-wrap .btn i {
font-size: 12px;
width: 30px;
height: 30px;
line-height: 32px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #0c5adb;
display: inline-block;
margin-left: 12px;
position: relative;
transition: .5s;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover {
color: #0c5adb;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover:after {
width: 100%;
left: 0;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover i {
background: #0c5adb;
color: #fff;
} .dreamit-slick-slider .call-button {
margin-left: 25px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .call-number span {
color: #858B97;
}
.dreamit-slick-slider .call-number h3 {
font-size: 17px;
font-weight: 500;
color: #fff;
margin-top: 5px;
}
.dreamit-slick-slider .call-number h3 a {
color: inherit;
}
.dreamit-slick-slider .call-icon i {
width: 60px;
height: 60px;
display: inline-block;
color: #0c5adb;
TEXT-ALIGN: CENTER;
border: 2px solid #0c5adb;
border-radius: 100%;
font-size: 28px;
line-height: 56px;
margin-right: 10px;
} .dreamit-slick-slider .slider-video-icon span{
margin-left: 22px;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.dreamit-slick-slider .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: -183px;
}
.dreamit-slick-slider .slider-single-image img {
display: block;
}
.dreamit-slick-slider .slider-single-image img {
filter: brightness(.5);
}
.dreamit-slick-slider .slider-video-icon {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
position: absolute;
left: 45%;
top: 45%;
text-align: center;
}
.dreamit-slick-slider .slider-video-icon a {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
color: #0c5adb;
background: #fff;
display: inline-block;
font-size: 26px;
position:relative; 
z-index:1;
}
.dreamit-slick-slider .slider-video-icon a:after {
position: absolute;
left: -10px;
top: -10px;
width: 100px;
height: 100px;
border: 3px dashed #fff;
z-index: -1;
content: "";
border-radius: 100%;
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.dreamit-slick-slider .text-center .hero-text-wrap p {
font-size: 18px;
margin: 16px auto 48px;
text-align: center;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
background-color: rgba(0,0,0,0.40);
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 80px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 80px;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
line-height: 80px;
color: #fff;
border: 0;
}
.slick-next {
background-color: rgba(0,0,0,0.40);
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 80px;
top: 50%;
width: 80px;
line-height: 80px;
color: #fff;
border: 0;
}
.slick-next:hover{
background-color: #0c5adb;
color: #FFF;
}
.slick-next:hover:before{
color: #FFF;
}
.slick-next::before {
font-size: 26px;
color: #fff;
}
.dreamit-slick-slider .slick-prev {
left: -94px;
}
.dreamit-slick-slider .slick-next {
right: -80px;
top: 50%;
opacity: 1;
color: #fff;
transition: .5s;
}
.dreamit-slick-slider:hover .slick-prev {
left: 50px;
}
.dreamit-slick-slider:hover .slick-next {
right: 50px;
}
.dreamit-slick-slider .slick-prev::before,
.dreamit-slick-slider .slick-next::before {
color: #fff;
font-size: 25px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "\f104";
font-family: FontAwesome;
}
.dreamit-slick-slider .slick-next:before {
content: "\f105";
font-family: FontAwesome;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: #0c5adb;
color: #FFF;
border: 0;
outline:0;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
color: #fff;
}
.rotateme {
position: absolute;
z-index: -1;
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
} .flip-box .flip-box-inner {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: .5s;
}
.flip-box .flip-box-inner .flip-box-wrap {
position: relative;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000px;
perspective: 1000px;
}
.flip-box .flip-box-inner .back-part,
.flip-box .flip-box-inner .front-part {
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: left;
-ms-flex-align: center;
height: 200px;
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: .5s;
overflow:hidden;
}
.flip-box .flip-box-inner .front-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 50px 32px 50px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,0.20);
}
.flip-box .flip-box-inner .front-part .front-background-overlay{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.flip-box .flip-box-inner .front-part .front-content-part{
width: 100%;
z-index: 1;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part {
margin-bottom: 30px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span, .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span {
display: inline-block;
text-align: center;
color: #fff;
font-size: 45px;
line-height: 1;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span {
color: #0c5adb;
font-size: 55px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span img,
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span img{
width: 60px;
height: 60px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-title-part {
margin-bottom: 10px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-title-part .front-title {
margin: 0;
font-weight: 700;
font-size: 23px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-desc-part .front-desc {
margin-bottom: 0;
font-size: 16px;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
color: #000;
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
margin-top: 25px;
font-family: 'Rajdhani';
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn i {
transition: all 0.4s ease 0s;
}
.front-part .front-content-part .front-btn-part .front-btn.icon-after i {
margin-left: 4px !important;
} .flip-box .flip-box-inner .back-part {
position: absolute;
z-index: -1;
padding: 26px 32px 26px;
border-radius: 3px;
background-color: #0c5adb;
}
.flip-box .flip-box-inner .back-part::before {
position: absolute;
content: "";
top: -112px;
right: -112px;
background: #fff;
width: 224px;
height: 224px;
border-radius: 50%;
transition: 0.4s;
opacity: 0.1;
z-index:-1;
}
.flip-box .flip-box-inner .back-part .back-background-overlay{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.flip-box .flip-box-inner .back-part .back-content-part{
width: 100%;
z-index: 1;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part {
display: inline-block;
margin-bottom: 30px;
text-align: left;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-icon-part .back-img {
display: inline-block;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-title-part {
margin-bottom: 10px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-title-part .back-title {
margin: 0;
font-weight: 700;
font-size: 23px;
color: #fff;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
color: #fff;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
font-size: 17px;
font-weight: 600;
font-family: 'Rajdhani';
color: #fff;
text-transform: uppercase;
margin-top: 25px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn i {
transition: all 0.4s ease 0s;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after span {
float: left;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {
margin-left: 5px !important;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before span {
float: right;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {
margin-left: 9px !important;
margin-top: -2px;
}
.flip-box .flip-box-inner.rs-flip-right .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-right .back-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-box .flip-box-inner.rs-flip-right .back-content-part {
right: 15px;
}
.flip-box .flip-box-inner.rs-flip-right:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-right:hover .front-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box .flip-box-inner.rs-flip-right:hover .back-content-part {
right: 0;
}
.flip-box .flip-box-inner.rs-flip-left .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-left .back-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box .flip-box-inner.rs-flip-left .back-content-part {
left: 15px;
}
.flip-box .flip-box-inner.rs-flip-left:hover .front-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-box .flip-box-inner.rs-flip-left:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.flip-box .flip-box-inner.rs-flip-left:hover .back-content-part {
left: 0;
}
.flip-box .flip-box-inner.rs-flip-up .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-up .back-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box .flip-box-inner.rs-flip-up .back-content-part {
top: 15px;
}
.flip-box .flip-box-inner.rs-flip-up:hover .front-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box .flip-box-inner.rs-flip-up:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-up:hover .back-content-part {
top: 0;
}
.flip-box .flip-box-inner.rs-flip-down .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-down .back-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box .flip-box-inner.rs-flip-down .back-content-part {
bottom: 15px;
}
.flip-box .flip-box-inner.rs-flip-down:hover .front-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box .flip-box-inner.rs-flip-down:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.flip-box .flip-box-inner.rs-flip-down:hover .back-content-part {
bottom: 0;
}
.flip-box .flip-box-inner:hover .back-part {
z-index: 1;
}
.flip-box .flip-box-inner:hover .front-part {
z-index: -1;
}
.flip-box:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}
.front-part, .back-part {
min-height: 320px;
} .flip-box.style-two .front-part .front-icon i {
color: #fff;
font-size: 50px;
opacity: 0.7;
}
.flip-box.style-two .front-part, .flip-box.style-two .back-part {
min-height: 250px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part {
position: relative;
bottom: 0;
z-index: 10;
background: transparent;
border: 1px solid #284961;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span {
margin-top: 3px;
margin-right: 30px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
color: #fff;
font-size: 16px;
margin-top: 25px;
background: #2b404f;
padding: 10px 20px;
border-radius: 3px;
background: rgba(43,64,79,0.50);
}
.flip-box.style-two.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: inherit;
font-size: 17px;
font-weight: 600;
font-family: 'Rajdhani';
background: rgba(255,255,255,0.15);
text-transform: uppercase;
margin-top: 25px;
color: #fff;
padding: 10px 20px;
border-radius: 3px;
}
.flip-box.style-two.flip-box .flip-box-inner .front-part .front-content-part .front-icon-part span, .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span {
display: inline-block;
text-align: center;
color: #fff;
font-size: 50px;
line-height: 1;
margin-top: 4px;
margin-right: 30px;
} .flip-box.style-three {
border-radius: 5px;
transition: .5s;
position: relative;
z-index: 1;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-title-part .front-title {
margin: 0;
font-weight: 600;
font-size: 26px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-title-part {
margin-bottom: 13px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-icon-part span img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 5px;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-icon-part {
margin-bottom: 15px;
}
.flip-box.style-three .flip-box-inner  .flip-box .flip-box-inner .back-part .back-content-part .back-icon-part span img {
width: 60px;
height: 60px;
}
.flip-box.style-three .flip-box-inner .back-part, .flip-box.style-three .flip-box-inner .front-part {
height: inherit;
filter: drop-shadow(0px 20px 50px rgba(164,177,198,0.3));
background-color: rgba(255,255,255,0.5019607843137255);
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: .5s;
background: #fff;
border-radius: 5px;
position: absolute;
border: none;
box-shadow: none;
}
.flip-box.style-three .flip-box-inner .front-part:before{
position: absolute;
content: "";
bottom: 62px; width: 100%;
border: 1px solid#E1E5E8;
left: 0;
}
.flip-box.style-three .flip-box-inner .back-part:after {
position: absolute;
content: "";
bottom: 62px; width: 100%;
border: 1px solid#E1E5E8;
left: 0;
}
.flip-box.style-three .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
color: #1e1e1e;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
margin-top: 26px;
font-family: 'Nunito'; 
}
.flip-box.style-three .flip-box-inner .back-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 32px 30px 18px;
border-radius: 5px;
background-color: #fff;
box-shadow: none;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-icon-part {
display: inline-block;
margin-bottom: 26px;
text-align: left;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-title-part .back-title {
margin: 0;
font-weight: 600;
font-size: 26px;
color: #1e1e1e; 
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-title-part {
margin-bottom: 15px;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
color: #686868;
}
.flip-box.style-three .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
font-size: 14px;
font-weight: 600;
font-family: 'Nunito';
color: #0c5adb;
text-transform: uppercase;
margin-top: 74px;
} .section-title{
position: relative;
}
.section-title .subtitle {
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
color: #0c5adb;
padding: 0 0 0 21px;
position: relative;
display: inline-block;
}
.section-title .subtitle:before {
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 10px;
background: #0c5adb;
content: "";
top: 5px;
border-radius: 100%;
}
.section-title .title {
font-size: 48px;
margin: 8px 0 0;
line-height: 1;
}
.section-title .title span{
color: #0c5adb;
}
.section-title .description {
font-size: 16px;
margin-bottom: 0;
margin-top: 10px;
}
.opacity-low{
opacity: 70%;
} .section-title.style3 .subtitle {
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
color: #0c5adb;
margin: 0 0 16px;
position: relative;
margin-left: 0px;
display: inline-block;
}
.section-title.style3 .subtitle::before {
position: absolute;
content: "";
top: 10px;
left: -55px;
margin: auto;
height: 2px;
width: 41px;
background: #0c5adb;
}
.section-title.style3 .subtitle:after {
position: absolute;
content: "";
top: 10px;
right: -55px;
margin: auto;
height: 2px;
width: 41px;
background: #0c5adb;
} .section-title.style7 .subtitle {
font-size: 18px;
text-transform: capitalize; color: #0c5adb;
padding: 0 0 36px 0;
position: relative;
display: inline-block;
}
.section-title.style7 .description {
font-size: 16px;
font-weight: 400;
margin-top: 19px;
}
.section-title.style7 .title {
font-size: 48px;
margin: 8px 0 0;
line-height: 1.1;
}
.section-title.style7 h5{
position:relative;
display:inline-block;
}
.section-title.style7 h5:before {
position: absolute;
left: 0;
top: 40px;
width: 60px;
height: 2px;
border-radius: 1px;
background-color: #d1e0f5;
content: "";
}
.section-title.style7 h5:after {
content: '';
position: absolute;
left: 0;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #0b5adb;
border-radius: 50%;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-LG;
animation-name: MOVE-LG;
-webkit-animation: MOVE-LG 35s linear infinite;
animation: MOVE-LG 7s linear infinite;
overflow: hidden;
top: 38px;
}
@-webkit-keyframes MOVE-LG {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
}
.center_title .section-title.style7 h5:before {
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.center_title .section-title.style7 h5:after {
content: '';
position: absolute;
left: -52px;
overflow: hidden;
top: 38px;
right: 0;
margin: auto;
} .section-title.style9 .subtitle {
font-size: 18px;
text-transform: capitalize;
padding: 9px 22px 9px;
border-radius: 20px;
background-color: rgba(255,255,255,0.5019607843137255);
border: 1px solid rgba(12,90,219,0.1);
margin: 0 0 16px;
}
.section-title.style9 .subtitle:before{
display:none;
}
.section-title.style9 .title {
font-size: 42px;
margin: 8px 0 0;
line-height: 50px;
} .feature-box.style1{
position: relative;
}
.feature-box.style1 {
text-align: left;
z-index: 99;
padding: 32px 30px 26px;
border-radius: 5px;
background: #fff;
overflow: hidden;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-radius: 10px;
display: flex;
}
.feature-box.style1:hover {
transform: translateY(-5px);
}
.feature-box.style1 .feature-number {
display: inline-block;
text-align: center;
float: left;
margin-right: 11px;
}
.feature-box.style1 .feature-box-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.feature-box.style1 .feature-box-title h2 {
font-size: 24px;
font-weight: 700;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 0 0 11px;
}
.feature-box.style1 .feature-box-desc {
font-weight: 400;
margin-bottom: 0;
transition: .5s;
}
.feature-box.style1 span.feature-box-number {
width: 50px;
height: 50px;
border-radius: 100%;
background-color: #0b5adb;
display: inline-block;
color: #fff;
line-height: 50px;
font-size: 20px;
font-weight: 700;
font-family: "Rajdhani";
}
.feature-box.style1 .feature-box-icon{
display:inline-block;
position:relative;
margin-bottom: 17px;
}
.feature-box.style1 .feature-box-icon i {
display: inline-block;
color: #fff;
font-size: 36px;
height: 86px;
width: 86px;
line-height: 80px;
text-align: center;
background: linear-gradient(0deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);;
border: 4px solid #fff;
border-radius: 50%;
box-shadow: 0px 10px 16px 0px rgba(145, 78, 255, 0.3);
transition: 0.5s;
} .feature-box.style2 {
text-align: center;
z-index: 99;
padding: 38px 30px 18px;
border: 1px solid #ebebfd;
border-radius: 5px;
background: #fff;
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.feature-box.style2:hover{
border: 1px solid transparent;
box-shadow: 12px 13px 90px 0px rgba(0, 204, 153, 0.07);
}
.feature-box.style2 .feature-box-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.feature-box.style2 .feature-box-title h2 {
font-size: 22px;
font-weight: 600;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 15px 0 15px;
}
.feature-box.style2 .feature-box-desc {
margin-bottom: 20px;
transition: 0.5s;
}
.feature-box.style2 .feature-box-icon{
display:inline-block;
position:relative;
margin-bottom: 17px;
}
.feature-box.style2 .feature-box-icon i {
display: inline-block;
color: rgba(119, 122, 242, 1);
font-size: 36px;
height: 86px;
width: 86px;
line-height: 80px;
text-align: center;
background: rgba(119, 122, 242, 0.15);
border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
transition: 0.5s;
} .feature-box.style-three .feature-box-icon i {
width: 70px;
height: 70px;
line-height: 70px;
background: #0c5adb;
display: inline-block;
text-align: center;
color: #fff;
font-size: 30px;
border-radius: 10px;
margin-bottom: 35px;
} .feature-box.style-four {
padding-left: 80px;
}
.feature-box.style-four .feature-box-thumb {
position: relative;
z-index: 1;
}
.feature-box.style-four .feature-box-thumb img {
border-radius: 10px 10px 0 0;
}
.feature-box.style-four .feature-box-thumb:before {
position: absolute;
content: "";
right: 0;
bottom: 8px;
width: 112%;
height: 112%;
background: #1C2842;
z-index: -1;
border-radius: 10px;
}
.feature-box.style-four .feature-box-content {
overflow: hidden;
background: #1C2842;
margin-top: -9px;
border-radius: 0 0 10px 10px;
padding: 20px 35px 20px;
text-align: left;
position:relative;
transition:.5s;
}
.feature-box.style-four .feature-box-title h2 {
color: #fff;
font-size: 24px;
}
.feature-box.style-four .feature-btn a {
position: absolute;
right: -31px;
height: 100px;
width: 100px;
text-align: center;
background: #17386d;
bottom: -31px;
line-height: 82px;
color: #fff;
border-radius: 100%;
transition:.5s;
}
.feature-box.style-four .feature-btn a i {
margin-right: 20px;
}
.feature-box.style-four .feature-btn a:hover{
background:#fff;
color:#0c5adb;
}
.feature-box.style-four:hover .feature-box-content{
background:#0c5adb;
} .dreamit-button .button {
padding: 12px 27px 12px 27px;
font-family: 'Rajdhani';
font-weight: 600;
color: #fff;
background: #0c5adb;
display: inline-block;
border-radius: 4px;
border: 1px solid #0c5adb;
position: relative;
z-index: 1;
overflow: hidden;
text-transform: uppercase;
font-size: 17px;
}
.dreamit-button .button:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #fff;
border-radius: 3px;
transition: .5s;
}
.dreamit-button .button i {
font-size: 11px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #0c5adb;
display: inline-block;
margin-left: 6px;
position: relative;
transition: .5s;
font-weight: 700;
}
.dreamit-button .button:hover {
color: #0c5adb;
}
.dreamit-button .button:hover:before {
width: 100%;
left: 0;
}
.dreamit-button .button:hover i {
background: #0c5adb;
color: #fff;
} .dreamit-button.style3 .dreamit-button a {
padding: 6px 25px;
font-size: 15px;
font-weight: 500;
border: 1px solid #0c5adb;
font-family: 'Fira Sans';
color: #fff;
background: #0c5adb;
border-radius: 30px;
display: inline-block;
margin-left: 15px;
position: relative;
z-index: 1;
}
.dreamit-button.style3 .dreamit-button a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 30px;
background: #10102E;
transform: scale(0);
transition: .5s;
}
.dreamit-button.style3 .dreamit-button a:hover:before{
transform: scale(1);
} .dreamit-button.style7 .btn_button{
position: relative; }
.dreamit-button.style7 .dreamit-button a {
display: inline-block;
position: relative;
border: 1px solid#1e1e1e;
border-radius: 30px;
padding: 16px 45px;
color: #1e1e1e;
background: #1e1e1e;
overflow: inherit;
color: #041424;
font-weight: 500;
font-family: "Nunito";
text-transform: capitalize;
}
.dreamit-button.style7 .dreamit-button a:after {
position: absolute;
content: "";
bottom: 3px;
left: -3px;
height: 100%;
width: 100%;
background: #fff;
border-radius: 30px;
border: 1px solid#1e1e1e;
z-index: -1;
transition: all 400ms linear;
}
.dreamit-button.style7 .dreamit-button a:hover:after{
left:0;
bottom:0;
} 
.dreamit-button.style7 .button:before {
display:none;
}
.dreamit-button.style7 .dreamit-button .button i {
font-size: 18px;
width: inherit;
height: inherit;
line-height: 0;
text-align: center;
background: transparent;
color: #041424;
}
.dreamit-button.style7 .dreamit-button .button:hover i {
background: transparent;
color: #041424;
}  .service-box.style1 {
padding: 0px 25px 30px;
background-color: #fff;
border: 1px solid rgba(35, 35, 35, 0.1);
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.service-box.style1::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 80px;
height: 80px;
background: #0c5adb;
transition: .5s;
opacity: 0;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
}
.service-box.style1 .title {
font-size: 26px; padding: 0 0 42px; position: relative;
z-index: 1;
transition: .5s;
margin: 0; }
.service-box.style1 .title:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
right: 0;
bottom: 22px;
margin: auto;
width: 40px;
height: 2px;
background: #0c5adb;
transition: .5s;
}
.service-box.style1 .service-box-number {
COLOR: #232323;
DISPLAY: block;
FONT-SIZE: 55PX;
TEXT-ALIGN: LEFT;
font-weight: 700;
opacity: 10%;
position: absolute;
left: 11px;
top: 19px;
}
.service-box.style1 .icon {
position: relative;
margin-top: -42px;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
background-color: #ffffff;
border: 1px solid rgba(35, 35, 35, 0.1);
transition: .5s;
display: inline-block;
margin-bottom: 40px;
}
.service-box.style1 .icon i{
font-size:35px;
color:#0c5adb;
transition:.5s;
}
.service-box.style1:hover .icon i{
color:#fff;
}
.service-box.style1 .icon img {
transition: .5s;
}
p.description {
transition: .5s;
} .service-box.style1:hover .title,
.service-box.style1:hover .content p {
color: #fff;
}
.service-box.style1:hover .icon img {
filter: brightness(0) invert(1);
}
.service-box.style1:hover .icon {
background: #0c5adb;
}
.service-box.style1:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
.details-page .icon-box.style1 .icon-box-icon {
padding-right: 20px;
flex-shrink: 0;
} .service-box.style1 .service-btn a {
padding: 8px 18px 8px 24px;
font-size: 15px;
font-family: 'Rajdhani';
border-radius: 22px;
background-color: #ffffff;
color: #232323;
border: 1px solid rgba(35, 35, 35, 0.1);
display: inline-block;
margin-top: 11px;
position: relative;
z-index: 1;
transition: .5s;
font-weight: 600;
}
.service-box.style1 .service-btn a:before {
position: absolute;
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #10102E;
border-radius: 30px;
transform: scale(0);
transition: .5s;
}
.service-box.style1 .service-btn a i {
font-size: 12px;
color: #0c5adb;
display: inline-block;
position: relative;
margin-left: 5px;
transition: .5s;
}
.service-box.style1:hover .service-btn a:before {
transform: scale(1);
}
.service-box.style1:hover .service-btn a {
color: #fff;
border: 1px solid #fff;
}
.service-box.style1:hover .service-btn a i {
color: #fff;
} .service_box.style1 {
padding: 45px 19px 49px 40px;
border: 0;
text-align: left;
position: relative;
z-index: 1;
margin-bottom: 30px;
overflow: hidden;
border-top: 5px solid #0c5adb;
transition: .5s;
background: #fff;
box-shadow: 0px 5px 30px 0px rgb(137 139 143 / 10%);
}
.service_box.style1:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 80px;
height: 80px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/box-bg2.png);
transition: all 400ms linear;
opacity: 0;
z-index: -1;
}
.service_top{
transition: all 400ms linear;
}
.service_box.style1 .icon {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 17px;
}
.service_box.style1 .icon:after {
position: absolute;
content: "";
top: 10px;
left: 14px;
height: 74px;
width: 74px;
background: #f5f5f5;
border-radius: 100%;
z-index: -1;
}
.service_box.style1 .service_content h3 {
margin: 11px 0 14px 0;
font-size: 24px;
font-weight: 600;
}
.service_box.style1 .service_bar {
background: #0c5adb;
height: 3px;
width: 64px;
position: relative;
border-radius: 30px;
margin-top: 34px;
}
.service_box.style1 .service_bar:before {
position: absolute;
content: "";
top: 0px;
left: 0;
height: 3px;
width: 10px;
border-radius: 50%;
background: #fff;
border-radius: 10%;
-webkit-animation: MOVIE-BG 4s linear infinite alternate;
animation: MOVIE-BG 4s linear infinite alternate;
} .service_box.style1 .service_back {
position: absolute;
top: 0;
left: 0;
height: 44%;
width: 100%;
text-align: left;
background: #131323ed;
padding: 32px 20px 0 46px;
transform: perspective(500px)rotateX(-90deg);
opacity: 1;
transform-origin: 50% 0%;
transition: all 400ms linear;
}
.service_box.style1 .service_back .description {
color: #0c5adb;
font-size: 16px;
font-weight: 500;
font-family: 'Fira Sans';
margin: 0 0 0;
position: relative;
left: 40px;
}
.service_box.style1 .service_back .description:before {
position: absolute;
content: "";
top: 10px;
left: -40px;
height: 2px;
width: 35px;
background: #0c5adb;
}
.service_box.style1 .service_back .title {
margin: 7px 0 14px 0;
font-size: 24px;
font-weight: 600;
color: #fff;
}
.service_box.style1 .service_number {
display: inline-block;
text-align: center;
position: absolute;
right: 0;
top: 74px;
margin: auto;
height: 58px;
width: 58px;
background: #0c5adb;
line-height: 58px;
border-radius: 100%;
left: 0;
bottom: -73px;
font-size: 24px;
color: #fff;
cursor: pointer;
} .service_box.style1:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
.service_box.style1:hover .service_top{
opacity: 0;
}
.service_box.style1:hover .service_back {
transform: perspective(500px)rotateX(0deg);
} @keyframes MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .service-box.style6 {
background: #fff;
text-align: center;
transition: .5s;
padding: 0px 20px 32px;
filter: drop-shadow(0px 10px 50px rgba(217,217,217,0.5));
background-color: #ffffff;
border-radius: 3px;
}
.service-box.style6 .service-box-img {
position: relative;
z-index: 1;
display: inline-block;
}
.service-box.style6 .service-box-icon {
width: 85px;
height: 85px;
border-radius: 43px;
background-color: #f3f8fd;
border: 2px solid #ffffff;
line-height: 114px;
position: relative;
top: -38px;
}
.service-box.style6 .service-box-icon:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #0B5AD9;
border-radius: 100%;
z-index: -1;
transition: all 400ms linear;
}
.service-box.style6:hover .service-box-icon:after{
top:7px;
}
.service-box.style6 .service-box-title h3 {
font-size: 24px;
font-weight: 600;
margin: 0 0 14px;
}
.service-box.style6 .service-btn a {
display: inline-block;
background: #0C59DB;
color: #fff;
padding: 7px 36px;
transition: .5s;
border-radius: 30px;
margin-top: 13px;
border: 1px solid#0C59DB;
}
.service-box.style6:hover .service-btn a{
background:transparent;
color:#0C59DB;
} .service-box.style10 {
border-radius: 30px;
background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
padding: 40px 30px 35px;
position: relative;
z-index: 2;
transition: .5s;
}
.service-box.style10:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
transition: .5s;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/07/toptech-half-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
transition: all 400ms linear;
opacity: 0;
}
.service-box.style10:hover:after{
opacity:1;
}
.service-box.style10:hover h3,
.service-box.style10:hover p.description{
color:#fff;
}
.service-box.style10 h3{
font-size: 24px;
line-height: 32px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
margin: 27px 0 12px;
transition: all 400ms linear;
}
.service-box.style10 .service-btn a {
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #e2ecff;
display: inline-block;
text-align: center;
line-height: 40px;
border: 2px solid#fff;
transition: .5s;
margin-top: 6px;
transition: all 400ms linear;
color: #1e1e1e;
font-size: 12px;
}
.service-box.style10:hover .service-btn a{
background-color:transparent;
color:#fff;
} .service-box.style11 .thumb img {
width: 100%;
}
.service-box.style11 .content {
border-radius: 5px;
filter: drop-shadow(0px 5px 30px rgba(117,117,117,0.1));
background-color: #ffffff;
text-align: left;
position: relative;
width: 87%;
left: 0;
right: 0;
margin: auto;
top: -21px;
padding: 32px 36px 24px;
}
.service-box.style11 h3.title_text {
font-size: 22px;
font-weight: 500;
margin: 0 0 17px;
}
.service-box.style11 ul.features li {
display: block;
margin-bottom: 6px;
}
.service-box.style11 ul.features li img{
margin-right: 6px;
}
.service-box.style11 .service-box-title h3 {
font-size: 22px;
margin: 0;
margin-bottom: 14px;
font-weight: 600;
color: #001819;
} .lines.about {
padding: 0px 0 4px;
animation: inherit;
}
.lines.about .line {
width: 100%;
}
.dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #fff;
padding: 4px 0 10px;
font-style: italic;
}
.line .lines .line {
background-color: rgba(35, 35, 35, 0.1);
} .about .dreamit-icon-title h4 {
color: #232323;
} .dreamit-icon-title-two .dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #232323;
font-style: inherit;
}
.dreamit-icon-title h4 span {
color: #0c5adb;
}
.dreamit-custom-title h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
}
.dreamit-custom-title h4:before {
position: absolute;
content: "";
left: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
}
.dreamit-custom-title h4:after {
position: absolute;
content: "";
right: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
} .dreamit-custom-title-two .dreamit-custom-title h4 {
color: #232323;
}
.dreamit-custom-title-two .dreamit-custom-title h4:before {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
}
.dreamit-custom-title-two .dreamit-custom-title h4:after {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
} .line-two .lines.about .line {
width: 100%;
background-color: #E0E0E0;
} .icon-box.style1{
display: flex;
align-items: center;
padding-bottom: 5px;
}
.icon-box.style1 .icon-box-icon {
padding-right: 23px;
}
.icon-box.style1 .icon-box-content h2 {
font-size: 21px;
font-weight: 700;
margin: 0 0 7px 0;
}
.icon-box.style1 .icon-box-content .description p {
margin: 0;
}
.icon-box.style1 .icon-box-icon .icon { border-radius: 50%; }
.icon-box.style1 .icon-box-icon .icon i {
display: inline-block;
font-size: 38px;
color: #0c5adb;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
background-color: #d4e1f7;
border-radius: 4px;
}
.signature .img-icon img {
border-radius: 100%; }
.signature .icon-box.style1 .icon-box-content h2 {
font-size: 19px;
font-weight: 600;
margin: 0 0 0px 0;
}
.signature .icon-box.style1 .icon-box-content .description p {
margin: 0;
font-size: 15px;
} .icon-box.style3 {
display: flex;
align-items: center;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
}
.icon-box.style3 .icon-box-icon {
flex-shrink: 0;
padding-right: 15px;
}
.icon-box.style3 .icon i {
font-size: 11px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
background-color: #0c5adb;
border-radius: 50%;
color: #fff;
}
.icon-box.style3 .icon-box-content .title {
font-size: 20px;
font-family: var(--title-font);
margin: 0 0 0;
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 16px;
}
.icon-box.style3 .icon-box-content .description {
color: var(--main-color);
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
} .icon-box.style4 .icon-box-content h4 {
font-size: 20px;
font-weight: 500;
font-family: 'Fira Sans';
margin: 0 0 7px;
padding: 0 0 0 32px;
position: relative;
}
.icon-box.style4 .icon-box-content p {
font-size: 15px;
}
.icon-box.style4 .icon-box-content h4:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 11px;
width: 22px;
border: 1px solid #0c5adb;
} .icon-box.style5 {
display: block;
}
.icon-box.style5 .icon-box-icon {
display: inline-block;
margin-right: 9px;
position: relative;
top: 6px;
}
.icon-box.style5 h4.title {
display: inline-block;
font-size: 22px;
font-weight: 600;
margin: 0 0 11px;
} .icon-box.style6 .icon {
height: 92px;
width: 92px;
line-height: 98px;
background: #fff;
text-align: center;
border-radius: 100%;
display: inline-block;
}
.icon-box.style6 .icon-box-icon{
display: inline-block;
margin-right: 125px;
border: 2px dashed #ffffff;
border-radius: 50%;
padding: 8px;
}
.icon-box.style6 .icon i {
font-size: 45px;
color: #0c5adb;
transition: 0.5s;
animation: 1s ease-in-out 0s normal none infinite running kmacb-circle-img-anim;
display: inline-block;
font-size: 27px
} .icon-box.style7 {
border-bottom: 1px solid#292F3F;
padding-bottom: 20px;
margin-bottom: 2px;
} .icon-box.style7 .icon {
display: inline-block;
margin-right: 22px;
}
.icon-box.style7 .icon i {
display: inline-block;
height: 62px;
width: 62px;
line-height: 62px;
text-align: center;
background: #fff;
background: rgb(255,255,255,0.2);
color: #fff;
border-radius: 5px;
font-size: 27px;
transition: .5s;
}
.icon-box.style7 .icon-box-content .title {
color: #fff;
font-size: 22px;
font-weight: 700;
margin: 0 0 4px;
}
.icon-box.style7 .icon-box-content .description {
color: #fff;
opacity: 0.8;
font-size: 14px;
margin: 0;
} .icon-box.style7:hover .icon i{
background: #0c5adb;
} .icon-box.style9 .icon {
width: 60px;
height: 60px;
border-radius: 30px;
background-color: rgba(12,89,215,0);
border: 2px solid #0c59d7;
line-height: 60px;
text-align: center;
margin-right: 30px;
}
.icon-box.style9 .icon i {
color: #0c59d7;
font-size: 24px;
font-weight: 700;
}
.icon-box.style9 h4.title {
margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
}
.icon-box.style9 p.description {
margin: 0;
font-size: 24px;
font-weight: 600;
color: #0c59d7;
font-family: 'Rajdhani', sans-serif;
} .icon-box.style10 {
background: #fff;
border-radius: 5px;
}
.icon-box.style10 .icon {
width: 56px;
height: 56px;
border-radius: 30px;
background-color: rgba(12,89,215,0);
border: 2px solid #0c59d7;
line-height: 56px;
text-align: center;
margin-right: 30px;
}
.icon-box.style10 h4.title {
margin: 0 0 6px;
font-size: 23px;
font-weight: 600;
}
.icon-box.style10 .icon i {
color: #0c59d7;
font-size: 24px;
font-weight: 700;
}
.icon-box.style10 p.description {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #0c59d7;
font-family: 'Rajdhani', sans-serif;
}
.defaul-style .icon-box.style1 .icon-box-content h2{
color:#fff;
} .icon-box.style17 {
display: flex;
align-items: center;
background: #fff;
padding: 14px 13px;
border-radius: 50px;
transition: .5s;
}
.icon-box.style17 h2.title {
margin: 0 0 0;
font-size: 26px;
font-weight: 600;
}
.icon-box.style17 .img-icon {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 35px;
background-color: #dfebff;
line-height: 84px;
text-align: center;
transition: .5s;
margin-right: 20px;
}
.icon-box.style17:hover{
background-color: #0c5adb; 
}
.icon-box.style17:hover .img-icon{
background-color: #fff; 
}
.icon-box.style17:hover h2.title{
color: #fff; 
} @keyframes kmacb-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
} .circle-progress {
display: inline-block;
position: relative;
}
.circle-progress h2 {
text-align: left;
font-size: 18px;
display: inline-block;
position: relative;
left: 15px;
line-height: 28px;
font-weight: 500;
margin: 0;
}
.progress {
width: 89px!important;
height: 89px!important;
line-height: 150px;
margin: 0;
box-shadow: none;
display: inline-block;
position: relative;
background: transparent!important;
}
.progress:after {
content: "";
width: 90%;
height: 90%;
border-radius: 50%;
border: 6px solid #eee;
position: absolute;
top: 0;
left: 0;
}
.progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress .progress-left {
left: 0;
}
.progress .progress-bar {
width: 90%;
height: 90%;
background: none;
border-width: 6px;
border-style: solid;
position: absolute;
top: 0;
border-color: #0c5adb;
}
.progress .progress-left .progress-bar {
left: 91%;
border-top-right-radius: 75px;
border-bottom-right-radius: 75px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress .progress-right {
right: 0;
}
.progress .progress-right .progress-bar {
left: -96%;
border-top-left-radius: 75px;
border-bottom-left-radius: 75px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.progress .progress-value {
display: flex;
border-radius: 50%;
font-size: 22px;
text-align: center;
line-height: 20px;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
font-weight: 400;
color: #232323;
}
.progress .progress-value span {
font-size: 18px;
text-transform: uppercase;
} .progress[data-percentage="10"] .progress-right .progress-bar {
animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="20"] .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="30"] .progress-right .progress-bar {
animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="40"] .progress-right .progress-bar {
animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="50"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="60"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
animation: loading-1 1.5s linear forwards 1.5s;
}
.progress[data-percentage="70"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.5s;
}
.progress[data-percentage="80"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
animation: loading-3 1.5s linear forwards 1.5s;
}
.progress[data-percentage="90"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
animation: loading-4 1.5s linear forwards 1.5s;
}
.progress[data-percentage="100"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
animation: loading-5 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36);
transform: rotate(36deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(72);
transform: rotate(72deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(108);
transform: rotate(108deg);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144);
transform: rotate(144deg);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180);
transform: rotate(180deg);
}
} .single-counter {
text-align: center;
overflow: hidden;
padding: 47px 0 30px;
}
.single-counter .icon {
margin-bottom: 40px;
display: none;
}
.single-counter .icon i {
font-size: 50px;
color: #0c5adb;
}
.counter-content span {
font-size: 45px;
font-weight: 700;
margin-bottom: 14px;
display: inline-block;
font-family: 'Rajdhani';
color: #0c5adb;
}
.counter-content .suffix {
color: #0c5adb;
}
.counter-content h6 {
color: #232323;
font-size: 22px;
font-weight: 600;
font-family: 'Rajdhani';
} .single-counter.style_two .counter-content span {
font-size: 30px;
font-weight: 600;
margin-bottom: 14px;
}
.single-counter.style_two .counter-content .suffix {
color: #0c5adb;
font-family: 'Fira sans';
}
.single-counter.style_two .counter-content h6 {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: 'poppins';
} .single-counter.style_four {
text-align: left;
overflow: inherit;
padding: 0 0 0;
}
.single-counter.style_four .counter-content h6 {
color: #232323;
font-size: 22px;
font-weight: 600;
font-family: 'Nunito';
margin: 0;
}
.single-counter.style_four .counter-content span {
font-size: 30px;
font-weight: 600;
margin-bottom: 10px;
display: inline-block;
font-family: 'Nunito';
color: #232323;
} .single-counter.style5 {
text-align: left;
overflow: hidden;
padding: 0 0 0;
display: flex;
align-items: center;
}
.single-counter.style5 .icon {
margin-bottom: 0;
display: block;
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #256bdf;
line-height: 102px;
text-align: center;
margin-right: 22px;
}
.single-counter.style5 .counter-content .suffix {
color: #fff;
font-weight: 600;
margin: 0;
}
.single-counter.style5 .counter-content span {
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
display: inline-block;
font-family: 'Rajdhani';
color: #fff;
}
.single-counter.style5 .counter-content h6 {
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: 'Nunito';
} .single-counter.style6{
position:relative;
z-index:2;
}
.single-counter.style6 .counter-content.counter {
width: 160px;
height: 160px;
border-radius: 80px;
background-color: rgba(255,255,255,0);
border: 2px solid rgba(12,90,219,0.2);
line-height: 160px;
transition: .5s;
margin: auto;
position:relative;
}
.single-counter.style6 .counter-content.counter:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 120px;
height: 120px;
border-radius: 60px;
background-color: #ffffff;
z-index: -1;
right: 0;
margin: auto;
bottom: 0;
}
.single-counter.style6:hover .counter-content.counter{
border-color:#0c5adb;
}
.single-counter.style6 h6 {
font-size: 18px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
text-align: center;
margin: 23px 0 0;
} .em-service.style_5 {
padding: 31px 33px  25px;
background: #f4f7fa;
border-radius: 10px;
margin: 0 10px;
text-align: left;
transition: .5s;
margin-top: 14px;
}
.em-service.style_5:hover {
transform: translateY(-10px);
}
.em-service.style_5 .em-service-thumb {
display: inline-block;
}
.em-service.style_5 .em-service-title h2 {
font-size: 25px;
margin: 19px 0 13px;
font-weight: 600;
position: relative;
margin-left: 0px;
display: inline-block;
padding-top: 0;
}
.em-service.style_5 .service-box-desc p {
margin: 0 0 11px;
}
.service_cursousel_sliderr5 .slick-dots {
bottom: -100px !important;
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.service_cursousel_sliderr5 ul.slick-dots li {
display: inline-block;
text-align: center;
margin: 0 4px;
transition:.5s;
}
.service_cursousel_sliderr5 button {
height: 40px;
width: 40px;
border-radius: 50%;
border: none;
}
.service_cursousel_sliderr5 button:hover {
background-color: #0c5adb;
border-color: #0c5adb;
color: #fff;
}
.service_cursousel_sliderr5 .service-btn a i {
margin-left: 5px;
}
.service_cursousel_sliderr5 .service-btn a{
margin-top: 8px;
} .service_section.style1 {
padding: 50px 40px 43px;
transition: .5s;
position:relative;
z-index:1;
}
.service_section.style1:before {
content: "";
left: 0;
width: 100%;
height: 0%;
bottom: 0;
background: #0c5adb;
position: absolute;
z-index: -1;
border-radius: 15px;
transition: .5s;
}
.service_section.style1:hover:before{
height:100%; 
}
.service_section.style1 .service_img {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 15px;
background-color: #ffffff;
line-height: 117px;
text-align: center;
}
.service_section.style1 .service_img img {
width: 53px;
}
.service_section.style1 .service_content h3 {
font-size: 28px;
line-height: 28px;
color: #041424;
margin: 28px 0 0;
transition:.5s;
}
.service_section.style1 .service_content p {
margin-top: 8px;
margin-bottom: 0;
transition:.5s;
}
.service_section.style1 .service_body {
padding-top: 19px;
}
.service_section.style1 ul.features li {
color: #686868;
font-weight: 400;
font-family: "Nunito";
list-style: none;
font-size: 16px;
margin: 0 0 8px;
transition:.5s;
}
.service_section.style1 ul.features li img{
margin-right:7px;
transition:.5s;
}
.service_section.style1:hover  ul.features li img {
filter: brightness(0)invert(1);
}
.service_section.style1 .service_btn a {
color: #041424;
font-weight: 600;
font-family: 'Rajdhani';
display: inline-block;
margin-top: 18px;
font-size: 17px;
transition:.5s;
}
.service_section.style1:hover .service_btn a{
color:#0c5adb;
}
.service_section.style1:hover .service_content h3,
.service_section.style1:hover .service_content p,
.service_section.style1:hover .service_btn a,
.service_section.style1:hover ul.features li{
color:#fff;
} .service_section.style2 {
position: relative;
z-index: 2;
}
.service_section.style2 .service_body h3 {
font-size: 40px;
font-weight: 600;
margin: 0 0 0;
color: #fff;
}
.service_section.style2 .service_body {
position: absolute;
bottom: 42px;
left: 30px;
width: 85%;
}
.service_section.style2 ul.features li {
border-radius: 5px;
background-color: rgba(255,255,255,0.2);
display: inline-block;
padding: 2px 12px;
margin-right: 8px;
cursor: pointer;
font-size: 14px;
color: #ffffff;
font-weight: 500;
font-family: "Nunito";
}
.service_section.style2 .service_body p {
color: #fff;
font-size: 22px;
font-weight: 600;
margin: 0 0 18px;
}
.service_section.style2 ul.features {
border-top: 2px solid #334C60;
padding: 22px 0 0;
} .team.style1{
text-align: center;
background-color: #021327;
padding: 35px 20px 17px;
}
.team.style1:hover{
background: linear-gradient(220deg, #0c5adb, #740fd6);
box-shadow: none;
}
.team.style1 .image img{
height: 120px;
width: 120px;
object-fit: cover;
border-radius: 50%;
}
.team.style1 .bio .name{
color: #fff;
font-size: 22px;
font-weight: 600;
margin-bottom: 8px;
}
.team.style1 .bio .designation{
color: #828fa0;
}
.team.style1 .content .social-icon{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.team.style1 .content .social-icon li{
margin-bottom: 5px;
margin-right: 5px;
}
.team.style1 .content .social-icon li a{
display: inline-block;
}
.team.style1 .content .social-icon li a i{
display: inline-block;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background-color: #1f3654;
border-radius: 3px;
}
.team.style1 .content .social-icon li a i:hover{
background-color: #0c5adb;
} .team.style2 {
position: relative;
z-index: 1;
}
.team.style2 .team-content {
position: absolute;
bottom: -66px;
left: 0;
right: 0;
border-radius: 10px;
}
.team.style2 img {
border-radius: 14px;
}
.team.style2 .bio {
padding: 10px 0 17px;
background: #0c5adb;
text-align: center;
width: 80%;
position: relative;
z-index: 1;
left: 10%;
border-radius: 10px 10px 0 0;
transform: perspective(500px)rotateX(90deg);
-webkit-transition: all 400ms linear 0ms;
transition: all 400ms linear 0ms;
}
.team.style2 ul.social-icon {
position: relative;
z-index: 1;
left: 10%;
width: 80%;
background: #131323;
text-align: center;
padding: 14px 0 14px;
border-radius: 0 0 10px 10px;
transform: perspective(500px)rotateX(-90deg);
-webkit-transition: all 400ms linear 0ms;
transition: all 400ms linear 0ms;
}
.team.style2 .bio h2 {
font-size: 22px;
padding: 0 0 4px;
color: #fff;
}
.team.style2 h5.designation {
font-size: 16px;
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
margin: 0 0 5px;
}
.team.style2 ul.social-icon li {
display: inline-block;
color: #fff;
font-size: 14px;
margin-right: 6px;
}
.team.style2 ul.social-icon li a{
color: #fff;
position: relative;
z-index: 1;
display: inline-block;
width: 38px;
height: 38px;
line-height: 41px;
text-align: center;
border-radius: 50px;
background-color: #373644;
display: inline-block;
color: #fff;
font-size: 14px;
margin-right: 6px;
position: relative;
z-index: 1;
overflow: hidden;
}
.team.style2 ul.social-icon li a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #0c5adb;
transform: scale(0);
border-radius: 50px;
transition: .5s;
}
.team.style2 ul.social-icon li a:hover:before{
transform: scale(1);
} .team.style2:hover .bio {
transform: perspective(500px)rotateX(0deg);
}
.team.style2:hover ul.social-icon {
transform: perspective(500px)rotateX(0deg);
} .team.style1{
text-align: center;
background-color: #021327;
padding: 35px 20px 17px;
}
.team.style1:hover{
background: linear-gradient(220deg, #0c5adb, #740fd6);
box-shadow: none;
}
.team.style1 .image img{
height: 120px;
width: 120px;
object-fit: cover;
border-radius: 50%;
}
.team.style1 .bio .name{
color: #fff;
font-size: 22px;
font-weight: 600;
margin-bottom: 8px;
}
.team.style1 .bio .designation{
color: #828fa0;
}
.team.style1 .content .social-icon{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.team.style1 .content .social-icon li{
margin-bottom: 5px;
margin-right: 5px;
}
.team.style1 .content .social-icon li a{
display: inline-block;
}
.team.style1 .content .social-icon li a i{
display: inline-block;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background-color: #1f3654;
border-radius: 3px;
}
.team.style1 .content .social-icon li a i:hover{
background-color: #0c5adb;
} .team-carousel.style2{
text-align: center;
}
.team-carousel.style2 .single-team{
margin-bottom: 30px;
}
.team-carousel.style2 .image{
position: relative;
overflow: hidden;
}
.team-carousel.style2 .image img{
width: 100%;
}
.team-carousel.style2 .image .social-icon {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
left: 0;
right: 0;
bottom: -100px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
height: 100px;
align-items: center;
background-color: rgba(255, 255, 255, 0.6);
}
.team-carousel.style2 .single-team:hover .image .social-icon{
bottom: 0;
}
.team-carousel.style2 .image .social-icon li{
margin-bottom: 5px;
margin-right: 5px;
}
.team-carousel.style2 .image .social-icon li a{
display: inline-block;
}
.team-carousel.style2 .image .social-icon li a i{
display: inline-block;
color: #fff;
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background-color: var(--title-color);
border-radius: 50%;
}
.team-carousel.style2 .image .social-icon li a i:hover{
background-color: var(--main-color);
}
.team-carousel.style2 .bio .name{
font-size: 20px;
font-weight: 600;
margin: 0 0 8px;
}
.team-carousel.style2 .bio .designation{
color: #57647c;
font-size: 15px;
font-weight: normal;
}
.team-carousel.style2 .content{
padding: 25px;
box-shadow: 0px 0px 30px 0px rgba(45, 105, 255, 0.13);
} .team.style5 {
position: relative;
text-align: center;
}
.team.style5 .image {
position: relative;
z-index: 1;
line-height: 0;
}
.team.style5 .image img{
width:100%;
}
.team.style5 .image:before{
position:absolute;
content:"";
top:0;
left:0;
height:100%;
width:100%;
border-radius: 5px;
background-color: rgba(4,20,36,0.8);
transition:.4s;
opacity:0;
}
.team.style5:hover .image:before{
opacity:1;
}
.team.style5 .team-content {
background: transparent;
padding: 33px 30px 62px;
border-radius: 4px;
position: relative;
z-index: 1;
text-align: left;
display: flex;
}
.team.style5 .team-content:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/04/09_Team.png);
z-index: -1;
transition: .5s;
background-repeat: no-repeat;
background-position: center center;
background-size: cover!important;
}
.team.style5:hover .team-content:after{
background:url(https://wp.ditsolution.net/toptech/wp-content/uploads/2024/04/09_Team-1.png);  
}
.team.style5 .team-content .bio .name a{
font-size: 24px;
font-weight: 600;
margin: 0 0 6px;
}
.team.style5 .team-content .bio .designation {
font-size: 16px;
font-weight: 500;
color: #0c5adb;
margin: 19px 0 0;
}
.team.style5 h2.name {
line-height: 0;
}
.team.style5:hover .team-content .bio .name a,
.team.style5:hover .team-content .bio .designation{
color:#fff;
}
.team.style5 .team-share {
display: inline-block;
font-size: 18px;
color: #fff;
background: #0C59DB;
border-radius: 4px;
cursor: pointer;
position: relative;
transition: .5s;
z-index: 22;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #0C59DB;
line-height: 40px;
margin-right: 26px;
text-align: center;
}
.team.style5:hover .team-share{
background:#fff;
color:#0C59DB;
}
.team.style5 ul.social-icon {
position: absolute;
left: 33px;
bottom: 139px;
transition: .5s;
background: transparent;
border-radius: 4px;
}
.team.style5 ul.social-icon.active li a {
transform: translateY(20px);
opacity: 1;
overflow: hidden;
visibility: visible;
}
.team.style5 .team-share-icon {
position: relative;
z-index: 1;
}
.team.style5 ul.social-icon li {
list-style: none;
margin-bottom:4px;
}
.team.style5 ul.social-icon li a {
display: inline-block;
transition: .5s;
font-size: 14px;
color: #fff;
background: transparent;
width: 40px;
height: 40px;
line-height: 40px;
transition-delay: .3s;
z-index: -1;
overflow: hidden;
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
border-radius: 100%;
text-align: center;
border: 1px solid#fff;
}
.team.style5 ul.social-icon li a:hover{
color:#fff;
border-color:#0c5adb;
background:#0c5adb;
}
.team.style5 ul.social-icon li:nth-child(1) a {
transition-delay: 0.4s;
}
.team.style5 ul.social-icon li:nth-child(2) a {
transition-delay: 0.2s;
}
.team.style5 ul.social-icon li:nth-child(3) a {
transition-delay: 0s;
} .team.style5.style7 .image:before {
border-radius: 10px;
}
.team.style5.style7 .team-content {
background: #F1F4F9;
padding: 26px 30px 26px;
display: block;
border: 1px solid#B8CFF1;
border-radius: 10px;
}
.team.style5.style7 .team-share {
display: inline-block;
font-size: 18px;
color: #fff;
background: #0C59DB;
border-radius: 4px;
cursor: pointer;
position: absolute;
transition: .5s;
z-index: 22;
width: 43px;
height: 43px;
border-radius: 50%;
background-color: #0C59DB;
line-height: 43px;
margin-right: 26px;
text-align: center;
right: -8px;
top: -16px;
}
.team.style5.style7 ul.social-icon {
position: absolute;
left: inherit;
bottom: 147px;
transition: .5s;
background: transparent;
border-radius: 30px;
right: 17px;
}
.team.style5.style7 .team-content:after {
display:none;
}
.team.style5.style7 .team-content .bio .name a {
color: #232323;
}
.team.style5.style7:hover .team-content .bio .name a, 
.team.style5.style7:hover .team-content .bio .designation {
color: inherit;
}
.team.style5.style7 ul.social-icon li a {
color: #0C59DB;
border: 1px solid#B8CFF1;
}
.team.style5.style7:hover ul.social-icon li a{
color:#fff;
}
.team.style5.style7 .team-content .bio .designation {
font-weight: 500;
color: #616161;
} .heading.style1 h4 {
border-bottom: 2px solid#DDE0E7;
padding-bottom: 20px;
} .heading.style-4 h2.heading-text {
position: relative;
display: inline-block;
}
.heading.style-4 h2.heading-text:before {
position: absolute;
content: "";
top: 34px;
left: -111px;
width: 97px;
height: 2px;
background-color: #ffffff;
}
.seo h1.heading-text span {
color: #0c5adb;
} .heading.style-3 p.heading-text {
position: relative;
}
.heading.style-3 p.heading-text:before {
position: absolute;
content: "";
top: 12px;
left: 0;
width: 390px;
height: 1px;
background-image: linear-gradient(90deg, #0b59db 0%, #f3f7fd 100%);
}
.heading.style-3 p.heading-text:after{
position:absolute;
content:"";
top:12px;
right:0;
width: 390px;
height: 1px;
background-image: linear-gradient(90deg, #f3f7fd 0%, #0b59db 100%);
} .work-process{
text-align:center;
padding:0 20px;
}
.work-process.style1 .icon:after {
position: absolute;
content: "";
top: -7px;
left: 22px;
right: 0;
margin: auto;
height: 100%;
width: 351px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/line-shape.png);
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.pocess .work-process.style1 .icon:after {
display: none;
}
.work-process.style1 .icon{
position:relative;
}
.work-process.style1 .icon i {
sition: relative;
width: 145px;
height: 145px;
line-height: 143px;
border-radius: 150px;
display: inline-block;
color: #0c5adb;
font-size: 65px;
border: 2px solid #ededed;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
text-align:center;
}
.work-process.style1:hover .icon i {
color:#fff;
transform: rotateY(180deg);
border-color: #0c5adb;
background-color: #0c5adb;
}
.work-process.style1 .work_progress-number {
position: absolute;
right: 23%;
top: 0px;
z-index: 1;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50px;
display: inline-block;
font-size: 18px;
color: #fff;
background-color: #0c5adb;
transition:.5s;
}
.work-process.style1:hover .work_progress-number {
background-color: #000;
}
.work-process.style1 .title {
font-size: 23px;
margin: 30px 0 10px;
}
.process-shap_one {
position: relative;
text-align: center;
}
.process-shap_one::before {
position: absolute;
content: '';
right: -63px;
top: 37px;
width: 103px;
height: 38px;
background-repeat: no-repeat;
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/10/process-arrow-1.png);
}
.process-shap_one.two::before{
background-image: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/10/process-arrow-2.png);
} .work_progress.style3 {
padding: 34px 13px 7px;
background: #f5f5f5;
border-radius: 5px;
}
.work_progress.style3 .work_progress-title h2 {
font-size: 20px;
font-weight: 500;
margin: 7px 0 4px;
}
.work_progress.style3 .work_progress-number span {
background: #0c5adb;
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
color: #fff;
}
.work_progress.style3 .work_progress-number span::before {
display: none;
}
.work_progress.style3 .work_progress-number span::after {
position: absolute;
left: -6px;
top: -6px;
width: 82px;
height: 82px;
background: #ED2C41;
opacity: 0.3;
} .work_progress.style5 {
text-align: center;
padding: 0 25px;
position: relative;
z-index: 1;
}
.work_progress.style5 .icon {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #0c59d7;
text-align: center;
line-height: 113px;
position: relative;
margin-bottom: 40px;
}
.work_progress.style5 .icon:before {
position: absolute;
content: "";
width: 100px;
height: 100px;
border: 2px dashed #0c5adb;
top: -10px;
left: -10px;
border-radius: 50%;
}
.work_progress.style5 h3.title {
display: inline-block;
margin: 0 0 9px;
font-size: 26px;
font-weight: 600;
} span.elementor-progress-percentage {
position: relative;
top: -22px!important;
} .call-to-action {
text-align: center;
position: relative;
}
.call-to-action-title h2 {
margin-bottom: 12px;
font-size: 35px;
margin: 20px auto;
text-transform: capitalize;
}
.call-to-action-title span {
font-size: 40px;
display: block;
letter-spacing: 0;
line-height: 1.2;
margin-top: 20px auto 0;
font-weight: 700;
}
.call-to-action-btn {
margin-top: 30px;
}
.call-to-action-btn a {
border: none;
display: inline-block;
text-transform: capitalize;
background-color: #ED2C41;
border-radius: 4px;
color: #fff;
padding: 16px 32px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 500;
}
.call-to-action-btn a i{
margin-left:8px;
}
.call-to-action-btn a:hover {
background: #fff;
color: #ED2C41;
}
.call-to-action-desc {
width: 31%;
margin: auto;
}
.call-to-video {
margin-bottom: 35px;
}
.call-video-link a{
display:inline-block
}
.call-video-link a i {
width: 90px;
height: 90px;
display: inline-block;
background: #fff;
text-align: center;
line-height: 90px;
color: #ED2C41;
border-radius: 100%;
position:relative;
z-index:1;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
}
.call-video-link a {
position:relative;
}
.call-video-link a::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
background: rgba(255,255,255, 0.8);
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.call-to-video i {
font-size: 23px;
} .testimonial.style1{
padding: 10px;
}
.testimonial.style1 .owl-item:nth-child(odd) {
margin-top: 0;
}
.testimonial.style1 .testimonial-item {
padding: 28px 30px 27px;
transition: all .4s ease 0s;
position: relative;
margin-top: 10px;
text-align: left;
z-index: 1;
border-radius: 7px;
background: #fff;
margin-bottom: 30px;
}
.testimonial.style1 .testimonial-item:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: .5s;
z-index: -1;
background: #0c5adb;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
transform: scale(0);
transition: .5s;
border-radius: 8px;
}
.testimonial.style1 .testimonial-item:hover:before{
opacity:1;
transform:scale(1);
}
.testimonial.style1 .testimonial-item:after {
position: absolute;
content: "";
top: 51px;
right: 20px;
height: 30px;
width: 48px;
transition: .5s;
z-index: 1;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/quote-img.png);
background-repeat: no-repeat;
transition: all 400ms linear;
}
.testimonial.style1 .testimonial-item:hover:after {
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/quote-white.png);
}
.testimonial.style1 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.testimonial.style1 .testimonial-item .author:before {
content: "";
font-size: 18px;
position: absolute;
bottom: 3px;
left: 43px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/quote1.png);
background-repeat: no-repeat;
background-position: center center;
width: 31px;
height: 31px;
transition: all 400ms linear;
}
.testimonial.style1 .testimonial-item .author img {
height: 74px;
width: 74px;
object-fit: cover;
margin-right: 18px;
border-radius: 50%;
}
.testimonial.style1 .testimonial-item .author .bio .name {
font-size: 22px;
margin: 0 0 4px;
}
.testimonial.style1 .testimonial-item .author .bio .designation {
font-size: 16px;
font-weight: 500;
margin: 0;
color: #0c5adb;
transition: all 400ms linear;
}
.testimonial.style1 .testimonial-item .quote {
font-size: 16px;
font-weight: 400;
margin: 0 0 16px;
transition: all 400ms linear;
}
.testimonial.style1 .testimonial-item .testi-star i {
color: #7ea9ee;
}
.testimonial.style1 .testimonial-item .testi-star i.active {
color: #0c5adb;
font-size: 16px;
} .testimonial.style1 .testimonial-item:hover .author .bio .name,
.testimonial.style1 .testimonial-item:hover .author .bio .designation,
.testimonial.style1 .testimonial-item:hover .quote,
.testimonial.style1 .testimonial-item:hover .testi-star i.active{
color: #fff;
} .testimonial.style1 .owl-dots {
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
display: inline-block;
bottom: -36px;
cursor: pointer;
z-index: 99999;
}
.testimonial-carousel button {
transition: all 0.4s ease 0s;
border: medium none;
border-radius: 35px;
background: #0c5adb;
color: #fff;
font-family: 'Fira Sans';
font-weight: 500;
text-align: center;
padding: 13px 30px;
position: absolute;
right: inherit; 
top: 9px;
display: inline-block;
z-index: 1;
margin: 0 9px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next,
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev,
.testimonial-carousel.owl-carousel button.owl-dot {
background: #87afef;
color: inherit;
border: none;
padding: 0 15px 0 10px!important;
font: inherit;
right: 0;
text-align: center;
left: 0;
border-radius: 4px; 
}
.testimonial-carousel.owl-carousel button.owl-dot {
position: relative;
z-index: 22;
height: 5px;
width: 9px;
margin: 0 4px;
display: inline-block;
}
.testimonial-carousel.owl-carousel button.owl-dot.active {
background: #0c5adb!important;
} .testimonial.style2{
padding: 10px;
}
.testimonial.style2 .testimonial-item{
margin: 28px 0 70px;
padding: 36px 36px 30px;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.testimonial.style2 .testimonial-item .author{
display: flex;
align-items: center;
margin-bottom: 33px;
}
.testimonial.style2 .testimonial-item .author img{
height: 65px;
width: 65px;
object-fit: cover;
margin-right: 18px;
border-radius: 50%;
}
.testimonial.style2 .testimonial-item .author .bio .name {
color: var(--title-color);
font-size: 20px;
font-weight: 600;
margin: 0 0 7px;
}
.testimonial.style2 .testimonial-item .author .bio .designation{
color: #57647c;
font-size: 16px;
font-weight: 300;
margin: 0;
}
.testimonial.style2 .testimonial-item .quote{
font-size: 16px;
font-weight: normal;
}
.testimonial.style2 .testimonial-item .testi-star i {
color: #ddd;
font-size: 13px;
}
.testimonial.style2 .testimonial-item .testi-star i.active {
color: #F9BF00;
}
.testimonial.style-four .testimonial-item {
transition: all .4s ease 0s;
position: relative;
margin-top: 51px;
text-align: left;
z-index: 1;
margin-bottom: 30px;
}
.testimonial.style-four .testimonial-item:after {
position: absolute;
content: "";
top: -48px;
left: 0;
height: 38px; 
width: 48px;
transition: .5s;
z-index: 1;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/12/quote-img.png);
background-repeat: no-repeat;
transition: all 400ms linear;
}
.testimonial.style-four .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.testimonial.style-four .testimonial-item .author:before {
content: "";
font-size: 18px;
position: absolute;
bottom: 3px;
left: 43px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/quote1.png);
background-repeat: no-repeat;
background-position: center center;
width: 31px;
height: 31px;
transition: all 400ms linear;
}
.testimonial.style-four .testimonial-item .author img {
width: 70px;
}
.testimonial.style-four .testimonial-item .author .bio .name {
font-size: 22px;
margin: 0 0 4px;
color:#fff;
}
.testimonial.style-four .testimonial-item .author .bio .designation {
font-size: 16px;
font-weight: 500;
margin: 0;
color: rgba(255,255,255,0.40);
transition: all 400ms linear;
}
.testimonial.style-four .testimonial-item .quote {
font-size: 28px;
font-weight: 500;
margin: 10px 0 16px;
transition: all 400ms linear;
line-height: 1.3;
font-style: italic;
color:#fff;
}
.testimonial.style-four .testimonial-item .testi-star i {
color: #ddd5b9;
}
.testimonial.style-four .testimonial-item .testi-star i.active {
color: #fc0;
font-size: 16px;
}
.testimonial.style-four .bio {
margin-left: 15px;
} .testimonial.style7 .testimonial-item.style_seven .icon_image_testi {
display: inline-block;
}
.testimonial-item.style_seven {
border: 1px solid#D7E4F7;
background: #F6F7FB;
padding: 36px 0 0;
border-radius: 30px;
transition: .5s;
}
.testimonial-item.style_seven  .author {
display: flex;
align-items: center;
}
.testimonial-item.style_seven  .author img {
display: inline-block;
width: 64px;
}
.testimonial-item.style_seven .author img {
margin-right: 16px;
}
.testimonial-item.style_seven .quote_image {
display: inline-block;
position: absolute;
right: 60px;
bottom: 99px;
}
.testimonial-item.style_seven .content {
padding: 0 49px;
position: relative;
}
.testimonial-item.style_seven p.quote {
margin: 17px 0 25px;
line-height: 24px;
}
.testimonial-item.style_seven h4.name {
margin: 0 0 5px;
font-size: 20px;
color: #616161;
font-weight: 600;
}
.testimonial-item.style_seven h5.designation {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #616161;
font-weight: 400;
font-family: "Nunito";
}
.testimonial-item.style_seven .inner_content {
display: flex;
justify-content: space-between;
padding: 5px 32px;
border-top: 1px solid#D7E4F7;
margin-top: 40px;
}
.testimonial-item.style_seven .inner_content span {
font-size: 14px;
}
.testimonial-item.style_seven .reviews_rating i.active {
color: #0b5adb;
font-size: 14px;
} .testimonial.style10 .author {
display: inline-block;
}
.testimonial.style10 .icon_image_testi {
display: inline-block;
float: left;
margin-right: 50px;
}
.testimonial.style10 .testi-star i.active {
color: #ffae20;
margin-right: 4px;
}
.testimonial.style10 p.quote {
font-size: 26px;
line-height: 38px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
margin: 14px 0 0;
}
.testimonial.style10 h4.name {
margin: 39px 0 0;
font-size: 26px;
font-weight: 600;
}
.testimonial.style10 h5.designation {
margin: 7px 0 0;
font-size: 16px;
font-weight: 500;
color: #686868;
font-weight: 400;
font-family: "Nunito";
}
.testimonial.style10 .testi_content {
overflow: hidden;
} .testimonial.style10 button.owl-prev i, 
.testimonial.style10 button.owl-next i {
display: inline-block;
position: absolute;
right: 100px;
bottom: 29px;
width: 46px;
height: 46px;
border-radius: 23px;
background-color: #ffffff;
border: 1px solid rgba(4,20,36,0.1);
border-radius: 50%;
font-size: 16px;
font-weight: 700;
line-height: 46px;
}
.testimonial.style10 button.owl-next i {
right: 40px;
}
.testimonial.style10 button.owl-prev i:hover,
.testimonial.style10 button.owl-next i:hover{
border-color:#0b59db;
background:#0b59db;
color:#fff;
} .case-study-thumb{
position:relative;
z-index:1;
}
.case-study-thumb img {
width: 100%;
border-radius: 7px;
}
.cases-study-content-main {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border: 4px solid #0c5adb;
background-color: rgba(0,0,0,0.50);
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease,-webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
border-radius: 7px;
}
.dreamit-single-cases-study:hover .cases-study-content-main {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.cases-study-content {
position: absolute;
left: 20px;
right: 20px;
bottom: 47px;
overflow: hidden;
border-radius: 10px;
background-color: #0c5adb;
z-index: 99;
padding: 0px 0px 0px;
}
.cases-study-content-inner {
padding: 25px;
}
.cases-study-content h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 0 0 5px;
}
.cases-study-content h2 a {
font-size: 25px;
font-weight: 700;
margin: 0 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color:#fff
}
.em-case-study-button {
text-align: center;
background: #fff;
border-radius: 10px 10px 0 0;
padding: 10px 0;
transition:.5s;
}
.em-case-study-button:hover{
background:#000;
}
.em-case-study-button a {
display: block;
font-size: 19px;
color: #0c5adb;
}
.em-case-study-button:hover a{
color:#fff;
}
.case_category span {
color: #fff;
}
.case-study .owl-nav {
position: absolute;
top: -119px;
right: 16%;
}
.case-study.style2.hghgh {
position: relative;
}
a.video-vemo-icon.venobox.vbox-item {
color: #fff;
} .single_case_study.style_nine {
border-radius: 10px;
transition: .5s;
margin: 0 10px;
}
.single_case_study.style_nine:hover{
filter: drop-shadow(0px 10px 50px rgba(164,177,198,0.2));
background-color: #ffffff; 
}
.single_case_study.style_nine:hover .cases-study-content{
border-color:#fff;
}
.single_case_study.style_nine .case-study-thumb a img {
height: 265px;
width: 100%;
object-fit: cover;
}
.single_case_study.style_nine .cases-study-content {
position: inherit;
border-radius: 0 0 10px 10px;
background-color: transparent;
z-index: 99;
padding: 31px 30px 22px;
border-top: none;
background-color: rgba(255,255,255,0);
border: 1px solid rgba(4,20,36,0.1);
transition: .5s;
}
.single_case_study.style_nine .cases-study-content-inner {
padding: 0;
}
.single_case_study.style_nine .case_category span {
color: #0c5adb;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
background: #cfe1fd;
padding: 2px 16px;
border-radius: 4px;
}
.single_case_study.style_nine .cases-study-content h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 12px 0 15px;
}
.single_case_study.style_nine .cases-study-content h2 a {
margin: 0 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 26px;
line-height: 34px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.single_case_study.style_nine .cases-study-content h2 a:hover{
color:#0c5adb;
}
.single_case_study.style_nine .em-case-study-button {
text-align: left;
background: transparent;
border-radius: 0;
padding: 0;
transition: .5s;
display: inline-block;
}
.single_case_study.style_nine .em-case-study-button a {
display: inline-block;
font-size: 19px;
color: #0c5adb;
font-size: 14px;
color: #041424;
font-weight: 400;
font-family: "Nunito";
text-transform: uppercase;
}
.single_case_study.style_nine .em-case-study-button:hover {
background: transparent;
}
.single_case_study.style_nine .em-case-study-button:hover a {
color: #0c5adb;
background: transparent;
} .service_item.style_one {
background: #dbe9ff;
margin-right: 30px;
padding: 40px 35px 36px;
border-radius: 10px;
transition: .5s;
display: inline-block;
}
.service_item.style_one .service_img {
display: inline-block;
}
.service_item.style_one h2.title {
margin: 16px 0 10px;
font-size: 26px;
font-weight: 600;
}
.service_item.style_one p.description {
transition: .5s;
margin: 0;
} .service-carousel1.style_one button.owl-prev i, .service-carousel1.style_one button.owl-next i {
display: inline-block;
position: absolute;
right: 100px;
top: -128px;
height: 55px;
width: 55px;
line-height: 55px;
border: 1px solid #dbe9ff;
border-radius: 50%;
font-size: 17px;
font-weight: 700;
background: rgba(255,255,255,0.5019607843137255);
color: #0c5adb;
}
.service-carousel1.style_one button.owl-next i {
right: 31px;
}
.service-carousel1.style_one button.owl-prev i:hover,
.service-carousel1.style_one button.owl-next i:hover{
border-color:#0b59db;
background:#0b59db;
color:#fff;
} .filter-tab #tabs {
margin: 0;
padding: 44px 40px 37px;
list-style: none;
display: block;
background: #041424;
text-align: left;
border-radius: 30px;
}
.filter-tab .container{
max-width:1320px;
padding:0 10px;
margin:auto;
}
.filter-tab .tab_content h1 {
display: inline-block;
font-size: 30px;
font-weight: 600;
margin: 0 0 16px;
}
.filter-tab ul.features {
margin-top: 26px;
}
.filter-tab .row.alignment {
display: flex!important;
align-items: center!important;
}
.filter-tab ul li {
display: block;
position: relative;
border-radius: 10px;
margin-bottom: 15px;
width: 100%;
text-align: center;
height: 100%;
}
.filter-tab ul li:last-child{
margin-right:0px;
}
.filter-tab tab_thumb {
position: relative;
z-index: 1;
}
.filter-tab .tab_thumb img{
width:100%;
}
.filter-tab #tabs li a img {
max-height: 150px;
max-width: 150px;
object-fit: cover;
filter: brightness(0)invert(1);
margin-bottom: 20px;
}
.filter-tab #tabs li a:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #0C59DB;
opacity: 1;
border-radius: 10px;
}
.filter-tab #tabs li{
position:relative;
}
.filter-tab #tabs li a.inactive:before{
display: none!important;
}
.filter-tab #tabs h5.text {
position: inherit;
color: #152b63;
font-weight: 500;
text-align: left;
font-size: 17px;
}
.filter-tab #tabs li a h5.text {
color: #fff;
position: relative;
z-index: 22;
}
.filter-tab #tabs li a.inactive h5.text {
color: #fff;
}
.filter-tab #tabs li a.inactive img {
filter: brightness(0)invert(1);
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.filter-tab #tabs a {
cursor: pointer;
padding: 7px 24px 18px;
display: flex;
align-items: center;
text-align: left;
justify-content: space-between;
border-radius: 10px;
}
.filter-tab #tabs li a.inactive {
background: #293744;
outline: none;
position: relative;
}
.filter-tab #tabs li:before a.inactive {
background: transparent;
outline: none;
position: relative;
}
.filter-tab #tabs li a:hover,
.filter-tab #tabs li a.inactive:hover {
color: #5685bc;
outline:none;
}
.filter-tab .row.tab_two {
background: #fff;
margin: 0 13px;
position: relative;
z-index: 1;
}
.filter-tab .text {
text-align: center;
}
.filter-tab .tab_content {
padding: 0 25px 0;
text-align: left;
}
.filter-tab .tab_content p {
line-height: 30px;
}
.filter-tab h3.title_text {
font-size: 24px;
color: #ffffff;
font-weight: 600;
font-family: "Rajdhani";
text-align: center;
margin: 0 0 34px;
}
.filter-tab ul.features li {
display: block;
position: relative;
border-radius: 0px;
margin-bottom: 15px;
text-align: left;
height: 100%;
}
.filter-tab .tab_btn {
display: inline-block;
position: relative;
z-index: 22;
margin-top: 46px;
}
.filter-tab a.tab_button {
font-size: 16px;
color: #fff;
transition: .5s;
display: inline-block;
background: #13277D;
border-radius: 0;
padding: 16px 37px;
z-index: 2;
}
.filter-tab a.tab_button:after {
position: absolute;
content: "";
top: 5px;
left: 5px;
border: 1px solid#279E64;
height: 100%;
width: 100%;
z-index: -1;
transition: .5s;
transform: scale(1);
border-radius: 0;
background: transparent;
}
.filter-tab a.tab_button:hover:after {
top: 0;
left: 0;
}
.filter-tab a.tab_button:hover {
background: #279E64;
}
.filter-tab #tabs li a h3 {
color: #fff;
font-size: 22px;
font-weight: 600;
margin: 25px 0 20px;
}
.filter-tab #tabs li a p{
color: #fff;
}
.filter-tab #tabs li a.inactive p{
color: #828fa0;
}
.filter-tab .content {
padding-top: 40px;
}
.filter-tab .content .title{
color: #fff;
font-size: 22px;
font-weight: 600;
}
.filter-tab .content h1, .filter-tab .content h2 {
margin-left: 0;
color: #062461;
line-height: 40px;
font-size: 34px;
font-weight: 700;
margin: 0 0 20px;
}
.filter-tab .content .text h3{
font-size: 22px;
font-weight: 600;
}
.filter-tab .text .tab_content p.description {
margin-top: 20px;
}
.filter-tab .content .text p {
color: #828fa0;
margin: 0px 0 13px;
}
.filter-tab .content .text ul{
margin: 0 0 35px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.filter-tab .content .text ul li{
position: relative;
color: #828fa0;
font-size: 16px;
padding-left: 25px;
margin-right: 30px;
}
.filter-tab .content .text ul li:last-child{
margin-right: 0;
}
.filter-tab .content .text ul li::before{
content: '\f058';
position: absolute;
left: 0;
font-family: "Font Awesome 5 Free";
color: #533efe;
}
.tab_content h4 {
font-size: 16px;
color: #da242b;
text-transform: uppercase;
font-weight: 500;
margin: 0 0 23px;
}
.description{
display: block;
}
a.tab_button i {
font-size: 11px;
margin-left: 8px;
}
ul#tabs li a i {
display: inline-block;
color: #fff;
position: relative;
z-index: 2;
top: 4px;
}
.filter-tab #tabs li a.inactive div#tab1C {
margin-top: -9px;
} .brand-item img {
width: 63%!important;
opacity: 0.4;
transition:.5s;
}
.brand-item img:hover {
opacity: 1;
}
.get-quote-msg a{
color:#0c5adb;
text-decoration:underline !important;
}
.brand.style3 .brand-item img {
width: 46%!important;
opacity: 0.8;
transition: .5s;
}
.style2 .brand-item {
background: #fff;
margin: 0 10px;
text-align: center;
padding: 37px 32px;
border-radius: 6px;
}
.style2  .brand-item img {
display: inline-block !important;
width: inherit !important;
opacity: 1 !important;
} .single-video {
position: relative;
text-align: center;
}
.single-video h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
padding-top: 26px;
text-transform: capitalize;
display: inline-block;
margin-left: 25px;
}
.video-icon a {
text-align: center;
display: inline-block;
position:relative;
z-index:99;
}
.single-video.style-one .video-icon a, .single-video.style-two .video-icon a {
background: #0c5adb;
height: 75px;
width: 75px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 75px;
color: #fff;
font-size: 20px;
position: relative;
-webkit-animation: ripple-red 1s linear infinite;
animation: ripple-red 1s linear infinite;
-webkit-transition: .5s;
text-transform: uppercase;
font-family: 'Rajdhani';
font-weight: 600;
}
.v-overlay .video-icon a i {
border: 0px solid #fff;
font-size: 30px;
} .single-video.style-one .video-icon,
.single-video.style-three .video-icon {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@-webkit-keyframes ripple-red {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(2241, 42, 2, 0)
}
} .single-video .layer-1 img, .single-video .layer-2 img, .single-video .layer-3 img, .single-video .layer-4 img {
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
}
@keyframes alltuchtopdown{
0%{
-webkit-transform:rotateX(0deg) translateY(0px);
-ms-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
50%{
-webkit-transform:rotateX(0deg) translateY(-20px);
-ms-transform:rotateX(0deg) translateY(-20px);
transform:rotateX(0deg) translateY(-20px)
}
100%{
-webkit-transform:rotateX(0deg) translateY(0px);
-ms-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
}
.single-video.style-three .video-icon a {
-webkit-animation: none;
animation: none;
-webkit-transition: none;
}
.single-video.style-three .video-icon a::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 99px;
width: 99px;
background: rgba(12, 90, 219,1);
z-index: -1;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.single-video.style-three .video-icon a i{
background: #fff;
height: 90px;
width: 90px;
line-height: 90px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
color: #ED2C41;
font-size: 26px;
position: relative;
} @keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .dance3 {
-webkit-animation: dance3 8s alternate infinite;
animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.dance {
-webkit-animation: dance 2s alternate infinite;
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.dance2 {
-webkit-animation: dance2 4s alternate infinite;
animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(25px, -25px, 0);
}
100% {
-webkit-transform: translate3d(0, -25px, 25px);
}
}
.watermark-animate {
-webkit-animation: watermark-animate 8s infinite;
animation: watermark-animate 8s infinite;
animation-direction: alternate-reverse;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes watermark-animate {
0% {
left: 0;
}
100% {
left: 100%;
}
} .skills {
position: relative;
margin-bottom: 25px;
}
.skills .skill-item {
position: relative;
margin-bottom: 37px;
}
.skills .skill-item:last-child {
margin-bottom: 37px;
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 0px;
}
.skills .skill-item .skill-header .skill-title {
font-size: 18px;
color: #686868;
font-weight: 500;
margin-bottom: 15px;
}
.skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: #dcdcdc;
width: 100%;
height: 3px;
border-radius: 5px;
background-color: rgba(12,110,109,0.14901960784313725);
}
.skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 10px;
border-radius: 5px;
background-color: #0c6e6d;
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #686868;
font-size: 15px;
font-weight: 700;
line-height: 30px;
position: absolute;
right: 0;
}
.skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: -3px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
height: 3px;
border-radius: 5px;
background-color: #0c59d7;
}
.skills .skill-item .bar.progress-line {
position: relative;
}
.skills .bar.progress-line:before {
position: absolute;
content: "";
top: -6px;
right: 0;
width: 6px;
height: 15px;
background-color: #0c5adb;
} .pricing.style1 {
position: relative;
padding: 42px 0px 38px;
background-color: #f5f5f5;
border-radius: 10px;
text-align: left;
}
.pricing.style1 .pricing_img {
display: inline-block;
height: 82px;
width: 82px;
text-align: center;
line-height: 110px;
background: #0c5adb;
border-radius: 5px;
}
.pricing.style1 .pricing-head {
text-align: left;
position: relative;
padding: 0 31px;
}
.pricing.style1 .pricing-title {
font-size: 22px;
font-weight: 500;
position: relative;
z-index: 1;
margin: 34px 0 29px;
background: #fff;
display: inline-block;
padding: 11px 30px;
border-radius: 0 5px 05px 0;
transition: .5s;
}
.pricing.style1 .pricing-title:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 49px;
width: 3px;
background: #0c5adb;
transition: .5s;
}
.pricing.style1 .price-item {
display: inline-block;
position: absolute;
right: 30px;
top: 11px;
}
.pricing.style1 .price-item .currency{
color: #1e266d;
font-size: 24px;
font-weight: 500;
}
.pricing.style1 .price-item .tk {
color: #232323;
font-size: 48px;
font-weight: 700;
font-family: 'Rajdhani';
}
.pricing.style1 .price-item .month {
color: #6d6d6d;
font-size: 14px;
font-weight: normal;
display: block;
text-transform: uppercase;
}
.pricing.style1 .pricing-body {
padding: 0 31px;
}
.pricing.style1 .pricing-body ul{
margin: 0;
padding: 0;
list-style: none;
}
.pricing.style1 .pricing-body ul li {
font-weight: 400;
margin-bottom: 13px;
}
.pricing.style1 .pricing-body ul li i {
display: inline-block;
color: #0c5adb;
font-size: 16px;
margin-right: 6px;
}
.pricing.style1 .pricing-button {
position: relative;
display: inline-block;
color: #1e266d;
font-weight: 500;
padding: 10px 33px;
width: inherit;
background-color: #fff;
border-radius: 5px;
text-align: left;
margin-top: 20px;
transition:.5s;
}
.pricing.style1 .pricing-button:hover{
background:#0c5adb;
color:#fff;
} .pricing.style1.active {
position: relative;
z-index: 1;
}
.pricing.style1.active:before{
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/active.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index:-1;
border-radius: 5px;
}
.pricing.style1.active .pricing_img {
background: #fff;
}
.pricing.style1.active .pricing-title{
background-color: rgba(255,255,255,0.2);
}
.pricing.style1.active .pricing-title:before{
background:transparent;
} .pricing.style1.style-two {
position: relative;
padding: 50px 72px 50px;
background-color: #fff;
border-radius: 10px;
text-align: left;
border:3px solid transparent;
transition:.5s;
}
.pricing.style1.style-two.active,
.pricing.style1.style-two:hover{
border-color:#0c5adb;
}
.pricing.style1.style-two .price-item {
display: block;
position: relative;
right: inherit;
top: inherit;
padding: 35px 0 40px;
}
.pricing.style1.style-two .price-item .month {
color: #686868;
font-size: 16px;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
font-family: 'Rajdhani';
}
.pricing.style1.style-two .price-item .currency {
color: #686868;
font-size: 21px;
font-weight: 500;
position: relative;
top: -19px;
}
.pricing.style1.style-two .pricing-body {
padding: 0 0;
}
.pricing.style1.style-two .pricing-title {
font-size: 19px;
font-weight: 600;
position: relative;
margin: 0;
background: #E6EEFB;
display: inline-block;
padding: 11px 30px;
border-radius: 5px;
transition: .5s;
text-transform: uppercase;
}
.pricing.style1.style-two .pricing-title:before {
display:none;
}
.pricing.style1.style-two .pricing-button {
padding: 12px 30px;
background-color: #0c5adb;
font-family: 'Rajdhani';
font-size: 18px;
color: #fff;
border:2px solid transparent;
}
.pricing.style1.style-two.active .pricing-button,
.pricing.style1.style-two:hover .pricing-button{
border-color:#0c5adb;
background:transparent;
color:#0c5adb;
} .owl_wrapper{
width: 100vw;
overflow: hidden;
}
.owl_content{padding-left: 12%;}
.owl_wrapper .owl-item{
opacity: 0;
transform: scale(0.6);
-ms-transform: scale(0.6);
transition: all .2s;
-webkit-transform: all .2s;
z-index: 1;
}
.owl_wrapper .active{opacity: 0.5;}
.owl_wrapper .active.middle_beside{
transform: scale(0.8);
-ms-transform: scale(0.8);
opacity: 0.8;
margin: 0 -1%;
z-index: 2;
}
.owl_wrapper .active.middle{
transform: scale(1);
-ms-transform: scale(1);
opacity: 1;
z-index: 3;
}
.owl_wrapper .active.next_to_mid{margin-left: -1%;}
.owl_wrapper .active.prev_to_mid{margin-right: -1%;} .owl_wrapper .prev, .owl_wrapper .next{
position: absolute;
top: 100px; left: 100px;
width: 30px;
border-radius: 100%;
text-align: center;
line-height: 30px;
color: #fff;
background: #777;
cursor: pointer;
z-index: 5;
}
.owl_wrapper .next{left: calc(100% - 100px);}
.no_select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.infos {
width: 500px;
text-align: center;
font-family: 'Roboto', Arial;
font-size: 14px;
line-height: 16px;
margin-top: 50px;
color: #000;
}
.infos a {
color: #555;
text-decoration: none;
}
.infos a:hover {color: #999;}
#carousel {
position: relative;
height: 400px;
overflow: hidden;
}
#carousel div {
position: absolute;
transition: transform 1s, left 1s, opacity 1s, z-index 0s;
opacity: 1;
}
#carousel div img {
width: 400px;
transition: width 1s;
}
#carousel div.hideLeft {
left: 0%;
opacity: 0;
transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
width: 200px;
}
#carousel div.hideRight {
left: 100%;
opacity: 0;
transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
width: 200px;
}
#carousel div.prev {
z-index: 5;
left: 30%;
transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
width: 300px;
}
#carousel div.prevLeftSecond {
z-index: 4;
left: 15%;
transform: translateY(50%) translateX(-50%);
opacity: 0.7;
}
#carousel div.prevLeftSecond img {
width: 200px;
}
#carousel div.selected {
z-index: 10;
left: 50%;
transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
z-index: 5;
left: 70%;
transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
width: 300px;
}
#carousel div.nextRightSecond {
z-index: 4;
left: 85%;
transform: translateY(50%) translateX(-50%);
opacity: 0.7;
}
#carousel div.nextRightSecond img {
width: 200px;
} .contact{
position: relative;
z-index: 1;
}
.contact:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 147px;
width: 100%;
background: #0c5adb;
z-index: -1;
border-radius: 3px 3px 0 0;
}
.contact:after {
position: absolute;
content: "";
top: 137px;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/05/square-line.png);
z-index: -1;
background-repeat: no-repeat;
background-size: contain;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
background: #f7f4f4;
padding-left: 25px;
padding-top: 20px;
height: 135px;
border: 1px solid rgba(35, 35, 35, 0.12);
border-radius: 30px;
color: #232323;
transition: .5s;
}
.buttons input {
padding: 13px 15px;
background: #0c5adb;
display: block;
color: #fff;
border-radius: 7px;
width: 100%; cursor: pointer;
text-align: center;
transition: .5s;
border: none;
}
.buttons input:hover{
background:#0c5adb;
}
.form-group input::placeholder {
color: #6d6d6d!important;
}
.form-group:last-child {
margin-bottom: 0px;
}
.buttons p {
margin: 0;
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: 0.75;
width: 12px;
height: 12px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.contact input.form-control {
border: 0;
border-radius: 6px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #ddd;
width: 100%;
height: 50px;
padding-left: 25px;
background: #f7f4f4;
border-radius: 30px;
color: #fff;
border: 1px solid rgba(35, 35, 35, 0.12);
transition: .5s;
}
.contact .form-control:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #0c5adb;
} .form-area.contact-form.contact-four .form-control {
width: 100%;
height: 60px;
padding-left: 25px;
background: #f9f9f9;
border-radius: 5px;
color: #232323;
transition: 0.5s;
border: 1.2px solid #e7e7e8;
}
.form-area.contact-form.contact-four input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #686868!important;
}
.form-area.contact-form.contact-four textarea.wpcf7-form-control.wpcf7-textarea.form-control {
height: 150px;
border: 1.2px solid #e7e7e8;
}
.form-area.contact-form.contact-four textarea.wpcf7-form-control.wpcf7-textarea.form-control::placeholder {
color: #686868!important;
}
.form-area.contact-form.contact-four .buttons input {
padding: 16px 33px;
background: #011533;
display: block;
color: #fff;
border-radius: 5px;
width: inherit;
cursor: pointer;
text-align: center;
transition: .5s;
border: none;
margin-top: 17px;
}
.form-area.contact-form.contact-four .buttons input:hover{
background: #0b59d7; 
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #fff!important;
}
textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
color: #fff!important;
} textarea:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #0c5adb!important;
} .form-area.style-two .form-control {
border:none;
width: 100%;
height: 56px;
background: #fff;
border-radius: 4px;
}
.form-area.style-two input.form-control {
border:none;
width: 100%;
height: 56px;
background: #fff;
border-radius: 4px;
}
.form-area.style-two .buttons input {
padding: 14px 33px;
background: #0c5adb;
border: none;
font-weight: 500;
width: inherit;
border-radius: 4px;
} .form-area.style-three .form-control {
border: 0;
width: 100%;
height: 57px;
padding-left: 25px;
background: #fff;
border-radius: 5px;
color: #232323;
border: none;
}
.form-area.style-three input[type="email"] {
height: 57px;
padding: 5px 25px;
width: 100%;
border-radius: 5px;
outline: 0;
}
.form-area.style-three select.wpcf7-form-control.wpcf7-select {
width: 100%;
height: 57px;
border: none;
padding: 0 25px;
}
.form-area.style-three textarea.wpcf7-form-control.wpcf7-textarea {
background: #fff;
height: 138px;
border: none;
border-radius: 5px;
}
.form-area.style-three .buttons input {
padding: 13px 40px;
background: #0c5adb;
border-radius: 30px;
width: inherit;
font-family: 'Fira Sans';
}
.form-area.style-three input.wpcf7-form-control.wpcf7-text.form-control::placeholder {
color: #6d6d6d!important;
} .blog-post.style1 .post-item {
margin-bottom: 20px;
border-radius: 8px;
background-color: #ffffff;
border: 1px solid rgba(29, 33, 36, 0.12);
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
padding: 0 0 17px;
margin: 0 10px;
}
.blog-post.style1 .post-thumb {
position: relative;
overflow: hidden;
padding: 20px 20px 0 20px;
}
.blog-post.style1 .post-thumb img {
overflow: hidden;
transition: .5s;
width: 100%;
border-radius: 8px;
}
.blog-post.style1 .categories {
position: absolute;
top: 32px;
left: 32px;
}
.blog-post.style1 .categories a {
padding: 4px 17px 2px;
font-size: 14px;
color: #ffffff;
font-weight: 500;
background: #0c5adb;
border-radius: 4px;
display: inline-block;
position: relative;
z-index: 1;
}
.blog-post.style1 .post-item .blog_post_inner_content {
padding: 25px 20px 27px;
}
.blog-post.style1 .post-item .content .meta {
display: flex;
align-items: center;
margin-bottom: 12px;
color: #0c5adb;
}
.blog-post.style1 .meta i {
color: #0c5adb;
display: inline-block; margin-right: 3px;
}
.blog-post.style1 ul.post-categories {
list-style: none;
}
.blog-post.style1 h3.title a {
display: inline-block;
font-size: 27px;
color: #232323;
}
.blog-post.style1 .meta {
display: inline-block;
font-family: 'Rajdhani';
font-weight: 500;
text-transform: uppercase;
}
.blog-post.style1 .date {
display: inline-block;
}
.blog-post.style1 .user_thumb {
display: inline-block;
height: 30px;
width: 30px;
margin-right: 9px;
float: left;
}
.blog-post.style1 .user_thumb img{
border-radius: 100%;
}
.blog-post.style1 .blog_post_user {
border-top: 1px solid rgba(29, 33, 36, 0.12);
padding: 17px 27px 0;
}
.blog-post.style1 .author {
display: inline-block;
}
.blog-post.style1 .author a {
display: inline-block;
color: #232323;
font-size: 16px;
margin: 0;
font-weight: 500;
}
.blog-post.style1 .blog_btn {
float: right;
}
.blog-post.style1 .blog_btn a {
display: inline-block;
color: #232323;
font-family: 'Rajdhani', sans-serif;
font-weight: 600;
transition: .5s;
font-size: 17px;
}
.blog-post.style1 .blog_btn a i {
font-size: 13px;
display: inline-block; font-weight: 600;
margin-left: 1px;
} .blog-post.style1 .post-item:hover .post-thumb img {
transform: scale(1.4);
}
.blog-post.style1 h3.title a:hover{
color: #0c5adb;
}
.blog-post.style1 .blog_btn a:hover {
color: #0c5adb;
}
.blog-post.style1 .author a:hover{
color: #0c5adb;
}
.blog-post.style1 .post-item .content .meta .date {
position: relative;
color: #616161;
font-size: 16px;
text-transform: capitalize;
}
.blog-post.style1 .post-item .content .meta .date i{
color: #3abba7;
margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author i{
color: #3abba7;
margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author a{
color: #616161;
font-size: 15px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.blog-post.style1 .post-item .content .title {
font-size: 24px;
font-weight: 600;
margin-bottom: 12px;
margin: 0;
}
.blog-post.style1 .post-item .content .title a {
color: var(--title-color);
font-size: 22px;
font-family: var(--title-font);
font-weight: 600;
transition: 0.3s;
}
.blog-post.style1 .post-item .content .description {
color: rgba(30, 38, 109, 0.9);
font-weight: 300;
margin-bottom: 20px;
}
.blog-post.style1 .post-item .content .read-more{
display: inline-block;
color: #1e266d;
}
.post-item.style_12 {
background-color: #ffffff;
border: 1px solid rgba(4,20,36,0.1);
border-radius: 30px;
margin-bottom: 30px;
}
.post-item.style_12 .single_blog_post_content {
padding: 15px 34px 28px;
}
.post-item.style_12 .categories {
display: inline-block;
margin-right: 25px;
position: relative;
}
.post-item.style_12 .categories :before {
position: absolute;
content: "";
right: -17px;
top: 10px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #2a7aff;
}
.post-item.style_12 h3.title a {
font-size: 26px;
color: #041424;
font-weight: 600;
font-family: "Rajdhani";
}
.post-item.style_12 ul.post-categories {
display: inline-block;
}
.post-item.style_12 .author {
display: inline-block;
}
.post-item.style_12 ul.post-categories li {
list-style: none;
}
.post-item.style_12 .blog_btn a {
font-size: 16px;
color: #041424;
font-weight: 500;
font-family: "Nunito";
margin-top: 21px;
display: inline-block;
} .recent-post.style1 .post-item{
display: flex;
align-items: center;
margin-bottom: 22px;
padding-bottom: 22px;
border-bottom: 1px solid #616161;
overflow: hidden;
}
.recent-post.style1 .post-item:last-child{
border: 0;
margin: 0;
padding: 0;
}
.recent-post.style1 .post-item .post-thumb{
flex-shrink: 0;
}
.recent-post.style1 .post-item .post-thumb img{
height: 90px;
width: 90px;
object-fit: cover;
border-radius: 10px;
}
.recent-post.style1 .post-item .content{
padding: 0 0 0 10px;
}
.recent-post.style1 .post-item .content .meta{
display: flex;
align-items: center;
}
.recent-post.style1 .post-item .content .meta .date{
position: relative;
color: #616161;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
.recent-post.style1 .post-item .content .meta .date i{
color: #3abba7;
margin-right: 5px;
}
.recent-post.style1 .post-item .content .title{
font-size: 16px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
margin-bottom: 6px;
}
.recent-post.style1 .post-item .content .title a{
color: var(--title-color);
}
.recent-post.style1 .post-item .content .title a:hover{
color: var(--main-color);
}
.recent-post.style1 .post-item .content .description {
color: rgba(30, 38, 109, 0.9);
font-weight: 300;
margin-bottom: 20px;
} .portfolio-filter .filters {
width: 100%;
text-align: center;
margin-bottom: 39px;
}
.portfolio-filter ul {
margin: 0;
list-style: none;
padding: 10px 25px 10px;
border: 2px solid#F6F5F5;
display: inline-block;
justify-content: center;
border-radius: 30px;
}
.portfolio-filter ul li {
font-weight: 500;
text-transform: capitalize;
margin: 0 25px;
padding: 10px 0;
cursor: pointer;
background: #F6F5F5;
font-size: 15px;
transition: all 0.5s ease 0s;
cursor: pointer;
padding: 6px 25px;
font-weight: 500;
position: relative;
margin: 0 0px;
display: inline-block;
border-radius: 30px;
}
.portfolio-filter li.current_menu_item {
background: #0c5adb;
color: #fff;
}
.portfolio-filter .content {
width: 100%;
margin: 0 auto;
padding: 0px;
text-align: center;
}
.portfolio-filter .port-thumb {
position: relative;
overflow: hidden;
line-height: 0;
border-radius: 10px;
}
.portfolio-filter .content .single-content img {
width: 100%;
height: 100%;
}
.portfolio-filter .content .grid-item {
margin-bottom:30px;
}
.portfolio-filter .content .grid-item .single-content{
position: relative;
overflow: hidden;
z-index: 1;
}
.portfolio-filter .single-content .prot_content{
position: relative;
z-index: 2;
border-radius: 0 0 4px 4px;
}
.portfolio-filter .single-content .prot_content {
position: absolute;
padding: 30px 27px 21px;
left: 0;
bottom: -162px;
text-align: left;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition: all 400ms linear;
background: #0c5adb;
border-radius: 0 10px 0px 5px;
}
.portfolio-filter .single-content:hover .prot_content{
bottom: 0;
}
.portfolio-filter .content .grid-item .prot_content h4 {
margin: 0;
}
.portfolio-filter .content .grid-item .prot_content h4 a {
display: inline-block;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.portfolio-filter .content .grid-item .prot_content p {
color: #fff;
font-size: 15px;
margin-bottom: 21px;
position: relative;
padding-left: 31px;
}
.portfolio-filter .content .grid-item .prot_content p:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 0px;
width: 22px;
border: 1px solid #fff;
}
.portfolio-filter .single-content .picon {
cursor: pointer;
z-index: 22;
position: absolute;
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #0c5adb;
display: inline-block;
font-size: 16px;
top: -52px;
transition: all 400ms linear;
left: 32%;
right: 0;
margin: auto;
}
.portfolio-filter .content .picon a i{
color: #fff;
}
.portfolio-filter .content .video-icon {
display: inline-block;
transition: all 500ms linear;
position: absolute;
top: -52px;
z-index: 2;
right: 65px;
}
.portfolio-filter .content .video-icon a {
width: 40px;
height: 40px;
line-height: 42px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #0c5adb;
display: inline-block;
font-size: 13px;
} .portfolio-filter .single-content:hover .picon{
top: 7%;
}
.portfolio-filter .single-content:hover .video-icon {
top: 7%;
} .portfolio_details {
overflow: hidden;
-webkit-box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
padding: 65px 50px 50px;
width:100%;
}
.portfolio_info {
padding-left: 50px;
padding-top: 0px;
}
.portfolio_info h2 {
font-size: 25px; padding-bottom: 17px;
}
.portfolio-details-box li strong {
margin-right: 5px;
}
.pr-title {
padding: 24px 0 18px;
}
.port_dtl_social{} 
.port_dtl_social span{
font-size:20px;
font-weight:700;
margin-bottom:10px;
display:block;
} 
.port_dtl_social a {
display: inline-block;
width: 35px;
height: 35px;
background: #0c5adb;
color: #fff;
border-radius: 5px;
font-size: 18px;
text-align: center;
margin-right: 10px;
line-height: 35px;
}
.portfolio_info h3 {
font-size: 25px;
padding-bottom: 17px
}
.portfolio-details-box li strong {
font-size: 20px;
margin-right: 5px
}
.pr-title {
padding: 24px 0 18px
}
.portfolio-details-box li {
border-bottom: 1px solid #ddd;
font-size: 18px;
font-weight: 300;
padding: 13px 0;
text-transform: capitalize;
list-style: none;
}
.portfolio_details .col-md-6 {
float: left;
}
.portfolio_info ul {
list-style: none;
}
.portfolio_info ul li {
padding: 5px 0;
margin-bottom: 20px;
}
.port_dtl_social {
margin-top: 20px;
}
.portfolio-details-box .port_dtl_social i {
padding: 0 10px 0 10px;
color: #fff;
}
.pr-title h2 {
font-size: 25px;
}
.case-study  .owl-carousel .owl-nav button.owl-next, .case-study  .owl-carousel .owl-nav button.owl-prev {
border: none;
font: inherit;
background: #0c5adb !important;
color: #fff !important;
padding: 8px 23px !important;
border-radius: 6px;
font-family: 'Rajdhani';
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
} .menu-service-menu-container ul {
list-style: none;
padding: 0;
}
.menu-service-menu-container ul li {
list-style: none;
margin-bottom: 14px;
}
.menu-service-menu-container ul li:last-child{
margin-bottom: 0;
}
.menu-service-menu-container ul li a {
position: relative;
display: block;
padding: 15px 7px 15px 49px;
background-color: #fff;
font-weight: 400;
font-size: 16px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
position: relative;
border-radius: 5px;
}
.menu-service-menu-container ul .current_page_item a {
background-color: #0c5adb;
color: #fff;
}
.menu-service-menu-container ul .current_page_item a::after {
background-color: #fff;
color:#0c5adb;
}
.menu-service-menu-container ul li a::after {
content: '\f00c';
position: absolute;
left: 19px;
top: 18px;
font-size: 12px;
font-family: 'FontAwesome';
height: 22px;
width: 22px;
background: #E9E9E9;
text-align: center;
line-height: 22px;
border-radius: 100%;
transition: .5s;
}
.menu-service-menu-container ul li a:hover:after {
background: #fff;
color: #0c5adb;
}
.menu-service-menu-container ul li a:hover:after{
background: #fff;
}
.details-service .dreamit-button .button {
padding: 11px 29px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
} .hero-single-slide{
min-height: 887px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;    
}
.hero-content-left h1 {
font-size: 50px;
margin-bottom: 0;
margin-top: 0;
font-weight: 800;
line-height: 1.1;
}
.hero-content-left h2 {
font-size: 50px;
font-weight: 800;
margin-bottom: 20px;
margin-top: 0;
line-height: 1.2;
}
.hero-content-left h3 {
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
}
.hero-content-left p {
padding-right: 70px;
margin-bottom: 35px;
} .my-accordion li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: #CEDEF7;
border-radius: 4px;
}
.my-accordion li:before {
position: absolute;
content: "";
z-index: -1;
right: 20px;
top: 14px;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.10196078431372549);
border: 1px solid rgba(255, 255, 255, 0.10);
}
.my-accordion li:after {
position: absolute;
content: "";
z-index: 1;
left: 24px;
top: 28px;
width: 22px;
height: 22px;
background: url(https://wp.ditsolution.net/toptech/wp-content/uploads/2023/11/question.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left;
transform: translate(-3%, -50%);
}
.my-accordion li p {
display: none;
padding: 17px 25px 3px;
color: #616161;
font-size: 16px;
}
.my-accordion a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
font-weight: 700;
font-size: 18px;
color: #232323 !important;
background-color: #CEDEF7;
padding: 14px 20px 14px 59px;
z-index: 1;
border-bottom: 1px solid transparent;
border-radius: 4px;
}
.my-accordion a.active {
border-bottom: 1px solid rgba(0,0,0,0.08);
}
.my-accordion a:after {
width: 10px;
height: 2px;
background: #0c5adb;
position: absolute;
right: 28px;
content: " ";
top: 26px;
transition: all 0.2s ease-in-out;
}
.my-accordion a:before {
width: 2px;
height: 10px;
background: #0c5adb;
position: absolute;
right: 32px;
content: " ";
top: 22px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
}
.my-accordion li p {
display: none;
font-size: 16px;
padding: 23px;
}
a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.active:before {
display: none;
} .my-accordion.style4 a {
position: relative;
width: 100%;
display: block;
cursor: pointer;
font-weight: 700;
font-size: 18px;
color: #232323;
background-color: #CEDEF7;
padding: 16px 20px 16px 59px;
z-index: 1;
border-radius: 10px;
background-color: #ffffff;
border: 1px solid rgba(4,20,36,0.1);
}
.my-accordion.style4 a.active .shape_img {
display: inline-block;
position: absolute;
right: 21px;
top: 80px;
cursor: inherit;
}
.my-accordion.style4 .shape_img {
display: none;
}
.my-accordion.style4 li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
background: #fff;
border-radius: 10px;
}
.my-accordion.style4 li p {
display: none;
padding: 42px 162px 42px 25px;
color: #616161;
font-size: 16px;
background: #fff;
border: 1px solid rgba(4,20,36,0.1);
border-top: none;
}
.careers-ap-text h6.elementor-heading-title.elementor-size-default {
display: inline-block;
border-radius: 15px;
background-color: #0c5adb;
display: inline-block;
color: #fff;
font-weight: 600;
padding: 8px 25px;
font-size: 16px;
font-family: "Nunito", sans-serif;
}
.careers-ap-spm p {
display: inline-block;
margin-top: -49px;
position: absolute;
margin-left: 140px;
font-size: 15px;
} .bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate2 {
animation-name: float-bob2;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob2;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob2;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob2;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate3 {
animation-name: float-bob3;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob3;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob3;
-ms-animation-duration: 4s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob3;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate4 {
animation-name: float-bob4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob4;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob4;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob4;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate5 {
animation-name: float-bob5;
animation-duration: 6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob5;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob5;
-ms-animation-duration: 6s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob5;
-o-animation-duration: 6s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
0% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); }
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); }
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px); }
100% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} @keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
} .subscribe-form input[type="email"] {
padding: 10px 15px 10px 15px;
border-radius: 0;
outline: 0;
width: 70%;
border: 0;
background: #fff;
height: 56px;
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
margin: 0;
}
.subscribe-form input[type="email"]::placeholder{
opacity: 0.9;
}
.subscribe-form input[type="email"]:focus{
color: #fff;
}
.subscribe-form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
height: 56px;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
background-color: #b98d36;
padding: 0;
width: 30%;
border: 0;
outline: 0;
border-radius: 0;
} .custom-progress .elementor-progress-text {
margin-top: -20px;
color: #232323;
font-size: 16px;
padding-left: 0;
overflow: visible;
}
.custom-progress .elementor-progress-percentage {
padding-right: 15px;
margin-top: -20px;
color: #232323;
font-size: 16px;
} .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap:0px;
}
.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 30s linear infinite;
}
.marquee-block .content-box {
position: relative;
margin-right:0px;
}
.marquee-block .content-box:last-child {
margin-right:0px;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
.marquee-block h3 {
color: #fff;
font-size: 30px;
background: rgba(255, 255, 255, 0.20);
padding: 10px 37px 10px 50px;
border-radius: 8px;
position: relative;
font-weight: 600;
}
.marquee-block h3:before {
content: "";
left: 35px;
position: absolute;
width: 10px;
height: 10px;
background: #fff;
border-radius: 100%;
top: 22px;
} .digital-agency .dreamit-slick-slider .single-slick.four.five .hero-text-wrap h4 {
color: #0c5adb;
font-weight: 600;
border: 2px solid #0c5adb;
border-radius: 7px;
}
.digital-agency .dreamit-slick-slider .single-slick.four.five .hero-text-wrap h1 {
color: #232323;
}
.digital-agency .dreamit-slick-slider .single-slick.four .hero-text-wrap p {
font-size: 29px;
color: #686868;
margin-top: 15px;
width: 83%;
font-weight: 500;
line-height: 1.21;
}
.digital-agency .dreamit-slick-slider .slider-single-image img {
display: block;
border-radius: 0;
}
.digital-agency .dreamit-slick-slider .single-slick.four.five .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: 0;
bottom: 0px;
}
.digital-agency  .dreamit-slick-slider .single-slick.four .slider-single-image:before {
left: 129px;
top: 33%;
}
.no-shaddows .service-box.style2 {
border-radius: 10px;
filter: none;
}
span.ai-span {
color: #0c5adb;
}
span.ai-star {
color: #FFD03E;
}
.app-development input {
width: 80%;
border: 1px solid #ddd;
padding: 0 15px;
height: 60px;
border-radius:4px;
outline:0;
}
.app-development p {
position: relative;
margin: 0;
width: 80%;
}
.app-development button{
background:#0c5adb;
}
.app-development button {
background: #0c5adb;
color: #fff;
border: 0;
border-radius: 4px;
padding: 9px 25px;
text-transform: capitalize;
position: absolute;
top: 34px;
right: 109px;
} .item.style1.dit-image-carousel {
position: relative;
z-index:1;
overflow:hidden;
}
.item.style1.dit-image-carousel img {
border-radius:8px;
}
.item.style1.dit-image-carousel:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(255,255,255,0.80);
transform: scale(0);
transition:.5s;
border-radius:8px;
}
.item.style1.dit-image-carousel:hover:before{
transform:scale(1);
}
.dit-image-carousel-content {
position: absolute;
left: -301px;
bottom: 20px;
transition: .7s;
}
.item.style1.dit-image-carousel h2 a {
color: #fff;
background: #0c5adb;
display: inline-block;
padding: 10px 30px;
font-size: 23px;
border-radius:5px;
}
.item.style1.dit-image-carousel:hover .dit-image-carousel-content{
left:0px;
}@media screen and (max-width: 991px) {
.map-location-area {
display: none;
}
.section-title .title {
font-size: 36px;
} .case-study.style1 .case-grid {
grid-template-columns: repeat(2, 1fr);
} .filter-tab #tabs {
flex-wrap: wrap;
}
.filter-tab #tabs li{
margin-bottom: 30px;
flex: 0 0 auto;
width: 50%;
}
.filter-tab .content {
padding-top: 50px;
}
.filter-tab .content .text img{
margin-top: 30px;
}
.filter-tab .content .text .row{
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.dreamit-slick-slider .single-slick .content-wrapper {
top: 50%;
transform: translateY(-50%);
}
.dreamit-slick-slider .hero-text h2 {
font-size: 58px;
}
.dreamit-slick-slider .hero-text h3 {
font-size: 18px;
}
.portfolio-filter ul li {
display: block;
}
.portfolio-filter ul li::before {
top: auto;
bottom: 0;
} .case-study.style1 .case-grid {
display: block;
}
.case-study.style1 .case-grid .gird-item {
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
.filter-tab #tabs li{
width: 100%;
} .subscribe-form input[type="email"]{
width: 100%;
margin-bottom: 15px;
}
.subscribe-form input[type="submit"]{
position: static;
width: 100%;
}
}.rotation {
animation: rotate 20s linear infinite;
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.move-up-down{
animation: moving 2s linear infinite;
}
@keyframes moving {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}@font-face {
font-family: "Flaticon";
src: url(//www.digitusconsulting.com/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff2) format("woff2"), url(//www.digitusconsulting.com/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff) format("woff");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-map:before {
content: "\f100";
}
.flaticon-mail:before {
content: "\f101";
}
.flaticon-call-answer:before {
content: "\f102";
}
.flaticon-chat:before {
content: "\f103";
}
.flaticon-left-arrow:before {
content: "\f104";
}
.flaticon-right-arrow:before {
content: "\f105";
}
.flaticon-back:before {
content: "\f106";
}
.flaticon-next:before {
content: "\f107";
}
.flaticon-play-button:before {
content: "\f108";
}
.flaticon-play-button-1:before {
content: "\f109";
}
.flaticon-upload:before {
content: "\f10a";
}
.flaticon-back-1:before {
content: "\f10b";
}
.flaticon-responsive:before {
content: "\f10c";
}
.flaticon-add:before {
content: "\f10d";
}
.flaticon-play-button-2:before {
content: "\f10e";
}
.flaticon-android:before {
content: "\f10f";
}
.flaticon-fire:before {
content: "\f110";
}
.flaticon-layers:before {
content: "\f111";
}
.flaticon-computer:before {
content: "\f112";
}
.flaticon-chip:before {
content: "\f113";
}
.flaticon-cogwheels:before {
content: "\f114";
}
.flaticon-support:before {
content: "\f115";
}
.flaticon-web:before {
content: "\f116";
}
.flaticon-headset:before {
content: "\f117";
}
.flaticon-facebook:before {
content: "\f118";
}
.flaticon-drop-of-liquid:before {
content: "\f119";
}
.flaticon-drop:before {
content: "\f11a";
}
.flaticon-placeholder:before {
content: "\f11b";
}
.flaticon-shield:before {
content: "\f11c";
}
.flaticon-fountain-pen:before {
content: "\f11d";
}
.flaticon-fountain-pen-1:before {
content: "\f11e";
}
.flaticon-settings:before {
content: "\f11f";
}
.flaticon-phone-call:before {
content: "\f120";
}
.flaticon-call:before {
content: "\f121";
}
.flaticon-settings-1:before {
content: "\f122";
}
.flaticon-placeholder-1:before {
content: "\f123";
}
.flaticon-pen:before {
content: "\f124";
}
.flaticon-analytics:before {
content: "\f125";
}
.flaticon-monitor:before {
content: "\f126";
}
.flaticon-email:before {
content: "\f127";
}
.flaticon-speech-bubble:before {
content: "\f128";
}
.flaticon-suitcase:before {
content: "\f129";
}
.flaticon-communications:before {
content: "\f12a";
}
.flaticon-cash:before {
content: "\f12b";
}
.flaticon-twitter:before {
content: "\f12c";
}
.flaticon-twitter-2:before {
content: "\f12d";
}
.flaticon-instagram-logo:before {
content: "\f12e";
}
.flaticon-instagram-1:before {
content: "\f12f";
}
.flaticon-whatsapp-1:before {
content: "\f130";
}
.flaticon-linkedin-2:before {
content: "\f131";
}
.flaticon-twitter-1:before {
content: "\f132";
}
.flaticon-facebook-3:before {
content: "\f133";
}
.flaticon-whatsapp-2:before {
content: "\f134";
}
.flaticon-xiaomi:before {
content: "\f135";
}
.flaticon-odnoklassniki:before {
content: "\f136";
}
.flaticon-pinterest:before {
content: "\f137";
}
.flaticon-pinterest-1:before {
content: "\f138";
}
.flaticon-wifi:before {
content: "\f139";
}
.flaticon-light-bulb:before {
content: "\f13a";
}
.flaticon-project-management:before {
content: "\f13b";
}
.flaticon-monitor-1:before {
content: "\f13c";
}
.flaticon-camera:before {
content: "\f13d";
}
.flaticon-user:before {
content: "\f13e";
}
.flaticon-advertising:before {
content: "\f13f";
}
.flaticon-select:before {
content: "\f140";
}
.flaticon-snowflake:before {
content: "\f141";
}
.flaticon-snowflake-1:before {
content: "\f142";
}
.flaticon-travel-agency:before {
content: "\f143";
}
.flaticon-bauble:before {
content: "\f144";
}
.flaticon-temporary-agency:before {
content: "\f145";
}
.flaticon-star:before {
content: "\f146";
}
.flaticon-snow-globe:before {
content: "\f147";
}
.flaticon-christmas-tree:before {
content: "\f148";
}
.flaticon-gift:before {
content: "\f149";
}
.flaticon-mortgage:before {
content: "\f14a";
}
.flaticon-monitoring:before {
content: "\f14b";
}
.flaticon-network-1:before {
content: "\f14c";
}
.flaticon-neural:before {
content: "\f14d";
}
.flaticon-networking:before {
content: "\f14e";
}
.flaticon-cloud-computing:before {
content: "\f14f";
}
.flaticon-cloud-computing-1:before {
content: "\f150";
}
.flaticon-microchip:before {
content: "\f151";
}
.flaticon-social-care:before {
content: "\f152";
}
.flaticon-help:before {
content: "\f153";
}
.flaticon-begging:before {
content: "\f154";
}
.flaticon-customer-service:before {
content: "\f155";
}
.flaticon-support-2:before {
content: "\f156";
}
.flaticon-support-3:before {
content: "\f157";
}
.flaticon-customer-service-1:before {
content: "\f158";
}
.flaticon-customer-support:before {
content: "\f159";
}
.flaticon-headphones:before {
content: "\f15a";
}
.flaticon-social-care-1:before {
content: "\f15b";
}
.flaticon-care:before {
content: "\f15c";
}
.flaticon-user-1:before {
content: "\f15d";
}
.flaticon-phone:before {
content: "\f15e";
}
.flaticon-search:before {
content: "\f15f";
}
.flaticon-facebook-4:before {
content: "\f160";
}
.flaticon-pin:before {
content: "\f161";
}
.flaticon-user-2:before {
content: "\f162";
}
.flaticon-internet:before {
content: "\f163";
}
.flaticon-user-3:before {
content: "\f164";
}
.flaticon-chat-1:before {
content: "\f165";
}
.flaticon-team:before {
content: "\f166";
}
.flaticon-connection:before {
content: "\f167";
}
.flaticon-bar-chart:before {
content: "\f168";
}
.flaticon-money:before {
content: "\f169";
}
.flaticon-file:before {
content: "\f16a";
}
.flaticon-linkedin-3:before {
content: "\f16b";
}
.flaticon-pinterest-2:before {
content: "\f16c";
}
.flaticon-google-browser:before {
content: "\f16d";
}
.flaticon-gmail-1:before {
content: "\f16e";
}
.flaticon-gmail-3:before {
content: "\f16f";
}
.flaticon-vimeo:before {
content: "\f170";
}
.flaticon-vimeo-2:before {
content: "\f171";
}
.flaticon-skype:before {
content: "\f172";
}
.flaticon-skype-1:before {
content: "\f173";
}
.flaticon-skype-2:before {
content: "\f174";
}
.flaticon-skype-3:before {
content: "\f175";
}
.flaticon-google-plus-logo:before {
content: "\f176";
}
.flaticon-like:before {
content: "\f177";
}
.flaticon-clock:before {
content: "\f178";
}
.flaticon-loupe:before {
content: "\f179";
}
.flaticon-money-1:before {
content: "\f17a";
}
.flaticon-hand-shake:before {
content: "\f17b";
}
.flaticon-team-1:before {
content: "\f17c";
}
.flaticon-money-2:before {
content: "\f17d";
}
.flaticon-man:before {
content: "\f17e";
}
.flaticon-value:before {
content: "\f17f";
}
.flaticon-share:before {
content: "\f180";
}
.flaticon-time:before {
content: "\f181";
}
.flaticon-school:before {
content: "\f182";
}
.flaticon-chart:before {
content: "\f183";
}
.flaticon-data:before {
content: "\f184";
}
.flaticon-photo:before {
content: "\f185";
}
.flaticon-internet-1:before {
content: "\f186";
}
.flaticon-money-3:before {
content: "\f187";
}
.flaticon-payment:before {
content: "\f188";
}
.flaticon-pin-1:before {
content: "\f189";
}
.flaticon-time-1:before {
content: "\f18a";
}
.flaticon-idea:before {
content: "\f18b";
}
.flaticon-download:before {
content: "\f18c";
}
.flaticon-growth:before {
content: "\f18d";
}
.flaticon-multimedia:before {
content: "\f18e";
}
.flaticon-network-2:before {
content: "\f18f";
}
.flaticon-next-1:before {
content: "\f190";
}
.flaticon-origami:before {
content: "\f191";
}
.flaticon-share-1:before {
content: "\f192";
}
.flaticon-clock-1:before {
content: "\f193";
}
.flaticon-refresh:before {
content: "\f194";
}
.flaticon-avatar:before {
content: "\f195";
}
.flaticon-support-4:before {
content: "\f196";
}
.flaticon-cursor:before {
content: "\f197";
}
.flaticon-brain:before {
content: "\f198";
}
.flaticon-laptop:before {
content: "\f199";
}
.flaticon-arrow:before {
content: "\f19a";
}
.flaticon-mortarboard:before {
content: "\f19b";
}
.flaticon-avatar-1:before {
content: "\f19c";
}
.flaticon-chat-2:before {
content: "\f19d";
}
.flaticon-question:before {
content: "\f19e";
}
.flaticon-test:before {
content: "\f19f";
}
.flaticon-doctor:before {
content: "\f1a0";
}
.flaticon-support-5:before {
content: "\f1a1";
}
.flaticon-map-1:before {
content: "\f1a2";
}
.flaticon-eye:before {
content: "\f1a3";
}
.flaticon-money-4:before {
content: "\f1a4";
}
.flaticon-world:before {
content: "\f1a5";
}
.flaticon-school-1:before {
content: "\f1a6";
}
.flaticon-chat-3:before {
content: "\f1a7";
}
.flaticon-idea-1:before {
content: "\f1a8";
}
.flaticon-support-6:before {
content: "\f1a9";
}
.flaticon-diamond:before {
content: "\f1aa";
}
.flaticon-time-2:before {
content: "\f1ab";
}
.flaticon-bag:before {
content: "\f1ac";
}
.flaticon-contract:before {
content: "\f1ad";
}
.flaticon-report:before {
content: "\f1ae";
}
.flaticon-folder:before {
content: "\f1af";
}
.flaticon-truck:before {
content: "\f1b0";
}
.flaticon-document:before {
content: "\f1b1";
}
.flaticon-plane:before {
content: "\f1b2";
}
.flaticon-time-3:before {
content: "\f1b3";
}
.flaticon-trash:before {
content: "\f1b4";
}
.flaticon-pin-2:before {
content: "\f1b5";
}
.flaticon-think:before {
content: "\f1b6";
}
.flaticon-idea-2:before {
content: "\f1b7";
}
.flaticon-download-1:before {
content: "\f1b8";
}
.flaticon-bell:before {
content: "\f1b9";
}
.flaticon-lock:before {
content: "\f1ba";
}
.flaticon-upload-1:before {
content: "\f1bb";
}
.flaticon-cinema:before {
content: "\f1bc";
}
.flaticon-goal:before {
content: "\f1bd";
}
.flaticon-work:before {
content: "\f1be";
}
.flaticon-design:before {
content: "\f1bf";
}
.flaticon-search-1:before {
content: "\f1c0";
}
.flaticon-food:before {
content: "\f1c1";
}
.flaticon-alert:before {
content: "\f1c2";
}
.flaticon-brain-1:before {
content: "\f1c3";
}
.flaticon-book:before {
content: "\f1c4";
}
.flaticon-time-4:before {
content: "\f1c5";
}
.flaticon-shield-1:before {
content: "\f1c6";
}
.flaticon-time-5:before {
content: "\f1c7";
}
.flaticon-man-1:before {
content: "\f1c8";
}
.flaticon-brain-2:before {
content: "\f1c9";
}
.flaticon-water:before {
content: "\f1ca";
}
.flaticon-content:before {
content: "\f1cb";
}
.flaticon-data-1:before {
content: "\f1cc";
}
.flaticon-like-1:before {
content: "\f1cd";
}
.flaticon-time-6:before {
content: "\f1ce";
}
.flaticon-sign:before {
content: "\f1cf";
}
.flaticon-book-1:before {
content: "\f1d0";
}
.flaticon-adjust:before {
content: "\f1d1";
}
.flaticon-menu:before {
content: "\f1d2";
}
.flaticon-calendar:before {
content: "\f1d3";
}
.flaticon-eye-1:before {
content: "\f1d4";
}
.flaticon-clock-2:before {
content: "\f1d5";
}
.flaticon-share-2:before {
content: "\f1d6";
}
.flaticon-fingerprint:before {
content: "\f1d7";
}
.flaticon-signal:before {
content: "\f1d8";
}
.flaticon-lock-1:before {
content: "\f1d9";
}
.flaticon-water-1:before {
content: "\f1da";
}
.flaticon-code:before {
content: "\f1db";
}
.flaticon-repeat:before {
content: "\f1dc";
}
.flaticon-map-2:before {
content: "\f1dd";
}
.flaticon-message:before {
content: "\f1de";
}
.flaticon-network-3:before {
content: "\f1df";
}
.flaticon-more:before {
content: "\f1e0";
}
.flaticon-random:before {
content: "\f1e1";
}
.flaticon-sign-1:before {
content: "\f1e2";
}
.flaticon-mail-1:before {
content: "\f1e3";
}
.flaticon-adjust-1:before {
content: "\f1e4";
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}