.style-nine .bar-main {
display: none;
}
.style-nine .section-title h5 {
font-size: 16px;
text-transform: inherit;
font-weight: 500;
margin: 0 0 17px 0;
}
.style-nine .section-title h3 {
font-size: 36px;
}
.style-nine .section-title h2 {
font-size: 36px;
}
.style-nine .section-title.t_center {
margin: auto;
text-align: center;
position: relative;
z-index: 99;
margin-bottom: 30px;
}
.style-nine .section-title.t_left {
margin-bottom: 22px;
}
.style-nine .section-title.t_left p {
margin-top: 18px;
margin-bottom: 0;
width: 100%;
} .feature-box.style-12 {
background: #F7F7F7;
text-align: center;
padding: 39px 21px 47px;
transition: 0.5s;
position: relative;
overflow: hidden;
z-index: 1;
margin: 0;
}
.feature-box.style-12:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
top: 0;
transform: scale(0);
background: #050A1E;
z-index: -1;
transition: 0.5s;
}
.feature-box.style-12:hover:before {
transform: scale(1);
}
.feature-box.style-12:after {
position: absolute;
content: "";
top: -136px;
left: -137px;
z-index: 1;
height: 300px;
width: 300px;
opacity: 0;
transition: 0.5s;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/feature-box-shape1.png);
}
.feature-box.style-12:hover:after {
opacity: 1;
}
.feature-box.style-12 .feature-box-icon i {
display: inline-block;
color: #FF3B00;
font-size: 45px;
transition: 0.3s;
}
.feature-box.style-12:hover .feature-box-title h2 {
color: #ffffff;
}
.feature-box.style-12 .feature-box-desc p {
transition: .5s;
padding: 0 0 10px 0;
}
.feature-box.style-12 .btn-read-more a{
font-size: 16px;
color: #050a1e;
font-weight: 400;
border-bottom: 1px solid #AEAFB4;
transition: 0.3s;
font-family: "Rubik",Sans-serif;
}
.feature-box.style-12 .btn-read-more a i {
display: inline-block;
font-size: 14px;
transform: rotate(309deg);
position: relative;
left: 6px;
top: 0px;
color: #050a1e;
transition: 0.3s;
}
.feature-box.style-12 .feature-box-title h2 {
font-size: 20px;
font-weight: 500;
margin: 12px 0 17px;
transition: 0.5s;
}
.feature-box.style-12:hover .feature-box-desc p {
color: #9d9d9d;
}
.feature-box.style-12:hover .btn-read-more a {
color: #ff3c00;
border-bottom: 1px solid #ff3c00;
}
.feature-box.style-12:hover .btn-read-more a i{
color: #ff3c00;
} .feature-box.style-13 {
text-align: center;
padding: 32px 13px 12px;
transition: 0.5s;
position: relative;
overflow: hidden;
z-index: 1;
margin: 0;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid rgba(85,85,85,0.1);
}
.feature-box.style-13:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
top: 0;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/branding-feture-shape.png);
background-repeat:no-repeat;
background-size:cover;
z-index: -1;
transition: 0.5s;
height:0%;
}
.feature-box.style-13:hover:before {
height:100%;
}
.feature-box.style-13 .feature-box-icon i {
display: inline-block;
color: #FF3B00;
font-size: 45px;
transition: 0.3s;
}
.feature-box.style-13:hover .feature-box-icon i{
color: #fff;
}
.feature-box.style-13:after {
position: absolute;
content: "";
left: 0;
right: 0;
margin: auto;
top: 0;
width: 80px;
height: 112px;
background-color: #f6f7f9;
z-index: -1;
border-radius: 0 0 40px 40px;
transition: 0.5s;
}
.feature-box.style-13:hover:after {
opacity: 0.25;
background-color: #ff3c00;
}
.feature-box.style-13 .feature-box-title h2 {
font-size: 20px;
font-weight: 500;
margin: 16px 0 10px;
transition: 0.5s;
}
.feature-box.style-13:hover .feature-box-title h2 {
color: #ffffff;
}
.feature-box.style-13 .feature-box-desc p {
transition: .5s;
padding: 0 0 10px 0;
}
.feature-box.style-13:hover .feature-box-desc p {
color: #fff;
}
.feature-box.style-13:hover .btn-read-more a {
color: #ff3c00;
border-bottom: 1px solid #ff3c00;
} .dit-button.style-eight a {
display: inline-block;
background: #050A1E;
color: #fff;
padding: 15px 32px 15px 60px;
margin-top: 19px;
font-weight: 500;
font-family: "Poppins";
position: relative;
z-index: 1;
transition: 0.5s;
border: 1px solid #050A1E;
}
.dit-button.style-eight a:before {
position: absolute;
content: "";
width: 0;
height: 100%;
right: 0;
top: 0;
background: #fff;
z-index: -1;
transition: 0.5s;
}
.dit-button.style-eight a:after {
position: absolute;
content: "";
left: 0;
left: 22px;
top: 11px;
height: 33px;
width: 33px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/setting.png);
background-repeat: no-repeat;
background-position: center center;
}
.dit-button.style-eight a:hover {
border: 1px solid #FF3C00;
}
.dit-button.style-eight a:hover:before {
width: 100%;
left: 0;
background: #FF3C00;
}
.dit-button.style-nine a {
display: inline-block;
background: #FF3C00;
color: #fff;
padding: 15px 32px 15px 60px;
margin-top: 0;
font-weight: 500;
position: relative;
z-index: 1;
transition: 0.5s;
border: 1px solid #FF3C00;
}
.dit-button.style-nine a:before {
position: absolute;
content: "";
width: 0;
height: 100%;
right: 0;
top: 0;
background: #fff;
z-index: -1;
transition: 0.5s;
}
.dit-button.style-nine a:after {
position: absolute;
content: "";
left: 0;
left: 22px;
top: 11px;
height: 33px;
width: 33px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/setting.png);
background-repeat: no-repeat;
background-position: center center;
}
.dit-button.style-nine a:hover {
border: 1px solid #050A1E;
}
.dit-button.style-nine a:hover:before {
width: 100%;
left: 0;
background: #050A1E;
} .dit-button.style-ten a {
display: inline-block;
color: #fff;
padding: 15px 32px 15px 60px;
margin-top: 0;
font-weight: 500;
position: relative;
z-index: 1;
transition: 0.5s;
background: transparent;
border: 2px solid #78878E;
}
.dit-button.style-ten a:before {
position: absolute;
content: "";
width: 0;
height: 100%;
right: 0;
top: 0;
background: #FF3C00;
z-index: -1;
transition: 0.5s;
}
.dit-button.style-ten a:after {
position: absolute;
content: "";
left: 0;
left: 22px;
top: 11px;
height: 33px;
width: 33px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/setting.png);
background-repeat: no-repeat;
background-position: center center;
}
.dit-button.style-ten a:hover:before {
width: 100%;
left: 0;
}
.dit-button.style-ten a:hover {
border-color:#FF3C00;
} .icon-box.style-14 {
background: #fff;
padding: 9px 9px 9px;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.icon-box.style-14 .icon-box-icon {
display: flex;
}
.icon-box.style-14:before {
position: absolute;
content: "";
width: 0;
height: 100%;
top: 0;
left: 0;
background: #ff3c00;
z-index: -1;
transition: 0.5s;
}
.icon-box.style-14:hover:before {
width: 100%;
}
.icon-box.style-14 .title h2 {
display: inline-block;
font-size: 18px;
line-height: 28px;
color: #050a1e;
font-weight: 500;
transition: 0.5s;
margin: 0;
}
.icon-box.style-14 .title {
position: relative;
margin: auto;
}
.icon-box.style-14:hover .title h2 {
color: #fff;
}
.icon-box.style-14 .icon {
background: #F0F0F0;
width: 114px;
height: 88px;
text-align: center;
line-height: 88px;
margin-right: 19px;
transition: 0.5s;
}
.icon-box.style-14:hover .icon {
background: #fff;
}
.icon-box.style-14 .icon-box-icon .icon i {
display: inline-block;
font-size: 45px;
color: #f12a02;
transition: 0.5s;
} .style-nine .dreamit-single-cases-study {
position: relative;
transition: 0.5s;
overflow: hidden;
z-index: 1;
}
.style-nine .em-cases-study-content {
position: absolute;
bottom: 30px;
left: 0;
width: 83%;
right: 0;
margin: auto;
z-index: 1;
opacity: 1;
padding: 0;
background-color: rgba(255,255,255,0.14901960784313725);
}
.style-nine .dreamit-single-cases-study:hover .em-cases-study-content {
bottom: 30px;
left: 0;
width: 83%;
right: 0;
margin: auto;
}
.style-nine .em-cases-study-content:before {
position: absolute;
content: "";
width: 3px;
height: 100%;
background: #ff3c00;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s;
}
.style-nine .dreamit-single-cases-study:hover .em-cases-study-content:before {
width: 100%;
}
.style-nine .em-cases-study-title h2 a {
display: inline-block;
padding: 18px 0 18px 22px;
font-size: 20px;
color: #ffffff;
font-weight: 600;
transition: 0.5s;
}
.style-nine .case_category {
display: none;
}
.style-nine .em-cases-study-title h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 0 0 0 0;
text-align: left;
}
.style-nine .btn-details a {
position: absolute;
top: 20px;
right: 19px;
opacity: 0;
transition: 0.5s;
z-index: 2;
}
.style-nine .btn-details a i {
background: #ff3c00;
color: #fff;
width: 54px;
height: 54px;
text-align: center;
line-height: 55px;
border-radius: 50px;
font-size: 20px;
transform: rotate(317deg);
margin: auto;
display: inline-block;
}
.style-nine .dreamit-single-cases-study:hover .btn-details a {
opacity: 1;
}
.case-study-thumb::after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(5,9,29,0.99) 0%, rgba(5,9,29,0) 64%, rgba(5,9,29,0) 100%);
content: "";
opacity: 1;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 5px;
} .service-cursousel-style-six {
text-align: center;
background-color: rgba(255,255,255,0.10196078431372549);
border: 2px solid rgba(255,255,255,0.2);
padding: 28px 0 0 0;
margin: 0 -4px 0;
position: relative;
z-index: 1;
transition: 0.5s;
}
.service-cursousel-style-six:before {
position: absolute;
content: "";
width: 100%;
height: 0;
left: 0;
bottom: 0;
background: #ff3c00;
z-index: -1;
transition: 0.5s;
}
.service-cursousel-style-six:hover:before {
height: 100%;
border: 1px solid #ff3c00;
}
.service-cursousel-style-six:hover {
border: 2px solid #ff3c00;
}
.service-cursousel-style-six .service-box-icon {
border: 1px solid rgba(255,255,255,0.2);
display: inline-block;
width: 84px;
height: 84px;
line-height: 84px;
border-radius: 100%;
position: relative;
transition: 0.5s;
}
.service-cursousel-style-six .service-box-icon i {
display: inline-block;
color: #FF3C00;
transition: 0.5s;
}
.service-cursousel-style-six .service-box-title h3 {
font-size: 18px;
font-weight: 500;
color: #fff;
margin-top: 49px;
position: relative;
}
.service-cursousel-style-six .service-box-title h3:before {
position: absolute;
content: "";
width: 20px;
height: 2px;
left: 0;
right: 0;
top: -21px;
background: #ff3c00;
margin: auto;
transition: 0.5s;
}
.service-cursousel-style-six.slick-slide {
height: inherit;
}
.service-cursousel-style-six .service-btn {
display:none;
}
.service-cursousel-style-six.slick-slide.service-box {
margin: 0 10px 40px 10px;
}
.service-cursousel-style-six:hover .service-box-title h3:before {
background: #ffffff;
}
.service-cursousel-style-six:hover .service-box-icon {
border: 1px solid #fff;
}
.service-cursousel-style-six:hover .service-box-icon i{
color:#fff;
}
.element-email-icon i{
padding: 9px 0 0 0;
}
.brand-item {
-webkit-filter: grayscale(100%);
transition: .5s;
}
.brand-item:hover {
-webkit-filter: grayscale(0);
} .single_testimonial.style10 {
background: #fff;
padding: 41px 41px 3px;
position: relative;
margin-top: 18px;
}
.single_testimonial.style10 .testi_content {
padding: 25px 0 0;
text-align: left;
line-height: 26px;
}
.single_testimonial.style10 .testi_text {
font-size: 15px;
font-style: inherit;
width: 100%;
margin: 0 auto 0;
}
.single_testimonial.style10 .testi_title h2 {
font-size: 22px;
text-align: left;
}
.single_testimonial.style10 .testi_title span {
font-size: 16px;
position: relative;
color: #686868;
font-weight: 300;
padding: 0;
margin: 5px 0 0 0;
}
.single_testimonial.style10 .em_reviews_rating i {
color: #FF3C00;
margin-left: 4px;
font-size: 14px;
}
.single_testimonial.style10 .em_reviews_rating {
position: absolute;
right: 42px;
top: 50px;
}
.single_testimonial.style10 .author {
background: #EEEEEE;
width: 80px;
height: 78px;
text-align: center;
line-height: 76px;
margin-right: 17px;
margin-top: -3px;
}
.single_testimonial.style10 .author img {
position: relative;
top: 18px;
}
.single_testimonial.style10 .testi_title {
margin-top: 0;
}
.single_testimonial.style10:before {
position: absolute;
content: "";
width: 90px;
height: 9px;
left: -10px;
top: -10px;
background: #E7E7E7;
transition: 0.5s;
}
.single_testimonial.style10:after {
position: absolute;
content: "";
width: 9px;
height: 80px;
left: -10px;
top: -1px;
background: #E7E7E7;
transition: 0.5s;
}
.single_testimonial.style10:hover:before {
background: #ff3c00;
}
.single_testimonial.style10:hover:after {
background: #ff3c00;
} .style10 .section-title.t_center h5 {
position: relative;
margin: 0 0 22px 0;
display: inline-block;
}
.style10 .section-title.t_left h5 {
position: relative;
margin: 0 0 22px 0;
left: 55px;
display: inline-block;
}
.style10 .section-title.t_center h5:before {
position: absolute;
content: "";
top: 9px;
left: -50px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style10 .section-title.t_left h5:before {
position: absolute;
content: "";
top: 10px;
left: -50px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style10 .section-title.t_center h5:after {
position: absolute;
content: "";
top: 9px;
right: -50px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style10 .section-title h2 {
font-size: 38px;
}
.style10 .section-title.t_center p {
width: 70%;
margin: 26px auto 0;
}
.style10 .section-title.t_center {
margin-bottom: 35px;
}
.style10 .section-title.t_left {
margin-bottom: 22px;
}
.style10 .section-title h3, 
.section-title h2 {
font-size: 38px;
}
.style10 .section-title.t_left p {
margin: 26px auto 0;
} .dit-button.style-12 a {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
text-transform: capitalize;
padding: 15px 48px;
transition: .5s;
position: relative;
z-index: 1;
font-weight: 500;
border-radius: 30px;
overflow: hidden;
font-family: 'Fira Sans';
}
.dit-button.style-12 a:before {
position: absolute;
content: "";
background: #232323;
height: 100%;
width: 0;
transition: .5s;
z-index: -1;
top: 0;
right: 0;
left: inherit;
border-radius: 30px;
}
.dit-button.style-12 a:hover:before {
width: 100%;
left: 0;
} .counter-box-style-7{
border-radius: 120px;
filter: drop-shadow(0px 10px 25px rgba(109,109,109,0.1));
background-color: #ffffff;
}
.single_counter.style-7 {
text-align: center;
}
.single_counter.style-7 #counter {
margin: 0;
padding: 0;
list-style: none;
}
.single_counter.style-7 .countr_text > h1 {
font-size: 40px;
font-weight: 600;
color: #FF3C00;
display: inline-block;
font-family: 'Fira Sans';
}
.single_counter.style-7 .countr_text > h3 {
font-size: 45px;
color: #FF3C00;
display: inline-block;
margin: 0;
font-family: "Rubik",Sans-serif;
font-weight: 500;
}
.single_counter.style-7 .counter_title h4 {
text-transform: capitalize;
margin-top: 4px;
letter-spacing: 0;
font-family: "Rubik",Sans-serif;
font-size: 17px;
color: #555555;
font-weight: 500;
} .service-box.style25 {
display: flex;
align-items: center;
padding: 28px 25px 17px 26px;
position: relative;
margin: 0 0 10px 50px;
border-radius: 10px;
filter: drop-shadow(0px 15px 30px rgba(109,109,109,0.1));
background-color: #ffffff;
}
.service-box.style25 .service-box-icon {
margin-bottom: 15px;
display: inline-block;
color: #FF3C00;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 35px;
background-color: #f6f7f9;
text-align: center;
}
.service-box.style25 .service-content {
padding-left: 29px;
}
.service-box.style25 .service-content h3 {
font-size: 19px;
line-height: 28px;
color: #232323;
font-weight: 600;
margin: 0 0 9px;
}
.service-box.style25 .service-content p {
font-size: 16px;
line-height: 28px;
color: #555555;
font-weight: 400;
} .single_testimonial.style11 {
text-align: left;
border-radius: 5px;
filter: drop-shadow(0px 10px 25px rgba(104,104,104,0.08));
padding: 40px 30px 40px 36px;
background: #fff;
margin: 10px 0;
}
.single_testimonial.style11 .testi_text {
width: inherit;
margin: 0;
font-size: 15px;
line-height: 28px;
color: #555555;
font-weight: 400;
padding: 20px 00 0 0;
font-style: inherit;
}
.single_testimonial.style11 .testi_title {
margin: 0 0 0 20px;
}
.single_testimonial.style11 .testi_title h2 {
margin-bottom: 0px;
text-transform: capitalize;
letter-spacing: 0;
font-size: 20px;
color: #232323;
font-weight: 600;
}
.single_testimonial.style11 .testi_title span {
display: block;
padding-top: 5px;
transition: .5s;
font-size: 16px;
color: #ff3c00;
font-weight: 400;
}
.single_testimonial.style11 .testi-single-thumb {
display: flex;
align-items: center;
position: relative;
}
.single_testimonial.style11 .testi-single-thumb:before {
content: "";
position: absolute;
top: 30px;
right: 0;
height: 40px;
width: 60px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/testi-qu.png);
background-repeat: no-repeat;
background-position: center;
}
.testimonial_list_style11.owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial_list_style11.owl-carousel .owl-nav .owl-next {
left: auto;
right: -50px;
display: none;
}
.testimonial_list_style11.owl-carousel  .owl-nav .owl-prev {
right: auto;
left: -50px;
display: none;
}
.testimonial_list_style11.owl-carousel .owl-dots.disabled {
display: block;
}
.testimonial_list_style11.owl-carousel .owl-dot {
width: 30px;
margin: 0 7px;
}
.testimonial_list_style11.owl-carousel .owl-dots {
bottom: -55px;
}
.testimonial_list_style11.owl-carousel .owl-dot.active {
background: #FF3C00;
} .branding-shape {
position: absolute !important;
left: 0;
top: 50%;
z-index: -1;
}
.branding-shape img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape {
position: absolute !important;
left: 0;
top: 50%;
z-index: -1;
}
.finace-shape img {
-webkit-animation: moveBounce 2.5s linear infinite;
animation: moveBounce 2.5s linear infinite;
}
.finace-shape-two {
position: absolute !important;
left: 0;
top: 40%;
z-index: -1;
}
.finace-shape-two img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape-three {
position: absolute !important;
left: 50%;
top: 15%;
z-index: -1;
}
.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 1.5s alternate infinite;
animation: about-dance 1.5s alternate infinite;
}
@keyframes about-dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.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);
}
}
.finace-shape-border{
position:relative;
transition:0.5s;
}
.finace-shape-border:hover{
left:-15px;
transition:0.5s;
} .single_testimonial.style12 {
position: relative;
top: 0;
margin: 0 -15px 0 -15px;
padding: 0;
background: #F1F2F3;
}
.single_testimonial.style12 .testi-single-thumb {
align-items: center;
float: left;
}
.single_testimonial.style12 .testi-single-thumb {
float: left;
margin-right: 28px;
position: relative;
margin-left: 0;
display: inline-block;
top: 0;
background: #000;
padding: 26px;
z-index: 1;
}
.single_testimonial.style12 .testi_title h2 {
font-size: 16px;
text-align: left;
font-weight: 400;
font-family: 'Rubik';
}
.single_testimonial.style12 .testi_title span {
font-size: 15px;
font-weight: 400;
position: relative;
color: #FF3C00;
margin: 0 5px 0 0;
display: inline-block;
}
.single_testimonial.style12 .testi_content {
text-align: left;
line-height: 26px;
padding: 25px 0 28px 0;
margin: 0;
}
.single_testimonial.style12 .testi_text {
width: 100%;
font-size: 15px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-style: italic;
font-family: "Rubik";
}
.single_testimonial.style12 .author {
border: 3px solid #FF3C00;
border-radius: 50%;
height: 78px;
width: 78px;
}
.single_testimonial.style12 .testi_title {
margin-top: 0;
}
.style-six.style-12 .section-title h3 {
font-size: 36px;
}
.style-six.style-12 .section-title .title h2 {
font-size: 36px;
}
.single_testimonial.style12 .testi-single-thumb:before {
position: absolute;
top: 0;
left: 0;
content: "";
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/finace-shape-line.png);
background-repeat: no-repeat;
z-index:-1;
} .dit-button.style-14 a {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
text-transform: capitalize;
padding: 18px 49px 16px 49px;
transition: .5s;
position: relative;
z-index: 1;
font-weight: 500;
border-radius: 30px;
overflow: hidden;
font-family: 'Fira Sans';
}
.dit-button.style-14 a:hover {
color: #fff;
}
.dit-button.style-14 a:before {
position: absolute;
content: "";
background: rgb(255, 119, 119);
height: 3px;
width: 100%;
transition: .5s;
z-index: -1;
bottom: 0;
right: 0;
border-radius: 30px;
}
.dit-button.style-14 a:hover:before {
height: 100%;
} .service-box.style-27 {
background: #fff;
padding: 35px 30px 30px 30px;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 0 10px 0;
transition:0.5s;
}
.service-box.style-27:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/finace-service-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
transition:0.5s;
}
.service-box.style-27:hover:before {
width: 100%;
}
.service-box.style-27 .service-box-img {
position: relative;
z-index: 1;
transition: 0.5s;
}
.service-box.style-27:hover .service-box-img img{
filter: brightness(0)invert(1);
}
.service-box.style-27 .service-content h3 {
font-size: 18px;
line-height: 26px;
color: #232323;
font-weight: 500;
width: 85%;
margin: 27px 0 20px 0;
transition:0.5s;
}
.service-box.style-27:hover .service-content h3 {
color: #fff;
}
.service-box.style-27 .service-number {
display: inline-block;
position: absolute;
top: 0;
right: 0;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
background: #FF3C00;
transition:0.5s;
}
.service-box.style-27 .service-box-number {
background: #FF3C00;
position: relative;
margin: 0;
color: #fff;
font-size: 16px;
transition:0.7s;
}
.service-box.style-27:hover .service-box-number {
color: #FF3C00;
background: #fff;
}
.service-box.style-27 .service-box-number::before {
display:none;
}
.service-box.style-27 .service-bar {
background: #E9E9E9;
height: 2px;
width: 100%;
position: relative;
border-radius: 30px;
margin: 0 0 23px 0;
transition:0.5s;
}
.service-box.style-27:hover .service-bar {
background-color: rgba(255,255,255,0.2);
}
.service-box.style-27 .service-content p {
font-size: 16px;
line-height: 26px;
color: #6d6d6d;
font-weight: 400;
font-family: "Rubik";
transition:0.5s;
}
.service-box.style-27:hover .service-content p {
color: #fff;
}
.service-box.style-27 .service-btn {
margin-top: 26px;
}
.service-box.style-27 .service-btn a {
border-radius: 20px;
background-color: #ffffff;
border: 1px solid rgba(35,35,35,0.1);
padding: 9px 20px 9px 20px;
font-size: 14px;
color: #232323;
font-weight: 400;
text-align: center;
font-family: "rubik";
text-transform: inherit;
transition:0.5s;
}
.service-box.style-27:hover .service-btn a {
color: #fff;
background-color: inherit;
border: 1px solid #fff;
}
.service-box.style-27 .service-btn a i {
color: #ff3c00;
font-size: 11px;
transition:0.5s;
}
.service-box.style-27:hover .service-btn a i {
color: #fff;
} .service-box.style-27 .service-bar:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 2px;
width: 30px;
background: #FF3C00;
color: #FF3C00;
border-radius: 10%;
-webkit-animation: Servive-MOVIE-BG 6s linear infinite alternate;
-moz-animation: Servive-MOVIE-BG 6s linear infinite alternate;
-o-animation: Servive-MOVIE-BG 6s linear infinite alternate;
animation: Servive-MOVIE-BG 6s linear infinite alternate;
opacity: 1;
z-index: 1;
transition:0.5s;
}
.service-box.style-27:hover .service-bar:before {
color: #fff;
background: #FFf;
}
@keyframes Servive-MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(170px);
transform: translateX(170px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .finace-whychoose-rotateme {
-webkit-animation-name: finace-whychoose-rotateme;
animation-name: finace-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 finace-whychoose-rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.finace-progress-css .elementor-title {
position: relative;
top: -9px;
}
.finace-progress-css .elementor-progress-percentage {
margin-top: -26px;
font-size: 16px;
} .single-counter.style9 {
background: #f4f4f4;
text-align: center;
position: relative;
z-index: 1;
padding: 30px 0 25px 0;
}
.single-counter.style9 .count.percent {
font-size: 30px;
line-height: 22px;
color: #232323;
font-weight: 600;
}
.single-counter.style9 .icon i {
font-size: 45px;
color: #ff3c00;
}
.single-counter.style9 h6 {
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: 400;
font-family: "Rubik";
margin: 0;
padding: 8px 0 0 0;
}
.single-counter.style9 #counter {
position: relative;
z-index: 1;
margin: 27px 0 0 0;
}
.single-counter.style9 .plus {
color: #FF3C00;
position: relative;
top: -15px;
line-height: 0;
font-size: 15px;
font-weight: 700;
padding: 0;
}
.single-counter.style9 .counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: inherit;
margin-right: 0;
}
.single-counter.style9.style10 .count.percent {
display: none;
}
.single-counter.style9.style10 {
background: inherit;
padding: 48px 0 39px 0;
}
.single-counter.style9.style10 h6 {
color: #fff;
}
.single-counter.style9.style10 #counter {
position: relative;
z-index: 1;
margin: 7px 0 0 0;
}
.single-counter.style9.style11 {
background: inherit;
}
.single-counter.style9.style11 .count.percent {
color: #fff;
font-size: 40px;
}
.single-counter.style9.style11 h6 {
color: #9d9ea6;
}
.single-counter.style9.style11 .plus {
font-size: 40px;
top:2px;
}
.single-counter.style9.style11 #counter {
margin: 0;
right: 0;
position: relative;
display: inline-block;
text-align: left;
}
.single-counter.style9.style11 {
padding: 0;
position: relative;
right: 0;
text-align: right;
}
.single-counter.style9.style11 .counter-box-thumb {
display: none;
} .style-nine.style11 .case-study-thumb {
position: relative;
z-index: 1;
transition: 0.5s;
}
.style-nine.style11 .case-study-thumb :before {
content: "";
position: absolute;
height: 78px;
width: 78px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/finace-case-hover-shape.png);
top: -80px;
right: -80px;
transition:0.5s;
}
.style-nine.style11 .dreamit-single-cases-study:hover .case-study-thumb :before {
top: 0;
right: 0;
}
.style-nine.style11 .case_category {
display: block;
text-align: left;
}
.style-nine.style11 .em-cases-study-content:before {
display:none;
}
.style-nine.style11 .em-cases-study-content {
position: absolute;
bottom: -140px;
left: 0;
right: inherit;
width: 80%;
z-index: 1;
opacity: 1;
padding: 27px 0 22px 30px;
background-color: #fff;
transition: 0.5s;
}
.style-nine.style11 .dreamit-single-cases-study:hover .em-cases-study-content {
bottom: 30px;
left: 0;
width: 80%;
right: inherit;
margin: inherit;
}
.style-nine.style11 .em-cases-study-title h2 a {
display: inline-block;
padding: 11px 0 8px 0;
font-size: 20px;
color: #232323;
font-weight: 600;
transition: 0.5s;
}
.style-nine.style11 .em-cases-study-title h2 a:hover {
color: #ff3c00;
}
.style-nine.style11 .case_category span a {
font-size: 16px;
line-height: 22px;
color: #ff3c00;
font-weight: 500;
position: relative;
padding: 0 0 0 30px;
}
.style-nine.style11 .case_category span a:before {
background: #ff3c00;
font-weight: 500;
content: "";
position: absolute;
height: 2px;
width: 20px;
top: 9px;
left: 0;
}
.style-nine.style11 .dreamit-single-cases-study:hover .em-cases-study-content {
bottom: 30px;
left: 0;
width: 80%;
right: inherit;
margin: inherit;
}
.style-nine.style11 .btn-details a {
position: relative;
top: 0;
right: 0;
opacity: 1;
transition: 0.5s;
z-index: 2;
}
.style-nine.style11 .btn-details a {
position: absolute;
top: -25px;
right: -25px;
opacity: 1;
transition: 0.5s;
z-index: 2;
}
.style-nine.style11 .btn-details a i {
background: #ff3c00;
color: #fff;
width: 48px;
height: 48px;
text-align: center;
line-height: 50px;
border-radius: 50px;
font-size: 16px;
transform: rotate(0deg);
margin: auto;
display: inline-block;
border:1px solid #ff3c00;
transition:0.5s;
}
.style-nine.style11 .btn-details a:hover i {
background: #fff;
color: #ff3c00;
}
.style-nine.style11 .case-study-thumb::after {
display:none;
}
.style-nine.style11 .case-study-thumb::before {
display:none;
}
.style-nine.style11 .owl-dots {
position: absolute;
left: 50%;
bottom: -93px;
border-radius: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.dit-button.style-14.style15 a {
background: #232323;
}
.dit-button.style-14.style15 a:before {
background: #7a7a7a;
} .single_testimonial.style13 {
text-align: left;
margin: 10px 0;
transition:0.5s;
}
.single_testimonial.style13 .testi_content {
background: #fff;
padding: 42px 0 40px 32px;
position: relative;
z-index: 1;
}
.single_testimonial.style13 .testi_content:before {
content: "";
position: absolute;
width: 4px;
height: 120px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/testi-img-bg.png);
left: 0;
top: 0;
bottom: 0;
margin: auto;
transition:0.5s;
z-index:-1;
}
.single_testimonial.style13:hover .testi_content:before {
width:100%;
height: 100%;
}
.single_testimonial.style13 .testi_content:after {
content: "";
position: absolute;
width: 18px;
height: 18px;
background: #fff;
left: 20px;
bottom: -9px;
transition: 0.5s;
z-index: -9;
transform: rotate(45deg);
}
.single_testimonial.style13:hover .testi_content:after {
background: #FF3C00;
}
.single_testimonial.style13 .testi_text {
width: inherit;
margin: 0;
padding: 0;
font-style: inherit;
font-size: 16px;
line-height: 30px;
color: #686868;
font-weight: 400;
font-family: "Rubik";
transition:0.5s;
}
.single_testimonial.style13:hover .testi_text {
color: #fff;
}
.single_testimonial.style13 .em_reviews_rating {
padding: 20px 0 0 0;
position: relative;
}
.single_testimonial.style13 .em_reviews_rating:before {
content: "";
position: absolute;
height: 28px;
width: 38px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/testi-qu-shape.png);
top: 20px;
right: 30px;
transition: 0.5s;
}
.single_testimonial.style13:hover .em_reviews_rating:before {
filter: brightness(0)invert(1);
}
.single_testimonial.style13 .testi-star i.active {
color: #FF3C00;
font-size: 15px;
margin: 0 1px;
transition:0.5s;
}
.single_testimonial.style13:hover .testi-star i.active {
color: #fff;
}
.single_testimonial.style13 .testi_title {
margin: 0 0 0 15px;
}
.single_testimonial.style13 .testi_title h2 {
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0;
font-size: 19px;
color: #fff;
font-weight: 500;
}
.single_testimonial.style13 .testi_title span {
display: block;
padding-top: 5px;
transition: .5s;
font-size: 14px;
line-height: 24px;
color: #9d9ea6;
font-weight: 400;
font-family: "Rubik";
}
.single_testimonial.style13 .testi-single-thumb {
display: flex;
align-items: center;
position: relative;
}
.single_testimonial.style13 .author img {
height: 65px;
width: 65px;
line-height: 65px;
border: 3px solid #ffffff;
border-radius: 50%;
transition:0.5s;
}
.single_testimonial.style13:hover .author img {
border: 3px solid #FF3C00;
}
.single_testimonial.style13 .testi-single-thumb:before {
display:none;
}
.testimonial_list_style13.owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial_list_style13.owl-carousel .owl-nav .owl-next {
left: auto;
right: -50px;
display: none;
}
.testimonial_list_style13.owl-carousel  .owl-nav .owl-prev {
right: auto;
left: -50px;
display: none;
}
.testimonial_list_style13.owl-carousel .owl-dots.disabled {
display: block;
}
.testimonial_list_style13.owl-carousel .owl-dot {
width: 30px;
margin: 0 7px;
}
.testimonial_list_style13.owl-carousel .owl-dots {
bottom: -65px;
}
.testimonial_list_style13.owl-carousel .owl-dot.active {
background: #FF3C00;
} .form-area.contact-form.finace-consultant .form-control {
height: 54px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: inherit ;
border: 1px solid rgba(255,255,255,0.2);
padding: 6px 20px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
color:#fff;
}
.form-area.contact-form.finace-consultant .form-control::placeholder {
opacity: 0.500;
font-size: 15px;
color: #ffffff;
font-weight: 400;
font-family: "Rubik";
}
.form-area.contact-form.finace-consultant textarea {
height: 150px;
width: 100%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: inherit ;
border: 1px solid rgba(255,255,255,0.2);
padding: 6px 20px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
opacity: 0.500;
color: #ffffff;
}
.form-area.contact-form.finace-consultant textarea ::placeholder {
font-size: 15px;
opacity: 0.500;
color: #ffffff;
font-weight: 400;
font-family: "Rubik";
}
.form-area.contact-form.finace-consultant .form-control:focus{
background: inherit !important;
border-color: #FF3C00 !important;
outline: 0;
box-shadow: none !important;;
}
.form-area.contact-form.finace-consultant textarea:focus{
background: inherit !important;
border-color: #FF3C00 !important;
outline: 0;
box-shadow: none !important;;
}
.form-area.contact-form.finace-consultant .button {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
text-transform: capitalize;
padding: 17px 49px 17px 49px;
transition: .5s;
position: relative;
z-index: 1;
font-weight: 500;
border-radius: 30px;
overflow: hidden;
font-family: 'Fira Sans';
margin: 5px 0 0 0;
}
.form-area.contact-form.finace-consultant .button:hover {
color: #fff;
background: rgb(255, 119, 119);
} .single-video.style-three .video-icon a i{
font-size: 20px;
}
.single-video.style-three .video-icon a {
background: #FF3C00;
height: 60px;
width: 60px;
left: 0;
right: 0;
margin: auto;
text-align: center;
line-height: 60px;
color: #fff;
font-size: 15px;
position: relative;
top: inherit;
}
.single-video.style-three .video-icon a{
border-radius: 50%;
display: block;
-webkit-animation: ripple-white-color 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s
}
@-webkit-keyframes ripple-white-color {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), 0 0 0 10px rgba(255, 255, 255, 0.7), 0 0 0 20px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), 0 0 0 10px rgba(255, 255, 255, 0.7), 0 0 0 20px rgba(255, 255, 255, 0.7)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7), 0 0 0 20px rgba(255, 255, 255, 0.7), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7), 0 0 0 20px rgba(255, 255, 255, 0.7), 0 0 0 30px rgba(255, 255, 255, 0)
}
} .finace-footer-shape {
-webkit-animation: footermoveLeftBounceright 2s linear infinite;
animation: footermoveLeftBounceright 2s linear infinite;
}
@keyframes footermoveLeftBounceright {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(35px);
transform: translateX(35px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.finace-footer-shape-up {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}.icon-box.style-13 .icon-box-icon {
display: flex;
align-items: center;
}
.icon-box.style-13 .title h2 {
font-size: 20px;
font-weight: 500;
display: inline-block;
margin-bottom: 12px;
margin-top: 8px;
margin-left: 13px;
}
.dit-button.style-seven a {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 17px;
padding: 15px 30px;
transition: .5s;
z-index: 1;
border-radius: 30px;
overflow: hidden;
}
.dit-button.style-seven i {
margin-left: 5px;
}
.service-box-content.twenty-one{
background-color: #fff;
position: relative;
padding: 35px 15px 10px 15px;
border-radius: 5px;
transition: .5s;
}
.service-box-content.twenty-one:hover{
transition: .5s;
background: transparent;
}
.service-box-content.twenty-one .service-box-title h2{
margin: 5px 0 17px 0;
font-size: 20px;
padding: 0;
font-weight: 500;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box-content.twenty-one .service-box-icon i {
transition: .5s;
font-size: 45px;
}
.service-box-content.twenty-one:hover .service-box-icon i {
transition: .5s;
color: #fff;
}
.service-box-content.twenty-one:hover .service-box-title h2{
transition: .5s;
color: #ff3c00;
}
.service-box-content.twenty-one:hover .service-box-desc p{
transition: .5s;
color: #fff;
}
.service-box-content.twenty-one .service-box-desc p {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-bottom: 33px;
}
.service-box-content.twenty-one .service-btn > a {
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 14px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-transform: uppercase;
font-weight: 400;
height: 40px;
width: 40px;
line-height: 40px;
background-color: #ff3c00;
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
margin-top: -15px;
}
.service-box-content.twenty-two {
padding: 38px 10px 50px 10px;
border-radius: 5px;
transition: .5s;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/Consen-2vb.jpg);
}
.service-box-content.twenty-two:hover {
padding: 38px 10px 50px 10px;
border-radius: 5px;
transition: .5s;
background: none;
}
.service-box-content.twenty-two .service-box-icon i {
margin-bottom: 26px;
display: inline-block;
color: #FF3C00;
font-size: 45px;
transition: .5s;
}
.service-box-content.twenty-two .service-box-title h2 {
margin: 0 0 21px 0;
font-size: 22px;
padding: 0;
font-weight: 500;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box-content.twenty-two:hover .service-box-title h2{
color: #FF3C00;
transition: .5s;
}
.service-box-content.twenty-two:hover .service-box-desc p,
.service-box-content.twenty-two:hover .service-box-icon i{
color: #fff;
transition: .5s;
}
.service-box-content.twenty-two .service-box-desc p {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 16px;
font-weight: 400;
margin-bottom: 32px;
}
.service-box-content.twenty-two .service-btn > a {
color: #232321;
font-size: 17px;
border: 1px solid#232321;
padding: 15px 26px 15px;
text-transform: capitalize;
transition: .5s;
background: transparent;
}
.service-box-content.twenty-two:hover .service-btn > a {
background: #FF3D00;
color: #fff;
border-color: #FF3D00;
transition: .5s;
}
.style8 .itsoft-single-cases-study .em-cases-study-content {
position: absolute;
left: 0;
bottom: -100%;
right: 0;
text-align: left;
background: #0a0a1d; padding: 30px 35px 30px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 1;
width: 100%;
opacity: 0;
border-bottom: 4px solid #FF3C00;
border-radius: 0px 0px 7px 7px;
}
.style8 .owl-item:nth-child(odd) {
margin-top: 20px;
}
.style8 .itsoft-single-cases-study .case-study-thumb{
position: relative;
}
.style8 .itsoft-single-cases-study .case-study-thumb::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,.7));
content: "";
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 5px;
}
.style8 .itsoft-single-cases-study .case-study-thumb img{
width: 100%;
}
.style8 .itsoft-single-cases-study .em-cases-study-title h2 a {
font-size: 20px;
font-weight: 400;
margin: 0 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
line-height: 1.4;
}
.style8 .itsoft-single-cases-study .case_category span{
position: relative;
padding-left: 50px;
}
.style8 .itsoft-single-cases-study .case_category span::before{
position: absolute;
content: '';
left: 0px;
top: 10px;
background-color: #fff;
height: 1px;
width: 45px;  
}
.style8 .itsoft-single-cases-study .case-study-thumb::after {
display: none;
}
.my-accordion.style3 li a.active::after {
content: "\f068";
right: 31px;
top: 18px;
color: #fff;
z-index: 99999;
}
ul.my-accordion.style3 li a {
position: relative;
display: block;
font-size: 17px;
outline: 0;
font-weight: 600;
border: none;
cursor: pointer;
color: #0a0a1d;
transition: .3s;
margin-left: 0; padding: 14px 20px 14px 52px;
border-radius: 5px;
background-color: #f7f7f7;
}
ul.my-accordion.style3 li a.active {
border-radius: 5px;
}
.my-accordion.style3 li a.active::before {
width: 30px;
right: 20px;
height: 30px; top: 12px;
background: transparent;
}
.my-accordion.style3 li a::before {
content: '';
position: absolute;
right: 20px;
top: 12px;
width: 29px;
height: 29px;  background: transparent;
box-shadow: none;
border: none; 
}
.my-accordion.style3 li a::after {
content: "\f067";
font-family: "Font Awesome 5 Free";
position: absolute;
right: 30px;
top: 18px;
font-size: 12px;
color: #0a0a1d;
}
.my-accordion.style3 p {
display: none; padding: 24px 25px 24px;
line-height: 28px;
color: #0a0a1d;
opacity: 0.7;
background-color: #f7f7f7;
margin: 0px;
}
.team.style8 .team-content {
padding: 28px 20px 25px;
text-align: center;
border-bottom: 3px solid #FF3C00;
position: relative;
margin-bottom: -3px;
}
.team.style8 .team-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/Consen-fec2.jpg);
transition: .5s;
}
.team.style8 .team-content:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 0%;
background: rgba(10, 10, 29, .8);
transition: .5s; }
.team.style8:hover .team-content:after {
width: 100%;
}
.team.style8 .bio {
position: relative;
z-index: 9;
}
.team.style8 .team-content h2 {
font-size: 20px;
color: #0a0a1d;
font-weight: 600;
transition: .5s;
}
.team.style8 .team-content h5 {
font-size: 16px;
color: #686868;
font-weight: 400;
margin-top: 10px;
margin: 0;
transition: .5s;
}
.team.style8:hover .team-content h2,
.team.style8:hover .team-content h5{
transition: .5s;
color: #fff;
}
.team.style8 .image{
overflow: hidden;
z-index: 1;
position: relative;
}
.team.style8 .image:before {
position: absolute;
content: "";
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s;
background: linear-gradient(0deg, rgba(255, 59, 0, 0.802) 0%,     rgba(255, 59, 0, 0.802) 10%, rgba(255, 59, 0, 0) 60%, rgba(255, 59, 0, 0) 40%);
}
.team.style8:hover .image:before{
opacity: 1;
bottom: 0;
}
.team.style8 .image .social-icon {
position: absolute;
bottom: -50%;
right: 16px;
margin: auto;
transition: .5s;
z-index: 999;
}
.team.style8:hover .image .social-icon {
bottom: 23px;
}
.team.style8 .image .social-icon li i {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background: #0a0a1d;
text-align: center;
color: #fff;
border-radius: 100%;
margin: 5px;
}
.team.style8 .image .social-icon li {
list-style: none;
}
.team.style8 .image .social-icon li:nth-child(2) i {
background: #FB3C00;
}
.team.style8 .team-content .share-icon {
position: relative;
display: block;
}
.team.style8 .team-content .share-icon span {
display: block;
position: absolute;
top: -44px;
right: 3px;
width: 35px;
height: 35px;
border-radius: 100%;
line-height: 35px;
text-align: center;
font-size: 20px; z-index: 3;
background: #FB3C00;
color: #fff;
transition: .5s;
}
.team.style8:hover .team-content .share-icon span{
background: #fff;
color: #e9455a;
transition: .5s;
}
.rubik .blog_style_five .itsoft-blog-readmore a {
font-family: "Rubik",Sans-serif;
}
.rubik .blog-page-title_adn a {
font-weight: 500;
font-size: 20px;
}
.rubik ul.post-categories {
display: none;
}
.home06 .mc4wp-form-fields input, .mc4wp-form-fields textarea {
font-size: 14px;
height: 63px;
padding: 5px 15px;
width: 100%;
background: #041c39;
border: 0;
margin: auto;
border: 0;
border-radius: 3px;
color: #fff;
}
.home06 .mc4wp-form-fields input:focus, .mc4wp-form-fields textarea:focus {
outline: 0;
box-shadow: #00142C;
border-color: #00142C;
box-shadow: inset 0 1px 1px rgba(0, 20, 44, .075), 0 0 8px rgba(0, 20, 44, .6);
}
.home06 input[type="email"]::placeholder {
color: #fff;
}
.home06 .mc4wp-form-fields button {
height: 100%;
position: absolute;
right: 6px;
top: 0px;
border-radius: 5px;
background-image: linear-gradient(to right, #f9664b, #ffcc30);
}
.home06 .mc4wp-form-fields button:hover {
background: linear-gradient(-90deg, #ff783c, #feb835);
}
.service-box.style23 {
display: flex;
align-items: center;
position: relative;
}
.service-box.style23 .service-box-img {
margin-right: 30px;
}
.service-box.style23 .service-content h3 {
margin: 0 0 5px 0;
font-size: 24px;
color: #fff;
font-weight: 600;
}
.service-box.style23 .service-content p {
color: #b1b5d3;
margin-bottom: 0;
}
.service-box.style23 .service-btn {
margin: 0;
position: absolute;
right: 75px;
}
.service-box.style23 .service-btn > a i {
font-size: 35px;
color: #fff;
}
.service-box.style23 .service-btn > a{
position: relative;
}
.service-box.style23 .service-btn > a::after {
position: absolute;
left: -41px;
content: "";
border: 1px solid #293e57;
height: 85%;
width: 59px;
border-radius: 5px;
top: 2px;
}
.dit-button.style-eleven a {
display: inline-block;
background: #01213f;
color: #fff;
padding: 19px 40px 20px 28px;
font-size: 18px;
font-weight: 600;
transition: .5s;
position: relative;
transition: .5s;
border-radius: 5px;
height: 100px;
z-index: 1;
}
.dit-button.style-eleven i {
font-size: 16px;
color: #d1683d;
transform: rotate(30deg);
position: absolute;
right: 20px;
bottom: 15px;
background: transparent;
transition: none;
}
.dit-button.style-eleven a:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0;
transition: .5s;
z-index: -1;
background: linear-gradient(90deg, #ff783c, #feb835);
border-radius: 7px;
}
.dit-button.style-eleven a:hover::before{
width: 100%;
transition: .5s;
}
.home06 .section-title.t_center p {
width: 60%;
margin: 18px auto 0;
}
.service-box.style-twenty-four {
padding: 0 35px 44px;
text-align: center;
position: relative;
background: #011936;
transition: .5s;
border: none;
border-radius: 5px;
z-index: 1;
overflow: hidden;
}
.service-box.style-twenty-four .service-box-title h2 {
margin: 25px 0 20px 0;
font-size: 24px;
color: #fff;
font-weight: 600;
}
.service-box.style-twenty-four .service-box-desc p {
color: #b1b5d3;
margin-bottom: 32px;
}
.service-box.style-twenty-four .service-btn a {
padding: 15px 20px;
background: linear-gradient(90deg, #ff783c, #feb835);
color: #fff;
border: none;
border-radius: 5px;
font-family: "Inter", sans-serif;
text-transform: uppercase;
font-size: 14px;
transition: .5s;
-webkit-transition: .5s;
}
.service-box.style-twenty-four .service-btn a:hover {
background: linear-gradient(-90deg, #ff783c, #feb835);
color: #fff;
}
.single-counter.style6 {
text-align: center;
}
.single-counter.style6 .icon i {
display: inline-block;
margin-bottom: 21px;
font-size: 30px;
height: 45px;
width: 45px;
line-height: 45px;
text-align: center;
background: linear-gradient(90deg, #ff783c, #feb835);
border-radius: 50%;
color: #fff;
}
.single-counter.style6 span.count.percent {
font-size: 34px;
font-weight: 600;
color: #fff;
}
.single-counter.style6 span.plus {
color: #ff783c;
font-size: 34px;
}
.single-counter.style6 h6 {
font-size: 18px;
font-weight: 400;
color: #fff;
margin-top: 9px;
}
.single-counter.style6 span{
margin-bottom: 21px;
}
.icon-box.d-flex.style-sixteen .icon-box-icon .icon i {
font-size: 12px;
color: #fff;
height: 25px;
width: 25px;
line-height: 25px;
text-align: center;
background: linear-gradient(90deg, #ff783c, #feb835);
border-radius: 50%;
}
.icon-box.d-flex.style-sixteen .icon-box-content h2 {
color: #fff;
font-size: 18px;
font-weight: 400; margin-left: 16px;
}
.Home06 .dit-button.style5 a {
padding: 15px 20px;
background: linear-gradient(90deg, #ff783c, #feb835);
color: #fff;
border: none;
border-radius: 5px;
text-transform: uppercase;
font-size: 14px;
transition: .5s;
-webkit-transition: .5s;
font-weight: 400;
}
.Home06 .dit-button.style5 a:hover {
background: linear-gradient(-90deg, #ff783c, #feb835);
}
.Home06 .service-box.style19 {
border: none;
border-radius: 10px;
background: #011936;
padding: 38px 25px 30px;
transition: .5s;
}
.Home06 .service-box.style19:hover .service-box-img {
transform: rotate3d(20, 15, 20, 360deg);
transition: .5s;
}
.Home06 .service-box.style19 .service-content h3 {
font-size: 24px;
color: #fff;
font-weight: 600;
margin: 22px 0 18px;
}
.Home06 .service-box.style19 .service-content p {
color: #b1b5d3;
margin-bottom: 20px;
}
.Home06 .service-box.style19 .service-btn a {
color: #ff783c;
text-transform: uppercase;
border: none;
transition: .5s;
margin-top: 0px;
}
.Home06 .service-box.style19 .service-btn a:hover {
letter-spacing: 1px;
background: transparent;
transition: .5s;
}
.Home06 .service-box.style19:hover .service-btn a{
background: transparent;
transition: .5s;
}
.Home066 .Home06 .service-box.style19 {
border: none;
border-radius: 10px;
background: #011936;
padding: 0px 10px 30px 0px;
transition: .5s;
}
.Home066 .Home06 .service-box.style19:hover .service-box-img {
transform: none;
transition: .5s;
}
.Home066 .Home06 .service-box.style19 .service-content h3 {
font-size: 24px;
color: #fff;
font-weight: 600;
margin: 22px 29px 18px 0px;
}
.Home06 .style-nine .section-title h5 {
font-size: 16px;
text-transform: inherit;
font-weight: 500;
margin: 0 0 0px 0;
}
.blog_style.eight .itsoft-single-blog_adn {
margin-bottom: 30px;
overflow: hidden;
text-align: left;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: #021c3b;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
padding: 0px; 
}
.blog_style.eight .itsoft-blog-thumb_adn{
position: relative;
transition: .5s;
}
.blog_style.eight .itsoft-blog-thumb_adn::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgb(2, 28, 59, 0.5);
z-index: 1;
transition: .5s;
}
.blog_style.eight .itsoft-single-blog_adn:hover .itsoft-blog-thumb_adn::before {
opacity: 0;
transition: .5s;
}
.blog_style.eight .em-blog-content-area_adn {
padding: 25px 28px 30px;
text-align: left;
position: relative;
}
.blog_style.eight span {
color: #737a96;
}
.blog_style.eight .blog-page-title_adn h2 {
font-size: 20px;
margin: 17px 0 7px;
line-height: 1.2;
}
.blog_style.eight .blog-page-title_adn a {
margin-bottom: 0;
text-transform: none;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
color: #fff;
font-weight: 500;
font-size: 22px;
}
.blog_style.eight .blog-content_adn p {
margin: 16px 0 15px;
color: #b1b5d3;
}
.blog_style.eight .itsoft-blog-readmore a { display: inline-block;
font-weight: 400;
border-radius: 3px;
transition: .3s;
color: #ff783c;
text-transform: uppercase;
margin-top: 14px;
padding: 0px;
}
.home06 .style7 .section-title h5 {
font-size: 15px;
line-height: 28px;
color: #ff3c00;
font-weight: 500;
font-family: "Poppins";
margin: 0 0 15px 0px;
}
.Home66 .home06 .mc4wp-form-fields input, .mc4wp-form-fields textarea {
font-size: 14px;
height: 68px;
padding: 5px 15px;
width: 100%;
background: #fff;
border: 0;
margin: auto;
border: 0;
border-radius: 6px;
color: #afaeae;
}
.Home66 .home06 input[type="email"]::placeholder {
color: #afaeae;
}
.Home66 .home06 .mc4wp-form-fields button {
height: 85%;
position: absolute;
right: 6px;
top: 5px;
border-radius: 5px;
background-image: linear-gradient(to right, #f9664b, #ffcc30);
}
.Home66 .home06 .mc4wp-form-fields button:hover {
background: linear-gradient(-90deg, #ff783c, #feb835);
}
.icon-box.style-seventeen .icon-top {
display: flex;
align-items: center;
}
.icon-box.style-seventeen .icon-box-icon .icon i {
display: inline-block;
font-size: 35px;
color: #fff;
transition: 0.5s;
background-color: #fe3c00;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 5px;
}
.icon-box.style-seventeen .title h2 {
font-size: 20px;
font-weight: 500;
margin-left: 30px;
position: relative;
padding-top: 5px;
}
.icon-box.style-seventeen .title h2:before {
position: absolute;
content: "";
left: -9px;
top: -3px;
width: 69px;
height: 2px;
background: #ff3c00;
transition: .5s;
}
.icon-box.style-seventeen .title h2:after {
position: absolute;
content: "";
left: -10px;
top: -3px;
height: 66px;
width: 2px;
background: #ff3c00;
transition: .5s;
}
.icon-box.style-seventeen .icon-box-content .description p {
margin: 25px 0px 0px;
font-family: Rubik !important;
transition: .5s;
color: #686868;
font-size: 16px;
}
.icon-box.style-seventeen {
padding: 40px 30px 34px 40px;
background-color: #ffffff;
border-radius: 10px;
filter: drop-shadow(0 0 25px rgba(241,229,225,0.45));
transition: .5s;
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 30px;
}
.icon-box.style-seventeen::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
clip-path: polygon(0 1, 101% 0%, 100% 100%);
transform: scale(0);
transform-origin: top right;
background: #ff3c00;
pointer-events: none;
transition: .7s;
z-index: -1;
height: 100%;
border-radius: 5px;
}
.icon-box.style-seventeen:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
clip-path: polygon(0 1, 0% 100%, 101% 100%);
transform: scale(0);
transform-origin: bottom left;
background: #ff3c00;
pointer-events: none;
transition: .7s;
z-index: -1;
border-radius: 5px;
}
.icon-box.style-seventeen:hover:before {
transform: scale(1);
}
.icon-box.style-seventeen:hover:after {
transform: scale(1);
}
.icon-box.style-seventeen:hover .title h2,
.icon-box.style-seventeen:hover .icon-box-content .description p{
color: #fff;
}
.icon-box.style-seventeen:hover .title h2:before,
.icon-box.style-seventeen:hover .title h2:after,
.icon-box.style-seventeen:hover .icon-box-icon .icon i{
background: #fff;
}
.icon-box.style-seventeen:hover .icon-box-icon .icon i{
color: #ff3c00;
}
.style-11 .section-title h5 {
color: #FF3C00;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
letter-spacing: 1px;
margin: 0 0 23px 34px;
position: relative;
display: inline-block;
padding-right: 8px;
}
.style-11 .section-title h5:before {
position: absolute;
content: "";
left: -31px;
top: 0px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/section.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.style-11 .section-title h5:after {
position: absolute;
content: "";
top: 0px;
left: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/section.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.style-11 .section-title .title h3, .section-title .title h2{
font-size: 45px;
margin-bottom: 0px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
}
.style-11 .section-title.t_left p {
margin-top: 7px;
margin-bottom: 0;
width: 100%;
margin: auto;
margin-top: 32px;
}
.Home07 .icon-box.style-seventeen .title h2:before{
display:none;
}
.Home07 .icon-box.style-seventeen .title h2:after{
display:none;
}
.Home07 .icon-box.style-seventeen .icon-box-icon .img-icon{
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
border-radius: 5px;
background-color: #f7f0ed;
display: inline-block;
}
.Home07 .icon-box.style-seventeen{
padding: 0px 0px 0px 0px;
background: transparent;
border-radius: 10px;
filter: drop-shadow(0 0 25px rgba(241,229,225,0.45));
transition: .5s;
position: relative;
z-index: 1;
overflow: hidden;
margin-bottom: 30px;
}
.Home07 .icon-box.style-seventeen .title h2 {
font-size: 24px;
font-weight: 500;
margin-left: 15px;
position: relative;
padding-top: 5px;
}
.Home07 .icon-box.style-seventeen::before {
display:none;
}
.Home07 .icon-box.style-seventeen::after {
display:none;
}
.Home07 .icon-box.style-seventeen:hover .title h2,
.Home07 .icon-box.style-seventeen:hover .icon-box-content .description p {
color: #232323;
}
.Home07 .icon-box.style-seventeen .icon-box-content .description p {
margin: 14px 0px 0px;
transition: .5s;
color: #686868;
font-size: 16px;
}
.dit-button.style-thirteen a {
background: #FB3C00;
color: #fff;
font-size: 17px;
padding: 15px 30px;
transition: .5s;
z-index: 1;
border-radius: 30px;
position: relative;
}
.dit-button.style-thirteen a:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 100%;
background: transparent;
transition: .7s;
z-index: -1;
height: 100%;
border-radius: 31px;
border: 1px solid #FB3C00;
}
.dit-button.style-thirteen a:hover:before{
top: 0px;
left: 0px;
transition: .7s;
}
.service-box-content.twenty-six .single-service {
background-color: #fff;
padding: 40px 33px 40px 33px;
border-radius: 10px;
transition: 0.5s;
}
.service-box-content.twenty-six .single-service:hover .service-box-desc p,
.service-box-content.twenty-six .single-service:hover .service-box-title h2{
color: #fff;
transition: 0.5s;
}
.service-box-content.twenty-six .single-service:hover{
background-color: transparent;
transition: 0.5s;
}
.service-box-content.twenty-six .service-top-text {
display: flex;
align-items: center;
}
.service-box-content.twenty-six .service-box-icon i{
display: inline-block;
font-size: 35px;
color: #ff3c00;
transition: 0.5s;
background-color: #f5eeec;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 5px;
}
.service-box-content.twenty-six .service-box-title h2{
margin: 0 0 20px 20px;
font-size: 20px;
padding: 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
font-weight: 500;
}
.service-box-content.twenty-six .slid_bar {
padding: 15px 0 25px;
}
.service-box-content.twenty-six .service-bar {
background: #E9E9E9;
height: 2px;
width: 100%;
position: relative;
border-radius: 30px;
margin: 16px 0 23px 0;
transition: 0.5s;
}
.service-box-content.twenty-six .service-bar:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 2px;
width: 30px;
background: #FF3C00;
color: #FF3C00;
border-radius: 10%;
-webkit-animation: Servive-MOVIE-BG 6s linear infinite alternate;
-moz-animation: Servive-MOVIE-BG 6s linear infinite alternate;
-o-animation: Servive-MOVIE-BG 6s linear infinite alternate;
animation: Servive-MOVIE-BG 6s linear infinite alternate;
opacity: 1;
z-index: 1;
transition: 0.5s;
}
.service-box-content.twenty-six .bg-bar::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 50px;
border-radius: 50%;
background: #ff3c00;
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: mh-hassan;
animation-name: mh-hassan;
}
.service-box-content.twenty-six .service-btn a {
padding: 12px 25px 12px 30px;
font-size: 16px;
font-family: 'Fira Sans';
border-radius: 22px;
background-color: #ffffff;
color: #232323;
border: 1px solid rgba(35, 35, 35, 0.1);
display: inline-block;
margin-top: 21px;
position: relative;
z-index: 1;
text-transform: capitalize;
transition: .5s;
}
.single_pricing.five{
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/pric-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 30px;
border-radius: 9px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 0px;
position: relative;
z-index: 1;
overflow: hidden;
text-align: left;
box-shadow: none;
}
.single_pricing.five .pricing_top_bar {
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/prc-hd.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 56px 40px 29px;
border-radius: 5px 5px 0 0;
position: relative;
border-radius: 9px;
z-index: 1;
}
.single_pricing.five .pricing_top_bar:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 5px 5px 0 0;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/prc-hd2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transform: scale(0.0, 1);
border-radius: 9px;
transition: .5s;
}
.single_pricing.five:hover .pricing_top_bar:before {
transform: scale(1);
}
.single_pricing.five .pricing_top_bar .pricing_title h3 {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
padding-bottom: 11px;
color: #fff;
background-color: #1a161e;
display: inline-block;
padding: 5px 17px;
border-radius: 30px;
transition: .5s;
}
.single_pricing.five:hover .pricing_top_bar .pricing_title h3 {
background-color: #ec3902;
transition: .5s;
}
.single_pricing.five .price_item_inner .price_item_inner_center .curencyp {
font-size: 20px !important;
font-weight: 500 !important;
position: relative;
top: -15px;
color: #fff !important;
}
.single_pricing.five .price_item_inner .price_item_inner_center span {
display: inline-block;
-webkit-transition: all 0.3s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 51px;
font-weight: 700;
text-align: center;
color: #fff;
font-family: 'Fira Sans', sans-serif;
}
.single_pricing.five .price_item_inner .price_item_inner_center .monthp .bootmp {
font-size: 20px !important;
font-weight: 500 !important;
position: relative;
color: #fff !important;
}
.single_pricing.five .pricing_content .pricing_body {
padding: 25px 45px 39px;
}
.single_pricing.five .pricing_content .pricing_body ul li i {
margin-right: 10px;
color: #ff3c00;
}
.single_pricing.five .pricing_content .pricing_body .order_now a {
display: inline-block;
font-size: 16px;
font-weight: 400;
text-align: center;
width: 100%;
padding: 13px 37px;
position: relative;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #FF3C00;
border: 1px solid #FF3C00;
border-radius: 30px;
margin-top: 8px;
}
.single_pricing.five:hover .pricing_content .pricing_body .order_now a{
color: #fff;
transition: .5s;
}
.single_counter.style-8 .counter_title .counter_title h4 {
text-transform: capitalize;
font-size: 17px;
color: #686868;
}
.single_counter.style-8 .countr_text > h1 {
font-size: 50px;
display: inline-block;
font-weight: 500;
margin: 0;
}
.single_counter.style-8 .countr_text > h3 {
font-size: 50px;
display: inline-block;
font-weight: 500;
margin: 0;
}
.blog_style_adn_2.style10 .single_case_study .itsoft-single-cases-study .em-cases-study-content {
position: absolute;
left: 0;
right: 0;
text-align: left;
background: #fff; padding: 16px 30px 2px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 1;
width: 100%;
}
.blog_style_adn_2.style10 .single_case_study .case-study-thumb::before {
display:none;
}
.blog_style_adn_2.style10 .single_case_study .case-study-thumb::after {
display:none;
}
.blog_style_adn_2.style10 .single_case_study .case-study-thumb img{
width: 100%;
}
.blog_style_adn_2.style10 .single_case_study .em-cases-study-content .em-cases-study-title h2 a{
font-size: 22px;
font-weight: 700;
line-height: 1;
margin: 0 0 5px;
color: #0a060e;
}
.blog_style_adn_2.style10 .single_case_study .em-cases-study-content .em-cases-study-title h2 {
line-height: 1.5;
margin: 4px 6px 5px 0px;
}
.blog_style_adn_2.style10 .single_case_study .em-cases-study-content .case_category span {
color: #ff3c00;
}
.blog_style_adn_2.style10 .single_case_study .em-cases-study-content i {
transform: rotate(-30deg);
position: absolute;
right: 40px;
top: 37%;
font-size: 24px;
color: #ff3c00;
} .service-box.style-28 {
background: #fff;
padding: 35px 30px 30px 30px;
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 20px 10px 20px;
transition:0.5s;
border-radius: 9px;
}
.service-box.style-28:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: red;
z-index: -1;
transition:0.5s;
}
.service-box.style-28:hover:before {
width: 100%;
}
.service-box.style-28 .service-box-icon i {
font-size: 47px;
}
.service-box.style-28:hover .service-box-icon i {
color: #fff;
transition: 0.5s;
}
.service-box.style-28 .service-content h3 {
font-size: 22px;
line-height: 26px;
color: #232323;
font-weight: 500; margin: 13px 0 20px 0;
transition: 0.5s;
}
.service-box.style-28:hover .service-content h3 {
color: #fff;
}
.service-box.style-28 .service-number {
display: inline-block;
position: absolute;
top: 0;
right: 0;
height: 60px;
line-height: 60px;
width: 60px;
text-align: center;
background: #FF3C00;
transition:0.5s;
border-radius: 0px 0px 0px 9px;
}
.service-box.style-28 .service-box-number {
background: #FF3C00;
position: relative;
margin: 0;
color: #fff;
font-size: 16px;
transition:0.7s;
border-radius: 0px 0px 0px 9px;
}
.service-box.style-28:hover .service-box-number {
color: #FF3C00;
background: #fff;
border-radius: 0px 0px 0px 9px;
}
.service-box.style-28 .service-box-number::before {
display:none;
}
.service-box.style-28:hover .service-bar {
background-color: rgba(255,255,255,0.2);
}
.service-box.style-28 .service-content p {
font-size: 16px;
line-height: 26px;
color: #6d6d6d;
font-weight: 400;
font-family: "Rubik";
transition:0.5s;
}
.service-box.style-28:hover .service-content p {
color: #fff;
}
.service-box.style-28 .service-btn {
margin-top: 26px;
}
.service-box.style-28 .service-btn a {
border-radius: 20px;
background-color: #ffffff;
border: 1px solid rgba(35,35,35,0.1);
padding: 9px 20px 9px 20px;
font-size: 14px;
color: #232323;
font-weight: 400;
text-align: center;
font-family: "rubik";
text-transform: inherit;
transition:0.5s;
}
.service-box.style-28:hover .service-btn a {
color: #fff;
background-color: inherit;
border: 1px solid #fff;
}
.service-box.style-28 .service-btn a i {
color: #ff3c00;
font-size: 11px;
transition:0.5s;
}
.service-box.style-28:hover .service-btn a i {
color: #fff;
}
.blog_style_nine .single_blog_adn{
position:relative;
z-index: 1;
transition: .5s;
}
.blog_style_nine .single_blog_adn:before {
position: absolute;
content: "";
z-index: -1;
right: 0;
top: 10px;
height: 100%;
width: 0;
background: #FF3C00;
border-radius: 15px;
transition: .5s;
}
.blog_style_nine .single_blog_adn:hover:before {
left: 8px;
width: 96%;
}
.blog_style_nine .single_blog_adn:hover .itsoft-blog-meta-name,
.blog_style_nine .single_blog_adn:hover .itsoft-blog-readmore a,
.blog_style_nine .single_blog_adn:hover .blog-page-title a{
color: #fff;
transition: .5s;
}
.blog_style_nine .single_blog_adn:after {
position: absolute;
content: "";
z-index: -1;
right: 0;
top: 0;
height: 100%;
width: 0;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/09/Home-1ddd.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
transition: .5s;
}
.blog_style_nine .single_blog_adn:hover:after {
left: 0;
width: 100%;
transition: .5s;
}
.blog_style_nine .single_blog_adn:hover .itsoft-single-blog_adn{
background: transparent;
transition: .5s;
}
.blog_style_nine .single_blog_adn .itsoft-single-blog_adn {
margin-bottom: 30px;
margin-top: 30px;
overflow: hidden;
text-align: left;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background: #fff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
padding: 25px 35px 15px 15px;
border-radius: 9px;
}
.blog_style_nine .single_blog_adn .top-content {
display: flex;
align-items: center;
}
.blog_style_nine .single_blog_adn .top-content .user_thumb img {
width: 56%;
border-radius: 30px;
}
.blog_style_nine .single_blog_adn .post-categories li {
list-style: none;
display: inline-block;
}
.blog_style_nine .single_blog_adn .post-categories li a {
display: inline-block;
background: #FF3C00;
padding: 6px 16px;
line-height: 19px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
border-radius: 30px;
letter-spacing: 1px;
margin-right: 5px;
margin-bottom: 10px;
}
.blog_style_nine .single_blog_adn .em-blog-content-area_adn {
padding: 21px 18px 15px;
text-align: left;
position: relative;
}
.blog_style_nine .single_blog_adn .itsoft-blog-meta-name a {
color: #ff3c00;
}
.blog_style_nine .single_blog_adn .itsoft-blog-meta-name {
margin-top: 15px;
}
.blog_style_nine .single_blog_adn .itsoft-blog-readmore a {
padding: 0px; 
display: inline-block;
font-weight: 600;
border-radius: 3px;
transition: .5s;
color: #616161;
}
.blog_style_nine .single_blog_adn:hover .itsoft-blog-readmore a {
color: #FF3C00;
transition: .5s;
}
.blog_style_nine .single_blog_adn .blog-page-title > h2 {
margin-bottom: 25px;
margin-top: 35px;
} .branding-shape {
position: absolute !important;
left: 0;
top: 50%;
z-index: -1;
}
.branding-shape img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape {
position: absolute !important;
left: 0;
top: 50%;
z-index: -1;
}
.finace-shape img {
-webkit-animation: moveBounce 2.5s linear infinite;
animation: moveBounce 2.5s linear infinite;
}
.finace-shape-two {
position: absolute !important;
left: 0;
top: 40%;
z-index: -1;
}
.finace-shape-two img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.finace-shape-three {
position: absolute !important;
left: 50%;
top: 15%;
z-index: -1;
}
.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 1.5s alternate infinite;
animation: about-dance 1.5s alternate infinite;
}
@keyframes about-dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.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);
}
}.elementor-progress-percentage {
margin-top: -15px;
font-size: 16px;
}
.itsoft-button {
margin-top: 25px;
}
.elementor-accordion-item{
margin-bottom: 20px;
} .single-slick{
position: relative;
min-height: 700px;
z-index: 1;
}
.single-slick.style-five {
min-height: 950px;
}
.slider-height-five .single-slick{
height:800px;
}
.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 h1 {
font-size: 60px;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-weight: 700;
line-height: 1.1;
}
.dreamit-slick-slider .hero-text-wrap h4{
font-size: 19px;
letter-spacing: 2px;
margin: 0 0 24px;
border-top: 2px solid #FF3C00;
display: inline-block;
color: #232323;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
}
.dreamit-slick-slider .hero-text-wrap p {
font-size: 20px;
margin: 25px 0 35px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .hero-text-wrap .btn{
font-size: 17px;
color:#fff;
background: #FF3C00;
padding: 12px 32px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .text-left .hero-text-wrap .btn {
margin-right: 15px;
}
.dreamit-slick-slider .text-right .hero-text-wrap .btn {
margin-left: 0;
margin-right: 10px;
}
.dreamit-slick-slider .text-center .hero-text-wrap .btn {
margin: 0 7px 0;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover{
background: #fff;
color: #FF3C00;
}
.btn-md.btn-animated-none.btn-two {
background: #fff;
color: #FF3C00;
}
.btn-md.btn-animated-none.btn-two:hover {
background: #FF3C00;
color: #fff;
}
.dreamit-slick-slider .slider-video-icon {
padding-left: 30px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
display: inline-block;
}
.slider-single-image img {
display: block;
width: 660px;
}
.dreamit-slick-slider .style-two .slider-video-icon {
padding-left: 0;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
display: block;
margin-bottom: 50px;
}
.dreamit-slick-slider .style-two .hero-text-wrap p {
margin: 15px 0 30px;
}
.slider-single-image {
position: absolute;
bottom: 0px;
right: 10%;
}
.text-right .slider-single-image {
left: 10%;
right:inherit;
}
.text-center .slider-single-image {
display:none;
}
.text-right .hero-text-wrap {
text-align: left;
float: right;
} .style-three .hero-text-wrap {
position: relative;
background: #FFF;
WIDTH: 100%;
PADDING: 45px 40px 45px;
max-width: 560px;
border-radius: 10px;
box-shadow: 0.125rem 0.25rem 1.25rem 0.0875rem rgba(45,45,45,.13);
}
.style-three .hero-text-wrap h1 {
font-size: 45px;
} .single-slick.slider-style-four {
min-height: 880px;
} .style-five .slider-single-image {
position: absolute;
bottom: 171px;
right: 3%;
} .single-slick.style-six .slider-single-image{
right: 2%;
}
.single-slick.style-six .slider-single-image img{
width: 100%;
}
.single-slick.style-six .hero-text-wrap{
position: relative;
z-index: 1;
}
.single-slick.style-six .hero-text-wrap h1 span{
color: #FF3C00;
}
.single-slick.style-six .hero-text-wrap p{
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-family: "Fira Sans", Sans-serif;
}
.single-slick.style-six .hero-text-wrap .btn {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
font-weight: 500;
font-family: "Fira Sans", Sans-serif;
text-transform: uppercase;
padding: 8px 26px;
transition: .5s;
position: relative;
z-index: 1;
border-radius: 30px;
}
.single-slick.style-six .hero-text-wrap .btn:before {
position: absolute;
content: "";
background: #232323;
height:100%;
width:10%;
transition: .5s;
z-index: -1;
top: 0;
left: 0;
border-radius: 30px;
opacity: 0;
}
.single-slick.style-six .hero-text-wrap .btn:hover:before{
width: 100%;
opacity: 1;
}
.single-slick.style-six .hero-text-wrap .btn:hover i{
background:#FB3C00;
color:#fff;
}
.single-slick.style-six .hero-text-wrap .btn i {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: #f00;
display: inline-block;
border-radius: 100%;
position: relative;
left: 17px;
transition: .5s;
}
.single-slick.style-six .shape1{
position: absolute;
right: 0;
top: 0;
}
.single-slick.style-six .shape2 {
position: absolute;
left: 36%;
top: 75%;
}
.single-slick.style-six .shape3 {
position: absolute;
top: 0;
left: 0;
}
.single-slick.style-six .shape4{
position: absolute;
right: 0;
top: 0;
}
.single-slick.style-six .shape5 {
position: absolute;
top: 0;
left: 0;
}
.single-slick.style-six .shape6 {
position: absolute;
top: 0;
left: 0;
}
.single-slick.style-six .shape7 {
position: absolute;
top: 0;
left: 0;
}
.branding-shape {
position: absolute !important;
left: 0;
top: 50%;
z-index: -1;
}
.branding-shape img {
-webkit-animation: moveBounce 2s linear infinite;
animation: moveBounce 2s linear infinite;
}
.shape19 {
position: absolute !important;
right: 43%;
bottom: -31px;
z-index: -1;
}
.shape19 img {
-webkit-animation: moveLeftBounce 3s linear infinite;
animation: moveLeftBounce 3s linear infinite;
}
.shape20 {
position: absolute !important; 
right: 55%;
bottom: 5%;
z-index: -1;
}
.shape20 img {
-webkit-animation: moveLeftBounce 3s linear infinite;
animation: moveLeftBounce 3s linear infinite;
}
.shape21 {
position: absolute !important;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
.shape21 img {
-webkit-animation: moveBounce 5s linear infinite;
animation: moveBounce 5s linear infinite;
}
.shape22 {
position: absolute !important;
left: 5%;
top: 15%;
z-index: -1;
}
.shape22 img {
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
.shape23 {
position: absolute !important;
left: 10%;
bottom: 10%;
z-index: -1;
}
.shape23 img {
-webkit-animation-name: rotateMe;
animation-name: rotateMe;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape24 {
position: absolute !important;
left: 25%;
top: 40%;
z-index: -1;
}
.shape24 img {
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
.shape25 {
position: absolute !important;
left: 40%;
bottom: 10%;
z-index: -1;
}
.shape25 img {
-webkit-animation-name: rotateMe;
animation-name: rotateMe;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.shape26 {
position: absolute !important;
left: 30%;
top: 15%;
z-index: -1;
}
.shape26 img {
-webkit-animation: moveLeftBounce 3s linear infinite;
animation: moveLeftBounce 3s linear infinite;
}  .shape-rotate {
position: absolute  !important;
left: 13%;
top: 23%;
z-index: -1;
opacity: .3;
}
@keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@-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 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);
}
}
@-webkit-keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slider-video-icon a i {
line-height: 50px;
}
.slider-video-icon a {
position:relative;
}
@-webkit-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.7);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
opacity: 0;
}
}
@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.7);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
opacity: 0;
}
}
.slider-video-icon a i{
font-size: 23px;
}
.slider-video-icon a {
background: #FF3C00;
height: 50px;
width: 50px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 50px;
color: #fff;
font-size: 15px;
position: relative;
display: inline-block;
}
.slider-video-icon a{
border-radius: 50%;
display: block;
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s
}
@-webkit-keyframes ripple-white {
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(255, 255, 255, 0)
}
}
.rotateme {
-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);
}
}
.slider-shape1.rotateme {
position: absolute;
left: -74px;
top: 80px;
}
.slider-shape2.rotateme {
position: absolute;
right: 200px;
top: 200px;
}
.slider-shape3 {
position: absolute;
left: 212px;
top: 351px;
-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;
}
rs-layer#slider-4-slide-7-layer-4 {
background: transparent!important;
color: #fff;
border: 2px solid#fff!important;
border-radius: 100%;
height: 70px!important;
width: 70px!important;
line-height: 70px!important;
}
.ripple-video a {
color: #fff;
height: 70px!important;
width: 70px!important;
line-height: 67px!important;
position: relative;
display: inline-block;
left: 17px;
font-size: 14px;
} .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, .slick-next {
background-color: transparent;
border-radius: 4px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 60px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 60px;
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: 60px;
color: #fff;
border: 0;
background: rgba(0,0,0,0.4);
}
.em-slick-slider-new .slick-prev {
left: -57px;
}
.em-slick-slider-new .slick-next {
right: -57px;
}
.em-slick-slider-new:hover .slick-prev {
left: 50px;
}
.em-slick-slider-new:hover .slick-next {
right: 50px;
}
.slick-prev::before,
.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;
}
.slick-next:before {
content: "\f105";
font-family: FontAwesome;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background: #FF3C00;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
color: #fff;
}
.em-slick-slider-new .slick-dots {
bottom: 35px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.slick-dots {
bottom: 0px !important;
position: relative;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li {
height: 5px;
margin: 0 3px;
width: 20px;
}
.slick-dots li button {
background-color: #ddd;
border: 0 none;
height: 13px;
padding: 0;
text-indent: -99999px;
width: 13px;
border-radius: 100%;
}
.slick-dots .slick-active button {
background-color: #FF3C00;
}
.bnrsk:after {
background-color: rgba(0, 0, 0, 0.0);
}
.em_slick_testimonial .slick-dots li button {
background-color: #333;
}
.em_slick_testimonial .slick-dots .slick-active button {
background-color: #FF3C00;
} .em-image-sliderslick .slick-prev,
.em-image-sliderslick .slick-next,
.em-image-sliderslick .slick-dots li button {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.em-image-sliderslick:hover .slick-prev,
.em-image-sliderslick:hover .slick-next,
.em-image-sliderslick:hover .slick-dots li button {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.em-slick-slider-new.em-image-sliderslick .slick-dots {
bottom: 20px;
position: relative;
}
.em-slick-slider-new.em-image-sliderslick .slick-dots li button {
background-color: #000;
}
.em-slick-slider-new.em-image-sliderslick .slick-dots .slick-active button {
background-color: #FF3C00;
} .em-testi-content.slick-slide:focus,
.em-testi-content.slick-slide:active {
color: #fff;
background-color: #fff;
}
.em-slick-testi-wraper .slick-active .em_testi_title_ar {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.em-slick-testi-wraper .slick-active.slick-current .em_testi_title_ar {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .about-image-slider .em-slick-slider-new .slick-prev {
left: 0px;
}
.about-image-slider .em-slick-slider-new .slick-next {
right: 0px;
}
.about-image-slider .em-image-sliderslick .slick-prev,
.about-image-slider .em-image-sliderslick .slick-next,
.about-image-slider .em-image-sliderslick .slick-dots li button {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.about-image-slider .slick-prev,
.about-image-slider .slick-next {
border-radius: 0;
height: 47px;
line-height: 47px;
color: #fff !important;
background: rgba(0, 0, 0, 0.60);
}
.about-image-slider .slick-prev::before,
.about-image-slider .slick-next::before {
color: #fff;
}
.about-image-slider .em-image-sliderslick:hover .slick-prev,
.about-image-slider .em-image-sliderslick:hover .slick-next {
background: #FF3C00;
color: #fff;
} .single-slick.style-two {
min-height: 860px;
}
.dreamit-slick-slider .single-slick.style-two.text-left .slider-video-icon {
padding-left: 0;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
display: inline-block;
position: absolute;
right: 20%;
top: 50%;
transform: translateY(-50%);
} .revolution-video a {
border-radius: 50%;
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s;
display: inline-block;
height: 60px;
width: 60px;
background: #FF3C00;
color: #fff;
} .section-title {
margin: auto auto auto 0;
width: 100%;
text-align: left;
position: relative;
margin-bottom: 45px;
}
.section-title.t_center {
margin: auto;
text-align: center;
position: relative;
z-index: 99;
margin-bottom: 45px;
}
.section-title.t_center p {
width: 53%;
margin: 18px auto 0;
}
.section-title.t_left {
margin: auto auto auto 0;
width: 100%;
text-align: left;
position:relative;
margin-bottom: 10px;
}
.section-title.t_right {
margin: auto 0 auto auto;
width: 63%;
text-align: right;
}
.section-title.t_right .em-bar {
margin: 0 0 5px auto;
}
.section-title.t_left .em-bar {
margin: 0 0 5px;
}
.section-title h3, .section-title h2 {
font-size: 35px;
margin-bottom: 0px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
}
.section-title h2 {
font-size: 39px;
}
.section-title h5 {
color: #FF3C00;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
letter-spacing: 1px;
margin: 0 0 5px;
}
.section-title p {
margin-top: 7px;
margin-bottom: 0;
}
.section-title.t_left p {
margin-top: 7px;
margin-bottom: 0;
width: 100%;
margin: auto;
}
.bar-main {
margin: 18px 0 30px;
}
.bar.bar-big {
margin: 20px auto;
position: relative;
}
.bar.bar-big::before {
display: block;
content: "";
position: absolute;
width: 52px;
height: 4px;
left: 0;
border: 4px solid transparent;
border-bottom: 0;
border-top-color: #FF3C00;
top: auto;
}
.t_center .bar.bar-big::before {
right: 0;
margin: auto;
}
.t_right .bar.bar-big::before {
left: auto;
margin: auto;
right: 0;
}
.section-title span {
color: #FF3C00;
} .style-three .bar.bar-big::before {
width: 100%;
height: 1px;
border: none;
background: #3A3E49;
top: 26px;
}
.style-three .bar.bar-big::after{
width: 35px;
height: 2px;
border: none;
content: "";
position: absolute;
background: #FF3C00;
top: 26px;
left: 0;
border-radius: 50%;
-webkit-animation: MOVE-BG 3s linear infinite alternate;
-moz-animation: MOVE-BG 3s linear infinite alternate;
-o-animation: MOVE-BG 3s linear infinite alternate;
animation: MOVE-BG 3s linear infinite alternate;
}
.style-three .section-title.t_left p {
margin: 18px auto 0;
opacity: 0.7;
}
.style-three .bar.bar-big {
margin: 0 auto;
position: relative;
}
.style-three .bar-main {
margin: 0px 0 25px;
}
@-webkit-keyframes MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(510px);
transform: translateX(510px);
}
}
@keyframes MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(510px);
transform: translateX(510px);
}
}
rs-layer#slider-2-slide-5-layer-6{
position: relative;
}
rs-layer#slider-2-slide-5-layer-6:before {
position: absolute;
content: "";
top: 0;
height:1px;
width:25px;
background:#FB3C00;
-webkit-animation: MOVE-BG 3s linear infinite alternate;
-moz-animation: MOVE-BG 3s linear infinite alternate;
-o-animation: MOVE-BG 3s linear infinite alternate;
animation: MOVE-BG 3s linear infinite alternate;
} .style-four .section-title.t_center p {
width: 100%;
margin: 18px auto 0;
position: relative;
display: inline-block;
}
.style-four .section-title.t_center p:before {
position: absolute;
content: "";
top: 12px;
left: 0;
height: 2px;
width: 362px;
background: #3A3E49;
}
.style-four .section-title.t_center p:after{
position: absolute;
content: "";
top: 12px;
left: inherit;
right: 0;
height: 2px;
width: 362px;
background: #3A3E49;
}
.style-four .section-title.t_center {
margin: auto;
text-align: center;
position: relative;
z-index: 99;
margin-bottom: 0;
} .new-process .style-four .section-title.t_center p:before{
background:#E4E5E7;
}
.new-process .style-four .section-title.t_center p:after{
background:#E4E5E7;
} .style-five .bar.bar-big::before {
width: 100%;
height: 1px;
border: none;
background: #3A3E49;
top: 20px;
}
.style-five .bar.bar-big::after{
width: 35px;
height: 2px;
border: none;
content: "";
position: absolute;
background: #FF3C00;
top: 20px;
left: 0;
border-radius: 50%;
-webkit-animation: MOVE-BG 3s linear infinite alternate;
-moz-animation: MOVE-BG 3s linear infinite alternate;
-o-animation: MOVE-BG 3s linear infinite alternate;
animation: MOVE-BG 3s linear infinite alternate;
}
.style-five .section-title.t_left p {
margin: 18px auto 0;
opacity: 0.7;
}
.style-five .bar.bar-big {
margin: 0 auto;
position: relative;
}
.style-five .bar-main {
margin: 0px 0 25px;
} .section .section-title.t_center p {
margin: 45px auto 0;
}
.service-section .section-title.t_center p {
width: 71%;
margin: 44px auto 0;
} .style-six .section-title h5 {
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0;
margin: 0 0 18px;
position: relative;
left: 53px;
}
.style-six .section-title h5:before {
position: absolute;
content: "";
top: 10px;
left: -53px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style-six .section-title.t_left p {
width: 100%;
margin: 20px auto 0;
}
.style-six .section-title.t_center.section-title h5 {
margin: 0 0 18px;
left: 0;
display: inline-block;
}
.style-six .section-title.t_center.section-title h5:after{
position: absolute;
content: "";
top: 10px;
right: -53px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style-six .section-title.t_center {
margin-bottom: 30px;
} .style7 .section-title.t_left h5{
position: relative;
display: inline-block;
color: #FF3C00;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
left: 53px;
}
.style7 .section-title.t_left h5:before {
position: absolute;
content: "";
top: 10px;
left: -53px;
height: 2px;
width: 41px;
background: #FF3C00;
}
.style7 .section-title.t_left {
margin-bottom: 0;
} .style7 .section-title h5 {
font-size: 15px;
line-height: 28px;
color: #ff3c00;
font-weight: 500;
font-family: "Poppins";
margin: 0 0 15px 55px;
} .style8 .section-title.t_left h5 {
font-size: 17px;
position: relative;
padding-left: 85px;
margin-bottom: 16px;
}
.style8 .section-title.t_left h5:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 78px;
height: 2px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/section-sub-shape1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.style8 .section-title.t_center {
margin-bottom: 30px;
}
.style8 .section-title.t_center h5 {
font-size: 17px;
position: relative;
padding-left: 85px;
margin-bottom: 16px;
display: inline-block;
}
.style8 .section-title.t_center h5:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 78px;
height: 2px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/section-sub-shape1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.style8 .section-title.t_center h5:after {
position: absolute;
content: "";
right: -90px;
top: 10px;
width: 78px;
height: 2px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/section-sub-shape2.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
} .feature-box {
margin-bottom: 30px;
}
.default-style.feature-box {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: center;
z-index: 99;
position: relative;
padding: 38px 30px 18px 30px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
border-radius: 5px;
background: #fff;
overflow: hidden;
}
.feature-box.default-style:hover {
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
}
.default-style.feature-box .feature-box-content {
float: left;
}
.feature-box-number {
position: absolute;
bottom: 37%;
left: 50%;
transform: translateX(-50%);
}
.feature-box-number h4 {
font-size: 110px;
line-height: 0.4;
color: #666;
opacity: 0.07;
}
.default-style.feature-box .feature-box-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.default-style.feature-box .feature-box-title h2 {
font-size: 20px;
font-weight: 600;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 15px 0 15px;
}
.default-style.feature-box .feature-box-desc {
margin-bottom: 20px;
transition: .5s;
}
.default-style.feature-box .feature-box-icon{
display:inline-block;
position:relative;
font-size:56px;
} .default-style.feature-box:hover .feature-box-icon::before {
transform: rotate(25deg) !important;
}
.default-style.feature-box .feature-box-icon i {
font-size: 56px;
text-align: center;
transition: .5s;
color:#FF3C00;
}
.default-style.feature-box .feature-btn a i {
font-size: 23px;
}
.feature-btn a {
text-transform: uppercase;
font-size: 14px;
position: relative;
display: inline-block;
color: #616161;
margin-top: 20px;
}
.default-style.feature-box .feature-btn a i {
font-size: 18px;
position: absolute;
margin-bottom: -7px;
right: -12px;
} .feature-box.style-two {
background: #F4F7FC;
position: relative;
display: block;
padding: 40px 45px 0px 45px;
transition: all 500ms ease;
border-bottom: 5px solid #e5e5e5;
text-align: center;
z-index:1
}
.feature-box.style-two:after {
position: absolute;
content: '';
width: 100%;
height: 0%;
left: 0px;
right: 0px;
bottom: 0px;
transition: all 500ms ease;
background: #FF3C00;
z-index:-1;
}
.feature-box.style-two:hover:after {
height: 100%;
top: 0px;
}
.feature-box.style-two:hover {
padding-bottom: 40px;
margin-bottom: -50px;
}
.style-two .feature-box-title h2 {
font-size: 20px;
margin: 10px 0 34px;
position: relative;
}
.style-two .feature-box-title h2::before {
position: absolute;
bottom: -17px;
left: 0;
width: 100%;
content: "";
background:#ddd;
height: 1px;
transition:.3s;
}
.style-two.feature-box:hover .feature-box-title h2::before{
background:rgba(255,255,255,0.3);
}
.style-two.feature-box .feature-btn a {
text-transform: uppercase;
font-size: 14px;
position: relative;
display: inline-block;
color: #fff;
margin-top: 5px;
opacity: 0;
transition-delay: .5s;
}
.style-two.feature-box:hover .feature-btn a{
opacity:1;
}
.style-two.feature-box .feature-box-icon i {
color: #FF3C00;
font-size: 50px;
}
.feature-box.style-two:hover .feature-box-title h3,
.feature-box.style-two:hover .feature-box-title h2,
.feature-box.style-two:hover .feature-box-icon i,
.feature-box.style-two:hover .feature-box-desc{
color:#fff;
} .one .default-style.feature-box {
border-top-left-radius: 5px!important;
border-bottom-left-radius: 5px;
}
.service .default-style.feature-box {
border-radius: 0;
}
.service .default-style.feature-box:hover{
border-radius:5px;
}
.two .feature-box.default-style {
background: #FF3C00;
border-radius:0;
}
.two .default-style.feature-box .feature-box-icon i,
.two .default-style.feature-box .feature-box-title h2,
.two .default-style.feature-box .feature-box-desc{
color: #fff;
}
.service .default-style.feature-box .feature-box-icon::before {
position: absolute;
content: '';
width: 56px;
height: 71px;
right: -20px;
top: 0px;
background-repeat: no-repeat;
transition: .5s;
background: url(https://wp.dreamitsolution.net/itsoft-elementor/wp-content/uploads/2022/01/icon-1.png);
}
.three .default-style.feature-box {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
} .feature-box.style-four {
background: #fff;
padding: 40px 30px 35px;
position:relative;
z-index:1;
border-radius: 3px;
}
.feature-box.style-four::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 0%;
background: #FF3C00;
z-index: -1;
transition: .5s;
border-radius: 3px;
}
.feature-box.style-four:hover::before {
width:100%;
}
.style-four .feature-box-title h2 {
font-size: 22px;
margin: 32px 0 12px;
position: relative;
}
.style-four.feature-box .feature-box-icon i {
background: #FF3C00;
font-size: 30px;
width: 70px;
height: 70px;
color: #fff;
display: inline-block;
line-height: 70px;
text-align: center;
border-radius: 4px;
transition:.5s;
}
.style-four.feature-box:hover .feature-box-title h3,
.style-four.feature-box:hover .feature-box-title h2,
.style-four.feature-box:hover .feature-btn a,
.style-four.feature-box:hover .feature-box-desc{
color:#fff;
}
.style-four.feature-box:hover .feature-box-icon i{
background:#fff;
color:#FF3C00;
}
.feature-box-desc p {
transition: .5s;
}
.feature-box.style-six {
border-radius: 10px;
}
.style-six .feature-box-thumb img {
border-radius: 10px;
padding: 10px;
background: #fff;
}
.style-six .feature-box-content {
position: relative;
width: 90%;
margin: auto;
text-align: center;
box-shadow: 0 20px 50px rgba(0,0,0,.07);
border-radius: 10px;
margin-top: -60px;
background: #fff;
padding: 0 20px 25px;
z-index: 1;
}
.feature-box.style-six .feature-box-content{
position:relative;
z-index:1;
}
.feature-box.style-six .feature-box-title h2 {
font-size: 22px;
}
.feature-box.style-six .feature-box-content:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: #FF3C00;
z-index: -1;
border-radius: 10px;
transition: .4s;
}
.feature-box.style-six:hover .feature-box-content:before {
height: 100%;
}
.style-six .feature-box-icon i {
display: inline-block;
width: 50px;
height: 50px;
background: #FF3C00;
color: #fff;
text-align: center;
line-height: 40px;
border: 5px solid #fff;
border-radius: 100%;
position: relative;
margin-top: -27px;
margin-bottom: 20px;
}
.feature-box.style-six:hover .feature-box-icon i,
.feature-box.style-six:hover .feature-box-title h2,
.feature-box.style-six:hover .feature-box-desc {
color: #fff;
}
.gradient .front{
background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
}
.gradient .flipper .back a.button {
background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff) !important;
}
.itsoft_flipbox .front,
.itsoft_flipbox .back{
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.10);
box-shadow: 0 5px 20px rgba(0,0,0,0.10);
}
@media (min-width: 320px) and (max-width: 999px) {
.default-style.feature-box {
display: block;
padding: 40px 40px;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
margin-bottom: 30px;
} 
.default-style.feature-box .feature-box-icon i {
margin-right: 0;
color:#FF3C00;
}
.default-style.feature-box .feature-box-content {
float: none;
}
.default-style.feature-box .feature-box-title h2 {
color: #232323;
}
} .style-three.feature-box {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: left;
z-index: 99;
position: relative;
padding: 50px 30px 39px 30px;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
border-radius: 5px;
background: #fff;
position: relative;
z-index:1;
}
.feature-box.style-three:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
background: #f4f7fc;
content: "";
z-index: -1;
border-radius: 5px;
transition:.5s;
}
.style-three .feature-box-icon i {
font-size: 26px;
height: 60px;
width: 60px;
background: #f00;
display: inline-block;
text-align: center;
line-height: 60px;
color: #fff;
border-radius: 50%;
}
.style-three .feature-box-title h2 {
font-size: 25px;
}
.style-three .feature-box-icon {
margin-bottom: 20px;
}
.style-three .feature-box-number {
position: absolute;
top: 65px;
right: 0;
transform: translateX(-50%);
left: inherit;
bottom: inherit;
}
.style-three.feature-box:hover:before{
width:100%;
}
.feature-box.style-seven {
background: #FF3C00;
padding: 18px 40px 25px;
position: relative;
}
.style-seven.feature-box .feature-box-icon i {
font-size: 50px;
color: #fff;
}
.style-seven.feature-box .feature-box-title h2 {
font-size: 25px;
font-weight: 600;
color: #fff;
}
.style-seven.feature-box .feature-btn {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
}
.style-seven.feature-box .feature-btn a {
text-transform: uppercase;
font-size: 23px;
position: relative;
display: inline-block;
color: #fff;
margin-top: 10px;
width: 61px;
height: 61px;
border: 2px solid #fff;
text-align: center;
line-height: 58px;
transition:.3s;
}
.style-seven.feature-box .feature-btn a:hover {
color: #FF3C00;
background: #fff;
}
.style-seven.feature-box .feature-box-number h4 {
font-size: 110px;
line-height: 0.1;
color: #fff;
opacity: 0.10;
}
.style-seven.feature-box .feature-box-number {
position: absolute;
bottom: 24%;
left: 50%;
transform: translateX(-50%);
} .style-eight.feature-box {
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.15);
padding: 37px 30px 20px 30px;
border-radius: 4px;
position: relative;
z-index: 1;
background: #fff;
transition:.3s;
}
.style-eight .feature-box-icon {
float: right;
margin: 0 -64px 0 30px;
overflow: hidden;
box-shadow: 0 5px 16px rgb(255 60 0 / 15%);
}
.style-eight .feature-box-icon i {
font-size: 31px;
width: 65px;
height: 65px;
display: block;
background: #FF3C00;
color: #fff;
text-align: center;
line-height: 65px;
border-radius: 5px;
transition:.3s;
}
.style-eight .feature-box-content {
overflow: hidden;
}
.style-eight .feature-box-title h2 {
font-size: 21px;
transition:.3s;
}
.style-eight .feature-box-desc{
transition:.3s;  
}
.icon-left .style-eight .feature-box-icon {
float: left;
margin: 0 30px  0 -63px;
overflow: hidden;
box-shadow: 0 5px 16px rgb(255 60 0 / 15%);
}
.feature-box.style-eight:hover{
background:#FF3C00;
}
.feature-box.style-eight:hover .feature-box-title h2,
.feature-box.style-eight:hover .feature-box-desc {
color: #fff;
}
.feature-box.style-eight:hover .feature-box-icon i{
background:#232323;
color:#fff;
} .feature-box.style-nine {
position: relative;
z-index:1;
}
.feature-box.style-nine::before {
position: absolute;
left: 0;
content: "";
height: 250px;
width: 250px;
background: #FF3C00;
right: 0;
bottom: 0px;
margin: auto;
border-radius: 50%;
transition: .5s;
}
.feature-box.style-nine:hover::before {
bottom: -23px;
}
.feature-box.style-nine .single-feature-box-inner {
border: 1px solid #e9e9e9;
padding: 50px 23px;
transition: .5s;
position: relative;
z-index: 1;
background: #fff;
}
.feature-box.style-nine .single-feature-box-inner:hover {
box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.feature-box.style-nine .feature-box-icon i {
color: #FF3C00;
display: inline-block;
font-size: 65px;
}
.feature-box.style-nine  h2 {
font-size: 25px;
margin: 15px 0 20px;
}
.feature-box.style-nine .feature-content p {
padding: 0 0 30px;
margin: 0;
}
.feature-box.style-nine .btn-read-more a {
text-transform: uppercase;
font-size: 14px;
display: inline-block;
color: #616161;
}
.feature-box.style-nine .btn-read-more a span {
margin-left: 6px;
} .feature-box.style-ten {
padding: 54px 26px;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.feature-box.style-ten::before {
position: absolute;
content: "";
left: 0;
top: -3px;
height: 3px;
width: 0%;
background: #FF3C00;
right: 0;
margin: auto;
transition: .5s;
}
.feature-box.style-ten:hover::before,
.feature-box.style-ten:hover::after  {
width: 80%;
}
.feature-box.style-ten::after  {
position: absolute;
content: "";
left: 0;
bottom: -3px;
height: 3px;
width: 0%;
background: #FF3C00;
right: 0;
margin: auto;
transition: .5s;
}
.feature-box.style-ten .feature-number {
position: absolute;
bottom: 31%;
left: 50%;
transform: translateX(-50%);
}
.feature-box.style-ten .feature-number h1 {
font-size: 280px;
line-height: 0.4;
color: #666;
opacity: 0.05;
font-weight: 400;
}
.feature-box.style-ten .feature-content  h2 {
font-size: 25px;
margin: 0 0 20px;
}
.feature-box.style-ten .feature-content p {
padding: 0;
}
.feature-box.style-ten .feature-box-icon i {
font-size: 150px;
color: #FF3C00;
}
.feature-box.style-ten .btn-read-more  a{
color: #616161;
font-size: 14px;
text-transform: uppercase;
}
.feature-box.style-ten .btn-read-more  a i {
font-size: 11px;
font-weight: 600;
color: #FF3C00;
margin-left: 6px;
}
.feature-box.style-ten:hover .feature-content h2,
.feature-box.style-ten:hover .feature-content p,
.feature-box.style-ten:hover .btn-read-more  a {
color: #fff;
} .active .feature-box.style-nine::before {
bottom: -23px;
} .feature-box.style-11 {
padding: 38px 30px 18px;
background: #fff;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 0;
border-bottom: 3px solid#FF3C00!important;
}
.feature-box.style-11 .feature-box-icon i {
display: inline-block;
color: #FF3B00;
font-size: 50px;
}
.feature-box.style-11 .feature-box-title h2 {
font-size: 22px;
font-weight: 700;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 18px 0 15px;
}  .service-box{
margin:0 0 30px;
}
.em_service_content {
overflow: hidden;
}
.service_top_text {
display: block;
}
.service-box-icon {
color: #333;
font-size: 35px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box .service-box-icon i {
margin-bottom: 15px;
display: inline-block;
color: #FF3C00;
}
.service-box-title {
overflow: hidden;
}
.service-box-title h2,
.service-box-title h3 {
margin: 0 0 20px 0;
font-size: 20px;
padding: 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box-title h2:hover{
color:#FF3C00;
}
.service-box-desc p {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.service-btn {
margin-top: 15px;
}
.service-btn > a {
border-radius: 30px;
color: #616161;
display: inline-block;
font-size: 14px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-transform:uppercase;
font-weight:400;
}
.service-btn > a i{
margin-left:7px;
}
.service-btn a:hover {
color: #FF3C00;
}
.service-box-thumb {
}
.slick-slide,
.slick-slider {
outline: 0 !important;
} .service-box.service-style-two {
padding: 60px 30px 58px;
text-align: center;
position: relative;
background: #fff;
transition: .5s;
z-index: 1;
box-shadow: 0px 0 6px rgba(26, 46, 85, 0.10);
}
.service-box.service-style-two::before {
width: 100%;
height: 0px;
position: absolute;
left: 0;
bottom: 0;
content: '';
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #FF3C00;
}
.service-box.service-style-two:hover::before{
height:100%; 
}
.service-box.service-style-two:hover {
transform: translateY(-8px);
}
.service-box.service-style-two .service-box-icon i {
font-size: 60px;
display: inline-block;
color: #FF3C00;
transition: .5s;
margin: 0;
}
.service-box.service-style-two .service-box-title h2 {
margin: 25px 0 15px 0;
transition: .5s;
font-size: 20px;
font-weight: 500;
}
.service-box.service-style-two .service-btn {
margin-top: 0;
position: absolute;
bottom: -24px;
left: 0;
right: 0;
opacity: 0;
transition:.4s;
transform:scale(0);
}
.service-box.service-style-two:hover .service-btn{
opacity:1;
transform:scale(1);
}
.service-box.service-style-two .service-btn > a {
color: #FF3C00;
display: inline-block;
}
.service-box.service-style-two .service-btn > a i {
margin-left: 0;
font-size: 21px;
width: 50px;
height: 50px;
color: #f00;
background: #fff;
line-height: 50px;
box-shadow: 0 0 4px rgba(0,0,0,0.20);
border-radius: 100%;
}
.service-box.service-style-two .service-btn > a,
.service-box.service-style-two .service-box-desc p {
transition:.5s;
}
.service-box.service-style-two:hover .service-box-title h2,
.service-box.service-style-two:hover .service-box-title h3,
.service-box.service-style-two:hover .service-btn > a,
.service-box.service-style-two:hover .service-box-icon i,
.service-box.service-style-two:hover .service-box-desc p {
color:#fff;
} .style-one .service-box.service-style-two {
padding: 52px 30px 31px;
}
.style-one .service-box.service-style-two:hover{
transform:translateY(-0)!important;
}
.style-one .service-box.service-style-two::before {
border-radius: 5px;
}
.style-one .service-box.service-style-two:hover .service-box-icon i{
background:#fff!important;
color:#FF3C00!important;
}
.style-one .service-box.service-style-two .service-box-title h2 {
margin: 30px 0 24px 0;
} .service-box.service-style-three {
padding: 0;
border-radius: 5px;
border: 1px solid rgba(255,255,255,0.20);
transition: .5s;
position: relative;
overflow: hidden;
}
.service-box.service-style-three .service-content-front {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.70);
width: 100%;
padding: 0;
transition:.4s;
}
.service-box.service-style-three:hover .service-content-front{
bottom:-100%;
}
.service-box.service-style-three .service-content-front .service-box-icon {
color: #fff;
font-size: 40px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
float: left;
margin-right: 20px;
}
.service-box.service-style-three .service-content-front .service-box-icon i {
margin-bottom: 0;
display: inline-block;
color: #fff;
background: #FF3C00;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
}
.service-box.service-style-three .service-content-front .service-box-title h2 {
margin: 20px 0 0 0;
font-size: 20px;
padding: 0;
color: #fff;
}
.service-box.service-style-three .service-box-desc p {
color: rgba(255,255,255,0.85);
}
.service-box.service-style-three .service-btn {
margin-top: 30px;
}
.service-box.service-style-three .service-btn > a {
color: #fff;
transition: .5s;
background: transparent;
padding: 14px 30px;
display: inline-block;
border-radius: 4px;
transition: all .5s;
border: 2px solid #fff;
}
.service-box.service-style-three .service-btn > a:hover{
background:#fff;
color:#FF3C00;
}
.service-content-back {
position: absolute;
top: -100%;
left: 0;
height: 100%;
width: 100%;
text-align: center;
background: rgba(241, 42, 2,0.80);
padding: 0 32px;
transition:.4s;
}
.service-box.service-style-three:hover .service-content-back{
top:0;
}
.service-content-back-inner {
position: relative;
top: 45%;
transform: translateY(-50%);
}
.service-box .service-content-back .service-box-icon i {
margin-bottom: 0;
display: inline-block;
color: #fff;
font-size: 60px;
}
.service-box .service-content-back .service-box-title h2 {
margin: 5px 0 15px 0;
font-size: 20px;
padding: 0;
color: #fff;
} .service-box.style_4 {
padding: 20px;
overflow: hidden;
background: #fff;
border-radius: 10px;
margin:0 15px 30px;
}
.service-carousel-slick .slick-slide {
height: 100%;
}
.service-box-thumb{
position:relative;
}
.service-box.style_4 .service-box-thumb img{
border-radius:10px;
}
.service-box.style_4 .service-box-title h2, .service-box.style_4 .service-box-title h3 {
margin: 0 0 20px 0;
font-size: 23px;
padding: 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-box.style_4 .service-box-icon {
position: absolute;
right: 21px;
bottom: -46px;
}
.service-box.style_4 .service-box-icon i {
margin-bottom: 15px;
display: inline-block;
color: #FF3C00;
width: 70px;
height: 70px;
background: #fff;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
border-radius: 100%;
text-align: center;
line-height: 70px;
}
.service-box.style_4 .em_service_content {
overflow: hidden;
padding: 33px 14px 0;
}
.service-box.style_4 .service-btn {
margin-top: 30px;
position: relative;
}
.service-box.style_4 .service-btn::after {
content: "";
position: absolute;
right: 20px;
background: #fff;
width: 29px;
height: 2px;
top: 50%;
z-index: 1;
transform: translateY(-50%);
}
.service-box.style_4 .service-btn > a {
border-radius: 0;
color: #202020;
display: block;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-transform: capitalize;
font-weight: 500;
background: #F4F7FC;
padding: 16px 22px;
position: relative;
font-size: 16px;
z-index: 1;
overflow: hidden;
transition:.3s;
}
.service-box.style_4 .service-btn > a::after {
content: '';
position: absolute;
top: 0;
right: -20px;
width: 23%;
height: 100%;
z-index: -1;
transform: skew(-29deg);
padding-left: 20px;
background: #FF3C00;
transition:.3s;
}
.service-box.style_4 .service-btn > a::before {
content: '';
width: 0;
height: 0;
border-width: 5px 0 5px 7px;
border-style: solid;
display: block;
right: 13px;
border-color: transparent transparent transparent #f5f5f5;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.service-box.style_4:hover .service-btn > a{
background:#FF3C00;
color:#fff;
}
.service-box.style_4:hover .service-btn > a::after{
background:#232323;
} .service-box.style-five {
padding: 0 20px;
}
.style-five .service-box-title h3 {
font-size: 32px;
}
.service-box-number {
font-size: 25px;
font-weight: 600;
margin-right: 50px;
margin-top: 5px;
display: block;
}
.service-box-number {
color: #FF3C00;
position: relative;
}
.service-box-number::before {
position: absolute;
right: -40px;
top: 16px;
width: 30px;
height: 1px;
background: #FF3C00;
content: "";
}
.service-list {
padding-left: 0;
list-style: none;
}
.service-list li a {
display: block;
color: #232323;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
padding: 5px 0px;
transition: .3s;
}
.service-list li a:hover {
margin-left: 15px;
color: #FF3C00;
}
.service-style-five .service-btn > a {
color: #232323;
font-size: 13px;
font-weight: 500;
}
.service-style-five .service-btn > a:hover {
color: #FF3C00;
}
.slick-slide.service-box{
margin:10px 15px 30px;
} .service-cls .service_cursousel_sliderr .slick-dots{
margin-top: 75px;
}
.service-box.style_5{
position: relative;
margin: 10px 15px 100px;
}
.service-box.style_5 .service-box-thumb{
position: relative;
overflow: hidden;
}
.service-box.style_5 .service-box-thumb::before {
content: '';
position: absolute;
height: 210px;
width: 210px;
background: #fff;
top: -60px;
z-index: 1;
transform: rotate(-35deg);
left: -94px;
border-radius: 20px;
transition: .5s;
}
.service-box.style_5:hover .service-box-thumb::before{
background: #ff3c00;
}
.service-box.style_5 .service-box-icon {
position: absolute;
top: 7px;
z-index: 1;
font-size: 60px;
left: 30px;
}
.service-box.style_5 .service-box-icon i{
margin-bottom: 0;
transition: 0.5s;
}
.service-box.style_5:hover .service-box-icon i{
color: #fff;
}
.service-box.style_5 .em_service_content {
position: absolute;
bottom: -95px;
background: #fff;
width: 90%;
margin: auto;
left: 0;
right: 0;
padding: 25px 20px 30px 23px;
border-left: 5px solid #ff3c00;
transition: 0.5s;
}
.service-box.style_5:hover .em_service_content{
bottom: -75px;
}
.service-box.style_5 .em_service_content h2 {
font-size: 24px;
margin: 0;
font-weight: 600;
}
.service-box.style_5 .em_service_content h6{
color: #ff3c00;
font-weight: normal;
} .service-box.service-style-six {
padding: 40px 26px 40px;
text-align: center;
position: relative;
background: #fff;
transition: .5s;
z-index: 1;
margin: 0 15px 30px;
box-shadow: 0px 0 6px rgba(26, 46, 85, 0.10);
}
.service-box.service-style-six::before {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
content: '';
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
background: #FF3C00;
transform:scale(0);
}
.service-box.service-style-six:hover::before{
transform:scale(1);
}
.service-box.service-style-six .service-box-icon i {
margin-bottom: 15px;
display: inline-block;
color: #FF3C00;
width: 70px;
height: 70px;
line-height: 70px;
background: #FF3C00;
color: #fff;
border-radius: 0;
margin: 15px 0 25px;
transition: 0.5s;
}
.service-box.service-style-six .service-box-title h2 {
margin: 0 0 20px 0;
font-size: 23px;
}
.service-box.service-style-six:hover .service-box-title h2,
.service-box.service-style-six:hover .service-btn > a,
.service-box.service-style-six:hover .service-box-desc p {
color:#fff;
}
.service-box.service-style-six:hover .service-box-icon i{
background:#fff;
color:#FF3C00;
} .it_consulting .service-box.service-style-six {
background: #0E0E0E;
} .service-box.style-seven {
margin: 0 0 30px;
padding: 50px 25px 40px;
text-align: center;
background: #fff;
position: relative;
box-shadow: 0 0 2px rgb(0 0 0 / 15%);
z-index:1;
}
.service-box.style-seven:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.70);
opacity: 1;
content: "";
z-index: -1;
opacity: 0;
transition:.5s;
}
.service-box.style-seven:hover:before{
opacity:1;}
.service-box.style-seven .service-box-icon i {
margin-bottom: 15px;
display: inline-block;
color: #FF3C00;
font-size: 40px;
transition:.5s;
}
.style-seven .service-number {
position: absolute;
top: -16px;
left: 0;
right: 0;
text-align: center;
}
.style-seven .service-box-number {
font-size: 17px;
font-weight: 600;
margin-right: 0;
margin-top: 0;
display: block;
width: 61px;
margin: auto;
height: 34px;
background: #FF3C00;
color: #fff !important;
line-height: 34px;
clip-path: polygon(0% 0%, 95% 0%, 62% 100%, 0% 100%);
padding-right: 15px;
}
.style-seven .service-btn {
margin-top: 28px;
}
.style-seven .service-btn > a {
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 14px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-transform: uppercase;
font-weight: 400;
padding: 10px 46px 10px 17px;
background: #FF3C00;
position: relative;
}
.style-seven .service-btn > a i {
margin-left: 7px;
width: 40px;
height: 89%;
position: absolute;
background: #000;
top: 3px;
right: 2px;
line-height: 36px;
clip-path: polygon(0% 0%, 93% 0%, 94% 100%, 38% 100%);
padding-left: 5px;
}
.service-box.style-seven:hover .service-box-title h2,
.service-box.style-seven:hover .service-box-title h3,
.service-box.style-seven:hover .service-box-desc p {
color:#fff;
} .service-box.style-eight{
position: relative;
border-radius: 5px;
padding: 96px 40px 18px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
.service-box.style-eight::before {
content: '';
position: absolute;
height: 210px;
width: 210px;
background: #f7f8f9;
top: 0;
clip-path: polygon(0% 0%, 95% 0%, 0% 100%, 0% 100%);
left: 0;
}
.service-box.style-eight::after {
content: '';
position: absolute;
height: 30px;
width: 30px;
background: #FF3C00;
top: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%);
right: 0;
}
.service-box.style-eight .service-box-icon {
position: absolute;
top: -47px;
height: 100px;
width: 100px;
text-align: center;
line-height: 100px;
border-radius: 50%;
}
.service-box.style-eight .service-box-icon i{
color: #FF3C00;
font-size: 40px;
height: 100px;
width: 100px;
line-height: 100px;
border-radius: 50%;
background: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service-box.style-eight:hover .service-box-icon i{
color: #fff;
background: #FF3C00;
}
.service-box.style-eight .service-content{
position: relative;
z-index: 1;
}
.service-box.style-eight .service-content h3{
font-size: 24px;
font-family: "Rubik",Sans-serif;
font-weight: 500;
}
.service-box.style-eight .service-content p{
color: #707070;
font-family: 'Fira Sans', sans-serif;
margin-bottom: 30px;
margin-top: 16px;
}
.service-box.style-eight .service-content ul{
margin: 0;
padding: 0;
list-style: none;
}
.service-box.style-eight .service-content ul li {
color: #4c4c4c;
margin-bottom: 10px;
}
.service-box.style-eight .service-content ul li i{
color: #FF3C00;
margin-right: 8px;
} .service-box.style-nine .single-service-box {
box-shadow: 0 0 33px rgb(0 0 0 / 12%);
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/assets/images/about/four.png);
padding: 56px 10px 28px 39px;
position: relative;
margin-bottom: 30px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px;
transition: .5s;
}
.service-box.style-nine .single-service-box:hover .single-service-icon i{
background:#ff3b00;
color: #fff;
}
.service-box.style-nine .single-service-icon {
position: absolute;
top: -44px;
left: 32px;
}
.service-box.style-nine .single-service-icon i {
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
background: #fff;
box-shadow: 0 0 37px rgb(0 0 0 / 14%);
border-radius: 100%;
display: inline-block;
font-size: 32px;
color: #FF8B67;
transition: .5s;
}
.service-box.style-nine .service-box-thumb{
position: absolute;
height: 77px;
width: 77px;
line-height: 77px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
border-radius: 50%;
top: -38px;
background: #fff;
text-align: center;
transition: 0.5s;
}
.service-box.style-nine .single-service-box:hover .service-box-thumb{
background: #FF3C00;
}
.service-box.style-nine .single-service-box .service-box-thumb img{
transition: 0.3s;
}
.service-box.style-nine .single-service-box:hover .service-box-thumb img{
filter: brightness(0) invert(1);
}
.service-box.style-nine .single-service-number {
position: absolute;
right: 16px;
top: 7px;
}
.service-box.style-nine .single-service-number h1 {
font-size: 60px;
font-family: 'Rubik';
font-weight: 600;
color: #f6f6f6;
}
.service-box.style-nine .single-service-title h2 {
font-size: 24px;
margin: 0 0 17px;
font-weight: 500;
font-family: "Rubik",Sans-serif;
}
.service-box.style-nine .single-service-conent-text p {
line-height: 1.8;
font-family: 'Fira Sans';
width: 96%;
}
.service-box.style-nine .single-service-icon-two {
position: absolute;
right: 19px;
bottom: 18px;
transform: rotate(44deg);
}
.service-box.style-nine .single-service-icon-two a {
color: #EA846E;
font-size: 20px;
display: inline-block;
} .service-box.style_11 {
border: 1px solid#e4e4e5;
position: relative;
z-index: 1;
padding: 22px 27px 32px;
background: #F4F4F4;
}
.service-box.style_11:before{
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
z-index: -1;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/04/featu2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: .5s;
}
.service-box.style_11:hover:before{
width: 100%;
left: 0;
}
.service-box.style_11:hover .service-box-title h2,
.service-box.style_11:hover .service-box-desc p{
color: #fff;
}
.service-box.style_11:hover .service-box-number{
background: #ff3c00;
}
.two .service-box.style_11{
border: none;
border-top:1px solid#e4e4e5;
border-right: 1px solid#e4e4e5;
border-bottom: 1px solid#e4e4e5;
padding: 44px 16px 28px;
}
.service-box.style_11 .service-box-thumb img{
transition: .5s;
}
.service-box.style_11:hover .service-box-thumb img{
filter: brightness(0) invert(1);
}
.service-box.style_11 .service-box-thumb {
display: inline-block;
height: 62px;
width: 62px;
line-height: 62px;
transition: .5s;
}
.service-box.style_11 .service-box-number::before {
display: none;
}
.service-box.style_11 .service-box-title{
position:relative;
z-index: 1;
}
.service-box.style_11 .service-box-title:before {
position: absolute;
content: "";
left: 0;
margin: 0 auto 0;
height: 2px;
width: 40px;
background: #ff3c00;
top: 94px;
-webkit-animation: MOVE-BA 3s linear infinite alternate;
-moz-animation: MOVE-BA 3s linear infinite alternate;
-o-animation: MOVE-BA 3s linear infinite alternate;
animation: MOVE-BA 3s linear infinite alternate;
}
.service-box.style_11 .service-box-title:after {
position: absolute;
content: "";
left: 0;
margin: 0 auto 0;
height: 2px;
width: 100%;
background: #DCDCDE;
top: 94px;
z-index: -1;
} @-webkit-keyframes MOVE-BA {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(165px);
transform: translateX(165px);
}
}
.service-box.style_11 .service-box-title h2 {
margin: 16px 0 23px 0;
font-size: 22px;
font-weight: 500;
position: relative;
line-height: 29px;
z-index: 1;
display: inline-block;
}
.service-box.style_11 .service-box-title h2:before {
}
.service-box.style_11 .service-box-title h2:after {
}
.service-box.style_11 .service-box-number {
color: #fff;
position: absolute;
font-size: 20px;
right: 0;
margin: auto;
z-index: -1;
top: 0;
transition: .5s;
background: #040716;
height: 43px;
width: 42px;
text-align: center;
line-height: 42px;
font-family: "Poppins",Sans-serif;
}
.service-box.style_11 .service-box-desc p {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
line-height: 27px;
margin: 20px 0 0;
}
.service-box.style_11 .service-btn > a {
color: #232323;
font-size: 15px;
border: 1px solid#e4e4e5;
padding: 10px 26px 10px;
font-family: 'Fira Sans';
text-transform: capitalize;
background: #fff;
}
.service-box.style_11:hover .service-btn > a{
background: #FF3D00;
color: #fff;
border-color: #FF3D00;
}
.service-box.style_11 .service-btn {
margin-top: 26px;
}
.service-box.style_11 .service-btn > a i {
margin-left: 4px;
font-size: 9px;
font-weight: 600;
} .service-box.style_12 {
background: rgb(255,255,255, 0.5);
text-align: center;
padding: 49px 13px 21px;
box-shadow: 0px 10px 60px 0px rgb(116 99 94 / 17%)!important;
clip-path: polygon(0% 8%,100% 0,100% 100%, 0 100%);
border-radius: 4px;
margin: 0;
position: relative;
z-index: 1;
}
.service-box.style_12:before {
position: absolute;
content: "";
top: 0;
left: 50%;
height: 100%;
width: 0;
transition: .5s;
z-index: -1;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/bg1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 4px;
}
.service-box.style_12:hover:before{
width: 100%;
left: 0;
}
.service-box.style_12:hover .service-box-title h2,
.service-box.style_12:hover .service-box-desc p{
color: #fff;
}
.two .service-box.style_12 {
clip-path: polygon(0% 0,100% 8%,100% 100%, 0 100%);
border-radius: 4px;
}
.three .service-box.style_12 {
clip-path: polygon(0% 0%,100% 0,100% 100%, 0 94%);
}
.four .service-box.style_12 {
clip-path: polygon(0% 0%,100% 0,100% 94%, 0 100%);
}
.service-box.style_12 .service-box-title h2, .service-box-title h3 {
margin: 29px 0 6px 0;
font-size: 22px;
font-weight: 600;
font-family: 'Fira Sans';
}
.service-box.style_12 .service-box-title h2 span{
color: #f83d04;
}
.service-box.style_12 .service-box-number {
color: #fff;
position: relative;
display: inline-block;
margin: 0;
height: 60px;
width: 62px;
line-height: 57px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/bg.png);
border-radius: 19px 31px 23px;
background-position: center center;
background-repeat: no-repeat;
}
.service-box.style_12 .service-box-number::before {
display: none;
} .service-box.style_13 {
padding: 0;
border-radius: 0;
transition: .5s;
position: relative;
overflow: hidden;
padding: 45px 19px 49px 39px;
border-top: 5px solid #FF3D00;
transition: .5s;
background: #fff;
box-shadow: 0px 5px 30px 0px rgba(137, 139, 143, 0.1);
}
.service-box.style_13:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0;
width: 100%;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/finance.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transition: .5s;
}
.service-box.style_13:hover:before{
height: 100%;
}
.service-box.style_13 .service-content-front {
position: inherit;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(255,255,255, .3) -68%, #fff 76%);
width: 100%;
padding: 0;
transition: .4s;
height: 100%;
padding: 0px 0 6px;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: all 300ms linear 100ms;
-khtml-transition: all 300ms linear 100ms;
-moz-transition: all 300ms linear 100ms;
-ms-transition: all 300ms linear 100ms;
-o-transition: all 300ms linear 100ms;
transition: all 300ms linear 100ms;
-webkit-transform: perspective(500px)rotateX(0);
-khtml-transform: perspective(500px)rotateX(0);
-moz-transform: perspective(500px)rotateX(0);
-ms-transform: perspective(500px)rotateX(0);
-o-transform: perspective(500px)rotateX(0);
transform: perspective(500px)rotateX(0);
}
.service-box.style_13 .service-box-title h2, .service-box-title h3 {
margin: 11px 0 14px 0;
font-size: 24px;
font-weight: 600;
}
.service-box.style_13 .service__box--icon {
font-size: 35px;
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.service-box.style_13 .service__box--icon:after {
position: absolute;
content: "";
top: 10px;
left: 14px;
height: 74px;
width: 74px;
background: #f5f5f5;
border-radius: 100%;
z-index: -1;
}
.service-box.style_13 .service__box--icon i {
font-size: 50px;
display: inline-block;
}
.service-box.style_13 .service-box-desc p {
margin: 0 0 31px;
line-height: 25px;
}
.service-bar {
background: #ff3c00;
height: 3px;
width: 64px;
position: relative;
border-radius: 30px;
}
.service-bar:before {
position: absolute;
content: "";
top: -1px;
left: 0;
height: 4px;
width: 10px;
border-radius: 50%;
background: #fff;
border-radius: 10%;
-webkit-animation: MOVIE-BG 3s linear infinite alternate;
-moz-animation: MOVIE-BG 3s linear infinite alternate;
-o-animation: MOVIE-BG 3s linear infinite alternate;
animation: MOVIE-BG 3s linear infinite alternate;
}
.service-box.style_13 .service-box-subtitle h2 {
color: #ff3c00;
font-size: 16px;
font-weight: 500;
font-family: 'Fira Sans';
margin: 0 0 0;
position: relative;
left: 40px;
}
.service-box.style_13 .service-box-subtitle h2:before {
position: absolute;
content: "";
top: 10px;
left: -40px;
height: 2px;
width: 35px;
background: #ff3c00;
}
.service-box.style_13 .service-btn {
display: inline-block;
text-align: center;
position: absolute;
right: 0;
margin: auto;
height: 58px;
width: 58px;
background: #ff3b00;
line-height: 58px;
border-radius: 100%;
left: 0;
bottom: -73px;
}
.service-box.style_13 .service-btn > a {
color: #fff!important;
font-size: 11px;
}
.service-box.style_13 .service-btn > a i {
margin-left: 0;
color: #fff!important;
}
.service-box.style_13 .service-content-back {
position: absolute;
top: 0;
left: 0;
height: 43%;
width: 100%;
text-align: left;
background: #131323;
padding: 0 30px 0;
transition: .4s;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
opacity: 1;
-webkit-transform: perspective(500px)rotateX(-90deg);
-khtml-transform: perspective(500px)rotateX(-90deg);
-moz-transform: perspective(500px)rotateX(-90deg);
-ms-transform: perspective(500px)rotateX(-90deg);
-o-transform: perspective(500px)rotateX(-90deg);
transform: perspective(500px)rotateX(-90deg);
}
.service-box.style_13:hover .service-content-back {
opacity: 1;
-webkit-transform: perspective(500px)rotateX(0);
-khtml-transform: perspective(500px)rotateX(0);
-moz-transform: perspective(500px)rotateX(0);
-ms-transform: perspective(500px)rotateX(0);
-o-transform: perspective(500px)rotateX(0);
transform: perspective(500px)rotateX(0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.service-box.style_13:hover .service-content-front {
opacity: 0;
} .service-box.style-fourth {
padding: 36px 10px 33px;
border-radius: 5px;
background: #fff;
position: relative;
z-index: 1;
transition: .4s;
}
.service-box.style-fourth:hover {
transform: translate3d(0,-6px,0);
}
.service-box.style-fourth .service-box-img img{
filter: brightness(0) invert(0);
transition: .5s;
}
.service-box.style-fourth:hover .service-box-img img{
filter: brightness(0) invert(1);
}
.service-box.style-fourth:before{
position: absolute;
content: "";
top: 0;
left: 50%;
height: 100%;
width: 0;
z-index: -1;
transition: .5s;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/service.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.service-box.style-fourth:hover:before{
width: 100%;
left: 0;
}
.service-box.style-fourth:hover .service-content h3,
.service-box.style-fourth:hover .service-content p{
color: #fff;
}
.service-box.style-fourth:hover .service-btn > a{
background: #fff;
}
.service-box.style-fourth:hover .service-bar{
background: #fff;
}
.service-box.style-fourth:hover .service-bar: before{
background: #FF3D00;
}
.service-box.style-fourth:hover .service-box-img:before{
background: #FF784E;
}
.service-box.style-fourth .service-content h3 {
margin: 34px 0 5px;
font-size: 22px;
font-weight: 500;
transition: .5s;
}
.service-box.style-fourth .service-bar {
height: 2px;
display: inline-block;
}
.service-box.style-fourth .service-content p {
margin: 10px 0 0;
line-height: 27px;
transition: .5s;
}
.service-box.style-fourth .service-box-img {
display: inline-block;
position: relative;
z-index: 1;
}
.service-box.style-fourth .service-box-img:before {
position: absolute;
content: "";
top: 11px;
left: 13px;
height: 59px;
width: 59px;
border-radius: 0;
background: #F6F4F5;
transition: .5s;
z-index: -1;
border-radius: 100%;
}
.service-box.style-fourth .service-btn {
margin-top: 28px;
}
.service-box.style-fourth .service-btn > a {
color: #232323;
font-size: 16px;
text-transform: capitalize;
font-weight: 400;
background: #F6F4F5;
padding: 10px 22px;
}
.service-box.style-fourth .service-btn > a i {
font-size: 11px;
font-weight: 700;
color: #FF3C00;
}
.all-service p{
margin: ;
} .service-box.style15 {
display: flex;
align-items: center;
padding: 22px 25px 11px 26px;
position: relative;
margin: 0;
}
.service-box.style15 .service-content{
padding-left: 29px;
}
.service-box.style15 .service-content h3 {
color: #fff;
font-size: 26px;
font-weight: 600;
margin: 0 0 9px;
}
.service-box.style15 .service-content p{
color: #fff;
opacity: 0.7;
}
.service-box.style15 .service-btn {
position: absolute;
display: inline-block;
right: 9px;
top: 50%;
transform: translate(-50%, -64%);
margin-top: 0;
}
.service-box.style15 .service-btn a{
position:relative;
}
.service-box.style15 .service-btn a:after {
position: absolute;
content: "";
top: 0;
left: -37px;
height: 48px;
width: 48px;
border-radius: 100%;
border: 2px solid#3F3F47;
z-index: -1;
transition: all 400ms linear;
}
.service-box.style15 .service-btn a i {
font-size: 34px;
color: #fff;
}
.service-box.style15:hover .service-btn a:after{
left:-20px;
} .service-box.style16 {
position: relative;
background: #fff;
padding: 62px 31px 23px;
z-index: 1;
border-radius: 5px;
transition: .5s;
transition: all 400ms linear;
}
.service-box.style16 .service__box--icon {
display: inline-block;
width: 70px;
height: 70px;
border-radius: 35px;
background-color: #0f111a;
line-height: 70px;
text-align: center;
position: absolute;
top: -34px;
transition: all 400ms linear;
}
.service-box.style16 .service-content h3{
display: inline-block;
font-size: 22px;
font-weight: 600;
margin: 0 0 12px;
}
.service-box.style16 .service-content p{
transition: .5s;
}
.service-box.style16 .service-btn a {
padding: 0;
font-size: 16px;
font-family: 'Poppins', sans-serif;
border-radius: 0;
background-color: transparent;
border: none;
margin-top: 10px;
text-transform: capitalize;
}
.service-box.style16:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0;
width: 100%;
z-index: -1;
transition: .5s;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/serb.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 400ms linear;
border-radius: 5px;
}
.service-box.style16:hover:before {
height: 100%;
}
.service-box.style16:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 0px;
width: 100%;
z-index: -1;
transition: .5s;
background: #ff3c00;
border-radius: 5px 5px 0 0;
transition: all 400ms linear;
}
.service-box.style16:hover:after {
height: 5px;
}
.service-box.style16:hover .service__box--icon {
background-color: #ff3c00;
}
.service-box.style16:hover .service-content h3, 
.service-box.style16:hover .service-content p, 
.service-box.style16:hover .service-btn a {
color: #fff;
} .service-box.style17 {
border-radius: 7px;
background-color: rgba(255,255,255,0.10196078431372549);
position: relative;
padding: 26px 29px 27px;
transition: .5s;
margin: 0;
}
.service-box.style17:hover {
background: #ff3c00;
}
.service-box.style17 .service__box--icon {
display: none;
}
.service-box.style17 .service-content h3{
font-size: 18px;
color: #fff;
font-weight: 500;
margin: 0 0 0;
line-height: 25px;
}
.service-box.style17 .service-content p{
display: none;
}
.service-box.style17 .service-btn {
margin-top: 0;
}
.service-box.style17 .service-btn a {
padding: 0;
border-radius: 22px;
background-color: transparent;
color: #232323;
border: none;
display: inline-block;
margin-top: 0;
position: absolute;
font-weight: 800;
right: 19px;
bottom: 11px;
transform: rotate(45deg);
}
.service-box.style17 .service-btn a i {
font-size: 18px;
color: #ff3c00;
}
.service-box.style17:hover .service-btn a i{
color: #fff;
} .service-box.style18 {
border-radius: 10px;
filter: drop-shadow(0 0 15px rgba(223,223,223,0.7));
background-color: #ffffff;
position: relative;
border: none;
padding: 38px 63px 21px 0;
border-left: 3px solid#ff3c00;
z-index: 1;
margin: 0  0 10px;
}
.service-box.style18:after {
position: absolute;
content: "";
right: 0;
height: 100%;
width: 0;
top: 0;
z-index: -1;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/dark-bg-1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 400ms linear;
border-radius: 10px;
}
.service-box.style18:hover:after {
width: 100%;
}
.service-box.style18 .service-content h3 {
padding: 0 0 8px;
font-size: 18px;
font-weight: 500;
margin: 0 0 2px;
}
.service-box.style18 .service-content p{
transition: .5s;
}
.service-box.style18 .service__box--icon {
position: absolute;
line-height: 66px;
border: none;
transition: .5s;
display: inline-block;
width: 66px;
height: 66px;
border-radius: 33px;
background-color: #0f111a;
transform: translate(44%, -50%);
top: 50%;
text-align: center;
}
.service-box.style18:hover .service__box--icon {
background: #ff3c00;
}
.service-box.style18:hover .service-content h3, 
.service-box.style18:hover .service-content p {
color: #fff;
} .service-box.style19 {
background: #fff;
padding: 40px 30px;
text-align: center;
border-radius: 6px;
margin: 0;
}
.service-box.style19 .service-box-icon {
width: 90px;
height: 90px;
line-height: 90px;
display: inline-block;
background: #fff5f2;
border-radius: 100%;
position: relative;
z-index: 99;
transition: .5s;
}
.service-box.style19 .service-box-icon:after {
width: 90px;
height: 90px;
line-height: 90px;
position: absolute;
left: -7px;
top: -7px;
border: 1px dashed #f00;
border-radius: 100%;
content: "";
transition: .5s;
}
.service-box.style19:hover .service-box-icon:after{
top: 0;
left: 0;
}
.service-box.style19 .service-content h3{
color: #232323;
font-size: 22px;
font-weight: 600;
margin: 30px 0 10px;
display: block;
}
.service-box.style19 .service-content p {
margin: 0 0 0;
line-height: 26px;
}
.service-box.style19 .service-btn {
margin-top: 18px;
}
.service-box.style19 .service-btn a {
border: 1px solid #FF3B00;
border-radius: 30px;
padding: 8px 21px;
color: #FF3B00;
margin-top: 15px;
display: inline-block;
transition: .5s;
text-transform: capitalize;
font-size: 16px;
}
.service-box.style19:hover .service-btn a {
background: #FF3B00;
border-color: #FF3B00;
color: #fff;
} .service_right_box .service-box.style18 {
padding: 50px 0px 16px 63px;
border-left: none;
border-right: 3px solid#ff3c00;
}
.service_right_box .service-box.style18:after {
right: inherit;
left: 0;
}
.service_right_box .service-box.style18 .service__box--icon {
top: 50%;
left: -61px;
}
.service_left_box.one .service-box.style18 {
position: relative;
left: -70px;
}
.service_right_box.two .service-box.style18 {
position: relative;
left: 70px;
} .menu-country-menu-container ul,
.menu-visa-menu-container ul,
.menu-service-menu-container ul {
list-style: none;
padding: 0;
}
.menu-country-menu-container ul li,
.menu-visa-menu-container ul li,
.menu-service-menu-container ul li {
list-style: none;
margin-bottom: 2px;
}
.menu-country-menu-container ul li a,
.menu-visa-menu-container ul li a,
.menu-service-menu-container ul li a {
position: relative;
display: block;
padding: 14px 15px 14px 18px;
background-color: #F3F6F9;
font-weight: 400;
font-size: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
font-family: Rubik;
position:relative;
}
.menu-country-menu-container ul li a::after,
.menu-visa-menu-container ul li a::after,
.menu-service-menu-container ul li a::after {
content: '\f0dd';
position: absolute;
right: 16px;
top: 31%;
font-size: 13px;
font-family: 'FontAwesome';
transform: rotate(-90deg);
color: #8e8b8b;
}
.menu-country-menu-container ul li a:hover,
.menu-visa-menu-container ul li a:hover,
.menu-service-menu-container ul li a:hover{
color:#fff;
background:#FF3C00;
}
.menu-country-menu-container ul li a:hover::after,
.menu-visa-menu-container ul li a:hover::after,
.menu-service-menu-container ul li a:hover::after{
color:#fff;
}
#menu-country-menu li.current_page_item a,
#menu-visa-menu li.current_page_item a,
#menu-service-menu li.current_page_item a{
background:#FF3C00 !important;
color:#fff !important;
}
.service-call-title p {
color: #fff;
font-size: 25px;
font-weight: 800;
font-family: Muli;
line-height: 1.4;
}
.service-pra {
color: #fff;
}
.call-button {
display: inline-block;
padding: 10px 30px;
background: #fff;
color: #FF3C00;
border-radius: 5px;
font-size: 17px;
font-weight: 700;
margin-top: 20px;
font-family: Muli;
}
.sidebar-btn a{
display:block !important;
text-align:center;
} .service-box.style-ten {
position: relative;
margin-bottom: 30px;
text-align: center;
}
.service-box.style-ten::before {
position: absolute;
left: 0;
right: 0;
content: "";
height: 3px;
width: 80%;
background: #ebebeb;
bottom: 0;
margin: auto;
transition: .5s;
}
.service-box.style-ten:hover::before {
background: #ef6330;
width: 100%;
}
.service-box.style-ten .offer-thumb {
position: relative;
}
.service-box.style-ten .offer-icon {
position: absolute;
left: -15px;
top: -25px;
}
.service-box.style-ten .offer-icon i {
font-size: 35px;
background: #FF3C00;
height: 75px;
width: 75px;
display: inline-block;
text-align: center;
line-height: 75px;
border-radius: 0 50px 50px 50px;
color: #fff;
transition: .5s;
}
.service-box.style-ten:hover .offer-icon i {
border-radius: 50px 0 50px 50px;
}
.service-box.style-ten .offer-content {
padding: 25px 13px 32px;
}
.service-box.style-ten .offer-content h2 {
font-size: 22px;
transition: all 0.5s ease 0s;
font-weight: 600;
}
.service-box.style-ten .offer-content h2:hover {
color: #ff3c00;
}
.service-box.style-ten .offer-content .service-btn a {
color: #616161;
font-size: 14px;
transition: all .5s ease 0s;
text-transform: uppercase;
}
.service-box.style-ten .offer-content .service-btn a:hover {
color: #ff3c00;
} .service-box.style20 {
background: #fff;
padding: 26px 25px 30px;
position: relative;
z-index: 1;
}
.service-box.style20::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 80px;
height: 80px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/servicebgt.jpg);
transition: .5s;
opacity: 0;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px;
}
.service-box.style20:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
.service-box.style20 .service__box--icon{
position: relative;
z-index: 1;
}
.service-box.style20 .service__box--icon:before {
position: absolute;
content: "";
left: 15px;
top: 0;
height: 40px;
width: 40px;
background: #f7f7f7;
z-index: -1;
border-radius: 50%;
transition: .5s;
}
.service-box.style20 .service__box--icon i {
font-size: 38px;
color: #FF3C00;
transition: .5s;
}
.service-box.style20 .service-content h3 {
font-size: 20px;
padding: 2px 0 6px;
font-weight: 600;
}
.service-box.style20 .service-content p {
transition: .5s;
line-height: 26px;
}
.service-box.style20 .service-btn {
margin-top: 20px;
}
.service-box.style20 .service-btn a {
padding: 0;
font-family: 'Rubik', sans-serif;
background: inherit;
color: #0a0a1d;
border: inherit;
font-weight: 500;
margin-top: 0;
}
.service-box.style20:hover .service__box--icon:before{
background: #ff3c00;
}
.service-box.style20:hover .service__box--icon i, 
.service-box.style20:hover .service-content h3, 
.service-box.style20:hover .service-content p, 
.service-box.style20:hover .service-btn a, 
.service-box.style20:hover .service-btn a i {
color: #fff;
} .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: center;
-ms-flex-align: center;
height: 200px;
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-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;
}
.flip-box .flip-box-inner .front-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 50px 25px 50px;
border-radius: 8px;
background-color: #6094da;
}
.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: 20px;
}
.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: 30px;
line-height: 1;
}
.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: 20px;
line-height: 1.5;
color: #fff;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-desc-part .front-desc {
margin-bottom: 0;
font-size: 16px;
color: #fff;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
line-height: 1;
}
.flip-box .flip-box-inner .front-part .front-content-part .front-btn-part .front-btn i {
transition: all 0.4s ease 0s;
} .flip-box .flip-box-inner .back-part {
position: absolute;
z-index: -1;
padding: 26px 25px 26px;
border-radius: 8px;
background-color: #0c5adb;
}
.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: 20px;
text-align: center;
}
.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: 20px;
line-height: 1.5;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
padding: 10px 25px;
background: #fff;
font-size: 18px;
font-weight: 500;
}
.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: 10px;
}
.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-before i {
margin-right: 10px;
}
.flip-box .flip-box-inner .back-part .back-content-part .back-btn-part .back-btn:hover {
background: #1f1c51;
color: #fff;
}
.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: 250px;
} .flip-box.style-two .front-part .front-icon i{
background: #0c5adb;
color: #fff;
height: 90px;
width: 90px;
line-height: 90px;
display: inline-block;
font-size: 30px;
border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
} .team-slider-style1 .team-item {
overflow: visible;
}
.team-grid-style1 .team-item{
overflow: visible;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.team-grid-style1:hover .team-item{
transform: translateY(-10px);
}
.team-grid-style1 .team-item .social-icons1,
.team-slider-style1 .team-item .social-icons1 {
text-align: center;
margin-top: 14px;
}
.team-grid-style1 .team-item .social-icons1 a i,
.team-slider-style1 .team-item .social-icons1 a i {
font-size: 15px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-grid-style1 .team-item .image-wrap,
.team-slider-style1 .team-item .image-wrap {
position: relative;
overflow: hidden;
}
.team-grid-style1 .team-item .image-wrap:before{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(241, 42, 2, 0.83);
content: "";
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
opacity: 0;
}
.team-grid-style1:hover .team-item .image-wrap:before{
opacity: 1;
}
.team-slider-style1 .team-item .image-wrap .social-icons1{
position: absolute;
right: -50px;
bottom: 0;
width: 50px;
background: #030749;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.team-grid-style1 .team-item .image-wrap .social-icons1{
position: absolute;
right: -50px;
width: 50px;
background: #fff;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
top: 50%;
transform: translateY(-50%);
}
.team-grid-style1 .team-item .image-wrap .social-icons1 a,
.team-slider-style1 .team-item .image-wrap .social-icons1 a {
padding: 0;
background: 0 0;
}
.team-slider-style1 .team-item .image-wrap .social-icons1 a i {
background: 0 0;
}
.team-grid-style1 .team-item .image-wrap .social-icons1 a i{
background: 0 0;
color: #FF3C00;
}
.team-grid-style1 .team-item :hover .image-wrap .social-icons1,
.team-slider-style1 .team-item :hover .image-wrap .social-icons1 {
right: 0;
width: 50px;
opacity: 1;
visibility: visible;
}
.team-slider-style1 .team-item .team-content {
text-align: center;
margin: 0 0 30px;
padding: 20px 20px 25px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
background: #030749;
position: unset;
opacity: 1;
}
.team-grid-style1 .team-item .team-content{
position: absolute;
background: #fff;
padding: 20px 20px 25px;
text-align: center;
width: 80%;
left: 0;
right: 0;
margin: auto;
bottom: -64px;
border-radius: 5px;
box-shadow: 0 0 12px 0 rgba(32,46,60,.06);
}
.team-grid-style1 .team-item .team-content .member-desc h3{
margin: 0;
}
.team-grid-style1 .team-item .team-content .member-desc h3 a{
font-size: 20px;
font-weight: 600;
text-decoration: none;
text-transform: capitalize;
}
.team-grid-style1 .team-item .team-content .member-desc h3 a:hover{
color: #FF3C00;
}
.team-grid-style1 .team-item .team-content span.team-title,
.team-slider-style1 .team-item .team-content span.team-title {
color: #616161;
text-transform: uppercase;
font-family: Rubik, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
}
.team-grid-style1 .team-item .social-icons,
.team-slider-style1 .team-item .social-icons {
display: none;
}
.team-slider-style1 .team-item .team-content {
margin: 0;
}
.team-grid-style2 .team-inner-wrap,
.team-slider-style2 .team-inner-wrap {
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.team-grid-style2 .team-inner-wrap a,
.team-slider-style2 .team-inner-wrap a {
text-decoration: none;
}
.team-grid-style2 .team-inner-wrap .team-img-sec,
.team-slider-style2 .team-inner-wrap .team-img-sec {
position: relative;
}
.team-grid-style2 .team-inner-wrap .wrap-text,
.team-slider-style2 .team-inner-wrap .wrap-text {
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
padding: 0 40px 12px;
background: #fff;
}
.team-grid-style2 .team-inner-wrap .wrap-text .team-desc,
.team-slider-style2 .team-inner-wrap .wrap-text .team-desc {
margin-bottom: 0;
}
.team-grid-style2 .team-inner-wrap .team-content, .team-slider-style2 .team-inner-wrap .team-content {
z-index: 1;
margin-bottom: 0;
background: #030749;
border-radius: 3px 3px 0 0;
padding: 18px 0 16px;
margin-top: -35px;
position: absolute;
bottom: -50%;
left: 50%;
transform: translateX(-50%);
width: 230px;
transition: 0.4s;
text-align: center;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
margin-top: 0 !important;
line-height: 28px !important;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name a,
.team-slider-style2 .team-inner-wrap .team-content .team-name a {
position: relative;
margin-bottom: 0;
font-size: 20px;
text-transform: capitalize;
z-index: 111;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a i,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a i {
height: 25px;
width: 25px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons,
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .social-icons,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
color: #fff;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a,
.team-grid-style2 .team-inner-wrap .team-content .team-name a,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a,
.team-slider-style2 .team-inner-wrap .team-content .team-name a {
text-decoration: none;
color: #fff;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a:hover,
.team-grid-style2 .team-inner-wrap .team-content .team-name a:hover,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a:hover,
.team-slider-style2 .team-inner-wrap .team-content .team-name a:hover {
color: #f8560c;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title,
.team-slider-style2 .team-inner-wrap .team-content .team-title {
line-height: 1.4;
margin: 10px 0 5px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons,
.team-slider-style2 .team-inner-wrap .team-content .social-icons {
padding-top: 2px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a {
padding: 0 3px;
}
.team-grid-style2 .team-inner-wrap .team-content .nolink,
.team-slider-style2 .team-inner-wrap .team-content .nolink {
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor,
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor {
font-family: Montserrat, sans-serif;
font-size: 14px;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor a,
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor a {
text-decoration: none;
color: #fff;
text-transform: uppercase;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
margin: 18px 0 0;
font-weight: 500;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title,
.team-slider-style2 .team-inner-wrap .team-content .team-title {
color: #eee;
font-size: 13px;
font-weight: 400;
padding: 0;
display: block;
text-transform: uppercase;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title a,
.team-slider-style2 .team-inner-wrap .team-content .team-title a {
color: #eee;
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap:hover .team-content,
.team-slider-style2 .team-inner-wrap:hover .team-content {
bottom: 0;
}
.team-grid-style2 .team-inner-wrap:hover .team-img-sec:before,
.team-slider-style2 .team-inner-wrap:hover .team-img-sec:before {
height: 100%;
}
.icon-button a {
background: #030749;
color: #fff;
padding: 3px 17px;
display: inline-block;
font-size: 20px;
margin-bottom: 25px;
border-radius: 18px;
}
.icon-button a:hover {
color: #fff;
background: #FF3C00;
}
.icon-button a i:before {
font-size: inherit;
}
.blogfull .icon-button a {
margin-bottom: 0;
}
.team-grid-style3 .team-item,
.team-slider-style3 .team-item {
padding: 25px;
position: relative;
}
.team-grid-style3 .team-item:after,
.team-slider-style3 .team-item:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 200px solid #FF3C00;
border-right: 200px solid transparent;
left: 0;
top: -10px;
}
.team-grid-style3 .team-item:before,
.team-slider-style3 .team-item:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-bottom: 200px solid #FF3C00;
border-left: 200px solid transparent;
right: 0;
bottom: -10px;
}
.team-grid-style3 .team-item img,
.team-slider-style3 .team-item img {
position: relative;
z-index: 99;
}
.team-grid-style3 .team-item .team-inner-wrap,
.team-slider-style3 .team-item .team-inner-wrap {
position: relative;
}
.team-grid-style3 .team-item .team-inner-wrap:before,
.team-slider-style3 .team-item .team-inner-wrap:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #FF3C00;
left: 0;
top: 0;
z-index: 100;
opacity: 0;
transition: all 0.4s ease 0s;
}
.team-grid-style3 .team-item .team-content,
.team-slider-style3 .team-item .team-content {
position: absolute;
display: block;
left: 50%;
width: 100%;
top: 30%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 110;
color: #fff;
padding: 15px;
opacity: 0;
transition: all 0.4s ease 0s;
}
.team-grid-style3 .team-item .team-content .team-name,
.team-slider-style3 .team-item .team-content .team-name {
margin-bottom: 0;
font-size: 20px;
}
.team-grid-style3 .team-item .team-content .team-name a,
.team-slider-style3 .team-item .team-content .team-name a {
color: #fff;
}
.team-grid-style3 .team-item .team-content .team-title,
.team-slider-style3 .team-item .team-content .team-title {
color: #fff;
position: relative;
padding-bottom: 8px;
margin-bottom: 10px;
font-size: 14px;
display: block;
}
.team-grid-style3 .team-item .team-content .social-icons a,
.team-slider-style3 .team-item .team-content .social-icons a {
color: #fff;
margin-right: 12px;
font-size: 16px;
}
.team-grid-style3 .team-item .team-content .social-icons a:last-child,
.team-slider-style3 .team-item .team-content .social-icons a:last-child {
margin-right: 0;
}
.team-grid-style3 .team-item .team-content .social-icons a:hover,
.team-slider-style3 .team-item .team-content .social-icons a:hover {
opacity: 0.8;
}
.team-grid-style3 .team-item:hover .team-content,
.team-slider-style3 .team-item:hover .team-content {
opacity: 1;
width: 100%;
top: 50%;
}
.team-grid-style3 .team-item:hover .team-inner-wrap:before,
.team-slider-style3 .team-item:hover .team-inner-wrap:before {
opacity: 0.8;
}
.team-grid-style3 .team-img:after {
top: 0;
}
.team-grid-style3 .team-img:before {
bottom: 0;
}
.team-grid-style4 .owl-stage-outer,
.team-slider-style4 .owl-stage-outer {
overflow-y: visible;
}
.team-grid-style4 .team-item,
.team-slider-style4 .team-item {
margin-bottom: 125px;
position: relative;
overflow: visible;
}
.team-grid-style4 .team-item:before,
.team-slider-style4 .team-item:before {
display: none;
}
.team-grid-style4 .team-item .team-content,
.team-slider-style4 .team-item .team-content {
color: #f8560c;
background: #fff;
text-align: center;
position: absolute;
z-index: 1;
opacity: 1;
height: unset;
display: inline-block;
top: unset;
bottom: -85px;
padding: 20px 20px 25px;
-webkit-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
left: 50%;
max-width: 310px;
transform: translateX(-50%);
width: 95%;
}
.team-grid-style4 .team-item .team-content .team-name,
.team-slider-style4 .team-item .team-content .team-name {
display: block;
font-size: 22px;
margin-bottom: 0;
text-transform: capitalize;
font-weight: 600;
}
.team-grid-style4 .team-item .team-content .team-name a,
.team-slider-style4 .team-item .team-content .team-name a {
color: #030749;
}
.team-grid-style4 .team-item .team-content .team-name a:hover,
.team-slider-style4 .team-item .team-content .team-name a:hover {
color: #f8560c;
}
.team-grid-style4 .team-item .team-content .team-title,
.team-slider-style4 .team-item .team-content .team-title {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding-top: 5px;
display: block;
font-family: Poppins, sans-serif;
color: #0a0a0a;
}
.team-grid-style4 .team-item .team-content .team-desc,
.team-slider-style4 .team-item .team-content .team-desc {
font-size: 14px;
margin-bottom: 0;
color: #777;
position: relative;
z-index: 1;
max-height: 0;
opacity: 0;
line-height: 24px;
-webkit-transition: all 0.6s, max-height 0.5s;
-o-transition: all 0.6s, max-height 0.5s;
-moz-transition: all 0.6s, max-height 0.5s;
transition: all 0.6s, max-height 0.5s;
overflow: hidden;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-grid-style4 .team-item .team-content .team-desc:before,
.team-slider-style4 .team-item .team-content .team-desc:before {
content: "";
position: absolute;
z-index: 1;
background: #030749;
top: 0;
left: 50%;
width: 50px;
height: 2px;
margin-left: -25px;
}
.team-grid-style4 .team-item .team-content .social-icons,
.team-slider-style4 .team-item .team-content .social-icons {
text-align: center;
margin-top: 12px;
}
.team-grid-style4 .team-item .team-content .social-icons a,
.team-slider-style4 .team-item .team-content .social-icons a {
display: inline-block;
}
.team-grid-style4 .team-item .team-content .social-icons a i,
.team-slider-style4 .team-item .team-content .social-icons a i {
color: #030749;
font-size: 15px;
width: 35px;
height: 35px;
line-height: 35px;
background: 0 0;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-grid-style4 .team-item .team-content .social-icons a i:hover,
.team-slider-style4 .team-item .team-content .social-icons a i:hover {
color: #f8560c;
}
.team-grid-style4 .team-item:before,
.team-slider-style4 .team-item:before {
background: 0 0;
}
.team-grid-style4 .team-item:hover .team-content,
.team-slider-style4 .team-item:hover .team-content {
opacity: 1;
top: unset;
}
.team-grid-style4 .team-item:hover .team-content .team-desc,
.team-slider-style4 .team-item:hover .team-content .team-desc {
position: relative;
max-height: 400px;
opacity: 1;
text-align: center;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.4s, max-height 1.5s;
-o-transition: all 0.4s, max-height 1.5s;
-moz-transition: all 0.4s, max-height 1.5s;
transition: all 0.4s, max-height 1.5s;
padding-top: 18px;
margin-top: 8px;
}
.team-grid-style5 .team-inner-wrap,
.team-slider-style5 .team-inner-wrap {
position: relative;
overflow: hidden;
padding-bottom: 100px;
background: #fff;
border-radius: 5px;
}
.team-grid-style5 .team-inner-wrap .image-wrap img,
.team-slider-style5 .team-inner-wrap .image-wrap img {
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.team-grid-style5 .team-inner-wrap .team-content,
.team-slider-style5 .team-inner-wrap .team-content {
height: 100px;
width: 100%;
top: unset;
bottom: 0;
opacity: 1;
position: absolute;
padding: 15px 20px;
color: #444;
text-align: center;
overflow: hidden;
background: #fff;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc,
.team-slider-style5 .team-inner-wrap .team-content .member-desc {
margin: 10px 0;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name,
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: uppercase;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name a,
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name a {
color: #222;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-title,
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-title {
font-size: 15px;
text-transform: capitalize;
color: #222;
float: none;
text-align: center;
font-weight: 400;
}
.team-grid-style5 .team-inner-wrap .team-content .team-desc,
.team-slider-style5 .team-inner-wrap .team-content .team-desc {
display: none;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons,
.team-slider-style5 .team-inner-wrap .team-content .social-icons {
bottom: -100px !important;
position: absolute;
width: 100%;
text-align: center;
z-index: 100;
left: 50%;
opacity: 0;
transform: translateX(-50%) scale(0.5);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a,
.team-slider-style5 .team-inner-wrap .team-content .social-icons a {
width: 25px;
height: 25px;
line-height: 25px;
padding: 0;
border: none;
text-align: center;
color: #fff;
display: inline-block;
transition: all 0.3s ease 0s;
background: 0 0 !important;
margin-right: 8px;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a i,
.team-slider-style5 .team-inner-wrap .team-content .social-icons a i {
transition: all 0.3s ease 0s;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a i:hover,
.team-slider-style5 .team-inner-wrap .team-content .social-icons a i:hover {
color: #f8560c;
}
.team-grid-style5 .team-inner-wrap .team-content:before,
.team-grid-style5 .team-inner-wrap .team-content:hover,
.team-slider-style5 .team-inner-wrap .team-content:before,
.team-slider-style5 .team-inner-wrap .team-content:hover {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #FF3C00;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
left: 0;
}
.team-grid-style5 .team-inner-wrap:hover .image-wrap img,
.team-slider-style5 .team-inner-wrap:hover .image-wrap img {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.team-grid-style5 .team-inner-wrap:hover .team-content,
.team-slider-style5 .team-inner-wrap:hover .team-content {
opacity: 1;
width: 100%;
visibility: visible;
transform: translate(0, 0);
top: unset;
bottom: 0;
height: 140px;
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content:before,
.team-slider-style5 .team-inner-wrap:hover .team-content:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a,
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a {
color: #fff;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a:hover,
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a:hover {
color: #f8560c;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-title,
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc .team-title {
color: #fff;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc:before,
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .social-icons,
.team-slider-style5 .team-inner-wrap:hover .team-content .social-icons {
bottom: 25px !important;
opacity: 1;
transform: translateX(-50%) scale(1);
}
.team-grid-style6 .team-item {
overflow: visible;
}
.team-grid-style6 .team-item .image-wrap {
text-align: center;
}
.team-grid-style6 .team-item .image-wrap img {
border-radius: 50%;
}
.team-grid-style6 .team-item .social-icons {
text-align: center;
margin-top: 10px;
}
.team-grid-style6 .team-item .social-icons a {
display: inline-block;
}
.team-grid-style6 .team-item .social-icons a i {
color: #4a4a4a;
width: 35px;
height: 35px;
line-height: 35px;
background: 0 0;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-grid-style6 .team-item .team-content {
text-align: center;
margin: 0 0 30px;
padding: 20px 20px 25px;
position: unset;
opacity: 1;
}
.team-grid-style6 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0;
text-transform: capitalize;
}
.team-grid-style6 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #0a0a0a;
}
.team-grid-style6 .team-item .team-content h3.team-name a:hover {
color: #FF3C00;
}
.team-grid-style6 .team-item .team-content span.team-title {
font-family: Montserrat, sans-serif;
font-size: 14px;
color: #666;
} .new-team .rs-team-grid.rs-team.team-grid-style6.itsoft_lite_box{
transition: .4s;
}
.new-team .team-grid-style6 .team-item .image-wrap img {
border-radius: 0;
width: 100%;
}
.new-team .team-grid-style6 .team-item {
overflow: visible;
margin-bottom: 30px;
}
.new-team .team-grid-style6 .team-item .team-content {
padding: 0px 0px;
margin: 0 0 30px;
padding: 17px 20px 25px;
position: absolute;
opacity: 1;
width: 94%;
bottom: -54px;
margin: 0 auto 0;
left: 0;
right: 0;
}
.new-team .team-grid-style6 .team-item .social-icons {
margin-top: 0;
}
.new-team .member-desc {
background: #FF3D00;
padding: 17px 0 19px;
transform: rotateX(-90deg);
border-radius: 4px 4px 0 0;
transition: .5s;
}
.new-team .team-grid-style6 .team-item .team-content h3.team-name a:hover {
color: #fff;
}
.new-team .team-grid-style6 .team-item .team-content h3.team-name a {
color: #fff;
}
.new-team .team-grid-style6 .team-item .team-content h3.team-name {
font-weight:500;
font-size: 24px;
}
.new-team .team-grid-style6 .team-item .team-content span.team-title {
font-family: 'Fira Sans';
font-size: 15px;
color: #fff;
margin: 5px 0 0;
display: inline-block;
}
.new-team .team-grid-style6 .team-item .social-icons a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
background: #373644;
border-radius: 100%;
font-size: 14px;
}
.new-team .team-grid-style6 .team-item .social-icons a i {
color: #fff;
}
.new-team .team-grid-style6 .team-item .social-icons a:hover{
background:#FF3D00;
}
.new-team  .social-icons {
background: #141323;
padding: 14px 0 14px;
border-radius: 0 0 4px 4px;
transform: rotateX(-90deg);
transition: .5s;
}  .new-team .rs-team-grid.rs-team.team-grid-style6.itsoft_lite_box:hover {
transform: translate3d(0,-5px,0);
}
.new-team .rs-team-grid.rs-team.team-grid-style6.itsoft_lite_box :hover .member-desc{
transform: rotateX(0deg);
}
.new-team .rs-team-grid.rs-team.team-grid-style6.itsoft_lite_box :hover .social-icons{
transform: rotateX(0deg);
}
.rspopup_style1 {
max-width: 900px;
margin: 0 auto;
background: #fff;
padding: 40px;
position: relative;
}
.rspopup_style1 .rsteam_content {
padding-left: 15px;
}
.rspopup_style1 .rsteam_content .title {
margin: 0 0 10px;
}
.rspopup_style1 .team-name {
margin: 0 0 10px;
color: #333;
}
.rspopup_style1 .team-heading {
border-bottom: 1px solid #eee;
}
.rspopup_style1 .team-des,
.rspopup_style1 .team-heading {
padding-bottom: 15px;
margin-bottom: 15px;
}
.rspopup_style1 .team-des {
margin-bottom: 0;
}
.rspopup_style1 .social-icons1 a {
width: 35px;
height: 35px;
line-height: 40px;
background: #030749;
color: #fff;
text-align: center;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.rspopup_style1 .social-icons1 a:hover {
opacity: 0.9;
}
.rspopup_style1 .social-icons1 a:last-child {
margin-right: 0;
margin-left: 4px;
}
.rspopup_style1 .contact-info {
margin-bottom: 15px;
border-top: 1px solid #eee;
}
.rspopup_style1 .contact-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.rspopup_style1 .contact-info ul li {
display: block;
border-bottom: 1px solid #eee;
padding: 5px 0;
}
.rspopup_style1 .contact-info ul li a {
color: #4a4a4a;
}
.rspopup_style1 .contact-info ul li a:hover {
color: #030749;
}
.mfp-hide {
display: none !important; 
} .team-seven{
position: relative;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.team-seven .single-team{
text-align: center;
padding: 20px 20px 20px;
border-radius: 5px;
}
.team-seven .single-team::after{
content: '';
position: absolute;
height: 2px;
background: #FF3C00;
left:0;
bottom: 0;
transform: scale(0);
transition: 0.5s;
}
.team-seven .single-team:hover::after{
width: 100%;
transform: scale(1);
}
.team-seven .single-team .team-img img{
position: relative;
z-index: 1;
}
.team-seven .single-team .team-img::before{
content: '';
position: absolute;
height: 140px;
width: 140px;
background: #f7f8f9;
top: 0;
left: 0;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
border-radius: 5px;
}
.team-seven .single-team .team-img::after{
content: '';
position: absolute;
height: 30px;
width: 30px;
background: #FF3C00;
top: 0;
right: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
border-radius: 5px;
}
.team-seven .single-team .team-content{
padding: 20px 0 0 0;
}
.team-seven .single-team .team-content .name-designation h3{
color: #303132;
font-size: 22px;
font-weight: 500;
font-family: "Rubik",Sans-serif;
margin-bottom: 6px;
}
.team-seven .single-team .team-content .name-designation span{
color: #ff3c00;
font-size: 16px;
font-weight: normal;
font-family: 'Istok Web', sans-serif;
opacity: 1;
transition: 0.3s;
}
.team-seven .single-team:hover .team-content .name-designation span{
opacity: 0;
}
.team-seven .single-team .team-content .social-icons{
position: absolute;
left: 0;
right: 0;
bottom: -30px;
transition: 0.5s;
}
.team-seven .single-team:hover .team-content .social-icons{
bottom: 15px;
}
.team-seven .single-team .team-content .social-icons a{
display: inline-block;
color: #fff;
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
background: #FF3C00;
border-radius: 50%;
} .team-slider-style8 .team-item {
overflow: visible;
}
.team-grid-style8 .team-item{
overflow: visible;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.team-grid-style8 .team-item .social-icons1 {
text-align: center;
}
.team-grid-style8 .team-item .social-icons1 a i,
.team-slider-style8 .team-item .social-icons1 a i {
font-size: 15px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-grid-style8 .team-item .image-wrap,
.team-slider-style8 .team-item .image-wrap {
position: relative;
overflow: hidden;
}
.team-slider-style8 .team-item .image-wrap a img{
width: 100%;
}
.image-wrap a img{
width:100%;
}
.team-grid-style8 .team-item .image-wrap:before{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
content: "";
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
opacity: 0;
border-radius: 10px;
}
.team-grid-style8:hover .team-item .image-wrap:before{
opacity: 1;
}
.team-slider-style8 .team-item .image-wrap .social-icons1{
position: absolute;
right: -50px;
bottom: 0;
width: 50px;
background: #030749;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.team-grid-style8 .team-item .image-wrap .social-icons1{
position: absolute;
right: -50px;
width: 50px;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
top: 50%;
transform: translateY(-50%);
}
.team-grid-style8 .team-item .image-wrap .social-icons1 a {
display: inline-block;
color: #FF3C00;
padding: 0;
background: #fff;
height: 42px;
width: 42px;
line-height: 42px;
margin: 4px 0;
border-radius: 50%;
}
.team-grid-style8 .team-item .image-wrap .social-icons1 a:hover{
color: #fff;
background: #FF3C00;
}
.team-grid-style8 .team-item .image-wrap .social-icons1 a i{
background: 0 0;
}
.team-grid-style8 .team-item .image-wrap .social-icons1.active {
right: 0;
width: 80px;
opacity: 1;
visibility: visible;
}
.team-grid-style8 .team-item .team-content{
position: absolute;
padding: 30px 20px 40px;
text-align: center;
width: 80%;
left: 0;
right: 0;
margin: auto;
bottom: -64px;
filter: drop-shadow(-1px 6px 3px rgba(32,46,60,.06));
}
.team-grid-style8 .team-item .team-content::before{
content: '';
position: absolute;
background: #fff;
height: 100%;
width: 100%;
left: 0;
top: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 78%);
z-index: -1;
border-radius: 10px;
}
.team-grid-style8 .team-item .team-content .member-desc h3{
margin: 0 0 7px;
}
.team-grid-style8 .team-item .team-content .member-desc h3 a{
font-size: 22px;
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
font-family: "Rubik",Sans-serif;
}
.team-grid-style8 .team-item .team-content .member-desc h3 a:hover{
color: #FF3C00;
}
.team-grid-style8 .team-item .team-content span.team-title{
color: #707070;
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: normal;
}
.team-grid-style8 .team-item .social-icons,
.team-slider-style8 .team-item .social-icons {
display: none;
}
.team-slider-style8 .team-item .team-content {
margin: 0;
}
.team-grid-style8 .team-btn {
position: absolute;
background: #ff3b00;
height: 50px;
width: 50px;
line-height: 50px;
color: #fff;
top: -25px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
border-radius: 50%;
} .team-grid-style9 .single-team {
margin-bottom: 30px;
position: relative;
text-align: center;
}
.team-grid-style9 .team-thumb{
overflow: hidden;
z-index: 1;
position: relative;
}
.team-grid-style9 .team-thumb img {
width: 100%;
}
.team-grid-style9 .team-thumb::before {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.45) 43%, rgba(34, 31, 60, 0) 100%);
bottom: -50px;
content: "";
opacity: 0;
transition: .5s;
}
.team-grid-style9 .single-team:hover .team-thumb::before  {
opacity: 1;
bottom: 0;
}
.team-grid-style9  .team-content {
background: transparent;
padding: 23px 0 20px;
}
.team-grid-style9 .team-content h2 {
color: #fff;
font-size: 22px;
margin: 0;
}
.team-grid-style9 .team-content p {
color: #b7b7b7;
text-transform: capitalize;
font-size: inherit;
margin: 0;
}
.team-grid-style9 .social-icons1{
position: absolute;
bottom: -100%;
left: 0;
right: 0;
margin: auto;
transition: .5s;
z-index: 999;
}
.team-grid-style9 .single-team:hover .social-icons1{
bottom: 30px;
}
.team-grid-style9 .social-icons1 li{
display: inline-block;
margin: 0 2px;
}
.team-grid-style9 .social-icons1 li i{
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background: #e9455a;
text-align: center;
color: #fff;
border-radius: 100%;
}
.team-grid-style9 .social-icons1 li:nth-child(2) i{
background: #1da1f2;
}
.team-grid-style9 .social-icons1 li:nth-child(3) i{
background: #e60023;
}
.team-grid-style9 .social-icons1 li:nth-child(4) i{
background: #e9455a;
} .work_progress {
text-align: center;
margin-bottom: 30px;
position: relative;
padding: 0 20px;
}
.wrok_process_thumb {
text-align: center;
border: 4px solid transparent;
border-radius: 50%;
display: inline-block;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
box-shadow: 0 0 9px 0 rgba(24,35,51,.09);
}
.work_progress:hover .wrok_process_thumb{
border-color:#FF3C00;
}
.wrok_process_thumb img {
border-radius: 50%;
border: 10px solid #fff;
}
.progress_content {
text-align: center;
}
.work_progress-number {
position: absolute;
left: -26px;
top: 50.5%;
margin: auto;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.work_progress-title {
padding-top: 24px;
}
.work_progress-title h2 {
font-size: 20px;
font-weight: 700;
}
.work_progress-desc {
padding-top: 5px;
}
.work_progress:hover .work_progress-number {
top: 40%;
}
.work_progress-number span {
background: #FF3C00;
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
color: #fff;
border-radius: 50%;
font-size: 16px;
position: relative;
z-index: 1;
}
.work_progress-number span::before {
position: absolute;
left: -5px;
top: -5px;
width: 60px;
height: 60px;
background: #FF3C00;
opacity: 0.6;
content: "";
margin: auto;
border-radius: 100%;
z-index: -1;
}
.work_progress-number span::after {
position: absolute;
left: -15px;
top: -15px;
width: 80px;
height: 80px;
background: #FF3C00;
opacity: 0.4;
content: "";
margin: auto;
border-radius: 100%;
z-index: -1;
}
.process-bg-shape {
position: relative
}
.process-bg-shape:before {
position: absolute;
right: 0;
bottom: -27px;
width: 100%;
content: "";
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/assets/images/graduation-bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 500px;
}
.em_process-icon{
position:relative;
}
.em_process-icon i {
background: linear-gradient(to right, #000dff, #2c34ff, #444bff, #5860ff, #6b73ff);
color: #fff;
width: 90px;
height: 90px;
display: inline-block;
line-height: 90px;
font-size: 40px;
border-radius: 4px;
}
.style-two .work_progress-number {
position: absolute;
right: 28px;
top: auto;
margin: auto;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: inherit;
left: auto;
bottom: -16px;
z-index: 1;
}
.style-two.work_progress:hover .work_progress-number {
top: inherit;
}
.style-two .work_progress-number span {
background: #FF3C00;
}
.style-two .work_progress-number span:after,
.style-two .work_progress-number span:before {
display:none;
}
.two.process-bg-shape::before {
position: absolute;
right: 0;
bottom: -107px;
width: 100%;
content: "";
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/assets/images/graduation-bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 500px;
} .work_progress.style-4:before {
position: absolute;
content: "";
top: 6px;
right: -176px;
height: 21px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/line-shape.png);
}
.two .work_progress.style-4:before {
display: none;
}
.work_progress.style-4 .wrok_process_thumb {
text-align: center;
border-radius:0;
box-shadow: none;
position: relative;
z-index: 1;
}
.work_progress.style-4 .wrok_process_thumb:before {
position: absolute;
content: "";
top: -14px;
left: -12px;
height: 62px;
width: 62px;
background: #fe6637;
transition: .5s;
z-index: -1;
border-radius: 100%;
}
.work_progress.style-4 .wrok_process_thumb img {
border-radius: 0;
border: 0;
}
.work_progress.style-4 .work_progress-title h2 {
font-size: 24px;
font-weight: 500;
color: #fff;
margin: 3px 0 5px;
}
.work_progress.style-4 .work_progress-desc p{
padding-top: 5px;
color: #fff;
opacity: 0.9;
margin: 0;
} .work_progress.style-5 .wrok_process_thumb {
box-shadow: none;
position:relative;
}
.work_progress.style-5 .wrok_process_thumb:before {
position: absolute;
content: "";
top: 74%;
right: -71px;
height: 89%;
width: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/05/line-shape.png);
background-position: center center;
background-repeat: no-repeat;
transform: translate(48%, -50%);
left: inherit;
}
.work_progress.style-5:hover .wrok_process_thumb {
border-color:transparent;
}
.last-box .work_progress.style-5 .wrok_process_thumb:before {
display:none;
}
.work_progress.style-5 .work_progress-number {
position: absolute;
right: 32px;
top: 64.5%;
margin: auto;
left: inherit;
transition: all 400ms linear;
}
.work_progress.style-5:hover .work_progress-number span{
background:#FF3C00;
color:#fff;
}
.work_progress.style-5 .work_progress-number span {
background: transparent;
display: inline-block;
height: 31px;
width: 31px;
text-align: center;
line-height: 28px;
color: #FF3C00;
border: 2px solid#FF3C00;
}
.work_progress.style-5 .work_progress-number span::before {
display:none;
}
.work_progress.style-5 .work_progress-number span::after {
display:none;
}
.work_progress.style-5 .work_progress-title {
padding-top: 11px;
}
.work_progress.style-5 .work_progress-title h2 {
font-size: 22px;
} .call-to-action {
text-align: center;
position: relative;
}
.call-to-action-title h2 {
margin-bottom: 12px;
color: #fff;
font-size: 35px;
margin-bottom: 20px;
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: #FF3C00;
border-radius: 4px;
color: #fff;
padding: 12px 31px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 500;
font-family: 'Fira Sans', sans-serif;
}
.call-to-action-btn a i{
margin-left:8px;
}
.call-to-action-btn a:hover {
background: #fff;
color: #FF3C00;
}
.call-to-action-desc {
color: rgba(255,255,255,0.90);
width: 33%;
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: #FF3C00;
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;
} .single_testimonial {
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
position: relative;
margin-top: 10px;
text-align: center;
}
.testi_thumb img {
border-radius: 100%;
width:90px;
}
.testi_content {
margin-bottom: 30px;
}
.testi_title {
margin-top: 10px;
}
.testi_title h2 {
font-size: 18px;
margin-bottom: 0px;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 700;
}
.testi_title h2 sup {
font-size: 15px;
font-weight: bold;
margin-left: 5px;
}
.testi_title span {
color: #FF3C00;
font-weight: 400;
font-size: 15px;
display: block;
padding-top: 5px;
transition: .5s;
}
.testi_text {
font-size: 15px;
font-weight: 400;
font-style: italic;
width: 69%;
margin: auto;
}
.testi_text.texti_style2 {
color: #444444;
font-style: italic;
margin: auto;
width: 100%;
}
.testimonial_list.curosel-style .owl-nav div{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.em_testi_degi {
line-height: 1;
margin-top: -4px;
}
.reviews_rating {
margin-top: 10px;
}
.em_reviews i {
color: #ddd;
}
.testi-star i {
color: #ddd;
}
.testi-star i.active {
color: #FF3C00;
font-size: 19px;
margin: 0 1px;
}
.em_testi_country_img ul li {
display: inline-block;
overflow:hidden;
}
.em_testi_country_img ul li img{
display:inline-block;
}
.country-name{
margin-left:10px;
}
.testimonial-style-two .single_testimonial {
text-align: center;
background: #fff;
padding: 30px 25px;
border-radius: 5px;
border: 1px solid #eee;
}
.testimonial-style-two .testi_content {
position: relative;
padding: 0;
-webkit-box-shadow: 0 25px 40px 0 rgba(0,0,0,.1);
box-shadow: none;
background: transparent;
border-radius: 0;
text-align: center;
margin-bottom: 30px;
}
.testi_thumb img {
border-radius: 100%;
width: 90px;
}
.testimonial-style-two .testi_title h2 {
}
.testimonial-style-two .testi_title span {
color: #FF3C00;
font-size: 14px;
}
.testimonial-style-two .testi_text {
width: 100%;
margin: auto;
font-size: 16px;
font-style: inherit;
font-family: Rubik;
}
.testi_thumb {
position: relative;
margin: 0 0 20px;
display:inline-block;
}
.testi_thumb:before {
content: "\f10d";
font-family: FontAwesome;
font-size: 18px;
position: absolute;
line-height: 50px;
bottom: 0px;
right: -16px;
background-color: #FF3C00;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
border-radius: 50%;
}
.testimonial-style-two .testi_title {
position: relative;
padding-top: 20px;
}
.testimonial-style-two .testi_title::before, .testimonial-style-two .testi_title::after {
position: absolute;
top: 0;
content: "";
height: 1px;
width: 25px;
}
.testimonial-style-two .testi_title::before {
background-color: #FF3C00;
left: calc(50% - 25px);
}
.testimonial-style-two .testi_title::after {
background-color: #ddd;
left: 50%;
} .testimonial-style-three .single_testimonial {
position: relative;
text-align: left;
background: #fff;
margin: 0;
padding: 30px 20px 40px 30px;
border-radius: 5px;
}
.testimonial-style-three .single_testimonial:hover{
background: #FF3C00;
}
.testimonial-style-three .single_testimonial::before {
content: '';
position: absolute;
height: 291px;
width: 325px;
background: #f7f8f9;
top: 0;
left: 0;
clip-path: polygon(0% 0%, 100% 0%, 45% 100%, 0% 100%);
border-radius: 5px 0 0 5px;
transition: 0.5s;
}
.testimonial-style-three .single_testimonial:hover::before {
background: #252525;
}
.testimonial-style-three .single_testimonial::after {
content: '';
position: absolute;
height: 30px;
width: 30px;
background: #FF3C00;
top: 0;
right: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%);
border-radius: 0px 5px 0px 0px;
}
.testimonial-style-three .single_testimonial:hover .testi_title h2,
.testimonial-style-three .single_testimonial:hover .testi_text{
color: #fff;
}
.testimonial-style-three .single_testimonial .wrapper{
position: relative;
z-index: 1;
}
.testimonial-style-three .testi_thumb {
float: left;
margin-right: 20px;
}
.testimonial-style-three .testi_thumb::before{
display: none;
}
.testimonial-style-three .testi_thumb img{
border-radius: 0;
}
.testimonial-style-three .testi_title {
margin-bottom: 30px;
}
.testimonial-style-three .testi_text {
color: #fff;
}
.testimonial-style-three .testi_title h2 {
color: #252525;
font-size: 22px;
font-family: "Rubik",Sans-serif;
font-weight: 500;
}
.testimonial-style-three .testi_title h2 span{
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
}
.testimonial-style-three .testi_content {
margin: 0;
padding: 2px 0 27px;
clear: both;
}
.testimonial-style-three .testi_text {
color: #707070;
font-size: 16px;
width: 100%;
font-style: normal;
font-family: 'Fira Sans', sans-serif;
}
.testimonial-style-three .testi-star i{
font-size: 14px;
} .testimonial_list.style-five .single_testimonial {
width: 71%;
margin: auto;
text-align: left;
padding: 115px 50px 115px 100px;
}
.testimonial_list.style-five .single_testimonial .testi_content{
position: relative;
}
.testimonial_list.style-five .single_testimonial .client-details{
position: relative;
display: flex;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_thumb{
border: 4px solid #fff;
border-radius: 50%;
margin: 0 22px 0 0;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_thumb::before{
display: none;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_title h2 {
color: #fff;
font-size: 22px;
font-family: "Rubik",Sans-serif;
font-weight: 500;
float: left;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_title span {
display: inline-block;
color: rgba(255, 255, 255, 0.8);
position: relative;
margin: 0 12px;
padding: 0 12px;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_title span::before {
content: '';
position: absolute;
height: 100%;
width: 1px;
background: #fff;
left: 0px;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_title .testi-star i.active{
color: #ffc000;
}
.testimonial_list.style-five .single_testimonial .client-details .reviews_rating{
margin-top: 22px;
}
.testimonial_list.style-five .single_testimonial .client-details .testi_title .testi-star i{
font-size: 14px;
}
.testimonial_list.style-five .single_testimonial .testi_content .testi_text {
color: #fff;
font-style: normal;
font-size: 17px;
line-height: 1.8;
}
.testimonial_list.style-five .single_testimonial::before{
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/testimonial-bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.testimonial_list.style-five .single_testimonial .testi_text{
width: 100%;
} .testimonial-style-six .single_testimonial {
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
position: relative;
margin-top: 10px;
text-align: left;
z-index: 1;
padding: 22px 24px 22px;
border-radius: 5px;
}
.testimonial-style-six .single_testimonial:hover {
transform: translate3d(-10px,0,0);
}
.testimonial-style-six .single_testimonial:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
transition: .4s;
z-index: -1;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/testimonial-card-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.testimonial-style-six .single_testimonial:after {
position: absolute;
content: "";
top: 0;
left:50%;
height: 100%;
width: 0;
transition: .4s;
z-index: -1;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/testimonial-card-hover-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.testimonial-style-six .single_testimonial:hover:after{
left: 0;
width:100%;
} 
.testimonial-style-six .single_testimonial:hover:before{
opacity: 0;
} 
.testimonial-style-six .single_testimonial:hover .testi_text,
.testimonial-style-six .single_testimonial:hover .testi_title span,
.testimonial-style-six .single_testimonial:hover .testi_title h2,
.testimonial-style-six .single_testimonial:hover .testi-star i.active{
color: #fff;
}
.testimonial-style-six .testi_title {
margin-top:0px;
display: inline-block;
}
.testimonial-style-six .testi_thumb {
position: relative;
margin: 0px 0 0;
top: 7px;
margin-right: 18px;
}
.testimonial-style-six .testi_thumb:before {
content: "";
font-family: inherit;
font-size: 18px;
position: absolute;
line-height: 28px;
bottom: 5px;
right: -10px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/quote2.png);
background-repeat: no-repeat;
background-position: center center;
width: 28px;
height: 28px;
}
.testimonial-style-six .testi_thumb img {
width: 76px;
}
.testimonial-style-six .testi_content {
margin-bottom: 22px;
}
.testimonial-style-six .testi_text {
font-size: 16px;
font-style: inherit;
width: 99%;
margin: 27px auto 0;
color: #6d6d6d;
line-height: 26px;
transition: .5s;
}
.testimonial-style-six .testi_title h2 {
font-size: 20px;
font-weight: 600;
margin: 0;
}
.testimonial-style-six .testi-star i.active {
font-size: 16px;
transition: .5s;
} .testi_seven .section-title.t_center {
margin-bottom: 28px;
}
.single_testimonial.style7 {
text-align: center;
padding: 85px 23px 14px;
background: #F6F6F6;
border-radius: 5px;
position: relative;
z-index: 1;
margin-top: 38px;
}
.single_testimonial.style7:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 0;
width: 100%;
z-index: -1;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/testi.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transition: all 400ms linear;
border-radius: 0 0 5px 5px;
}
.single_testimonial.style7:hover:before {
height: 100%;
}
.single_testimonial.style7:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 0;
width: 100%;
transition: all 400ms linear;
background: #ff3c00;
}
.single_testimonial.style7:hover:after {
height: 4px;
}
.single_testimonial.style7:hover .author:before {
top: 20px;
opacity: 1;
}
.single_testimonial.style7 .testi_content {
margin-bottom: 23px;
}
.single_testimonial.style7 .testi_title h2 {
font-size: 22px;
font-weight: 600;
margin: 0 0 0;
}
.single_testimonial.style7 .testi-star i {
color: #ff3c00;
font-size: 16px;
margin: 0 2px;
padding: 10px 0 20px;
}
.single_testimonial.style7 .author_thumb {
display: inline-block;
position: absolute;
top: -36px;
left: 0;
right: 0;
margin: auto;
height: 84px;
width: 84px;
z-index: 2;
}
.single_testimonial.style7 .author:before {
position: absolute;
content: "";
left: -77px;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/quote.png);
background-repeat: no-repeat;
background-position: center center;
width: 38px;
height: 38px;
transition: all 400ms linear;
top: 47px;
opacity: 0;
}
.single_testimonial.style7 .testi_text {
width: 100%;
line-height: 25px;
font-style: normal;
}
.single_testimonial.style7 .testi_title {
margin-top: 0;
}
.single_testimonial.style7 .testi-single-thumb {
display: inline-block;
align-items: center;
} .single_testimonial.style9{
background: #fff;
padding: 0;
margin-left: 55px;
position: relative;
}
.testi-single-thumb {
display: flex;
align-items: center;
}
.single_testimonial.style9 .author_thumb {
float: left;
margin-right: 28px;
position: relative;
margin-left: -52px;
display: inline-block;
}
.single_testimonial.style9 .testi_content {
padding: 25px 35px 38px;
text-align: left;
line-height: 26px;
}
.single_testimonial.style9 .testi_text {
font-size: 15px;
font-style: inherit;
width: 100%;
margin: 0 auto 0;
}
.single_testimonial.style9 .testi_title h2 {
font-size: 22px;
text-align: left;
}
.single_testimonial.style9 .testi_title span {
font-size: 16px;
font-weight: 400;
position: relative;
margin-top: 6px;
color: #FF3C00;
margin-left: 48px;
}
.single_testimonial.style9 .testi_title span:before {
position: absolute;
content: "";
left: -46px;
right: 0;
top: 10px;
height: 2px;
width: 35px;
background: #FF3C00;
}
.single_testimonial.style9 .em_reviews_rating {
position: absolute;
right: 42px;
top: 32px;
}
.single_testimonial.style9 .em_reviews_rating i {
color: #FF3C00;
margin-left: 4px;
font-size: 14px;
} .testi_new .single_counter {
text-align: right!important;
position: relative;
}
.testi_new .single_counter:before {
position: absolute;
content: "";
right: -39px;
height: 80px;
width: 1px;
background: #fff;
top: 35px;
opacity: 0.4;
}
.testi_new .two .single_counter:before {
display: none;
}
.testi_new .counter_title h4 {
margin-top: 9px;
}
.testi_new .countr_text > h3 {
font-weight: 700;
color: #ff3c00!important;
} .itsoft-single-cases-study {
position: relative;
z-index:999;
}
.em-cases-study-content {
position: absolute;
left: 0;
bottom: -100%;
right: 0;
text-align: center;
background: #FF3C00;
margin: auto;
padding: 20px 30px 14px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 1;
width: 100%;
opacity: 0;
}
.itsoft-single-cases-study:hover .em-cases-study-content{
bottom: 0;
opacity:1;
}
.case-study-thumb{
position:relative;
z-index:1;
}
.case-study-thumb img {
border-radius: 5px;
}
.case-study-thumb::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.75);
content: "";
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 5px;
}
.itsoft-single-cases-study:hover .case-study-thumb:before{
opacity:1;
}
.em-cases-study-title h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 0 0 5px;
}
.em-cases-study-title h2 a {
font-size: 20px;
font-weight: 600;
margin: 0 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color:#fff;
}
.em-cases-study-title h2 a:hover{
color:#fff;
}
.case_category p span {
color: #fff;
letter-spacing: 1px;
}
.case_category span {
color: #fff;
} .case_default .em-cases-study-content{
background: transparent;
width: 100%;
padding: 40px 27px;
top: inherit;
opacity: 1;
text-align: left;
bottom: 0;
}
.case_default .em-cases-study-title h2 a {
font-size: 23px;
}
.case_default .itsoft-single-cases-study {
margin-bottom: 30px;
}
.case_default .case-study-thumb:before {
border-radius: 7px;
background: rgba(0, 0, 0, 0.30);
opacity: 1;
}
.case_default .case-study-thumb:before {
border-radius: 7px;
}
.case_default .em-cases-study-title h2 {
margin: 0 0 7px;
color: #fff;
}
.case_default .case_category span,
.case_default .cases-study-content p,
.case_default .em-case-study-button a {
color: #fff;
}
.case_default .cases-study-content p {
margin: 20px 0;
}
.case_default .em-cases-study-title h2 a:hover {
color: #fff;
}
.em-case-study-button {
margin-top: 20px;
} .case-study-section .single-case-study{
position: relative;
margin-bottom: 30px;
}
.case-study-section .single-case-study::after{
content: '';
position: absolute;
height: 2px;
background: #FF3C00;
bottom: 0;
transform: scale(0);
transition: 0.5s;
}
.case-study-section .single-case-study:hover::after{
width: 100%;
transform: scale(1);
}
.case-study-section .single-case-study .case-study-content{
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
padding: 18px 28px 18px;
background: #fff;
}
.case-study-section .single-case-study .case-study-content h3 a{
color: #252525;
font-size: 24px;
font-weight: 500;
font-family: "Rubik",Sans-serif;
}
.case-study-section .single-case-study .case-study-content .case-category .category-item{
color: #FF3C00;
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
}
.case-study-section .case_study_three .single-case-study .case-study-content h3 {
line-height: 26px;
}
.case-study-section .case_study_three .single-case-study .case-study-content h3 a {
font-size: 20px;
}
.case-study-section .case_study_three .single-case-study .case-study-content {
padding: 18px 18px 18px;
} .case_study_four .single-portfolio {
position: relative;
margin-bottom: 30px;
}
.case_study_four .single-portfolio::after {
position: absolute;
left: 0px;
top: 0px;
content: "";
height: 100%;
width: 100%;
border: 25px solid #FF3C00;
opacity: 0;
transition: .5s;
}
.case_study_four .single-portfolio:hover::after{
opacity: 1;
}
.case_study_four .portfolio-thumb::before  {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 1;
background: linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.57) 40%, rgba(34, 31, 60, 0.55) 43%, rgba(34, 31, 60, 0.10) 100%);
}
.case_study_four .portfolio-content {
position: absolute;
text-align: center;
-webkit-transition: .5s;
transition: .5s;
right: 0;
bottom: -40px;
left: 0;
opacity: 1;
background: transparent;
margin: auto;
padding: 22px 25px 30px;
text-align: center;
z-index: 9;
}
.case_study_four .single-portfolio:hover .portfolio-content {
bottom: 0;
}
.case_study_four .btn-details a {
background: transparent;
border: none;
font-size: 21px;
opacity: 0;
color: #fff;
}
.case_study_four .single-portfolio:hover .btn-details a {
opacity: 1;
}
.case_study_four .btn-details a::before {
display: none;
transition: .5s;
}
.case_study_four .portfolio-content h4 a {
color: #fff;
font-size: 25px;
font-weight: 500;
text-transform: capitalize;
}
.case_study_four .portfolio-content p{
color: #fff;
} .blog_style_adn_2.style-five .single_case_study {
margin-bottom: 30px;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study {
position: relative;
z-index: 999;
overflow: hidden;
}
.blog_style_adn_2.style-five .cases-single {
position: relative;
z-index: 1;
}
.blog_style_adn_2.style-five .cases-single:before {
position: absolute;
content: "";
top: 14px;
left: 0;
height: 100%;
width: 94%;
margin: auto;
border: 2px solid#353944;
right: 0;
transition: all 400ms linear;
}
.blog_style_adn_2.style-five .cases-single:hover:before{
border-color:#ff3b00;
}
.blog_style_adn_2.style-five .em-cases-study-content {
position: absolute;
left: 0;
bottom: -37px;
right: 0;
text-align: left;
background: #030715;
margin: auto;
padding: 20px 30px 26px;
opacity: 1;
transition: .5s;
width: 86%;
border-top: 2px solid#ff3b00;
transition: all 400ms linear;
}
.blog_style_adn_2.style-five .em-cases-study-inner-content{
position: relative;
z-index: 1;
}
.blog_style_adn_2.style-five .case-study-thumb::before {
position: absolute;
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-radius: 5px;
position: absolute;
content: "";
background: linear-gradient(to bottom, rgba(250,70,11, .1) 39%, #FA460B 95%);
transition: all 400ms linear;
z-index: 1;
top: inherit;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study:hover .case-study-thumb:before{
height: 100%;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study:hover .em-cases-study-content{
bottom: 0px;
}
.blog_style_adn_2.style-five .case_category span {
color: #ff3b00;
font-size: 15px;
position: relative;
left: 17px;
margin: 0 0 8px;
display: inline-block;
}
.blog_style_adn_2.style-five .case_category span:before {
position: absolute;
content: "";
top: 7px;
left: -15px;
height: 7px;
width: 7px;
border-radius: 100%;
background: #ff3b00;
}
.blog_style_adn_2.style-five .em-case-study-button {
margin-top: 18px;
opacity: 0;
transition: all 400ms linear;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study:hover .em-case-study-button{
opacity:1;
}
.blog_style_adn_2.style-five .case_category p span {
color: #FE3B03;
letter-spacing: 0;
font-size: 17px;
font-weight: 500;
position: relative;
left: 32px;
transition: .5s;
}
.blog_style_adn_2.style-five .case_category p span:before {
position: absolute;
content: "";
left: -31px;
top: 10px;
height: 2px;
width: 22px;
background: #FE3B03;
transition: .5s;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study:hover .case_category p span{
color: #fff;
}
.blog_style_adn_2.style-five .itsoft-single-cases-study:hover .case_category p span:before{
background: #fff;
}
.blog_style_adn_2.style-five .em-cases-study-title h2 {
font-size: 24px;
font-weight: 600;
line-height: 1;
font-family: 'Fira Sans';
}
.blog_style_adn_2.style-five .em-case-study-button a {
color: #fff;
opacity: 0.7;
}
.blog_style_adn_2.style-five .em-case-study-button i {
color: #fff;
margin-left: 3px;
font-size: 10px;
font-weight: 600;
opacity: 0.7;
} .blog_style_adn_2.style6 .case-study-thumb a img {
width: 100%;
}
.blog_style_adn_2.style6 .case-study-thumb::before {
background: rgba(0, 0, 0, 0.30);
}
.blog_style_adn_2.style6 .em-cases-study-content {
opacity: 0;
position: absolute;
left: 0;
bottom: -80px;
right: 0;
text-align: left;
background: #fff;
margin: auto;
padding: 24px 59px 21px;
width: 92%;
border-radius: 100px;
transition: .5s;
transition: all 400ms linear;
text-align: center;
}
.blog_style_adn_2.style6 .itsoft-single-cases-study:hover .em-cases-study-content{
bottom:30px;
opacity: 1;
}
.blog_style_adn_2.style6 .em-cases-study-title h2 a {
font-size: 20px;
color: #232323;
}
.blog_style_adn_2.style6 .case_category span {
color: #ED2C41;
}
.blog_style_adn_2.style6 .em-cases-study-title h2 {
line-height: 1.3;
} .blog_style_adn_2.style7 .case-study-thumb:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 1;
transition: .5s;
background: linear-gradient(0deg, rgba(255, 59, 0, 0.902) 0%,     rgba(255, 59, 0, 0.902) 24%, rgba(255, 59, 0, 0) 62%, rgba(255, 59, 0, 0) 100%);
}
.blog_style_adn_2.style7 .itsoft-single-cases-study:hover .case-study-thumb:before{
opacity: 0;
}
.blog_style_adn_2.style7 .em-cases-study-content {
position: absolute;
left: 0;
text-align: left;
-o-transition: .5s;
transition: .5s;
z-index: 1;
width: 100%;
opacity: 0;
background: rgba(10,10,29, 0.8);
padding: 27px 30px 24px;
bottom: 7px;
opacity: 1;
width: 95%;
margin: auto;
right: 0;
left: 0;
}
.blog_style_adn_2.style7 .itsoft-single-cases-study:hover .em-cases-study-content {
bottom: 7px;
opacity: 1;
background: #FF3C00;
}
.blog_style_adn_2.style7 .em-cases-study-title h2 {
font-size: 20px;
font-weight: 500;
line-height: 1.4;
margin: 11px 0 0;
}
.blog_style_adn_2.style7 .em-case-study-button a {
font-size: 15px;
color: #fff;
}
.blog_style_adn_2.style7 .em-case-study-button i {
margin-left: 5px;
color: #fff;
font-size: 9px;
font-weight: 800;
} .itsoft-single-brand {
margin-bottom: 15px;
overflow: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
} .itsoft-single-brand:hover .brand-thumb  img{
filter: none;
-webkit-filter: grayscale(0);
}
.itsoft-single-brand.style2 {
border: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;	    
}
.itsoft-single-brand.style2:hover{
margin-top: 0;
} .single_counter {
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-bottom: 30px;
}
.counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
margin-right: 20px;
}
.counter_icon i {
font-size: 50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: inline-block;
color: #FF3C00;
}
.countr_text > h1 {
font-size: 34px;
display: inline-block;
font-weight: 500;
margin: 0;
font-family: "Rubik",Sans-serif;
}
.countr_text > h3 {
font-size: 34px;
display: inline-block;
margin: 0;
font-family: "Rubik",Sans-serif;
font-weight: 500;
}
.counter_title {
padding: 0 0 0;
}
.counter_title h4 {
text-transform: capitalize;
font-size: 18px;
margin-top: 2px;
font-weight: 300;
letter-spacing: 0;
font-family: "Rubik",Sans-serif;
}
.style-two .counter_icon i {
color: #FF3C00;
}
.style-two .counter_title h4,
.style-two .countr_text h3,
.style-two .countr_text h1 {
color: #232323;
} .single_counter.style4 {
margin-bottom: 6px;
}
.single_counter.style4 .countr_text > h1 {
font-size: 44px;
font-weight: 500;
font-family: Fira sans;
color: #fff;
}
.single_counter.style4 .countr_text > h3 {
font-size: 44px;
font-family: Fira sans;
color: #fff;
}
.single_counter.style4 .counter_title h4 {
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
font-family: Fira sans;
color: #fff;
margin: 8px 0 0;
} .new-counter .countr_text > h1 {
font-size: 48px;
font-weight: 600;
margin: 0;
font-family: Fira sans;
color: #fff;
margin: 0 0 11px;
}
.new-counter .counter_title h4 {
text-transform: capitalize;
font-size: 16px;
margin-top: 2px;
font-weight: 400;
font-family: Fira sans;
color: #B9B9B9;
}
.new-counter .countr_text > h3 {
font-size: 44px;
font-family: 'Fira Sans';
font-weight: 600;
color: #FF3B01;
}
.no-icon .counter_icon i{
display:none;
}
.counter-creative .single_counter {
background: #fff;
width: 300px;
height: 300px;
border-radius: 50%;
text-align: center;
box-shadow: 11.35px 22.275px 25.92px 1.08px rgba(14,62,129,.29);
float: right;
position: relative;
padding: 0 40px;
}
.counter-creative .single_counter::before {
position: absolute;
content: "";
right: 71px;
top: -18px;
height: 300px;
width: 300px;
background: #FF3C00;
z-index: -1;
border-radius: 50%;
}
.counter-creative .single_counter .single_counter_inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.counter-creative .single_counter .counter_title h4 {
font-size: 24px;
padding: 0 32px;
font-weight: 700;
}
.counter-creative .single_counter .countr_text > h1 {
font-size: 120px;
line-height: 115px;
color:#FF3C00;
}
.counter-creative{
position:relative;
z-index:1;
}
.counter-creative::before {
content: "";
position: absolute;
right: -35px;
top: 90px;
width: 34px;
height: 34px;
background-color: #FF3C00;
border-radius: 50%;
}
.counter-creative::after {
content: "";
position: absolute;
right: -40px;
top: 0;
width: 50px;
height: 50px;
background-color: #FF3C00;
border-radius: 50%;
}
.text-center .counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: none;
margin-right: 0;
margin-bottom: 5px;
} .style-two .single_counter  {
position: relative;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-bottom: 30px;
text-align: center;
height: 250px;
width: 250px;
border-radius: 100%;
background:#fff;
}
.style-two .counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: none;
margin-right: 0;
}
.style-two .single_counter_inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.style-two .counter_icon i {
color: #FF3C00;
}
.skew-counter{
transform: skew(-14deg);
}
.skew-counter .single_counter{
margin: 0;
transform: skew(14deg);
text-align: center !important
} .counter .counter_title h4 {
font-size: 23px;
font-weight: 600;
}  .icon-box{
padding-bottom: 5px;
}
.icon-box.style-one .icon-box-icon{
padding-right: 25px;
}
.icon-box .icon-box-content h2{
color: #232323;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.icon-box .icon-box-content .description p {
margin: 0;
font-family: Rubik !important;
transition: .5s;
}
.icon-box-icon .icon i{
display: inline-block;
font-size: 45px;
color: #f12a02;
transition: 0.5s;
}
.box-shape .icon-box::before{
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/shape.png);
background-repeat: no-repeat;
}
.box-shape .icon-box .icon-box-content,
.box-shape .icon-box .icon-box-icon{
z-index: 1;
}
.icon-box.style-two .icon-box-icon {
margin-bottom: 20px;
}
.icon-box.style-three {
display: flex;
background: #fff;
border-radius: 5px;
position: relative;
padding: 15px 15px 15px 73px;
transition: .5s;
z-index: 1;
margin-bottom: 15px;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}
.icon-box.style-three:before {
background: #FF3C00;
position:absolute;
content:""; 
left:0; 
top:0; 
height:100%; 
width:0;
z-index:-1;
border-radius:5px;
transition:.5s;
}
.icon-box.style-three:hover:before{
width:100%;
}
.icon-box.style-three .icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 55px;
background: #FF3C00;
text-align: center;
color: #fff;
bottom: 0;
border-top-left-radius: 5px;
border-bottom-Left-radius: 5px;
}
.icon-box.style-three .icon i {
line-height: 53px;
color: #fff;
font-size: 27px;
}
.icon-box.style-three .icon-box-content h2 {
margin-bottom: 0;
}
.icon-box.style-three:hover .icon-box-content h2 {
color:#fff;
}
.circle-image.rotateme {
position: relative;
z-index: -1;
} .icon-box.style-four{
position: relative;
border-right: 3px solid #ff3b00;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 38px 10px 38px 65px;
border-radius: 10px;
background: #fff;
z-index: 1;
}
.icon-box.style-four .icon-box-icon{
position: absolute;
left: -55px;
padding: 40px;
top: 50%;
transform: translateY(-50%);
}
.icon-box.style-four .icon-box-icon::before{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/shape1.png);
background-position: center;
left: 0;
top: 0;
}
.icon-box.style-four .icon-box-icon .icon{
position: relative;
}
.icon-box.style-four .icon-box-icon .icon i{
font-size: 40px;
}
.icon-box.style-four .icon-box-content{
}
.icon-box.style-four .icon-box-content .title h2{
font-family: "Rubik",Sans-serif;
} .icon-box.style-five{
position: relative;
border-left: 3px solid #ff3b00;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
padding: 38px 65px 38px 10px;
border-radius: 10px;
text-align: right;
background: #fff;
z-index: 1;
}
.icon-box.style-five .icon-box-icon{
position: absolute;
right: -55px;
padding: 40px;
top: 50%;
transform: translateY(-50%);
}
.icon-box.style-five .icon-box-icon::before{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/shape2.png);
background-position: center;
left: 0;
top: 0;
}
.icon-box.style-five .icon-box-icon .icon{
position: relative;
}
.icon-box.style-five .icon-box-icon .icon i{
font-size: 40px;
}
.icon-box.style-five .icon-box-content{
}
.icon-box.style-five .icon-box-content .title h2{
font-family: "Rubik",Sans-serif;
} .icon-box.style-four:before {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
width: 0;
transition: .5s;
z-index: -1;
background: #FF3C00;
border-radius: 7px;;
}
.icon-box.style-four:hover:before{
width:100%;
}
.style-four:hover .icon-box-content .title h2,
.icon-box.style-four:hover .icon-box-content .description p{
color:#fff;
} .icon-box.style-five:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 0;
transition: .5s;
z-index: -1;
background: #FF3C00;
border-radius: 7px;
}
.icon-box.style-five:hover:before{
width:100%;
}
.style-five:hover .icon-box-content .title h2,
.icon-box.style-five:hover .icon-box-content .description p{
color:#fff;
} .icon-box.style-six .icon-box-icon .icon i {
display: inline-block;
font-size: 12px;
color: #fff;
transition: 0.5s;
height: 23px;
width: 23px;
background: #FE3C00;
border-radius: 100%;
text-align: center;
line-height: 23px;
}
.icon-box.style-six .icon-box-icon {
margin-right: 12px;
}
.icon-box.style-six .icon-box-content h2 {
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: 'Rubik';
margin-bottom: 14px;
} .icon-box.style-seven .icon-box-icon {
padding-right: 0;
}
.icon-box.style-seven .icon-box-content h2 {
font-size: 20px;
margin-bottom: 9px;
position: relative;
left: 30px;
}
.icon-box.style-seven .icon-box-content h2:before {
position: absolute;
content: "";
top: 13px;
left: -30px;
height: 2px;
width: 21px;
background: #ff3c00;
} .icon-box.style-eight .icon {
margin-right: 11px;
}
.icon-box.style-eight .icon-box-icon .icon i {
display: inline-block;
font-size: 14px;
color: #f12a02;
transition: 0.5s;
height: 24px;
width: 24px;
line-height: 24px;
border: 1px solid#ff3b00;
text-align: center;
border-radius: 100%;
}
.icon-box.style-eight .icon-box-content h2 {
font-size: 16px;
font-weight: 400;
margin-bottom: 16px;
} .icon-box.style-9 .icon-box-icon .icon i {
font-size: 45px;
color: #FF3C00;
transition: 0.5s;
height: 92px;
width: 92px;
line-height: 92px;
background: #fff;
text-align: center;
border-radius: 100%;
} .icon-box.style-10 .icon-box-icon {
display: flex;
align-items: center;
}
.icon-box.style-10 .icon-box-icon .icon {
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
border-radius: 4px;
background: #ff3c00;
text-align: center;
margin-right: 12px;
}
.icon-box.style-10 .icon-box-icon .icon i {
display: inline-block;
font-size: 12px;
color: #fff;
transition: 0.5s;
}
.icon-box.style-10 .title h2 {
font-size: 20px;
font-weight: 500;
display: inline-block;
margin-bottom: 12px;
margin-top: 8px;
}
.icon-box.style-10 .description p {
font-weight: 300;
} .icon-box.style-11 .icon-box-icon {
display: inline-block;
margin-right: 0;
border: 2px dashed #ffffff;
border-radius: 50%;
padding: 8px;
height: 95px;
width: 95px;
}
.icon-box.style-11 .icon-box-icon .icon {
height: 76px;
width: 76px;
line-height: 76px;
background: #fff;
border-radius: 100%;
text-align: center;
}
.icon-box.style-11 .icon-box-icon .icon i {
font-size: 45px;
color: #FF3C00;
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.style12 .icon-box-content .title h2{
position: relative;
}
.icon-box.style12 .icon-box-content .title h2:before {
position: absolute;
content: "";
left: -45px;
top: 10px;
height: 2px;
width: 36px;
background: #f00;
} @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);
}
} .single-video {
position: relative;
text-align: center;
}
.single-video img {}
.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;
}
.video-icon a {
background: #fff;
height: 75px;
width: 75px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 75px;
color: #FF3C00;
font-size: 26px;
position: relative;
-webkit-animation: ripple-red 1s linear infinite;
animation: ripple-red 1s linear infinite;
-webkit-transition: .5s
}
.v-overlay .video-icon a i {
border: 0px solid #fff;
font-size: 30px;
}
.video-icon {
left: 50%;
position: absolute;
top: 51%;
-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(241, 42, 2, 0.3), 0 0 0 10px rgba(241, 42, 2, 0.3), 0 0 0 20px rgba(241, 42, 2, 0.3);
box-shadow: 0 0 0 0 rgba(241, 42, 2, 0.3), 0 0 0 10px rgba(241, 42, 2, 0.3), 0 0 0 20px rgba(241, 42, 2, 0.3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(241, 42, 2, 0.3), 0 0 0 20px rgba(241, 42, 2, 0.3), 0 0 0 30px rgba(241, 42, 2, 0);
box-shadow: 0 0 0 10px rgba(241, 42, 2, 0.3), 0 0 0 20px rgba(241, 42, 2, 0.3), 0 0 0 30px rgba(2241, 42, 2, 0)
}
}
.style-two .video-icon {
left: inherit;
position: inherit;
top: inherit;
transform: inherit;
text-align: left;
}
.successful-img {
position: absolute !important;
left: 0;
bottom: 0;
text-align: left;
}
.redius-img .single-video img {
border-radius: 0 10px 0 0;
}  .blog_style_three .em-blog-content-area_adn::after {
content: '';
position: absolute;
height: 3px;
background: #FF3C00;
bottom: 0;
left: 0;
transform: scale(0);
transition: 0.5s;
}
.blog_style_three .single_blog_adn:hover .em-blog-content-area_adn::after{
width: 100%;
transform: scale(1);
}
.blog_style_three .em-blog-content-area_adn .blog-category .post-categories{
margin: 0;
padding: 0;
list-style: none;
}
.blog_style_three .em-blog-content-area_adn .blog-category .post-categories li a{
color: #707070;
font-size: 15px;
text-transform: uppercase;
font-family: 'Fira Sans', sans-serif;
}
.blog_style_three .em-blog-content-area_adn .blog-page-title_adn h2 a{
color: #252525;
font-size: 22px;
font-family: "Rubik",Sans-serif;
font-weight: 500;
}
.blog_style_three .blog-date {
position: absolute;
background: #ff3c00;
color: #fff;
top: -34px;
right: 30px;
text-align: center;
padding: 8px 18px;
border-radius: 5px;
}
.blog_style_three .blog-date p{
margin: 0;
}
.blog_style_three .itsoft-single-blog_adn {
text-align: left;
padding: 0;
border-radius: 5px;
}
.blog_style_three .em-blog-content-area_adn {
padding: 25px 35px 30px;
text-align: left;
}
.blog_style_three .em-blog-content-area_adn .blog-page-title_adn h2{
margin: 13px 0 18px;
line-height: 1.3;
}
.blog_style_three .itsoft-blog-meta-left {
box-shadow: none;
padding: 0;
border-radius: 0;
text-align: left;
position: inherit;
top: inherit;
background: transparent;
left: inherit;
right: inherit;
margin: 0;
}
.blog_style_three .itsoft-blog-meta-left a, .blog_style_two .itsoft-blog-meta-left span {
margin: 0;
margin-right: 25px;
}
.blog_style_three .itsoft-blog-readmore a {
position:relative;
color: #FF3C00;
font-size: 15px;
text-transform: uppercase;
font-family: 'Fira Sans', sans-serif;
padding: 0;
border: 0;
} .blog_style_four .blog-thumb{
position: relative;
}
.blog_style_four .blog-thumb .blog-meta-top{
position: absolute;
top: 10px;
left: 10px;
}
.blog_style_four .blog-thumb .blog-meta-top ul{
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.blog_style_four .blog-thumb .blog-meta-top ul li{
margin-right: 10px;
}
.blog_style_four .blog-thumb .blog-meta-top ul li a{
display: inline-block;
font-size: 12px;
font-weight: 500;
background: #FF3C00;
color: #fff;
text-transform: uppercase;
padding: 8px 15px;
letter-spacing: 1px;
border-radius: 3px;
}
.blog_style_four .blog-content {
text-align: center;
padding: 25px 35px 20px;
background: #fff;
transition: .5s;
}
.blog_style_four .blog-content h5 {
margin-top: 17px;
margin-bottom: 15px;
}
.blog_style_four .blog-content .blog-meta span a{
color: #6d6d6d;
}
.blog_style_four .blog-content h5 a{
color: #232323;
font-size: 20px;
font-weight: 700;
}
.blog_style_four .blog-single-carousel:hover .blog-content {
background: #211e3b;
}
.blog_style_four .blog-single-carousel .blog-meta {
position: relative;
width: 100%;
background: transparent;
box-shadow: none;
padding: 0;
}
.blog_style_four .blog-single-carousel:hover .blog-content,
.blog_style_four .blog-single-carousel:hover .blog-content  h5 a,
.blog_style_four .blog-single-carousel:hover .blog-content .blog-meta span,
.blog_style_four .blog-single-carousel:hover .blog-content .blog-meta a{
color: #fff;
}
.blog_style_four .blog-learn-more a {
color: #fff;
background: #211e3b;
display: block;
padding: 13px 0;
position: relative;
z-index: 1;
margin: 28px 0 12px;
}
.blog_style_four .blog-learn-more a:before {
position: absolute;
left: 0;
content: "";
width: 10%;
height: 100%;
background: #FF3C00;
top: 0;
transition: .5s;
z-index: -1;
}
.blog_style_four .blog-single-carousel:hover .blog-learn-more a:before {
width: 100%;
} .dit-button.style-one a {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding: 8px 26px;
transition: .5s;
position: relative;
z-index: 1;
border-radius: 30px;
overflow: hidden;
}
.dit-button.style-one a:before {
position: absolute;
content: "";
background: #232323;
height:100%;
width:10%;
transition: .5s;
z-index: -1;
top: 0;
left: 0;
border-radius: 30px;
opacity: 0;
}
.dit-button.style-one a:hover:before{
width: 100%;
opacity: 1;
}
.dit-button.style-one a:hover i{
background:#FB3C00;
color:#fff;
}
.dit-button.style-one i {
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: #f00;
display: inline-block;
border-radius: 100%;
position: relative;
left: 17px;
transition: 0.5s;
} .dit-button.style-two a{
position: relative;
display: inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
background-color: #ff3c00;
padding: 16px 40px 16px 40px;
border: 2px solid #ff3c00;
border-radius: 5px;
z-index: 1;
}
.dit-button.style-two a:hover{
color: #ff3c00;
}
.dit-button.style-two a::after{
content: '';
position: absolute;
height: 100%;
width: 0;
background: #fff;
top: 0;
left: 0;
transition: 0.5s;
z-index: -1;
}
.dit-button.style-two a:hover::after{
width: 100%;
} .dit-button.style-three a {
display: inline-block;
background: #FB3C00;
color: #fff;
font-size: 15px;
text-transform: capitalize;
padding: 14px 32px;
transition: .5s;
position: relative;
z-index: 1;
font-weight: 500;
border-radius: 30px;
overflow: hidden;
font-family: 'Fira Sans';
}
.dit-button.style-three a:before {
position: absolute;
content: "";
background: #232323;
height:100%;
width:0;
transition: .5s;
z-index: -1;
top: 0;
right: 0;
left:inherit;
border-radius: 30px;
}
.dit-button.style-three a:hover:before{
width: 100%;
left: 0;
}
.dit-button.style-three a:hover i{
background:#FB3C00;
color:#fff;
}
.dit-button.style-three i {
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background: #fff;
color: #ff3b00;
display: inline-block;
border-radius: 100%;
position: relative;
left: 12px;
transition: 0.5s;
font-size: 11px;
} .button2 .dit-button.style-one a {
background: #FB3C00;
border-radius: 4px;
padding:8PX 50PX;
border: 2px solid #ff3c00;
}
.button2 .dit-button.style-one a:before {
display:none;
}
.button2 .dit-button.style-one a:hover {
color: #ff3c00;
background: transparent;
}
.button2 .dit-button.style-one a:hover i{
color: #ff3c00;
}
.button2 .dit-button.style-one i {
width: 0;
background: transparent;
color: #fff;
border-radius: 0;
position: relative;
left: 0;
font-size: 10px!important;
font-weight: 600;
} .btn2 .elementor-button {
font-family: "Fira Sans", Sans-serif;
font-size: 15px;
font-weight: 500;
background-color: #FF3C00;
border-style:2px solid#FF3C00!important;
padding: 21px 23px 20px 23px;
}
.btn2 .elementor-button:hover{
border-color:#FF3C00!important;
background:transparent!important;
color:#FF3C00;
} .dit-button.style-four a {
background: #FF3D00;
color: #fff;
padding: 16px 36px 16px 63px;
border-radius: 30px;
display: inline-block;
position: relative;
z-index: 1;
}
.dit-button.style-four a:after {
position: absolute;
content: "";
left: 0;
left: 22px;
top: 11px;
height: 33px;
width: 33px;
background: url(//global-it.com.hr/wp-content/themes/itsoft/widgets/css/setting.png);
background-repeat: no-repeat;
background-position: center center;
}
.dit-button.style-four a:before {
position: absolute;
content: "";
left: 0;
left: 50%;
top: 0;
height: 100%;
width: 0;
background: #232323;
border-radius: 30px;
transition: .4s;
z-index: -1;
}
.dit-button.style-four a:hover:before{
width: 100%;
left: 0;
}
.dit-button.style-four a:hover{
color: #fff;
transform: translate3d(0,-2px,0);
} .dit-button.style5 a{
padding: 11px 19px 11px 23px;
font-family: 'Fira Sans';
font-weight: 500;
color: #fff;
background: #FF3B00;
display: inline-block;
border-radius: 4px;
border: 1px solid #FF3B00;
position: relative;
z-index: 1;
overflow: hidden;
}
.dit-button.style5 a i {
font-size: 11px;
width: 30px;
height: 30px;
line-height: 32px;
border-radius: 25px;
text-align: center;
background: #fff;
color: #FF3B00;
display: inline-block;
margin-left: 14px;
position: relative;
transition: .5s;
font-weight: 700;
} .dit-button.style6 a{
background: #FF3C00;
display: inline-block;
padding: 14px 35px;
color: #fff;
font-weight: 500;
border: 2px solid #FF3C00;
position: relative;
transition: .5s;
margin: 0 7px;
}
.dit-button.style6 a:before {
position: absolute;
content: "";
right: 0;
top: 5px;
height: 100%;
width: 33%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/btn-border.png);
background-repeat: no-repeat;
}
.dit-button.style6 a:hover {
background: #0A0A1D;
border-color: #0A0A1D;
} .team.style4 .team-content {
background: #0a0a1d;
padding: 28px 20px 25px;
text-align: center;
border-bottom: 3px solid #FF3C00;
position: relative;
margin-bottom: -3px;
z-index: 1;
}
.team.style4 .team-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/itsoft/wp-content/uploads/2023/07/shap-1.png);
transition: .5s;
}
.team.style4 .team-content:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 0%;
background: #ff3c00;
transition: .5s;
z-index: -1;
}
.team.style4:hover .team-content:after{
width:100%;
}
.team.style4 .team-content h2 {
font-size: 20px;
color: #fff;
font-weight: 600;
}
.team.style4 .team-content h5 {
font-size: 16px;
color: #FFFFFF99;
font-weight: 400;
margin-top: 10px;
margin: 0;
}
.team.style4:hover .team-content h5{
color: #fff;
}
.team.style4 .image {
position: relative;
}
.team.style4 .image:before {
position: absolute;
content: "";
left: 0;
top: -7px;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s;
background: linear-gradient(0deg, rgba(255, 59, 0, 0.802) 0%,     rgba(255, 59, 0, 0.802) 10%, rgba(255, 59, 0, 0) 60%, rgba(255, 59, 0, 0) 40%);
}
.team.style4 ul.social-icon {
background: #0a0a1d;
display: inline-block;
padding: 6px 8px;
border-radius: 30px;
position: absolute;
bottom: 18px;
left: 0;
right: 0;
margin: auto;
width: 70%;
}
.team.style4 .social-icon li {
list-style: none;
display: inline-block;
}
.team.style4 .social-icon li a {
display: inline-block;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center;
background: #282848;
border-radius: 50%;
color: #fff;
font-size: 15px;
margin: 0 3px;
transition: .5s;
}
.team.style4 .social-icon li a:hover{
background:#FF3C00;
} .team.style5 {
position: relative;
text-align: center;
}
.team.style5 .image {
position: relative;
margin-top: -86px;
z-index: 1;
}
.team.style5 .image img {
width: 100%;
}
.team.style5 .team-content {
background: #fff;
padding: 22px 30px 113px;
border-radius: 4px;
position: relative;
z-index: 1;
text-align: left;
}
.team.style5 .team-content:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height:0;
width:100%;
background: url(https://wp.ditsolution.net/consen-multipurpose/wp-content/uploads/2023/06/team-s.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 400ms linear;
z-index:-1;
border-radius: 0 0 4px 4px;
}
.team.style5 .team-content:after {
position: absolute;
content: "";
top: 0;
width: 100%;
background: #ff3c00;
height: 0px;
left: 0;
border-radius: 0;
transition: all 400ms linear;
}
.team.style5:hover .team-content:before{
height:100%;
}
.team.style5:hover .team-content:after{
height:4px;
}
.team.style5 .team-content .bio .name {
font-size: 20px;
font-weight: 600;
margin: 0 0 7px;
}
.team.style5 .team-content .bio .designation {
font-size: 16px;
font-weight: 300;
color: #686868;
margin: 0 0 0;
}
.team.style5:hover .team-content .bio .name,
.team.style5:hover .team-content .bio .designation{
color:#fff;
}
.team.style5 .team-share {
display: inline-block;
font-size: 18px;
color: #fff;
background: #ff3c00;
border-radius: 4px;
cursor: pointer;
position: absolute;
top: -18px;
right: 27px;
transition: .5s;
z-index: 22;
width: 40px;
height: 40px;
border-radius: 4px;
background-color: #ff3c00;
line-height: 40px;
}
.team.style5 ul.social-icon {
position: absolute;
right: 29px;
top: 44px;
transition: .5s;
background: transparent;
border-radius: 4px;
}
.team.style5 ul.social-icon.active li a {
transform: translateY(15px);
opacity: 1;
overflow: hidden;
visibility: visible;
}
.team.style5 .team-share-icon {
position: relative;
z-index: 1;
}
.team.style5 .team-share-icon:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
margin: auto;
background: #ff3c00;
height: 14px;
width: 14px;
bottom: -32px;
z-index: -1;
transform: rotate(45deg);
}
.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: #FF3C00;
width: 35px;
height: 35px;
line-height: 35px;
transition-delay: .3s;
z-index: -1;
overflow: hidden;
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
border-radius: 100%;
}
.team.style5 ul.social-icon li a:hover{
color:#fff;
background:#232323;
}
.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;
} .text-box.style-one .box-wrapper {
position: relative;
background: #292728;
border-radius: 7px;
padding: 19px 28px 17px 28px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.text-box.style-one .title h4 {
color: #fff;
font-size: 18px;
font-family: "Rubik",Sans-serif;
margin: 0 0 7px;
font-weight: 500;
line-height: 1.6;
}
.text-box.style-one .box-wrapper:hover{
background:#ff3b00;
box-shadow: 0 0 27px rgb(0 0 0/20%);
}
.text-box.style-one .box-wrapper:hover .single-btn a{
color: #fff;
}
.text-box.style-one .single-btn {
position: absolute;
right: 20px;
bottom: 20px;
transform: rotate(30deg);
}
.text-box.style-one .single-btn a {
color: #e53905;
}
.corporate .feature-box .feature-box-icon i {
background: #FF3C00;
border-radius: 5px 5px 5px 5px;
height: 80px;
width: 80px;
font-size: 35px;
line-height: 80px;
background: rgb(255,60,0) !important;
background: linear-gradient(60deg,#fd8424 0%,#ff3c00 100%) !important; 
}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{background-color:transparent;border:3px solid;color:#69727d}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{height:1em;width:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;font-size:50px;line-height:1;text-align:center}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}.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}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}