/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.5
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
Add your custom styles here
*/
@font-face {
font-family: 'Brinnan';
src: url('/wp-content/fonts/Brinnan-Regular.eot');
src: url('/wp-content/fonts/Brinnan-Regular.eot?#iefix') format('embedded-opentype'),
url('/wp-content/fonts/Brinnan-Regular.woff2') format('woff2'),
url('/wp-content/fonts/Brinnan-Regular.woff') format('woff'),
url('/wp-content/fonts/Brinnan-Regular.ttf') format('truetype'),
url('/wp-content/fonts/Brinnan-Regular.svg#Brinnan-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.spinner {
height: 100%;
background: #f2f2f2;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.spinner.not-active {
display: none !important;
}
.spinner img {
width: 125px
}
.dn-spinner-sec {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
}
body,
p,
.elementor-widget-container,
h1,
h2,
h3,
h4,
h5,
h6,
a,
.tool-content h5,
.elementor-slide-heading,
.elementor-tab-content a ,
.elementor-tab-content p,
.elementor-tab-content,
.project-info .elementor-icon-list-text,
body div,
.elementor-post-info ul li span,
.elementor-post-info__item--type-author,
.elementor-post-info__item.elementor-post-info__item--type-date,
.elementor-post-info__terms-list .elementor-post-info__terms-list-item {
font-family: "Brinnan" !important;
}
.main-footer {
background-image: url('/wp-content/uploads/2024/01/footer.svg');
background-size: cover;
color: #363c40;
margin-top: 0;
min-height: 600px;
display: flex;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
.main-footer h6 {
position: relative;
margin-bottom: 1rem;
}
.main-footer h6::after {
content: '';
position: absolute;
left: 0;
background-image: url('/wp-content/uploads/2023/12/linepoint.png');
width: 55px;
height: 3px;
background-size: 100% 100%;
bottom: -10px;
}
.footer-menu a,
.btm-footer a,
.main-footer a,
.info-footer p {
color: #ffffffbf;
font-size: 13px;
transition-duration: .2s;
letter-spacing: 1.56px;
padding: 0.75rem 0 !important;
display: inline-block !important;
font-weight: 300;
}
.btm-footer a:hover,
.info-footer p a:hover  {
color: #33daff !important;
text-decoration: none;
transition: .3s;
}
.info-footer p {
line-height: 2;
border-bottom: 1px solid #ffffffbf;
margin-bottom: 0.5rem;
}
.elementor-location-footer {
position: relative;
}
.direct-consultation-card {
width: 60%;
background: linear-gradient(106deg,#e5faff94 0,#9c9c9cb8 100%) no-repeat padding-box;
border-radius: 18px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
margin: auto;
margin-bottom: -150px !important;
padding: 3rem 5rem;
display: flex;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
z-index: 1;
}
.streamer {
width: 320px;
}
.streamer .skew_rating__rating-container {
max-height: 35px;
}
.skew_rating__rating-container {
box-sizing: border-box;
max-height: 30px;
}
.streamer .skew_rating__rating-base-layer {
width: 225px;
}
.btm-footer .skew_rating__rating-base-layer {
align-items: center;
background: #17313b;
border: 1px solid #17313b;
display: flex;
height: 25px !important;
margin-left: 15px;
padding: 1px 0 1px 10px !important;
transform: skewX(-41deg);
width: 166px;
}
.btm-footer .skew_rating__rating-content-layer,
.btm-footer .skew_rating__rating-score {
height: 25px;
}
.streamer .rating--light {
display: none;
}
.rating {
color: #fff;
font-family: Roboto,sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 21px;
margin-right: 13px;
transform: skewX(41deg);
}
.btm-footer .skew_rating__icon {
background-color: #17313b;
margin: 0 20px 0 10px;
padding: 0 !important;
}
.streamer .skew_rating__rating-content-layer {
transform: skewX(0deg);
}
.skew_rating__rating-content-layer {
background: #fff;
box-shadow: 0 0 10px rgba(62,131,158,.3);
text-transform: uppercase;
transform: skewX(14deg);
}
.streamer .skew_rating__rating-score {
padding: 2px 10px 2px 15px;
transform: skewX(40deg);
}
.skew_rating__rating-score {
align-items: center;
display: flex;
padding: 3px 7px 3px 15px;
transform: skewX(32deg);
}
.rating--dark {
color: #17313b;
margin: 0 10px 0 3px;
transform: skewX(0deg);
}
.reviews-totals-stars {
margin-right: 9px;
}
.btm-footer .skew_rating__rating-score a {
color: #e62415 !important;
font-family: Roboto,sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 400;
letter-spacing: 2px;
line-height: 12px;
margin-bottom: -2px;
text-decoration: none;
white-space: nowrap;
}
.fivestar {
display: flex;
}
.streamer .fivestar .star {
height: 14px;
margin-right: 3px;
width: 14px;
}
.fivestar .star {
display: inline-block;
font-size: 0;
height: 16px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-indent: 0;
width: 16px;
}
.streamer .fivestar .star span.on {
height: 14px;
line-height: 0;
width: 14px;
}
.fivestar .star span.off, .fivestar .star span.on {
display: block;
height: 16px;
width: 16px;
}
.skew_rating__icon:after {
background-image: url('/wp-content/uploads/2023/12/download.png');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 37px;
height: 23px;
transform: skewX(41deg);
width: 33px;
width: 21px;
}
.skew_rating__review-link--num-13:before {
content: "(";
}
.skew_rating__review-link--num-13:after {
content: ")";
}
.streamer .fivestar .star span.on:before {
min-height: 14px;
min-width: 14px;
}
.fivestar .star span.off:after, .fivestar .star span.off:before, .fivestar .star span.on:after, .fivestar .star span.on:before {
content: "";
display: block;
height: 100%;
min-height: 16px;
width: 100%;
}
.fivestar .star span.off:before, .fivestar .star span.on:before {
background-color: #e62415;
-webkit-mask-image: url('/wp-content/uploads/2023/12/star-svgrepo-com-3.png');
mask-image: url('/wp-content/uploads/2023/12/star-svgrepo-com-3.png');
min-width: 16px;
}
.streamer .fivestar .star span.on:after {
margin-top: -14px;
min-height: 14px;
}
.fivestar .star span.off:after, .fivestar .star span.on:after {
background-color: #e62415;
margin-top: -16px;
-webkit-mask-image: url('/wp-content/uploads/2023/12/star-svgrepo-com-4.png');
mask-image: url('/wp-content/uploads/2023/12/star-svgrepo-com-4.png');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.modal-body .row.align-items-center {
display: flex !important;
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.modal-contact .form-modal-container {
position: relative;
height: 95%;
background: no-repeat padding-box #fff;
box-shadow: 0 13px 41px #0000000F;
border-radius: 0 18px 18px 0;
width: calc(100% + 30px);
margin-inline-start: -30px;
padding: 20px;
max-height: 560px;
overflow: auto;
}
#popmake-698 {
top: 95px !important;
padding: 0;
}
#popmake-698 .modal-body {
padding: 0;
}
.fixed-header > .elementor-container {
max-height: 70px;
}
.dn-subtitle .elementor-widget-container {
margin-bottom: 2rem;
display: block;
color: #00a7cc;
text-transform: uppercase;
font-size: .875em;
font-weight: 400;
}
.about-bg {
position: relative;
max-width: 600px;
margin: auto;
-webkit-align-items: center;
align-items: center;
margin-inline-end: 3%;
z-index: 1;
overflow: hidden;
}
.about-bg:after {
background-image: url('/wp-content/uploads/2023/12/home_about_pattern.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: rotate(45deg) scale(.5);
position: absolute;
width: 100%;
height: 100%;
content: '';
transition: 5s;
z-index: -1;
}
.about-img1 {
margin-top: 15%;
transform: translateY(100px);
}
.about-img2 {
margin-top: -15%;
transform: translateY(-100px);
}
.about-img1 img, .about-img2 img {
max-width: 100%;
height: auto;
}
.home-sec-about {
position: relative !important;
}
.home-sec-about:before {
content: '';
background-image: url('/wp-content/uploads/2023/12/rectangle_pattern.png');
position: absolute;
left: 3%;
height: 110px;
width: 60px;
top: 0;
background-size: 100% 100%;
}
.dn-about-btn {
background: linear-gradient(104deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
width: 220px;
height: 60px;
line-height: 35px;
text-align: center;
letter-spacing: .36px;
font-size: 97%;
border: none;
text-decoration: none;
border-radius: 35px;
margin-top: 2rem;
height: 70px;
cursor: pointer;
transition: .1s;
color: #fff;
text-transform: uppercase;
}
.tech-btn .elementor-button-wrapper {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.tech-btn .elementor-button-wrapper .elementor-button-icon {
margin-right: auto;
order: 5;
margin-left: auto;
}
.tech-btn .elementor-button {
width: 100%;
min-width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.tech-btn {
position: absolute;
right: 0;
left: 0;
bottom: -5px;
background: no-repeat padding-box #fff;
box-shadow: 0 5px 9px #00000029;
width: 70px;
height: 70px;
z-index: 12;
border-radius: 50%;
text-align: center;
transition: 1s;
margin: auto;
line-height: 55px;
transform: rotate(0);
}
.tech-boxes .e-con-inner {
position: relative;
}
.card {
border: none;
border-radius: 7px;
opacity: 1;
overflow: hidden;
padding: 2.5rem;
box-shadow: 0 13px 41px #0000000F;
min-width: 320px;
max-width: 500px;
background-clip: border-box;
}
.card > .e-con-inner {
gap: 0 !important;
}
.card > .e-con-inner div.elementor-element:nth-child(3) {
margin-bottom: 8px;
} 
.tech-boxes > .e-con-inner > a {
display: none;
}
.home-sec-about .brief-desc,
.tech-boxes .elementor-widget-text-editor .elementor-widget-container,
.direct-consultation-card .consultation-brief .elementor-widget-container {
opacity: 0.75;
}
.banner-inner-pages,
.talk-to-us {
position: relative;
}
.banner-inner-pages>div {
z-index: 2;
}
.banner-inner-pages::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 1;
background: linear-gradient(106deg,#f2f2f2 0,#fffFFF00 100%) no-repeat padding-box;
}
.talk-to-us::before,
.case-studies-container::before {
content: '';
position: absolute;
left: 0;
top: -2px;
height: 135px;
width: 100%;
z-index: 1;
background-image: url('/wp-content/uploads/2023/12/banner-blue-2lines.png');
background-size: cover;
background-position: center center;
}
.talk-to-us .talk-to-us-btn a {
padding:0.75rem 3rem !important
} 
.talk-to-us-btn {
background: no-repeat padding-box #009ec2;
border-radius: 35px;
color: #fff;
font-size: 95%;
transition: .3s;
margin-top: 2rem;
height: 50px;
line-height: 25px;
}
.talk-to-us-btn:hover {
color: #fff;
background: no-repeat padding-box #00b6df;
}
.talk-to-us-btn a {
padding: 0.75rem 1.5rem !important;
line-height: 30px;
font-size: .875rem
}
.service-video-section {
margin: 2rem auto;
min-height: 500px;
overflow: hidden;
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
.cards-service-container, .service-video-section {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
position: relative;
}
.service-video-section::before {
transform: skewY(-3deg) !important;
top: -10% !important;
bottom: auto;
background: #fff;
z-index: 1;
}
.service-video-section::after, .service-video-section::before {
content: '';
transform: skewY(3deg);
position: absolute;
width: 100%;
height: 120px;
bottom: -10%;
background: #fff;
z-index: 1;
}
.service-video-section .e-hosted-video, .slick-slide:hover div.awards-card::after {
opacity: .6;
}
.e-hosted-video {
right: 0;
width: 100%;
height: 100%;
opacity: .3;
background-size: cover;
}
.first-section-bg, .e-hosted-video {
top: 0;
background-repeat: no-repeat;
}
.e-hosted-video video {
transition-delay: 0s;
opacity: 1;
max-height: 115vh;
width: 100%;
height: 100%;
object-fit: cover;
transition: .2s;
}
.e-hosted-video video:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0,0,0,.5);
}
.cards-service-container {
display: flex;
z-index: 11;
width: 75%;
margin: auto;
gap: 15px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
position: absolute;
}
.mini-cards-service .card {
padding: 1.3rem 2.25rem;
background: no-repeat padding-box #fff;
box-shadow: 0 1px 18px #0000000F;
border-radius: 18px;
opacity: 1;
border: 2px solid transparent;
transition: .3s;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 0.25rem;
}
.service-video-reserve-skew {
position: relative;
}
.tools-service-slider-section {
margin-top: 8rem;
}
.position-relative {
position: relative!important;
}
.tools-service-slider-section::before {
left: 0;
right: auto;
content: '';
position: absolute;
height: 82px;
width: 189px;
top: -140px;
background-size: cover;
}
.tools-service-slider-section::after {
max-height: 30rem;
}
.contact-page .contact-form-container::after, .home-technology-section::after, .tools-service-slider-section::before {
background-image: url('/wp-content/uploads/2023/12/3circle_pattern.png');
}
.galary-bg:before, .services-tabs-container .tab-content::before, .tools-service-slider-section::after, .tech-slider-sec::after {
content: '';
position: absolute;
left: 0;
top: 0;
background-image: url('/wp-content/uploads/2023/12/bg_services.png');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
width: 100%;
height: 100%;
}
.technologies-list .text-info {
color: #17a2b8!important;
font-size: 135%;
}
.technologies-list .card {
min-width: 570px;
}
.text-info {
color: #17a2b8!important;
}
.card-title {
margin-bottom: 0.75rem;
}
.rounded-3 {
border-radius: 1rem;
max-height: 390px !important;
min-height: 390px;
}
.rounded-3.card {
padding:3rem 3rem 1rem
}
.rounded-3.card .card-text .elementor-widget-container {
font-size:13.6px
}
.h-100 {
height: 100%!important;
}
.technologies-list .card-text .elementor-widget-container {
font-size: 85%;
margin: 2rem 0;
min-height: 90px;
}
.technologies-list figcaption {
font-size: 50%;
margin-top: 8px;
font-style: normal;
}
.without-edge-cycle #img-map-wrapper {
margin-inline-start: 0;
margin: 10% 0 5%;
max-width: 600px;
}
#img-map-wrapper {
margin-inline-start: -15%;
max-width: 750px;
width: 100%;
position: relative;
z-index: 0;
}
#img-map-wrapper img, .content-office-tab, .rewards-container-img-section img {
width: 100%;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.cycle-title {
position: absolute;
max-width: 225px;
text-align: center;
top: 42%;
right: 0;
left: 0;
margin: auto;
z-index: 1;
font-size: 160%;
height: 108px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.eight-steps #step-first {
right: 12.2%;
top: 11.9%;
}
#step-first {
right: 20.5%;
top: 2.8%;
}
.step-nember.active {
box-shadow: inset 0 3px 6px #00000029;
transition: .5s;
}
.eight-steps .step-nember {
width: 21%;
height: 21%;
flex-direction: column;
}
.step-nember.active::after {
width: 100%;
height: 100%;
padding: 15px;
right: 0;
top: 0;
}
.step-nember {
font-size: 70%;
width: 22%;
height: 24.5%;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 15px;
transition: .5s;
background-color: transparent;
z-index: 12;
cursor: pointer;
}
.step-nember::after {
content: '';
right: 50%;
top: 50%;
width: 0%;
height: 0%;
transition: .75s;
background: linear-gradient(138deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
font-size: 85%;
-webkit-align-items: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 0;
z-index: -1;
}
.step-nember, .step-nember::after {
color: #2f333d;
border-radius: 50%;
display: inline-flex;
position: absolute;
text-decoration: none;
text-align: center;
}
.eight-steps #step-second {
right: 1%;
top: 38.7%;
}
#step-second {
right: 2.3%;
top: 37.8%;
}
.eight-steps #step-third {
right: 12.2%;
top: 65.6%;
}
#step-third {
right: 20.4%;
top: 73%;
}
.eight-steps #phase1 h5, .eight-steps #phase5 h5, .eight-steps #step-fifth h3, .eight-steps #step-first h3, .has-dropdown-submenu.show .dropdown-menu-item::after, .nine-steps #phase4 h5, .nine-steps #phase8 h5, .nine-steps #step-eigtth h3, .nine-steps #step-fourth h3, .seven-steps #phase1 h5, .seven-steps #phase5 h5, .seven-steps #step-fifth h3, .seven-steps #step-first h3, .six-steps #phase2 h5, .six-steps #phase5 h5, .six-steps #step-fifth h3, .six-steps #step-second h3, .txt-main-color {
color: #009ec2;
}
.step-nember.active h3 {
color: #fff!important;
}
.step-nember h3 {
margin-bottom: 0;
}
.step-nember span {
word-break: break-word;
font-size: 11.9px;
color: #2f333d;
}
.eight-steps #step-fourth {
right: 39.4%;
top: 76.6%;
}
#step-fourth {
right: 57%;
top: 73%;
}
.eight-steps #step-fifth {
right: 66.6%;
top: 65.6%;
}
#step-fifth {
right: 75.2%;
top: 37.8%;
}
.eight-steps #step-sixth {
right: 77.9%;
top: 38.7%;
}
#step-sixth {
right: 57%;
top: 2.8%;
}
.eight-steps #step-seventh {
right: 66.7%;
top: 11.9%;
}
.eight-steps #step-eigtth {
right: 39.6%;
top: 1%;
}
.explanation-cycle-phases {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.outer-cycle-phases {
height: 600px;
overflow: hidden;
}
.outer-cycle-phases::before {
bottom: auto;
top: 0;
z-index: 1;
background: linear-gradient(0deg,#ffffff91 0,#fff 100%) no-repeat padding-box !important;
}
.outer-cycle-phases::after, .outer-cycle-phases::before {
position: absolute;
content: '';
background: linear-gradient(180deg,#ffffff4d 0,#fff 100%) no-repeat padding-box;
bottom: 0;
left: 0;
height: 150px;
width: 100%;
}
.eight-steps .outer-cycle-phases::after, .eight-steps .outer-cycle-phases::before {
height: 175px;
}
.six-steps .outer-cycle-phases::after,  .six-steps .outer-cycle-phases::before {
height: 160px !important;
}
.nine-steps .outer-cycle-phases::after, .nine-steps .outer-cycle-phases::before {
height: 230px;
}
.case-studies-container, .inner-cycle-phases, .nav-link, .service-page .slick-dots, .similar-articles-bg .similar-articles-title, .tech-page .slick-dots, footer a {
position: relative;
}
.phase {
margin-bottom: 3rem;
}
.phase-desc {
font-size: 14.4px;
line-height: 2;
}
.phase h5 {
font-size: 16px;
margin-bottom: 1rem;
font-weight: 900;
}
.step-nember:hover, a:hover {
text-decoration: none;
color: #2f333d;
}
.step-nember.active {
box-shadow: inset 0 3px 6px #00000029;
}
.eight-steps #phase3 h5,.eight-steps #phase7 h5,.eight-steps #step-seventh h3,.eight-steps #step-third h3,.nine-steps #phase2 h5,.nine-steps #phase6 h5,.nine-steps #phase9 h5,.nine-steps #step-nineth h3,.nine-steps #step-second h3,.nine-steps #step-sixth h3,.seven-steps #phase3 h5,.seven-steps #phase6 h5,.seven-steps #step-sixth h3,.seven-steps #step-third h3,.six-steps #phase3 h5,.six-steps #phase6 h5,.six-steps #step-sixth h3,.six-steps #step-third h3 {
color: #ff5722
}
.eight-steps #phase4 h5,.eight-steps #phase8 h5,.eight-steps #step-eigtth h3,.eight-steps #step-fourth h3,.nine-steps #phase3 h5,.nine-steps #phase7 h5,.nine-steps #step-seventh h3,.nine-steps #step-third h3,.seven-steps #phase4 h5,.seven-steps #phase7 h5,.seven-steps #step-fourth h3,.seven-steps #step-seventh h3,.six-steps #phase1 h5,.six-steps #phase4 h5,.six-steps #step-first h3,.six-steps #step-fourth h3 {
color: #364f6b
}
.eight-steps #phase2 h5,.eight-steps #phase6 h5,.eight-steps #step-second h3,.eight-steps #step-sixth h3,.nine-steps #phase1 h5,.nine-steps #phase5 h5,.nine-steps #step-fifth h3,.nine-steps #step-first h3,.seven-steps #phase2 h5,.seven-steps #step-second h3 {
color: #88a2aa
}
.nine-steps .step-nember {
width: 21%;
height: 21%;
font-size: 73%
}
.nine-steps #step-first {
right: 14.5%;
top: 9.8%
}
.nine-steps #step-second {
right: .7%;
top: 33.44%
}
.nine-steps #step-third {
right: 5.5%;
top: 60.2%
}
.nine-steps #step-fourth {
right: 25.9%;
top: 77.5%
}
.nine-steps #step-fifth {
right: 53.1%;
top: 77.5%
}
.nine-steps #step-sixth {
right: 73.7%;
top: 60.5%
}
.nine-steps #step-seventh {
right: 78.2%;
top: 33.6%
}
.nine-steps #step-eigtth {
right: 64.6%;
top: 10%
}
.nine-steps #step-nineth {
right: 39.6%;
top: .8%
}
.seven-steps .step-nember {
width: 22%;
height: 22%;
font-size: 80%
}
.seven-steps #step-first {
right: 9.5%;
top: 14.9%
}
.seven-steps #step-second {
right: 2%;
top: 46.2%
}
.seven-steps #step-third {
right: 22.8%;
top: 71.6%
}
.seven-steps #step-fourth {
right: 56%;
top: 71.6%
}
.seven-steps #step-fifth {
right: 76.8%;
top: 46.2%
}
.seven-steps #step-sixth {
right: 69.5%;
top: 14.9%
}
.seven-steps #step-seventh {
right: 39.5%;
top: 0.9%
}
.technologies-list .white {
background-color: transparent !important;
}
.tools-slides .swiper-slide,
.tools-slides .owl-item {
background: no-repeat padding-box #fff;
box-shadow: 0 1px 18px #0000000F;
border-radius: 18px;
padding: 20px;
transition: .6s;
justify-content: center;
align-items: center;
display: flex;
}
.tools-slides .owl-stage {
display: flex;
gap: 20px;
}
.tools-slides .owl-item .sa_hover_container {
padding: 10px !important;
text-align: center;
height: 400px;
transition: .6s;
cursor: auto;
justify-content: space-between;
}
.tools-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents {
margin: 3rem auto;
padding-top: 80px;
height: 50%;
transition: .6s;
}
.tools-slides .owl-item .swiper-slide-contents {
display: flex;
padding-top: 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-align: center;
margin: 3rem auto;
height: 50%;
transition: .6s;
}
.tools-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-description,
.tools-slides .owl-item .slide-description {
min-height: 100px;
display: none;
opacity: 0;
color: #00151a;
font-size: 75%;
align-items: center;
}
.tools-slides .swiper-wrapper.elementor-slides {
gap: 20px;
}
.tools-slides .swiper-slide .swiper-slide-inner {
transition: .6s;
}
.tools-slides .swiper-slide .swiper-slide-inner:hover .swiper-slide-contents,
.tools-slides .owl-item:hover .swiper-slide-contents {
margin: -1rem auto;
}
.tools-slides .owl-carousel .owl-stage-outer {
overflow: visible;
}
.tools-slides .swiper-slide .swiper-slide-inner:hover .swiper-slide-contents .elementor-slide-description,
.tools-slides .owl-item:hover .slide-description {
opacity: 1;
display: inline-block;
}
.tools-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents::before {
content: '';
position: absolute;
left: 32px;
top: 0;
background-image: url('/wp-content/uploads/2023/12/ai.png');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
width: 275px;
height: 195px;
transition: .6s;
}
.tools-slides .owl-item,
.tools-slides .owl-item img {
transition: .6s;
}
.tools-slides .owl-item img {
width: 275px !important;
height: 195px !important;
}
.tools-slides .owl-item h3 {
font-size: 24px;
font-weight: 700;
color: #2F333D;
margin: 0;
}
.tools-slides .swiper-slide .swiper-slide-inner:hover,
.tools-slides .owl-item:hover {
padding: 20px;
}
.tools-slides .swiper-slide .swiper-slide-inner:hover .swiper-slide-contents::before,
.tools-slides .owl-item:hover img {
transform: scale(.6);
}
.service-video-section {
max-height: 600px;
}
.tools-slides .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -40px;
left: -920px;
}
.tools-slides .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
.tools-slides .owl-dots span {
margin: 0 9px;
-webkit-transition: width .3s;
transition: width .3s;
width: 10px;
height: 10px;
background-color: no-repeat padding-box #8e8e8e;
}
.tools-slides .owl-dots.active:focus,
.tools-slides .owl-dots.active,
.tools-slides .owl-dots:active,
.tools-slides .owl-dots:focus,
.tools-slides .owl-carousel button:focus {
outline: 0 !important;
}
.tools-slides .owl-carousel.sa_owl_theme .owl-dots {
text-align: left !important;
padding-left: 40px !important;
bottom: -35px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.tools-slides .owl-dots .owl-dot.active span {
width: 40px !important;
height: 7px !important ;
margin: 0 8px !important ;
border-radius: 10px !important;  
background-color: #fff !important;
opacity: .85 !important;
}
.tools-slides .owl-dots .owl-dot.active:hover span,
.tools-slides .owl-dots .owl-dot.active span:hover {
background-color: #fff !important;
}
.tools-service-slider-section.mx-height-35::after,
.tech-slider-sec::after {
max-height: 45rem !important;
}
.dn-tabs-sec-bg {
min-height: 650px;
position: absolute;
width: 100%;
transform: skewY(-2deg);
background-color: #009ec2;
overflow: hidden;
left: 0;
}
.elementor-widget-tabs .elementor-tabs-wrapper {
overflow: unset;
}
.dn-tabs .elementor-tabs {
display: flex;
flex-direction: column-reverse;
}
.dn-tabs .elementor-tabs-content-wrapper {
width: 50%;
background: no-repeat padding-box #fff;
box-shadow: none;
border-radius: 18px 18px 0 0;
opacity: 1;
padding: 25px 40px 0;
min-height: 420px;
min-width: 550px;
}
.dn-tabs .elementor-tabs-wrapper {
border: 4px solid #fff;
border-radius: 0 5px 5px;
opacity: 1;
background: #fff;
box-shadow: 0 2px 16px #81818124;
border-radius: 0 18px 18px 19px;
background: no-repeat padding-box #f2f2f2; 
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.dn-tabs .elementor-tabs-wrapper .elementor-tab-title {
width: 14.3%;
position: relative;
transition: .3s;
display: flex !important;
align-items: center;
justify-content: center;
height: 130px;
padding: 0 !important;
}
.dn-tabs .elementor-tabs-wrapper .elementor-tab-title img {
padding: 5px;
transition: .3s;
max-height: 130px;
max-width: 175px;
}
.dn-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
border: 0;
position: relative;
transition: .3s;
}
.dn-tabs .elementor-tabs-wrapper .elementor-tab-title:after,
.dn-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after {
content: '';
position: absolute;
width: 1px !important;
height: 85% !important;
right: 0;
background: #d9d9d9;
top: 7.5%;
z-index: 9;
}
.dn-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
position: absolute;
content: '';
background: no-repeat padding-box #009ec2;
border-radius: 4px;
width: 100% !important;
height: 5px !important;
left: 0 !important;
bottom: 0 !important;
transition: .3s;
z-index: 11;
}
.dn-tabs-sec-bg .bg-client-section .elementor-widget-image {
width: 60%;
}
.dn-tabs-sec-bg .bg-client-section .elementor-widget-image img {
width: 100%;
}
.dn-tabs-sec-bg .bg-client-section .elementor-widget-image,
.statistics-about-bg .elementor-widget-image,
.dn-tabs-sec-bg-home .elementor-widget-image {
display: none;
}
.active-bg {
display: block !important;
}
.fade-in-tab {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
-webkit-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out .2s;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 100%;
}
.dn-tabs .elementor-tab-content {
padding: 0 !important;
display: none;
flex-direction: column;
gap: 0;
}
.dn-tabs .elementor-tab-content.elementor-active {
display: flex;
}
.dn-tabs .elementor-tab-content p {
font-weight: 400;
font-size: 13px;
color: #2f333d;
opacity: .5;
display:flex !important
}
.dn-tabs .elementor-tab-content p small {
font-size: .875em !important;
font-weight: 400;
color: #2f333d;
opacity: .5;
}
.dn-tabs .elementor-tab-content h3 {
color: #2f333d;
margin-bottom: 0.5rem;
font-weight: 600;
line-height: 1.2;
font-size: 167%;
}
.dn-tabs .elementor-tab-content .consultation-brief {
margin: 1rem 0 1.5rem;
padding-inline-end: 0.5rem;
opacity: .75;
font-size: 14.4px;
color: #2f333d;
}
.dn-tabs .elementor-tab-content img {
width: 40px;
height: 40px;
display: inline-block;
padding: 5px;
}
.dn-tabs .elementor-tab-content a {
width: auto;
height: auto;
margin: 0;
position: absolute;
line-height: normal;
background: linear-gradient(104deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
text-align: center;
letter-spacing: .36px;
font-size: 90%;
border: none;
transition: .1s;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 0.75rem 3rem;
border-radius: 35px;
cursor: pointer;
left: 70%;
bottom: 11px;
}
.dn-tabs .elementor-tab-content a:hover {
background: linear-gradient(144deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
text-decoration: none;
color: #fff;
font-size: 92%;
}
.dn-tabs-sec {
position: relative;
}
.dn-tabs-sec:after {
content: '';
mix-blend-mode: multiply;
right: 90%;
top: -45px;
background-image: url('/wp-content/uploads/2023/12/grey_square_pattern.png');
position: absolute;
height: 100px;
width: 100px;
z-index: -1;
background-size: 100% 100%;
}
.wpcf7-form .wpcf7-form-control {
height: 55px;
border: 1px solid #cecece;
border-radius: 10px;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
.wpcf7-form .wpcf7-form-control.wpcf7-textarea {
height: unset;
}
#popmake-698 .pum-close.popmake-close {
display: none !important;
}
.modal-body .form-modal-container {
position: relative;
height: 90%;
background: no-repeat padding-box #fff;
box-shadow: 0 13px 41px #0000000F;
border-radius: 0 18px 18px 0;
padding: 20px;
max-height: 560px;
overflow: hidden;
max-width: 100%;
right: 0;
left: 0%;
top: 0;
}
.modal-body .col-md-5 {
width: 40%;
}
.modal-body .col-md-7 {
width: 60%;
}
.modal-body h6 {
color: #2f333d;
font-size: 16px;
margin-bottom: 1.5rem;
font-weight: 500;
line-height: 1.2;
}
.wpcf7-form .wpcf7-file {
position: relative;
top: -115px;
z-index: 11;
opacity: 0;
cursor: pointer !important;
width: 40%;
right: 0;
text-align: center;
margin: auto;
display: block;
margin-inline-end: 0;
}
.wpcf7-form p span[data-name=file-106] {
display: flex;
height: 55px;
position: relative;
}
.wpcf7-form p span[data-name=file-106]:before {
content: '';
background-image: url('/wp-content/uploads/2024/02/env.svg');
position: absolute;
height: 25px;
width: 25px;
right: 15px;
top: -110px;
z-index: 11;
background-size:cover
}
.wpcf7-form .wpcf7-form-control:focus {
color: #495057;
background-color: #fff;
border-color: #21c5ea;
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(220 248 255);
}
.wpcf7-form .wpcf7-submit {
position: absolute;
width: 60px;
height: 60px;
border: none;
right: 10%;
bottom: 15%;
border-radius: 50%;
background-color: transparent;
z-index: 1;
opacity: 0;
}
.wpcf7-form .custom-submit-btn {
position: absolute;
bottom: 15%;
right: 10%;
background-image: url('/wp-content/uploads/2023/12/arrow_popup.png');
width: 50px;
height: 50px;
background-size: 200%;
background-position: 51% 40%;
border-radius: 50%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border: none;
margin: 0 0.5em!important;
padding: 0 1em!important;
font-size: 16px;
color: #2f333d;
position: absolute;
bottom: 30px;
}
#pum-698 {
background-color: transparent;
overflow: auto !important;
cursor: default;
}
.pum-theme-689 .pum-container, .pum-theme-default-theme .pum-container {
background: none !important;
box-shadow: none !important;
}
.tech-sec-menu .inner-nav li.active, .tech-sec-menu .inner-nav li:hover, .tech-sec-menu .inner-nav li.current_page_item  {
color: #00151A;
border-color: #17a2b8;
background: #E5FAFF 0% 0% no-repeat padding-box;
border: 1px solid #009EC2;
border-radius: 24px;
}
.tech-sec-menu .inner-nav ul {
display: flex;
list-style: none;
position: relative;
gap: 5px;
}
.tech-sec-menu .inner-nav ul li {
min-width: max-content;
border: 1px solid #fff;
font-size: 80%;
padding: 0.5rem!important;
margin: 0.25rem!important;
}
.tech-sec-menu .inner-nav ul li a {
padding: 0 !important;
}
.tech-slider .tool-content {
margin: 1rem auto 2rem;
height: 100%;
display: flex;
gap: 0;
flex-direction: column;
justify-content: flex-start;
}
.tech-slider .tool-content p {
font-size: 14.4px;
}
.tech-slider .tool-content h5 {
color: #17a2b8!important;
transition: 0.5s;
font-size: 125%;
font-weight: 500;
min-height: 50px;
}
.tech-slider .owl-item:hover .tool-content h5 {
color: black !important;
}
.dn-none,
body.page.page-id-174 .main-footer:before
{
display: none;
} 
body.page .dn-none {
display: block;
}
.direct-consultation-card.dn-tech-footer {
width: 72%;
}
.direct-consultation-card.dn-tech-footer a:hover {
color: #0f6674 !important;
}
.direct-consultation-card.dn-tech-footer a {
color: #17a2b8 !important;
}
.direct-consultation-card.dn-tech-footer {
height: 600px;
}
.direct-consultation-card.dn-tech-footer .wpcf7-form .wpcf7-submit,
.direct-consultation-card.dn-tech-footer .wpcf7-form .custom-submit-btn {
bottom: 17%;
}
.wpcf7-form .wpcf7-submit,
.wpcf7-form .custom-submit-btn {
bottom: 15%;
}
.direct-consultation-card.dn-tech-footer .consultation-brief .elementor-widget-container {
opacity: 1 !important;
}
.form-modal-container h6 {
font-weight: 600;
}
.case-study-cards {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.case-study-item {
display: flex;
width: 25%;
margin: 30px 0;
min-width: 250px;
flex-direction: column;
}
.case-study-cards:nth-child(3),
.case-study-cards:last-child {
margin-top: -60px !important; 
}
.case-study-card {
border-radius: 0;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
overflow: hidden;
color: #00151a;
}
.card__image .elementor-widget-image {
overflow: hidden;
position: relative;
height: 325px;
box-shadow: 0 10px 23px #6464641f;
transition: .5s;
border-radius: 18px 0 0 18px;
}
.card__image {
padding: 0 !important;
}
.card__image img {
transform: scale(1);
filter: contrast(100%);
transition: .5s;
object-fit: cover;
height: 100%;
width: 100%;
}
.card__image:hover img {
filter: contrast(90%);
transform: scale(1.1);
width: 110%
}
.card__content {
display: flex;
flex: 1 1 auto;
-webkit-flex-direction: column;
flex-direction: column;
padding: 1rem;
margin-top: -100px;
position: relative;
z-index: 5;
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.project-logo {
box-shadow: -4px 3px 11px #00000014;
border: 1px solid #009ec2;
border-radius: 18px;
max-width: 100px !important;
min-width: 100px;
height: 100px;
display: flex !important;
-webkit-align-items: center;
align-items: center;
justify-content: center;
overflow: hidden;
}
.project-logo .elementor-widget-container {
display: flex;
justify-content: center;
align-items: center;
}
.project-logo img {
width: 85%;
}
.card-info > .e-con-inner {
gap: 0 !important;
}
.project-info {
width: calc(100% - 100px);
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
margin: 10px 0 0 10px;
min-height: 40px;
position: absolute;
right: -10px;
bottom: 26px;
}
.project-info .elementor-icon-list-text {
margin: 0;
color: #00151a;
letter-spacing: .65px;
font-size: 65%;
text-align: left;
font-weight: 600 !important;
}
.project-info .elementor-icon-list-item {
flex-direction: row-reverse;
}
.card-project, .project-logo {
background: no-repeat padding-box #fff;
}
.item-tag a {
border: 1px solid #d6d6d6;
border-radius: 24px;
opacity: 1;
color: #009ec2 !important;
padding: 7px 15px;
margin: 5px;
transition: .3s;
}
.item-tag a:hover {
color: #fff !important;
background: linear-gradient(102deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
box-shadow: 0 3px 12px #00000029;
text-decoration: none;
}
.item-tag .elementor-button-text {
white-space: nowrap;
}
.parallax:before {
content: " ";
display: block;
right: -1rem;
height: 4rem;
background-color: white;
transform-origin: top left;
transform: rotate(-1.5deg);
}
.parallax:after {
content: " ";
display: block;
right: -1rem;
height: 4rem;
background-color: white;
transform-origin: bottom left;
transform: rotate(1.5deg);
}
.parallax .dn-titles {
min-width: max-content;
cursor: default;
background-color: white;
border-radius: 0.7rem;
border: 2px solid white;
}
.aboutt-sec,
.about-text-img,
.our-company-values,
.talk-to-us-project {
position: relative;
}
.aboutt-sec:before {
content: '';
position: absolute;
left: 0;
top: 0px;
height: 80px;
width: 100%;
z-index: 1;
background-image: url('/wp-content/uploads/2023/12/banner-blue-line.png');
background-size: cover;
background-position: center center;
transform: translateY(-30px) ;
transition: 1s;
}
.about-text-img:after {
content: '';
position: absolute;
left: 0;
top: -15%;
background-color: #f6f6f6;
min-height: 550px;
height: 55vh;
width: 100%;
transform: skewY(2deg);
z-index: -1;
}
.our-company-values:before {
content: "";
position: absolute;
width: 100%;
height: 75%;
transform: skewY(-2deg);
background-color: #f6f6f6;
top: 0;
}
.our-company-values-bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
}
.our-company-values-bg:before {
content: "";
background: linear-gradient(105deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
transform: skewY(-6deg);
position: absolute;
width: 100%;
height: 80%;
top: 38%;
bottom: -17%;
}
.about-company-values-container {
position: relative;
max-width: 85%;
margin: auto;
height: 100%;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.circle-img .title {
position: absolute;
top: 0;
bottom: 0;
text-transform: uppercase;
transform: translateY(42%);
width: 65% !important;
text-align: center;
font-size: 135%;
min-width: 310px;
}
.circle-img .title strong {
font-weight: 900;
font-size: 21px;
color: #2f333d;
display: block;
}
.values-description {
display: flex;
flex-direction: column;
gap: 20px;
-webkit-align-items: center;
align-items: center;
}
.content-principle .img-container {
min-width: 180px;
padding: 10px 0;
position: relative;
z-index: 11;
height: 90px;
background-position: center center;
background-size: 100% 100%;
}
.content-principle {
min-width: auto;
max-width: 800px;
min-height: 120px;
}
.content-principle {
background: no-repeat padding-box #fff;
box-shadow: 0 3px 15px #00000029;
border-radius: 66px;
opacity: 1;
width: 100%;
display: flex;
align-items: center;
gap: 15px;
padding: 10px;
min-width: 800px;
margin-inline-start: -45px;
}
.content-principle .text-white {
position: absolute;
right: 20px;
top: 25px;
width: 60px;
text-align: center;
font-size: 14px;
text-transform: capitalize;
color: #fff!important;
}
.content-principle:nth-child(2) {
margin-left: 20px;
}
.details-values {
height: 84px;
}
.details-values .details-value:first-child::after {
background: no-repeat padding-box #00a74f;
z-index: 9;
}
.details-values .details-value:nth-child(2)::after {
background: no-repeat padding-box #ee4259;
z-index: 8;
}
.details-values .details-value:nth-child(3)::after {
background: no-repeat padding-box #f6911e;
z-index: 7;
}
.details-values .details-value:nth-child(4)::after {
z-index: 6;
background: no-repeat padding-box #005366;
}
.details-values .details-value:nth-child(5)::after {
z-index: 5;
background: no-repeat padding-box #129ed5;
left: -58%;
border-radius: 66px;
transform: skewX(0);
}
.details-values .details-value::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 190px;
height: 100%;
left: -60%;
transform: skewX(-20deg);
box-shadow: 8px 0 6px #00000029; 
}
.our-company-values:after {
content: '';
background-image: url('/wp-content/uploads/2023/12/two_pattern_both.png');
position: absolute;
right: 78%;
height: 200px;
width: 180px;
background-size: 100% 100%;
z-index: 1;
mix-blend-mode: multiply;
top: 92%;
}
.about-team {
display: flex;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
position: relative;
font-size: 95%;
}
.about-team::before {
content: '';
position: absolute;
top: 0;
right: -10% !important;
left: unset;
width: 53%;
height: 100%;
transform: skewX(-15deg);
background-color: #f6f6f6;
}
.team-member {
border-radius: 18px;
width: 15%;
height: 20.3333%;
min-width: 180px;
max-width: 200px;
min-height: 180px;
max-height: 200px;
padding: 15px;
display: flex;
flex-direction: column;
-webkit-align-items: end;
align-items: end;
-webkit-justify-content: end;
justify-content: end;
font-size: 85%;
color: #2f333d;
position: relative;
overflow: hidden;
}
.team-member .elementor-widget-image {
width: 100%;
position: absolute;
left: 0;
top: 0;
object-fit: contain;
height: 100%;
filter: grayscale(.8);
transition: .3s;
}
.team-member:hover {
color: #2f333d;
text-decoration: none
}
.team-member .elementor-widget-text-editor {
opacity: .72;
font-size: 80%;
background: no-repeat padding-box #fff;
}
.team-member .name {
font-weight: 500;
border-radius: 18px 18px 0;
padding: 5px 15px 1px
}
.team-member .position {
color: #009ec2;
border-radius: 18px 0 18px 18px;
padding: 5px 15px;
white-space: nowrap;
}
.overlay-more-team {
width: 55%;
font-weight: 400;
margin: auto 25%
}
.team-member:hover .elementor-widget-image {
filter: grayscale(0)
}
.tools-slides.awrds-slide .owl-item {
box-shadow: unset !important;
padding: 0 !important;
width: 403px !important;
cursor: grab !important;
}
.tools-slides.awrds-slide .owl-item .sa_hover_container {
box-shadow: 0 13px 41px #0000000F !important;
min-height: 325px !important;
height: 22vw;
padding: 0 !important;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
}
.tools-slides.awrds-slide .owl-item img {
width: auto !important;
height: auto;
max-width: 95%;
z-index: 1;
transition: .5s;
transform: scale(.8);
pointer-events: none;
object-fit: contain;
}
.tools-slides.awrds-slide .owl-item:hover img {
transform: scale(1);
}
.tools-slides.awrds-slide .owl-item:hover {
cursor:hand;
}
.tools-slides.awrds-slide .owl-nav {
position: absolute;
bottom: -26px;
}
.tools-slides.awrds-slide .owl-nav button:first-child {
left: 0;
}
.tools-slides.awrds-slide .owl-nav button:last-child {
left: 230px;
}
.tools-slides.awrds-slide .white .sa_owl_theme .owl-nav button {
height: auto !important;
line-height: 60px;
margin-bottom: 0;
margin-top: unset !important;
}
.tools-slides.awrds-slide .owl-carousel.sa_owl_theme .owl-dots {
bottom: -50px !important;
padding: 0 !important;
display: inline-block !important;
width: 14%;
left: 42px;
}
.tools-slides.awrds-slide .white .sa_owl_theme .owl-nav .owl-next {
background: url('/wp-content/uploads/2023/12/next.png') no-repeat center center !important;
}
.tools-slides.awrds-slide .white .sa_owl_theme .owl-nav .owl-prev {
background: url('/wp-content/uploads/2023/12/next.png') no-repeat center center !important;
transform: rotatey(180deg);
}
.tools-slides.awrds-slide .owl-carousel.sa_owl_theme .owl-dots .owl-dot.active span,
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #009ec2 !important;
height: 7px !important;
}
.agile-slider .owl-item .row {
display: flex;
gap: 40px;
}
.agile-slider .owl-item .row .col-md-6.col-sm-12 {
width: 50%;
}
.agile-slider .owl-item .sa_hover_container {
padding: 0 !important;
}
.agile-slider .owl-item .agile-description {
margin-inline-end: 0.25rem;
line-height: 2;
font-size: 100%;
color: #2f333d;
}
.agile-slider .owl-item  h3.text-white {
font-weight: 400;
color: #fff!important;
margin-bottom: 1rem!important; 
}
.agile-slider .col-sm-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.agile-slider .rewards-container-img-section {
max-width: 1300px;
width: 100%;
position: relative;
}
.agile-slider .rewards-container-img-section img {
width: 100%;
}
.reward1 {
top: 60%;
left: 6%;
}
.reward {
position: absolute;
color: #2f333d;
font-size: 85%;
text-transform: capitalize;
letter-spacing: .9px;
}
.reward2 {
left: 13%;
top: 25%;
width: 30%;
}
.reward3 {
right: 12%;
top: 24%;
width: 30%;
}
.reward4 {
top: 60%;
right: 10%;
}
.why-agile-container {
-webkit-justify-content: center;
justify-content: center;
display: flex;
-webkit-align-items: end;
align-items: end;
height: 410px;
}
.why-agile-item {
text-align: center;
position: relative;
width: 14%;
}
.why-agile-item .img-span {
width: 180px;
position: relative;
margin: auto;
max-width: 100%;
}
.img-span span {
position: absolute;
color: #fff;
right: 44%;
top: 4%;
font-size: 90%;
}
.why-agile-item h6 {
font-size: 100%;
width: 85%;
margin: 1rem auto 2rem;
height: 60px;
font-weight: 600 !important;
}
.why-agile-item:nth-child(2n) {
top: -20%;
}
.rewards-container-mobile {
display: none;
}
.text-center {
text-align: center!important;
}
.agile-slider .owl-nav {
display: block !important;
position: absolute;
bottom: 10%;
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-prev {
left: 0 !important;
background: #ffffff8f url('/wp-content/uploads/2023/12/icons8-right-18-1.png') no-repeat center center !important;
transform: rotatey(180deg);
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-next {
left: 150px !important;
background: #ffffff8f url('/wp-content/uploads/2023/12/icons8-right-18-1.png') no-repeat center center !important;
}
.agile-slider .white .sa_owl_theme .owl-nav button {
top: auto;
width: 50px !important;
height: 50px !important;
border-radius: 50%;
transition: .5s !important;
}
.agile-slider .white .sa_owl_theme .owl-nav button:focus,
.agile-slider .white .sa_owl_theme .owl-nav button:hover {
border: none;
outline: none;
background-color: #ffffff8f !important;
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-next:before {
content: "Rewards we bring";
position: absolute;
bottom: 10px;
z-index: 99;
opacity: 0;
color: #000;
transition: opacity 2s ease-in, opacity .5s ease-out;
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-next:hover:before {
bottom: 10px !important;
left: 15px !important;
opacity: 1;
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-prev:hover {
opacity: 1;
background-color: #fff !important;
}
.agile-slider .white .sa_owl_theme .owl-nav .owl-next:hover {
opacity: 1;
background-color: #fff !important;
background: #ffffff url(/wp-content/uploads/2023/12/icons8-right-18-1.png) no-repeat 92% 50% !important;
width: 225px !important;
height: 50px !important;
border-radius: 25px;
}
.agile-slider .white .sa_owl_theme .owl-dots {
display: inline-block !important;
width: 10%;
left: 4%;
top: 89%;
}
.agile-slider .white .sa_owl_theme .owl-dots .owl-dot.active span {
width: 40px !important;
height: 5px !important;
border-radius: 4px !important;
border: 1px solid #fff;
cursor: pointer;
background-color: #fff !important;
background-clip: padding-box;
opacity: 1;
}
.agile-slider .white .sa_owl_theme .owl-dots .owl-dot span {
width: 7px !important;
height: 7px !important;
border-radius: 4px !important;
border: 1px solid #fff;
background-color: #ffffff8f !important;
}
.agile-slider .white .sa_owl_theme .owl-dots .owl-dot:focus {
border: none;
outline: none; 
}
.dn-agile-sec:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 800px;
background: unset;
transform: unset;
background-image: url('/wp-content/uploads/2023/12/bg_services.png');
background-repeat: no-repeat;
background-size: cover;
}
.statistics-about .statistics-about-bg {
position: absolute;
width: 100%;
left: 0;
}
.statistics-about .statistics-about-bg img {
width: 100%;
height: auto;
z-index: -1;
transition: .7s;
object-fit: cover;
}
.conter-box .counter-icon {
width: 125px;
height: 125px;
background: no-repeat #fff;
box-shadow: inset 3px 0 14px #00000029;
border-radius: 50%;
position: absolute;
margin: auto;
right: 0;
left: 0;
top: -20%;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
z-index: 99;
}
.conter-box .counter-cont {
background: linear-gradient(127deg,#66e3ff4a 0,#99ecff40 100%) no-repeat padding-box;
border-radius: 18px;
backdrop-filter: blur(7px);
color: #00151a;
padding: 70px 40px 40px;
}
.conter-box:hover .counter-icon,
.conter-box .counter-icon:hover {
background: linear-gradient(133deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
}
.conter-box:hover .counter-icon i:before,
.conter-box .counter-icon:hover i:before{
color: #fff;
fill: #fff;
}
.conter-box .counter-icon i:before {
top: 105%;
}
.conter-box .counter-cont .elementor-counter-number-wrapper span {
font-size: 26.72px;
margin-bottom: 0.5rem;
font-weight: 900;
line-height: 1.2;
color: #000;
}
.conter-box .counter-cont .elementor-counter-title {
font-size: 16px;
margin-bottom: 0.5rem;
font-weight: 300;
line-height: 1.2;
color: #000;
}
.dn-news article {
min-width: 300px;
min-height: 300px;
max-width: 350px;
height: 100%;
}
.dn-news article .elementor-post__thumbnail__link .elementor-post__thumbnail {
height: 325px;
min-height: 220px;
border-radius: 18px;
}
.dn-news article .elementor-post__thumbnail__link .elementor-post__thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
object-fit: cover;
z-index: 1;
transition: .4s;
transform: none;
}
.dn-news article .elementor-post__title a {
color: #0c1635;
font-size: 17.76px;
font-weight: 600;
transition: .4s;
margin: 0.5rem;
display: block;
}
.dn-news article:hover .elementor-post__title a {
text-decoration: underline;
}
.dn-news article:hover .elementor-post__thumbnail__link .elementor-post__thumbnail img {
transform: scale(1.05);
}
.dn-news article {
position: relative;
}
.dn-news .elementor-post__meta-data {
position: absolute;
z-index: 1;
display: flex;
flex-direction: row-reverse;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
bottom: 18%;
color: #fff;
min-height: 35px;
padding: 0 15px;
font-size: 90%;
}
.dn-news .elementor-post__meta-data {
color: #fff !important;
font-size: 110%;
font-weight: 400;
line-height: 1.5;
}
.dn-news .elementor-post__read-more {
position: absolute;
top: 10px;
z-index: 9;
right: 10px;
background-image: url('/wp-content/uploads/2023/12/arrow_up_right.png');
background-position: center;
background-color: #fff;
background-repeat: no-repeat;
width: 40px;
height: 40px;
border-radius: 50%;
padding: 16px;
color: transparent;
box-shadow: 0 5px 9px #00000029;
text-align: center;
transition: .3s;
}
.dn-news article:hover .elementor-post__read-more {
width: 40px;
height: 40px;
padding: 5px;
transform: rotate(360deg);
}
.dn-news .elementor-post__read-more:before {
position: absolute;
top: 0;
z-index: 9;
right: 0;
}
.dn-contct-befor-img:before {
content: '';
background-image: url('/wp-content/uploads/2024/02/robot.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: -25%;
height: 75%;
width: 82%;
top: 10%;
animation: 2s ease-in infinite alternate-reverse move-down1;
}
@keyframes move-down1 {
to {
transform: translateY(10px)
}
}
.contact-info-over {
position: absolute;
right: 20%;
bottom: 15%;
text-align: center;
width: 46%;
}
.contact-info-over .dn-info-desc {
letter-spacing: 2.08px;
color: #00151a;
text-transform: lowercase;
opacity: .75;
font-weight: 300;
}
.dn-contct-befor-img {
max-width: 525px;
height: 568px;
}
.dn-conct-form .wpcf7-form .wpcf7-submit {
background: linear-gradient(104deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
width: 220px;
height: 60px;
line-height: 35px;
text-align: center;
letter-spacing: .36px;
font-size: 97%;
border: none;
opacity: 1;
transition: .1s;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 0.75rem 3rem;
border-radius: 35px;
margin-top: 2rem;
right: unset !important;
bottom: 45px;
}
.dn-conct-form .wpcf7-form .wpcf7-submit:hover {
background: linear-gradient(144deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
text-decoration: none;
color: #fff;
font-size: 100%
}
.dn-conct-form .wpcf7-form .custom-submit-btn {
display: none;
}
.our-offices-contact {
position: relative;
margin-bottom: 6rem;
}
.our-offices-contact::before {
top: 7%;
background: linear-gradient(109deg,#f6f6f6 0,#dfdfdf 100%) no-repeat padding-box;
z-index: -1;
transform: skewY(-2deg);
position: absolute;
width: 100%;
height: 70%;
content: '';
}
.our-offices-contact::after {
bottom: 0;
background: linear-gradient(109deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
z-index: 1;
transform: skewY(-2deg);
position: absolute;
width: 100%;
height: 74%;
content: '';
}
.dn-conct-tabs .office-small-over-title {
position: absolute;
z-index: 11;
bottom: 10px;
margin-inline-start: 15px;
color: #fff;
text-shadow: 0 3px 8px #0000007A;
}
.dn-conct-tabs .our-offices-row .img-office-div {
margin-inline-end: 1rem;
transition: .3s;
height: 125px;
}
.dn-conct-tabs .img-office-div {
transition: .5s;
border: 5px solid #fff;
border-radius: 4px;
position: relative;
height: 125px;
overflow: hidden;
}
.dn-conct-tabs .elementor-tabs-wrapper {
width:21% !important
}
.dn-conct-tabs .elementor-tab-title.elementor-tab-desktop-title.elementor-active .img-office-div {
margin-inline-end: -1.6rem;
}
.dn-conct-tabs {
bottom: -105px;
}
.dn-conct-tabs .img-office-div img {
height: 100%;
object-fit: cover;
min-height: 165px;
width: 100%;
}
.dn-conct-tabs .elementor-tabs-content-wrapper  {
padding: 3rem 1rem 1rem;
top: -30px;
position: relative;
width: 100%;
max-width: 100%;
align-items: center;
justify-content: center;
}
.dn-conct-tabs .elementor-tabs-content-wrapper  h2.text-white {
color: #fff!important;
font-size: 32px;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
span.text-white {
font-size: 16px;
color: #fff !important;
font-weight: 400;
}
.dn-conct-tabs .mt-5, .my-5 {
margin-top: 3rem!important;
}
.dn-conct-tabs .list-unstyled {
padding-left: 0;
list-style: none;
}
.dn-conct-tabs .headquarter-contact-info li {
font-weight: 400;
font-size: 12.8px;
letter-spacing: 1.2px !important;
color: #00151a;
line-height: 2.5 !important;
}
.dn-conct-tabs .headquarter-contact-info li .fa.fa-mobile {
font-size: 18px;
vertical-align: sub;
}
.dn-conct-tabs .headquarter-contact-info li .fa {
font-size: 18px;
margin-inline-end: 5px;
width: 20px;
display: inline-block;
color: #00151a;
}
.dn-conct-tabs .headquarter-contact-info li.address {
font-size: 85%!important;
font-weight: 900;
padding-top: 1rem;
}
.dn-conct-tabs .elementor-tab-content a {
position: unset;
color: #00151a !important;
background: none;
padding: 0;
text-decoration: none;
font-size: 12.8px;
}
.dn-conct-tabs .elementor-tab-content a:hover {
color: #00151a !important;
font-size: 12.8px;
}
.aboutt-sec:after {
content: '';
bottom: -29%;
top: auto;
width: 175px;
mix-blend-mode: multiply;
background-image: url('/wp-content/uploads/2023/12/3circle_pattern-1.png');
position: absolute;
right: 13%;
height: 120px;
background-size: 100% 100%;
}
.dn-conct-tabs-sec-title {
bottom: -50px;
}
.dn-contct-befor-img .msg-icon {
background-image: url('/wp-content/uploads/2024/02/msg.png');
right: -60%;
height: 220px;
width: 220px;
top: 10%;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
background-size:80%;
background-repeat:no-repeat
}
.home-partnership-section:before {
content: '';
height: 725px;
display: flex;
-webkit-align-items: center;
align-items: center;
background-color: #f6f6f6;
position: absolute;
width: 100%;
transform: skewY(-2deg);
top: 22%;
min-height: 500px;
height: 780px;
margin-bottom: -200px;
}
.home-partnership-section.tech-partnr-sec:before {
top: 19%;
}
.home-partnership-section::after {
top: 4%;
right: 10%;
content: '';
background-image: url('/wp-content/uploads/2023/12/grey_square_pattern.png');
position: absolute;
height: 100px;
width: 100px;
background-size: 100% 100%;
z-index: -1;
}
.home-partnership-section.tech-partnr-sec:after {
top: 13%;
left: 5%;
}
.home-partnership-section .consultation-brief {
top: 2rem;
position: relative;
margin: 1rem 0 1.5rem;
opacity: 0.75;
display: inline-block;
}
.partnership-item::before,
.partnership-item::after {
height: 100%;
width: 100%;
background-size: contain;
transition: 1s;
background-position: center center;
background-repeat: no-repeat;
transform: scale(1);
position: absolute;
content: '';
}
.partnership-item {
min-height: 225px;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
transition: .7s;
}
.partnership-container .partnership-item:first-child:before {
background-image: url('/wp-content/uploads/2023/12/partnership1_blue_bg.png');
z-index: 1;
}
.partnership-container .partnership-item:first-child:after {
background-image: url('/wp-content/uploads/2023/12/partnership3_white_bg.png');
z-index: 2;
}
.partnership-container .partnership-item:nth-child(2):before {
background-image: url('/wp-content/uploads/2023/12/partnership3_blue_bg.png');
z-index: 1;
}
.partnership-container .partnership-item:nth-child(2):after {
background-image: url('/wp-content/uploads/2023/12/partnership2_white_bg.png');
z-index: 2;
}
.partnership-container .partnership-item:nth-child(3):before {
background-image: url('/wp-content/uploads/2023/12/partnership2_blue_bg.png');
z-index: 1;
}
.partnership-container .partnership-item:nth-child(3):after {
background-image: url('/wp-content/uploads/2023/12/partnership1_white_bg.png');
z-index: 2;
}
.partnership-container .partnership-item:nth-child(4):before {
background-image: url('/wp-content/uploads/2023/12/partnership4_blue_bg.png');
z-index: 1;
}
.partnership-container .partnership-item:nth-child(4):after {
background-image: url('/wp-content/uploads/2023/12/partnership4_white_bg.png');
z-index: 2;
}
.partnership-container .partnership-item:hover:before {
transform: rotate(7deg)
}
.partnership-container .partnership-item:hover:after {
transform: rotate(-7deg)
}
.partnership-item img {
width: 60%;
position: relative;
z-index: 3;
}
.banner-inner-news {
background-image: url(../images/blog-details.png);
background-position: center center;
background-size: 100% 100%;
height: 400px;
background: linear-gradient(251deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
background-repeat: no-repeat;
background-position-x: 100%;
}
.flot-right {
float: right;
}
.project-gallery::before {
content: '';
position: absolute;
left: 0;
top: -8rem;
background-image: url('/wp-content/uploads/2023/12/bg_services-1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
width: 100%;
height: 65%;
z-index: -1;
}
.project-gallery::after {
background-image: url('/wp-content/uploads/2023/12/4circle_pattern.png');
content: '';
position: absolute;
left: -3%;
height: 85px;
width: 200px;
bottom: -21%;
background-size: 100% 100%;
}
.similar-articles-bg:after {
content: '';
position: absolute;
top: -5rem;
height: 100%;
z-index: -1;
transform: rotateZ(-2deg);
background-color: #F6F6F6;
overflow: hidden;
left: -2%;
}
.dn-news.dn-similar-news .elementor-post__title a {
background: transparent linear-gradient(180deg, #00151A00 0%, #00151A 100%) 0% 0% no-repeat padding-box;
height: 0px;
overflow: hidden;
transition: .5s;
transform: translateY(11rem);
position: absolute;
bottom: 58%;
left: 0;
width: 100%;
z-index: 9;
color: #fff;
font-weight: 700px;
} 
.dn-similar-news article:hover .elementor-post__title a {
height: 6rem;
text-decoration: none;
margin: 0;
padding: 5px;
}
.dn-news.dn-similar-news .elementor-post__meta-data {
display: none !important;
}
.dn-news.dn-similar-news article {
height: 18rem;
transition: .5s;
border-radius: 1rem;
}
.dn-news.dn-similar-news .elementor-post__read-more {
width: 30px;
height: 30px;
}
.dn-news.dn-similar-news article:hover .elementor-post__read-more {
width: 40px;
height: 40px;
z-index: 12;
padding: 5px;
border-radius: 50%;
text-align: center;
transform: none !important;
}
.text-muted span {
color: #6c757d!important;
}
.dn-post-content p,
.dn-post-content {
color: #2f333d;
font-size: 16px;
}
.dn-post-content a {
color: #0056b3;
}
.dn-post-content a:hover {
color: #2f333d;
}
.elementor-post-info__terms-list a,
.elementor-post-info__terms-list .elementor-post-info__terms-list-item {
border: 1px solid #dee2e6;
padding: 10px 20px;
border-radius: 50rem;
color: #009EC2 !important;
text-decoration: none;
}
.elementor-post-info__terms-list a:hover,
.elementor-post-info__terms-list .elementor-post-info__terms-list-item:hover {
color: white !important;
background-color: unset;
background: transparent linear-gradient(105deg, #33DAFF 0%, #009EC2 100%) 0% 0% no-repeat padding-box;
border-color: #bee5eb;
border: 1px solid #dee2e6;
border-color: #17a2b8;
}
.elementor-post-info__terms-list {
visibility: hidden;
}
.elementor-post-info__terms-list .elementor-post-info__terms-list-item {
visibility: visible;
}
.dn-news article {
display: flex;
flex-direction: column !important;
}
.dn-news .elementor-posts-container.elementor-posts {
gap: 30px;
}
.dn-news.dn-pos .elementor-posts-container.elementor-posts {
display: flex;
}
.dn-tags {
color: transparent;
height: 40px;
position: relative;
}
.dn-tags a {
border: 1px solid #d6d6d6;
border-radius: 24px;
opacity: 1;
font-size: 12px;
color: #009ec2;
padding: 7px 15px;
margin: 5px;
transition: .3s;
}
.dn-tags a {
position: absolute;
}
.dn-tags a:first-child {
left: 0;
}
.dn-tags a:nth-child(2) {
left: 40%;
}
.dn-tags a:hover {
color: #fff;
background: linear-gradient(102deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
box-shadow: 0 3px 12px #00000029;
text-decoration: none;
}
.post-tags a,
a.project-filter {
opacity: 1;
margin: 0 10px;
font-size: 11.5px;
border-radius: 24px;
display: inline-block;
color: #212529;
border-color: #f8f9fa;
border: 1px solid #f8f9fa;
padding: 0.375rem 0.75rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.post-tags a:hover,

.post-tags a.active,
a.project-filter:hover,
a.project-filter.active {
background: no-repeat padding-box #e5faff;
border: 1px solid #009ec2;
color: #212529;
}
.post_tags,
.filter-type {
display: flex;
gap: 20px;
}
.dn-news.dn-pos article .elementor-post__thumbnail__link .elementor-post__thumbnail img {
position: unset !important;
}
.dn-news.dn-pos article .elementor-post__thumbnail__link {
overflow: hidden !important;
}
.dn-news.dn-pos .elementor-post__meta-data {
bottom: 95px !important;
background: linear-gradient(180deg,#00151A00 0,#00151a 100%) no-repeat padding-box;
border-radius: 0 0 18px 18px;
}
.dn-news.dn-pos .dn-edit-meta .elementor-post__meta-data {
bottom: 21% !important;
}
.dn-news.dn-pos .dn-edit-meta.dn-edit-meta-blogs .elementor-post__meta-data {
bottom: 95px !important;
}
.dn-news.dn-pos article {
width: calc(33.3333333% - 30px) !important;
min-width: 300px !important;
min-height: 300px;
max-width: 350px;
height: 100%;
}
.dn-news.dn-pos article .elementor-post__thumbnail__link .elementor-post__thumbnail {
height: 325px;
min-height: 220px;
border-radius: 18px;
}
.dn-news.dn-pos article .elementor-post__thumbnail__link {
border-radius: 18px;
}
.dn-news.dn-pos .elementor-post__meta-data {
line-height: 1.3em;
font-size: 12px;
margin-bottom: 55px;
}
.dn-news.dn-pos .dn-tags a {
pointer-events: none; 
cursor: pointer;
}
.dn-news.dn-pos .elementor-posts {
flex-wrap: wrap;
}
.awrd-slider-home.tools-slides.awrds-slide .owl-carousel.sa_owl_theme .owl-dots {
width: 15%;
}
.awrd-slider-home.tools-slides.awrds-slide .owl-nav button:last-child {
left: 230px;
z-index:999
}
.dn-home-tabs-sec:after {
content: '';
background-image: url('/wp-content/uploads/2024/01/2circle_pattern.png');
position: absolute;
right: 91%;
top: -1vh;
height: 120px;
width: 120px;
background-size: contain;
background-repeat: no-repeat;
}
.dn-home-tabs-sec:before {
content: '';
background-image: url('/wp-content/uploads/2023/12/square_pattern.png');
position: absolute;
left: 81%;
height: 20%;
width: 6%;
top: 10%;
background-size: contain;
max-width: 150px;
background-repeat: no-repeat;
}
.elementor-tabs-content-wrapper,
.dn-tabs-sec-bg-home,
.dn-home-tabs-sec .elementor-element-c370e32 {
position: relative;
}
.dn-home-tabs-sec .elementor-element-c370e32:before {
content: '';
position: absolute;
left: 0;
top: 0;
background-image: url('/wp-content/uploads/2023/12/bg_services-1.png');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
width: 100%;
background-color: transparent !important;
transform: none !important;
min-height: 480px;
}
.elementor-element-d9fdf87.services-tabs-container {
position: absolute !important;
top: -5%;
} 
.dn-home-tabs-sec .elementor-tabs-wrapper {
border: none;
width: 100%;
padding: 0;
box-shadow: none;
border-bottom: none;
border: none;
background-color: #f2f2f2;
height: 190px;
padding-left:5% !important;
padding-right:5% !important
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title {
width: 10.3%;
text-align: center;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a,
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title:hover a {
background: no-repeat padding-box #f2f2f2;
box-shadow: 0 8px 17px #0000000F;
border: 4px solid #00a7cc;
border-radius: 33px;
transition: .2s;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title a {
padding: 0.5rem;
width: 138px;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title a p {
width: 75%;
margin: .5rem auto 0;
text-align: center;
height: 55px;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-size:13px;
line-height:1.35
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title  a img {
display: block;
margin: auto;
width: 45px;
height: 45px;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper {
margin-left: 11%;
background-color: transparent;
display: flex;
align-items: center;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper .text-white {
font-size: 26.72px;
color: #fff !important;
font-weight: 500;
line-height: 1.2;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper .service-brief {
font-size: 16px;
padding-inline-end: 1.5rem;
margin: 2rem 0 3rem;
opacity: .75;
color: #2f333d;
font-weight: 500;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper a {
position: unset;
text-decoration: none;
padding: 0.75rem 3rem;
border-radius: 35px;
margin-top: 2rem;
height: 50px;
display:inline-block;
margin-top:0 !important;
line-height: 25px;
cursor: pointer;
text-transform:capitalize !important
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper a:last-child {
margin-left: 10px;
border: 2px solid #fff;
color: #fff;
background-color: transparent !important;
background: none;
margin-inline-start: 1rem;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper a:hover:last-child {
background-color: #00b6df !important;
color: #fff;
text-decoration: none !important;
background: none;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper a.btn-white.cnct-btn-footer {
background-color: #fff !important;
color: #009ec2 !important;
background: #fff !important;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-content-wrapper a.btn-white.cnct-btn-footer:hover {
background-color: #00b6df !important;
color: #fff !important;
text-decoration: none;
background: #00b6df;
}
.dn-home-tabs-sec .dn-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
background: none;
border: none;
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title:after, .dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after {
height: 0 !important;
width: 0 !important;
}
.dn-home-tabs-sec .dn-tabs-sec-bg-home .elementor-widget-image.active-bg {
max-height: 300px;
border-radius: 33px;
position: relative;
width: 500px;
right: 12.8%;
transform:none !important;
top:50px
}
.dn-home-tabs-sec .dn-tabs-sec-bg-home .elementor-widget-image.active-bg img {
width:100%
}
.dn-home-tabs-sec .dn-tabs .elementor-tabs-wrapper {
border-radius: 0;
}
.awrd-slider-home .owl-carousel.sa_owl_theme {
margin-left: 13%;
} 
.awrd-slider-home .owl-carousel.sa_owl_theme .owl-stage-outer {
overflow: hidden;
}
.tech-boxes .e-con-inner a .card  {
border: none;
position: relative;
}
.tech-boxes .e-con-inner a .card:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
background-size: 110% 100%;
transition: 1s;
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(2) a .card:before {
background-image: url('/wp-content/uploads/2024/01/home_tech_pattern1-1.png');
transform: translate(-20%,50%) rotate(0);
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(4) a .card:before {
background-image: url('/wp-content/uploads/2024/01/home_tech_pattern2.png');
transform: translate(-5%,50%) rotate(0);
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(6) a .card:before {
background-image: url('/wp-content/uploads/2024/01/home_tech_pattern3.png');
transform: translate(10%,45%) rotate(0);
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(2) a .card:hover:before {
transform: translate(-20%,45%) rotate(15deg);
width: 111%
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(4) a .card:hover:before {
transform: translate(-10%,45%) rotate(12deg);
background-size: 120% 100%
}
.tech-boxes > .e-con-inner .e-con-inner:nth-child(6) a .card:hover:before {
transform: translate(2%,42%) rotate(10deg);
background-size: 120% 100%
}
.tech-boxes a .card img {
margin: -20% auto auto;
margin-inline-end: 0;
z-index: 1;
transition: 1s;
width: 20vw;
height: 18vw;
object-fit: contain;
translate: 45px 45px;
position: relative;
top: -15px;
}
.tech-boxes a .card:hover img {
translate: 45px 30px;
}
.tech-boxes a .card .elementor-widget-text-editor  {
min-height: 160px;
}
.tech-btn:hover {
background: linear-gradient(304deg,#fff -10%,#009ec2 20%) no-repeat padding-box !important;
transform: rotate(360deg) !important;
}
.tech-btn:hover .elementor-button-icon i:before {
color: #fff;
fill: #fff;
}
.tech-boxes a .card:hover {
background: no-repeat padding-box #fff;
box-shadow: 0 14px 41px #00000024;
}
.dn-home-secure-sec .cnct-btn-footer.btn-white {
max-width:max-content !important
}
.news-container-grid {
height: 70vh;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 500px;
-webkit-align-items: center;
align-items: center;
gap: 20px;
}
.news-container-grid .news-item:first-child {
flex: 1 1 100%;
}
.img-scale-container, .news-container-grid>.news-item {
border-radius: 18px;
position: relative;
overflow: hidden;
}
.news-container-grid>.news-item {
flex: 1 1 48%;
width: calc(24vw - 15px);
}
.arrow-up-right-icon {
position: absolute;
right: 15px;
top: 15px;
background: no-repeat padding-box #fff;
box-shadow: 0 5px 9px #00000029;
width: 40px;
height: 40px;
line-height: 25px;
z-index: 12;
padding: 5px;
border-radius: 50%;
text-align: center;
transition: .3s;
display: flex;
justify-content: center;
align-items: center;
}
.news-item .img-scale-container > img {
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
transition: .4s;
}
.news-title {
color: #454f63;
opacity: .8;
margin: 0.5rem 0.5rem 0;
position: relative;
padding-inline-start: 1rem;
display: inline-block;
color: transparent;
position: relative;
left: -15%;
}
.news-brief {
color: #0c1635;
font-size: 20px;
font-weight: 600;
margin: 0.5rem;
}
.news-item:not(:first-child):not(:nth-child(4)):hover .news-brief, .news-item:not(:first-child):not(:nth-child(4)):hover .news-title {
color: #fff;
text-decoration: none;
font-size: 100%;
}
.news-container-grid .news-item:nth-child(4) {
flex: 1 1 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
max-width: 450px;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.news-container-grid .news-item:nth-child(4) .news-txt {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
width: 85%;
}
.img-scale-container {
height: 75%;
min-height: 220px;
}
.news-item:not(:first-child):not(:nth-child(4)) .news-txt {
position: absolute;
bottom: 0;
-webkit-transition: opacity .3s,-webkit-transform .3s;
transition: opacity .3s,transform .3s,-webkit-transform .3s;
border-radius: 18px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
transition-delay: 0s;
transform: translateY(0);
width: 100%;
}
.news-item:not(:first-child):not(:nth-child(4)) .img-scale-container {
height: 100%;
}
.news-item:not(:first-child):not(:nth-child(4)) .hover-content {
background: linear-gradient(180deg,#00151A00 0,#00151a 100%) no-repeat padding-box;
transform: translateY(100%);
transition: .5s;
}
.news-title {
color: #454f63;
opacity: .8;
margin: 0 0.5rem 0;
position: relative;
left: 0;
padding-inline-start: 1rem;
display: inline-block;
font-size: 16px;
}
.news-title::before {
content: '';
width: 7px;
height: 7px;
background: no-repeat padding-box #009ec2;
position: absolute;
bottom: 0;
left: 0;
top: 10px;
border-radius: 50%;
transition: .3s;
}
.news-title a.news-item {
color: transparent;
}
.blogs-news-item:hover .news-image,.news-item:hover .wp-post-image {
transform: scale(1.05)
}
.blogs-news-item:hover .news-title::before,.news-item:hover .news-title::before {
top: 5px
}
.blogs-news-item:hover .news-brief,.news-item:hover .news-brief {
text-decoration: underline
}
.news-item:not(:first-child):not(:nth-child(4)):hover .hover-content {
transform: translateY(0);
transition: .5s;
padding: 5px 10 px
}
.news-item:not(:first-child):not(:nth-child(4)):hover .news-brief,.news-item:not(:first-child):not(:nth-child(4)):hover .news-title {
color: #fff;
text-decoration: none;
font-size: 100%
}
.news-item:hover .arrow-up-right-icon {
width: 45px;
height: 45px;
padding: 7px
}
.news-view-all {
text-decoration: underline;
font: 18px/21px Brinnan;
letter-spacing: .18px;
color: #00151a;
text-transform: lowercase;
opacity: 1;
padding-inline-start: 1rem;
margin-inline-start: -5px;
transition: .3s;
top: -44px;
position: relative;
display: inline-block;
right: 13%;
text-align: right;
}
.news-view-all a {
text-decoration: underline !important;
font-size: 18px !important;
letter-spacing: .18px;
color: #00151a;
text-transform: lowercase;
}
.news-view-all .elementor-widget-container {
padding: 0 !important;
}
.home-masonary::before {
background-image: url(https://apptech.com.tr/wp-content/themes/apptech/theme/css/../images/static/4circle_pattern.svg);
content: '';
position: absolute;
left: 90%;
height: 125px;
width: 200px;
top: 0;
background-size: 100% 100%;
}
.home-masonary::after {
content: '';
background-image: url(https://apptech.com.tr/wp-content/themes/apptech/theme/css/../images/static/2circle_pattern.svg);
position: absolute;
right: 95%;
height: 120px;
width: 120px;
top: 0;
background-size: 100% 100%;
}
.dn-home-testimonial,
.dn-testi .swiper-slideو
.dn-testi .elementor-testimonial__text h4 {
position: relative;
}
.dn-home-testimonial:before {
background-image: url(https://apptech.com.tr/wp-content/themes/apptech/theme/css/../images/static/testimonials_pattern.svg);
mix-blend-mode: luminosity;
top: -5vh;
}
.dn-testi {
overflow: hidden;
}
.dn-testi .swiper-slide {
width: 65%;
margin: auto;
min-height: 500px;
padding: 50px;
text-align: center;
}
.dn-testi .swiper-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 85%;
width: 100%;
z-index: -1;
background: no-repeat padding-box #ffffffab;
border-radius: 18px;
opacity: 1;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
.dn-testi .elementor-testimonial__text h4 {
display: inline-block;
width: 55%;
border-bottom: 2px solid #00151a2e;
padding: 2.5rem;
margin: 2.5rem 0 1rem;
font-style: normal !important;
color: #2f333d;
font-size: 26.72px;
font-weight: 600;
}
.dn-testi .elementor-testimonial__text p,
.dn-testi .elementor-testimonial__text ul li {
font-size: 14.4px;
color: #2f333d;
font-style: normal !important;
}
.dn-testi .elementor-testimonial__text p {
margin: 10px 30px 20px !important;
font-size:16px
}
.dn-home-testimonial {
background-size: 100% 100% !important
}
.dn-home-testimonial .dn-testi{
max-width:750px !important;
margin-left:auto;
margin-right:auto
}
.dn-testi .elementor-testimonial__content,
.dn-testi .elementor-testimonial__text p {
margin: 0 30px;
}
.dn-testi .elementor-testimonial__text h4:after {
position: absolute;
top: 23px;
left: 48%;
background-image: url('/wp-content/uploads/2024/01/quote_icon.png');
background-repeat: no-repeat;
width: 100%;
height: 35px;
content: "";
}
.dn-testi .elementor-testimonial__name {
color: #fff;
font-size: 14px;
margin-bottom: 0;
font-weight: 400;
}
.dn-testi .elementor-testimonial__title {
color: #2f333d;
}
.elementor-testimonial__footer {
display: block !important;
text-align: center;
position: relative;
bottom: -22px;
}
.dn-home-testimonial,
.dn-agents-sec,
.dn-agents-boxes-sec,
.dn-home-secure-sec {
position: relative;
}
.dn-home-testimonial:after {
content: '';
background-image: url('/wp-content/uploads/2024/01/testimonials_pattern-1.png');
mix-blend-mode: luminosity;
top: -5vh;
position: absolute;
right: 13%;
height: 120px;
width: 120px;
background-size: 100% 100%;
}
.dn-agents-sec:after {
content: "";
background-image: url('/wp-content/uploads/2023/12/grey_square_pattern.png');
top: -6%;
mix-blend-mode: luminosity;
right: 13%;
height: 100px;
width: 100px;
position: absolute;
top: -60px;
background-size: 100% 100%;
}
.dn-agents-boxes-sec:after {
position: absolute;
top: 0;
background-image: url('/wp-content/uploads/2024/01/map.png');
background-repeat: repeat;
width: 100%;
height: 100%;
left: 0;
background-size: contain;
background-position: top center;
content: '';
}
.dn-agent-card {
position: relative;
margin-left: 10px;
margin-right: 10px;
width: calc(25% - 20px);
border: none;
background: 0 0;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: calc(25% - 20px);
}
.dn-agent-card .face.face1 {
position: relative;
display: flex;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 2;
transform: translateY(100px);
}
.dn-agent-card .face {
width: 300px;
max-width: 300px;
transition: .5s;
}
.dn-agent-card .face.face2 {
position: relative;
background: #fff;
display: flex;
z-index: 1;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
box-shadow: 0 13px 41px #0000000F;
transform: translateY(-100px);
min-height: 20px;
transition: .5s;
opacity: 0;
}
.dn-agent-card .face.face1 .elementor-widget-image {
transition: .5s;
border: 5px solid #fff;
border-radius: 4px;
position: relative;
height: 150px;
overflow: hidden;
}
.dn-agent-card .face.face1 .elementor-widget-image img {
height: 100%;
}
.dn-agent-card .face.face1 .elementor-widget-image .widget-image-caption {
bottom: 0;
left: 20px;
position: absolute;
color: #fff;
font-style: normal;
font-size: 14px;
}
.dn-agent-card:hover .face.face1 {
transform: translateY(0);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dn-agent-card:hover .face.face2 {
transform: translateY(0);
border-top-left-radius: 0;
border-top-right-radius: 0;
opacity: 1;
}
.headquarter-contact-info .fa {
font-size: 18px;
margin-inline-end: 5px;
width: 20px;
display: inline-block;
color: #2f333d;
}
.headquarter-contact-info li,
.headquarter-contact-info li a {
font-weight: 300;
letter-spacing: 1.2px;
color: #00151a;
font-size: 12px;
line-height: 2.5;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.headquarter-contact-info li.address {
font-weight: 900;
letter-spacing: .8px;
margin-top: 1rem;
min-height: 90px;
}
.dn-home-secure-sec::before {
left: 85%;
mix-blend-mode: luminosity;
content: '';
background-image: url('/wp-content/uploads/2024/01/rectangle_pattern-1.png');
position: absolute;
height: 110px;
width: 60px;
top: 0;
background-size: 100% 100%;
}
body.page-id-13 .main-footer:before {
display: none;
position: unset;
}
.card-project {
box-shadow: 0 28px 17px #0000000D;
border: 1px solid #e5e5e5;
border-radius: 18px;
opacity: 1;
margin: auto 15px;
padding: 3rem 3rem 1.5rem;
font-size: 85%;
background: no-repeat padding-box #fff;
width: 100%;
max-width: 100%;
bottom: -35px;
}
.header-content-card {
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.tech-image, .tech-image-project {
width: 40px;
height: 40px;
display: inline-block;
padding: 5px;
}
.tech-image, .tech-image-project img {
object-fit: contain;
}
.country-industry {
list-style-type: none;
padding: 0 15px;
border-inline-start: 1px solid #00A7CC;
font-size: 90%;
line-height: 2;
}
.grey-span {
opacity: .5;
}
.grey-span, .main-challenges-content {
color: #2f333d;
text-transform: capitalize;
}
.brief-project {
margin: 1rem auto;
font-size: 13.6px;
color: #2f333d;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem!important;
}
.mt-2, .my-2 {
margin-top: 0.5rem!important;
}
.col-header-project .project-img img {
max-width: 700px !important;
width: 700px;
margin-bottom: -60px;
}
.talk-to-us-project:before {
background-image: url('/wp-content/uploads/2024/01/banner-blue-line-project.png');
height: 135px !important;
content: '';
position: absolute;
left: 0;
top: 0;
height: 80px;
width: 100%;
z-index: 1;
background-size: cover;
background-position: center center;
transform: translateY(0);
transition: 1s;
}
.talk-to-us-project:after {
background-image: url('/wp-content/uploads/2023/12/3circle_pattern-1.png');
z-index: -1;
content: '';
position: absolute;
right: 0;
min-height: 120px;
min-width: 120px;
top: 75%;
width: 8%;
background-repeat: no-repeat;
}
.banner-inner-pages > .e-con-inner {
margin-bottom: -55px;
}
.bg-main-challenges,
.bg-apptech-solution {
position: absolute;
left: 0;
height: 65%;
width: 100%;
background: no-repeat padding-box #f6f6f6;
opacity: 1;
transform: skewY(2deg);
min-height: 450px;
padding-bottom: 50px;
}
.main-challenges-content {
padding: 3rem 2.75rem 0;
width: 80%;
font-size: 100%;
letter-spacing: 0;
opacity: 1;
line-height: 2;
}
.bg-apptech-solution {
background: linear-gradient(105deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
transform: skewY(-2deg);
}
.app-tech-solution::before {
content: '';
background-image: url('/wp-content/uploads/2023/12/square_pattern.png');
position: absolute;
left: 15%;
height: 15%;
width: 8%;
top: 5%;
background-size: contain;
max-width: 150px;
background-repeat: no-repeat;
z-index: 1;
mix-blend-mode: multiply;
}
.proj-parallax.parallax::after {
background-color: #F6F6F6;
bottom: -4rem;
}
.proj-parallax.parallax::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 5rem;
background-size: 100% 100%;
transform: skewY(-2deg);
}
.project-gallery .swiper-slide {
min-width: auto;
max-width: 300px;
height: 300px;
}
.project-gallery .swiper-slide img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
min-height: 275px;
border: 1px solid #e9e9e9;
border-radius: 18px;
filter: contrast(90%);
transition: .5s;
}
.project-gallery .swiper-slide:hover img {
filter: contrast(110%);
border: 1px solid #c4c7c7;
border-radius: 30px
}
.project-gallery .swiper-pagination {
bottom: -30px !important;
width: 15%;
position: absolute;
left: 8%;
}
.project-gallery .elementor-swiper-button  {
position: absolute !important;
bottom: -38px;
top: unset !important;
border-radius: 50%;
background-color: #009ec2;
padding: 4px;
}
.project-gallery .elementor-swiper-button i {
font-size: 12px;
}
.project-gallery .elementor-swiper-button.elementor-swiper-button-prev {
left: 7% !important; 
}
.project-gallery .elementor-swiper-button.elementor-swiper-button-next {
right: 75% !important; 
}
.proj-parallax
{
position: relative;
}
.proj-parallax .parallax-holder::before {
content: '';
background-image: url(https://apptechsystems.com/wp-content/themes/apptech/theme/css/../images/static/rectangle_pattern.svg);
position: absolute;
height: 110px;
width: 80px;
top: -172px;
background-size: 100% 100%;
left: 100%;
mix-blend-mode: multiply;
z-index: 1;
}
.proj-parallax .parallax-pro::before {
background-image: url(https://apptech.com.tr/wp-content/themes/apptech/theme/images/static/grey_square_pattern.svg);
top: 0;
right: 90%;
z-index: 1;
}
.proj-parallax .parallax-pro::after, .proj-parallax .parallax-pro::before {
content: '';
background-image: url('/wp-content/uploads/2023/12/grey_square_pattern.png');
position: absolute;
height: 100px;
top: -164px;
left: -100px;
width: 100px;
background-size: 100% 100%;
}
.proj-parallax::before {
background-color: white;
top: -2rem;
}
.proj-parallax .parallax-pro::after {
bottom: -542px;
z-index: 9;
top: unset;
right: 0;
left: unset;
}
.proj-parallax::before, .parallax-pro::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 5rem;
background-size: 100% 100%;
transform: skewY(-2deg);
}
.page-numbers.current {
color: #009ec2;
border: 1px solid #ddd;
}
.page-numbers {
padding: 4px 10px;
margin: 0 2px;
border-radius: 5px;
color: #92929d;
min-width: 30px;
}
.page-numbers .fa-chevron-left:before, .page-numbers .fa-chevron-right:before {
vertical-align: middle;
font-size: 12px;
}
.page-numbers:hover {
text-decoration: none;
color: #2f333d;
}
.b-posts-pagination {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 30px;
}
.card-project .container-images {
justify-content: end;
align-items: baseline;
}
.card-logos2 {
justify-content: start !important;
}
.country-industry li {
color: #2f333d;
opacity: 1 !important;
}
.project-info ul li a {
flex-direction: row-reverse;
}
.spinner {
height: 100%;
background: #f2f2f2;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.main-nav, .spinner {
top: 0;
position: fixed;
left: 0;
width: 100%;
}
.home-main-nav-animate {
opacity: 1;
transform: translateY(0);
}
.main-nav {
padding-top: 1em;
-webkit-justify-content: space-between;
justify-content: space-between;
opacity: 0;
transform: translateY(50px);
transition: 1.5s .5s;
z-index: 1000;
right: 0;
}
.main-nav, .spinner {
top: 0;
position: fixed;
left: 0;
width: 100%;
}
.menu-container.opened {
transform: translateX(0);
transition-delay: 0s;
}
.menu-container {
position: fixed;
right: 0;
left: 0;
display: block;
top: 0;
width: 100vw;
height: 100vh;
z-index: 2;
transform: translate(100vw,0);
transition: .3s .3s;
background: linear-gradient(118deg,rgb(51 218 255 / 40%) 0,rgb(0 158 194 / 40%) 100%) no-repeat padding-box;
opacity: 1;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
#navbarSupportedContent {
background: no-repeat padding-box #fff;
box-shadow: 0 3px 11px #00000012;
border-radius: 10px 0 0;
opacity: 1;
color: #000;
width: 20%;
height: calc(100% - 75px);
position: absolute;
right: 0;
bottom: 0;
min-width: 300px;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
display: flex;
top: 75px;
}
.close-menu {
position: absolute;
z-index: 1;
cursor: pointer;
right: 0;
top: 2em;
padding: 0 2em;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
}
#navbarSupportedContent ul {
display: block;
position: relative;
width: 100%;
}
.menu-container.opened #menu-main-menu > li {
padding-right: 2em;
opacity: 1;
cursor: pointer;
display: block;
}
.menu-container ul li {
transition: .5s;
}
.navbar-collapse ul li {
text-align: right;
padding: 0.5em 0;
opacity: 0;
transition: 1s;
display: none;
}
.navbar-collapse ul li ul li {
padding: 0.12em 0;
}
.navbar-nav {
padding-left: 0;
}
.navbar-expand-xl .navbar-nav a {
pointer-events: none;
}
.navbar-expand-xl .navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav a {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sub-menu-container {
background: linear-gradient(270deg,#fff 0,#e8e8e8 100%) no-repeat padding-box;
border-radius: 10px 0 0 10px;
position: absolute;
right: 99%;
width: 320px;
min-height: 86vh;
top: -32%;
transition: .5s;
z-index: -1;
transform: translateX(100%);
opacity: 0;
}
.dropdown-menu-item::after,
.navbar-nav li.menu-item-has-children > a::after {
position: relative;
content: "\f053";
font: 14px/42px FontAwesome;
left: -88%;
top: 0;
}
#navbarSupportedContent ul {
display: block;
top: 7em;
position: relative;
width: 100%;
}
.sub-menu-container ul {
list-style: none;
padding-inline-start: 0;
top: 15px!important;
}
.sub-menu-container ul li:first-child {
direction: rtl;
}
.sub-menu-container ul li a,
.menu-item-has-children ul li a {
letter-spacing: .65px;
font-size: 75%;
width: 100%;
position: relative;
display: inline-block;
}
.has-dropdown-submenu.show .sub-menu-container,
.menu-item-has-children.show .sub-menu-container {
transform: translateX(0);
opacity: 1;
cursor: auto;
}
.sub-menu-container ul li:first-child {
direction: rtl;
}
.sub-menu-container ul li:first-child span {
display: none;
}
.sub-menu-container ul li {
text-align: center;
opacity: 1;
cursor: pointer;
display: block;
}
.sub-menu-container ul {
top: 15px !important;
}
.sub-menu-container ul li a:hover {
color: #00151ad6;
}
.sub-menu-container ul li a {
letter-spacing: .65px;
font-size: 75%;
width: 100%;
position: relative;
display: inline-block;
}
#menu-main-menu > .menu-item:hover {
background: no-repeat padding-box #e5faff;
}
#navbarSupportedContent .menu-head-nav-container {
width: 100%;
}
.navbar-collapse ul li a {
color: #00151a;
font-weight: 600;
font-size: 16px;
}
.sub-menu-container ul li a {
font-size: 12px;
}
.menu-image {
width: 264px !important;
height: 185px !important;
top: 0;
}
.side-menu-end-content small {
font-size: 9px;
margin-top: 1rem;
display: inline-block;
}
.side-menu-end-content {
padding: 1em 2em;
text-align: center;
}
.side-menu-end-content .btn-txt-main-color {
padding: 0 1.5rem;
height: 40px;
line-height: 40px;
font-weight: 500;
}
.btn-txt-main-color {
color: #009ec2;
border: 1px solid #009ec2;
}
.case-study-cards {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.case-study-item {
display: flex;
width: 25%;
margin: 30px 0;
min-width: 250px;
flex-direction: column;
}
.case-study-card {
border-radius: 0;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
overflow: hidden;
color: #00151a;
}
.case-study-item:nth-child(4n+1) .card__image {
border-radius: 18px 0 0 18px
}
.case-study-item:nth-child(4n+4) .card__image {
border-radius: 0 18px 18px 0
}
.card__image {
overflow: hidden;
position: relative;
height: 325px;
box-shadow: 0 10px 23px #6464641f;
transition: .5s;
}
.card__image img {
transform: scale(1);
filter: contrast(100%);
transition: .5s;
object-fit: cover;
height: 100%;
width: 100%;
}
.overlay-brief {
opacity: 0;
background: no-repeat padding-box #f5fdffc4;
border-radius: 18px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2f333d;
font-size: 95%;
position: absolute;
z-index: 1;
top: 100%;
height: calc(100% - 30px);
width: calc(100% - 30px);
margin: 15px;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 20px 30px 40px;
transition: 1s;
}
.overlay-brif-p {
max-height: 95%;
overflow: hidden;
}
.card__content {
display: flex;
flex: 1 1 auto;
-webkit-flex-direction: column;
flex-direction: column;
padding: 1rem;
margin-top: -60px;
position: relative;
z-index: 5;
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.project-logo {
box-shadow: -4px 3px 11px #00000014;
border: 1px solid #009ec2;
border-radius: 18px;
max-width: 100px;
height: 100px;
display: flex;
-webkit-align-items: center;
align-items: center;
justify-content: center;
overflow: hidden;
}
.card-project, .project-logo {
background: no-repeat padding-box #fff;
}
.case-study-item .project-info {
width: calc(100% - 115px);
display: flex;
-webkit-justify-content: space-evenly;
justify-content: space-evenly;
-webkit-align-items: center;
align-items: center;
margin: 10px 0 0 10px;
min-height: 40px;
right: -5px;
}
.project-info a {
font-weight: 600;
margin: 0;
color: #00151a;
width: 70%;
}
.item-tag, .project-info a {
letter-spacing: .65px;
font-size: 12.48px;
}
.project-info span {
background: #0094d9;
width: 25px;
height: 25px;
color: #fff;
text-align: center;
border-radius: 50%;
font-size: 12px;
padding: 5px 10px;
cursor: pointer;
}
.item-tag {
border: 1px solid #d6d6d6;
border-radius: 24px;
opacity: 1;
color: #009ec2 !important;
padding: 7px 15px;
margin: 5px;
transition: .3s;
}
.card__image:hover img {
filter: contrast(90%);
transform: scale(1.1);
width: 110%
}
.item-tag:hover {
color: #fff !important;
background: linear-gradient(102deg,#33daff 0,#009ec2 100%) no-repeat padding-box;
box-shadow: 0 3px 12px #00000029;
text-decoration: none
}
.padding-section {
padding-top: 4rem;
padding-bottom: 3rem;
}
.case-studies-container {
position: relative;
}
.project-tags {
flex-wrap: wrap;
}
.ajax-loader {
min-height: 400px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.no-cases {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.ajax-loader img {
margin: auto;
width: 50px;
}
.filters-form {
margin: 3rem auto 2rem;
}
.filter-type {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
gap: 0px;
margin-bottom: 10px;
}
.filter-label {
letter-spacing: 0;
color: #009ec2;
opacity: 1;
font-weight: 700;
font-size: 167%;
margin-inline-end: 3rem;
}
.content-principle p, .filter-label {
text-transform: capitalize;
}
.filter-type .btn-light {
background: 0 0;
opacity: 1;
margin: 0 10px;
font-size: 75%;
border-radius: 24px;
}
.filter-type .btn-light:not(:disabled):not(.disabled).active, .filter-type .btn-light:not(:disabled):not(.disabled):active, .filter-type .show>.btn-light.dropdown-toggle {
background: no-repeat padding-box #e5faff;
border: 1px solid #009ec2;
}
.filters-form .btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.filters-form .btn-group-toggle>.btn input[type=checkbox]  {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none;
}
.filters-form .btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.filters-form .btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.filters-form .filter-type .btn-light {
background: 0 0;
opacity: 1;
margin: 0 10px;
font-size: 75%;
border-radius: 24px;
}
.filters-form .btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.dn-dsply-none {
display: none;
}
.btn-white-o-thin a{
border: 1px solid #fff;
color: #fff;
margin-inline-start: 3rem;
font-weight: 300 !important;
padding: 0.75rem 2rem !important;
transition: .3s;
letter-spacing: 1.87px;
font-family:Brinnan !important;
font-size:16px;
margin-top:10px
}
.home-only {
display:none !important
}
.home .home-only.dn-none {
display:block !important
}
.home .dn-none {
display:none !important
}
.direct-consultation-card.dn-tech-footer img {
min-width: auto !important;
width: auto !important;
}
.direct-consultation-card img {
width:160px !important;
min-width:160px !important
}
.inner-pages-loaded .aboutt-sec::before, .inner-pages-loaded .blogs-news-container-text::before, .inner-pages-loaded .case-studies-container::before, .inner-pages-loaded .contact-form-container::before, .inner-pages-loaded .talk-to-us-project::before, .inner-pages-loaded .talk-to-us::before, .sclae-animation .about-img1, .sclae-animation .about-img2 {
transform: translateY(0);
}
.aboutt-sec {
overflow:hidden
}
.dn-news.dn-pos .elementor-post__thumbnail__link {
height:325px
}
.dn-news.dn-pos .elementor-post__text {
height:150px;
overflow:hidden
}
.dsply-nn {
display:none !important
}
.dn-conct-tabs .text-info-office {
display: inline-block;
width: 32%;
vertical-align: middle;
margin-right: 3%;
}
.dn-conct-tabs .mapy {
display: inline-block;
width: 62%;
margin-left:0%;
vertical-align:middle
}
.dn-conct-tabs .mapy iframe {
width:580px;
height:460px;
border-radius:20px;
max-width:unset;
position:absolute;
bottom:-15px
}
.dn-conct-tabs .elementor-tabs .elementor-tab-title {
padding-bottom:0;
padding-top:10px
}
.mob-img {
display:none !important
}
.case-studies-container .dn-case-study-filters .filter-type:first-child:before {
content:"Industries";
display:block;
letter-spacing: 0;
color: #009ec2;
opacity: 1;
font-weight: 700;
font-size: 24px;
margin-inline-end: 1rem;
}
.case-studies-container .dn-case-study-filters .filter-type:last-child:before {
content:"Technologies";
display:block;
letter-spacing: 0;
color: #009ec2;
opacity: 1;
font-weight: 700;
font-size: 24px;
margin-inline-end: 1rem;
}
.dn-agent-card .locations-btn {
opacity: 0 !important;
transition: .2s;
box-shadow: 0 13px 41px #0000000F !important;
}
.dn-agent-card:hover .locations-btn {
opacity: 1 !important;
}
.dn-agent-card .locations-btn:hover a {
background: linear-gradient(304deg,#fff -10%,#009ec2 20%) no-repeat padding-box;
}
.dn-agent-card .locations-btn a span {
transition: .2s;
}
.dn-agent-card:hover .locations-btn:hover a span {
transform: rotate(360deg);
color: #fff;
}
.inner-content h2 {
font-size:24px;
color:rgb(47, 51, 61)
}
.inner-content p {
font-size:16px;
color:rgb(47, 51, 61)
}
.card > .e-con-inner div.elementor-element:nth-child(3) > .e-con-inner {
flex-wrap: wrap;
}
.technologies-list .card .elementor-widget-image {
width: 40px !important;
height: 40px !important;
}
.home .direct-consultation-card img {
width: 250px !important;
min-width: 250px !important;
}
.menu-image-title-above.menu-image-not-hovered > img {
min-width:400px;
height:auto !important
}
.sub-menu-container ul li:first-child, #navbarSupportedContent ul.sub-menu{
overflow:visible;
}
#navbarSupportedContent ul.sub-menu {
padding-right:25px
}
#menu-main-menu .menu-logo {
height:1px;
padding:0;
}
#menu-main-menu .menu-logo a {
color:#fff
}
#menu-main-menu .menu-logo:before {
content:"";
background:url(/wp-content/uploads/2024/02/logo-menu.svg);
width:150px;
height:30px;
background-size:cover;
position:absolute;
top:-77px;
left:25px
}
.secure-img {
position: relative;
margin-top: -12%;
margin-bottom: -8% !important;
}
.dn-desktop-logos {
width:100% !important;
padding-left:5% !important;
padding-right:5% !important;
min-width:100%
}
.dn-desktop-logos img {
max-width:100% !important
}
.blgs-lft .news-container-grid .news-item:first-child{
display: flex;
flex-direction: column;
}
.blgs-lft .news-container-grid .news-item:first-child .img-scale-container {
order:2
}
.blgs-lft .news-container-grid .news-item:first-child .news-txt {
order:1
}
.cards-service-container.mini-cards-service img {
width:70px
}
.cards-service-container.mini-cards-service h6 {
margin-top:1rem
}
.cards-service-container.mini-cards-service .card {
display:block
}
body:not(.home) .dn-tabs-sec h2 {
font-size:27px;
margin-top:-20px
}
body:not(.home) .dn-tabs-sec-bg .bg-client-section .elementor-widget-image {
width: 64%;
}
body:not(.home) .dn-tabs-sec-bg {
min-height:700px
}
.direct-consultation-card.dn-tech-footer .wpcf7-form .wpcf7-form-control.wpcf7-textarea {
height: 6rem;
}
.direct-consultation-card.dn-tech-footer .wpcf7-form p {
margin-bottom:0 !important
}
body:not(.home) .dn-tabs .elementor-tabs-content-wrapper {
margin-top:25px;
min-height: 400px
}
body:not(.home) .direct-consultation-card.dn-tech-footer:before, body.page-id-156 .direct-consultation-card:before {
display:none
}
body:not(.home) .direct-consultation-card:before {
content:"";
background:url(/wp-content/uploads/2024/02/bfr-ftr.svg);
position: absolute;
right: 0;
height: 50px;
width: 90px;
top: -45px;
background-size: cover;
max-width: 150px;
background-repeat: no-repeat
}
.slide-lft .owl-carousel .owl-stage-outer{
margin-left:3%;
overflow:hidden
}
.direct-consultation-card.dn-tech-footer .elementor-image-box-wrapper{
align-items:center !important
}
.direct-consultation-card.dn-tech-footer .elementor-image-box-wrapper .elementor-image-box-title {
margin:0 !important
}
.direct-consultation-card.dn-tech-footer .elementor-image-box-wrapper .elementor-image-box-img {
margin-right:0 !important
}
.direct-consultation-card .consultation-brief .elementor-widget-container {
font-size:14.4px
}
.direct-consultation-card .lrg-250 img {
width: 250px !important;
min-width: 160px !important;
}
.mrg-r-10 {
margin-right:10px
}
.main-callenges.padding-section {
padding-top:15px !important
}
.home-technology-section::after {
background:url(/wp-content/uploads/2024/02/home-teck.svg) !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
top: 70px !important;
height: 60px !important;
}
.page-id-168 .tools-slides.awrds-slide .owl-carousel.sa_owl_theme .owl-dots, .page-id-168 .tools-slides.awrds-slide .owl-nav {
margin-left:3%
}
.why-agile-item strong {
margin-bottom: -34px;
display: block;
color: #fff;
text-align: center;
z-index: 999;
position: relative
}
.services-tabs-container {
position:relative
}
.services-tabs-container:before {
content:"";
background:url(/wp-content/uploads/2024/02/square_pattern.svg);
position: absolute;
left: 76% !important;
height: 90px;
width: 90px;
top: -50px;
background-size: cover;
max-width: 150px;
background-repeat: no-repeat
}
.dn-tabs .elementor-tab-content p {
display:flex
}
/* responsive */