| Server IP : 108.163.255.210 / Your IP : 3.147.57.239 Web Server : Apache System : Linux blossom.urlnameserver.com 3.10.0-1160.80.1.el7.x86_64 #1 SMP Tue Nov 8 15:48:59 UTC 2022 x86_64 User : ( 1172) PHP Version : 7.2.34 Disable Function : eval,escapeshellarg,proc_close,proc_get_status,proc_nice,proc_open,symlink,system,pcntl_exec,getrusage,chown,chgp,closelog,openlog,syslog,define_syslog_variables,php_ini_loaded_file,getservbyname,getservbyport,posix_getgid,posix_getgrgid,proc_terminate,pfsockopen,apache_child_terminate,posix_mkfifo,posix_setpgid,posix_setuid,hypot,pg_host,pos,posix_access,posix_getcwd,posix_getservbyname,myshellexec,getpid,posix_getsid,posix_isatty,posix_kill,posix_mknod,posix_setgid,posix_setsid,posix_setuid,posix_times,posix_uname,ps_fill,posix_getpwuid,global,ini_restore,zip_open,zip_read,rar_open,bzopen,bzread,bzwrite,apache_get_modules,apache_get_version,phpversionphpinfo,php_ini_scanned_files,get_current_user,disk_total_space,diskfreespace,leak,imap_list,hypo,filedump,safe_mode,getmygid,apache_getenv,apache_setenv,bzread,bzwrite,bzopen,phpini,higlight_file,dos_conv,get_cwd,er_log,cmd,e_name,vdir,get_dir,only_read,ftok,ftpexec,posix_getpwnam,mysql_list_dbs,disk_free_space,session_save_path,confirm_phpdoc_compiled,zip_entry_rea,php_u,psockopen,crack_opendict,crack_getlastmessage,crack_closedict,crack_check,fpassthru,posix_get_last_error,posix_getlogin,posix_getgroups,posix_strerror,posix_getrlimit,posix_getpgrp,posix_getgrnam,pos,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/unilinki/www/Website-HTML/css/ |
Upload File : |
@import url("footer-blog.css");
.scroll-down {
text-align: center;
width: 34px;
height: 58px;
display: inline-block;
border-radius: 20px;
border: 2px solid #fff;
line-height: 50px;
}
@-moz-keyframes fadebounce {
0% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(25px);
transform: translateY(25px);
opacity: 1;
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fadebounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-webkit-transform: translateY(25px);
transform: translateY(25px);
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes fadebounce {
0% {
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-o-transform: translateY(25px);
transform: translateY(25px);
opacity: 1;
}
100% {
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-ms-keyframes fadebounce {
0% {
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-ms-transform: translateY(25px);
transform: translateY(25px);
opacity: 1;
}
100% {
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadebounce {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(25px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.scroll-down i {
height: 10px;
width: 4px;
background: #fff;
display: inline-block;
border-radius: 3px;
-webkit-animation-name: fadebounce;
-moz-animation-name: fadebounce;
-ms-animation-name: fadebounce;
-o-animation-name: fadebounce;
animation-name: fadebounce;
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-ms-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.b-lazy {
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
max-width: 100%;
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
.single-row-module__icon_text {
display: table-cell;
vertical-align: middle;
width: 68px;
height: 68px;
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
border-radius: 50%;
color: #87C500;
font-weight: bold;
font-size: 30px;
}
a:focus,
a:hover {
text-decoration: none !important;
}
.single-row-module__title:hover {
color: #87C500;
}
.single-row-module__icon_svg:hover {
fill: red;
}
.light-gray-bg {
background-color: #fafafa;
}
.primary-color {
color: #87C500 !important;
}
.team-module__text {
font-size: 2.250em;
line-height: 1.44;
font-weight: bold;
margin-bottom: 28px;
color: #000;
}
.module-team {
padding-top: 100px;
}
.bg-white {
background-color: #ffffff !important;
}
.p-0 {
padding: 0px !important;
}
.p-top-10 {
padding-top: 10px !important;
}
.p-top-100 {
padding-top: 100px !important;
}
.p-top-20 {
padding-top: 20px !important;
}
.p-bottom-10 {
padding-bottom: 10px !important;
}
.p-bottom-100 {
padding-bottom: 100px !important;
}
.m-top-0 {
margin-top: 0px !important;
}
.m-bottom-0 {
margin-bottom: 0px !important;
}
.m-top-mins-80 {
margin-top: -56px !important
}
.m-top-10 {
margin-top: 10px !important;
}
.m-top-30 {
margin-top: 30px !important;
}
.m-bottom-10 {
margin-bottom: 10px !important;
}
.m-bottom-40 {
margin-bottom: 40px !important;
}
.m-bottom-100 {
margin-top: 100px !important;
}
.m-bottom-100 {
margin-top: 100px !important;
}
.m-bottom-100-px {
margin-bottom: 100px !important;
}
.bg-white {
background-color: #ffffff !important;
}
.featured-clients__content--description {
margin-top: 0px;
font-family: AvertaStd;
font-size: 16px;
line-height: 1.75;
color: #4b4b4b;
font-weight: 100;
text-align: center;
}
.container-full {
margin: 0 auto;
width: 100%;
}
.anim-first,
.anim-second,
.anim-third {
transform: translateY(35px);
-webkit-transform: translateY(35px);
-moz-transform: translateY(35px);
transform: translateY(35px);
opacity: 0;
transition: 1.5s all;
-webkit-transition: 1.5s all;
-moz-transition: 1.5s all
}
.in-view .anim-first,
.in-view .anim-second,
.in-view .anim-third {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.in-view .anim-second {
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s
}
.in-view .anim-third {
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s
}
img.map-carpet {
opacity: 1;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(45deg);
transform-style: preserve-3d;
transform: rotateX(0);
transition: 1s all;
-webkit-transition: 1s all;
-ms-transition: 1s all
}
.in-view img.map-carpet {
opacity: .4;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(45deg);
transform-style: preserve-3d;
transform: rotateX(55deg)
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.field-wrapper {
position: relative;
margin-bottom: 15px;
}
.field-wrapper input,
textarea {
border: 1px solid #DADCE0;
padding: 15px;
width: 100%;
border-radius: 10px;
resize: none;
}
input,
textarea:focus {
outline-color: #87C500;
}
:focus {
outline: none;
}
.field-wrapper .field-placeholder {
font-size: 15px;
position: absolute;
bottom: 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #adadad;
left: 8px;
padding: 0 8px;
-webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
text-align: left;
width: 100%;
}
.field-wrapper .field-placeholder span {
background: #ffffff;
padding: 0px 8px;
}
.field-wrapper input:not([disabled]):focus~.field-placeholder {
color: #87C500;
}
.field-wrapper input:not([disabled]):focus~.field-placeholder span {
background-color: #fafafa;
}
.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue input:not([disabled])~.field-placeholder {
-webkit-transform: scale(.75) translateY(-39px) translateX(-60px);
transform: scale(.75) translateY(-39px) translateX(-60px);
}
.field-wrapper textarea:not([disabled]):focus~.field-placeholder {
color: #87C500;
}
.field-wrapper textarea:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue textarea:not([disabled])~.field-placeholder {
-webkit-transform: scale(.75) translateY(-39px) translateX(-60px);
transform: scale(.75) translateY(-39px) translateX(-60px);
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.col-12-full {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
/* // - */
.open-source-module {
padding: 100px 0;
background-color: #fafafa;
}
.open-source-module--header {
font-family: AvertaStd;
font-size: 36px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
text-align: center;
}
.flex-50>div {
flex: 0 50%;
}
.hire-row-module {
padding: 0 2rem;
}
.hire-accordion {
max-width: 100% !important;
}
.hire-accordion .as-accordion-head {
white-space: normal;
}
.hire-accordion .faq_plas_icon {
width: 27px;
}
.hire-accordion .card-header-title-ch {
margin-left: 35px;
font-size: 17px;
}
.hire-accordion .card {
border: none;
}
.hire-accordion .card-header {
border-bottom: 1px solid rgba(105, 198, 39, 0.16)
}
.hire-row-module .single-row-module__icon {
border: 1px solid #87c500;
}
.separator {
position: relative;
width: 72px;
height: 3px;
display: inherit;
background-color: #87C500;
margin: 20px auto 60px auto;
}
.open-source-module #open-source-show-more {
display: block;
margin: 0 auto;
}
.open-source--tile__hidden {
display: none;
}
.open-source--tile .open-source--tile__title {
margin-top: 42px;
display: block;
max-width: 233px;
font-size: 21px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.14;
text-align: left;
letter-spacing: normal;
color: #000
}
.tiles-highlights__tile {
margin-bottom: 30px;
}
.tile-sections__title {
margin-bottom: 50px;
font-family: AvertaStd;
font-weight: 800;
text-align: center;
color: #7f7f7f;
}
.tile-sections__title:before {
top: -25px;
left: 50%;
position: relative;
width: 35px;
height: 2px;
content: "";
display: inherit;
background-color: #87C500;
transform: translateX(-50%);
}
.tile-sections__link {
border: 1px solid #fff;
-moz-box-shadow: 0 0 8px #eae8e8;
-webkit-box-shadow: 0 0 8px #eae8e8;
-ms-box-shadow: 0 0 8px #eae8e8;
-o-box-shadow: 0 0 8px #eae8e8;
-webkit-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
flex: 1;
display: block;
color: #7f7f7f;
padding: 10px 20px 10px;
text-align: center;
text-decoration: none;
background-color: #fff;
/* border-radius:0px;
border: 1px solid #7f7f7f1a; box-shadow:0 2px 4px 0 rgba(0,0,0,.1); transition:background-color .5s ease,box-shadow .5s ease*/
}
.tile-sections__button {
padding: 8px 20px;
visibility: hidden;
color: #000;
text-decoration: none;
white-space: nowrap;
border-radius: 50px;
font-size: 12px;
margin-top: 20px;
}
.tile-sections__link:focus .tile-sections__button,
.tile-sections__link:hover .tile-sections__button {
background-color: #87C500;
color: #fff;
visibility: visible;
}
.tile-sections__link:focus .tile-sections__link-title,
.tile-sections__link:hover .tile-sections__link-title {
color: #87C500
}
.tile-sections__link:focus .technology_icon,
.tile-sections__link:hover .technology_icon {
color: #87C500
}
.tile-sections__link.active {
box-shadow: 0 36px 64px 0 rgba(0, 0, 0, .1)
}
.tile-sections__link.active:before {
display: block
}
.tile-sections__link.active .tile-sections__link-title {
color: #000
}
.tile-sections__link:active,
.tile-sections__link:focus,
.tile-sections__link:hover {
text-decoration: none
}
.tile-sections__link-title {
margin-bottom: 5px;
font-family: AvertaStd;
font-weight: 800;
color: #7f7f7f;
font-size: 15px;
}
.tile-sections__link-subtitle {
margin-bottom: 0;
font-family: AvertaStd;
color: #7f7f7f
}
.image--cover .image__content {
object-fit: cover;
height: 100%;
width: 100%;
}
/* .open-source--tile__description { font-size:14px; font-weight:100; font-style:normal; font-stretch:normal; line-height:1.71; letter-spacing:normal; color:#4b4b4b; text-align:left; margin-top:16px; display:block } .open-source--link {
position:absolute; bottom:40px; left:40px; font-size:14px; font-weight:bold; font-style:normal; font-stretch:normal; line-height:1.71; letter-spacing:normal; color:#87C500; display:table } .open-source--link span { padding-left:14px; display:table-cell;
vertical-align:middle } .open-source--link a { margin-right:16px } .open-source--link img { max-width:135px; height:auto } @media screen and (min-width:992px) { .open-source--tile { max-width:300px } } */
/* // */
.BorderTopBottom:before {
content: "";
position: absolute;
width: 100px;
height: 4px;
bottom: -4px;
left: 13px;
background: #828282;
transition: all 0.5s ease;
}
.BorderLeftRight:before {
content: "";
position: absolute;
bottom: -4px;
left: 13px;
width: 4px;
height: 100px;
background: #828282;
transition: all 0.5s ease;
}
.BorderTopBottom:after {
content: "";
position: absolute;
width: 100px;
height: 4px;
top: -4px;
right: 13px;
background: #87C500;
transition: all 0.5s ease;
}
.BorderLeftRight:after {
content: "";
position: absolute;
top: -4px;
right: 13px;
width: 4px;
height: 100px;
background: #87C500;
transition: all 0.5s ease;
}
.open-source--tile:hover .BorderTopBottom:before,
.open-source--tile:hover .BorderTopBottom:after {
width: 85%;
transition: all 0.5s ease;
}
.open-source--tile:hover .BorderLeftRight:before,
.open-source--tile:hover .BorderLeftRight:after {
height: 95%;
transition: all 0.5s ease;
}
.button-primary {
padding: 15px 35px;
background-color: #87C500;
color: #fff !important;
text-decoration: none;
white-space: nowrap;
border-radius: 50px;
}
.button-primary-sm {
padding: 8px 20px;
background-color: #87C500;
color: #fff;
text-decoration: none;
white-space: nowrap;
border-radius: 50px;
font-size: 12px;
margin-top: 20px;
}
.button-primary:hover,
.button-primary a:hover,
.button-primary-sm:hover,
.button-primary-sm a:hover {
color: #fff;
}
.rich-text {
text-align: center;
display: inline-block;
width: calc(40ch + calc(var(--rich-text-length, 200) * 1em * .075));
max-width: 100%;
}
.ng-in-numbers {
padding: 6rem 0;
}
.wrapper {
max-width: 124.8rem;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.ng-heading span[style*=color] {
color: #87C500 !important
}
.numbers {
display: flex;
flex-wrap: wrap;
overflow: hidden;
margin-bottom: -5rem
}
.numbers__item {
flex: 1 0 20rem;
min-width: 0;
margin-right: -1px;
margin-bottom: 5rem;
padding: 0 1.2rem;
text-align: center;
border-right: 1px solid hsla(0, 0%, 50%, .2)
}
.numbers__score {
margin-bottom: 1rem;
color: #87C500
}
.numbers__caption {
font-size: 1.4rem
}
.post-preview .image {
margin-bottom: 3rem
}
.title_h2 {
font-weight: bold;
font-size: 3.6rem !important;
line-height: 1.3;
}
.technology_icon {
font-size: 40px;
}
.cta-module_custom {
padding: 30px 0 30px 0;
}
.hire_icon {
font-size: 35px;
width: 68px;
height: 68px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
border-radius: 50%;
background-color: #fafafa;
display: flex;
justify-content: center;
align-items: center;
margin: 16px auto;
color: #87c500;
}
.tile-sections__hire-title {
font-size: 15px !important;
}
.coozmoo-color {
color: #87C500;
}
.tile-sections__hire_link {
flex: 1;
display: block;
padding: 25px 20px 25px;
text-align: center;
text-decoration: none;
border-radius: 5px;
font-size: 20px;
margin-top: 25px;
transition: background-color .5s ease, box-shadow .5s ease
}
.tile-sections__link-button {
border: solid 2px white !important;
padding: 10px 36px;
border-radius: 50px;
height: 50px;
color: white;
margin-top: 20px;
}
.col-1-5 {
width: 20%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-3-5 {
width: 40%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.bg-primary {
background-color: #87C500 !important
}
.hire_nav {
padding-top: 50px;
max-width: 1200px;
margin: 0 auto;
}
.hire_nav .nav-item i {
color: #7f7f7f;
display: block;
overflow: hidden;
padding-right: 1rem;
}
.hire_nav .nav-link.active i {
font-size: 20px;
opacity: 1;
height: auto;
color: #8bc53d;
display: block;
padding-right: 1rem;
}
/*.hire_nav .nav-link.active span { display: none; } */
.hire_nav .nav-link.active {
color: #8dc63f;
background-color: #f2ffd4 !important;
border: 0px;
border-bottom: 2px solid #8dc63f;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.hire_nav .nav-link {
border: 1px solid #eee;
padding: 20px 0px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
.hire_nav .nav-link:hover {
background-color: #ffffff;
}
.hire_module-header__count {
z-index: 0;
left: 90%;
margin-left: 0px;
top: 50px;
font-size: 200px;
}
.slider-module_hire .slider-module__image {
min-width: 25%;
}
.slider-module_hire .slider-module__image img {
width: 100%;
}
.right_section_hire .hire_module-header__count {
z-index: 0;
left: -15%;
margin-left: 0px;
top: 50px;
font-size: 200px;
}
.layout--row {
padding: 10rem 0;
}
.accordion {
width: 100%;
max-width: 60rem;
text-align: left;
border: 1px solid rgba(105, 198, 39, 0.16);
}
.accordion__section {
overflow: hidden;
border-bottom: 1px solid #e3e3e3
}
.accordion__section:not(:last-child) {
margin-bottom: 1rem
}
.accordion__section[open] .accordion__icon {
color: #87C500;
transform: rotateZ(45deg)
}
.accordion__section[open] .rich-text {
animation: fade-in 300ms
}
.accordion__heading {
width: 100%;
position: relative;
margin-top: 0rem;
padding: 0rem 0;
padding-right: calc(3rem + 1em + 3rem);
outline-offset: -5px;
color: #121212;
text-align: inherit
}
.accordion__heading::-webkit-details-marker {
display: none
}
.accordion__heading::marker {
content: ''
}
.accordion__icon {
width: 32px;
height: 32px;
position: absolute;
top: 0;
bottom: 0;
right: 3rem;
margin: auto;
color: #87C500;
transition-duration: 200ms;
transition-property: transform, color;
border: 1px solid #87C500;
text-align: center;
border-radius: 50%;
}
@media screen and (max-width:1023px) {
.accordion__icon {
right: 1rem
}
}
.accordion .rich-text {
margin-bottom: 4rem;
font-size: 1.4rem;
transition: opacity 300ms
}
.author {
display: flex;
align-items: center
}
.author__photo {
flex: none;
display: inline-flex;
width: 4.0rem;
height: 4.0rem;
margin-right: 1em
}
.author__photo .image__content {
border-radius: 50%
}
.author__name {
color: #121212;
font-weight: bold
}
.author__role {
color: #878787
}
.dedicated_developers {
padding-top: 50px;
}
.single_dedicated_developers {
border: 1px solid #87c50057;
text-align: center;
margin: 20px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 12.66%;
}
.cta-module .cta-module__content .cta-module-header.anim-first span {
text-transform: capitalize;
}
.single_dedicated_developers img {
width: 100%;
}
.solution-ancor-link {
font-size: 16px !important;
font-weight: 900 !important;
text-decoration: none;
position: relative;
color: #87C500;
}
.solution-ancor-link:hover {
font-size: 16px !important;
font-weight: 900 !important;
text-decoration: none;
position: relative;
color: #87C500;
}
.secondary-gradient {
background-color: #e6f1f0;
background-image: -webkit- linear-gradient(to bottom, #e6f1f0, #c8dedc);
background-image: -moz- linear-gradient(to bottom, #e6f1f0, #c8dedc);
background-image: -o- linear-gradient(to bottom, #e6f1f0, #c8dedc);
background-image: linear-gradient(to bottom, #e6f1f0, #c8dedc)
}
.mt-30 {
margin-top: 30px
}
.w-40.float-left.we-have {
width: 45%
}
.mx-auto {
margin: 0 auto;
}
.w-60.float-left.we-icon {
width: 55%
}
.av-industry-domain {
vertical-align: top;
border: 1px solid rgba(255, 255, 255, .1)
}
.av-industry-domain img {
width: 50px;
height: 50px
}
.primary-gradient {
background-color: #87c500;
background-image: -moz-linear-gradient(to right, #87c500, #7bbd25e6 100%);
background-image: -webkit-linear-gradient(to right, #87c500, #7bbd25e6 100%);
background-image: linear-gradient(to right, #87c500, #7bbd25e6 100%)
}
.pb-40 {
padding-bottom: 40px;
}
.pt-40 {
padding-top: 40px;
}
.pr-50 {
padding-right: 50px;
}
.pb-80 {
padding-bottom: 80px;
}
.pt-80 {
padding-top: 80px;
}
.pl-45 {
padding-left: 45px;
}
.pb-25 {
padding-bottom: 25px;
}
.pt-5 {
padding-top: 5px;
}
.mt-30 {
margin-top: 30px;
}
.h2_solution {
font-size: 48px;
line-height: 52px;
}
.av-white-bg {
background-color: #fff
}
.we-have p {
line-height: 28px;
}
.pr-50 {
padding-right: 50px;
}
.pl-45 {
padding-left: 45px;
}
.pb-60 {
padding-bottom: 60px;
}
.av-white {
color: #fff;
}
.av-mad-para {
width: 75%;
font-size: 18px;
line-height: 35px
}
.mb-50 {
margin-bottom: 50px;
}
.mt-100 {
margin-top: 120px;
}
.hire_banner {
width: 96%;
padding: 0px 2%;
}
.hire_banner_form {
background-color: white;
height: 80vh;
padding: 30px;
}
.hire_banner_form_title {
color: black;
}
.contact3-form {
width: 100%;
}
.validate-input {
position: relative;
}
input.input3 {
height: 45px;
}
.input3 {
outline: none;
border: none;
display: block;
width: 100%;
background: transparent;
font-family: Poppins-Regular;
font-size: 15px;
color: #fff;
line-height: 1.2;
padding: 0 5px;
}
.wrap-input3 {
width: 100%;
position: relative;
border-bottom: 2px solid #87C50082;
margin-bottom: 27px;
}
.input3 {
display: block;
width: 100%;
background: transparent;
font-family: Poppins-Regular;
font-size: 15px;
color: #000000;
line-height: 1.2;
padding: 0 5px;
}
.focus-input3 {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
}
.focus-input3::before {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: #87C500;
}
.focus-input3-active::before {
width: 100%;
}
.container-contact3-form-btn {
padding-top: 23px;
}
.contact3-form-btn {
font-family: Poppins-Medium;
font-size: 16px;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
min-width: 120px;
height: 50px;
border-radius: 2px;
position: relative;
z-index: 1;
background: #80c64a;
background: -webkit-linear-gradient(-135deg, #56ab2f, #a8e063);
background: -o-linear-gradient(-135deg, #56ab2f, #a8e063);
background: -moz-linear-gradient(-135deg, #56ab2f, #a8e063);
background: linear-gradient(-135deg, #56ab2f, #a8e063);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.contact3-form-btn::before {
content: "";
display: block;
position: absolute;
z-index: -1;
border-radius: 2px;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #87C500;
opacity: 1;
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.contact3-form-btn:hover {
color: #fff;
}
.contact3-form-btn:hover:before {
opacity: 0;
}
textarea:focus,
input:focus {
border-color: #87C500 !important;
}
.divider_line {
position: relative;
width: 28px;
height: 2px;
display: inherit;
background-color: #87C500;
margin-top: 10px;
}
.font-size-30 {
font-size: 30px !important;
}
.font-size-24 {
font-size: 24px !important;
}
.hire_banner_subtitle {
font-weight: 200;
padding-top: 10px;
}
.hire_banner_list {
font-size: 14px;
line-height: 1.77;
}
.hire_banner_list li {
margin-bottom: 5px;
padding-left: 40px;
list-style: none;
background: url("../img/bullet-tick.png");
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 25px;
}
.hire_banner_div {
padding-top: 100px;
width: 80%;
}
.technology_nav .nav-link {
padding: 20px;
border-right: 1px solid hsla(0, 0%, 50%, .2);
border-bottom: 1px solid hsla(0, 0%, 50%, .2);
}
.technology_nav .nav-link:hover {
text-decoration: none;
background-color: #ffffff;
color: #000000;
}
.technology_nav .nav-link.active:hover {
text-decoration: none;
color: #fff;
}
.technology_nav .nav-item {
background-color: #ffffff;
z-index: 99999999;
}
.technology_content {
padding: 20px 40px;
}
.gray-font {
color: #cacaca;
}
.technology_accordion .btn-link {
color: #000000;
font-size: 14px;
}
.technology_accordion .fa {
/* margin-right: 0.5rem; border: 1px solid; border-radius: 50%; padding: 5px; width: 26px; height: 26px; */
}
.technology_nav .nav-link.active,
.technology_nav .show>.nav-link {
background-color: #87c500 !important;
border-bottom: 0px solid transparent;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
.technology_nav_div {
position: relative;
padding: 0px !important;
}
.text-business {
font-size: 100px;
color: #87C500;
font-weight: bold;
}
.text-muted {
font-size: 20PX;
margin-bottom: 30px;
}
.home_subtitle {
font-size: 20px !important;
margin-bottom: 50px;
}
.ten {
padding-left: 250px;
padding-right: 150px;
font-family: 'Impact';
font-size: 300px;
color: #c0c0c0;
}
.box-year {
margin-top: 100px;
font-family: 'open_sansbold';
border-left: 3px solid #c0c0c0;
padding-left: 20px;
padding-right: 20px;
color: #c0c0c0;
height: 95px;
font-size: 30px;
}
.box-lt {
height: 200px;
width: 120px;
border-bottom: 2px solid #c0c0c0;
}
.box-lt-300 {
font-size: 65px;
}
.box-rt {
height: 200px;
width: 120px;
margin-left: -2px;
border-left: 2px solid #c0c0c0;
}
.box-rt-300 {
font-size: 65px;
}
.box-lb {
height: 200px;
width: 120px;
border-right: 2px solid #c0c0c0;
}
.box-lb-300 {
font-size: 65px;
}
.box-rt {
height: 200px;
width: 120px;
margin-left: -2px;
border-left: 2px solid #c0c0c0;
}
.box-rt-300 {
font-size: 65px;
}
.box-rb {
height: 200px;
width: 120px;
margin-top: -2px;
border-top: 2px solid #c0c0c0;
}
.box-rb-300 {
font-size: 65px;
}
.bg-tab-slider {
background-color: #f8f8f8;
}
.tab-slider-none {
display: inline-block;
}
.tab-view>li:nth-child(1) {
padding-left: 10px;
border-left: 2px #87C500 solid;
}
.tab-view>li {
padding-left: 10px;
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.background {
float: left;
background: url(../img/3-home.png) center;
background-size: cover;
width: 100%;
color: #fff;
height: 800px;
}
.help-you {
padding: 200px 0;
background: rgba(0, 0, 0, 0.8);
color: white;
text-align: center;
height: 800px;
}
.help-you-text {
margin-top: 150px;
}
.coozmoo-text-6 {
margin: 0;
font-size: 70px;
}
.coozmoo-text {
color: #87C500;
}
.background-text {
height: 800px;
}
.landing__development-process {
position: relative;
}
.landing__development-process .module-wrapper {
display: flex;
}
.process-timeline {
flex: 1;
position: relative;
}
.process-timeline {
flex: 1;
position: relative
}
.process-timeline .pt-timeline {
top: 57px;
left: 85px;
right: 85px;
position: absolute;
display: none;
height: 1px
}
@media(min-width:768px) {
.process-timeline .pt-timeline {
display: block
}
}
.process-timeline .pt-timeline__backside-bar {
height: 1px;
background-color: #ebebeb
}
.process-timeline .pt-timeline__frontside-bar {
width: 0;
height: 1px;
top: 0;
left: 0;
position: absolute;
background-color: #87C500;
transition: width .4s ease
}
.process-timeline .pt-action-bar {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: -5rem
}
.pt-action-bar-item {
flex: 1 0 auto;
margin-bottom: 5rem;
padding-left: 1rem;
padding-right: 1rem
}
@media(min-width:768px) {
.process-timeline .pt-action-bar {
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: space-between
}
}
.process-timeline .pt-action-bar-button {
position: relative;
align-items: center;
background: 0;
border: 0;
display: flex;
flex-direction: column;
margin: 0 auto;
outline: 0;
padding: 0;
width: 170px;
cursor: pointer
}
.process-timeline .pt-action-bar-button__background-number {
top: 0;
left: 50%;
position: absolute;
color: #ebebeb;
font-family: 'open_sansregular';
font-weight: 800;
font-size: 100px;
line-height: 1em;
opacity: .3;
transform: translateX(-50%)
}
.pt-action-bar-button__title {
font-family: 'open_sansregular';
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #121212;
top: 24px;
position: relative;
transition: top .4s ease
}
.process-timeline .pt-action-bar-button__icon {
width: 26px;
height: 26px;
transform: scale(.5);
transition: transform .4s ease
}
@media(max-width:767px) {
.landing__development-process {
overflow-x: initial
}
.landing__development-process:after {
display: none
}
.process-timeline .pt-action-bar-button__background-number {
width: 117px;
text-align: left
}
.pt-action-bar-button__title {
top: -10px
}
}
.process-timeline .pt-action-bar-button__text {
font-family: 'open_sansbold';
font-size: 14px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
letter-spacing: normal;
text-align: center;
color: #4b4b4b;
transition: opacity .4s ease
}
@media(min-width:768px) {
.process-timeline .pt-action-bar-button__text {
opacity: 0
}
}
@media(min-width:768px) {
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-1,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-2,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-3,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-5,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-6 {
transform: scale(1)
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-4 {
opacity: 1
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button__title {
top: -130px
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button__text {
opacity: 1
}
}
/*indexpage*/
.process-timeline .pt-action-bar-button__text1 {
font-family: 'open_sansbold';
font-size: 14px;
font-weight: 100;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
letter-spacing: normal;
text-align: center;
color: #4b4b4b;
transition: opacity .4s ease
}
@media(min-width:768px) {
.process-timeline .pt-action-bar-button__text1 {
opacity: 0
}
}
@media(min-width:768px) {
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-1,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-2,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-3,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-5,
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-6 {
transform: scale(1)
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button-icon__inner-ring-4 {
opacity: 1
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button__title {
top: -130px
}
.process-timeline .pt-action-bar-button--active .pt-action-bar-button__text1 {
text-align: left;
width: auto;
/*position: absolute;*/
margin-top: 130px;
opacity: 1
}
}
/*close indexpage*/
.text_active {
display: block;
}
.process-timeline .pt-action-bar-button-icon {
width: 114px;
height: 114px;
position: relative;
margin: 0 auto
}
.process-timeline .pt-action-bar-button-icon__inner-ring-1 {
width: 114px;
height: 114px;
top: 0;
left: 0;
position: absolute;
border: 1px solid #87C500;
border-radius: 100px;
opacity: .2;
transform: scale(0);
transition: transform .4s ease
}
.process-timeline .pt-action-bar-button-icon__inner-ring-2 {
width: 84px;
height: 84px;
left: 15px;
position: absolute;
top: 15px;
border: 1px solid #ebebeb;
border-radius: 100px;
opacity: .5;
transform: scale(0);
transition: transform .4s ease
}
.process-timeline .pt-action-bar-button-icon__inner-ring-3 {
width: 54px;
height: 54px;
left: 30px;
position: absolute;
top: 30px;
border: 1px solid #ebebeb;
border-radius: 100px;
opacity: .8;
transform: scale(0);
transition: transform .4s ease
}
.process-timeline .pt-action-bar-button-icon__inner-ring-4 {
box-shadow: 0 4px 8px 0 rgba(0, 213, 98, .4);
opacity: 0;
transition: opacity .4s ease
}
.process-timeline .pt-action-bar-button-icon__inner-ring-4,
.process-timeline .pt-action-bar-button-icon__inner-ring-5 {
width: 26px;
height: 26px;
left: 44px;
position: absolute;
top: 44px;
background-color: #87C500;
border-radius: 100px
}
.process-timeline .pt-action-bar-button-icon__inner-ring-5 {
transform: scale(.5);
transition: transform .4s ease
}
.process-timeline .pt-action-bar-button-icon__inner-ring-6 {
width: 14px;
height: 14px;
left: 50px;
position: absolute;
top: 50px;
background-color: #fff;
border-radius: 100px;
transform: scale(0);
transition: transform .2s ease
}
.h1_home {
font-size: 60px;
color: #87C500;
font-weight: 700;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.Experience * {
color: #c4c4c4;
transition: all 0.4s ease-in-out;
}
.Experience *:hover {
color: #87C500;
transition: all 0.4s ease-in-out;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.Experience h1 {
font-size: 192px;
}
.blockq {
padding: 0 0 0 21px;
font-size: 24px;
border-left: 4px solid #c4c4c4;
}
.Experience p {
font-size: 11.2px !important;
}
.font-32 {
font-size: 32px;
}
.bor>div {
margin: 0px;
display: inline-block;
text-align: center;
width: 140px;
height: 119px;
}
.right {
border-right: solid 4px #c4c4c4;
}
.bottom {
border-bottom: solid 4px #c4c4c4;
}
.green {
color: #87C500 !important;
}
.hire_dedicate_pagev {
display: block;
position: relative;
margin-top: 0px;
}
.hire_row {
display: block;
width: 100%;
}
.hair_text_new {
display: block;
width: 100%;
text-align: left;
letter-spacing: 1px;
padding: 0px 65px 0 0;
}
.hair_text_new h1 {
display: block;
width: 100%;
color: #3a3b3a;
text-align: left;
position: relative;
margin-bottom: 25px;
font-size: 44px;
}
.hair_text_new h1 span {
display: block;
font-size: 24px;
line-height: 1.3;
color: #3a3b3a;
}
/*.hair_text_new h1:after { content:
""; display: block; position: absolute; bottom: 0; left: 0; background-color: #87C500; height: 5px; width: 50px; } */
.hair_text_new p {
display: block;
font-size: 18px;
color: #3a3b3a;
line-height: 1.4;
margin-bottom: 20px;
}
.hair_text_new p:last-child {
margin-bottom: 0;
}
.hair_list_view {
display: block;
margin-top: 60px;
}
.hair_list_view ul li {
display: inline-block;
float: left;
width: 50%;
font-size: 18px;
color: #3a3b3a;
position: relative;
padding-left: 25px;
line-height: 18px;
margin-bottom: 20px;
padding-right: 15px;
}
.hair_list_view ul li:after {
content: "\f058";
position: absolute;
top: -1px;
left: 0;
font-family: "Font Awesome 5 Free";
font-size: 16px;
}
.hair_formv {
display: block;
display: block;
width: 100%;
padding: 136px 60px 0 60px;
text-align: center;
}
.hair_formv h4 {
display: block;
font-size: 22px;
color: #000000;
width: 100%;
margin-bottom: 2px;
line-height: 1.4;
}
.hair_formv p {
display: block;
font-size: 14px;
color: #333333;
line-height: 1.4;
}
.hire_row .col-md-7,
.hire_row .col-md-5 {
margin-top: auto;
margin-bottom: auto;
}
.fill_formhair {
width: 100%;
display: block;
margin-top: 0px;
text-align: left;
}
.fill_formhair .work_form_cell {
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin: 10px 0;
}
.fill_formhair .input_form_box {
position: relative;
}
.fill_formhair .input_form_box input {
padding-left: 34px;
}
.fill_formhair .input_form_box textarea {
min-height: 70px !important;
padding-left: 34px;
}
.fill_formhair .input_form_box .input_title {
left: 34px
}
.fill_formhair .input_icon {
position: absolute;
left: 0;
font-size: 14px;
color: #000;
top: 13px;
}
.f-1 {
font-size: 20px;
}
.input_icon .fas {
font-size: 2rem;
color: #87c500
}
.technology_nav .nav-link.active>.far {
color: #fff;
}
.fill_formhair .input_icon.phone_icon {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.fill_formhair .input_icon.phone_icon {
font-size: 12px;
}
.fill_formhair .file_attach_about {
padding-left: 0 !important;
margin-top: 10px;
margin-bottom: 15px;
}
.fill_formhair button.btnx {
margin-top: 0px;
}
.fill_formhair .file_attach_about {
margin-top: 3px;
margin-bottom: 0;
margin-left: 5px;
}
.fill_formhair .file_attached_bx {
margin-bottom: 15px;
}
.GetInTouchMiddle {
display: block;
clear: both;
width: 100%;
text-align: right;
margin-right: 15px;
margin-left: 15px;
}
.GetInTouchMiddle a {
display: inline-block;
color: #0c6cd4;
font-size: 16px;
}
.GetInTouchMiddle a i {
margin-left: 3px;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.GetInTouchMiddle a:hover {
color: #1cabf4;
}
.GetInTouchMiddle a:hover i {
transform: translate(-3px, 0);
-webkit-transform: translate(-3px, 0);
}
.hire-mobile {
position: relative;
}
.hire-mobile>a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.input_form_box {
float: left;
width: 100%;
position: relative;
}
.input_form_box .form_input {
float: left;
width: 100%;
border-bottom: solid 1px #87c50033;
font-size: 16px;
height: 44px;
padding: 0;
background: transparent;
border-radius: 0 !important;
color: #000;
}
.input_form_box textarea.form_input {
height: 60px;
min-height: 60px;
padding-top: 10px;
padding-bottom: 10px;
}
.input_title {
position: absolute;
z-index: 1;
left: 0;
top: 14px;
text-transform: uppercase;
font-size: 12px;
color: #737373;
pointer-events: none;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
letter-spacing: 1px;
}
.input_form_box.thisclass .input_title,
.input_form_box.label_up_show .input_title {
top: -12px;
opacity: 0
}
.fill_formhair input,
.fill_formhair textarea {
margin: 0;
padding: 0;
vertical-align: baseline;
box-sizing: border-box;
-webkit-box-sizing: border-box;
list-style: none;
text-decoration: none;
outline: none;
border: 0;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
border-spacing: 0;
border-collapse: collapse;
}
.freebies-module--header {
color: #7f7f7f;
font-weight: 200;
}
.faq_plas_icon {
float: right;
width: 20px;
height: 20px;
background-color: transparent;
color: #87C500;
text-align: center;
border-radius: 100%;
font-size: 10px;
line-height: 19px;
border: none;
position: absolute;
left: 9px;
top: 11px;
}
.card-header-title-ch {
margin-left: 20px;
}
.megamenu .lqd-custom-menu li:hover a {
background-color: #f3f6f9;
}
.lqd-custom-menu li .menu-item-title {
margin-bottom: 0px;
color: #87C500;
font-weight: 600;
text-align: left;
}
.megamenu .lqd-custom-menu li a {
padding: 5px 12px;
margin-left: -12px;
}
.menu-item-description {
font-size: 11px;
}
.menu-item-icon {
display: flex;
align-items: center;
justify-content: center;
height: 30px;
color: #87C500;
border: 1px solid gray;
width: 45px;
height: 45px;
border-radius: 50%;
}
.custom_tab_home .btnouter {
position: absolute;
bottom: 0px;
}
.home-process-timeline .pt-action-bar-button {
width: 128px
}
.right-bor::before {
top: 0;
right: 15px;
border-color: #87C500cf #87C500 transparent transparent;
border-top-width: 3px;
border-right-width: 3px;
-moz-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
}
.right-bor::after {
bottom: 0;
left: 15px;
border-color: transparent transparent #828282 #828282;
border-bottom-width: 3px;
border-left-width: 3px;
-moz-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
}
.right-bor::after,
.right-bor::before {
height: 40px;
position: absolute;
width: 60px;
z-index: 2;
border-style: solid;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
content: "";
}
.right-bor:hover::before,
.right-bor:hover::after {
height: 75%;
width: 90%;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
border-width: 2px;
}
.submenu-sticky {
position: relative;
height: 5.6rem;
font-size: 1.4rem;
line-height: 1
}
.submenu-sticky__container {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 50;
background-color: inherit;
overflow-x: auto
}
.submenu-sticky .wrapper {
display: flex
}
.submenu-sticky__link {
flex: none;
position: relative;
min-width: 13em;
padding: 1.5em 3em;
text-align: center;
transition: color 200ms;
outline-offset: -5px
}
@media screen and (max-width:1023px) {
.submenu-sticky__link {
min-width: 0;
padding-left: 2.4em;
padding-right: 2.4em
}
}
.submenu-sticky__link:first-child {
margin-left: auto
}
.submenu-sticky__link:last-child {
margin-right: auto
}
.submenu-sticky__link:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: .1em;
min-height: 2px;
background-color: #00d563;
transition: transform 200ms;
transform-origin: left
}
@media(hover:hover),
not all and (-moz-touch-enabled) {
.submenu-sticky__link:hover {
color: #00d563
}
}
[data-submenu-sticky].is-fixed {
transition: opacity 100ms
}
[data-submenu-sticky].is-fixed .submenu-sticky__container {
position: fixed;
box-shadow: 0 .5em .5em rgba(0, 0, 0, .01)
}
[data-submenu-sticky].is-fixed .submenu-sticky__container:after {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
background-color: rgba(0, 0, 0, .1)
}
[data-submenu-sticky]:not(:focus-within).is-hidden {
opacity: 0
}
[data-submenu-sticky-link]:not(.is-active):after {
transform: scaleX(0)
}
[data-submenu-sticky-link].is-active {
font-weight: bold
}
[data-submenu-sticky]:not(.is-scrolling-down) [data-submenu-sticky-link].is-active:after,
[data-submenu-sticky].is-scrolling-down [data-submenu-sticky-link]:not(.is-active):after {
transform-origin: right
}
.theme--white {
background-color: #fff;
color: #3a3b3a;
}
.big-text {
letter-spacing: -6px;
font-family: sans-serif;
font-size: 159px;
}
.p-desktop {
padding: 0 4rem;
}
/*.big-text
span:hover{ color: #87C500; transition: ease all 1s; } .big-text:hover span{ color: #87C500; transition: ease all 1s; } */
.single-service-icon {
width: 75px;
height: 75px;
}
.single-service-icon span {
width: 75px;
height: 75px;
font-size: 42px;
border: 2px solid;
}
.single-service-btn {
color: #89c343;
position: relative;
padding: 1rem 0rem;
margin: 0 4rem;
display: inline-block;
overflow: hidden;
}
.single-service-btn:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #89c343;
height: 3px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@media (max-width: 1023px) {
.p-desktop {
padding: 0;
}
.cd-timeline__img,
.cd-timeline__container:before {
display: none;
}
.big-text {
display: none;
}
.o-1 {
order: 1;
}
.o-2 {
order: 2;
text-align: left !important;
padding-left: 4rem;
}
.o-3 {
order: 3;
text-align: left !important;
}
.o-4 {
order: 4;
float: left !important;
margin-left: 0;
}
.o-4 a {
float: left !important;
margin-left: 0;
}
.module-header {
margin: 0;
}
.isAnchor {
padding-top: 20px;
margin-top: 0px;
}
}
.single-service-hover:hover .single-service-btn:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.single-service-hover:hover .single-service-btn {
color: #89c343;
}
.right-bor:hover .fab {
color: #87C500;
}
.right-bor:hover .fas {
color: #87C500;
}
.lqd-custom-menu li {
padding: 0;
}
/*svg animation*/
.right-bor:hover .STFKzlVl_0 {
stroke-dasharray: 296 298;
stroke-dashoffset: 297;
animation: STFKzlVl_draw 3000ms ease 0ms forwards;
}
.right-bor:hover .STFKzlVl_1 {
stroke-dasharray: 56 58;
stroke-dashoffset: 57;
animation: STFKzlVl_draw 3000ms ease 0ms forwards;
}
.right-bor:hover .STFKzlVl_2 {
stroke-dasharray: 25 27;
stroke-dashoffset: 26;
animation: STFKzlVl_draw 3000ms ease 0ms forwards;
}
@keyframes STFKzlVl_draw {
100% {
stroke-dashoffset: 0;
}
}
@keyframes STFKzlVl_fade {
0% {
stroke-opacity: 1;
}
94.44444444444444% {
stroke-opacity: 1;
}
100% {
stroke-opacity: 0;
}
}
.right-bor:hover .mobile-app-development-icon-01 {
stroke: #87C500;
}
.right-bor:hover .mobile-app-development-icon-02 {
stroke: #87C500;
}
.right-bor:hover .calendly {
fill: #87C500;
}
.display-3 {
margin-top: -5rem;
}
.technology-btn button {
position: relative;
z-index: 999;
padding: 8px 20px;
}
.technology-btn button:after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #87C500;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
border-radius: 50px;
}
.tile-sections__link:focus button:after,
.back:hover button:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hover:hover button:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.tile-sections__link:hover .technology-btn button {
color: #fff;
transition: all ease-out 0.5s;
}
.hover:hover .technology-btn button {
color: #fff;
transition: all ease-out 0.5s;
}
.back:hover .technology-btn button {
color: #fff;
transition: all ease-out 0.5s;
}
.back:hover {
border: 1px solid #87C500;
transition: all ease-out 0.5s;
}
.tile-sections__link:hover {
border: 1px solid #87C500;
transition: all ease-out 0.5s;
}
.acco-icon:after {
content: "\276F";
width: 1em;
height: 1em;
text-align: center;
-webkit-transition: all .35s;
transition: all .35s;
}
.card-header button:checked+.acco-icon:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
:focus {
outline: none;
}
.btn:active:focus,
.btn:focus {
outline: none;
text-decoration: none !important;
}
.panel1 .front {
height: inherit;
top: 0;
z-index: 900;
text-align: center;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
position: relative;
}
.panel1 .back {
height: inherit;
position: absolute;
top: 0;
z-index: 1000;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.panel1.flip .front {
z-index: 900;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
}
.panel1.flip .back {
z-index: 1000;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
}
.as-accordion-close {
font-size: 24px;
font-weight: 100;
-webkit-transform: translateY(0px) rotate(0deg);
transform: translateY(0px) rotate(0deg);
line-height: 0;
display: flex;
justify-content: center;
align-items: center;
}
.as-accordion-close.open {
-webkit-transform: translateX(0px) translateY(0px) rotate(45deg) scale(1.1);
transform: translateX(0px) translateY(0px) rotate(45deg);
}
.animate,
.as-accordion-close {
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.technology_nav .fas,
.far {
font-size: 3rem;
}
.technology_nav .far {
font-size: 3rem;
}
.module-wrapper-tab {
margin: 0 125px;
}
.back {
background-size: 40% !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.hover1 .front1 {
background: #fff;
}
.hover1 .front1 {
opacity: 1;
-webkit-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
z-index: 2;
-webkit-transition: all .3s cubic-bezier(.5, .12, .46, .88);
-o-transition: all .3s cubic-bezier(.5, .12, .46, .88);
transition: all .3s cubic-bezier(.5, .12, .46, .88);
-moz-box-shadow: 0 0 8px #eae8e8;
-webkit-box-shadow: 0 0 8px #eeee;
-ms-box-shadow: 0 0 8px #eae8e8;
-o-box-shadow: 0 0 8px #eae8e8;
}
.hover1 .front1,
.back1 {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.hover1 .back1 {
background-size: 40% !important;
background-position: 50% 18% !important;
background-repeat: no-repeat !important;
flex-direction: column;
align-items: center;
padding: 2rem;
}
.back1 {
-webkit-transform: scaleX(1.2) scaleY(1.2);
-ms-transform: scaleX(1.2) scaleY(1.2);
transform: scaleX(1.2) scaleY(1.2);
z-index: 1;
-webkit-transition: all .5s cubic-bezier(.5, .12, .46, .88);
-o-transition: all .5s cubic-bezier(.5, .12, .46, .88);
transition: all .5s cubic-bezier(.5, .12, .46, .88);
background-color: #87C500 !important;
text-align: center;
color: #fff;
}
.back1 p {
color: #fff;
}
.flipped .front1 {
opacity: 0;
-webkit-transform: scaleX(.8) scaleY(.8);
-ms-transform: scaleX(.8) scaleY(.8);
transform: scaleX(.8) scaleY(.8);
pointer-events: none;
}
.flipped .back1 {
webkit-transform: scaleX(1) scaleY(1);
-ms-transform: scaleX(1) scaleY(1);
transform: scaleX(1) scaleY(1);
}
.hover1 {
height: 231px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
-moz-box-shadow: 0 0 8px #eae8e8;
-webkit-box-shadow: 0 0 8px #eeee;
-ms-box-shadow: 0 0 8px #eae8e8;
-o-box-shadow: 0 0 8px #eae8e8;
}
.technology-main {
position: relative;
padding: 0 15px;
width: 20%;
}
.button {
font-size: 17px;
}
.btn-link:hover {
text-decoration: none !important;
}
.Solution .tile-sections__link-title {
font-size: 2rem;
}
.Solution {
border-radius: 8px;
width: 275px;
border: 1px solid #fff;
transition: all ease-out 0.9s;
}
.Solution:hover {
border: 1px solid #87C500;
transition: all ease-out 0.9s;
}
.sol-margin {
margin-top: 16rem;
}
.solutions-bg {
background: url(../img/Solution/pattern.png) no-repeat;
background-position: left 92%;
background-size: 17%;
}
.d-grid {
display: grid;
height: 100%;
}
.img-holder img {
width: 75%;
}
.img-holder {
background: #f5f5f5;
padding: 10px;
border-radius: 50%;
width: 75px;
height: 75px;
display: flex;
justify-content: center;
align-items: center;
}
.Solution-title:before {
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
background: #87c500;
content: "";
display: block;
line-height: 26px;
}
.Solution-title {
font-size: 2rem;
}
.solutions-grid {
display: block;
float: left;
padding: 30px 40px;
position: relative;
flex: 33.33%;
}
.solutions_technology_icon {
font-size: 31px;
color: #fff;
}
.solutions-Service {
display: flex;
flex-wrap: wrap;
}
.solutions-grid:hover {
background: #FAFAFA;
box-shadow: none;
transition: all ease 0.5s;
transform: scale(1.01);
}
.solutions-grid .icon {
background: url('../img/Solution/arrow.svg') no-repeat;
width: 34px;
height: 28px;
background-size: contain;
}
.solutions-grid .cta-module-button,
.icon {
transition: 0.3s ease all;
opacity: 0;
visibility: hidden;
transform: translate(-40px);
}
.solutions-grid .cta-module-button a:before {
content: none;
}
.solutions-grid:hover .cta-module-button,
.solutions-grid:hover .icon {
opacity: 1;
visibility: visible;
transform: translate(0);
}
.solutions-grid .cta-module-button .button {
padding: 12px 26px;
}
.w-33 {
width: 33.33%;
}
.pb-120 {
padding-bottom: 53px;
}
.av-industry-domain:hover {
transition: 0.5s ease;
background: #fff;
border: 1px solid #87c500;
}
.av-industry-domain svg {
width: 50px;
height: 50px;
}
.av-industry-domain:hover .solutions_technology_icon {
color: #87c500;
}
.av-industry-domain:hover p {
color: #87c500;
}
.av-industry-domain:hover .anim-box {
transform: scale(1.09);
transition: 0.5s ease;
}
.open-source-module2 {
padding-top: 196px;
margin-top: -196px;
}
.open-source-module3 {
padding-top: 196px;
margin-top: -160px;
}
.pt-25 {
padding-top: 45px;
}
.tech-btn {
padding: 8px 20px;
text-decoration: none;
white-space: nowrap;
border-radius: 50px;
color: #4e4e4e;
border: 2px solid #9c938b5e;
transition: all ease .9s;
}
.tile-sections__link:hover .tech-btn {
color: #fff;
background: #87C500;
border: 2px solid #87C500;
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
.tile-sections__link:hover,
.tile-sections__link-cal:hover {
box-shadow: 0 36px 64px 0 rgba(0, 0, 0, .1);
transform: scale(1.1);
}
.tile-sections__link-cal {
transition: all ease-out 0.5s;
}
.tile-sections__link:hover .tile-sections__link-image-container {
transition: all 0.95s;
transform: rotateY(360deg);
}
.single-service .tile-sections__link:hover {
box-shadow: none;
transform: none;
border: 1px solid #fff;
}
/*.single-service .open-source--tile{ -moz-box-shadow: 0 0 8px #eae8e8; -webkit-box-shadow:
0 0 8px #eae8e8; -ms-box-shadow: 0 0 8px #eae8e8; -o-box-shadow: 0 0 8px #eae8e8; -webkit-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; flex: 1; display: block; color: #7f7f7f; padding: 10px 20px 10px; text-align: center;
text-decoration: none; background-color: #fff; } */
.hire-tab .nav-justified .nav-item {
padding: 0 1rem;
}
.hire-row-module:hover .single-row-module__icon {
transition: all 0.95s;
transform: rotateY(360deg);
do you
}
input[type='checkbox'] {
width: 18px;
height: 18px;
margin: 1rem;
}
input[type='checkbox']:checked {
background: #87C500 !important;
}
.blog-sections {
background-color: #8888881f
}
.blog-sections__wrapper {
width: 100%;
height: 52px;
display: flex;
align-items: center;
justify-content: space-around;
}
.blog-sections a {
font-family: AvertaStd;
font-weight: 700;
text-decoration: none;
color: #7f7f7f;
}
.post-meta img {
width: 45px;
height: 45px;
border-radius: 50%;
flex: 0 0 auto;
margin-right: 10px;
}
.post-meta-date {
color: #7f7f7f
}
.padded-section {
padding: 100px 0;
}
.post-meta-date a {
color: #87c500;
text-decoration: underline;
}
.blog-img-holder {
height: 300px;
width: 100%;
background-repeat: no-repeat !important;
background-position: 50% !important;
background-size: cover !important;
}
.post-meta-short-description p {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 18px !important;
font-weight: 400;
line-height: 36px;
color: #515151;
}
.meta-read-more-btn a {
color: #87c500;
text-decoration: underline;
font-size: 18px !important;
}
.blog-section+.blog-section {
margin-top: 90px;
}
.populer-post-img-holder {
width: 125px;
height: 75px;
flex: 0 0 auto;
position: relative;
margin-right: 10px;
border-radius: 3px;
transition: all .5s ease;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% !important;
overflow: hidden;
}
.populer-post-auther p {
color: #7f7f7f;
}
.single-blog {
padding: 50px 0
}
.b-b-e {
border-top: 1px solid #eee;
padding-top: 50px;
}
.b-b-e-b {
border-bottom: : 1px solid #eee;
padding-top: 50px;
}
.single-img-holder {
height: 500px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% !important;
}
.single-blog-description p {
font-size: 18px !important;
font-weight: 400;
line-height: 36px;
color: #515151;
}
#side-form {
border-radius: 9px;
border-top: 10px solid #87c500 !important;
}
.sticky-form textarea {
font-size: 14px !important;
}
.blog-post__authors {
position: relative;
width: 100%;
margin-top: 50px;
padding: 30px 50px;
border: 1px solid #e5e5e5;
border-radius: 6px;
overflow: hidden;
color: #515151;
}
.blog-post__author {
display: flex;
align-items: center;
padding: 5px 0;
}
.post-meta-name p {
color: rgba(0, 0, 0, 0.41);
}
.blog-post__author__name {
position: relative;
margin-bottom: 0;
font-size: 18px;
z-index: 1000;
}
.blog-module {
padding: 150px 0 0 0;
}
.form-cus {
height: 40px !important;
font-size: 14px !important;
border-radius: 5px;
}
.share-icon .fa-facebook-f {
background: #3b5998;
color: #fff;
font-size: 1.5rem;
border-radius: 50%;
padding: 1rem;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.share-icon .fa-twitter {
background: #1da1f2;
color: #fff;
font-size: 1.5rem;
border-radius: 50%;
padding: 1rem;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.share-icon li {
margin: 0 1rem;
}
.releted-posts__post-title p {
font-size: 18px !important;
}
.single-blog-date p {
font-size: 18px !important;
font-weight: 400;
line-height: 36px;
color: #515151;
display: flex;
justify-content: flex-end;
}
.releted-blog-img-holder {
display: flex;
justify-content: center;
align-content: center;
height: 210px;
max-width: 100%;
position: relative;
overflow: hidden;
border-radius: 6px;
background-size: cover;
background-position: 50%;
}
.auther-bio {
line-height: 27px !important;
}
.follow-icon i {
padding: 0 1rem;
}
.follow-icon a i :nth-child(1) {
background: #3b5998;
padding: 1rem;
border-radius: 50%;
width: 37px;
height: 37px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.follow-icon a i:nth-child(2) {
background: #1DA1F3;
padding: 1rem;
border-radius: 50%;
width: 37px;
height: 37px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.follow-icon a i:nth-child(3) {
background: #0E76A8;
padding: 1rem;
border-radius: 50%;
width: 37px;
height: 37px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.blog-grid {
margin: 30px 0;
}
.fa-hashtag {
color: #87c500
}
.catogery-blog p span {
border-bottom: 2px solid #000;
}
.blog-grid:hover .blog-card-btn a {
text-decoration: underline;
}
.blog-grid .card {
transition: ease 0.9s;
box-shadow: 1px 1px 20px #eee;
}
.col-md-4.grid-item.col-xl-4.col-12.blog-grid {
padding: 3rem 15px;
}
.blog-grid:hover .card {
box-shadow: 1px 10px 40px #eee;
}
.blog-card-btn a {
color: #87c500;
font-size: 18px !important;
}
.estimate-project__title {
margin: 0 0 30px;
font-family: AvertaStd;
font-size: 40px;
font-weight: 700;
text-align: center;
color: #000;
}
.estimate-project__title:before {
width: 35px;
height: 2px;
top: -25px;
left: 50%;
position: relative;
content: "";
display: block;
margin-left: -17px;
background: #87C500
}
.question-container {
position: relative;
display: flex;
align-items: center;
justify-content: center
}
.question-container-text {
position: absolute;
font-size: 18px;
color: #000;
font-weight: 700;
}
.question-container-text {
left: 0;
transform: translateY(-50%);
top: 50%;
bottom: auto;
}
.question-container-text:after {
width: 35px;
height: 2px;
bottom: 97px;
position: absolute;
content: "";
display: block;
background: #58585a;
bottom: -39px;
}
.question-container-number {
font-size: 150px;
line-height: 230px;
font-weight: 800;
line-height: 1;
color: #eaeaea;
}
.estimate-project-checkbox:after {
width: 28px;
height: 28px;
margin-left: auto;
content: "";
border-radius: 3px;
border: 1px solid #e5e5e5;
content: "\F00C";
font-family: 'FontAwesome';
font-size: 16px;
line-height: 28px;
color: #fff;
transition: .3s;
}
.estimate-project-checkbox {
position: relative;
display: flex;
align-items: center;
margin-bottom: 12px;
padding: 18px 20px;
text-align: center;
background: #fff;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06);
cursor: pointer;
transition: .3s;
animation: blink-out .5s
}
.estimate-project__question-container {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.estimate-project-checkbox-text span {
margin-right: 22px;
font-size: 14px;
font-weight: 800;
text-align: center;
color: #000;
}
.estimate-project-checkbox-text {
margin: 35px 0 0;
}
.estimate-project-checkbox-icon i {
font-size: 8rem;
color: #87c500
}
.estimate-project-checkbox.active:after {
background: #87c500;
border-color: #87c500;
}
.estimate-project-checkbox.active {
border-color: #87c500;
box-shadow: 0 18px 32px 0 rgba(0, 0, 0, .1);
animation: blink-in .5s
}
.estimate-project-row+.estimate-project-row {
margin-top: 60px;
}
.estimate-project {
background: #fafafa;
padding: 100px 0;
}
.estimate-project .hair_formv {
box-shadow: none;
background: transparent;
}
.estimate-project .button-primary {
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
margin-top: 3rem;
}
.compnies-col {
text-align: center;
box-shadow: rgb(228, 223, 223) 0px 0px 10px;
background-color: rgb(255, 255, 255);
padding: 15px 30px;
border-radius: 5px;
}
.compnies-col i,
.compnies-col svg,
.compnies-col svg .fil0 {
font-size: 7rem;
padding-top: 2rem;
transition: 0.9s;
}
.com-color {
color: #87C500 !important;
}
.companies .module-header__title--content {
margin-bottom: 60px;
}
.quote-btn-sec-btn .button-primary {
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .2);
margin-top: 3rem;
}
.technology-icon-hire {
background: #fff;
box-shadow: -1px 5px 10px #25252524;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
height: 57px;
width: 57px;
transition: transform 3s ease 0s;
border: 2px solid #fff
}
.technology-icon-hire i {
font-size: 21px;
}
.hire-tech:hover .technology-icon-hire {
transition: all 0.95s;
transform: rotateY(360deg);
border: 2px solid #87C500;
color: #87C500;
}
.call-header {
grid-column-start: 9;
grid-column-end: 11;
justify-content: flex-end;
margin-right: 2rem;
display: flex;
}
.call-header li span {
color: #fff;
}
.call-header li span i {
color: #87c500;
}
.moved .call-header li span {
color: #000;
}
.full-section.row {
padding-bottom: 50px;
}
.panel {
border: none;
box-shadow: 1px 1px 10px #eee;
}
.panel-group .panel {
margin-bottom: 20px;
border-radius: 4px;
}
.panel-default>.panel-heading {
background-color: transparent;
}
.panel-title {
position: relative;
}
.single-hire-process-accordian .panel-title .faq_plas_icon,
.single-tech-items-accordian .panel-title .faq_plas_icon {
top: 11px;
right: 0;
left: auto;
}
.single-tech-items-accordian .panel-title span {
color: #87c500;
}
#accordion .panel-title>a {
display: block;
font-weight: bold;
padding: 5px 0.6em;
outline: none;
text-decoration: none;
}
.technology-single-img {
width: 50%;
}
.panel-body {
padding: 15px 34px;
}
.single-hire-margin {
margin-top: 50px;
}
.single-hire-process-icon {
display: flex;
justify-content: flex-end;
}
.single-tech-info h3 {
font-size: 25px;
}
.single-tech-info p {
line-height: 32px;
}
.single-tech-items .col-1-5 {
width: 33.33%;
padding: 0 30px;
border: 1px solid #fff
}
.single-tech-items-info .col-1-5,
.single-tech-items-approach .col-1-5 {
width: 33.33%;
padding: 0 30px;
}
.single-tech-items .tile-sections__link:hover,
.single-tech-items-info .tile-sections__link:hover,
.single-tech-area .tile-sections__link:hover,
.single-tech-items-approach .tile-sections__link:hover {
box-shadow: 0 36px 64px 0 rgba(0, 0, 0, .1);
transform: none;
border: 1px solid #fff
}
.single-tech-items .single-row-module__icon,
.single-tech-items-info .single-row-module__icon,
.single-tech-area .single-row-module__icon {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background: #fff;
transition: 0.9s;
border: 1px solid #eee
}
.single-tech-items .tile-sections__link:hover .single-row-module__icon,
.single-tech-items-info .tile-sections__link:hover .single-row-module__icon {
background: #fbfbfb;
border: 1px solid #87C500;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.single-tech-items-info .right_choice_tile {
opacity: 1;
padding: .3125rem 0;
background-color: #87C500;
display: block;
transition: width .6s ease-out;
width: 5rem;
padding: 1px 0;
margin: 10px 0;
transition: .6s ease-out;
}
.single-tech-items-info .tile-sections__link {
border: 1px solid #eee;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.is-step-active .cont_box .title {
transform: translateY(calc(-7.125em - 100%));
}
.cont_box .description {
opacity: 0;
}
.is-step-active .cont_box .description {
opacity: 1;
}
{}
.kc_col-of-5:hover .bgr_icon,
.single-tech-items .tile-sections__link:hover .single-row-module__icon,
.single-tech-items-info .tile-sections__link:hover .single-row-module__icon,
.single-tech-area .tile-sections__link:hover .single-row-module__icon,
.single-tech-items-info .tile-sections__link:hover .single-row-module__icon {
transition: all 0.95s;
transform: rotateY(360deg);
}
.kc_row.kc_row_inner {
width: calc(100% + 30px);
}
.kc-col-container>div {
position: relative;
}
.sst-flex-row-inner {
position: relative;
/* overflow: hidden; */
z-index: 1;
min-height: 30px;
}
.kc-css-122736 {
padding-top: 13px;
}
@media only screen and (max-width: 5000px) and (min-width: 1000px) {
.kc-css-122736 {
width: 20%;
}
}
.kc-css-6872083 {
text-align: center;
width: 100%;
margin-top: -50px;
margin-left: 10px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-6872083 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.ssc_icon_box.template18 .icon_box {
position: relative;
}
.cont_box {
text-align: center;
}
.ssc_icon_box .cont_box {
vertical-align: top;
}
.kc-css-9309662 {
padding-top: 121px;
}
.single-tech-area .col-1-5 {
width: 20%;
}
.single-tech-area .single-row-module__icon {
color: #87C500
}
.single-tech-items-approach .tile-sections__link {
overflow: hidden;
position: relative;
border: none;
}
.single-tech-items-approach .tile-sections__link::before {
z-index: 2;
background: #87c50033;
left: inherit;
bottom: inherit;
right: -31px;
width: 67px;
top: -18px;
background: #87c50033;
height: 46px!important;
transform: rotate(45deg);
content: '';
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
}
.single-tech-items-approach .tile-sections__link:hover::before {
background: #87c500;
}
.hoverEffectSingle {
box-shadow: 0px 0px 0px 4px #fff;
width: 16px;
height: 16px;
left: 2px;
border: 2px solid #87C500;
background-color: #ffffff !important;
top: 3px;
transition: box-shadow 0.3s;
right: 577px !important;
}
@keyframes blink-in {
0% {
transform: scale(1)
}
33% {
transform: scale(.9)
}
66% {
transform: scale(1.1)
}
to {
transform: scale(1)
}
}
@keyframes blink-out {
0% {
transform: scale(1)
}
33% {
transform: scale(1.1)
}
66% {
transform: scale(.9)
}
to {
transform: scale(1)
}
}
.process-timeline-bg {
background: url(.././img/single-service/Vector-1.png) no-repeat;
background-size: auto;
}
/**/
.bg-outer-step {
background: transparent url(../img/single-service/steps.png) center -103% /auto no-repeat scroll;
z-index: 3;
}
.kc-css-788683 {}
.kc-css-335923 {
text-align: center;
display: inline-block;
}
.kc-css-335923 .deb:before {
background-color: #87c500;
width: 7px;
height: 7px;
margin-top: 13px;
margin-left: 455px;
}
.kc-css-335923 .deb:after {
background-color: #87c500;
width: 7px;
height: 7px;
margin-top: 13px;
margin-right: 455px;
}
.kc-css-335923 .t1 {
text-align: center;
text-transform: capitalize;
display: inline;
}
.kc-css-335923 .t2 {
color: #87c500;
display: inline;
}
.kc-css-335923 .t3 {
padding-top: 17px;
padding-right: 24%;
padding-left: 24%;
}
.kc-css-335923 .t4 {
display: block;
}
.kc-css-5851684 {
background: transparent url(../img/hire/steps-line.png) center top/auto no-repeat scroll;
margin-top: 80px;
margin-bottom: 40px;
background-size: contain;
}
.kc-css-122736 {
padding-top: 63px
}
.kc-css-6872083 {
text-align: center;
width: 100%;
margin-top: -50px;
margin-left: 10px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-6872083 .c_icon,
.kc-css-6872083 .c_text {
color: rgba(34, 34, 34, 0.30);
}
.kc-css-6872083 .c_icon,
.kc-css-6872083 .c_img,
.kc-css-6872083 .c_text {
width: 60px;
height: 30px;
margin-top: -105px !important;
padding-top: 45px;
}
.kc-css-6872083 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.kc-css-6872083 .bgr_icon {
color: #7f7f7f;
}
.kc-css-6872083 .bgr_icon i {
font-size: 35px;
}
.kc-css-6872083 .bgr_icon i,
.kc-css-6872083 .bgr_img img,
.kc-css-6872083 .bgr_no {
line-height: 33px;
}
.kc-css-6872083 .bgr_icon i,
.kc-css-6872083 .bgr_img,
.kc-css-6872083 .bgr_no {
text-align: center;
}
.kc-css-6872083 .bgr_icon i,
.kc-css-6872083 .bgr_no,
.kc-css-6872083 .bgr_img img,
.kc-css-6872083 .bgr_img {
height: 80px !important;
}
.kc-css-6872083 .bgr_icon,
.kc-css-6872083 .bgr_img,
.kc-css-6872083 .bgr_no {
padding-top: 17px;
padding-bottom: 15px;
}
.kc-css-6872083 .title,
.kc-css-6872083 .title a,
.kc-css-9129214 .title {
color: #222222;
font-size: 20px;
line-height: 26px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
margin-top: 25px;
transition: transform 300ms;
}
.kc-css-6872083 .subtitle {
color: #3695d9;
}
.kc-css-6872083 .cont_box .description {
color: #3c3c3c;
font-size: 18px;
transition: opacity 200ms;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.kc-css-6872083 .cont_box .description,
.kc-css-6872083 .cont_box .description p {
line-height: 25px;
}
.kc-css-6872083 .cont_box .rm {
color: #646a70;
}
.kc-css-6872083 .cont_box {
text-align: center;
}
.kc-css-6872083:hover .bgr_icon {
color: #87c500;
}
.kc-css-6872083 .cont_box .rm:hover {
color: #3695d9;
}
.kc-css-9309662 {
padding-top: 100px;
}
.kc-css-9309662 {
padding-top: 34px;
}
.kc-css-3170620 {
text-align: center;
width: 100%;
margin-left: 10px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-3170620 .c_icon,
.kc-css-3170620 .c_text {
color: rgba(34, 34, 34, 0.30);
}
.kc-css-3170620 .c_icon,
.kc-css-3170620 .c_img,
.kc-css-3170620 .c_text {
width: 60px;
height: 30px;
margin-top: -105px !important;
padding-top: 45px;
}
.kc-css-3170620 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.kc-css-3170620 .bgr_icon {
color: #7f7f7f;
}
.kc-css-3170620 .bgr_icon i {
font-size: 35px;
}
.kc-css-3170620 .bgr_icon i,
.kc-css-3170620 .bgr_img img,
.kc-css-3170620 .bgr_no {
line-height: 33px;
}
.kc-css-3170620 .bgr_icon i,
.kc-css-3170620 .bgr_img,
.kc-css-3170620 .bgr_no {
text-align: center;
}
.kc-css-3170620 .bgr_icon i,
.kc-css-3170620 .bgr_no,
.kc-css-3170620 .bgr_img img,
.kc-css-3170620 .bgr_img {
height: 80px !important;
}
.kc-css-3170620 .bgr_icon,
.kc-css-3170620 .bgr_img,
.kc-css-3170620 .bgr_no {
padding-top: 17px;
padding-bottom: 15px;
}
.kc-css-3170620 .title,
.kc-css-3170620 .title a {
color: #222222;
font-size: 20px;
line-height: 26px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
margin-top: 25px;
transition: transform 300ms;
}
.kc-css-3170620 .subtitle {
color: #3695d9;
}
.kc-css-3170620 .cont_box .description {
color: #3c3c3c;
font-size: 18px;
transition: opacity 200ms;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.kc-css-3170620 .cont_box .description,
.kc-css-3170620 .cont_box .description p {
line-height: 25px;
}
.kc-css-3170620 .cont_box .rm {
color: #646a70;
}
.kc-css-3170620 .cont_box {
text-align: center;
}
.kc-css-3170620:hover .bgr_icon {
color: #87c500;
}
.kc-css-3170620 .cont_box .rm:hover {
color: #3695d9;
}
.kc-css-668166 {
padding-top: 142px
}
.kc-css-6349108 {
text-align: center;
width: 100%;
margin-top: -15px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-6349108 .c_icon,
.kc-css-6349108 .c_text {
color: rgba(34, 34, 34, 0.30);
}
.kc-css-6349108 .c_icon,
.kc-css-6349108 .c_img,
.kc-css-6349108 .c_text {
width: 60px;
height: 30px;
margin-top: -105px !important;
padding-top: 45px;
}
.kc-css-6349108 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.kc-css-6349108 .bgr_icon {
color: #7f7f7f;
}
.kc-css-6349108 .bgr_icon i {
font-size: 35px;
}
.kc-css-6349108 .bgr_icon i,
.kc-css-6349108 .bgr_img img,
.kc-css-6349108 .bgr_no {
line-height: 33px;
}
.kc-css-6349108 .bgr_icon i,
.kc-css-6349108 .bgr_img,
.kc-css-6349108 .bgr_no {
text-align: center;
}
.kc-css-6349108 .bgr_icon i,
.kc-css-6349108 .bgr_no,
.kc-css-6349108 .bgr_img img,
.kc-css-6349108 .bgr_img {
height: 90px !important;
}
.kc-css-6349108 .bgr_icon,
.kc-css-6349108 .bgr_img,
.kc-css-6349108 .bgr_no {
padding-top: 17px;
padding-bottom: 15px;
}
.kc-css-6349108 .title,
.kc-css-6349108 .title a {
color: #222222;
font-size: 20px;
line-height: 26px;
font-weight: 500;
text-align: center;
transition: transform 300ms;
text-transform: capitalize;
margin-top: 25px;
}
.kc-css-6349108 .subtitle {
color: #3695d9;
}
.kc-css-6349108 .cont_box .description {
color: #3c3c3c;
font-size: 18px;
transition: opacity 200ms;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.kc-css-6349108 .cont_box .description,
.kc-css-6349108 .cont_box .description p {
line-height: 25px;
}
.kc-css-6349108 .cont_box .rm {
color: #646a70;
}
.kc-css-6349108 .cont_box {
text-align: center;
}
.kc-css-6349108:hover .bgr_icon {
color: #87c500;
}
.kc-css-6349108 .cont_box .rm:hover {
color: #3695d9;
}
.kc-css-3467771 {
padding-top: 100px;
}
.kc-css-3467771 {
padding-top: 13px
}
.kc-css-2177387 {
text-align: center;
width: 100%;
margin-top: -15px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-2177387 .c_icon,
.kc-css-2177387 .c_text {
color: rgba(34, 34, 34, 0.30);
}
.kc-css-2177387 .c_icon,
.kc-css-2177387 .c_img,
.kc-css-2177387 .c_text {
width: 60px;
height: 30px;
margin-top: -105px !important;
padding-top: 45px;
}
.kc-css-2177387 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.kc-css-2177387 .bgr_icon {
color: #7f7f7f;
}
.kc-css-2177387 .bgr_icon i {
font-size: 35px;
}
.kc-css-2177387 .bgr_icon i,
.kc-css-2177387 .bgr_img img,
.kc-css-2177387 .bgr_no {
line-height: 33px;
}
.kc-css-2177387 .bgr_icon i,
.kc-css-2177387 .bgr_img,
.kc-css-2177387 .bgr_no {
text-align: center;
}
.kc-css-2177387 .bgr_icon i,
.kc-css-2177387 .bgr_no,
.kc-css-2177387 .bgr_img img,
.kc-css-2177387 .bgr_img {
height: 90px !important;
}
.kc-css-2177387 .bgr_icon,
.kc-css-2177387 .bgr_img,
.kc-css-2177387 .bgr_no {
padding-top: 14px;
padding-bottom: 15px;
}
.kc-css-2177387 .title,
.kc-css-2177387 .title a {
color: #222222;
font-size: 20px;
line-height: 26px;
font-weight: 500;
text-align: center;
transition: transform 300ms;
text-transform: capitalize;
margin-top: 25px;
}
.kc-css-2177387 .subtitle {
color: #3695d9;
}
.kc-css-2177387 .cont_box .description {
color: #3c3c3c;
font-size: 18px;
transition: opacity 200ms;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.kc-css-2177387 .cont_box .description,
.kc-css-2177387 .cont_box .description p {
line-height: 25px;
}
.kc-css-2177387 .cont_box .rm {
color: #646a70;
}
.kc-css-2177387 .cont_box {
text-align: center;
}
.kc-css-2177387:hover .bgr_icon {
color: #87c500;
}
.kc-css-2177387 .cont_box .rm:hover {
color: #3695d9;
}
.kc-css-6614208 {
padding-top: 45px
}
.kc-css-66142084 {
padding-top: 25px
}
.kc-css-9129214 {
text-align: center;
width: 100%;
margin-top: -15px;
padding-top: 0px;
padding-bottom: 30px;
}
.kc-css-9129214 .c_icon,
.kc-css-9129214 .c_text {
color: rgba(34, 34, 34, 0.30);
}
.kc-css-9129214 .c_icon,
.kc-css-9129214 .c_img,
.kc-css-9129214 .c_text {
width: 60px;
height: 30px;
margin-top: -105px !important;
padding-top: 45px;
}
.kc-css-9129214 .icon_box {
background: #ffffff;
display: inline-block;
width: 70px;
height: 70px;
border: 2px solid #87c500;
border-radius: 50% 50% 50% 50%;
}
.kc-css-9129214 .bgr_icon {
color: #7f7f7f;
}
.kc-css-9129214 .bgr_icon i {
font-size: 35px;
}
.kc-css-9129214 .bgr_icon i,
.kc-css-9129214 .bgr_img img,
.kc-css-9129214 .bgr_no {
line-height: 33px;
}
.kc-css-9129214 .bgr_icon i,
.kc-css-9129214 .bgr_img,
.kc-css-9129214 .bgr_no {
text-align: center;
}
.kc-css-9129214 .bgr_icon i,
.kc-css-9129214 .bgr_no,
.kc-css-9129214 .bgr_img img,
.kc-css-9129214 .bgr_img {
height: 90px !important;
}
.kc-css-9129214 .bgr_icon,
.kc-css-9129214 .bgr_img,
.kc-css-9129214 .bgr_no {
padding-top: 17px;
padding-bottom: 15px;
}
.kc_col-of-5 {
width: 20%;
cursor: pointer;
}
.kc_row_inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.our-location {
position: relative;
}
.footer-map-bg {
background: url('../img/footer/map.svg');
text-align: center;
max-width: 1024px;
position: relative;
margin: 0 auto;
background-size: 100%;
height: 347px;
background-repeat: no-repeat;
}
.usa {
left: 15% !important;
top: 22% !important;
}
.india {
right: 26% !important;
top: 37% !important;
}
.pin:hover>.p-relative>.hoverpopup {
display: block;
}
.pin.usa:hover>.p-relative>.hoverpopup {
top: -197px;
left: 50%;
}
.pin.india:hover>.p-relative>.hoverpopup {
top: -239px;
right: -254px;
}
.hoverpopup {
display: none;
position: absolute;
width: 300px;
cursor: pointer;
z-index: 99999;
}
.hover-inner {
width: 100%;
background: #fff;
z-index: 999;
padding: 24px;
box-shadow: 0 7px 13px 0 rgba(78, 131, 187, .2);
}
.p-relative {
position: relative;
}
.footer-map-marker-title {
position: absolute;
top: -21px;
left: 0;
font-weight: bold;
filter: drop-shadow(0px 0px 0px black);
}
.pin {
position: absolute;
cursor: pointer;
transition-delay: .25s;
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
width: fit-content;
}
.solutions-Service .solutions-grid .col-md-2.col-2 {
display: flex;
justify-content: center;
align-items: center;
}
.megamenu .lqd-custom-menu li a {
display: flex;
align-items: center;
}
.header-mega-menu-icon-svg {
width: 70%;
}
.right-bor p.tile-sections__link-subtitle {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
z-index: 9999;
position: relative;
}
.portfolio-header-img {
display: flex;
}
.right-bor .button-primary-sm {
z-index: 9999;
position: relative;
}
.lines0 {
color: #3c3c3c;
font-size: 16px !important;
transition: opacity 200ms;
font-weight: 300;
text-align: center;
margin-bottom: 15px;
}
.single-service-hover span {
display: block
}
.single-service-hover h1 {
margin-top: 0;
text-transform: capitalize;
}
.hire-accordions .faq_plas_icon {
top: 9px
}
.megamenu-col {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.gray-colr-header {
background-color: #5d5d5f!important;
}
.margin-top-header {
margin-top: 60px;
}
.margin-top-header-second {
margin-top: 20px;
}
.brand-show {
width: 100%;
z-index: 15;
}
.brand-show .solution-for {
color: #fff;
}
.brand-show ul {
display: inline-block;
}
.brand-show .solution-for {
display: inline-block;
color: #fff;
font-size: 16px;
}
.cd-timeline.js-cd-timeline.hire-page .single-service-hover span {
display: inline-block;
}
.d-none-on-footer span .d-none-hire {
display: none;
}
.owl-carousel .owl-item img {
border: 1px solid #fff;
}
li.megamenu-memu-item:hover .hover-fill-svg {
fill: #87C500;
}
.space-pre {
white-space: pre;
}
.hire-form-bg {
background: url(../img/hire/form-clippaper-min.png) top center no-repeat;
background-size: cover;
}
.call-header li.sales-info-line .mega-menu span {
display: flex;
padding: 0 1rem;
align-items: center;
}
.hire-tech .col-sm-10 h4.text-dark {
color: #87C500 !important;
}
.call-header li.sales-info-line .megamenu-container {
border-left: 1px solid #eee;
}
.header-sales-img {
width: 25px;
margin-right: 6px;
}
.hire-form-budge {
border: unset;
border-bottom: solid 1px #e8e8e8;
line-height: normal;
font-weight: 400;
width: 100%;
font-size: 14px;
color: #737373;
height: 54px;
}
.hire-single-img {
width: 36%;
}
.compnies-col:hover>i {
color: #87C500;
}
.compnies-col:hover>svg path,
.compnies-col:hover>svg circle,
.compnies-col:hover>svg .fil0 {
fill: #87C500
}
.compnies-col svg path,
.compnies-col svg circle {
transition: 0.9s;
}
.cta-module-background .module-wrapper .cta-module__content .cta-module-button {
margin-top: 30px;
}
.solutions-bg .Solution:hover .img-holder {
color: #87C500;
border: 1px solid #87C500;
transition: transform .9s;
transition: all 0.95s;
transform: rotateY(360deg);
}
.kc-css-9129214 :hover .bgr_icon {
color: #87c500;
}
.kc-css-2177387:hover .bgr_icon {
color: #87c500;
}
.form-checkbox-chk {
display: flex;
align-items: center;
margin-top: 15px;
}
.form-checkbox {
font-size: 12px;
}
.footer-portfolio {
position: absolute;
width: 30%;
top: 30%;
left: 42%;
transform: translate(-50%, -50%);
filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
-webkit-filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
-moz-filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
-webkit-transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
-o-transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
transition: opacity 1000ms cubic-bezier(0.694, 0, 0.335, 1);
}
.footer-portfolio-slider {
position: relative;
}
.footer-portfolio-slider-content {
padding-right: 270px;
}
.footer-portfolio-heading {
position: absolute;
left: 36%;
top: 7%;
transform: translateX(-50%);
}
.footer-portfolio-heading:before {
content: '';
height: 3px;
width: 60px;
border-radius: 2px;
background-color: #363F54;
position: absolute;
top: 23px;
left: calc(100% + 35px);
}
.footer-module--address ul li {
color: hsl(120, 1%, 23%);
font-size: 16px;
}
#footer-blog-section .img-overlay {
position: absolute;
top: 0;
opacity: 0;
z-index: 10;
height: 100%;
width: 100%;
transition: opacity 1s;
background-color: #322929bf;
outline: 4px solid #8bc53d;
outline-offset: -4px;
}
#footer-blog-section .card>div {
position: relative;
}
#footer-blog-section .card:hover .img-overlay {
opacity: 1;
transition: 1s ease;
}
#footer-blog-section .img-overlay a:hover {
color: #8bc53d;
text-decoration: none;
transition: .3s ease;
}
#footer-blog-section .icon-footer {
color: white;
font-size: 3.5rem;
text-align: center;
margin: 1rem;
}
#footer-blog-section .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #8bc53d;
}
#footer-blog-section .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #ffffff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
border: #8bc53d solid 1px;
}
#footer-blog-section .owl-dot {
position: absolute;
right: 50%;
}
#footer-blog-section .owl-theme .owl-dots .owl-dot.active span {
position: absolute;
}
#footer-blog-section .owl-next {
left: 55%;
position: absolute;
}
#footer-blog-section .owl-prev {
position: absolute;
right: 55%;
}
#footer-blog-section .owl-stage-outer .owl-stage .active:nth-last-child(1) .card {
margin-right: 3rem;
}
#footer-blog-section .card {
border: none;
margin-left: 4rem;
margin-right: 0.8rem;
margin-bottom: 4rem;
position: relative;
overflow: hidden;
box-shadow: -2px 19px 50px -21px rgba(0, 0, 0, 0.3)
}
#footer-blog-section .blog-title {
font-weight: 700;
color: #3a3b3a;
font-size: 18px;
line-height: 1.4;
}
#footer-blog-section .owl-carousel .owl-item img {
display: block;
width: 30%;
}
#footer-blog-section .footer-icon {
width: 9%;
}
.blog-description {
font-size: 15px !important;
line-height: 1.5;
color: #636363;
}
.footer-portfolio-image .owl-stage {
transition: all 1.5s ease 0s !important;
}
.footer-portfolio-image.owl-carousel .owl-item img {
border: none!important;
}
.footer-portfolio-image.owl-carousel .owl-item img {
width: auto !important;
}
.footer-portfolio-image .owl-nav {
text-align: center;
padding-right: calc(50% + 65px);
font-size: 2rem;
color: #c8c8c8;
}
.footer-portfolio-image .nav-btn.next-slide {
margin-left: 4rem;
}
@media (max-width:767px) {
.d-none-xs {
display: none;
}
.footer-portfolio {
width: 66%;
filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
-webkit-filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
-moz-filter: drop-shadow(0px 14px 28px rgba(0, 0, 0, 0.3));
margin: 0 auto;
display: block;
margin-top: -75px;
position: relative;
right: auto;
top: auto;
left: auto;
transform: none;
}
.footer-portfolio-slider-content {
padding-right: 40px;
padding-top: 143px;
}
.tile-sections__title {
margin-bottom: 20px;
font-size: 30px;
}
.single-hire-process-icon {
display: flex;
justify-content: flex-start;
}
.single-service-icon-right {
display: flex;
justify-content: center;
}
.cd-timeline.js-cd-timeline.hire-page .single-service-icon-right {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 43px !important;
}
.compnies-col {
margin: 2rem;
}
.single-hire-margin {
margin-top: 0px;
}
.hair_text_new {
padding: 0;
}
.blog-sections {
display: none;
}
.hire-tab .nav-justified .nav-item {
flex-basis: 49%;
}
.col-1-5 {
width: 100%;
}
.col-3-5 {
width: 100%;
}
.hire-module .slider-module__content {
padding: 100px 15px;
text-align: center;
}
.flex-50>div {
flex: 100%;
}
.hire-module .module-header__count {
position: unset;
}
.w-33 {
width: 100%;
}
.solutions-grid .cta-module-button {
opacity: 1;
visibility: visible;
transform: translate(0px);
}
.sol-margin {
margin-top: 2rem;
}
.d-grid {
margin-top: 4rem;
}
.d-none- {
display: none;
}
.single-tech-items .col-1-5 {
width: 100%;
}
.single-tech-area .col-1-5 {
width: 100%;
}
.single-tech-items-info .col-1-5,
.single-tech-items-approach .col-1-5 {
width: 100%;
}
}
@media screen and (max-width:1023px) {
.accordion__heading {
padding-right: calc(1rem + 1em + 1rem)
}
.d-none-xs {
display: none;
}
.process-timeline-bg {
background: none;
background-size: auto;
}
.solutions-bg .o-1 {
order: 1;
}
.solutions-bg .o-2- {
order: 2;
text-align: left !important;
}
.solutions-bg .o-3 {
order: 3;
text-align: left !important;
}
.d-none-1024 {
display: none;
}
.d-none- {
display: none;
}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.technology-main {
width: 25%;
}
.w-33 {
width: 50%;
}
.artificial-top .w-25 {
width: 33.33% !important;
}
.d-grid {
display: block;
margin-top: 6rem;
}
.sol-margin {
margin-top: 6rem;
}
.footer-portfolio-slider-content {
padding-right: 128px;
text-align: justify;
}
}
@media(max-width:1024px) {
.footer-portfolio-slider-content {
padding-right: 128px;
text-align: justify;
}
.d-none-xs {
display: none;
}
}
@media screen and (max-width:767px) and (min-width:480px) {
.technology-main {
width: 33%;
}
}
@media(max-width:479px) {
.technology-main {
width: 100%;
}
.Solution {
width: 100%
}
}
@media (min-width: 768px) {
.estimate-project-checkbox:after {
top: 15px;
right: 15px;
position: absolute;
margin-left: 0;
}
.estimate-project-checkbox {
display: block;
height: 220px;
margin-bottom: 30px;
padding: 45px;
}
.estimate-project-checkbox-text span {
margin: 37px 0 0;
font-size: 20px;
}
.estimate-project-checkbox.active:after {
top: 15px;
right: 15px;
position: absolute;
margin-left: 0;
}
}