@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Thin.woff2) format('woff2');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-ExtraLight.woff2) format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-ExtraBold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/fonts/Montserrat-Black.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}
.faq-outer .faq-heading,
.icon-bar,
.service-box-row .service-box,
.service-box-row-without-cursor .service-box.border-bottom,
.slick-list.dragging,
h4.resp-accordion {
cursor: pointer
}
#loader:after,
#loader:before,
.shine:before {
position: absolute;
content: ""
}
*,
.slick-slider,
:after,
:before {
-webkit-tap-highlight-color: #fff0
}
.faq-outer .faq-heading a:hover,
a,
a:hover,
body.page-template-tp-contact a,
ins {
text-decoration: none
}
.mobile-nav li,
body,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #1b262c
}
.btn,
.button,
.checkmark:before,
.flg_img .tooltip,
.hitarea,
.lead-row-section .connect-email,
.mailer,
.page-template-tp-Hiredeveloper .book-call-sec .right-call,
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(5),
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info,
.slick-arrow,
.slick-dots,
body.page-template-tp-contact .connect-with-sec p,
body.page-template-tp-contact .testimonial-carousel .item.authors-reviews {
text-align: center
}
.mobile-nav ul li a,
.nav-main nav>ul>li a {
font-family: Montserrat, Arial;
text-transform: none
}
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1c72d9;
overflow: hidden;
z-index: 9999
}
#loader,
.counter-section,
.hire-programmer-sec .form-wrap .form-style .form-button,
.hire-withform-sec .form-wrap .form-style>p,
.lead-row-section .quick-form-box .btnwrap,
.menu-cta-inner .mega-menu-item .textwidget,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-1699,
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(5),
.relative,
.selectbox,
.slick-dots li button,
.slick-list,
.slick-slider,
.slick-track,
.table-striped td,
.table-striped th,
.tts-wrp form p:nth-child(6),
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .input-icon-wrapper,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-next,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-prev,
h4.resp-accordion,
section {
position: relative
}
#loader {
display: block;
left: 50%;
top: 50%;
width: 80px;
height: 80px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid #fff0;
border-top-color: #fff;
-webkit-animation: 2s linear infinite spin;
animation: 2s linear infinite spin
}
#loader:before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid #fff0;
border-top-color: #fff;
-webkit-animation: 3s linear infinite spin;
animation: 3s linear infinite spin
}
#loader:after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid #fff0;
border-top-color: #fff;
-webkit-animation: 1.5s linear infinite spin;
animation: 1.5s linear infinite spin
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes shine {
100% {
left: 125%
}
}
@keyframes shine {
100% {
left: 125%
}
}
.card-work,
.emply-sidebar,
.mission-section,
.shine,
.team-section,
.testimonial-section {
position: relative;
overflow: hidden
}
.shine:before {
display: block;
top: 0;
left: -80%;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, #fff0 0, rgb(255 255 255 / .3) 100%);
background: linear-gradient(to right, #fff0 0, rgb(255 255 255 / .3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
opacity: .3;
z-index: 1
}
.btn:focus:before,
.btn:hover:before,
.button:focus:before,
.button:hover:before,
.shine:hover:before {
-webkit-animation: 1s shine;
animation: 1s shine
}
::-moz-selection {
background: #1c72d9;
color: #fff;
text-shadow: none
}
::selection {
background: #1c72d9;
color: #fff;
text-shadow: none
}
.slick-arrow,
.slick-dots li button {
font-size: 0;
padding: 0;
background: 0 0;
cursor: pointer
}
.animated {
animation-duration: .5s;
animation-fill-mode: both
}
.animated.infinite {
animation-iteration-count: infinite
}
.animated.hinge {
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
animation-duration: .75s
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%,
43% {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0)
}
70% {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
animation-name: flash
}
@keyframes pulse {
0%,
to {
transform: scaleX(1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
}
.pulse {
animation-name: pulse
}
@keyframes rubberBand {
0%,
to {
transform: scaleX(1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
}
.rubberBand {
animation-name: rubberBand
}
@keyframes shake {
0%,
to {
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0)
}
}
.shake {
animation-name: shake
}
@keyframes headShake {
0%,
50% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
transform: translateX(5px) rotateY(7deg)
}
31.5% {
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
transform: translateX(2px) rotateY(3deg)
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake
}
@keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
to {
transform: rotate(0)
}
}
.swing {
transform-origin: top center;
animation-name: swing
}
@keyframes tada {
0%,
to {
transform: scaleX(1)
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
}
.tada {
animation-name: tada
}
@keyframes wobble {
0%,
to {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
}
.wobble {
animation-name: wobble
}
@keyframes jello {
0%,
11.1%,
to {
transform: none
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
animation-name: jello;
transform-origin: center
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
.bounceIn {
animation-name: bounceIn
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
transform: none
}
}
.bounceInDown {
animation-name: bounceInDown
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
transform: none
}
}
.bounceInLeft {
animation-name: bounceInLeft
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
transform: none
}
}
.bounceInRight {
animation-name: bounceInRight
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
transform: translateZ(0)
}
}
.bounceInUp {
animation-name: bounceInUp
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
animation-name: bounceOut
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
animation-name: bounceOutRight
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
animation-name: bounceOutUp
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
animation-name: fadeIn
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -10%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDown {
animation-name: fadeInDown
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInDownBig {
animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-10%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInLeft {
animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(10%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRight {
animation-name: fadeInRight
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRightBig {
animation-name: fadeInRightBig
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 10%, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUp {
animation-name: fadeInUp
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInUpBig {
animation-name: fadeInUpBig
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
animation-name: fadeOut
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 10%, 0)
}
}
.fadeOutDown {
animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-10%, 0, 0)
}
}
.fadeOutLeft {
animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(10%, 0, 0)
}
}
.fadeOutRight {
animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -10%, 0)
}
}
.fadeOutUp {
animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(-1turn);
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in
}
to {
transform: perspective(400px);
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip
}
.flipInX,
.flipInY,
.flipOutX {
-webkit-backface-visibility: visible !important
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateX(-5deg)
}
to {
transform: perspective(400px)
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX
}
.flipInY,
.flipOutX {
backface-visibility: visible !important
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg)
}
to {
transform: perspective(400px)
}
}
.flipInY {
animation-name: flipInY
}
@keyframes flipOutX {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
animation-name: flipOutX
}
@keyframes flipOutY {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(10%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg);
opacity: 1
}
to {
transform: none;
opacity: 1
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
transform: translate3d(10%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
.rotateIn {
animation-name: rotateIn
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
animation-name: rotateInUpRight
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out
}
40%,
80% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
animation-name: hinge
}
@keyframes jackInTheBox {
0% {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
transform: rotate(-10deg)
}
70% {
transform: rotate(3deg)
}
to {
opacity: 1;
transform: scale(1)
}
}
.jackInTheBox {
animation-name: jackInTheBox
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-10%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
transform: none
}
}
.rollIn {
animation-name: rollIn
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(10%, 0, 0) rotate(120deg)
}
}
.rollOut {
animation-name: rollOut
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
animation-name: zoomIn
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
animation-name: zoomInDown
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
animation-name: zoomInLeft
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
animation-name: zoomInRight
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
animation-name: zoomInUp
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
animation-name: zoomOut
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
.zoomOutLeft {
animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
.zoomOutRight {
animation-name: zoomOutRight
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
animation-name: zoomOutUp
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -10%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInDown {
animation-name: slideInDown
}
@keyframes slideInLeft {
0% {
transform: translate3d(-10%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInLeft {
animation-name: slideInLeft
}
@keyframes slideInRight {
0% {
transform: translate3d(10%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInRight {
animation-name: slideInRight
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 10%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInUp {
animation-name: slideInUp
}
@keyframes slideOutDown {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, 10%, 0)
}
}
.slideOutDown {
animation-name: slideOutDown
}
@keyframes slideOutLeft {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(-10%, 0, 0)
}
}
.slideOutLeft {
animation-name: slideOutLeft
}
@keyframes slideOutRight {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(10%, 0, 0)
}
}
.slideOutRight {
animation-name: slideOutRight
}
@keyframes slideOutUp {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, -10%, 0)
}
}
.slideOutUp {
animation-name: slideOutUp
}
.slick-slider {
display: block;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y
}
.slick-list {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
min-width: 100%
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
top: 0;
left: 0;
display: block;
min-width: 100%;
display: flex;
display: -webkit-flex
}
.slick-track:after,
.slick-track:before {
display: table;
content: ""
}
.chosen-results,
.slick-track:after {
clear: both
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
min-height: 1px;
flex-grow: 1;
flex: inherit
}
.slick-initialized .slick-slide {
display: block;
list-style: none
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid #fff0
}
.slick-arrow {
display: block;
position: absolute;
top: 50%;
margin-top: -24px;
z-index: 2;
width: 48px;
height: 48px;
border: 0;
color: #fff;
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.logo-box,
.logo-box img,
.mobile-menu-block,
.selectbox:after,
.slick-dots li button,
.trans,
a,
body {
-moz-transition: .4s;
-webkit-transition: .4s
}
.slick-arrow.slick-prev {
left: 10px;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/slide-arrow_l.svg) center no-repeat
}
.slick-arrow.slick-next {
right: 10px;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/slide-arrow_r.svg) center no-repeat
}
.slick-arrow.slick-prev:hover {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/slide-arrow_lh.svg) center no-repeat
}
.slick-arrow.slick-next:hover {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/slide-arrow_rh.svg) center no-repeat
}
.slick-dots {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
bottom: 0
}
.card-address,
.j-center,
.menuicon,
.opening-section .inner-content-opening-job {
flex-direction: column
}
.slick-dots li {
margin: 0 6px;
padding: 0;
list-style: none;
display: inline-block;
vertical-align: top
}
.slick-dots li button {
display: block;
width: 14px;
height: 14px;
border: 2px solid #1c72d9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: .4s
}
.slick-dots li button:before {
display: block;
content: "";
background: #1c72d9;
width: 6px;
height: 6px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0
}
.checkbox input:checked~.checkmark:before,
.flg_img .tooltip,
.radiobox input:checked~.checkmark:after,
.s-icon:hover,
.slick-dots li.slick-active button:before,
.tab-style li.active:before,
.tab-style li.resp-tab-active:before {
opacity: 1
}
h4.resp-accordion {
display: none;
text-align: left;
background: #fff !important;
padding: 10px 40px 10px 15px;
margin: 0 0 10px
}
#insight-owl-carousel .owl-dots,
.form-inner .input-filed .wpcf7-form-control-wrap.recaptcha>br,
.hide,
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row.menu-cta,
.mobile-nav #mega-menu-wrap-primary .mega-menu-toggle,
.modal-subs .modal-header button.close span,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator,
.nav-main .sub-menu li:before,
.page-current-openings .footer-bottom p a,
.page-template-thank-you footer,
.radiobox .checkmark:before,
.resp-tab-content,
.review-slider.owl-carousel .owl-nav button span,
.single-post .get_started.full-width.text-center.inr_ct .wpcf7 .ajax-loader,
.single-post .internal-banner .row .col-lg-5.col-md-6,
.single-works .footer,
.single-works .header,
.single-works .mobi-iconbox,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form br,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt p:empty,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-next span,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-prev span,
body.page-template-tp-contact footer,
body.page-template-tp-contact header .header .toggle-btn,
h4.resp-accordion .resp-arrow {
display: none
}
h4.resp-accordion:after {
display: block;
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 0;
top: 50%;
width: 40px;
line-height: normal;
transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%)
}
h4.resp-accordion.resp-tab-active:after {
content: "\f106"
}
.resp-tab-content:after {
clear: both;
content: "";
display: block
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu,
.Phone .intl-tel-input,
.card-work .imgbox,
.f-imgbox img,
.footer-bottom p a,
.init .intl-tel-input,
.mobile-menu-open .menu-open-overlay,
.nav-main .mega-sub-menu ul.menu,
.nav-main .sub-menu li:hover .sub-menu,
.newpage-industry .owl-stage-outer .owl-stage,
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
.page-id-37 .mobi-iconbox,
.queote-icon img,
.resp-accordion-active,
.resp-content-active,
.show .form-toggle,
article,
aside,
body.page-template-tp-contact header .header .logo a,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
.menu-open-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background: #000;
display: none;
z-index: 12;
opacity: .5
}
.mobile-menu-block {
background: #fff;
bottom: 0;
color: #16181c;
position: fixed;
top: 0;
left: -400px;
width: 340px;
z-index: -4;
font-size: 16px;
transition: .4s
}
.mobile-menu-open .mobile-menu-block {
left: 0;
z-index: 20
}
.mobi-logo {
padding: 0 20px;
background: #1c72d9;
height: 70px
}
.mobi-logo img {
max-width: 140px
}
.mobile-menu-inner {
padding: 20px;
height: calc(100% - 140px);
overflow-y: auto;
position: relative;
z-index: 3
}
.mobile-nav ul,
.ofed-testimonials-box ul {
margin: 0;
padding: 0;
list-style: none
}
.mobile-nav li {
margin: 0;
padding: 12px 0;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-transform: none;
position: relative
}
.card-info h4,
.card-step h5,
.combination-slider .owl-carousel .bg-white h3,
.comp-seo h2,
.insight-slider-navigation .nav-block .nav-item.active .nav-link .slide-number,
.insight-slider-navigation .nav-block .nav-item.active .nav-link .text,
.mobile-nav .collapsable-hitarea+a,
.mobile-nav li li.current-menu-item a,
.mobile-nav>ul>li.current-menu-ancestor>a,
.mobile-nav>ul>li.current-menu-item>a,
.mobile-nav>ul>li.current-page-ancestor>a,
.page-template-content-page-template h1,
.page-template-content-page-template h2,
.page-template-content-page-template h3,
.page-template-content-page-template h4,
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #1c72d9
}
.mobile-nav ul li a {
display: block;
color: #1b262c;
font-weight: 500;
font-size: 16px;
line-height: 18px;
letter-spacing: 0;
padding: 0 40px 0 0
}
.mobile-nav li li {
border: none;
padding: 5px 0
}
.mobile-nav li li a {
font-size: 15px;
text-transform: none;
font-weight: 400;
padding: 0
}
.comp-seo ul,
.mobile-nav li li li a,
.modal-subs .form-inner .btnbox {
padding-left: 0
}
.mobile-nav ul.sub-menu {
margin: 0;
padding: 10px 10px 0
}
.hitarea {
display: block;
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: 0
}
.hitarea:before {
display: block;
content: "\f107";
font-family: FontAwesome;
font-size: 18px;
font-weight: 400;
width: 15px;
height: 15px;
position: absolute;
left: 0;
right: 0;
top: 10px;
z-index: 3;
margin: 0 auto;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.collapsable-hitarea.hitarea:before {
transform: rotate(-180deg)
}
.mobi-bottom-inner {
padding: 10px 20px;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
#estimatePopup .popup-flip,
#estimatePopup .row>span,
.call-to-action .input-group.subscription-form input,
.form-style .fields .input-field,
.insight-slider-navigation .nav-block .nav-item:nth-child(3).active~.active-line,
.mobi-bottom-inner .btn,
.phone-input-box,
.thk_sec .chosen-container,
.thk_sec .ui-datepicker,
.width100 {
width: 100%
}
.mobile-nav #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
display: block !important
}
.mobile-nav .menu_w_1150,
.mobile-nav .menu_w_890 {
min-width: 100% !important;
max-width: 100% !important
}
.mobile-nav .nav-iconbox .widget_custom_html .custom-html-widget,
.thk_sec .errmsg {
left: 0
}
.cta-inner .textbox,
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.nav-iconbox>ul.mega-sub-menu>li.mega-menu-item {
padding-left: 40px
}
.add-link+.add-link,
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.nav-iconbox+.nav-iconbox,
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column.simple-iconbox+.simple-iconbox,
.opening-section .apply-btn,
.review-slider .review-slide .slide-right-cnt,
.thk_sec .send-btn,
.work-main+.work-main,
.work-sidebar-list li+li {
margin-top: 20px
}
.mobile-nav .simple-menu .widget_text+.mega-menu-item {
margin-top: 10px !important
}
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-menu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
font-size: 15px;
line-height: 20px;
margin: 0 0 10px
}
.f-links ul li+li,
.form-inner .input-filed.textarea .label,
.mobile-nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.simple-menu+.simple-menu,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout>ul.mega-sub-menu li+li,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-1699>ul.mega-sub-menu li+li {
margin-top: 10px
}
.mobile-nav .simple-iconbox .mega-menu-item+.widget_media_image,
.nav-iconbox .mega-menu-item+.widget_custom_html,
.page-template-tp-Hiredeveloper .modal-subs .modal-lg {
margin-top: 20px !important
}
.mobile-nav .nav-bdr-mobi>.mega-sub-menu {
border: 1px solid #eee !important;
padding: 30px 20px !important
}
.mobi-iconbox {
display: none;
width: 28px;
height: 28px;
position: absolute;
right: 20px;
z-index: 40;
transition: .4s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.icon-bar .line,
.icon-bar:after,
.icon-bar:before {
-moz-transition: .4s;
-webkit-transition: .4s;
background: #fff;
display: block;
position: absolute;
height: 1px
}
.icon-bar .line,
.selectbox:after,
.trans,
a,
body {
transition: .4s
}
.menuicon {
display: block;
width: 100%;
height: 100%;
align-items: center;
justify-content: center
}
.icon-bar {
display: flex;
display: -webkit-flex;
align-items: center;
min-width: 100%;
height: 18px;
position: relative
}
.entry-content ol,
.entry-content ul {
display: inline-block;
margin: 0 0 15px
}
.icon-bar:after,
.icon-bar:before {
content: "";
width: 100%;
left: 0;
top: 0;
transition: .4s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.icon-bar:after {
top: auto;
bottom: 0
}
.icon-bar .line {
width: 60%;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.icon-bar.active .line {
width: 1px;
opacity: 0
}
.icon-bar.active:before {
transform: rotate(45deg);
top: 8px;
background: #fff
}
.icon-bar.active:after {
transform: rotate(-45deg);
bottom: 8px;
background: #fff
}
.mobile-menu-open .mobilemenuicon .menuicon {
margin-left: auto
}
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
source,
strike,
sub,
sup,
table,
tbody,
tdvideo,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
background: #fff0;
border: 0;
margin: 0;
padding: 0;
line-height: 16px;
vertical-align: baseline;
outline: 0;
font-size: 100%;
font-family: inherit;
font-weight: 400;
font-style: normal
}
body,
ol li,
ul li {
font-size: 16px;
padding: 0;
font-weight: 400
}
.h1,
.h2,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
font-family: Montserrat, sans-serif, Arial
}
.as_blog_wrap .as_blog_ul li .blg_con p,
.blg_con a.blog_cell,
.thk_sec,
.thk_sec input,
.thk_sec select,
.ui-timepicker-list li {
font-family: 'Open Sans', sans-serif
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
border: 0;
border-top: 1px solid #ccc;
padding: 0
}
input,
select {
vertical-align: middle
}
.blogdetail_page.single_post ol li,
.blogdetail_page.single_post ul li,
.blogdetail_page.single_post ul li li,
body.page-template-tp-contact li,
li,
ol,
ul {
list-style: none
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
body {
margin: 0;
background: #f4f4f4;
line-height: 24px
}
.our-tech-sec .owl-dots button.owl-dot:focus,
.owl-carousel.owl-nav-top-right .owl-nav>button:focus,
:focus,
button:focus {
outline: 0
}
.banner-arrow:hover .text,
.card-cost:hover h5,
.f-address p a:hover,
.f-links ul li a:hover,
.f-links ul li.current-menu-item a,
.header .nav-main nav div ul.menu li a:hover,
.header .nav-main nav>div>ul.menu li ul.sub-menu a:hover,
.nav-main .sub-menu li a:focus,
.nav-main .sub-menu li a:hover,
.nav-main .sub-menu li.current-menu-item a,
.nav-main nav>ul>li.current-menu-ancestor>a,
.nav-main nav>ul>li.current-menu-item>a,
a:hover,
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link.btn-primary,
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link.white-btn {
color: #ffd740
}
::-webkit-input-placeholder {
color: #000;
opacity: .3;
font-weight: 400
}
:-moz-placeholder {
color: #000;
opacity: .3;
font-weight: 400
}
::-moz-placeholder {
color: #000;
opacity: .3;
font-weight: 400
}
:-ms-input-placeholder {
color: #000;
opacity: .3;
font-weight: 400
}
.s-icon,
hr {
opacity: .5
}
img {
max-width: 100%;
height: auto;
border: none;
outline: 0
}
.entry-content ul li:before,
.radiobox .checkmark {
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.as_blog_wrap .rightpart .get_started input,
.banner-main .section-title-and-desc p b i,
.f-address p:first-child,
b,
strong {
font-weight: 700
}
ol,
ul {
margin: 0 0 24px;
padding: 0
}
.call-to-action span.input-group-btn,
ol ol,
ol ul,
ul ol,
ul ul {
margin-top: 15px
}
ol li,
ul li {
margin: 0;
line-height: 28px;
color: #000;
letter-spacing: .4px
}
#popup2 .modal-body,
.cta2-inner .btnbox,
.detail-modal .modal-body,
.entry-content ul,
.form-style .fields.btnbox,
.modal-subs .modal-body,
.ofed-testimo-slide,
.style-check,
.thk_sec .left_sec>div {
padding: 0
}
.entry-content ol {
padding: 0;
list-style: none;
counter-reset: my-awesome-counter
}
.entry-content ul li {
position: relative;
padding: 0 0 0 16px;
margin: 0 0 5px
}
.entry-content ul li:before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 5px;
height: 5px;
background: #000;
border-radius: 50%
}
.entry-content ul li li,
.opening-section .job-description-block ul li,
.single-post ol li,
.single-post ul li {
list-style: disc
}
.blogdetail_page.single_post .leftpart>ol>li,
.entry-content ol li {
counter-increment: my-awesome-counter;
margin: 0 0 8px
}
.blogdetail_page.single_post .leftpart>ol>li::before,
.entry-content ol li::before {
content: counter(my-awesome-counter) ". ";
font-weight: 400
}
.h1,
.h2,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
line-height: normal;
font-weight: 700;
letter-spacing: 1.1px;
margin: 0 0 15px
}
.btn,
.button,
.nav-main nav>ul>li a {
font-weight: 500;
letter-spacing: .4px
}
.cate-title,
.h1,
.h2,
.work-list .items,
h1,
h2 {
margin: 0 0 30px
}
.h1,
h1 {
font-size: 48px;
line-height: 62px
}
.h2,
h2 {
font-size: 40px;
line-height: 50px
}
h3 {
font-size: 32px;
line-height: 40px
}
h4 {
font-size: 24px;
line-height: 32px
}
.f-links ul li,
.nav-main nav>ul>li a,
h5,
h6 {
line-height: 24px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
.combination-slider .owl-carousel .bg-white li,
p {
font-size: 18px;
line-height: 30px;
color: #000;
font-weight: 400;
letter-spacing: .4px;
word-wrap: break-word;
margin: 0 0 24px
}
hr {
border: none;
margin: 20px 0;
background: #000;
height: 1px;
width: 100%;
clear: both
}
blockquote {
border-left: 5px solid #eee;
font-size: 16px;
margin: 0 0 20px;
padding: 10px 20px
}
.entry-content table,
table {
border-right: 1px solid #eee;
border-top: 1px solid #eee
}
.entry-content table td,
.entry-content table th,
.entry-content td,
.entry-content th,
table td,
table th {
background: #fff;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
text-align: left;
font-size: 16px;
color: #333;
font-weight: 400;
padding: 15px 20px;
vertical-align: middle
}
.table-striped tbody tr:nth-of-type(2n) td,
table th {
background: #d4d5d6
}
.selectbox select,
input,
select,
table th,
textarea {
color: #1b262c;
font-weight: 400
}
input,
select,
textarea {
background: #fff;
border: 1px solid #1b262c;
width: 100%;
padding: 2px 20px;
margin: 0;
font-size: 18px;
line-height: 18px;
letter-spacing: 0;
height: 50px;
outline: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.checkbox .checkmark,
.radiobox .checkmark {
border: 1px solid #1b262c;
position: absolute;
left: 0;
display: block
}
input[type=button],
input[type=submit] {
cursor: pointer;
width: auto;
height: auto
}
input[type=checkbox],
input[type=radio] {
border: none;
width: auto;
height: auto;
-webkit-appearance: normal
}
.selectbox select,
input[type=button],
input[type=file],
input[type=image],
input[type=search],
input[type=submit] {
-webkit-appearance: none
}
textarea {
height: auto;
padding: 15px 20px;
min-height: 220px;
resize: none
}
input#addressSubmit {
-webkit-appearance: none !important
}
.checkbox,
.radiobox {
display: inline-block;
position: relative;
padding-left: 24px;
font-size: 14px;
line-height: 14px;
color: #676767
}
.checkbox input,
.radiobox input {
position: absolute;
left: 0;
top: 0;
opacity: 0
}
.checkbox .checkmark {
width: 13px;
height: 13px;
top: 0
}
.checkmark:before {
display: block;
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left: 0;
right: 0;
top: 0;
font-size: 10px;
color: #fff;
line-height: 10px;
padding-left: 1px;
opacity: 0
}
.checkbox input:checked~.checkmark {
background: #1b262c;
border-color: #1b262c
}
.radiobox .checkmark {
width: 16px;
height: 16px;
background: #fff;
border-radius: 50%;
top: 1px
}
.radiobox .checkmark:after {
display: block;
content: "";
background: #1b262c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 2px;
right: 2px;
top: 2px;
bottom: 2px;
opacity: 0
}
.selectbox {
background: #fff;
border: 1px solid #1b262c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.btn,
.button,
.selectbox select {
background: 0 0;
position: relative
}
.selectbox select {
border: 0;
font-size: 18px;
line-height: 20px;
padding: 0 40px 0 20px;
width: 100%;
height: 48px;
-moz-appearance: none;
appearance: none;
z-index: 1;
text-overflow: ellipsis
}
.selectbox:after {
position: absolute;
top: 0;
right: 10px;
content: "";
z-index: 0;
width: 40px;
height: 46px;
border: 0;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/angle_b.svg) center no-repeat
}
.select-box .selectbox {
border: 0;
width: 100%
}
.btn,
.button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px 9px;
border: 2px solid #1c72d9;
color: #303841;
font-size: 14px;
cursor: pointer;
min-width: 120px;
line-height: 21px;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
overflow: hidden
}
.btn:before,
.button:before {
display: block;
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 1;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, #fff0 0, rgb(255 255 255 / .3) 100%);
background: linear-gradient(to right, #fff0 0, rgb(255 255 255 / .3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
opacity: .2
}
.btn:focus,
.btn:hover,
.button:focus,
.button:hover,
.hire-withform-sec .hire-btn-wrap a.btn.primary:focus,
.primary,
.secondary:focus,
.secondary:hover {
background: #1c72d9;
border-color: #1c72d9;
color: #fff
}
.btn:focus,
.btn:hover,
.button:focus,
.button:hover {
box-shadow: 0 2px 15px rgb(0 0 0 / .16)
}
.card-cost:hover .btn,
.primary:focus,
.primary:hover,
.secondary,
.white-btn:focus,
.white-btn:hover {
background: #ffd740;
border-color: #ffd740;
color: #000
}
.white-btn {
background: #fff;
border-color: #fff;
color: #1c72d9
}
.btn.big,
.button.big {
padding: 19px 30px 17px;
min-width: 140px;
font-size: 18px
}
.discussion-sec .btn:hover,
.hire-programmer-sec .form-wrap .form-style input.wpcf7-submit:hover,
.hire-withform-sec .form-wrap .form-style input.wpcf7-submit:hover,
.hire-withform-sec .hire-btn-wrap a.btn.primary:hover,
.white-hover:focus,
.white-hover:hover {
background: #fff;
border-color: #fff;
color: #000
}
.main-wrapper,
.offer-section,
.ourteam-section,
.page-template-tp-Hiredeveloper .section {
overflow: hidden
}
.max-container {
margin: 0 auto;
width: 100%;
max-width: 1680px;
padding: 0 20px
}
.opening-section .job-description-block p,
.section-paragraph p:last-child,
section :last-child {
margin-bottom: 0
}
.book-call-sec .row,
.hire-withform-sec .row,
.v-center {
align-items: center
}
.address-list,
.count-numb,
.j-center,
.single-post .internal-banner .container {
justify-content: center
}
.ptb-100 {
padding: 100px 0
}
.ptb-80 {
padding: 80px 0
}
.ptb-60 {
padding: 60px 0
}
.blogdetail_page,
.businesses_worldwide,
.lead-row-section,
.our_principles_block,
.ptb-40,
.review-slider-sec,
.timeline-quotation-section,
.what_we_do_best_block,
.why-us-section {
padding: 40px 0
}
.bg1 {
background: #f4f4f4
}
.bg2 {
background: #ffd740
}
.bg3,
.home-banner,
.ofed-testimonials .owl-carousel .owl-dots button.active,
.page-id-29086 .header,
.page-template-thank-you .header,
.page-template-tp-Hiredeveloper .header {
background: #1c72d9
}
.header {
position: absolute;
left: 0;
right: 0;
z-index: 10;
padding: 0
}
.header-inner {
height: 140px
}
.site-logo {
position: relative;
z-index: 4;
margin: -6px 0 0
}
.site-logo a,
.site-logo img {
display: block;
margin: 0
}
.header-right {
margin-left: auto;
position: relative
}
.flg_img {
position: absolute;
right: auto
}
.nav-main,
.nav-main #mega-menu-wrap-primary {
position: static
}
.flg_img img {
border-radius: 50%;
width: 100%;
object-fit: cover
}
.nav-main .sub-menu,
.nav-main nav>ul>li:before {
left: 0;
opacity: 0;
position: absolute;
display: block
}
.tooltip .tooltiptext {
visibility: hidden;
background-color: #000;
color: #fff;
text-align: center;
border-radius: 6px;
z-index: 1;
position: absolute;
white-space: nowrap
}
.tooltip:hover .tooltiptext {
visibility: visible
}
.tooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff0 #fff #fff0 #fff0;
border-color: #fff0 #000 #fff0 #fff0;
color: #fff
}
.hire-programmer-sec .right-listing,
.nav-main,
.our-works,
.page-template-tp-Hiredeveloper .wpcf7-not-valid-tip {
text-align: left
}
.nav-main ul {
margin: 0;
padding: 0;
display: flex;
display: -webkit-flex
}
.nav-main nav>ul>li {
margin: 0;
padding: 0;
list-style: none;
position: relative
}
.nav-main nav>ul>li+li {
margin-left: 46px
}
.nav-main nav>ul>li a {
display: block;
color: #fff;
font-size: 20px;
padding: 14px 0;
position: relative;
z-index: 2
}
.banner-main .section-title-and-desc p,
.card-cost:hover p,
.cta-inner h3,
.f-address p a,
.f-links ul li a,
.footer-bottom p a,
.modal-subs-inner .left-block *,
.nav-main nav>ul>li a:focus,
.nav-main nav>ul>li a:hover,
.nav-main nav>ul>li:hover>a,
.single-post .get-toggle-form .get_started.full-width.text-center.inr_ct .input-field label {
color: #fff
}
.nav-main nav>ul>li:before {
content: "";
background: #fff;
height: 2px;
width: 1px;
right: 0;
bottom: 0;
margin: 0 auto;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.nav-main nav>ul>li.active>a:before,
.nav-main nav>ul>li:hover:before {
width: 100%;
opacity: 1
}
.nav-main .sub-menu {
top: 100%;
z-index: 1;
background: #fafafa;
min-width: 180px;
padding: 0;
margin: 0;
overflow: hidden;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / .1);
-moz-box-shadow: 0 0 10px rgb(0 0 0 / .1);
box-shadow: 0 0 10px rgb(0 0 0 / .1);
transform: scaleY(0);
transform-origin: top
}
.nav-main nav>ul>li:hover>.sub-menu {
display: block;
opacity: 1;
transform: scaleY(1)
}
.nav-main nav>ul>li:last-child .sub-menu {
left: auto;
right: 0
}
.nav-main .sub-menu li {
display: block;
text-align: left;
position: relative;
margin: 0
}
.nav-main .sub-menu li+li {
border-top: 1px solid
}
.nav-main .sub-menu li a {
display: block;
text-transform: none;
color: #666;
font-size: 14px;
line-height: 21px;
font-weight: 400;
padding: 12px 15px
}
.nav-main .sub-menu .sub-menu {
left: 100%;
top: 0
}
.header-fixed .head-btnbox .btn {
padding-top: 12px;
padding-bottom: 11px
}
.menu_w_1150 {
min-width: 1150px !important;
max-width: 1150px !important
}
.menu_w_890 {
min-width: 890px !important;
max-width: 890px !important
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary {
margin: 0;
padding: 0;
display: flex;
display: -webkit-flex;
position: static
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row {
float: none;
overflow: hidden
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
padding: 8px 0
}
.header .nav-main nav>div>ul.menu>li.menu-item-has-children>a:before,
.nav-main #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>.mega-menu-link:before {
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 12px;
border-color: #fff0 #fff0 #fff;
position: absolute;
left: 0;
right: 0;
bottom: -20px;
opacity: 0;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
margin: 0 auto
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>.mega-menu-link:before {
opacity: 1;
bottom: -8px
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu {
width: auto;
top: 100%;
left: auto;
right: 0;
box-shadow: 0 20px 25px rgb(0 0 0 / .16);
overflow: hidden
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout>ul.mega-sub-menu,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-1699>ul.mega-sub-menu {
width: 100%;
min-width: 200px;
max-width: 200px;
border-radius: 15px;
padding: 30px 20px;
left: -45px;
max-height: 480px;
overflow: auto
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout>ul.mega-sub-menu li a,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-1699>ul.mega-sub-menu li a {
line-height: 18px !important
}
.mega-block-title {
position: relative;
line-height: 20px;
letter-spacing: 0
}
.nav-iconbox .widget_custom_html {
padding: 0 !important;
height: 1px !important
}
.nav-iconbox .widget_custom_html .custom-html-widget {
position: absolute;
left: -40px;
right: 0;
top: 0
}
.nav-iconbox .widget_custom_html a:before {
display: block;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2
}
.nav-iconbox .widget_custom_html img {
max-width: 30px !important
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.nav-iconbox {
padding-left: 40px;
width: 20%
}
.nav-main .mega-sub-menu ul.menu li {
font-size: 14px;
line-height: 24px;
letter-spacing: 0
}
.get-toggle-form>p a:hover,
.lead-row-section .connect-email a,
.lead-row-section .quick-form-box .btnwrap:hover i,
.nav-main .mega-sub-menu ul.menu li a,
.page-template-content-page-template .case-std h4,
.page_404 .caption-textbox h2,
.page_404 .caption-textbox p,
.reminder-section .reminder-block .reminder-content .reminder-text h1,
.tab-style li.active,
.tab-style li.resp-tab-active,
.tab-style li:hover,
.work-sidebar-list li a:hover,
.work-sidebar-list li.active a {
color: #000
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-iconbox>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-menu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover,
.nav-main .mega-sub-menu ul.menu li a:hover {
color: #ffcc28
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary .menu-cta {
margin: 40px -40px -40px;
background: #ffcc28;
width: auto !important
}
.menu-cta-inner .mega-menu-item {
padding: 26px 36px !important
}
.menu-cta-inner .mega-menu-item .textwidget h4 {
margin: 0;
letter-spacing: 0
}
.menu-cta-inner .mega-menu-item .textwidget p {
margin-bottom: 0 !important;
font-size: 14px;
line-height: 18px;
letter-spacing: 0
}
.menu-cta-inner .btn {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%)
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-menu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
font-size: 16px;
font-weight: 700;
color: #1c72d9
}
.mega-current-menu-item>a {
color: #ffcc28 !important
}
.banner-inner h2,
.wel-text {
color: #fff;
font-weight: 400;
letter-spacing: 1.6px
}
.simple-menu .textwidget {
max-width: 250px
}
.simple-menu .textwidget p {
font-size: 13px;
line-height: 16px
}
.simple-iconbox .mega-menu-item+.widget_media_image,
.simple-menu .widget_text+.mega-menu-item {
margin-top: 30px !important
}
.countries,
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row+.mega-menu-row,
.page-template-content-page-template h4.slider-title,
.service-list {
margin-top: 30px
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.simple-iconbox {
width: 20%
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-iconbox>ul.mega-sub-menu>li.mega-menu-item {
text-align: center;
padding: 0 15px
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column.simple-iconbox>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
font-size: 15px;
font-weight: 700;
color: #1c72d9;
text-align: center
}
.simple-iconbox img {
display: inline-block;
width: auto;
height: auto;
max-width: 32px !important;
margin: 0 auto
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item>ul.mega-sub-menu {
transform: scaleY(1) !important;
transform-origin: top
}
.nav-main #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
transform: scaleX(1) !important
}
.home-banner {
position: relative;
z-index: 1;
overflow: hidden
}
.home-banner .items {
padding: 180px 0 0;
height: 100vh;
min-height: 940px;
max-height: 940px;
position: relative
}
.acc-cotnent,
.banner-inner,
.choose-imgs.one_img .imgbox img,
.combination-slider .owl-carousel .bg-white,
.detail-modal .modal-content,
.embed-content,
.home-banner .items .max-container {
height: 100%
}
.cap-left-block {
padding: 70px 0 100px;
flex-direction: column;
flex-basis: 60%;
min-width: 60%;
max-width: 60%
}
.cap-right-block {
flex-basis: 40%;
min-width: 40%;
max-width: 40%
}
.wel-text {
display: block;
font-size: 60px;
line-height: 70px;
margin: 0 0 2px
}
.banner-inner h2 {
font-size: 80px;
line-height: 90px;
margin: 0 0 40px
}
.banner-inner p {
font-size: 30px;
line-height: 37px;
color: #ffd740;
font-weight: 400;
margin: 0
}
.f-links ul li,
.footer h4 {
font-size: 18px;
font-weight: 700
}
.bdr-text {
padding: 35px 0 0;
margin-right: -40px;
border-top: 1px solid
}
.cap-imgbox {
position: relative;
max-width: 794px;
margin-right: -140px;
margin-left: auto
}
.cap-dotted,
.cap-shape {
display: block;
position: absolute
}
.cap-imgbox img {
display: block;
position: relative;
z-index: 2
}
.cap-dotted {
width: 680px;
height: 680px;
left: -40px;
top: -80px;
z-index: 0
}
.cap-shape {
width: 570px;
height: 610px;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/cap-shap.svg) 0 0/100% auto no-repeat;
left: 60px;
top: 60px;
z-index: 1
}
.banner-social-icons {
height: 1px;
position: relative;
margin: 80px 0 0 !important
}
.icon-link+.icon-link {
margin-left: 31px
}
.s-icon {
display: inline-block;
min-width: 20px;
max-width: 20px;
height: 20px;
background-size: 100% auto !important
}
.s-icon+.s-icon {
margin-left: 32px
}
.s-icon.email {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/icon-email.png) center no-repeat
}
.s-icon.bref {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/icon-breaf.png) center no-repeat
}
.s-icon.facebook {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/icon-f.png) center no-repeat
}
.s-icon.twitter {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/icon-t.png) center no-repeat
}
.s-icon.linkedin {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/icon-in.png) center no-repeat
}
.banner-arrow {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 4
}
.banner-arrow .text {
display: inline-block;
font-size: 14px;
line-height: 18px;
color: #ff4081;
font-weight: 500;
letter-spacing: 1.1px;
margin-bottom: 20px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.banner-arrow .arrow-down {
display: block;
width: 7px;
height: 30px;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/arrow_down.svg) center 0 no-repeat;
margin: 0 auto
}
.footer {
padding: 80px 0 40px;
margin: 0;
position: relative;
background: #1c72d9;
overflow: hidden
}
.f-imgbox {
position: absolute;
left: -70px;
top: 0;
max-width: 430px
}
.f-inner {
padding: 0 20px 0 200px;
position: relative
}
.f-links ul,
.f-links ul li,
.work-sidebar-list,
body.page-template-tp-contact header .header .nav-main #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
padding: 0;
margin: 0
}
.f-right {
min-width: 380px;
max-width: 380px
}
.f-left .f-links {
min-width: 210px;
max-width: 210px;
margin-right: 20px
}
.f-links ul li {
list-style: none;
color: #fff
}
.f-address p {
font-size: 18px;
line-height: 32px;
color: #fff
}
.footer h4 {
line-height: 32px;
color: #fff;
margin: 0 0 20px
}
.form-style .fields+.fields {
margin-top: 12px
}
.form-style .label {
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: 500;
margin: 0
}
.form-style .fields .label {
padding: 7px 0;
flex-basis: 120px;
min-width: 120px;
max-width: 120px
}
.form-style input,
.form-style textarea {
padding: 2px 15px;
width: 100%;
background: #fff;
border: 0;
height: 36px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
font-weight: 500;
line-height: normal;
color: #000
}
.form-style textarea {
padding: 15px;
height: 76px;
min-height: 76px
}
.footer-bottom p {
font-size: 14px;
line-height: 24px;
color: #fff;
font-weight: 500
}
#estimatePopup .highlight-box p,
.wpcf7-not-valid-tip {
font-size: 12px
}
.small-title,
.tab-style li {
font-size: 16px;
font-weight: 700
}
.wpcf7 form .wpcf7-response-output {
background: #fff;
font-size: 14px;
padding: .7rem 1rem;
display: block;
width: 100%;
border-radius: 5px
}
.modal-subs .modal-lg {
max-width: 970px;
margin: 0 auto
}
.modal-content {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.case-std,
.modal-subs .modal-content,
body.page-template-tp-contact header .header .toggle-btn.active .line {
background: 0 0
}
.modal-subs-inner {
margin: 0;
background: #f4f4f4
}
#estimatePopup .wpcf7-response-output,
#insight-owl-carousel ul,
.faq-outer .accordian-text p:last-child,
.modal-subs p,
.ofed-testimonials-box .ofed-test-contant p,
.page-header .bdr-text {
margin: 0
}
.modal-subs-inner .left-block {
background: #66a3eb;
background: -moz-linear-gradient(-45deg, rgb(102 163 235) 0, rgb(28 114 217) 100%);
background: -webkit-linear-gradient(-45deg, rgb(102 163 235) 0, rgb(28 114 217) 100%);
background: linear-gradient(135deg, rgb(102 163 235) 0, rgb(28 114 217) 100%)
}
.modal-subs-inner .left-block .entry-content ul li:before {
background: #fff;
top: 6px
}
.modal-subs-inner .left-block li {
font-size: 14px;
line-height: 18px;
letter-spacing: 0;
margin: 0 0 15px
}
.emply-sidebar .iconbox img,
.modal-subs-inner .left-block .imgbox img {
margin: 0 auto;
display: block
}
.address-list .items,
.detail-tl,
.modal-logo {
margin: 0 0 40px
}
.modal-logo img,
.work-logo img,
body.page-template-tp-contact header .header .logo {
max-width: 270px
}
.close-btn {
display: block;
box-shadow: 0 0 10px rgb(0 0 0 / 20%)
}
.assoc-logo-box,
.small-title,
.socila-links a {
display: inline-block
}
.modal-subs-inner .left-block .imgbox {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 40px
}
.form-modal .tel-code {
max-width: 80px
}
body .modal-backdrop.show {
opacity: .8
}
.modal-subs .modal-header {
padding: 0;
border: 0
}
.cta-bg,
.emply-sidebar {
-webkit-border-radius: 15px;
-moz-border-radius: 15px
}
.modal-subs .modal-header button.close {
position: absolute;
top: 30px;
right: 15px;
z-index: 15800;
background: url(https://www.abbacustechnologies.com/wp-content/uploads/2021/09/Union-2@2x.png) 0 0/20px no-repeat;
padding: 0;
width: 20px;
height: 20px;
margin: 0;
opacity: 1
}
.modal-subs {
padding-right: 0 !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.contact-block .form-inner .btnbox,
.form-inner .btnbox {
padding-left: 20px !important
}
.middle-section {
position: relative;
min-height: 50vh;
overflow: hidden
}
iframe.alignleft,
img.alignleft {
float: left;
margin: 0 20px 20px 0
}
iframe.alignright,
img.alignright {
float: right;
margin: 0 0 20px 20px
}
.page-header h2,
img.alignnone {
margin: 0 0 20px
}
iframe.iframe-embed.alignright {
max-width: 500px;
height: 315px !important
}
.bg-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
background-size: cover !important
}
.no-img.d-flex {
align-items: center;
justify-content: center;
font-size: 24px;
line-height: normal;
color: #999;
background: #ddd
}
.block-title {
position: relative;
margin: 0 0 30px
}
.small-title {
line-height: 22px;
color: #000;
margin: 0 0 10px
}
.move-img-main {
z-index: 2
}
.move-imgbox {
position: relative;
height: auto;
transform: perspective(1600px);
transform-style: preserve-3d;
width: 100%;
-moz-transition: .6s;
-webkit-transition: .6s;
transition: .6s
}
.move-bottom-left,
.move-bottom-right,
.move-top-left,
.move-top-right {
height: 50%;
position: absolute;
width: 50%;
z-index: 300;
cursor: pointer
}
.move-top-left {
left: 0;
top: 0
}
.move-top-left:hover~.move-imgbox {
transform: perspective(1600px) rotateX(-3deg) rotateY(3deg)
}
.move-top-right {
right: 0;
top: 0
}
.move-top-right:hover~.move-imgbox {
transform: perspective(1600px) rotateX(-3deg) rotateY(-3deg)
}
.move-bottom-left {
bottom: 0;
left: 0
}
.move-bottom-left:hover~.move-imgbox {
transform: perspective(1600px) rotateX(3deg) rotateY(3deg)
}
.move-bottom-right {
bottom: 0;
right: 0
}
.move-bottom-right:hover~.move-imgbox {
transform: perspective(1600px) rotateX(3deg) rotateY(-3deg)
}
.emply-ection {
position: relative;
overflow: hidden;
background: #f4f4f4
}
.big-text {
font-size: 330px;
line-height: normal;
color: #000;
font-weight: 700;
position: absolute;
left: -1050px;
top: 0;
opacity: .07
}
.emply-sidebar {
padding: 60px 20px 0;
flex-basis: 430px;
min-width: 430px;
max-width: 430px;
height: 490px;
text-align: center;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/emp-sidebar-bg.png) center 0/cover no-repeat;
border-radius: 15px;
box-shadow: 0 21px 25px rgb(0 0 0 / .25)
}
.emply-sidebar .iconbox {
display: block;
margin: 0 0 10px
}
.emply-sidebar .iconbox img {
max-width: 260px
}
.emply-sidebar .tl {
display: block;
font-size: 28px;
line-height: 38px;
color: #fff;
font-weight: 700
}
.emply-sidebar .tl-numb {
display: block;
font-size: 140px;
line-height: 140px;
color: #fff;
font-weight: 700;
margin-top: 15px
}
.emply-content {
padding: 30px
}
.counter-inner,
.emply-content .row {
margin: 0 -40px
}
.cta2-inner,
.emply-content .row .items {
padding: 0 40px
}
.team-section {
padding: 60px 0 120px
}
.team-section:before {
display: block;
content: "";
background: #f4f4f4;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 210px
}
.team-section-inner {
background: #ffd740;
padding: 0 40px 0 0
}
.cta-bg,
.cta-small {
background: #1c72d9;
position: relative;
overflow: hidden
}
.team-section-inner:before {
display: block;
content: "";
background: #ffd740;
position: absolute;
top: 0;
bottom: 0;
right: 50%;
width: 9999px
}
.cta-bg:before,
.cta-small:before,
.mission-section:before,
.tab-style li:before {
position: absolute;
right: 0;
content: ""
}
.team-section-inner .left-block {
margin: -60px 0
}
.team-imgs {
margin: 0 -7px;
flex-wrap: wrap;
align-items: flex-end
}
.choose-imgs .imgbox,
.team-imgs .imgbox {
padding: 7px;
min-width: 50%;
max-width: 50%
}
.choose-imgs .imgbox:first-child,
.team-imgs .imgbox:last-child {
min-width: 100%;
max-width: 100%
}
.choose-imgs .imgbox img,
.team-imgs .imgbox img {
display: block;
width: 100%;
height: 240px;
object-fit: cover;
object-position: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 21px 25px rgb(0 0 0 / .25)
}
.choose-imgs .imgbox:nth-child(2) img,
.team-imgs .imgbox:first-child img {
height: 362px
}
.tab-style-content .btnbox .btn {
min-width: 280px
}
.tab-style li {
line-height: 28px;
color: rgb(0 0 0 / .5);
position: relative;
cursor: pointer;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s
}
.tab-style li+li {
margin-left: 30px
}
.tab-style li:before {
display: block;
background: #000;
height: 1px;
left: 0;
bottom: 0;
opacity: 0
}
.assoc-logo-list,
.tech-logos .tab-style {
justify-content: center;
flex-wrap: wrap
}
.tech-logo-list {
padding: 0 100px;
flex-wrap: wrap;
justify-content: center
}
.assoc-logo-list .items,
.tech-logo-list .items {
flex-basis: 20%;
min-width: 20%;
max-width: 20%;
padding: 25px 20px
}
.logo-box {
align-items: center;
justify-content: center;
height: 76px;
border: 1px solid #fff0;
transition: .4s
}
.logo-box img {
max-height: 60px;
max-width: 140px;
transition: .4s
}
.logo-box:hover {
border-color: #ffd740;
box-shadow: 0 5px 10px rgb(0 0 0 / .1)
}
.counter-section .bgbox,
.cta-bg,
.cta-small {
box-shadow: 0 21px 25px rgb(0 0 0 / .25)
}
.cta-bg {
border-radius: 15px
}
.cta-bg:before {
display: block;
left: 0;
top: 0;
bottom: 0;
z-index: 0;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/cta-bg.png) 0 center/auto 100% no-repeat
}
.cta-inner {
padding: 40px;
position: relative;
z-index: 2
}
.cta-inner .cta-img {
max-width: 436px
}
.cta2-inner .imgbox {
align-items: flex-end;
max-width: 316px;
margin-right: 60px
}
.cta2-inner .right-text {
padding: 38px 20px;
width: 100%
}
.cta2-inner p {
max-width: 360px
}
.cta-small {
padding: 36px 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px
}
.cta-small:before {
display: block;
left: 0;
top: 0;
bottom: 0;
z-index: 0;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/cta-small-bg.svg) 0 0/cover no-repeat
}
.assoc-logo-box .imgbox {
height: 110px;
width: 100%;
align-items: center;
justify-content: center
}
.assoc-logo-box .imgbox img {
filter: grayscale(1);
opacity: .5;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: .4s;
max-height: 105px;
object-fit: contain
}
.assoc-logo-box:hover .imgbox img {
filter: grayscale(0);
opacity: 1
}
.assoc-logo-box .btn {
margin-top: 20px;
min-width: 100px;
opacity: 0
}
.assoc-logo-box:hover .btn {
opacity: 1;
margin-top: 10px
}
.page-header {
padding: 0 0 80px;
position: relative;
overflow: hidden
}
.page-header-inner {
padding: 120px 0 0;
min-height: 530px;
max-height: 530px
}
.page-header-inner.title-only {
min-height: 380px;
max-height: 380px
}
.page-header-inner:before {
display: block;
content: "";
background: #1c72d9;
width: 99999px;
position: absolute;
left: -9999px;
top: 0;
bottom: 0
}
.page-header h2 {
font-size: 64px;
line-height: 70px;
color: #fff;
font-weight: 400;
letter-spacing: 1.6px
}
.page-header p {
font-size: 20px;
line-height: 28px;
color: #ffd740;
font-weight: 400;
margin: 0
}
.card-counter h3,
.count-numb,
.count-text {
font-weight: 700;
color: #fff
}
.page-head-imgbox {
min-width: 424px;
max-width: 424px;
position: relative;
z-index: 1
}
.page-header .cap-dotted {
background-position: center;
left: 60%;
top: 60%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.caption-textbox {
padding: 0 0 60px;
width: 60%;
position: relative;
z-index: 1
}
.page-header .banner-social-icons {
margin: 0 !important;
height: auto;
position: absolute;
left: 0;
bottom: 40px;
z-index: 2
}
#popup2 .wpcf7-response-output,
.page-id-1305 .zsiq_floatmain,
.page-id-37 .f-right,
.page-id-37 .modal-backdrop,
.page-id-37 .modal-subs,
.page-id-37 .page-header .banner-social-icons,
.page-id-37 .zsiq_floatmain,
.wanotifier-click-to-chat-btn span,
.wanotifier-click-to-chat-btn>div,
li#menu-item-64 {
display: none !important
}
.mission-section:before {
display: block;
background: #fff;
left: 0;
bottom: 0;
height: 40%
}
.card-mission .imgbox {
display: block;
position: relative;
z-index: 1;
margin-top: 30px
}
.card-cost:after,
.card-cost:before,
.counter-section:before,
.queote-icon,
.value-inner .imgbox {
position: absolute;
left: 0
}
.card-mission .imgbox img {
display: block;
height: auto
}
.mission-inner {
margin: 0 -60px
}
.form-block,
.mission-inner .items {
padding: 0 60px
}
.card-mission .imgbox img,
.mission-section .card-mission .imgbox img {
width: auto
}
.mission-title-des-block {
padding-left: 50px;
padding-right: 30px
}
.card-mission {
display: flex;
flex-direction: row-reverse
}
.mission-image-block {
width: 280px
}
section.mission-section.bg2 {
background-color: #fff;
padding: 90px 0 110px
}
.banner-main .section-title-and-desc,
.countries_block .countries,
.opening-section .inner-content-opening-job .apply-btn,
.react-temonial,
section.mission-section .card-mission .imgbox {
margin-top: 0
}
.value-inner .imgbox {
right: 54%;
top: 0;
bottom: 0
}
.value-inner .imgbox img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.value-inner .textbox {
margin-left: auto;
padding-left: 50px;
flex-basis: 54%;
min-width: 54%;
max-width: 54%
}
.value-inner .textbox.bottom-space {
margin-bottom: 160px
}
.offer-list,
.team-list {
margin: 0 -22px
}
.team-list .items {
padding: 30px 22px
}
.card-team {
flex-direction: column;
height: 100%
}
.card-team .imgbox,
.form-inner .input-filed .wpcf7-form-control-wrap,
body.page-template-tp-contact header .header .logo a img {
display: block;
width: 100%
}
.card-team .imgbox img,
.card-work .imgbox>img {
display: block;
width: 100%;
height: auto
}
.card-team h4 {
font-size: 20px;
line-height: 24px;
letter-spacing: 0;
margin: 15px 0 0
}
.team-post {
display: block;
font-size: 14px;
line-height: 18px;
color: #000;
margin: 5px 0 20px
}
.socila-links a {
min-width: 38px;
max-width: 38px;
height: 38px;
line-height: 40px;
background: #000;
text-align: center;
font-size: 16px;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.socila-links a+a {
margin-left: 10px
}
.socila-links a:hover {
opacity: .7
}
.socila-links a.facebook {
background: #38529a
}
.socila-links a.linkedin {
background: #006599
}
.socila-links a.twitter {
background: #55acef
}
.card-team.col_2 {
flex-direction: inherit
}
.card-team.col_2 .imgbox {
min-width: 50%;
max-width: 50%
}
.card-team.col_2 .team-textbox {
padding: 0 44px;
flex-direction: column;
min-width: 50%;
max-width: 50%
}
.queote-icon {
max-width: 120px;
top: -2px
}
.testi-block {
max-width: 845px
}
.testi-slider .slick-dots {
bottom: -30px
}
.three-column {
margin: 0 -30px
}
.three-column .items {
padding: 0 30px
}
.bottom-btnbox .btn.mw_440 {
min-width: 440px
}
.choose-section {
position: relative;
background: #ffd740
}
.choose-inner .left-block {
margin-top: -20px;
margin-bottom: -20px
}
.choose-imgs {
margin: 0 -7px;
flex-wrap: wrap;
align-items: flex-start
}
.choose-inner .right-block {
padding-left: 35px
}
.acc-style h4.resp-accordion {
display: block;
font-size: 20px;
line-height: 24px;
color: #000;
background: 0 0 !important;
border: 0 !important;
padding: 0 30px 0 0;
margin: 0 0 20px
}
.acc-style h4.resp-accordion:after {
content: "";
width: 20px;
height: 20px;
line-height: 20px;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/plus.svg) center no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 0;
background-size: 100% auto !important
}
.acc-style h4.resp-accordion.resp-tab-active:after {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/minus.svg) center no-repeat
}
.acc-style .resp-tab-content {
padding-right: 50px
}
.acc-describ {
padding: 0 0 30px
}
.offer-list .items {
padding: 40px 22px
}
.card-offer .iconbox {
margin: 0 0 24px;
align-items: flex-end
}
.card-offer .iconbox img {
max-width: 72px
}
.choose-section .choose-imgs {
margin: 0 -7px 0 -8px
}
.choose-section .choose-imgs .imgbox {
padding: 7px 0
}
.about-section-inner {
overflow: hidden;
width: 100%;
clear: both
}
.about-section-inner .right-imgbox {
float: right;
max-width: 610px;
margin: 0 0 20px 50px
}
.about-section-inner .right-imgbox img {
display: block;
width: 100%;
height: auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.card-cost,
.counter-section .bgbox {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
overflow: hidden
}
.steps-list {
margin: 0 -20px;
padding: 20px 0 0
}
.steps-list .items {
padding: 20px
}
.counter-section:before {
display: block;
content: "";
background: #f4f4f4;
right: 0;
top: 0;
bottom: 0;
z-index: -1
}
.counter-section .bgbox {
padding: 40px 34px;
margin: -160px 0 0;
border-radius: 20px;
z-index: 2
}
.counter-section .bg-img {
opacity: .1
}
.counter-inner .items {
padding: 0 40px;
flex-basis: 25%;
min-width: 25%;
max-width: 25%
}
.counter-inner .items+.items {
border-left: 1px solid
}
.count-numb {
font-size: 60px;
line-height: 70px
}
.count-text {
display: block;
font-size: 24px;
line-height: 28px
}
.card-counter h3 {
display: block;
font-size: 28px;
line-height: 40px;
margin: 30px 0 0;
padding: 30px 0 0;
border-top: 1px solid
}
.cost-list {
margin: 0 -18px
}
.cost-list .items {
padding: 18px
}
.card-cost {
padding: 34px 32px;
position: relative;
flex-direction: column;
height: 100%;
border-radius: 20px
}
.card-cost:before {
display: block;
content: "";
background: #ffd740;
right: 0;
top: 0;
bottom: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
z-index: 0
}
.card-cost:after {
display: block;
content: "";
background: #1c72d9;
bottom: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
z-index: 1;
opacity: 0
}
.card-cost h5 {
color: #1c72d9;
position: relative;
z-index: 2
}
.card-cost .btnbox,
.card-cost p {
position: relative;
z-index: 2
}
.card-cost:hover:after {
opacity: 1;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-transition: .6s;
-webkit-transition: .6s;
transition: .6s
}
.card-cost:hover:before {
opacity: 0;
left: -50%;
right: -50%;
top: -50%;
bottom: -50%;
-moz-transition: .8s;
-webkit-transition: .8s;
transition: .8s
}
.page_404 .page-header-inner {
min-height: inherit;
max-height: inherit
}
.page_404 .page-head-imgbox {
position: absolute;
right: 0;
top: 380px
}
.page_404 .caption-textbox {
padding: 140px 20px;
background: #fff;
width: 100%;
text-align: center;
z-index: 2
}
.modal-subs-inner h4.modal-tl.text-center {
font-size: 20px;
line-height: 28px
}
.form-inner .label {
padding-right: 10px;
font-size: 16px;
line-height: 32px;
color: #000;
font-weight: 400;
flex-basis: 90px;
min-width: 90px;
max-width: 90px
}
.form-inner .input-filed,
.modal-subs .form-inner .input-filed {
margin: 0 0 10px
}
.form-inner .input-filed input,
.form-inner .input-filed textarea {
padding: 0 18px;
width: 100%;
height: 40px;
background: #fff;
border: 0;
font-size: 18px;
font-weight: 500;
line-height: normal;
color: #000
}
.form-inner .input-filed textarea {
padding: 18px;
min-height: 120px;
height: 120px
}
.tel-code {
max-width: 150px;
margin-right: 10px
}
.form-inner .btnbox {
padding: 0;
position: relative
}
.form-inner .btnbox .btn {
min-width: 240px
}
.form-inner .wpcf7-not-valid-tip {
margin-top: 5px
}
.card-address p b {
display: block;
margin-bottom: 10px
}
.card-address h3 small {
font-size: 40%;
letter-spacing: 0
}
.add-link .fa {
font-size: 18px;
margin-right: 10px
}
.email-label {
display: block;
font-size: 18px;
line-height: 24px;
color: #000;
margin: 0 0 10px
}
.email-block .email {
display: inline-block;
font-size: 34px;
line-height: 40px;
font-weight: 700;
text-decoration: underline
}
.contact-block .form-block {
max-width: 670px;
margin: 0 auto
}
.work-sidebar {
position: sticky;
left: 0;
top: 100px
}
.work-sidebar-list li {
margin: 0;
padding: 0;
list-style: none;
font-size: 32px;
line-height: 40px;
font-weight: 700
}
.work-sidebar-list li a {
display: block;
color: #afafaf
}
.work-inner .right-block {
border-left: 1px solid #d5d5d5;
padding-left: 40px
}
.cate-title {
border-bottom: 1px solid #d5d5d5;
padding: 0 0 20px
}
.cate-title h4 {
font-size: 14px;
line-height: 18px;
color: #000;
font-weight: 400
}
.card-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2
}
.card-work .imgbox:after,
.work-logo {
z-index: 1;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.card-work .imgbox:after {
display: block;
content: "";
background: #000;
opacity: .5
}
.right-block .work-main .shine {
display: initial
}
.embed-content iframe {
display: block;
width: 100%;
height: 100%
}
.detail-modal {
padding: 0 !important;
overflow: hidden !important
}
.detail-modal .modal-dialog {
max-width: 100%;
margin: 0;
height: 100%
}
.detail-page {
padding: 60px 80px;
position: relative;
overflow: hidden
}
.detail-page:after,
.detail-page:before {
display: block;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
background: #4298ff;
background: -moz-linear-gradient(top, rgb(66 152 255) 0, rgb(72 156 255) 80%, rgb(255 255 255) 100%);
background: -webkit-linear-gradient(top, rgb(66 152 255) 0, rgb(72 156 255) 80%, rgb(255 255 255) 100%);
background: linear-gradient(to bottom, rgb(66 152 255) 0, rgb(72 156 255) 80%, rgb(255 255 255) 100%)
}
.detail-page:after {
top: auto;
bottom: 0;
background: #fff;
background: -moz-linear-gradient(top, rgb(255 255 255) 0, rgb(72 156 255) 20%, rgb(66 152 255) 100%);
background: -webkit-linear-gradient(top, rgb(255 255 255) 0, rgb(72 156 255) 20%, rgb(66 152 255) 100%);
background: linear-gradient(to bottom, rgb(255 255 255) 0, rgb(72 156 255) 20%, rgb(66 152 255) 100%)
}
.detail-inner {
padding: 80px 100px;
background: #fff;
position: relative;
z-index: 2;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.detail-tl h2 {
font-size: 60px;
line-height: 70px;
color: #1c72d9;
font-weight: 400
}
.detail-inner>h3,
.detail-inner>h4,
.form-wrap .form-style button {
margin-top: 40px
}
.post-nav {
position: absolute;
left: -60px;
top: 380px
}
.next-post {
left: auto;
right: -60px
}
.post-nav-arrow {
display: block;
width: 26px;
height: 26px
}
.post-nav-arrow.prev-arrow {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/prev.svg) center no-repeat
}
.post-nav-arrow.prev-arrow:hover {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/prev_h.svg) center no-repeat
}
.post-nav-arrow.next-arrow {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/next.svg) center no-repeat
}
.post-nav-arrow.next-arrow:hover {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/next_h.svg) center no-repeat
}
.close-btnbox {
position: absolute;
right: 0;
top: 0;
z-index: 4;
padding: 20px
}
.close-detail {
display: block;
width: 28px;
height: 28px
}
.close-detail .icon-bar .line,
.close-detail .icon-bar.active:after,
.close-detail .icon-bar.active:before {
background: #000
}
.managed_services_about.full-width.ser.text-center.migrate_store.padding0.list_cms {
padding-top: 184px
}
.thankyou,
.ui-datepicker-calendar tr th {
background: 0 0 !important
}
.thankyou h2,
.thankyou p {
color: #666 !important
}
.thankyou-block {
width: 572px;
margin: auto
}
.thankyou-block img {
width: 180px
}
.page-template-thank-you .ui-widget-header .ui-icon {
font-size: 0
}
.page-template-thank-you .ui-datepicker select.ui-datepicker-month,
.page-template-thank-you .ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month,
body.page-template-magento-thank-you .ui-datepicker select.ui-datepicker-year {
font-size: 13px !important;
margin-top: -7px !important;
vertical-align: middle;
padding: 6px 8px;
border: none
}
.page-template-thank-you .ui-datepicker th,
.ui-datepicker th {
font-size: 12px;
font-weight: 400;
text-transform: uppercase
}
.thk_sec input,
.thk_sec select {
float: left;
width: 100%;
font-size: 14px;
font-weight: 400;
color: #424242;
letter-spacing: 0;
line-height: 14px;
background: #fff;
border: 1px solid #424242;
padding: 6px 16px;
height: 48px;
border-radius: 5px
}
.get_started input,
.get_started textarea,
.thk_sec .chosen-container-single .chosen-single {
color: #9f9f9f;
font-family: 'Open Sans', sans-serif
}
.thk_sec .chosen-container-single .chosen-single {
height: 48px;
border: 1px solid #424242;
border-radius: 5px;
width: 100% !important;
padding: 0 20px;
font-size: 16px;
box-shadow: none;
background: #fff;
line-height: 45px;
margin-bottom: 0
}
.thk_sec .chosen-container-active.chosen-with-drop .chosen-single div b,
.thk_sec .chosen-container-single .chosen-single div b {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/css/down.png) -1px 19px/9px no-repeat
}
.thk_sec .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #424242;
box-shadow: none;
background: #fff;
margin-bottom: 0
}
.thk_sec .chosen-container .chosen-drop {
border-color: #424242
}
.thk_sec .ui-datepicker td a,
.thk_sec .ui-datepicker td span,
.thk_sec .ui-datepicker th {
font-size: 13px
}
.thk_sec .ui-datepicker select.ui-datepicker-month,
.thk_sec .ui-datepicker select.ui-datepicker-year {
width: 43%;
font-size: 12px;
border: 0 solid #bbb7b7;
padding: 4px
}
.thk_sec .send-btn {
width: 225px;
float: none;
background: #1c72d9 !important;
color: #fff;
margin-bottom: 30px;
border: none !important
}
.thk_sec .errmsg {
position: absolute;
width: 100%;
bottom: -23px;
color: red;
font-size: 14px
}
.thk_sec .ui-datepicker-title select {
appearance: none;
-webkit-appearance: none;
width: auto !important;
padding: 0 !important
}
.thk_sec .ui-datepicker .ui-datepicker-header {
border: none;
background: 0 0
}
.thk_sec .ui-state-default,
.thk_sec .ui-widget-content .ui-state-default,
.thk_sec .ui-widget-header .ui-state-default {
border: none;
height: 38px;
width: 38px;
text-align: center;
border-radius: 30px;
line-height: 32px;
background: #589ae9;
color: #fff;
font-weight: 600
}
.thk_sec .ui-state-highlight,
.thk_sec .ui-widget-content .ui-state-highlight,
.thk_sec .ui-widget-header .ui-state-highlight {
background: #418de7 !important
}
.thk_sec .ui-state-default.ui-state-active {
background: #1c72d9 !important;
color: #fff !important;
border-color: #1c72d9 !important
}
.thk_sec .ui-widget-content {
border: 1px solid #dbdbdb
}
.thk_sec .ui-datepicker .ui-datepicker-prev {
right: 33px !important;
left: auto !important
}
.thk_sec .ui-datepicker-title {
margin-left: 11px !important
}
.thk_sec .tim_sec ul {
padding-left: 0 !important;
max-height: 326px;
overflow: auto;
padding-top: 0;
margin-top: 22px
}
.thk_sec {
margin-top: 24px;
min-height: 270px
}
.thk_sec .left_sec {
margin: 0 auto;
display: flex;
justify-content: center
}
.left_sec .col-sm-4:last-child {
display: flex;
flex-direction: column;
justify-content: end
}
.thk_sec .send-btn {
border-radius: 30px;
font-weight: 700;
font-size: 20px
}
.thk_sec input,
.thk_sec select {
border: none
}
.thk_sec label {
margin-bottom: 10px;
font-size: 14px;
text-align: left !important;
float: left;
letter-spacing: .4px
}
.tim_sec select {
-webkit-appearance: none;
appearance: none
}
.date_sec:after,
.tim_sec:after {
content: "";
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/arrow-down.png) 0 0/15px no-repeat;
position: absolute;
right: -20px;
bottom: 40px;
width: 87px;
height: 40px;
transform: rotate(-90deg)
}
.left_sec .tim_sec ul li {
background: 0 0;
position: relative;
padding-left: 0
}
.left_sec .tim_sec ul li input {
position: absolute;
width: auto;
opacity: 0
}
.left_sec .tim_sec ul li input:checked+label,
.left_sec .tim_sec ul li label:hover,
.single-post .get_started.full-width.text-center.inr_ct .btn,
.single-post .get_started.text-center.inr_ct .btn {
background: #1c72d9;
color: #fff
}
.left_sec .tim_sec ul li label {
padding: 7px 10px;
transition: .4s;
text-align: center;
cursor: pointer;
border: 2px solid #1c72d9;
border-radius: 5px;
color: #1c72d9;
margin-bottom: 3px;
font-size: 15px;
width: 100%
}
.ui-widget-header .ui-icon {
background-image: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/ui-icon.png) !important;
font-size: 0
}
.ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
background-position: -29px 0
}
.ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
background-position: -87px 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
background: #fff !important;
border: none !important;
margin: 0 !important;
padding: 0 !important
}
.ui-timepicker-wrapper {
min-width: 18.5%
}
.ui-timepicker-list li {
padding: 5px 0 5px 14px;
font-size: 14px
}
.ui-datepicker select.ui-datepicker-month,
body.thk-page .ui-datepicker select.ui-datepicker-year {
font-size: 13px !important;
margin-top: -4px !important;
vertical-align: middle;
padding: 6px 8px;
border: none
}
.ui-datepicker-calendar tr {
border: 2px solid #000
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #1c72d9 !important;
cursor: pointer;
left: 0;
position: relative;
top: 0;
width: 6px;
z-index: 99999;
border-radius: 9px
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #1c72d9 !important;
position: relative;
width: 10px;
opacity: .5;
border-radius: 8px
}
.managed_services_about h3.white_text {
color: #1c72d9;
margin-top: 16px;
font-weight: 400;
font-size: 36px;
margin-bottom: 10px
}
.managed_services_about span {
margin-bottom: 44px;
display: block;
font-size: 18px
}
.managed_services_about .alert {
background-color: transparent !important;
border: none !important;
color: #000 !important
}
.managed_services_about p {
width: 400px;
margin: auto
}
.chosen-results li {
background: 0 0;
font-size: 14px;
padding: 9px !important
}
.opening-section .main-job-block label {
color: #1c72d9;
line-height: 29px;
font-weight: 600
}
.opening-section .inner-content-opening-job {
display: flex;
justify-content: space-between;
padding: 28px 0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5
}
.opening-section .inner-content-opening-job .apply-btn,
.opening-section .inner-content-opening-job .experience-block,
.opening-section .inner-content-opening-job .position-block {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
flex: 1
}
.opening-section .inner-content-opening-job label,
.opening-section .job-description-block p strong {
color: #1c72d9;
font-size: 24px;
line-height: 29px;
margin-bottom: 3px;
font-weight: 600
}
.opening-section .apply-btn a {
background-color: #1c72d9;
color: #fff;
border-radius: 30px;
font-weight: 700
}
.opening-section .experience-block:before {
content: "";
background-color: #d5d5d5;
height: 71px;
width: 1px;
position: absolute;
z-index: 9;
right: 0
}
.opening-section .job-description-block p strong {
margin-bottom: 24px;
display: inline-block
}
.opening-section .work-sidebar-list li a {
font-size: 20px;
line-height: 30px
}
.opening-section .job-description-block ul {
padding-left: 30px
}
#popup2 .modal-open .modal,
.combination-slider .owl-carousel .owl-stage,
.opening-section .apply-btn {
display: flex
}
.bg-white,
section.opening-section+script+section {
background-color: #fff
}
.servicesPage.payment {
text-align: center !important
}
.page-id-1549 .page-header {
padding: unset
}
.leftpart {
width: 70%;
float: left
}
.rightpart {
width: 30%;
float: right
}
.as_blog_wrap .as_blog_ul,
.as_blog_wrap .as_blog_ul li .blg_img {
float: left;
width: 100%
}
.as_blog_wrap .as_blog_ul li {
float: left;
border-top: 1px solid #ddd;
width: 100%;
padding-top: 30px;
margin-bottom: 30px
}
.as_blog_wrap .as_blog_ul .col-xs-12.col-sm-6,
.single-post .wpcf7 .ajax-loader {
float: left
}
.get_started {
padding: 110px 0 98px;
background: #424242
}
.internal-banner,
.wordpress-banner {
position: relative;
background-size: cover !important
}
.get_started.inr_ct {
background: #fff0;
padding: 20px 0
}
.as_blog_wrap .rightpart {
border-left: 1px solid #dbdbdb;
float: right;
padding: 30px 0 0 2%;
width: 28%
}
.as_blog_wrap .as_blog_ul li .blg_con {
float: right;
margin: 0;
padding: 0;
width: 100%
}
.as_blog_wrap .as_blog_ul li .blg_con h2 {
float: left;
width: 100%;
font-weight: 700;
color: #000;
letter-spacing: 0;
margin: 0 0 18px;
font-size: 20px;
line-height: 32px
}
.as_blog_wrap .as_blog_ul li .blg_con p {
float: left;
width: 100%;
font-size: 16px;
color: #666;
letter-spacing: 0;
line-height: 26px;
margin-bottom: 0;
word-break: break-all
}
.blog_cell {
width: 100%;
float: left;
margin: 20px 0 0
}
.blg_con a.blog_cell {
font-size: 12px;
letter-spacing: 2px
}
.as_blog_wrap .rightpart .widget-title {
margin: 0 0 20px;
padding: 0;
font-size: 23px;
font-weight: 700;
line-height: 32px;
text-align: center
}
.as_blog_wrap .rightpart ul li,
.businesses_worldwide .stat-box .stat-number,
.call-to-action .get-connect,
.comp-seo .android-tab-subpara,
.content,
.discussion-sec h2,
.get_started .input-field,
.hire-programmer-sec .form-wrap h3,
.lead-row-section .quick-form-box>p,
.metrics_block .muted,
.metrics_block h1,
.newpage-industry .owl-stage-outer .owl-stage,
.opening-section .inner-content-opening-job .apply-btn,
.opening-section .inner-content-opening-job .experience-block,
.opening-section .inner-content-opening-job .position-block,
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top,
.single-post .get-toggle-form .get_started .input-field,
.who_we_are_block h2 {
margin-bottom: 20px
}
.as_blog_wrap .rightpart ul li a {
color: #252525;
font-size: 14px;
line-height: 20px;
font-weight: 700
}
.rightpart.get_started.inr_ct.side_cnt.p_desc ul li p {
margin-top: 0;
padding-top: 10px;
color: #666;
font-size: 16px;
line-height: normal
}
.as_blog_wrap .row {
justify-content: space-between
}
.single-post .leftpart .get_started.full-width.text-center.inr_ct {
margin: auto;
width: 70%;
padding-top: 20px
}
.single-post .leftpart .get_started.full-width.text-center.inr_ct .wpcf7-form {
display: flex;
flex-wrap: wrap;
margin-left: -20px
}
.single-post .get_started.full-width.text-center.inr_ct .input-field {
width: calc(33.33% - 20px);
text-align: left;
margin-left: 20px
}
.single-post .get_started.full-width.text-center.inr_ct .input-field label {
margin-bottom: 10px;
font-weight: 500
}
.single-post .get_started.full-width.text-center.inr_ct .input-field:nth-child(5) {
width: calc(100% - 20px)
}
.single-post .rec_cap {
margin-left: 20px;
margin-top: 9px
}
.single-post .btnbox.text-right.mrt {
margin-top: 0;
margin-right: auto;
margin-left: auto
}
.single-post .get-toggle-form .get_started.full-width.text-center.inr_ct,
.single-post .get-toggle-form .get_started.full-width.text-center.inr_ct .input-field,
.single-post .rightpart .get_started.full-width.text-center.inr_ct .input-field {
width: 100%;
margin-left: 0
}
.single-post .rightpart .get_started.full-width.text-center.inr_ct {
padding-top: 20px
}
.get_started input {
border: 2px solid #666;
border-radius: 5px;
background: 0 0;
width: 100%;
padding: 0 20px
}
.get_started textarea {
min-height: auto;
border: 2px solid #666;
border-radius: 5px;
background: 0 0;
width: 100%;
padding: 20px;
margin-bottom: 0;
resize: none
}
.single-post .internal-banner .row .col-lg-7.col-md-6 {
text-align: center;
margin: auto
}
.internal-banner {
height: 669px;
padding-top: 250px
}
#estimatePopup .row,
.internal-banner .row.align-items-center {
align-items: flex-start !important
}
.internal-banner .container {
height: 100%;
position: relative;
z-index: 2
}
.wordpress-banner {
padding: 170px 0 0;
height: 492px
}
.wordpress-banner:after {
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #1c72d9;
opacity: .65
}
.single-post .internal-banner {
height: 300px;
padding: 140px 0 0
}
.single-post .banner-title .h1 {
font-size: 36px;
line-height: 53px;
color: #fff
}
.single-post .blog_con_title {
text-align: center;
font-size: 24px;
display: block;
margin: 10px 0 20px;
font-weight: 700;
line-height: 120%
}
.top-header {
display: none;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 11;
background-color: #343434;
height: auto;
padding: 10px 0;
width: 100%;
transition: .6s;
-webkit-transition: .6s
}
.top-header ul,
ul.mobile-view-only {
display: flex;
justify-content: right;
align-items: center;
margin-bottom: 0
}
.top-header ul li a {
color: #fff;
font-size: 12px
}
.top-header ul li a span,
ul.mobile-view-only li a span {
width: 34px;
height: 34px;
object-fit: cover;
background-color: #ff8a00;
border-radius: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
vertical-align: middle;
border: 1px solid #fffFFF57;
margin-right: 10px
}
.top-header ul li a img {
object-fit: cover
}
ul.mobile-view-only li a span {
border: 1px solid #fff;
background-color: #fff0
}
.lead-row-section .connect-email i,
.reminder-section .reminder-text p i,
ul.mobile-view-only li:last-child a span {
margin-right: 5px
}
.cf-geoplugin-shortcode .flag-icon {
border-radius: 50%;
height: 47px;
width: 47px;
object-fit: cover;
background-size: cover
}
.banner-main {
min-height: calc(100vh - 87px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #1c72d9
}
.banner-main .banner-post-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.banner-main * {
position: relative;
z-index: 1
}
.banner-main .banner-post-img img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.resp-btn .btn {
padding: .625rem 1.875rem;
line-height: 1.5;
font-size: 1rem;
font-weight: 600;
border-radius: 0;
letter-spacing: .0625rem;
-webkit-box-shadow: none;
box-shadow: none
}
.resp-btn .btn.btn-primary {
background-color: #f58220;
border-color: #f58220;
color: #fff
}
.resp-btn .btn.btn-primary:hover {
background-color: #ec6100;
border-color: #ec6100
}
.resp-btn .btn.btn-outline-primary {
color: #f58220;
border: .0625rem solid
}
.resp-btn .btn.btn-outline-primary:hover {
border-color: #f58220;
color: #fff;
background-color: #f58220
}
.faq-outer .faq-left,
.side-sticky-section {
position: sticky;
top: 10rem
}
.service-box-row .service-box.active,
.service-box-row .service-box:hover,
.shadow-custom,
.technology-page .boxed:hover {
-webkit-box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / .1);
box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / .1)
}
.android-tab-section {
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/css/hp-second-bg.png) 0 0/115% 140% no-repeat #fff
}
.comp-seo ul {
margin-left: 0;
list-style: none
}
.comp-seo ul li,
.form-toggle .form-title,
.single-post ol>li,
.single-post ul>li {
margin-bottom: 10px
}
.android-tab-section ul.nav.nav-tabs {
flex-wrap: nowrap;
justify-content: center;
border-bottom: none;
width: 100%
}
.android-tab-section .nav-tabs .nav-link {
color: #13294b;
text-align: center
}
.android-tab-section .nav-tabs .nav-link.active {
background: #1c72d9;
color: #fff;
border-color: #dee2e6
}
.case-std .br-1,
.case-std ul.nav.nav-tabs {
border-right: 1px solid #dee2e6
}
.android-tab-section.case-std .tab-content {
width: 100%;
background-color: #fff;
height: 100%
}
.android-tab-section .tab-content .tab-pane {
background: #fff;
box-shadow: 0 0 8px -4px;
border-radius: 19px;
margin-top: 30px
}
.section-padding-lg {
padding-top: 8.4375rem
}
.bg-graylight,
.footer-bt-left.tab-bg-gray .tab-content .tab-pane {
background-color: #f9f9f9
}
.boxed {
padding: 2rem 1.5rem
}
.round-dot-slider .owl-dots {
text-align: center;
margin-top: 1rem
}
.round-dot-slider .owl-dots button.owl-dot {
height: .875rem;
width: .875rem;
border-radius: 100%;
background-color: #dadada !important;
margin: 0 .25rem
}
#loadMore,
.footer-bt-left .nav-tabs .nav-tab-head.active,
.footer-bt-left .nav-tabs a.active {
background-color: #1c72d9;
color: #fff
}
.round-dot-slider .owl-dots button.owl-dot.active {
background-color: #1c72d9 !important
}
.slider-btn .btn {
margin-top: 2.625rem;
border-radius: 0;
padding: .625rem 1.875rem
}
.service-box-row-negative {
margin-top: -6.25rem
}
.flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
.content,
.panel {
display: none;
background-color: #fff
}
.content {
height: 100%;
color: #fff;
font-size: 24px;
line-height: 100px
}
#loadMore {
width: 200px;
display: block;
text-align: center;
padding: 13px 10px;
border-radius: 4px;
border: 1px solid #fff0;
transition: .3s;
margin: 30px auto 20px
}
#loadMore:hover {
color: #00f;
background-color: #fff;
border: 1px solid #00f;
text-decoration: none
}
#loadMore.noContent {
color: #000 !important;
background-color: transparent !important;
pointer-events: none;
border: 1px solid #1c72d9 !important;
margin: 20px auto
}
.service-box-row .content .service-box.active {
height: 100%;
margin-top: 0
}
.service-box-row .content .service-box.active h3 {
font-size: 21px
}
.service-box-row .service-box.active,
.service-box-row .service-box:hover {
-webkit-box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / 10%);
box-shadow: 0 2.8125rem 3.75rem 0 rgb(34 34 34 / 10%)
}
.service-box-row .service-box .svg-icon-box {
margin-bottom: 1.3125rem
}
.service-box-row .service-box .svg-icon-box .svg-icon {
display: block;
margin: auto;
height: 4.6rem
}
.service-box-row h3 {
line-height: 1.5;
color: #222
}
.service-box-row p {
color: #696969
}
.hover-content-show {
top: 100%;
left: 0;
background-color: #fff;
padding: 20px;
z-index: 11
}
body.page-template-content-page-template {
overflow: visible
}
.case-std .case-tab-heading {
margin-bottom: 3rem
}
.case-std ul.nav.nav-tabs {
flex-direction: column;
justify-content: flex-start;
position: sticky;
top: 0
}
.case-std .case-std-row {
border: 1px solid #dee2e6
}
.case-std .case-std-row .nav-tabs .nav-link {
border-radius: 0;
border: none;
border-bottom: 1px solid #dee2e6;
text-align: left
}
.case-std .case-std-row .nav-tabs .nav-item:last-child .nav-link {
border-bottom: none
}
.case-std .case-std-row .tab-content .tab-pane {
box-shadow: none;
margin-top: 0;
overflow-y: auto;
border-radius: 0
}
.section-title-and-desc {
margin-bottom: 2.8125rem
}
.section-title-and-desc .section-title-block .section-title-text {
font-weight: 700;
line-height: 1.3;
margin-bottom: .875rem
}
.footer-bt-left .nav-tabs .nav-tab-head,
.footer-bt-left .nav-tabs a {
font-size: 1.25rem;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .75rem;
color: #222;
border-left: 4px solid #1c72d9 !important;
cursor: pointer
}
.footer-bt-left .small-heading-two {
margin-top: 22.5px
}
.mb-50 {
margin-bottom: 3.125rem !important
}
.style-check li {
position: relative;
padding-left: 1.875rem;
margin-bottom: 1rem;
list-style: none
}
.mt-lg {
margin-top: 2.625rem
}
.style-check li:after {
position: absolute;
content: "";
left: 0;
top: .5625rem;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/css/xright-arrow.png.pagespeed.ic.jswZfUWZRp.webp) center no-repeat;
height: .8125rem;
width: .875rem
}
.ofed-dlm .workflow-title-tech-srat h2 {
margin-bottom: 21px;
color: #1c72d9;
text-align: center
}
.ofed-testimonials-box li {
list-style: none;
height: 100%
}
.ofed-testimonials-box .ofed-test-contant {
box-shadow: 4px 4px 12px rgb(69 17 0 / 22%);
border-radius: 8px;
border: 1px solid #1c72d9;
box-sizing: border-box;
background: #fff;
margin: 70px auto;
padding: 50px 100px;
text-align: center;
position: relative
}
.ofed-testimonials-box {
margin-top: -75px
}
.ofed-testimonials-box .ofed-test-contant:before {
content: "";
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/opening-quotes.svg) 0 0/100% no-repeat;
width: 200px;
height: 200px;
display: block;
position: absolute;
left: -60px;
top: -98px;
z-index: -1
}
.ofed-testimonials-box .ofed-test-contant:after {
content: "";
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/css/closing-quotes.svg) 0 0/100% no-repeat;
width: 200px;
height: 200px;
display: block;
position: absolute;
right: -60px;
bottom: -98px;
z-index: -1
}
.ofed-testimonials-box .ofed-test-contant p strong {
margin-top: 15px;
display: block
}
.ofed-testimonials .owl-dots {
text-align: center;
position: relative
}
.ofed-testimonials .owl-carousel .owl-dots button {
width: 14px;
height: 14px;
display: inline-block;
margin: 0 5px;
border-radius: 100%;
background: #dadada
}
.insight-slider-navigation .nav-block {
background-color: #f9f9f9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0
}
.insight-slider-navigation .nav-block .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
position: relative;
list-style: none
}
.insight-slider-navigation .nav-block .nav-item .nav-link {
color: #222;
padding: 0;
font-weight: 600
}
.insight-slider-navigation .nav-block .nav-item .nav-link .slide-number,
.insight-slider-navigation .nav-block .nav-item .nav-link .text {
display: block;
padding: 1rem 1.6rem
}
.insight-slider-navigation .nav-block .nav-item .nav-link .slide-number {
color: #696969;
position: relative;
border-bottom: 1px solid
}
.insight-slider-navigation .nav-block .active-line {
display: block;
width: 33.33%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: .35s ease-in-out;
-o-transition: .35s ease-in-out;
transition: .35s ease-in-out;
-webkit-transition-delay: inherit;
-o-transition-delay: inherit;
transition-delay: inherit;
height: 2px;
background-color: #1c72d9
}
.insight-slider-navigation .nav-block .nav-item:first-child.active~.active-line {
width: 33.33%
}
.insight-slider-navigation .nav-block .nav-item:nth-child(2).active~.active-line {
width: 66.66%
}
.owl-carousel.owl-nav-top-right .owl-nav {
position: absolute;
right: 5rem;
top: 0;
width: 3rem;
display: none
}
.owl-carousel.owl-nav-top-right .owl-nav .owl-prev {
position: absolute;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.owl-carousel.owl-nav-top-right .owl-nav .disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .3
}
.owl-carousel.owl-nav-top-right .owl-nav>button+button {
margin-left: 1rem
}
.long-arrow-icon-css {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 17px;
height: 12px;
position: relative;
z-index: 0;
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css {
width: 32px
}
.long-arrow-icon-css:after,
.long-arrow-icon-css:before {
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
content: "";
display: block;
position: absolute
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css:before {
width: 31px;
height: 2px;
background-color: #696969
}
.long-arrow-icon-css:after {
width: 9px;
height: 9px;
left: 100%;
top: 50%;
-webkit-transform: translate(-100%, -50%) rotate(45deg);
-ms-transform: translate(-100%, -50%) rotate(45deg);
transform: translate(-100%, -50%) rotate(45deg);
border: 1px solid #222;
border-left: none;
border-bottom: none
}
.long-arrow-icon-css.icon-left:after {
-webkit-transform: translate(100%, -50%) rotate(-135deg);
-ms-transform: translate(100%, -50%) rotate(-135deg);
transform: translate(100%, -50%) rotate(-135deg);
left: unset;
right: 100%
}
.owl-carousel .long-arrow-hover .long-arrow-icon-css:after {
border-width: 2px;
margin-top: -.5px;
width: 10px;
border-color: #696969;
height: 10px
}
.owl-carousel .long-arrow-hover:hover .long-arrow-icon-css {
width: 38px
}
.owl-carousel .long-arrow-hover:hover .long-arrow-icon-css:before {
width: 37px;
background-color: #222
}
.owl-carousel .long-arrow-hover:hover .long-arrow-icon-css:after {
border-color: #222
}
.faq-outer .btn-link {
font-size: 1.625rem;
text-decoration: none;
color: #1c72d9;
font-weight: 700;
display: inline-block;
line-height: normal
}
.long-arrow-icon-css:before {
height: 1px;
background-color: #222;
width: 18px
}
.faq-outer .accordion-item.accordian-tab {
margin-bottom: 1.25rem
}
.faq-outer .faq-heading a:after {
position: absolute;
content: "";
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/xdown-arrow.png) center no-repeat;
right: 1.25rem;
top: 0;
width: .8125rem;
height: .5625rem;
bottom: 0;
margin: auto
}
.faq-outer .accordion-item.active .faq-heading a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
#estimatePopup #popupFlip.flipped,
.popup-back {
transform: rotateY(180deg)
}
.RecentWorkBox {
border-radius: 10px;
height: 100%;
position: relative
}
.RecentWorkBox img {
border-radius: 10px;
width: 100%
}
.RecentWorkBox .recentworkbox-text {
bottom: 0;
transition: .5s;
padding: 20px
}
.RecentWorkBox:hover .recentworkbox-text {
height: 100%;
border-radius: 8px
}
.common-page-industry.newpage-industry .comp-seo.grey-section {
padding: 54px 0
}
.grey-box.text-left {
background: #fff;
padding: 30px 22px 25px;
box-shadow: 0 4px 50px 0 rgb(0 0 0 / 13%);
border-radius: 60px 12px 12px;
min-height: 100%
}
.grey-box.text-left.down-box {
border-radius: 12px 12px 12px 60px;
position: relative
}
h3.subtitle-Txtheading {
font-size: 20px;
line-height: 24.38px;
margin-bottom: 8px;
color: #000
}
.grey-box.text-left.down-box span.verticleline-brdr {
position: absolute;
background: #1c72d9;
top: 0;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
left: 4%
}
.book-call-sec,
.newpage-industry .ofed-dlm.ofed-testimonials {
padding: 70px 0
}
.newpage-industry .owl-carousel .owl-item .item {
height: 100%;
padding-bottom: 35px
}
.newpage-industry .ofed-testimonials-box .ofed-test-contant {
margin: 30px auto 0;
border: #f4f4f4;
border-radius: 20px;
position: relative;
box-shadow: none;
height: 90%
}
.ofed-testimonials-box.react-temonial.sks-client-speker .ofed-test-contant:before {
content: "";
background-image: none
}
.ofed-testimonials .owl-nav {
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
width: 100%;
z-index: 999
}
.ofed-testimonials .ofed-testimo-slidess .owl-nav button {
font-size: 45px !important
}
.newpage-industry .ofed-testimonials-box .ofed-test-contant::after {
content: "";
width: 29px;
height: 39px;
background: #fff;
position: absolute;
bottom: -19px;
right: 100px;
z-index: 9;
transform: rotate(305deg)
}
.newpage-industry .owl-carousel .owl-item img {
display: inline-block;
width: 80px;
position: absolute;
top: -38px;
left: 40%
}
.newpage-industry .owl-carousel .owl-item .udimage img {
position: unset;
width: 50px;
margin-top: 10px
}
.newpage-industry .ofed-testimonials-box .ofed-test-contant p {
display: flex;
align-items: center;
column-gap: 10px;
text-align: left
}
.service-box-row-without-cursor .service-box {
cursor: auto;
border-right: 1px solid #dee2e6
}
.service-box-row-without-cursor .service-box:nth-child(3n+0) {
border-right: none
}
.service-box-row .service-box {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.service-box-row .popup-button {
text-align: center;
margin-top: 50px
}
.insight-slider-main .popup-button {
padding-bottom: 15px
}
.call-to-action .row,
.our-tech-sec .owl-dots button.owl-dot.active {
background-color: #1c72d9
}
.call-to-action .call-to-action-title {
color: #fff;
font-size: 20px;
line-height: 1.3;
margin-top: 1px;
font-weight: 700
}
.input-group.subscription-form {
display: flex;
column-gap: 10px
}
.input-group.subscription-form .wpcf7-form-control-wrap {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 0;
width: 100%
}
.call-to-action .get-connect,
.logo-wrap.owl-loaded .owl-stage {
display: flex;
align-items: center
}
.input-group.subscription-form input {
border-radius: 4px !important;
height: 44px
}
.header .nav-main nav>div>ul.menu>li {
margin: 0 46px 0 0;
display: inline-block;
height: auto;
vertical-align: middle;
position: relative
}
.header .nav-main nav>div>ul.menu>li.menu-item-has-children ul.sub-menu {
width: 100%;
min-width: 210px;
max-width: 210px;
border-radius: 15px;
padding: 30px 20px;
left: -50%;
max-height: 480px;
overflow: auto
}
.header .nav-main nav>div>ul.menu>li.menu-item-has-children:hover ul.sub-menu {
transform: scaleX(1) !important;
opacity: 1;
transform: translate(0, 0)
}
.header .nav-main nav>div>ul.menu>li>a {
line-height: 48px;
padding: 0;
vertical-align: baseline;
width: auto;
display: block;
color: #fff;
text-transform: none;
text-align: left;
text-decoration: none;
background: #fff0;
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 18px;
font-weight: 700;
outline: 0
}
.header .nav-main nav>div>ul.menu li ul.sub-menu li+li:not(first-child) {
margin-top: 10px !important;
border: none
}
.header .nav-main nav>div>ul.menu li ul.sub-menu a {
display: block;
background: #fff0;
color: #000;
font-family: inherit;
font-size: 14px;
font-weight: 400;
padding: 0 15px;
line-height: 18px !important;
text-decoration: none;
text-transform: none;
vertical-align: baseline
}
.header .nav-main nav>div>ul.menu>li.menu-item-has-children:hover>a:before {
opacity: 1;
bottom: 0
}
.get-toggle-form {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
max-width: 50%;
width: 100%;
margin: auto
}
.get-toggle-form.show {
bottom: 0
}
.get-toggle-form>p {
background-color: #ffc024;
padding: 20px;
color: #000;
font-weight: 700;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 24px;
line-height: 30px;
margin-left: auto;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
margin-bottom: 0 !important;
cursor: pointer
}
body .get-toggle-form>p span {
display: flex;
flex-direction: column
}
.form-toggle {
background-color: #162150;
padding: 22px 30px 30px;
right: 0;
bottom: 0;
display: none;
transition: 4s ease-out
}
.form-title a {
color: #ffc024;
display: flex;
align-items: center;
justify-content: right;
font-size: 26px;
line-height: 31px;
font-weight: 700
}
.rightpart-sticky {
position: sticky;
top: 0;
padding-top: 20px
}
.page-template-tp-Hiredeveloper .hire-withform-sec h2,
.single-post .as_blog_wrap .container {
max-width: 100%
}
.form-toggle .form-title img {
filter: invert(1);
width: 20px
}
@media screen and (min-width:768px) {
.footer-bt-left .panel-heading {
display: none
}
.footer-bt-left .panel-collapse.collapse {
display: block
}
.footer-bt-left .panel-collapse {
height: auto
}
}
@media screen and (min-width:992px) {
.contact-block .address-list .items {
display: flex;
flex-wrap: wrap;
justify-content: center
}
}
@media screen and (min-width:1367px) {
h3.mb-1 {
margin-bottom: 14px !important;
font-size: 34px;
line-height: 40px
}
.mission-title-des-block {
padding-right: 20%
}
section.mission-section.bg2 {
background-color: #fff;
padding: 100px 0 120px
}
.mission-image-block {
width: 321px
}
.choose-imgs.one_img .imgbox img {
height: auto
}
.opening-section .main-job-block h1 {
font-size: 50px;
line-height: 60px
}
.opening-section .job-description-block p {
font-size: 20px;
line-height: 40px
}
.opening-section .job-description-block ul li {
font-size: 20px;
line-height: 50px
}
}
@media screen and (min-width:1700px) {
.experience-block:before {
right: -100%
}
.opening-section .apply-btn {
margin-top: 70px
}
}
@media screen and (max-width:1679px) {
.h1,
h1 {
font-size: 42px;
line-height: 52px
}
.h2,
h2 {
font-size: 36px;
line-height: 46px
}
h3 {
font-size: 28px;
line-height: 36px
}
.btn.big,
.button.big {
padding: 12px 30px 11px;
min-width: 120px;
font-size: 16px
}
.home-banner .items {
padding: 140px 0 0;
min-height: 630px;
max-height: 630px
}
.wel-text {
font-size: 36px;
line-height: 44px
}
.banner-inner h2 {
font-size: 56px;
line-height: 64px;
margin: 0 0 20px
}
.banner-inner p {
font-size: 22px;
line-height: 34px
}
.bdr-text {
padding: 20px 0 0;
margin-right: -20px
}
.cap-imgbox {
max-width: 550px;
margin-right: 0;
right: -20px
}
.nav-main nav>ul>li a {
font-size: 18px
}
.header-fixed .head-btnbox .btn {
padding-top: 8px;
padding-bottom: 7px
}
.cap-shape {
width: 400px;
height: 440px;
top: 30px
}
.cap-dotted {
width: 580px;
height: 580px
}
.tab-style li {
font-size: 14px
}
.tab-style li+li {
margin-left: 20px
}
.f-imgbox {
max-width: 320px;
left: -40px
}
.banner-arrow {
right: 20px;
bottom: 10px
}
.form-inner .btnbox .btn {
min-width: 200px
}
.section-padding,
.section-padding-md {
padding-top: 3.375rem;
padding-bottom: 3.375rem
}
.max-container {
max-width: 1270px
}
}
@media (max-width:1599px) {
.service-box-row .service-box {
padding: 1.5rem
}
}
@media screen and (max-width:1365px) {
.big-text {
font-size: 300px
}
.menu_w_1150 {
min-width: 1040px !important;
max-width: 1040px !important
}
.count-text {
font-size: 20px
}
}
@media screen and (max-width:1199px) {
.container {
max-width: 100%
}
.btnbox {
padding: 10px 0 0
}
.ptb-100 {
padding: 80px 0
}
.ptb-80,
.ptb-90 {
padding: 60px 0
}
.h1,
.h2,
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: .01em
}
.h2,
h2 {
font-size: 28px;
line-height: 34px
}
h3 {
font-size: 20px;
line-height: 30px
}
.count-text,
h4 {
font-size: 18px;
line-height: 24px
}
.combination-slider .owl-carousel .bg-white li,
p {
font-size: 15px;
line-height: 24px;
margin-bottom: 15px
}
.f-address p,
ol li,
ul li {
font-size: 15px;
line-height: 24px
}
.f-links ul li,
.link {
font-size: 15px;
line-height: 22px
}
.nav-main {
display: none !important
}
.mobi-iconbox {
display: block
}
.card-address p br,
.card-mission p br,
.head-btnbox {
display: none
}
.header-fixed .header .header-inner,
.header-inner {
height: 80px
}
.header-fixed .site-logo,
.site-logo {
max-width: 200px
}
.flg_img {
margin: -45px 0 0 210px
}
.home-banner .items {
padding: 100px 0 0;
min-height: 540px;
max-height: 540px
}
.cap-left-block {
padding: 40px 0 80px;
flex-basis: 50%;
min-width: 50%;
max-width: 50%
}
.cap-left-block .mt-auto {
margin-bottom: auto
}
.cap-right-block {
flex-basis: 50%;
min-width: 50%;
max-width: 50%
}
.cta-inner .cta-img,
.emply-sidebar {
max-width: 240px
}
.cap-shape {
width: 350px;
height: 380px
}
.banner-inner h2 {
font-size: 40px;
line-height: 50px;
letter-spacing: 0
}
.wel-text {
font-size: 24px;
line-height: 32px;
letter-spacing: 0
}
.banner-inner p,
.page-header p {
font-size: 16px;
line-height: 24px
}
.banner-social-icons {
height: auto;
margin: 0 !important;
position: absolute;
bottom: 30px;
left: 20px
}
.icon-link+.icon-link {
margin-left: 32px
}
.s-icon+.s-icon {
margin-left: 20px
}
.emply-content .row,
.offer-list,
.steps-list,
.team-list,
.three-column {
margin: 0 -15px
}
.emply-content .row .items,
.three-column .items {
padding: 0 15px
}
.emply-content {
padding: 20px
}
.emply-sidebar {
padding: 40px 10px 0;
flex-basis: 240px;
min-width: 240px;
height: 300px
}
.emply-sidebar .iconbox img {
max-width: 120px
}
.emply-sidebar .tl {
font-size: 18px;
line-height: 28px
}
.emply-sidebar .tl-numb {
font-size: 70px;
line-height: 70px
}
.big-text {
font-size: 200px;
left: -620px
}
.tab-style li {
font-size: 14px;
line-height: 20px;
padding: 0 0 5px
}
.close-btnbox .container,
.f-inner,
.tech-logo-list {
padding: 0
}
.f-left .f-links {
min-width: 180px;
max-width: 180px
}
.page-header {
padding: 0 0 60px
}
.page-header-inner {
padding: 80px 0 0;
min-height: 360px;
max-height: 360px
}
.page-header-inner.title-only {
min-height: 280px;
max-height: 280px
}
.page-header h2 {
font-size: 32px;
line-height: 40px
}
.page-head-imgbox {
min-width: 300px;
max-width: 300px
}
.counter-inner,
.mission-inner {
margin: 0 -20px
}
.counter-inner .items,
.mission-inner .items {
padding: 0 20px
}
.testi-block {
max-width: 580px
}
.offer-list .items,
.team-list .items {
padding: 20px 15px
}
.card-team.col_2 .team-textbox {
padding: 0 25px
}
.acc-style h4.resp-accordion {
font-size: 16px;
line-height: 20px;
letter-spacing: .05em;
margin: 0 0 15px
}
.acc-describ {
padding: 0 0 20px
}
.choose-inner .right-block {
padding-left: 15px
}
.cta2-inner,
.form-block {
padding: 0 30px
}
.cta2-inner .imgbox {
max-width: 200px;
margin-right: 30px
}
.cta2-inner .right-text {
padding: 38px 0
}
.about-section-inner .right-imgbox {
max-width: 380px
}
.steps-list .items {
padding: 15px
}
.bottom-btnbox .btn.mw_440 {
min-width: 320px
}
.value-inner .textbox.bottom-space {
margin-bottom: 120px
}
.counter-section .bgbox {
padding: 30px 20px;
margin: -120px 0 0
}
.count-numb,
.detail-tl h2 {
font-size: 40px;
line-height: 50px
}
.card-counter h3 {
font-size: 20px;
line-height: 28px;
padding: 20px 0 0;
margin: 20px 0 0
}
.cost-list {
margin: 0 -10px
}
.close-btnbox,
.cost-list .items {
padding: 10px
}
.card-cost {
padding: 30px 20px
}
.value-inner .textbox,
.work-inner .right-block {
padding-left: 30px
}
.page_404 .caption-textbox {
padding: 60px 20px
}
.add-link .fa {
font-size: 15px;
margin-right: 5px
}
.email-label {
font-size: 14px;
line-height: 18px
}
.email-block .email {
font-size: 20px;
line-height: 28px
}
.form-inner .label {
font-size: 16px
}
.modal-subs .modal-lg {
max-width: 940px
}
.work-sidebar-list li {
font-size: 24px;
line-height: 28px
}
.detail-page {
padding: 40px 20px
}
.detail-inner {
padding: 40px
}
.detail-inner>h3,
.detail-inner>h4 {
margin-top: 0
}
.modal-subs-inner>div {
padding: 30px
}
.modal-logo {
margin: 0 0 20px
}
}
@media (max-width:992px) {
.container {
padding: 0 15px
}
.banner-main {
padding: 9.25rem 0 3.5rem
}
.call-to-action .row {
padding: 3rem 2rem !important
}
.single-post .internal-banner {
height: 400px !important
}
.single-post .leftpart {
width: 100%;
padding: 0 15px
}
.single-post .leftpart .get_started.full-width.text-center.inr_ct {
width: 100%;
padding-bottom: 50px
}
.single-post .leftpart .get_started.full-width.text-center.inr_ct .input-field {
width: 100%
}
.single-post .get-toggle-form {
max-width: 450px !important;
width: 100% !important
}
}
.detail-page:after,
.detail-page:before {
height: 240px
}
.detail-inner {
min-height: 640px
}
.opening-section .main-job-block {
padding-bottom: 20px
}
.opening-section .main-job-block label,
.review-slider .review-slide p {
font-size: 20px
}
.opening-section .main-job-block h1 {
font-size: 29px;
line-height: 34px
}
.opening-section .apply-btn a {
padding: 15px 20px
}
.opening-section .job-description-block {
padding-top: 40px
}
.header-fixed .site-logo,
.site-logo {
max-width: 170px
}
.flg_img {
width: 35px !important;
margin: -30px 0 0 175px
}
.flg_img img {
height: 35px
}
.tooltip .tooltiptext {
width: 136px;
left: 36px;
padding: 8px 5px;
font-size: 12px;
margin-top: 0
}
.flg_img .tooltip {
line-height: 1
}
.single-post div table,
.thk_sec .col-xs-12.col-sm-4,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .form-group {
margin-bottom: 30px
}
body.page-template-magento-thank-you .ui-timepicker-wrapper {
min-width: 80%
}
.thk_sec .left_sec {
max-width: 390px
}
.thk_sec .tim_sec ul {
margin-left: -15px
}
.thk_sec .tim_sec ul li {
float: left;
width: calc(50% - 15px);
margin-left: 15px
}
.section-padding,
.section-padding-md {
padding-top: 2.375rem;
padding-bottom: 2.375rem
}
.footer-bt-left .tab-content .tab-pane {
display: block;
margin-bottom: .75rem;
background-color: #fff
}
.banner-main {
padding: 7.25rem 0 1.5rem
}
.subhead,
section .side-sticky-section {
margin-bottom: 25px
}
.case-std .case-std-row .nav-tabs .nav-link {
padding: 1rem .75rem
}
.comp-seo {
padding: 30px 0
}
.grey-box.text-left.down-box {
padding: 40px 35px 15px
}
.android-tab-section .tab-content .tab-pane {
padding: 25px 20px
}
.newpage-industry .ofed-testimonials-box .ofed-test-contant {
margin-right: 0;
padding: 45px 20px 50px
}
.faq-outer .faq-heading a {
font-weight: 700;
color: #222;
display: block;
position: relative;
font-size: 1rem;
line-height: 1.5;
padding: 1rem 2.375rem 1rem 1.25rem
}
.faq-outer .accordian-text {
padding: 0 2.375rem 1.4375rem 1.25rem
}
.service-box-row .service-box {
padding: 1.5rem 1rem;
margin-top: 0;
border-right: none
}
.android-tab-section .nav-tabs .nav-link {
padding: .5rem 0
}
.section-title-and-desc .section-title-block .section-title-text {
font-size: 24px
}
.service-box-row-negative .content {
height: auto;
margin-bottom: 20px
}
#estimatePopup .exit-right textarea,
.service-box-row-negative .mb-3,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn {
margin-bottom: 0 !important
}
.grey-box.text-left.down-box span.verticleline-brdr {
width: 6px;
height: 30px
}
.page-id-37 .ForContactPg {
top: 0;
width: 320px;
height: 100vh !important;
background: #ff8a00;
z-index: 99;
padding-top: 90px;
right: -100%;
transition: .6s;
float: left;
position: fixed;
display: unset !important
}
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
display: list-item;
margin: 0;
clear: both;
border: 0
}
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
border-radius: 0;
border: 0;
margin: 0;
line-height: 40px;
height: 40px;
padding: 0 10px;
background: #fff0;
text-align: left;
color: #000;
font-size: 16px
}
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 0 20px 0 12px;
width: 100%
}
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
border: 0;
padding: 10px;
border-radius: 0
}
.page-id-37 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
width: 100%;
clear: both
}
.single-post .internal-banner .banner-title .h1 {
font-size: 32px;
line-height: 45px
}
.modal-subs h4 {
font-size: 17px;
line-height: 24px
}
.modal-subs .form-inner .label {
font-size: 14px;
line-height: 20px
}
.modal-subs .form-inner .input-filed textarea {
min-height: 120px;
height: 120px
}
.modal-subs {
height: 100vh
}
.modal-subs-inner h4.modal-tl.text-center {
width: 95%
}
.modal-subs .modal-header {
padding-top: 10px
}
section .section-title-and-desc {
margin-bottom: 1.8125rem
}
.call-to-action .input-group.subscription-form {
flex-direction: column;
gap: 12px
}
.call-to-action .row {
padding: 30px 20px !important
}
.mobi-iconbox {
top: 35px
}
.get_started input {
height: 45px;
font-size: 16px
}
.get_started textarea {
height: 120px;
font-size: 16px
}
.modal-subs-inner>div {
padding: 40px 20px
}
.header-fixed .top-header {
box-shadow: 0 -47px 90px -17px #888
}
.top-header ul li a span {
width: 24px;
height: 24px;
margin-right: 5px
}
.top-header ul li a span img {
max-width: 13px
}
ul.mobile-view-only {
position: absolute;
right: 60px;
top: 32px;
z-index: 11;
display: none
}
.header {
top: 10px
}
.top-header ul li:not(:last-child) {
margin-right: 0
}
.f-address p {
font-weight: 500
}
.f-address p:nth-child(2) {
margin-bottom: 0;
font-weight: 700;
display: none !important
}
.f-address p:nth-child(3) {
font-size: 17px;
line-height: 150%;
margin-top: 10px;
display: none !important
}
.discussion-sec {
padding: 30px 0 60px;
text-align: center
}
.discussion-sec h2 {
font-size: 44px;
line-height: 50px
}
.discussion-sec form {
max-width: 788px;
margin: auto
}
.discussion-sec form .col-md-4 {
margin-bottom: 35px
}
.discussion-sec textarea {
min-height: 140px
}
.discussion-sec .btn {
margin-top: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 20px;
font-size: 18px;
min-width: 200px;
background: #1c72d9;
border-color: #1c72d9;
color: #fff
}
.hire-withform-sec {
padding: 200px 0 80px
}
.hire-withform-sec h2 {
max-width: 80%;
font-size: 44px;
line-height: 58px
}
.hire-withform-sec .hire-btn-wrap {
display: flex;
gap: 15px;
flex-direction: column;
max-width: 38%
}
.hire-withform-sec .hire-btn-wrap a.btn {
line-height: 25px
}
.hire-withform-sec .form-wrap {
background: #fff;
border-radius: 40px;
box-shadow: none;
padding: 52px 50px 54px;
text-align: center;
box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}
.hire-withform-sec .form-wrap h4 {
margin-bottom: 28px
}
.hire-withform-sec .form-wrap .form-style input,
.hire-withform-sec .form-wrap .form-style select,
.hire-withform-sec .form-wrap .form-style textarea {
padding: 2px 15px;
width: 100%;
border: 1px solid #cbd6e2;
height: 45px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
font-size: 16px;
font-weight: 500;
line-height: normal;
color: #000;
background-color: #f5f8fa;
border-radius: 15px
}
.hire-withform-sec .form-wrap .form-style .fields+.fields {
margin-top: 16px
}
.discussion-sec select.form-select,
.hire-withform-sec .form-wrap select {
color: #bfbfbf !important
}
.our-tech-sec {
text-align: center;
padding: 68px 0 80px;
background-color: #fff
}
.our-tech-sec h2 {
font-weight: 700;
font-size: 45px
}
.our-tech-sec p {
font-size: 24px;
line-height: 40px;
max-width: 80%;
margin: 0 auto 50px
}
.blogdetail_page.single_post summary+div,
.our-works h3 {
line-height: normal
}
.our-tech-sec .owl-dots {
text-align: center;
padding-top: 15px
}
.our-tech-sec .owl-dots button.owl-dot {
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px
}
.our-tech-sec .owl-dots button span {
font-size: 70px;
position: relative;
top: -5px
}
.our-tech-sec a.btn {
margin-top: 50px
}
.our-tech-sec .logo-wrap .logo-items {
margin: 0 20px
}
.our-tech-sec .logo-wrap .logo-items img {
display: block;
max-height: 90px;
margin: auto;
width: auto
}
.our-works {
padding: 43px 0 53px;
background-color: rgb(71 71 71)
}
.our-works h3 {
margin: 0;
font-size: 65px;
font-weight: 700;
color: rgb(255 255 255)
}
.our-works h6 {
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: rgb(255 255 255);
margin: 0
}
.book-call-sec .client-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px
}
.book-call-sec h4 {
font-size: 32px;
line-height: 38px;
text-align: center;
margin-bottom: 20px
}
.book-call-sec .client-wrap .client {
display: flex;
align-items: center;
justify-content: center
}
.book-call-sec .client-wrap .client img {
max-height: 90px
}
.book-call-sec .right-call h3 {
font-size: 36px;
line-height: 52px;
font-weight: 600;
margin-bottom: 44px
}
.hire-programmer-sec {
text-align: center;
padding: 60px 0
}
.hire-programmer-sec h2 {
font-size: 45px
}
.hire-programmer-sec .top-row p {
font-size: 24px;
line-height: 40px;
max-width: 82%;
margin: 0 auto 50px
}
.hire-programmer-sec .right-listing li {
margin-bottom: 20px;
position: relative;
margin-left: 70px
}
.hire-programmer-sec .right-listing li:before {
position: absolute;
content: "#1";
left: -50px;
font-size: 24px;
top: 2px;
font-weight: 500
}
.hire-programmer-sec .right-listing li:first-child:before {
content: "#1"
}
.hire-programmer-sec .right-listing li:nth-child(2):before {
content: "#2"
}
.hire-programmer-sec .right-listing li:nth-child(3):before {
content: "#3"
}
.hire-programmer-sec .form-wrap {
padding: 50px;
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}
.hire-programmer-sec .form-wrap .form-style .label {
font-size: 20px;
line-height: 24px;
color: #000;
font-weight: 500;
margin: 0
}
.hire-programmer-sec .form-wrap h3 {
font-size: 30px;
line-height: 36px
}
.hire-programmer-sec .form-wrap .form-style .fields+.fields {
margin-top: 22px
}
.hire-programmer-sec .form-wrap .form-style input,
.hire-programmer-sec .form-wrap .form-style select,
.hire-programmer-sec .form-wrap .form-style textarea {
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
height: 45px
}
.form-wrap .form-style input:focus,
.form-wrap .form-style textarea:focus {
border: 1px solid #1c72d9
}
.review-slider-sec h2 {
font-size: 45px;
text-align: center;
margin-bottom: 20px
}
.review-slider .review-slide {
background: #fff;
border-radius: 30px;
padding: 40px 50px;
position: relative;
box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
margin: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 40px
}
.review-slider .review-slide .img-wrap {
border-radius: 30px;
overflow: hidden;
height: 400px
}
.review-slider .review-slide .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.review-slider .review-slide h4 {
font-size: 30px;
line-height: 40px;
margin-bottom: 6px
}
.review-slider .review-slide h6 {
font-size: 17px;
line-height: 24px;
color: gray;
font-weight: 500
}
.review-slider.owl-carousel .owl-nav button.owl-next,
.review-slider.owl-carousel .owl-nav button.owl-prev {
z-index: 1;
position: absolute;
top: 50%;
transform: translatey(-50%);
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/newhome/slider-next.svg) 0 0/contain;
background-position: center !important;
background-repeat: no-repeat !important;
height: 47px;
width: 47px
}
.review-slider.owl-carousel .owl-nav button.owl-prev {
transform: rotateY(-180deg) translate(0, -50%);
left: -3%
}
.review-slider.owl-carousel .owl-nav button.owl-next {
right: -3%
}
.page-template-tp-Hiredeveloper .btn.primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 20px;
font-size: 18px;
min-width: 200px
}
.hire-programmer-sec .form-wrap .form-style input.wpcf7-submit,
.hire-withform-sec .form-wrap .form-style input.wpcf7-submit {
padding: 14px 20px;
font-size: 18px;
background: #1c72d9;
border-color: #1c72d9;
color: #fff;
max-width: 200px;
transition: .3s;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin-top: 40px
}
.discussion-sec .wpcf7 .ajax-loader,
.hire-programmer-sec .form-wrap .wpcf7 .ajax-loader,
.hire-withform-sec .form-wrap .wpcf7 .ajax-loader {
position: absolute;
bottom: 12px
}
.discussion-sec .wpcf7 form.invalid .wpcf7-response-output,
.discussion-sec .wpcf7 form.unaccepted .wpcf7-response-output,
.hire-programmer-sec .wpcf7 form.invalid .wpcf7-response-output,
.hire-programmer-sec .wpcf7 form.unaccepted .wpcf7-response-output,
.hire-withform-sec .wpcf7 form.invalid .wpcf7-response-output,
.hire-withform-sec .wpcf7 form.unaccepted .wpcf7-response-output {
border: #fff0;
background: #fff0
}
@media screen and (max-width:1399px) {
.hire-withform-sec h2 {
max-width: 85%;
font-size: 39px
}
.our-works h3 {
font-size: 52px
}
.discussion-sec h2,
.hire-programmer-sec h2,
.our-tech-sec h2,
.review-slider-sec h2 {
font-size: 42px
}
.review-slider.owl-carousel .owl-nav button.owl-next {
right: -2%
}
.review-slider.owl-carousel .owl-nav button.owl-prev {
left: -2%
}
}
@media screen and (max-width:1299px) {
.hire-withform-sec h2 {
max-width: 95%
}
.hire-programmer-sec .right-listing li h4,
.hire-programmer-sec .right-listing li:before,
.hire-programmer-sec .top-row p,
.our-tech-sec p {
font-size: 22px
}
.our-works h3 {
font-size: 44px
}
.our-works h6 {
font-size: 26px
}
.book-call-sec .right-call h3 {
font-size: 34px;
margin-bottom: 35px
}
.discussion-sec h2,
.hire-programmer-sec h2,
.our-tech-sec h2,
.review-slider-sec h2 {
font-size: 40px
}
.hire-programmer-sec .form-wrap {
padding: 40px
}
.hire-programmer-sec .right-listing li {
margin-left: 55px;
margin-bottom: 15px
}
}
@media screen and (max-width:1199px) {
.f-address p,
.f-address p:nth-child(3) {
font-size: 15px;
line-height: 24px
}
.hire-withform-sec {
padding: 140px 0 70px
}
.hire-withform-sec h2 {
font-size: 36px;
line-height: 48px
}
.discussion-sec .btn,
.hire-programmer-sec .form-wrap .form-style input.wpcf7-submit,
.hire-withform-sec .form-wrap .form-style input.wpcf7-submit,
.page-template-tp-Hiredeveloper .btn.primary {
font-size: 16px;
min-width: 180px
}
.hire-withform-sec .hire-btn-wrap a.btn {
line-height: 22px
}
.our-tech-sec {
padding: 60px 0
}
.hire-programmer-sec .top-row p,
.our-tech-sec p {
font-size: 20px;
line-height: 34px
}
.our-works h3 {
font-size: 39px
}
.our-works h6 {
font-size: 24px
}
.book-call-sec {
padding: 60px 0 30px
}
.book-call-sec .right-call h3 {
font-size: 32px;
line-height: 43px
}
.book-call-sec h4 {
font-size: 30px
}
.book-call-sec .client-wrap {
grid-column-gap: 20px
}
.hire-programmer-sec .form-wrap h3 {
font-size: 28px;
line-height: 36px;
margin-bottom: 40px
}
.hire-programmer-sec .right-listing li {
margin-left: 45px
}
.review-slider .review-slide {
grid-column-gap: 30px
}
.review-slider .review-slide .img-wrap {
height: 370px
}
.review-slider .review-slide h4 {
font-size: 27px;
line-height: 34px
}
.review-slider .review-slide p {
font-size: 18px;
line-height: 26px
}
}
@media screen and (max-width:991px) {
.f-left .f-links,
.h1,
h1 {
margin: 0 0 20px
}
.card-offer,
.cta-small,
.cta2-inner {
text-align: center
}
.h1,
h1 {
font-size: 34px;
line-height: 38px
}
.h2,
h2 {
font-size: 24px;
line-height: 28px
}
h5 {
font-size: 16px;
line-height: 22px
}
p {
margin: 0 0 15px
}
.ptb-120 {
padding: 80px 0
}
.ptb-100,
.ptb-80,
.team-section {
padding: 60px 0
}
.mb-60 {
margin-bottom: 40px !important
}
.btn:before,
.button:before,
.cost-section p br {
display: none
}
.block-title {
margin: 0 0 24px
}
.home-banner .items {
padding: 80px 0 0;
min-height: 500px;
max-height: 500px
}
.banner-inner h2 {
font-size: 32px;
line-height: 40px
}
.wel-text {
font-size: 22px;
line-height: 32px
}
.banner-inner .cap-right-block {
display: flex;
display: -webkit-flex;
flex-direction: column
}
.banner-inner .cap-right-block .cap-imgbox {
margin-top: auto;
margin-bottom: auto
}
.cap-shape {
width: 290px;
height: 320px
}
.team-cotnent .tab-style {
display: none !important
}
.team-cotnent h4.resp-accordion {
display: block;
font-size: 14px;
line-height: 20px;
letter-spacing: 0;
background: rgb(255 255 255 / .3) !important;
padding: 10px 30px 8px 10px;
margin: 0 0 2px
}
.team-cotnent h4.resp-accordion:after {
width: 20px
}
.team-cotnent .resp-tab-content {
padding: 20px 0
}
.tech-logo-list .items {
padding: 10px
}
.assoc-logo-list .items {
padding: 10px;
flex-basis: 25%;
min-width: 25%;
max-width: 25%
}
.card-team.col_2 .imgbox,
.f-left .f-links {
min-width: 100%;
max-width: 100%
}
.f-left {
flex-wrap: wrap
}
.f-imgbox {
max-width: 180px;
left: 0;
top: auto;
bottom: 0
}
.card-team.col_2,
.cta2-inner .right-text,
.hire-programmer-sec .row {
flex-direction: column
}
.card-team.col_2 .team-textbox {
padding: 10px 0 0;
min-width: 100%;
max-width: 100%
}
.cta2-inner {
flex-direction: column;
align-items: center;
justify-content: center
}
.cta2-inner .btnbox {
margin: 30px auto 0
}
.cta2-inner .imgbox {
margin: 0 auto;
order: 3
}
.cta2-inner p,
.hire-programmer-sec .row>div {
max-width: 100%
}
.card-offer .iconbox {
justify-content: center
}
.counter-inner {
margin: 0 -15px
}
.counter-inner .items {
padding: 0 15px
}
.count-numb {
font-size: 34px;
line-height: 44px
}
.count-text,
.hire-withform-sec .form-wrap .form-style input,
.hire-withform-sec .form-wrap .form-style select,
.hire-withform-sec .form-wrap .form-style textarea {
font-size: 14px
}
.count-text {
line-height: 18px;
letter-spacing: 0
}
.card-counter h3 {
font-size: 16px;
line-height: 22px;
padding: 15px 0 0;
margin: 15px 0 0
}
.card-address h3 small {
font-size: 60%
}
.modal-subs .modal-lg {
max-width: 96%
}
.work-logo img {
max-width: 120px
}
.hire-withform-sec h2 {
font-size: 30px;
line-height: 45px
}
.hire-withform-sec .hire-btn-wrap {
flex-direction: column;
max-width: 80%
}
.discussion-sec .btn,
.hire-programmer-sec .form-wrap .form-style input.wpcf7-submit,
.hire-withform-sec .form-wrap .form-style input.wpcf7-submit,
.page-template-tp-Hiredeveloper .btn.primary {
font-size: 14px;
min-width: 160px;
padding: 10px 20px
}
.hire-withform-sec .form-wrap {
padding: 40px 25px
}
.hire-withform-sec .form-wrap h4 {
font-size: 28px;
line-height: 30px
}
.discussion-sec h2,
.hire-programmer-sec h2,
.our-tech-sec h2,
.review-slider-sec h2 {
font-size: 32px;
line-height: 35px;
margin: 0 0 20px
}
.our-tech-sec {
padding: 50px 0
}
.hire-programmer-sec .top-row p,
.our-tech-sec p {
font-size: 18px;
line-height: 30px;
max-width: 86%
}
.our-tech-sec p {
margin: 0 auto 40px
}
.hire-programmer-sec .right-listing,
.our-tech-sec a.btn {
margin-top: 40px
}
.our-works {
padding: 40px 0 28px
}
.our-works .row .col-md-3 {
max-width: 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
text-align: center
}
.our-works h3 {
font-size: 26px
}
.our-works h6 {
font-size: 17px;
margin-bottom: 12px
}
.book-call-sec {
padding: 40px 0 20px
}
.book-call-sec .right-call h3 {
font-size: 24px;
line-height: 40px;
margin-bottom: 25px
}
.book-call-sec h4 {
font-size: 22px;
line-height: 30px;
margin-bottom: 20px
}
.hire-programmer-sec {
padding: 50px 0 30px
}
.hire-programmer-sec .right-listing li {
margin-left: 40px
}
.hire-programmer-sec .right-listing li h4 {
font-size: 19px
}
.hire-programmer-sec .right-listing li:before {
font-size: 19px;
left: -30px;
top: 0
}
.hire-programmer-sec .form-wrap .form-style .label {
font-size: 18px
}
.hire-programmer-sec .form-wrap h3 {
font-size: 25px;
line-height: 32px;
margin-bottom: 30px
}
.review-slider .review-slide h4 {
font-size: 24px
}
.review-slider .review-slide h6 {
font-size: 15px;
margin-bottom: 10px
}
.review-slider .review-slide p {
font-size: 16px;
line-height: 24px
}
.review-slider .review-slide {
grid-column-gap: 20px;
padding: 30px 25px;
margin: 30px 40px
}
.review-slider .review-slide .img-wrap {
height: 280px
}
.review-slider .review-slide .slide-right-cnt {
margin-top: 0
}
.review-slider-sec h2 {
margin: 0
}
.discussion-sec input,
.discussion-sec select,
.discussion-sec textarea {
font-size: 16px
}
.discussion-sec {
padding: 20px 0 50px
}
}
@media screen and (max-width:767px) {
.page-header-inner,
.page-header-inner.title-only {
max-height: inherit
}
body {
-webkit-text-size-adjust: none
}
.banner-inner h2,
.h2,
h2 {
font-size: 24px;
line-height: 30px
}
.hire-programmer-sec .right-listing li h4,
.hire-programmer-sec .right-listing li:before,
.wel-text {
font-size: 20px
}
p {
margin: 0 0 15px
}
.ptb-100,
.ptb-120,
.ptb-80,
.ptb-90 {
padding: 50px 0
}
.banner-inner,
.ptb-50,
.ptb-60 {
padding: 40px 0
}
iframe.alignleft,
iframe.alignright,
img.alignleft,
img.alignright {
float: none;
width: 100%;
margin: 0 0 20px
}
.acc-cotnent .block-title h3 br,
.desk-show,
.info-section h3 br,
.mission-section:before,
.modal-subs-inner .left-block,
.tech-section h4.resp-accordion,
ul.resp-tabs-list {
display: none
}
.mobi-show,
h4.resp-accordion {
display: block
}
.mobile-menu-block {
width: 85%;
left: -105%
}
.home-banner .items {
max-height: inherit;
height: auto
}
.banner-inner,
.cta-inner,
.f-inner {
flex-wrap: wrap;
text-align: center
}
.cap-left-block {
padding: 60px 0 0;
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
order: 2;
position: relative;
z-index: 2
}
.cap-right-block {
flex-basis: 100%;
min-width: 100%;
max-width: 100%
}
.cap-imgbox {
max-width: 300px;
margin: 0 auto;
right: 0
}
.banner-social-icons {
position: static;
margin: 40px 0 0 !important;
justify-content: center
}
.cap-shape {
width: 240px;
height: 260px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.wel-text {
line-height: 28px
}
.emply-inner,
.f-left,
.form-inner .input-filed,
.form-style .fields,
.tech-logo-list {
flex-wrap: wrap
}
.emply-content,
.form-block,
.team-section-inner {
padding: 0
}
.emply-sidebar {
padding: 40px 10px 0;
flex-basis: 280px;
min-width: 280px;
max-width: 280px;
height: 300px;
margin: 40px auto 0
}
.big-text {
font-size: 100px;
left: -320px
}
.card-mission .imgbox,
.emply-content .row .items+.items {
margin-top: 20px
}
.team-section-inner .left-block {
margin: -60px 0 0
}
.team-section-inner:before {
right: -100px
}
.tech-section .tab-style li {
margin: 5px 10px
}
.tech-section .tab-style li+li {
margin-left: 10px
}
.assoc-logo-list .items,
.tech-logo-list .items {
flex-basis: 50%;
min-width: 50%;
max-width: 50%
}
.f-address,
.f-inner,
.f-left,
.f-right,
.form-inner .btnbox .ml-auto,
.value-inner .textbox {
min-width: 100%
}
.cta-inner {
padding: 40px 20px 60px
}
.cta-inner .cta-img {
margin: 0 auto
}
.cta-inner .textbox {
padding: 30px 0 0
}
.assoc-logo-box .btn {
margin-top: 10px;
opacity: 1
}
.footer {
padding: 50px 0 40px
}
.footer:before {
display: block;
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 0;
background: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/dotted-bg.svg) 0 bottom no-repeat;
width: 200px;
height: 200px
}
.f-address {
padding: 30px 20px;
background: rgb(0 0 0 / .2);
margin: 0 0 30px
}
.f-right {
max-width: 100%
}
.form-style .fields .label {
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
text-align: left
}
.form-style .fields.btnbox .ml-auto {
margin-right: auto
}
.banner-arrow {
right: 2px
}
.page-header-inner {
padding: 80px 0 40px;
flex-direction: column;
align-items: center;
text-align: center
}
.caption-textbox {
padding: 30px 0;
width: 100%;
order: 2
}
.page-head-imgbox {
order: 1;
min-width: 280px;
max-width: 280px;
margin: 0 auto
}
.page-header .banner-social-icons {
position: static;
order: 3
}
.mission-section {
padding-bottom: 0
}
.mission-inner .items+.items {
margin-top: 60px
}
.card-mission {
padding: 0 0 60px
}
.card-mission:before {
display: block;
content: "";
background: #fff;
height: 40%;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
.value-section {
padding: 40px 0 0
}
.value-inner {
flex-direction: column
}
.value-inner .imgbox {
position: static
}
.value-inner .textbox {
margin: 0;
padding: 40px 0;
flex-basis: 100%;
max-width: 100%
}
.queote-icon {
max-width: 60px
}
.form-wrap .form-style button,
.our-tech-sec a.btn,
.three-column .items+.items {
margin-top: 30px
}
.bottom-btnbox .btn.mw_440 {
min-width: 280px
}
.acc-style .resp-tab-content {
padding-right: 0
}
.about-section-inner .right-imgbox {
float: none;
max-width: 100%;
margin: 0 0 30px
}
.steps-list {
margin: 30px 0 0;
padding: 0;
border: 1px solid #eee
}
.hire-programmer-sec .form-wrap,
.steps-list .items {
padding: 30px 20px
}
.steps-list .items+.items {
border-top: 1px solid #eee
}
.counter-inner {
flex-wrap: wrap;
margin: 0
}
.counter-inner .items {
padding: 20px 15px;
flex-basis: 50%;
min-width: 50%;
max-width: 50%;
border: 1px solid rgb(255 255 255) !important;
margin: 0 0 -1px -1px
}
.modal-subs .modal-lg {
max-width: 94%
}
.close-btn {
right: -5px;
top: -5px
}
.form-inner .input-filed .label {
min-width: 100%;
padding: 0 0 5px
}
.form-inner .input-filed input {
height: 40px;
font-size: 14px;
padding: 0 15px
}
.form-inner .input-filed textarea {
font-size: 14px;
min-height: 120px;
height: 120px;
padding: 15px
}
.tel-code {
max-width: 80px
}
.email-block .email {
font-size: 15px;
line-height: 24px
}
.email-block.ptb-80 {
padding-top: 20px
}
.form-inner .btnbox .btn {
min-width: 180px;
margin: 0 auto
}
.wpcf7 .form-inner .ajax-loader {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin: 10px auto
}
.work-sidebar {
background: #fff;
padding: 20px;
margin: 0 0 30px !important
}
.work-sidebar-list li {
font-size: 16px;
line-height: 20px
}
.work-sidebar-list li+li {
margin-top: 10px
}
.work-inner .right-block {
padding-left: 15px;
border-left: 0
}
.detail-page {
padding: 30px 0
}
.detail-inner {
padding: 30px
}
.detail-tl h2 {
font-size: 34px;
line-height: 40px
}
.hire-withform-sec {
padding: 130px 0 50px;
text-align: center
}
.hire-withform-sec h2 {
font-size: 26px;
line-height: 35px
}
.discussion-sec h2,
.hire-programmer-sec h2,
.our-tech-sec h2,
.review-slider-sec h2 {
font-size: 30px;
line-height: 35px;
margin: 0 0 20px
}
.hire-withform-sec .hire-btn-wrap {
max-width: 100% !important;
margin: auto
}
.hire-withform-sec .hire-btn-wrap a.btn {
min-width: 320px;
max-width: 320px;
margin: 0 auto
}
.hire-withform-sec .form-wrap {
padding: 40px 20px;
margin-top: 40px
}
.hire-withform-sec .form-wrap h4 {
font-size: 27px;
line-height: 30px;
margin-bottom: 20px
}
.our-tech-sec p {
margin: 0 auto 20px
}
.our-works {
padding: 40px 0 28px;
text-align: center
}
.our-works h3 {
font-size: 23px
}
.our-works h6 {
line-height: 36px;
margin: 0 0 12px;
font-size: 15px
}
.book-call-sec .client-wrap {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px
}
.book-call-sec .client-wrap .client img {
max-height: 50px
}
.book-call-sec .right-call h3 {
font-size: 23px;
line-height: 36px;
margin: 50px 0 25px
}
.book-call-sec h4 {
margin-bottom: 30px
}
.book-call-sec {
padding: 40px 0 20px;
text-align: center
}
.hire-programmer-sec .top-row p,
.our-tech-sec p {
font-size: 17px;
line-height: 30px;
max-width: 100%
}
.hire-programmer-sec .form-wrap h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 25px
}
.hire-programmer-sec .form-wrap .form-style .label {
font-size: 16px
}
.hire-programmer-sec {
padding: 30px 0 20px
}
.review-slider .review-slide {
grid-row-gap: 20px;
padding: 30px 20px;
grid-template-columns: 1fr;
margin: 20px 20px 30px
}
.review-slider.owl-carousel .owl-nav button.owl-next,
.review-slider.owl-carousel .owl-nav button.owl-prev {
height: 30px;
width: 30px
}
.review-slider.owl-carousel .owl-nav button.owl-next {
right: -15px
}
.review-slider.owl-carousel .owl-nav button.owl-prev {
left: -15px
}
.review-slider .review-slide .img-wrap {
height: 210px
}
.discussion-sec form .col-md-4 {
margin-bottom: 16px
}
.discussion-sec textarea {
min-height: 80px
}
.review-slider .review-slide .img-wrap img {
object-position: top
}
.our-tech-sec .owl-dots button.owl-dot {
width: 8px;
height: 8px
}
.review-slider-sec h2 {
margin: 0
}
.review-slider-sec {
padding: 20px 0
}
}
.page-template-tp-Hiredeveloper .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea {
height: 120px
}
.page-template-tp-Hiredeveloper .discussion-sec form {
max-width: 700px
}
@media screen and (min-width:1200px) and (max-width:1300px) {
body .max-container {
padding: 0 50px
}
}
.page-template-tp-Hiredeveloper .modal .modal-dialog,
.page-template-tp-Hiredeveloper .modal.show .modal-dialog {
max-width: 1082px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content {
background: #f7f9fc;
border: 1px solid #ebedf0 !important;
box-shadow: 0 4px 14px 0 #02020226;
border-radius: .5rem
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close {
position: absolute;
top: 15px;
right: 15px;
left: auto;
background: #fff0;
padding: 0;
height: 30px;
width: 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close span {
line-height: 15px;
height: 100%;
display: block;
width: 100%;
font-size: 50px;
font-weight: lighter
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 40px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
border-radius: 8px;
color: #fff !important
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
color: #fff;
font-weight: 700;
margin-bottom: 8px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info p {
color: #fff;
font-weight: 500
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.btn-row {
padding: 40px 10px 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px
}
.how_we_work_block .grid,
.metrics_block .metrics {
grid-template-columns: repeat(4, 1fr);
display: grid
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info h4 {
font-size: 30px;
font-weight: 700
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info p {
font-size: 20px;
margin-bottom: 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
background: #fff;
border-radius: 8px;
border: 1px solid #ebedf0;
box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 32px;
line-height: 2.5rem;
margin-bottom: 15px;
text-transform: capitalize
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top p {
font-size: 18px;
line-height: 30px;
margin-bottom: 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(2) {
display: flex;
gap: 16px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form span input {
background: #fff;
width: 100%;
padding: 2px 20px;
margin: 0;
font-size: 18px;
color: #1b262c;
font-weight: 400;
line-height: 18px;
letter-spacing: 0;
font-family: Montserrat, sans-serif, Arial;
height: 50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 4px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form textarea {
min-height: 130px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .btn-prmry {
padding: 20px 54px;
border-radius: 4px;
font-size: 18px;
text-decoration: none;
font-weight: 600;
color: #fff;
display: inline-block
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .ajax-loader {
position: absolute
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap h5 {
text-align: center !important;
font-size: 24px !important;
margin-top: 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .popup-logo-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
margin-top: 20px;
align-items: center
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .popup-logo-list .logo-img {
max-height: 50px;
max-width: 90px
}
@media(max-width:767px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: 10px
}
}
@media (max-width:600px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 40px 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(2) {
display: block
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(2) input {
margin-top: 15px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .btn-prmry {
padding: 20px 54px;
background: #25247b;
border-radius: 4px;
font-size: 15px;
text-decoration: none;
font-weight: 600;
color: #fff;
display: inline-block;
border: 1px solid #25247b
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap h5 {
line-height: 30px
}
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
padding: 50px 20px;
background: #1c72d9
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -70%;
padding: 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p:nth-child(4),
.single-post #popup2 p {
margin-bottom: 15px !important
}
.blogdetail_page.single_post .leftpart>div,
.page-template-tp-Hiredeveloper .modal-subs .modal-header {
padding: 0 !important
}
.hire-withform-sec .form-wrap h4 {
font-size: 30px;
line-height: 38px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .btn-prmry {
background: #1c72d9;
border: 1px solid #1c72d9
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .btnbox {
justify-content: space-around;
position: relative
}
.page-template-tp-Hiredeveloper span.appended-message {
display: block;
text-align: center;
font-size: 18px;
margin-bottom: 17px
}
.page-template-tp-Hiredeveloper .modal-subs-inner h4.modal-tl.text-center {
font-size: 24px;
line-height: 30px
}
.hire-programmer-sec .form-wrap span.form_res_title {
font-size: 17px;
line-height: 27px;
margin-bottom: 40px;
display: block
}
.discussion-sec span.lets_emr_title {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
display: block;
color: red
}
@media screen and (max-width:1399px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
padding: 70px 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
font-size: 37px;
max-width: 80%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top {
margin-bottom: 25px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -76%
}
}
@media screen and (min-width:1280px) and (max-width:1400px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
padding: 20px;
margin-top: -65%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form p {
margin-bottom: 13px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap {
grid-gap: 25px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info h4 {
font-size: 25px;
margin-bottom: 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info p {
font-size: 17px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
margin-bottom: 3px;
font-size: 28px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
padding: 40px 20px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form span input {
height: 40px;
padding: 2px 10px;
font-size: 16px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form textarea {
min-height: 50px;
height: 100px;
padding: 10px;
font-size: 16px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .btn-prmry {
padding: 12px 30px;
font-size: 16px
}
}
@media screen and (max-width:1199px) {
.hire-withform-sec .form-wrap h4 {
font-size: 26px
}
.hire-programmer-sec .form-wrap span.form_res_title {
margin-bottom: 20px
}
.page-template-tp-Hiredeveloper span.appended-message {
font-size: 16px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog {
max-width: 90%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info p {
font-size: 17px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 27px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top p {
font-size: 16px;
line-height: 26px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -80%
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form span input,
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form textarea {
padding: 8px 15px;
font-size: 16px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
font-size: 34px;
max-width: 70%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
padding: 60px 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info h4 {
font-size: 28px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .btn-prmry {
font-size: 18px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 40px 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close span {
font-size: 40px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close {
top: 10px;
right: 5px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap h5 {
font-size: 20px;
margin: 0
}
}
@media (min-width:1100px) and (max-width:1199px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -73%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
max-width: 64%
}
}
@media screen and (max-width:991px) {
.hire-withform-sec .form-wrap h4 {
font-size: 22px;
line-height: 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top p,
.page-template-tp-Hiredeveloper span.appended-message {
font-size: 14px
}
.discussion-sec span.lets_emr_title,
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .btn-prmry {
font-size: 16px
}
.discussion-sec h2,
.hire-programmer-sec .form-wrap h3 {
margin-bottom: 10px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
font-size: 28px;
max-width: 81%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top {
margin-bottom: 15px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 21px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
padding: 50px 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -83%;
padding: 20px 20px 30px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.btn-row {
padding: 30px 0 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info h4 {
font-size: 23px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap .project-info p {
font-size: 13px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap {
grid-gap: 20px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form span input,
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form textarea {
padding: 6px 15px;
font-size: 14px;
height: 40px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap form textarea {
min-height: 90px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form textarea {
height: 90px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 35px 30px 20px
}
.page-template-tp-Hiredeveloper .modal .wpcf7-not-valid-tip {
font-size: 10px;
line-height: 15px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap h5 {
font-size: 18px;
margin-top: 0
}
.page-template-tp-Hiredeveloper .modal .popup-logo-list {
margin-top: 10px
}
.hire-withform-sec .hire-btn-wrap {
max-width: 44%
}
}
@media (min-width:992px) and (max-width:1023px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 25px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -84%
}
}
@media (min-width:880px) and (max-width:991px) {
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row .info h1 {
max-width: 73%
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: -64%
}
}
.section-padding-lg {
padding-bottom: 9.0625rem !important
}
.single-post ol,
.single-post ul {
padding-left: 1rem
}
.single-post div p {
margin-bottom: 24px !important
}
.container.how_we_work_block h2,
.container.how_we_work_block>p,
.single-post div ul li ul,
.what_we_do_best_block p {
margin-bottom: 15px
}
body .get-toggle-form>p {
margin-bottom: 0 !important;
text-align: center
}
@media(max-width:1440px) {
.get_started input {
height: 48px
}
.get-toggle-form>p {
font-size: 20px;
padding: 15px 20px
}
.single-post .get-toggle-form .get_started.full-width.text-center.inr_ct .input-field label {
font-size: 14px
}
.get_started .input-field {
margin-bottom: 20px
}
.get_started textarea {
height: 110px
}
}
@media(max-width:991px) {
.single-post div p {
margin-bottom: 15px !important
}
.single-post .internal-banner {
height: auto !important;
padding: 140px 0 30px
}
.get_started input {
height: 50px
}
.single-post div table {
margin-bottom: 20px
}
}
@media(max-width:767px) {
.get-toggle-form,
.rightpart {
display: none
}
.get-toggle-form,
.get-toggle-form>p {
max-width: 100%
}
.get-toggle-form>p {
flex-direction: column;
font-size: 18px;
line-height: 24px
}
body .get-toggle-form>p {
margin-bottom: 0 !important
}
body .get-toggle-form .wpcf7 form .wpcf7-response-output {
margin: 2em 0 1em
}
}
.mailer a {
display: block;
font-weight: 500
}
.single-post .rightpart .get_started.full-width.text-center.inr_ct .wpcf7-form {
display: flex;
flex-wrap: wrap
}
.get-toggle-form.show .fa-angle-up:before {
content: "\f107"
}
.blog_inner_heading {
font-size: 24px;
font-weight: 700;
color: #1c72d9;
margin-top: 25px;
margin-bottom: 12px;
line-height: 1.4
}
.blog_sub_inner_heading {
font-size: 18px;
font-weight: 600;
color: #0a3d91;
margin-top: 18px;
margin-bottom: 8px;
line-height: 1.4
}
h5.blog_sub_inner_heading {
font-size: 16px;
font-weight: 500;
color: #0e9aa7;
margin-top: 15px;
margin-bottom: 6px
}
.blog-content p,
.entry-content p {
color: #172b4d;
line-height: 1.8;
font-size: 16px
}
.blog-content blockquote,
.entry-content blockquote {
border-left: 4px solid #1c72d9;
margin: 18px 0;
color: #0a3d91;
background-color: #f8fbff;
padding: 12px 14px
}
.blog-content details,
.entry-content details {
border: 1px solid #1c72d9;
border-radius: 8px;
padding: 10px 15px;
margin-bottom: 12px;
background-color: #f8fbff
}
.blog-content summary,
.entry-content summary {
color: #1c72d9;
font-weight: 600;
cursor: pointer;
outline: 0
}
.blog-content summary:hover,
.entry-content summary:hover {
color: #0a3d91
}
.blog-content details p,
.entry-content details p {
margin-top: 8px;
margin-bottom: 0
}
.footer .wpcf7-not-valid-tip {
color: #fbc02d
}
.page-contact footer .f-inner {
padding: 0;
position: relative;
justify-content: center
}
.page-contact footer .f-inner .f-address {
padding-right: 0
}
.home section.cta-section {
margin-bottom: 100px
}
@media (min-width:1024px) and (max-width:1700px) {
.single-post .as_blog_wrap .rightpart .blog_con_title {
font-size: 21px;
margin-bottom: 15px
}
.single-post .rightpart .get_started .input-field {
margin-bottom: 17px
}
.single-post .rightpart .get_started input {
height: 42px
}
.single-post .rightpart .get_started textarea {
height: 90px
}
.single-post .rightpart .get_started.full-width.text-center.inr_ct .input-field label {
font-size: 14px;
margin-bottom: 6px
}
.single-post .rightpart .get_started.full-width.text-center.inr_ct {
padding-top: 0;
padding-bottom: 15px
}
.single-post .rightpart .mailer p {
font-size: 16px;
line-height: 1.6
}
.single-post .rightpart .rightpart-sticky {
top: -20px
}
}
.single-post .get-toggle-form {
max-width: 520px;
width: 41%
}
.single-post .get-toggle-form .get_started input {
height: 50px
}
.single-post .get-toggle-form .get_started textarea {
height: 118px
}
.single-post .get-toggle-form>p {
font-size: 16.5px;
line-height: 1.1;
padding: 10px 20px 5px;
margin-bottom: 0 !important
}
.single-post .get_started input,
.single-post .get_started textarea {
color: #000;
font-weight: 600
}
@media (min-width:768px) {
.single-post .get_started input,
.single-post .get_started textarea {
font-size: 18px
}
}
.blogdetail_page.single_post ul {
padding: 0;
margin: 0 0 15px
}
.blogdetail_page.single_post ol {
padding: 0;
margin: 0 0 15px;
list-style: none;
counter-reset: my-awesome-counter
}
.blogdetail_page.single_post ul li {
position: relative;
padding: 0 0 0 12px;
margin: 0
}
.blogdetail_page.single_post ul li:before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 5px;
height: 5px;
background: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.blogdetail_page.single_post li,
.blogdetail_page.single_post p {
color: #172b4d !important;
line-height: 1.8 !important;
font-size: 16px !important;
font-family: sans-serif, Arial !important
}
.blogdetail_page.single_post h1,
.blogdetail_page.single_post h2 {
color: #004085 !important;
font-weight: 700 !important;
border-bottom: none !important;
padding-bottom: 0 !important
}
.blogdetail_page.single_post ol,
.blogdetail_page.single_post ul {
padding-left: 30px !important;
margin-left: 0 !important;
display: block
}
.blogdetail_page.single_post h1 {
font-size: 2.3rem;
margin-bottom: 1.2rem !important;
font-family: sans-serif, Arial !important;
line-height: 1.2
}
.blogdetail_page.single_post h2 {
font-size: 2rem;
margin-bottom: .3rem !important;
font-family: sans-serif, Arial !important
}
.blogdetail_page.single_post h3,
.blogdetail_page.single_post h4 {
color: #004085 !important;
padding-bottom: .3rem !important;
font-family: sans-serif, Arial !important;
font-weight: 700 !important
}
.blogdetail_page.single_post h3 {
font-size: 1.8rem !important;
margin-bottom: .3rem !important
}
.blogdetail_page.single_post h4 {
font-size: 1.4rem !important;
margin-bottom: 0 !important
}
.blogdetail_page.single_post .rightpart {
padding-right: 20px
}
.blogdetail_page.single_post {
background: #fff
}
.blogdetail_page.single_post .max-container {
max-width: 100%;
padding: 0 20px !important
}
.blogdetail_page.single_post p:has(+ol),
.blogdetail_page.single_post p:has(+ul) {
font-weight: 700 !important;
margin-bottom: 10px !important;
line-height: 1.4 !important
}
.blogdetail_page.single_post .leftpart {
padding-right: 20px;
padding-left: 10px
}
@media screen and (max-width:1440px) {
.blogdetail_page.single_post h1 {
font-size: 1.8rem;
line-height: 1.4 !important
}
.blogdetail_page.single_post h2 {
font-size: 1.6rem !important;
line-height: 1.5 !important
}
.blogdetail_page.single_post h3 {
font-size: 1.4rem !important;
line-height: 1.3 !important
}
.blogdetail_page.single_post h4 {
font-size: 1.2rem !important
}
.blogdetail_page.single_post li,
.blogdetail_page.single_post p {
line-height: 1.6 !important;
font-size: 14px !important
}
.blogdetail_page.single_post .leftpart {
padding-right: 20px;
padding-left: 20px
}
}
.page-template-thank-you .thk_sec .left_sec {
gap: 10px
}
.thk_sec .left_sec>* {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50%
}
@media (max-width:576px) {
.page-template-thank-you .header,
.page-template-tp-Hiredeveloper .header {
top: 0
}
}
.page-template-thank-you .thk_sec .errmsg {
bottom: unset;
top: 110%
}
* {
margin: 0;
padding: 0;
box-sizing: border-box
}
:root {
--primary: #1C72D9;
--white: #FFFFFF
}
body,
html {
overflow-x: hidden
}
body.page-template-tp-contact {
margin: 0;
padding: 0;
background-color: var(--white);
color: #000;
font-size: 16px;
position: relative;
font-family: Montserrat;
padding-top: var(--header-height)
}
.container {
max-width: 1590px;
width: 100%;
margin: 0 auto;
padding: 0 30px
}
body.page-template-tp-contact h1 {
font-weight: 700;
font-size: 40px;
line-height: 120%;
letter-spacing: 0;
text-align: center;
margin-bottom: 10px
}
body.page-template-tp-contact h2 {
font-weight: 700;
font-size: 34px;
line-height: 120%;
letter-spacing: 0
}
body.page-template-tp-contact h3 {
font-weight: 700;
font-size: 30px;
line-height: 130%;
letter-spacing: 0
}
body.page-template-tp-contact h4 {
font-weight: 700;
font-size: 18px;
line-height: 120%;
letter-spacing: 0;
margin-bottom: 0
}
body.page-template-tp-contact p {
font-size: 20px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0
}
body.page-template-tp-contact header {
background-color: var(--white);
box-shadow: 0 5px 10px 5px #0000001A;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
transition: .3s ease-in-out
}
body.page-template-tp-contact header .header {
display: flex;
align-items: center;
gap: 20px;
position: relative;
top: 0
}
body.page-template-tp-contact header .header nav {
display: flex;
align-items: center;
margin-left: auto
}
body.page-template-tp-contact header .header nav ul {
display: flex;
align-items: center;
justify-content: end;
gap: 50px
}
body.page-template-tp-contact header .header-right {
display: flex;
gap: 50px
}
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
height: unset !important;
white-space: nowrap
}
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
font-weight: 500;
font-size: 20px;
line-height: 120%;
letter-spacing: 0;
display: block;
color: #000;
transition: .3s;
padding: 58px 0
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt .privacy-cnt i,
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:hover {
color: var(--primary)
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .white-btn {
font-weight: 500;
font-size: 20px;
font-family: Montserrat;
line-height: 100%;
letter-spacing: 0;
color: #ffd740;
padding: 16px 30px !important;
background: var(--primary);
border-radius: 30px;
border: 1px solid var(--primary);
transition: .3s
}
body.page-template-tp-contact header .header .toggle-btn .line {
display: block;
position: relative;
width: 30px;
height: 3px;
background: var(--primary);
border-radius: 3px;
transition: .3s ease-in-out
}
body.page-template-tp-contact header .header .toggle-btn .line::after,
body.page-template-tp-contact header .header .toggle-btn .line::before {
content: "";
width: 100%;
height: 3px;
border-radius: 3px;
background: var(--primary);
position: absolute;
left: 0;
transition: .3s ease-in-out
}
body.page-template-tp-contact header .header .toggle-btn .line::before {
top: -8px
}
body.page-template-tp-contact header .header .toggle-btn .line::after {
top: 8px
}
body.page-template-tp-contact header .header .toggle-btn.active .line::before {
top: 0;
transform: rotate(45deg)
}
body.page-template-tp-contact header .header .toggle-btn.active .line::after {
top: 0;
transform: rotate(-45deg)
}
body.page-template-tp-contact .btn-primary:hover,
body.page-template-tp-contact .white-btn:hover {
background: #001560;
border: 1px solid #001560
}
body.page-template-tp-contact .connect-with-sec {
padding: 40px 0 36px;
background: #e5f1ff;
border-bottom: 2px solid #e0e0e0
}
body.page-template-tp-contact .contact-grid-sec {
background-color: #f4f4f4;
padding: 40px 0 80px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid {
display: grid;
grid-template-columns: 26% 42% 32%;
margin-left: -20px;
margin-right: -20px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt {
padding: 45px 30px 40px;
background: var(--white);
border-radius: 20px;
border: 1px solid #00000026;
height: 100%
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt h2 {
text-align: center;
margin-bottom: 10px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt p {
font-weight: 500;
font-size: 16px;
line-height: 125%;
letter-spacing: 0;
color: #00000080;
margin-bottom: 10px;
text-align: center
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form {
margin: 30px 0 0
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap::before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 16px;
left: 15px;
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/User.svg);
background-repeat: no-repeat;
background-size: 100% 100%
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap.email::before {
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/envelope.svg)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap.Phone::before {
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/Phone.svg)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap.Message::before {
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/edit.svg)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form label {
font-weight: 600;
font-size: 16px;
line-height: 125%;
letter-spacing: 0;
width: 100%;
display: block;
margin-bottom: 10px;
text-transform: capitalize
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form input,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea {
font-weight: 500;
font-size: 14px;
line-height: 108%;
letter-spacing: 0;
color: #000;
background: #f4f4f4;
border: 1px solid #0000001A;
border-radius: 5px;
padding: 16px 15px 16px 45px;
display: block;
width: 100%;
transition: .3s;
font-family: Montserrat
}
.contact-grid-sec .contact-form-cnt form.contact-form textarea::placeholder,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form.contact-form input::placeholder {
color: #00000080
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form input {
height: unset
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea {
max-height: 140px;
height: 100%;
min-height: unset
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form input::placeholder,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea::placeholder {
font-weight: 500;
font-size: 14px;
line-height: 100%;
letter-spacing: 0;
color: #00000080
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form input:focus,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea:focus {
outline: 0;
border-color: var(--primary);
background: #fff;
box-shadow: 0 0 0 3px rgba(45, 91, 227, .1)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .input-icon-wrapper i {
color: var(--primary);
position: absolute;
top: 16px;
left: 15px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn {
width: 100%;
font-weight: 600;
font-size: 18px;
line-height: 122%;
letter-spacing: 0;
text-align: center;
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
padding: 18px 20px;
cursor: pointer
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn:hover {
transform: translateY(-2px);
background: var(--primary);
border: 1px solid var(--primary);
box-shadow: 0 6px 15px rgba(0, 21, 96, .25)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn i,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn img {
margin-left: 10px;
transition: transform .3s;
max-width: 18px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn:hover i,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn:hover img {
transform: translateX(4px)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt .privacy-cnt {
display: flex;
justify-content: center;
align-items: center;
gap: 15px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt .privacy-cnt img {
width: 14px;
height: 18px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt .privacy-cnt p {
margin-bottom: 0;
font-weight: 400;
font-size: 14px;
line-height: 122%;
letter-spacing: 0;
text-align: center;
color: #00000080
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card {
background: linear-gradient(101.59deg, var(--primary) 5.58%, #001560 129.14%);
border-radius: 20px;
padding: 40px 40px 45px;
text-align: center
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card img {
max-width: 54px;
margin-bottom: 20px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card h3 {
color: var(--white);
margin-bottom: 7px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card p {
font-weight: 500;
font-size: 14px;
line-height: 120%;
letter-spacing: 0;
text-align: center;
color: var(--white)
}
body.page-template-tp-contact .contact-grid-sec .right-column {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card {
border: 1px solid #00000026;
border-radius: 10px;
background: var(--white);
padding: 30px 20px 25px;
flex: 1;
align-items: start;
display: flex;
flex-direction: column;
justify-content: center
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card img {
max-width: 42px;
object-fit: contain;
margin-bottom: 20px;
display: block
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card .feature-title {
margin-bottom: 8px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card .feature-description {
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .left-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .middle-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap>* {
padding-left: 20px;
padding-right: 20px;
height: 100%
}
body.page-template-tp-contact .contact-grid-sec .middle-column {
display: flex;
flex-direction: column;
gap: 40px
}
body.page-template-tp-contact .outline-btn {
background: var(--white) 1A;
border: .5px solid var(--white);
backdrop-filter: blur(20px);
border-radius: 65px;
padding: 19px 20px;
display: block;
font-weight: 500;
font-size: 18px;
font-family: Montserrat;
line-height: 120%;
letter-spacing: 0;
color: #ffd740;
margin: 25px 0 30px;
transition: .3s
}
body.page-template-tp-contact .outline-btn:hover {
background: rgba(255, 255, 255, .15);
transform: translateY(-2px)
}
body.page-template-tp-contact .testimonial-carousel {
background: var(--white);
border: 1px solid #00000026;
border-radius: 10px;
padding: 50px 30px 40px;
position: relative;
height: 100%;
width: 100%;
display: flex;
align-items: center
}
body.page-template-tp-contact .testimonial-carousel h3 {
margin-bottom: 14px
}
body.page-template-tp-contact .testimonial-carousel p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0;
color: #030303
}
body.page-template-tp-contact .testimonial-carousel .testimonial-text {
margin-bottom: 35px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
line-clamp: 6;
-webkit-line-clamp: 6
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author {
display: flex;
align-items: center;
gap: 15px;
justify-content: center
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author>img {
max-width: 80px;
max-height: 80px;
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: top center
}
body.page-template-tp-contact .testimonial-carousel .author-info {
text-align: start
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .author-designation {
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0;
margin-bottom: 5px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .author-designation b {
margin-top: 8px;
display: block
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .stars {
display: flex;
gap: 3px;
width: fit-content
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .stars img {
max-width: unset;
max-height: 16px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .stars i {
color: #fbbc05
}
body.page-template-tp-contact .testimonial-carousel .owl-dots {
display: flex;
justify-content: center;
gap: 8px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 107%
}
body.page-template-tp-contact .testimonial-carousel .owl-dots .owl-dot {
background: #1c72D94D;
width: 8px;
height: 8px;
border-radius: 50%
}
body.page-template-tp-contact .testimonial-carousel .owl-dots .owl-dot.active {
background: var(--primary)
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btnbox>div {
width: 100%;
position: relative;
margin-bottom: 27px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btnbox>div .ajax-loader {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
z-index: 3;
margin: 0
}
body.page-template-tp-contact .testimonial-carousel .owl-nav {
width: 100%;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
justify-content: space-between;
max-width: 95%
}
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-next:before,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-prev::before {
content: "";
width: 18px;
height: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: 100% 100%
}
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-prev::before {
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/left-arrow.png)
}
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-next:before {
background-image: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/contact/right-arrow.png)
}
@media screen and (max-width:1499px) {
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
padding: 45px 0
}
body.page-template-tp-contact header .header .logo {
max-width: 240px
}
body.page-template-tp-contact header .header nav ul,
body.page-template-tp-contact header .header-right {
gap: 40px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .white-btn,
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
body.page-template-tp-contact header .header nav ul li a,
body.page-template-tp-contact p {
font-size: 18px
}
body.page-template-tp-contact h1 {
font-size: 36px
}
body.page-template-tp-contact h2 {
font-size: 30px
}
body.page-template-tp-contact h3 {
font-size: 26px
}
body.page-template-tp-contact h4 {
font-size: 16px
}
body.page-template-tp-contact .connect-with-sec {
padding: 35px 0 30px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt {
padding: 35px 30px 30px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card {
padding: 30px 30px 35px
}
body.page-template-tp-contact .testimonial-carousel {
padding: 40px 30px 30px
}
body.page-template-tp-contact .testimonial-carousel p {
font-size: 16px;
line-height: 26px
}
}
@media screen and (max-width:1399px) {
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
padding: 38px 0
}
body.page-template-tp-contact header .header .logo {
max-width: 220px
}
body.page-template-tp-contact .contact-grid-sec .middle-column,
body.page-template-tp-contact header .header nav ul,
body.page-template-tp-contact header .header-right {
gap: 30px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .outline-btn,
body.page-template-tp-contact .white-btn,
body.page-template-tp-contact h4,
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link,
body.page-template-tp-contact header .header nav ul li a,
body.page-template-tp-contact p {
font-size: 16px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .white-btn {
padding: 14px 26px !important
}
body.page-template-tp-contact h1 {
font-size: 30px
}
body.page-template-tp-contact h2 {
font-size: 26px
}
body.page-template-tp-contact h3 {
font-size: 22px
}
body.page-template-tp-contact .connect-with-sec {
padding: 30px 0 25px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt {
padding: 25px 20px 20px;
border-radius: 15px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card {
padding: 20px 20px 25px;
border-radius: 15px
}
body.page-template-tp-contact .contact-grid-sec {
padding: 30px 0 60px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form {
margin: 20px 0 0
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .form-group {
margin-bottom: 24px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid {
margin-left: -15px;
margin-right: -15px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .left-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .middle-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap>* {
padding-left: 15px;
padding-right: 15px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card img {
max-width: 45px;
margin-bottom: 16px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt p {
font-size: 14px
}
body.page-template-tp-contact .outline-btn {
margin: 20px 0 25px;
padding: 14px 12px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card {
padding: 20px 15px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card img {
max-width: 35px;
margin-bottom: 10px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn {
font-size: 16px;
margin-bottom: 27px;
padding: 14px 18px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea {
max-height: 110px
}
body.page-template-tp-contact .contact-grid-sec .right-column {
gap: 20px
}
body.page-template-tp-contact .testimonial-carousel {
padding: 30px 20px 20px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-text {
margin-bottom: 30px
}
body.page-template-tp-contact .testimonial-carousel h3 {
margin-bottom: 10px
}
}
@media screen and (max-width:1199px) {
.blogdetail_page.single_post h1 {
font-size: 1.6rem;
line-height: 1.4 !important
}
.blogdetail_page.single_post h2 {
font-size: 1.5rem !important
}
.blogdetail_page.single_post h3 {
font-size: 1.2rem !important
}
.blogdetail_page.single_post h4 {
font-size: 1rem !important
}
.blogdetail_page.single_post li,
.blogdetail_page.single_post p {
line-height: 1.6 !important;
font-size: 14px !important
}
body.page-template-tp-contact header .header nav #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
padding: 32px 0
}
body.page-template-tp-contact header .header .logo {
max-width: 200px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .outline-btn,
body.page-template-tp-contact h4,
body.page-template-tp-contact header .header nav ul li a,
body.page-template-tp-contact p {
font-size: 14px
}
body.page-template-tp-contact header .header nav ul,
body.page-template-tp-contact header .header-right {
gap: 25px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .white-btn {
padding: 12px 24px !important
}
body.page-template-tp-contact .outline-btn {
margin: 15px 0 20px;
padding: 12px 10px
}
body.page-template-tp-contact h1 {
font-size: 26px
}
body.page-template-tp-contact h2 {
font-size: 22px
}
body.page-template-tp-contact h3 {
font-size: 18px
}
body.page-template-tp-contact .connect-with-sec {
padding: 25px 0 20px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid {
margin-left: -10px;
margin-right: -10px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .left-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .middle-cnt-wrap>*,
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap>* {
padding-left: 10px;
padding-right: 10px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt {
padding: 20px 15px 15px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form label {
font-size: 14px;
margin-bottom: 8px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form input,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea {
padding: 14px 14px 14px 40px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .input-icon-wrapper i {
color: var(--primary);
position: absolute;
top: 14px;
left: 12px;
font-size: 14px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .wpcf7-form-control-wrap::before {
top: 14px;
left: 12px;
width: 14px;
height: 14px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btn {
font-size: 14px;
margin-bottom: 20px;
padding: 12px 18px
}
body.page-template-tp-contact .contact-grid-sec .middle-column {
gap: 20px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card,
body.page-template-tp-contact .testimonial-carousel {
padding: 20px 15px
}
body.page-template-tp-contact .contact-grid-sec .middle-column .email-card img {
max-width: 40px;
margin-bottom: 16px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .btnbox,
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form .form-group,
body.page-template-tp-contact .testimonial-carousel .testimonial-text {
margin-bottom: 20px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card {
padding: 15px 12px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card img {
max-width: 28px
}
body.page-template-tp-contact .contact-grid-sec .right-column {
gap: 15px
}
body.page-template-tp-contact .contact-grid-sec .contact-form-cnt form textarea {
max-height: 80px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author>img {
max-width: 70px;
max-height: 70px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .author-designation b {
margin-top: 5px
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .author-designation {
font-size: 12px
}
body.page-template-tp-contact .testimonial-carousel p {
font-size: 14px;
line-height: 22px
}
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-next:before,
body.page-template-tp-contact .testimonial-carousel .owl-nav .owl-prev::before {
width: 15px;
height: 15px
}
}
@media screen and (max-width:992px) {
body.page-template-tp-contact .contact-grid-sec .contact-grid {
display: flex;
flex-wrap: wrap
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .left-cnt-wrap {
width: 54%
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .middle-cnt-wrap {
width: 46%
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap {
width: 100%;
margin-bottom: 30px
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap .right-column {
display: grid;
grid-template-columns: 1fr 1fr
}
body.page-template-tp-contact .contact-grid-sec {
padding: 30px 0 40px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card img {
max-width: 34px
}
body.page-template-tp-contact .testimonial-carousel .owl-dots {
top: 105%
}
body.page-template-tp-contact .testimonial-carousel .testimonial-author .author-designation b {
margin-top: 5px
}
}
@media screen and (min-width:768px) and (max-width:1199px) {
body.page-template-tp-contact .nav-main {
display: block !important
}
body.page-template-tp-contact .head-btnbox {
display: block
}
body.page-template-tp-contact #mega-menu-wrap-primary .mega-menu-toggle {
display: none
}
}
@media screen and (max-width:768px) {
.blog_inner_heading {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px
}
.blog_sub_inner_heading {
font-size: 16px;
margin-top: 15px;
margin-bottom: 8px
}
h5.blog_sub_inner_heading {
font-size: 15px
}
.blog-content p,
.entry-content p {
font-size: 15px;
line-height: 1.7
}
.f-address p:first-child {
margin-bottom: 0
}
.home section.cta-section {
margin-bottom: 50px
}
body.page-template-tp-contact .container {
padding: 0 20px
}
body.page-template-tp-contact header .header nav ul {
gap: 20px
}
}
@media screen and (max-width:576px) {
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap .right-column {
grid-template-columns: 1fr
}
}
@media screen and (min-width:992px) {
.single-post,
html:has(.single-post) {
overflow: inherit
}
.single-post .blogdetail_page.single_post .rightpart {
position: sticky;
top: 0;
height: 100%;
border: none
}
.blogdetail_page.single_post .leftpart {
border-right: 1px solid #dbdbdb;
padding-bottom: 0;
}
}
.popup-left {
width: 45%;
padding-right: 25px;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 10px;
padding-bottom: 10px
}
.idea-badge {
background: linear-gradient(135deg, gold, #ffed4e);
color: #333;
padding: 6px 15px;
border-radius: 15px;
font-weight: 600;
font-size: 13px;
display: inline-flex;
align-items: center;
gap: 6px;
margin-bottom: 18px;
align-self: flex-start
}
.idea-badge:before {
content: "💡";
font-size: 14px
}
.idea-section {
margin-bottom: 22px
}
.idea-title {
color: #333;
font-size: 18px;
font-weight: 700;
margin: 0 0 8px;
line-height: 1.3
}
.idea-subtitle {
color: #666;
font-size: 13px;
margin: 0;
line-height: 1.4
}
.feature-list {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 20px
}
.feature-item {
display: flex;
align-items: flex-start;
gap: 10px
}
.feature-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: #06f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
font-size: 12px;
margin-top: 1px
}
.feature-content h3 {
margin: 0 0 3px;
font-size: 14px;
color: #333;
font-weight: 600;
line-height: normal
}
.feature-content p {
margin: 0;
font-size: 12px;
color: #666;
line-height: 1.3
}
.highlight-box {
background: #f8f9fa;
border-radius: 8px;
padding: 15px;
border-left: 3px solid #06f;
font-size: 12px;
margin-top: 5px
}
.highlight-box h3 {
color: #06f;
margin: 0 0 5px;
font-size: 14px;
font-weight: 700;
line-height: normal
}
.highlight-box p {
margin: 0;
color: #666;
line-height: 1.3
}
#estimatePopup.popup-overlay {
position: fixed !important;
inset: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: rgba(0, 0, 0, .56) !important;
z-index: 999999 !important;
padding: 28px !important;
-webkit-font-smoothing: antialiased
}
#estimatePopup .popup-box {
width: 100% !important;
max-width: 100% !important;
background: #fff !important;
border-radius: 12px !important;
display: flex !important;
overflow: hidden !important;
box-shadow: 0 28px 60px rgba(2, 6, 23, .45) !important;
position: relative !important;
align-items: stretch !important;
padding: 0 !important;
box-sizing: border-box !important
}
#estimatePopup .close-btn {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 6 !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
border: 0 !important;
background: rgba(0, 0, 0, .04) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important
}
#estimatePopup .close-btn:hover {
background: rgba(0, 0, 0, .08) !important
}
#estimatePopup .popup-left {
width: 40% !important;
min-width: 240px !important;
display: flex !important;
justify-content: center !important;
padding: 36px !important;
background: #fff !important
}
#estimatePopup .popup-left img {
width: 82% !important;
max-width: 320px !important;
height: auto !important;
display: block !important
}
#estimatePopup .popup-right {
width: 60% !important;
padding: 34px 34px 36px 30px !important;
box-sizing: border-box !important
}
#estimatePopup .popup-right h2 {
margin: 0 0 6px !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #0b0b0b !important
}
#estimatePopup .popup-right .highlight {
color: #0b61ff !important;
font-weight: 800 !important;
text-decoration-thickness: 2px !important
}
#estimatePopup .popup-right p {
margin: 10px 0 16px !important;
color: #555 !important;
font-size: 14px !important;
line-height: normal;
position: relative
}
#estimatePopup .popup-right p span.ajax-loader {
position: absolute;
top: 11px;
right: 0
}
#estimatePopup .estimate-cf7,
#estimatePopup .estimate-cf7 .wpcf7-form,
#estimatePopup .estimate-cf7 form {
width: 100% !important;
box-sizing: border-box !important
}
#estimatePopup .popup-right .wpcf7-form-control,
#estimatePopup .popup-right .wpcf7-text,
#estimatePopup .popup-right .wpcf7-textarea,
#estimatePopup .popup-right input[type=email],
#estimatePopup .popup-right input[type=tel],
#estimatePopup .popup-right input[type=text],
#estimatePopup .popup-right textarea.wpcf7-textarea {
width: 100% !important;
padding: 12px 14px !important;
border-radius: 8px !important;
border: 1px solid #e6e9ee !important;
box-sizing: border-box !important;
font-size: 14px !important;
color: #222 !important;
background: #fff !important;
margin-bottom: 12px !important;
outline: 0 !important
}
#estimatePopup .popup-right textarea,
#estimatePopup .popup-right textarea.wpcf7-textarea {
min-height: 110px !important;
resize: vertical !important
}
#estimatePopup .row {
display: flex !important;
gap: 12px !important;
align-items: stretch !important;
margin-bottom: 12px !important;
margin: 0
}
#estimatePopup .row>span {
flex: 1 1 0% !important;
display: block !important
}
#estimatePopup .row>span input {
width: 100% !important;
font-size: 13px !important;
padding-block: 10px !important;
height: auto
}
#estimatePopup .wpcf7-form-control:focus,
#estimatePopup input:focus,
#estimatePopup textarea:focus {
border-color: #0b61ff !important;
box-shadow: 0 0 0 4px rgba(11, 97, 255, .08) !important
}
#estimatePopup .wpcf7-form-control.wpcf7-submit,
#estimatePopup button[type=submit],
#estimatePopup input[type=submit] {
width: 100% !important;
max-width: 100% !important;
display: block !important;
margin: 12px auto 0 !important;
padding: 12px 18px !important;
border-radius: 8px !important;
background: #facc15 !important;
border: 0 !important;
font-weight: 700 !important;
font-size: 15px !important;
cursor: pointer !important;
color: #111 !important;
box-sizing: border-box !important
}
#estimatePopup .wpcf7-submit:hover,
#estimatePopup button[type=submit]:hover,
#estimatePopup input[type=submit]:hover {
background: #eab308 !important
}
@media (max-width:880px) {
#estimatePopup .popup-box {
flex-direction: column !important;
width: calc(100% - 36px) !important;
border-radius: 10px !important
}
#estimatePopup .popup-left,
#estimatePopup .popup-right {
width: 100% !important;
padding: 20px !important
}
#estimatePopup .popup-left img {
max-width: 180px !important;
width: 70% !important
}
#estimatePopup .row {
flex-direction: column !important
}
#estimatePopup .wpcf7-form-control.wpcf7-submit,
#estimatePopup input[type=submit] {
width: 100% !important;
max-width: none !important;
margin: 12px 0 0 !important
}
}
@media (max-width:767px) {
.page-template-tp-Hiredeveloper .hire-withform-sec .form-wrap {
width: 90%;
margin: 25px auto
}
.modal-subs .modal-header button.close {
right: 55px
}
}
#estimatePopup .row>span input::placeholder,
#estimatePopup textarea.wpcf7-textarea::placeholder,
#estimatePopup textarea::placeholder {
color: #5c5c5c !important;
opacity: 1
}
#estimatePopup .row>span input:focus,
#estimatePopup textarea.wpcf7-textarea:focus,
#estimatePopup textarea:focus {
border: 1.5px solid #000 !important;
box-shadow: none !important
}
#estimatePopup .wpcf7-not-valid-tip {
font-size: 12px !important;
color: #e11d48 !important;
margin-top: -9px !important;
line-height: 1.3 !important
}
#estimatePopup .wpcf7-not-valid {
border-color: #e11d48 !important;
box-shadow: none !important
}
#estimatePopup .wpcf7-response-output {
margin-top: 14px !important;
padding: 12px 14px !important;
border-radius: 8px !important;
font-size: 13px !important;
background: #fff7ed !important;
border: 1px solid #fed7aa !important;
color: #9a3412 !important
}
#popup2 .usp-list,
.exit-left ul {
padding: 0;
list-style: none
}
#estimatePopup .wpcf7-spinner {
margin-left: 8px !important
}
#estimatePopup .estimate-cf7 form {
margin-top: 8px !important
}
#estimatePopup p {
margin: 0 !important
}
#estimatePopup .popup-right input,
#estimatePopup .popup-right textarea.wpcf7-textarea {
font-size: 13px !important
}
#estimatePopup .modal-subs .modal-lg {
max-width: 800px;
margin: 0 auto
}
@media screen and (max-width:767px) {
.hire-withform-sec .form-wrap h4 {
font-size: 21px;
line-height: 25px
}
.hire-programmer-sec .form-wrap span.form_res_title {
font-size: 15px;
line-height: 24px
}
.discussion-sec span.lets_emr_title {
font-size: 16px;
line-height: 23px
}
.managed_services_about p,
.page-template-thank-you .thankyou-block,
.page-template-tp-Hiredeveloper .modal.show .modal-dialog {
max-width: 100%
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form span input,
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form textarea {
font-size: 16px;
padding: 10px 15px
}
.page-template-tp-Hiredeveloper .modal.show .modal-dialog .contact-wrap form p:nth-child(2) {
flex-direction: column
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close span {
font-size: 40px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .close {
top: 20px;
right: 10px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .project-info-wrap,
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.top-row {
display: none
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .row.btn-row {
padding: 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap {
margin-top: 0
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain {
padding: 45px 20px 20px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top h2 {
font-size: 21px;
line-height: 28px;
margin-bottom: 10px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .btn-prmry {
font-size: 16px;
padding: 11px 40px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top,
body.page-template-tp-contact .contact-grid-sec .contact-grid .right-cnt-wrap {
margin-bottom: 0
}
.page-template-tp-Hiredeveloper .modal .popup-logo-list {
margin-top: 5px
}
.page-template-tp-Hiredeveloper .modal .wpcf7-not-valid-tip,
.tts-wrp form .wpcf7-not-valid-tip {
font-size: 12px;
line-height: 17px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap h5 {
font-size: 18px
}
.page-template-tp-Hiredeveloper .modal-dialog .modal-content .popupmain .contact-wrap .contact-top p {
font-size: 13px
}
.insight-slider-navigation .nav-block .nav-item .nav-link .text {
font-size: 12px;
padding-right: .625rem;
padding-left: .625rem
}
.insight-slider-main .item .row,
body.page-template-tp-contact .testimonial-carousel .testimonial-author {
justify-content: center
}
.blogdetail_page.single_post summary {
line-height: normal;
font-size: 15px !important
}
.single-post .internal-banner .banner-title .h1 {
font-size: 23px;
line-height: 1.6
}
.blogdetail_page.single_post ol,
.blogdetail_page.single_post ul {
padding-left: 15px !important
}
.blogdetail_page.single_post .leftpart {
padding-right: 15px;
padding-left: 15px
}
body.page-template-tp-contact .btn-primary,
body.page-template-tp-contact .outline-btn,
body.page-template-tp-contact .white-btn {
font-size: 14px
}
.mobile-menu-open {
height: 100vh;
overflow: hidden
}
body.page-template-tp-contact header {
z-index: 3;
padding: 15px 0
}
body.page-template-tp-contact .icon-bar .line,
body.page-template-tp-contact .icon-bar:after,
body.page-template-tp-contact .icon-bar:before {
background: var(--primary);
height: 3px
}
body.page-template-tp-contact .menuicon {
position: fixed;
top: 25px;
height: 30px;
width: 30px
}
body.page-template-tp-contact .container {
padding: 0 15px
}
body.page-template-tp-contact h1 {
font-size: 24px
}
body.page-template-tp-contact h2 {
font-size: 20px
}
body.page-template-tp-contact header .header .toggle-btn {
display: block
}
body.page-template-tp-contact header .header .logo {
max-width: 180px
}
body.page-template-tp-contact .open-nav {
overflow: hidden;
height: 100vh
}
body.page-template-tp-contact header .header nav ul {
gap: 0;
flex-direction: column;
position: absolute;
top: 100%;
left: 100%;
background: var(--white);
width: 100%;
height: 100vh;
justify-content: start;
align-items: start;
transition: .3s ease-in-out
}
body.page-template-tp-contact .open-nav header .header nav ul {
left: 0
}
body.page-template-tp-contact .contact-grid-sec .contact-grid .left-cnt-wrap,
body.page-template-tp-contact .contact-grid-sec .contact-grid .middle-cnt-wrap,
body.page-template-tp-contact header .header nav ul li {
width: 100%
}
body.page-template-tp-contact header .header nav ul li a {
padding: 10px 15px;
display: block;
width: 100%
}
body.page-template-tp-contact header .header nav ul li a.btn-primary,
body.page-template-tp-contact header .header nav ul li a.white-btn {
margin-left: 15px;
margin-top: 10px;
width: fit-content
}
body.page-template-tp-contact header .header nav ul li a:hover,
body.page-template-tp-contact header .header nav ul li.active a,
header .header nav ul li.current-page-link a {
color: var(--white);
background: var(--primary)
}
body.page-template-tp-contact .contact-grid-sec .contact-grid {
gap: 25px
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card {
text-align: center;
align-items: center
}
body.page-template-tp-contact .contact-grid-sec .right-column .feature-card img {
margin-left: auto;
margin-right: auto
}
#estimatePopup .popup-right h2,
#estimatePopup .popup-right p,
body.page-template-tp-contact .testimonial-carousel .authors-reviews {
text-align: center
}
#estimatePopup .popup-left {
display: none !important
}
#estimatePopup .popup-box {
min-width: 100%
}
.modal-subs .modal-header button.close {
right: 15px
}
#estimatePopup .popup-right h2 {
font-size: 16px !important;
margin-bottom: 11px !important;
margin-top: 26px !important
}
#estimatePopup .popup-right p {
font-size: 13px !important
}
}
.popup-back {
background: #f8fafc
}
.exit-title {
text-align: center;
margin-bottom: 20px
}
.exit-title h1 {
font-size: 36px;
line-height: 100%;
font-weight: 800;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center
}
.exit-title h2 {
font-size: 30px;
color: #5c5a5a
}
.exit-content {
display: flex;
gap: 30px
}
.exit-left {
width: 50%;
background: #e8f5ff;
border-radius: 6px;
padding: 15px
}
.exit-left li {
margin-bottom: 18px;
font-size: 15px;
line-height: 20px
}
.exit-left strong {
font-size: 17px;
position: relative;
padding-left: 20px
}
.exit-left strong::before {
content: '';
position: absolute;
top: 0;
left: 0;
background: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/popup/right-arrow.png) center center/contain no-repeat;
width: 15px;
height: 15px
}
.exit-left .exit-img {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 6px;
row-gap: 10px;
width: 100%
}
.exit-left .exit-img img {
width: auto;
height: 30px;
object-fit: contain
}
.exit-right {
width: 50%
}
.exit-right input,
.exit-right textarea {
width: 100%;
padding: 10px;
border: none;
border-bottom: 1px solid #ccc;
margin-bottom: 17px;
background: 0 0;
border-radius: unset
}
.close-btn,
span.exit-btn {
line-height: 100%;
z-index: 10;
border-radius: 50%;
color: #fff;
padding: 5px;
display: flex;
cursor: pointer
}
.exit-right textarea {
height: 70px;
resize: none
}
.exit-right button {
background: #06f;
color: #fff;
transition: .3s
}
.exit-right button:hover {
background: #1565c0
}
.close-btn {
position: absolute;
top: 12px;
right: 18px;
font-size: 22px;
width: 30px;
min-width: 30px;
height: 30px;
background: #24435c;
justify-content: center;
align-items: center
}
.close-btn.no-bg {
background: 0 0;
color: #000;
font-size: 29px
}
span.exit-btn {
font-size: 40px;
width: 40px;
height: 40px;
background: #24435c;
justify-content: center;
align-items: center;
font-weight: 400;
margin-left: 10px
}
#estimatePopup #popupFlip {
position: relative;
transform-style: preserve-3d;
transition: transform .6s
}
#estimatePopup .popup-face {
backface-visibility: hidden;
width: 100%
}
#estimatePopup .popup-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: rotateY(180deg)
}
.popup-face.popup-back {
background: #fff;
border-radius: 12px;
backface-visibility: hidden;
padding: 25px;
box-sizing: border-box
}
#estimatePopup .popup-face.popup-back .exit-content .exit-left ul li {
list-style: none;
margin-bottom: 15px
}
#estimatePopup .close-btn {
color: #000 !important;
font-size: 38px !important
}
#estimatePopup .exit-right input[type=submit],
#estimatePopup .exit-right submit {
background: #06f !important;
color: #fff !important;
transition: .3s !important;
margin-top: 0 !important
}
#estimatePopup .exit-right .popup-form textarea {
min-height: 100px !important;
margin-bottom: 0
}
#estimatePopup .popup-back .exit-content .exit-right .popup-form textarea {
margin-bottom: 10px !important;
border-radius: 0
}
#estimatePopup .popup-back .exit-content .exit-right input::-webkit-input-placeholder {
color: #757575 !important;
opacity: 1
}
#estimatePopup .popup-back .exit-content .exit-right input::-moz-placeholder {
color: #757575 !important;
opacity: 1
}
#estimatePopup .popup-back .exit-content .exit-right input:-ms-input-placeholder {
color: #757575 !important;
opacity: 1
}
#estimatePopup .popup-back .exit-content .exit-right input::placeholder {
color: #757575 !important;
opacity: 1
}
#estimatePopup .popup-face.popup-back span.ajax-loader {
position: absolute;
bottom: 35px;
right: 20px
}
#estimatePopup .exit-right .exit-title h2 {
margin-bottom: 10px !important
}
#estimatePopup .exit-right input,
#estimatePopup .exit-right textarea {
padding: 5px !important;
margin-bottom: 14px !important;
font-size: 15px;
color: #000 !important;
height: 40px !important
}
#estimatePopup .exit-title h2 {
line-height: 100% !important;
margin-bottom: 10px !important
}
#estimatePopup .exit-right input:focus,
#estimatePopup .exit-right textarea:focus {
border-radius: 6px !important;
box-shadow: none !important;
border: 1px solid #0b61ff !important
}
#estimatePopup .exit-title h1 {
font-size: 24px !important;
margin-bottom: 5px !important;
display: flex !important;
gap: 10px;
align-items: center;
}
#estimatePopup .exit-title h2 {
font-size: 20px !important
}
#estimatePopup .exit-left {
height: max-content !important
}
#estimatePopup .exit-left .exit-img {
justify-content: space-evenly !important
}
.popup-back .exit-content .exit-right .popup-form textarea {
border-bottom: 1px solid #ccc !important;
border: none
}
#popup2.popup-overlay {
position: absolute or fixed;
height: 100vh;
background: rgba(0, 0, 0, .65);
display: none;
align-items: center;
justify-content: center;
z-index: 9999
}
#popup2 .popup-box-popup2 p {
font-size: 14px;
color: #555;
margin-bottom: 16px
}
#popup2 .usp-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 14px
}
#popup2 .usp-list li {
font-size: 14px;
color: #222;
display: flex;
align-items: flex-start;
margin-bottom: 0
}
#popup2 .usp-list li::before {
content: "✔ ";
color: #1a73e8;
font-weight: 700
}
#popup2 .popup-form input,
.popup-form textarea {
width: 100%;
padding: 9px 12px;
margin-bottom: 12px;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 13px;
height: unset
}
#popup2 .popup-form textarea {
resize: none;
resize: none;
min-height: 75px
}
#popup2 .popup-form input[type=submit] {
width: 100%;
padding: 11px;
background: #1a73e8;
color: #fff;
border: none;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
cursor: pointer
}
#popup2 .popup-form input[type=submit]:hover {
background: #155ec4
}
#popup2 .popup-note {
font-size: 12px;
color: #777;
text-align: center;
margin-bottom: 10px
}
@media (max-width:480px) {
#popup2 .popup-box-popup2 {
padding: 22px 18px
}
.popup-box-popup2 h2 {
font-size: 20px
}
.usp-list {
grid-template-columns: 1fr
}
}
#popup2 .popup-box-popup2 {
background: #fff;
width: 100%;
max-width: 800px;
border-radius: 14px;
padding: 5px 24px;
position: relative;
animation: .4s popupFade;
margin: 0 auto
}
#popup2 .close-btn {
cursor: pointer;
display: block;
width: 36px;
height: 37px;
background: 0 0;
border-radius: 50%;
font-size: 46px;
line-height: normal;
color: #1c72d9;
position: absolute;
right: 10px;
top: 6px;
box-shadow: none
}
#popup2 .modal-content {
border-radius: 14px
}
#popup2 .popup-box-popup2 h2 {
font-size: 18px;
margin-bottom: 8px;
color: #111;
line-height: normal;
margin-top: -23px
}
#popup2 .usp-list {
margin: 8px 0;
gap: 5px 10px
}
#popup2 .modal-header {
padding: 5px 10px;
border: none
}
#popup2 .modal-header .close {
padding: 5px !important;
margin: 0 0 0 auto
}
#popup2 .modal-dialog {
margin: 0 auto
}
.popup-box-popup2 span.ajax-loader {
right: 14px;
left: auto;
position: absolute;
margin-top: 8px
}
.wanotifier-click-to-chat-btn {
background: #000 !important;
width: 50px !important;
height: 50px !important;
border-radius: 0 20px 20px 0;
position: fixed !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, .4) !important;
pointer-events: auto !important
}
.wanotifier-click-to-chat-btn:after {
content: "";
width: 30px;
height: 30px;
filter: invert(55%) sepia(95%) saturate(400%) hue-rotate(85deg) brightness(95%) contrast(95%);
pointer-events: none !important;
padding-left: 10px !important
}
@media (min-width:769px) {
.wanotifier-click-to-chat-btn {
left: 0 !important;
right: auto !important;
top: 50% !important;
bottom: auto !important
}
}
.wanotifier-click-to-chat-btn::after {
content: "";
width: 30px !important;
height: 30px !important;
background: url(https://www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/whatsApp-icon.svg) center/contain no-repeat
}
.wanotifier-click-to-chat-btn a {
display: block !important;
position: absolute !important;
inset: 0 !important;
opacity: 0 !important;
pointer-events: auto !important
}
.wanotifier-click-to-chat-btn btn-style-1 svg {
object-fit: cover !important
}
.muted {
color: var(--muted)
}
.divider {
height: 1px;
background: #e5e7eb
}
.metrics_block .metrics {
gap: 30px;
margin-top: 30px
}
.metrics_block .metrics .metric {
padding: 28px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #f9fafb
}
.cta.letsconnect_block a,
.global_team_block .cta-button:hover,
.lead-row-section .landing-form input[type=submit]:hover,
.lead-row-section .quick-form-box .btnwrap:hover input[type=submit],
.reminder-section .reminder-cta .big-link:hover,
.timeline-quotation-section .again-cta .btn-white:hover {
background: #ffd740;
color: #000
}
.metrics_block .metrics .metric strong {
font-size: 30px;
display: block;
color: var(--primary);
margin-bottom: 20px
}
.how_we_work_block .grid {
gap: 35px;
margin-top: 40px
}
.how_we_work_block .card {
padding: 32px;
border-radius: 14px;
background: #fff;
border: 1px solid #e1e1e1
}
.trusted-section {
background: #fff;
padding: 80px 0;
overflow: hidden
}
.trusted-section .trusted-title {
text-align: center;
max-width: 800px;
margin: auto;
padding: 0 20px 40px
}
.trusted-section .logo-marquee {
position: relative;
overflow: hidden;
width: 100%
}
.trusted-section .logo-track {
display: flex;
width: max-content;
animation: 35s linear infinite scroll
}
.trusted-section .logo {
display: inline-block;
width: auto;
float: none;
padding: 0 40px
}
.animation div img,
.trusted-section .logo img {
max-width: 650px;
max-height: 300px;
object-fit: cover
}
.trusted-section .logo:hover {
filter: grayscale(0%);
opacity: 1
}
@keyframes scroll {
from {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
}
.service {
padding: 14px 0;
border-bottom: 1px solid var(--border);
font-size: 16px
}
.cta.letsconnect_block {
background: var(--primary);
color: #fff;
padding: 50px 40px;
border-radius: 16px;
text-align: center
}
.cta.letsconnect_block h2 {
color: #fff;
margin-bottom: 20px
}
.cta.letsconnect_block p {
color: #cbd5f5;
margin-left: auto;
margin-right: auto;
margin-bottom: 0
}
.cta.letsconnect_block a {
display: inline-block;
margin-top: 30px;
padding: 15px 38px;
font-weight: 600;
text-decoration: none;
border-radius: 8px
}
.cta.letsconnect_block a:hover {
background: #fff;
color: var(--primary)
}
.how_we_work_block h3 {
font-size: 22px;
line-height: 32px
}
.container:has(.trusted-section) {
padding-top: 60px;
padding-bottom: 60px
}
.container:has(.who_we_are_block) {
padding-top: 60px;
padding-bottom: 60px
}
.who-rr-slideshow {
overflow: hidden;
width: 100%;
margin: 0 auto 50px;
background: #fff
}
.animation {
width: auto;
height: 200px;
font-size: 0px
}
.animation div {
display: inline-block;
width: auto;
float: none;
padding: 0 10px
}
@media (max-width:1025px) {
.metrics_block .metrics {
grid-template-columns: repeat(2, 1fr);
row-gap: 20px
}
}
.global-title {
font-size: 36px;
font-weight: 700;
color: #111;
margin-bottom: 10px
}
.global-subtitle {
font-size: 18px;
color: #555;
max-width: 750px;
margin: auto auto 60px;
line-height: 1.6
}
.stats-grid {
display: flex;
flex-wrap: wrap;
gap: 25px;
justify-content: center;
margin-bottom: 70px
}
.stat-box {
flex: 1 1 220px;
background: #fff;
padding: 35px 20px;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
transition: .3s
}
.stat-box:hover {
transform: translateY(0)
}
.stat-number {
font-size: 36px;
font-weight: 700;
color: #0073ff;
margin-bottom: 5px
}
.stat-text {
color: #555;
font-size: 16px
}
.countries h3 {
font-size: 22px;
margin-bottom: 25px;
color: #222
}
.country-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
max-width: 1000px;
margin: auto
}
.country {
background: #fff;
padding: 10px 18px;
border-radius: 20px;
font-size: 14px;
box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
color: #333
}
.cta-box {
margin-top: 70px;
background: #fff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .08)
}
.cta-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 10px
}
.cta-text {
color: #555;
margin-bottom: 25px
}
.cta-button {
display: inline-block;
padding: 14px 28px;
background: #0073ff;
color: #fff;
border-radius: 6px;
text-decoration: none;
font-weight: 600
}
.cta-button:hover {
background: #005fe0
}
.businesses_worldwide .global-title {
text-align: center;
margin-bottom: 20px;
line-height: 150%
}
.businesses_worldwide .global-subtitle {
max-width: 890px;
text-align: center
}
.businesses_worldwide .stat-box {
padding: 28px
}
.businesses_worldwide .stats-grid {
gap: 30px;
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.countries_block,
.global_team_block {
padding-bottom: 40px;
padding-top: 40px
}
.countries_block .countries h3 {
text-align: center;
font-size: 36px;
margin-bottom: 35px;
line-height: 150%
}
.global_team_block .cta-box {
margin-top: 0;
text-align: center;
max-width: 1530px
}
.global_team_block .cta-text {
line-height: 120%;
margin-bottom: 15px
}
.global_team_block .cta-button {
transition: .33s linear
}
.global_team_block .cta-box .cta-title {
margin-bottom: 20px;
line-height: 150%
}
.what_we_do_best_block h2 {
font-size: 32px;
font-weight: 600;
margin-bottom: 15px
}
.what_we_do_best_block .sub_tit {
font-size: 18px;
line-height: 28px;
color: #555;
margin-bottom: 25px
}
.what_we_do_best_block ul li {
font-size: 18px;
position: relative;
padding-left: 20px;
margin-bottom: 20px;
line-height: 26px
}
.what_we_do_best_block ul li strong {
color: #000;
display: block;
font-weight: 600;
margin-bottom: 4px
}
.container:has(.cta.letsconnect_block) {
padding-top: 40px;
padding-bottom: 60px
}
.container:has(.how_we_work_block) {
padding-top: 40px;
padding-bottom: 40px
}
.countries_block .country-list .country {
display: flex;
align-items: center;
justify-content: center;
gap: 5px
}
.what_we_do_best_block ul li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
font-size: 20px;
font-weight: 900
}
@media (max-width:1399px) {
.how_we_work_block .card {
padding: 21px !important
}
}
@media (max-width:1199px) {
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item.active>ul {
display: block
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
float: right;
width: 100%;
position: absolute;
right: 0;
text-align: end
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
font-weight: 400;
margin: 17px 0 0 6px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(0);
color: inherit;
position: relative;
background: 0 0;
right: auto;
line-height: inherit;
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #000;
content: ""
}
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu.mega-menu-item.active .mega-indicator:after {
transform: rotate(180deg)
}
.how_we_work_block .grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
margin-top: 30px
}
.container:has(.how_we_work_block) {
padding-top: 50px;
padding-bottom: 50px
}
.businesses_worldwide .stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px
}
.businesses_worldwide .global-subtitle {
margin-bottom: 30px;
font-size: 15px !important
}
.businesses_worldwide .global-title,
.countries_block .countries h3,
.what_we_do_best_block h2 {
font-size: 28px !important;
margin-bottom: 20px !important
}
.global_team_block .cta-text {
line-height: 24px !important;
font-size: 15px
}
.what_we_do_best_block .sub_tit {
font-size: 15px !important
}
.page-id-10 .page-header h2,
.page-id-27779 .page-header h2 {
font-size: 26px !important;
line-height: 32px !important
}
.page-id-10 .page-header p,
.page-id-27779 .page-header p {
font-size: 15px !important;
line-height: 18px !important
}
}
@media (max-width:911px) {
#estimatePopup .exit-content {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
align-items: center
}
#estimatePopup .exit-left,
#estimatePopup .exit-right {
width: 100%
}
#estimatePopup .popup-back {
padding: 60px 20px 20px !important
}
#estimatePopup .popup-back .exit-title span.exit-btn {
width: 25px !important;
height: 25px !important
}
.exit-title h1 {
font-size: 21px !important
}
.exit-title h2 {
font-size: 18px !important
}
.container:has(.how_we_work_block) {
padding-top: 40px;
padding-bottom: 40px
}
.what_we_do_best_block {
padding: 30px 0
}
.businesses_worldwide .global-subtitle {
margin-bottom: 20px
}
.page-id-10 .page-header h2,
.page-id-27779 .page-header h2 {
font-size: 19px !important;
line-height: 26px !important
}
.page-id-10 .page-header p,
.page-id-27779 .page-header p {
font-size: 12px !important;
line-height: 18px !important
}
.what_we_do_best_block ul {
grid-template-columns: repeat(1, 1fr) !important
}
.what_we_do_best_block ul li {
font-size: 15px !important
}
}
@media (max-width:768px) {
.wanotifier-click-to-chat-btn {
right: 15px !important;
left: auto !important;
bottom: 52px !important;
top: auto !important;
background: 0 0 !important;
box-shadow: none !important
}
.wanotifier-click-to-chat-btn::after {
width: 55px !important;
height: 55px !important;
}
.wanotifier-click-to-chat-btn {
width: 55px !important;
height: 55px !important;
}
.businesses_worldwide .stats-grid,
.how_we_work_block .grid,
.metrics_block .metrics {
grid-template-columns: repeat(1, 1fr)
}
.how_we_work_block .grid {
gap: 20px;
margin-top: 10px
}
.container:has(.how_we_work_block) {
padding-top: 20px;
padding-bottom: 20px
}
.how_we_work_block h2,
.trusted-section .trusted-title h2 {
margin-bottom: 15px
}
.businesses_worldwide .stat-box,
.how_we_work_block .card {
padding: 21px
}
.what_we_do_best_block {
padding: 30px 0;
}
.businesses_worldwide,
.our_principles_block {
padding: 20px 0
}
.countries_block,
.global_team_block {
padding-bottom: 20px;
padding-top: 20px
}
.trusted-section {
padding: 30px 0
}
.trusted-section .trusted-title {
text-align: center;
max-width: 100%;
margin: auto;
padding: 0 20px 10px
}
.businesses_worldwide .global-title,
.countries_block .countries h3,
.what_we_do_best_block h2 {
font-size: 24px !important;
margin-bottom: 10px !important
}
.how_we_work_block h3 {
font-size: 20px !important;
margin-bottom: 10px !important
}
.what_we_do_best_block .sub_tit {
font-size: 15px !important;
margin-bottom: 20px !important
}
.global_team_block .cta-box .cta-title {
font-size: 24px !important
}
.global_team_block .cta-text {
line-height: 24px !important
}
.businesses_worldwide .stat-box .stat-number {
margin-bottom: 15px;
font-size: 26px
}
.global_team_block .cta-box {
padding: 20px !important
}
.container:has(.who_we_are_block) {
padding-bottom: 20px;
padding-top: 20px
}
.page-id-10 .page-header,
.page-id-27779 .page-header {
padding-bottom: 20px !important
}
.global_team_block .cta-button {
line-height: 130% !important
}
.f-address p:first-child {
font-size: 12px !important
}
}
.who-rr-slideshow .animation {
height: auto
}
.businesses_worldwide .stat-box .stat-text {
line-height: 150%
}
.businesses_worldwide .global-title::after {
content: "";
display: inline-block;
width: 35px;
height: 40px;
margin-left: 8px;
background-image: url(//www.abbacustechnologies.com/wp-content/themes/abbacus/assets/images/earth.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle
}
.page-id-10 .page-header h2,
.page-id-27779 .page-header h2 {
font-size: 40px;
line-height: 48px
}
.page-id-10 .page-header p,
.page-id-27779 .page-header p {
font-size: 18px;
line-height: 22px;
color: #ffd740;
font-weight: 400;
margin: 0
}
.page-id-10 .page-header,
.page-id-27779 .page-header {
padding: 0 0 40px;
position: relative;
overflow: hidden
}
.container:has(.metrics_block) {
padding-top: 0;
padding-bottom: 40px
}
.what_we_do_best_block ul {
padding-left: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px
}
.widget_block .form-style .fields.btnbox {
padding-left: 0 !important;
margin-top: 24px !important;
position: relative;
justify-content: center
}
.wpcf7 .ajax-loader {
position: absolute;
left: 50%
}
.reminder-section {
padding: 200px 0 40px
}
.reminder-section .reminder-block .reminder-content .reminder-text h1 i {
color: #1c72d9;
margin-right: 5px
}
.reminder-section .reminder-block {
background: #fff;
color: #fff;
border-radius: 40px;
padding: 50px 45px;
box-shadow: 0 20px 35px rgba(0, 20, 40, .06);
border: 1px solid #e6f0f7
}
.reminder-section .reminder-content {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 35.2px
}
.reminder-section .reminder-text {
flex: 2 1 440px
}
.reminder-section .reminder-text h1 {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 12px;
letter-spacing: -.02em
}
.reminder-section .reminder-text h1 span {
color: #000;
display: block;
font-size: 20px;
margin-top: 25px;
line-height: 1.3;
max-width: 680px;
font-weight: 500
}
.reminder-section .reminder-text p {
font-size: 20px;
font-weight: 400;
opacity: .95;
margin: 24px 0 32px;
max-width: 650px;
border-left: 4px solid #ffd966;
padding-left: 20px;
color: #000
}
.reminder-section .usp-icons {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 12px
}
.reminder-section .usp-icons span {
display: flex;
align-items: center;
gap: 11px;
background: rgb(207 207 207 / 24%);
padding: 9px 22px;
border-radius: 40px;
font-weight: 600;
font-size: 16px;
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, .2);
color: #000 !important
}
.reminder-section .usp-icons i {
color: #000;
font-size: 19.2px
}
.reminder-section .reminder-cta {
flex: 1 1 240px;
background: rgb(207 207 207 / 24%);
padding: 32px 28.8px;
border-radius: 32px;
border: 1px solid rgba(255, 255, 255, .3);
text-align: center;
backdrop-filter: blur(10px)
}
.reminder-section .reminder-cta .big-link {
background: #0073ff;
color: #fff;
border: none;
padding: 16px 32px;
border-radius: 50px;
font-weight: 700;
font-size: 22.4px;
cursor: pointer;
transition: .33s linear;
width: 100%;
display: inline-block;
margin-bottom: 16px;
text-decoration: none
}
.lead-row-section .quick-form-box,
.lead-row-section .roadmap-box {
background: #fff;
border-radius: 35.2px;
box-shadow: 0 20px 35px rgba(0, 20, 40, .06)
}
.reminder-section .reminder-cta small {
font-size: 15px;
opacity: .8;
color: #000
}
.reminder-section .reminder-cta a i {
margin-right: 5px;
margin-top: 0
}
.reminder-section .reminder-text p i {
margin-right: 7px;
color: #1c72d9 !important
}
.lead-row-section .lead-row {
display: flex;
flex-wrap: wrap;
gap: 32px
}
.lead-row-section .quick-form-box {
flex: 1 1 380px;
padding: 35.2px 35.2px 40px
}
.lead-row-section .quick-form-box h3 {
font-size: 27px;
font-weight: 700;
margin-bottom: 3.2px;
color: #082032
}
.lead-row-section .quick-form-box p {
color: #3f5468;
margin-bottom: 0;
font-size: 16px;
position: relative;
display: inline-block
}
.lead-row-section .roadmap-box {
flex: 1 1 400px;
padding: 35.2px 32px 40px;
border: 1px solid #e6f0f7
}
.lead-row-section .roadmap-header {
display: flex;
align-items: center;
gap: 12.8px;
margin-bottom: 24px
}
.lead-row-section .roadmap-header i {
font-size: 32px;
color: #1b6b8f;
background: #e1f0f8;
padding: 9.6px;
border-radius: 16px
}
.lead-row-section .roadmap-header h3 {
font-size: 28.8px;
font-weight: 700;
color: #082032
}
.lead-row-section .landing-form .wpcf7-form-control-wrap {
margin-bottom: 20.8px;
display: block
}
.lead-row-section .landing-form input[type=email],
.lead-row-section .landing-form input[type=tel],
.lead-row-section .landing-form input[type=text],
.lead-row-section .landing-form textarea {
width: 100%;
padding: 16px 20.8px;
border: 1.5px solid #e3eef9;
border-radius: 28.8px;
font-family: Inter, sans-serif;
font-size: 16px;
background: #fafdff;
transition: .15s;
box-sizing: border-box
}
.lead-row-section .landing-form input[type=email]:focus,
.lead-row-section .landing-form input[type=tel]:focus,
.lead-row-section .landing-form input[type=text]:focus,
.lead-row-section .landing-form textarea:focus {
outline: 0;
border-color: #1e4a6b;
box-shadow: 0 0 0 3px rgba(20, 80, 120, .1)
}
.lead-row-section .landing-form textarea {
min-height: 95px
}
.lead-row-section .landing-form input[type=submit] {
background: #0073ff;
color: #fff;
border: none;
padding: 16px 32px;
border-radius: 6px;
font-weight: 600;
font-size: 17.6px;
width: 100%;
cursor: pointer;
transition: .33s linear;
margin-top: 8px;
position: relative
}
.lead-row-section .landing-form .ajax-loader {
position: absolute;
left: -webkit-calc(100% - 60px);
left: calc(100% - 60px);
transform: translateY(85%);
margin: 0
}
.lead-row-section .landing-form .wpcf7-not-valid-tip {
padding-top: 8px;
padding-left: 16px
}
.lead-row-section .connect-email {
text-align: center;
margin-top: 20px
}
.lead-row-section .insight-badge {
background: linear-gradient(16deg, var(--primary) 5.58%, #001560 129.14%);
color: #fff;
padding: 8px 19.2px;
border-radius: 40px;
display: inline-block;
width: max-content;
font-weight: 600;
margin-bottom: 28.8px;
font-size: 15.2px;
letter-spacing: .3px;
display: flex;
gap: 6px;
align-items: center
}
.lead-row-section .approach-grid {
display: flex;
flex-direction: column;
gap: 19.2px;
margin: 28.8px 0 24px
}
.lead-row-section .approach-item {
display: flex;
gap: 16px;
align-items: flex-start
}
.lead-row-section .approach-icon {
background: #f0f7ff;
min-width: 48px;
height: 48px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #1f5e83;
font-size: 22.4px
}
.lead-row-section .approach-text h4 {
font-size: 19.2px;
font-weight: 700;
color: #0b2f40;
margin-bottom: 3.2px
}
.lead-row-section .approach-text p {
color: #3d6077;
font-size: 15.2px
}
.lead-row-section .collab-note {
background: linear-gradient(16deg, var(--primary) 5.58%, #001560 129.14%);
border-radius: 24px;
padding: 24px;
margin-top: 24px;
border-left: none;
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap
}
.lead-row-section .collab-note i {
font-size: 35.2px;
color: #fff
}
.lead-row-section .collab-note span {
font-weight: 600;
color: #fff;
line-height: 1.3
}
.lead-row-section .next-step {
margin-top: 24px;
text-align: right;
color: #fff
}
.lead-row-section .next-step a {
background: rgb(207 207 207 / 24%);
padding: 11.2px 28.8px;
border-radius: 48px;
font-weight: 600;
color: #0b2f40;
text-decoration: none;
border: 1px solid #b9d6ef;
transition: .2s;
display: inline-block
}
.lead-row-section .next-step a:hover {
background: #daeaf8
}
.lead-row-section .connect-email:hover a,
.lead-row-section .connect-email:hover i {
color: #0073ff;
text-decoration: underline
}
.lead-row-section .quick-form-box h3 i {
padding: 4px 8px;
font-size: 20px;
background-color: #0073ff;
color: #fff;
margin-right: 8px
}
.lead-row-section .quick-form-box .btnwrap i {
position: absolute;
left: calc(50% - 120px);
top: 70%;
transform: translateY(-100%);
color: #fff;
font-size: 20px;
z-index: 1;
pointer-events: none;
transition: color .66s linear
}
.why-us-section .section-tag {
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #000;
font-weight: 600;
margin-bottom: 30px
}
.why-us-section .feature-icon i,
.why-us-section .why-title {
font-size: 32px;
color: #082032
}
.why-us-section .why-title {
font-weight: 700;
margin-bottom: 32px;
line-height: 100%
}
.why-us-section .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 32px;
margin-top: 16px
}
.why-us-section .feature-card {
background: #fff;
padding: 2rem 1.5rem;
border-radius: 2rem;
box-shadow: 0 8px 20px rgba(0, 0, 0, .02);
transition: .2s;
border: 1px solid #e9f0f9
}
.why-us-section .feature-card:hover {
border-color: #b7d3e8;
transform: translateY(-4px)
}
.why-us-section .feature-icon {
background: #deecf9;
width: 60px;
height: 60px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px
}
.why-us-section .feature-card h4 {
font-size: 22.4px;
font-weight: 600;
margin-bottom: 11px;
color: #082032
}
.why-us-section .feature-card p {
color: #3f5b72;
font-size: 15.2px
}
.timeline-quotation-section .again-cta {
text-align: center;
background: rgb(207 207 207 / 24%);
border-radius: 48px;
padding: 40px;
border: 1px solid #00000036
}
.timeline-quotation-section .again-cta h2 {
font-size: 30px;
font-weight: 700;
color: #082032;
margin-bottom: 20px;
line-height: 130%
}
.timeline-quotation-section .again-cta .btn-white {
background: #0073ff;
color: #fff;
border: none;
padding: 16px 48px;
border-radius: 6px;
font-size: 19px;
font-weight: 600;
display: inline-block;
text-decoration: none;
transition: .33s linear
}
.timeline-quotation-section .again-cta p {
color: #082032 !important
}
.timeline-quotation-section .again-cta p a:hover {
text-decoration: underline;
color: #1c72d9 !important
}
.timeline-quotation-section .again-cta .btn-white i {
font-size: 22px;
vertical-align: middle;
margin-right: 6px;
margin-top: -4px
}
.timeline-quotation-section .again-cta p strong i {
margin-right: 7px;
color: #0073ff
}
.page-id-29086 .header {
background: #1c72d9;
top: 0 !important
}
@media (max-width:1399px) {
.reminder-section .reminder-block {
padding: 40px 35px
}
.reminder-section .reminder-text h1 {
font-size: 35px
}
.reminder-section .reminder-text h1 span {
font-size: 19px;
margin-top: 16px
}
.reminder-section .reminder-text p {
margin: 12px 0 18px
}
.reminder-section .usp-icons {
row-gap: 18px;
column-gap: 15px
}
.reminder-section .usp-icons span {
gap: 8px;
padding: 8px 15px
}
.lead-row-section .quick-form-box {
padding: 30px;
line-height: 1.3
}
.lead-row-section .roadmap-box,
.timeline-quotation-section .again-cta {
padding: 30px
}
.lead-row-section .collab-note {
padding: 15px 20px
}
.lead-row-section .quick-form-box h3 {
margin-bottom: 10px
}
.lead-row-section .quick-form-box>p {
line-height: 130%
}
.why-us-section .section-tag {
margin-bottom: 20px
}
.why-us-section .feature-card {
padding: 20px
}
.why-us-section .features-grid {
gap: 20px
}
.timeline-quotation-section .again-cta h2 {
font-size: 25px
}
.timeline-quotation-section .again-cta .btn-white {
padding: 15px 30px
}
}
@media (max-width:1199px) {
.reminder-section {
padding: 120px 0 20px !important
}
.reminder-section .reminder-block {
padding: 30px 25px !important
}
.reminder-section .reminder-text h1 {
font-size: 28px !important
}
.reminder-section .reminder-text h1 span {
font-size: 16px !important;
line-height: 130% !important
}
.reminder-section .reminder-text p {
margin: 10px 0 15px !important;
font-size: 16px !important;
padding-left: 10px !important
}
.reminder-section .usp-icons {
row-gap: 10px !important;
column-gap: 12px !important
}
.reminder-section .reminder-cta {
padding: 20px
}
.reminder-section .reminder-content {
gap: 25px
}
.lead-row-section,
.timeline-quotation-section,
.why-us-section {
padding: 20px 0
}
.lead-row-section .quick-form-box h3,
.lead-row-section .roadmap-header h3 {
font-size: 21px
}
.lead-row-section .quick-form-box p {
margin-bottom: 16px;
font-size: 14px
}
.lead-row-section .roadmap-header i {
font-size: 21px;
border-radius: 8px
}
.lead-row-section .roadmap-header {
margin-bottom: 18px
}
.lead-row-section .insight-badge {
margin-bottom: 15px;
font-size: 14px
}
.lead-row-section .roadmap-box>p {
font-size: 14px !important;
margin-bottom: 10px !important;
line-height: 125%
}
.lead-row-section .approach-grid {
gap: 20px;
margin: 20px 0
}
.lead-row-section .approach-text p {
font-size: 13px
}
.lead-row-section .approach-text h4 {
font-size: 17px;
margin-bottom: 0
}
.lead-row-section .approach-icon {
min-width: 35px;
height: 35px
}
.lead-row-section .collab-note {
padding: 10px 12px
}
.lead-row-section .collab-note span {
font-size: 15px
}
.lead-row-section .quick-form-box h3 i {
padding: 3px 5px;
font-size: 16px
}
.why-us-section .section-tag {
margin-bottom: 15px
}
.why-us-section .why-title {
font-size: 28px;
margin-bottom: 25px
}
.why-us-section .feature-card h4 {
font-size: 20px;
margin-bottom: 8px
}
.why-us-section .feature-icon {
width: 50px;
height: 50px;
margin-bottom: 14px
}
.why-us-section .feature-icon i {
font-size: 25px
}
.timeline-quotation-section .again-cta h2 {
font-size: 21px;
margin-bottom: 15px
}
.timeline-quotation-section .again-cta p {
margin-top: 10px !important
}
.timeline-quotation-section .again-cta .btn-white i {
font-size: 20px;
margin-right: 4px
}
}
@media (max-width:911px) {
.reminder-section .reminder-block {
padding: 25px !important;
border-radius: 25px
}
.lead-row-section .quick-form-box,
.timeline-quotation-section .again-cta {
border-radius: 25px;
padding: 25px
}
.reminder-section .reminder-content {
gap: 0;
flex-direction: column
}
.reminder-section .reminder-text {
flex: 2 1 220px !important;
}
.reminder-section .reminder-cta {
flex: 1 1 110px;
margin-top: 20px;
width: 100%;
border-radius: 25px
}
.reminder-section .reminder-cta .big-link {
font-size: 18px
}
.why-us-section .why-title {
font-size: 21px;
margin-bottom: 20px
}
.why-us-section .section-tag {
font-size: 15px;
margin-bottom: 10px !important
}
.why-us-section .feature-card h4 {
font-size: 18px;
margin-bottom: 5px
}
.why-us-section .feature-card p {
font-size: 14px;
line-height: 120%
}
.why-us-section .feature-card {
border-radius: 25px
}
.timeline-quotation-section .again-cta .btn-white {
padding: 10px 15px;
font-size: 15px
}
.timeline-quotation-section .again-cta .btn-white i {
font-size: 15px;
margin-right: 1px
}
.lead-row-section .quick-form-box p {
margin-bottom: 10px
}
.lead-row-section .next-step {
text-align: left
}
}
@media (max-width:767px) {
.reminder-section {
padding: 110px 0 10px !important
}
.reminder-section .reminder-text {
flex: 2 1 150px;
}
.reminder-section .reminder-text h1 {
font-size: 16px !important
}
.reminder-section .reminder-text h1 span {
font-size: 13px !important;
margin-top: 8px;
line-height: 140%
}
.reminder-section .reminder-text p {
margin: 10px 0 !important;
font-size: 13px !important;
padding-left: 5px !important;
line-height: 130%
}
.reminder-section .usp-icons span {
gap: 5px;
padding: 6px 10px;
font-size: 13px
}
.reminder-section .reminder-cta {
padding: 15px;
flex: 1 1 90px
}
.reminder-section .reminder-cta .big-link {
padding: 10px 15px;
font-size: 14px;
margin-bottom: 10px
}
.lead-row-section .collab-note span,
.reminder-section .reminder-cta small {
font-size: 12px
}
.lead-row-section,
.why-us-section {
padding: 10px 0
}
.lead-row-section .lead-row {
flex-direction: column;
gap: 20px
}
.lead-row-section .quick-form-box {
padding: 20px;
margin-bottom: 20px
}
.lead-row-section .quick-form-box p {
margin-bottom: 10px;
line-height: 120%
}
.lead-row-section .quick-form-box h3 {
margin-bottom: 8px
}
.lead-row-section .landing-form .wpcf7-form-control-wrap {
margin-bottom: 15px
}
.lead-row-section .connect-email {
margin-top: 10px
}
.lead-row-section .connect-email a {
font-size: 13px;
color: #000
}
.lead-row-section .roadmap-header i {
font-size: 14px;
border-radius: 8px;
padding: 5px
}
.lead-row-section .roadmap-header {
gap: 7px;
margin-bottom: 10px
}
.lead-row-section .quick-form-box h3,
.lead-row-section .roadmap-header h3 {
font-size: 20px
}
.lead-row-section .insight-badge {
margin-bottom: 10px;
font-size: 11px
}
.lead-row-section .roadmap-box>p {
font-size: 13px !important;
line-height: 1.2;
margin-bottom: 10px !important
}
.lead-row-section .approach-grid {
gap: 10px;
margin: 18px 0 24px
}
.lead-row-section .approach-text h4,
.lead-row-section .next-step a i {
font-size: 13px
}
.lead-row-section .approach-text p {
font-size: 11px;
line-height: 120%
}
.lead-row-section .approach-item {
gap: 8px
}
.lead-row-section .approach-icon {
min-width: 25px;
height: 25px;
font-size: 16px;
margin-top: 5px
}
.lead-row-section .collab-note {
gap: 10px
}
.lead-row-section .collab-note i {
font-size: 28px
}
.lead-row-section .next-step a {
padding: 10px 15px;
font-size: 11px
}
.lead-row-section .roadmap-box {
padding: 25px 15px
}
.lead-row-section .landing-form input[type=email],
.lead-row-section .landing-form input[type=tel],
.lead-row-section .landing-form input[type=text] {
padding: 10px 12px;
height: 40px;
font-size: 13px
}
.lead-row-section .landing-form .ajax-loader {
left: calc(100% - 40px);
transform: translateY(45%)
}
.lead-row-section .landing-form input[type=submit] {
padding: 10px 25px;
font-size: 17px;
margin-top: 5px
}
.lead-row-section .quick-form-box .btnwrap i {
position: absolute;
left: calc(50% - 110px);
top: 75%;
transform: translateY(-100%);
color: #fff;
font-size: 16px;
z-index: 1;
pointer-events: none;
transition: color .66s linear
}
.why-us-section .section-tag {
font-size: 11px;
margin-bottom: 4px !important
}
.why-us-section .why-title {
font-size: 19px;
margin-bottom: 10px;
line-height: 110%
}
.why-us-section .features-grid {
gap: 10px;
margin-top: 0;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr))
}
.why-us-section .feature-card {
padding: 10px 15px
}
.why-us-section .feature-icon {
width: 30px;
height: 30px;
margin-bottom: 5px
}
.why-us-section .feature-icon i {
font-size: 16px
}
.why-us-section .feature-card h4 {
font-size: 15px;
margin-bottom: 2px
}
.why-us-section .feature-card p {
font-size: 12px;
line-height: 120%
}
.timeline-quotation-section {
padding: 10px 0 20px
}
.timeline-quotation-section .again-cta h2 {
font-size: 13px;
margin-bottom: 8px;
line-height: 120%
}
.timeline-quotation-section .again-cta p {
margin-top: 4px !important;
font-size: 9px
}
.timeline-quotation-section .again-cta {
padding: 15px
}
.timeline-quotation-section .again-cta .btn-white {
padding: 5px 10px;
font-size: 11px
}
.timeline-quotation-section .again-cta .btn-white i {
font-size: 12px;
margin-right: 1px
}
.lead-row-section .quick-form-box p i {
left: calc(50% - 110px);
top: 47%;
font-size: 15px;
margin-right: 5px
}
.timeline-quotation-section .again-cta p strong i {
margin-right: 3px;
color: #0073ff
}
}
@media screen and (min-width:1200px) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-3-of-12 {
width: 100%
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu:not(:hover)>ul.mega-sub-menu {
right: 380%
}
} .businesses_worldwide .stat-box {
border: 1px solid #e5e7eb;
}
@media screen and (max-width: 767px) {
.move-img-main {
display: none;
}
.page-id-27779 .page-header p {
font-size: 14px !important;
font-weight: 500;
}
.businesses_worldwide .stats-grid, .metrics_block .metrics {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.metrics_block .metrics .metric ,.businesses_worldwide .stat-box {
padding: 12px;
font-size: 12px;
}
.metrics_block .metrics .metric strong {
font-size: 20px;
margin-bottom: 10px;
line-height: 1.2;
}
.businesses_worldwide .stat-box .stat-number {
margin-bottom: 10px;
font-size: 20px;
line-height: 1.2;
}
.businesses_worldwide .stat-box .stat-text {
line-height: 1.4;
font-size: 12px;
}
.container.countries_block {
display: none;
}
.cta.letsconnect_block {
padding: 30px 20px;
}
}
@media (max-width: 911px) {
.what_we_do_best_block ul li {
margin-bottom: 0px;
}
} @media (max-width: 767px) {
.widget_block .form-style .fields.btnbox .v-center {
display: block !important;
}
.widget_block .form-style .ajax-loader {
position: absolute !important;
top: 50% !important;
transform: translateY(-20%) !important;
left: auto !important;
right: -35px !important;
margin: 0 !important;
}
.widget_block .form-style .fields.btnbox {
display: block !important;
width: max-content;
margin: 0 auto;
}
} .single-post .quick-footer-form {position: unset; bottom: 0; width: 100%; background: #1c72d9; padding: 28px 10px 5px; z-index: 9999; }
.single-post .quick-footer-form form {display: flex; align-items: center; gap:6px;margin: auto; white-space: nowrap; }
.single-post .quick-label {color: #fff; font-size: 15px; font-weight: 500;margin-right: 5px;margin-top: 10px;}
.single-post .quick-footer-form input { height: 35px; padding: 0px 15px; border: none; border-radius: 3px; font-size: 14px; outline: none; max-width: 230px !important;}
.single-post .quick-footer-form button { height: 35px; padding: 0px 24px; border: none; background: #ffd740; color: #000; font-size: 14px; font-weight: 600; border-radius: 3px; cursor: pointer; white-space: nowrap;}
.single-post .quick-footer-form input, .quick-footer-form button, .quick-label {flex-shrink: 0; }
.single-post .quick-footer-form {overflow-x: auto; }
.single-post .quick-footer-form .input-field{position: relative;}
.single-post .quick-footer-form .input-field .ajax-loader { position: absolute; top: 7px; left: 100%; margin-left: 10px;}
.single-post .quick-footer-form .input-field {display: flex; flex-direction: column; align-items: center; }
.single-post .quick-footer-form input::placeholder {color: #000000 ;opacity: 0.8 ;}
.single-post .quick-footer-form .wpcf7-form {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; padding:12px 10px 12px; justify-content: center;}
.single-post .quick-footer-form .wpcf7-not-valid-tip {font-size: 10px; color: #ffffff; margin-top: 3px; white-space: nowrap; min-height: 15px; }
.single-post .wpcf7-response-output{display: none !important; }
.single-post .rightpart {padding: 0px 0 0 2%; }
.single-post .rightpart .rightpart-sticky {padding-top: 0px; }
.single-post .rightpart .get_started input {height: 38px; }
.single-post .rightpart .get_started .input-field {margin-bottom: 15px; }
.single-post .rightpart .get_started textarea {height: 70px; }
.single-post .get_started .wpcf7-not-valid-tip {font-size: 0.74em !important; padding: 2px 0px 0px 5px !important; }
.single-post .leftpart {position: relative;}
.single-post .leftpart .quick-footer-form { position: sticky; bottom: 0; left: 0; z-index: 99; margin-top: 30px; margin-left: -15px; margin-right: -20px; width: auto;}
@media (max-width:1440px) {
.single-post .leftpart .quick-footer-form{margin-left: -25px;}   
.single-post .quick-footer-form input{width: 180px !important;}
}
@media (max-width:1279px) {
.single-post .quick-footer-form input{width: 170px !important;}
}
@media (max-width:1199px) {
.blogdetail_page.single_post .leftpart{padding-bottom: 0;}
.single-post .quick-footer-form input {width: 125px !important;height: 30px;font-size: 12px;}
.single-post .quick-footer-form button{font-size: 12px;height: 30px;}
.single-post .quick-label {font-size: 12px; margin-top: 6px;}
.single-post .quick-footer-form .input-field .ajax-loader{top:4px;}
}
@media (max-width:991px) {
.single-post .quick-footer-form .wpcf7-form {flex-direction: column; gap: 14px; }
.single-post .quick-footer-form input {max-width: 100% !important; }
.single-post .quick-footer-form .input-field {min-height: unset !important; width: 100%; }
.single-post .quick-label {margin-top: 0px; }
.single-post .quick-footer-form {padding: 15px 10px 25px;}
.single-post .quick-footer-form .input-field {min-height: unset; }
.single-post div p {margin-bottom: 0px !important; }
.single-post .quick-footer-form .input-field span.wpcf7-form-control-wrap{width: 100%;}
.single-post .quick-footer-form .input-field .ajax-loader {left: 50%;margin-left: 70px;}
.single-post .quick-footer-form input{width: 100% !important;}
}
@media (max-width:767px) {
.single-post .footer:before{display: none !important; }
} #estimatePopup .popup-front {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
-webkit-transform: translateZ(0) rotateY(0deg);
transform: translateZ(0) rotateY(0deg);
}
#estimatePopup .popup-back {
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
-webkit-transform: translateZ(0) rotateY(180deg);
transform: translateZ(0) rotateY(180deg);
}
#estimatePopup #popupFlip.flipped .popup-front .flip-close {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
#estimatePopup #popupFlip {
-webkit-transform-style: preserve-3d !important;
transform-style: preserve-3d !important;
-webkit-perspective: 1000px;
perspective: 1000px;
}
@media (max-width: 767px) {
#estimatePopup .exit-title h1 {
font-size: 20px !important;
margin-bottom: 5px !important;
}
#estimatePopup .exit-title h1 span.exit-btn{
margin-left: 0px !important;
}
#estimatePopup .exit-left .exit-img img {
height: 26px !important;
}
} a.mailto_block {position: fixed; bottom: 0; right: 0; border: none; background: #ffd740; color: #000; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; z-index: 999; padding: 16px 16px; width: 100%; text-align: center; }
@media screen and (max-width:767px){
.single-post footer#Footer {padding-bottom: 90px; }
}
@media screen and (max-width:767px) {
#estimatePopup .exit-left {display: none; }
}
@media screen and (max-width:767px){
.single-post .leftpart table td {padding: 10px;font-size: 14px;}
} .our-tech-sec ul { max-width: max-content; margin: -15px auto 70px auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 23px; grid-column-gap: 32px; padding-inline: 40px; width: 100%;}
.our-tech-sec ul li { list-style: disc outside; text-align: left; font-size: 18px; color: #333;}
@media screen and (max-width:992px){
.our-tech-sec ul{margin-top: 0;}
.our-tech-sec ul li{font-size: 16px;}
}
@media screen and (max-width:767px){
.our-tech-sec ul li{font-size: 16px;}
.our-tech-sec ul {grid-template-columns: 1fr;grid-row-gap: 14px;margin-bottom: 15px;}
} .service-box-row .service-box ul li {font-size: 18px; line-height: 30px; color: #696969; font-weight: 400; letter-spacing: .4px; word-wrap: break-word; margin: 0 0 0; list-style: disc; margin-left: 25px; }
.section-padding .max-container.section-padding-lg { padding-top: 0; }
.service-box-row .content .service-box ul li {list-style: disc outside; margin-left: 21px; }
section.section-padding.android-tab-section.case-std .tab-pane ul li {list-style: disc; margin-left: 20px; }
.recentworkbox-text ul li {list-style: disc; margin-left: 20px;}
.service-box-row-negative .content {height: calc(100% - 20px);}
.android-tab-section .nav-tabs .nav-link {padding: .5rem 20px;margin-inline: 10px;}
.ofed-testimo-slidess .owl-stage {display: flex !important;}
.ofed-testimo-slidess .owl-stage-outer {margin-right: 5px;}
.ofed-testimonials-box {margin-top: -35px;}
.row.case-std-row {margin-top: 30px;}
@media screen and (min-width:1024px){
.call-to-action.contact-form-block .input-group.subscription-form { display: grid; grid-template-columns: 1fr 1fr 1fr auto;}
}
@media screen and (min-width:768px){
.card-offer .iconbox {min-height: 86px;}
} .value-inner .imgbox img {
object-fit: contain;
}
.value-section .value-inner .imgbox {
position: static;
}
.page-head-imgbox {
min-width: 404px;
max-width: 404px;
}
.page-head-imgbox {
top: -30px;
}
@media (max-width: 1199px){
.page-head-imgbox {
min-width: 304px;
max-width: 304px;
}
}