@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sansita:wght@400;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,500;1,600;1,700;1,800;1,900&display=swap);

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');

.alter3-features,
.blog-fluid,
.career-service-content,
.contact-container,
.container,
.development-content,
.erp-section-possystem .sec-header,
.feature_img,
.footer-logo,
.founder-thumb,
.graphics-content,
.hire-card-action,
.java-icon,
.krrier-section,
.krrier-thumb,
.onedigiflow-container,
.our-focus-content,
.owl-blog-video,
.owl-testimonial,
.partner-illustration-content,
.partner-thumb,
.section-e-commerce-App .declaration-block,
.section-e-commerce-App .images-container-e-commerce,
.service-inner-api-section-new .service-item,
.service-inner-benefit-angular,
.service-inner-flutter-app-header .fluid-box,
.single-hiring-container-action,
.site,
.site-footer-logo,
.site-footer-logo .container,
.site-header,
.squashmind-section,
.stories-container,
.summit-isuniye,
.way-gallery {
    position: relative;
}

.navbar.navbar-black,
body {
    background-color: #121316;
}

.alert-hiring .hiring-text,
.card-title,
.faq-action,
.partner-action-info h3 {
    text-transform: uppercase;
}

.portfolio-title,
.summit-isuniye .portfolio-inner-title,
.text-gradient,
.title-out-line {
    -webkit-text-fill-color: transparent;
}

.img-fluid,
audio,
img,
video {
    max-width: 100%;
    height: auto;
}

body {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    font-family: Poppins, sans-serif;
    overflow-x: hidden;
}

.service-inner-section-ios p,
iframe,
object {
    max-width: 100%;
}

.site-banner h1 span, .site-banner h1 strong {
    font-weight: 700;
    transform: scale(1.025);
    background: linear-gradient(270deg, #2468ed 56.91%, #8048db 92.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

a {
    text-decoration: none;
    color: #5176e2;
}

.career-form .input-group-text,
.contact-item a,
.nav-pagination .pagination .page-link.active,
.nav-pagination .pagination .page-link:focus,
.nav-pagination .pagination .page-link:hover,
.navbar-black .navbar-nav .nav-link.active,
.navbar-black .navbar-nav .nav-link:focus,
.navbar-black .navbar-nav .nav-link:hover,
.navbar-black .navbar-nav .show > .nav-link,
.services-boxes-item:not(.no-hover):hover .services-boxes-item-icon,
.services-boxes-item:not(.no-hover):hover p.description,
.services-boxes-item:not(.no-hover):hover span.title,
.services-card-list li a,
.services-subcircle.active i,
.services-subcircle:hover i,
.site-footer a:focus,
.site-footer a:hover,
.work-more-btn:focus,
.work-more-btn:hover,
a:hover {
    color: #fff;
}

.services-card-list.v-service li a {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 15px;
    color: #fff;
}

.single-service-content h2,
h1 {
    font-size: 40px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

a.btn-lg .bi,
h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

.stories-card-meta,
h6 {
    font-size: 20px;
}

ul {
    margin: 0 0 12px;
}

p {
    line-height: 1.5;
    margin-bottom: 16px;
    letter-spacing: 0.5px;
}

.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a.disable-link {
    cursor: default;
    pointer-events: none;
}

.text-gradient {
    background: linear-gradient(270deg, #2468ed 56.91%, #8048db 92.37%);
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
}

.yellow-gradient {
    /*background-color: #e65c00;
	background-image: linear-gradient(318.43deg, #e65c00 18.08%, #f9d423 83.04%)*/
    background-color: #FDD819;
    background-image: linear-gradient(135deg, #FDD819 10%, #E80505 100%);
}

.blue-gradient {
    background-color: #8048db;
    background-image: linear-gradient(138.76deg, #8048db 21.76%, #2468ed 80.93%)
}

.pink-gradient {
    background-color: #cc2b5e;
    background-image: linear-gradient(138.39deg, #cc2b5e 17.97%, #a71dbd 80.39%)
}

.green-gradient {
    background-color: #3bb898;
    background-image: linear-gradient(137.15deg, #3bb898 17.8%, #2eb033 79.9%)
}

.blue-black-gradient {
    background-color: #4e98d5;
    background-image: linear-gradient(180deg, #4e98d5 0, #191a1d 100%)
}

.pink-black-gradient {
    background-color: #d74c5b;
    background-image: linear-gradient(180deg, #d74c5b 0, #191a1d 100%)
}

.yellow-black-gradient {
    background-color: #f8c25c;
    background-image: linear-gradient(180deg, #f8c25c 0, #191a1d 100%)
}

.green-black-gradient {
    background-color: #5cd694;
    background-image: linear-gradient(180deg, #5cd694 0, #191a1d 100%)
}

.light-gradient {
    background-color: #FFE53B;
    background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);

}

.cloud-gradient {
    background-color: #F4D03F;
    background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}

.mw-1080 {
    max-width: 1080px;
}

.mw-670 {
    max-width: 670px;
}

.mw-385 {
    max-width: 385px;
}

.mw-210 {
    max-width: 210px;
}

@-webkit-keyframes rotateInfinite {
    0% {
        transform: rotateZ(0) translateX(200px)
    }

    100% {
        transform: rotateZ(360deg) translateX(200px)
    }
}

@keyframes rotateInfinite {
    0% {
        transform: rotateZ(0) translateX(200px)
    }

    100% {
        transform: rotateZ(360deg) translateX(200px)
    }
}

@-webkit-keyframes rotateInfinite2 {
    0% {
        transform: rotateZ(0) translateX(-200px)
    }

    100% {
        transform: rotateZ(360deg) translateX(-200px)
    }
}

@keyframes rotateInfinite2 {
    0% {
        transform: rotateZ(0) translateX(-200px)
    }

    100% {
        transform: rotateZ(360deg) translateX(-200px)
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1.45);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.85);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.45);
        opacity: 1
    }

    100% {
        transform: scale(1.85);
        opacity: 0
    }
}

@-webkit-keyframes run {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes run {
    0% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(0.5);
    }
}

/*.text-border {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	color: #121316
}*/

.fs-110 {
    font-size: 110px
}

.hire-card-thumb img,
.site-logo {
    margin-right: 16px
}

.site-logo img {
    width: 247px;
    height: 53px
}

.navbar {
    padding: 0;
    border-bottom: solid #797b81 1px;
    transition: .4s linear;
}

.gpw {
    width: 80px;
    margin: auto;
    transition: .2s linear;
}

.is-sticky .navbar {
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999
}

.is-sticky .navbar.navbar-black {
    background-color: rgba(18, 19, 22, .95);
    box-shadow: 0 1px 8px -1px rgba(255, 255, 255, .2)
}

.nav-down .navbar {
    top: 0
}

.nav-up .navbar {
    top: -106px
}

.navbar-nav > .nav-item {
    padding: 0 18px;
    line-height: 1.3;
    position: relative
}

.navbar-nav > .nav-item:last-child {
    padding-right: 0
}

.navbar-black .navbar-nav .nav-link {
    color: #fff;
    position: relative;
    padding: 12px 0;
    transition: .4s ease-in-out;
    font-size: 18px;
    font-weight: 400
}

.blog-fluid-card-content .btn-outline-white:before,
.footer-title .icon,
.navbar-black .navbar-nav .nav-item-children .bi,
.navbar-black .navbar-nav > .nav-item > .nav-link.spacial:before,
.portfolio-high-tech-card .portfolio-card-thumb:before,
.service-inner-custom-code-section .service-item:before,
.service-inner-graphics .service-item:before,
.service-support-item:first-child .service-long-arrow-up-thumb {
    display: none
}

.navbar-black .navbar-nav > .nav-item > .nav-link:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: transparent;
    border-radius: 2px;
    height: 3px;
    transition: .4s ease-in-out;
    width: 0
}

.navbar-black .navbar-nav > .nav-item:focus > .nav-link:before,
.navbar-black .navbar-nav > .nav-item:hover > .nav-link:before,
.navbar-black .navbar-nav > .nav-item > .nav-link.active:before,
.navbar-black .navbar-nav > .nav-item > .nav-link:focus:before,
.navbar-black .navbar-nav > .nav-item > .nav-link:hover:before,
.navbar-black .navbar-nav > .nav-item > .show > .nav-link:before {
    background-color: #fff;
    width: 50%
}

.navbar-black .navbar-nav .nav-link.spacial {
    color: #fff;
    background: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
    border-radius: 6px;
    padding: 8px 18px
}

.navbar-black .navbar-nav .nav-link.spacial.active,
.navbar-black .navbar-nav .nav-link.spacial:focus,
.navbar-black .navbar-nav .nav-link.spacial:hover,
.navbar-black .navbar-nav .show > .nav-link.spacial {
    color: #fff;
    background: linear-gradient(270.09deg, #794adc .07%, #5176e2 99.91%)
}

.sub-menu {
    list-style: none;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 999;
    padding: 20px 30px;
    background-color: #292b30;
    border-radius: 20px;
    transition: .4s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.sub-menu .nav-item .nav-link {
    font-size: 15px;
    font-weight: 400;
    padding: 10px 26px 10px 0;
    position: relative;
    width: 235px;
    color: #fff;
    transition: .4s ease-in-out
}

.secondary-footer-menu li a:before {
    content: "|";
    width: 1px;
    height: 22px;
    position: absolute;
    color: #555;
    display: block;
    right: -14px;
    margin: 0 auto;
    top: 0;
}

.secondary-footer-menu li:last-child a:before {
    display: none;
}

.secondary-footer-menu li a {
    font-size: 14px;
    position: relative;
    transition: .4s ease-in-out;
}

.sub-menu .nav-item .nav-link.active::before, .sub-menu .nav-item .nav-link::before,
.list-submenu li a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: #744fdc;
    bottom: 0;
    transition: .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.sub-menu .nav-item .nav-link.active::before, .sub-menu .nav-item .nav-link:hover::before,
.list-submenu li a:hover:before, .list-submenu li a:focus:before, .list-submenu li a.active:before {
    opacity: 1;
    width: 30%;
    visibility: visible;
}

.contact-item a:focus,
.contact-item a:hover,
.sub-menu .nav-item .nav-link.active,
.sub-menu .nav-item .nav-link:focus,
.sub-menu .nav-item .nav-link:hover,
.way-btn-group .btn-link:focus,
.way-btn-group .btn-link:hover {
    color: #5176e2
}

.sub-menu .nav-item .nav-link.active:before,
.sub-menu .nav-item .nav-link:focus:before,
.sub-menu .nav-item .nav-link:hover:before,
.list-submenu li a:hover:before, .list-submenu li a:focus:before, .list-submenu li a.active:before {
    border-color: #5176e2
}

.navbar-black .navbar-nav > .nav-item:focus .sub-menu,
.navbar-black .navbar-nav > .nav-item:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible
}

/*list-submenu*/
.list-group-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    width: calc(100% + 2 * 10px);
    overflow: hidden;
}

.list-group-col {
    padding: 0 10px;
    position: relative;
    width: 25%;
}

.list-submenu-title {
    font-size: 15px;
}

.list-submenu-title a {
    color: #ffffff;
}

.list-submenu {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.list-submenu li {
    position: relative;
}

.list-submenu li a {
    font-size: 16px;
    color: #8a8888;
    padding: 8px 0;
    display: block;
    position: relative;
}

.list-submenu li a:hover, .list-submenu li a:focus, .list-submenu li a.active {
    color: #5176e2;
}

.list-group-row .list-group {
    height: 100%;
    position: relative;
}

.list-group-row .list-group:before {
    content: '';
    position: absolute;
    left: -21px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background-image: linear-gradient(to bottom, #292b30, #4d4d52, #737377, #9b9a9d, #c5c4c6, #c5c4c6, #c5c4c6, #c5c4c6, #9b9a9d, #737377, #4d4d52, #292b30);
}

.site-banner {
    padding: 15px 0 20px;
    position: relative;
    overflow: hidden
}

.site-banner h1 {
    font-weight: 500;
    font-size: 60px;
    margin-bottom: 46px;
    line-height: 1.2
}

.founder-description,
.site-banner h5 {
    font-weight: 400;
    font-size: 26px
}

.founder-description {
    margin-bottom: 0;
}

.alert-hiring {
    background-color: #3c404c;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    max-width: 85px;
    min-width: 82px;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: -60px;
    padding: 0;
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 9
}

.alert-hiring:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #3c404c
}

.btn-secondary:before {
    position: absolute;
    transition: .4s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transform: translateX(-100%)
}

.alert-hiring a {
    padding: 24px 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.alert-hiring .btn-close {
    padding: 3px;
    width: 24px;
    height: 24px;
    min-height: 10px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    background: linear-gradient(135deg, #8048db 18.48%, #2468ed 83.7%);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    box-sizing: border-box
}

.alert-hiring .btn-close .bi {
    line-height: 1;
    display: block;
    margin: 2px 0 0 2px
}

.alert-hiring img {
    display: block;
    margin-bottom: 12px
}

.alert-hiring .hiring-text {
    font-size: 15px;
    display: block;
    font-weight: 600
}

.banner-thumb {
    width: 100%;
    margin-top: -20px
}

#careerLottie,
#contactLottie,
#developmentLottie,
#lottie {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1
}

#contactLottie,
.section-social-container .images-containersocial {
    max-width: 450px
}

.form-label {
    margin-bottom: 2px;
    color: #696b70
}

.form-control,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    padding: 10px 18px;
    border-radius: 10px;
    max-width: 100%;
    font-size: 20px;
    color: #fff;
    min-height: 82px;
    background-color: #191a1d;
    border: 0;
    font-family: Poppins, sans-serif;
    min-width: 100px
}

.form-select {
    background-position: right 1.25rem center;
    border-radius: 10px;
    padding: 10px 14px;
    border: 0;
    background-color: #191a1d;
    color: #fff;
    font-size: 20px;
    font-family: Poppins, sans-serif;
    line-height: 60px
}

.btn-check:focus + .btn,
.btn:focus,
.form-control:focus,
.form-select:focus,
.way-btn-group .btn-primary {
    box-shadow: none
}

.input-group > .form-control,
.input-group > .form-select {
    min-width: 100px
}

.input-group .form-floating {
    width: 100%;
    flex: 1
}

.input-group.has-validation > .input-group-text ~ .form-control {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

.input-group.form-floating .form-control + label {
    display: flex;
    align-items: center;
    left: 55px;
    color: #a3a3a3;
    z-index: 9;
    max-height: 82px;
    padding-left: 10px
}

.input-group.form-floating textarea.form-control + label,
.input-group.form-floating > .form-control-plaintext ~ label,
.input-group.form-floating > .form-control:focus ~ label,
.input-group.form-floating > .form-control:not(:placeholder-shown) ~ label,
.input-group.form-floating > .form-select ~ label {
    align-items: flex-start;
    color: #a3a3a3
}

.form-floating > textarea.form-control:not(:placeholder-shown),
.input-group.form-floating textarea.form-control:focus {
    padding-top: 32px
}

.form-control:focus {
    color: #fff;
    background-color: #313237;
    border-color: transparent
}

textarea {
    resize: none
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 5px 10px 5px 20px;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.5;
    color: #5176e2;
    text-align: center;
    white-space: nowrap;
    background-color: #191a1d;
    border: 0;
    border-radius: 10px
}

.input-group-circle {
    padding: 5px 20px 5px 10px
}

.select2-container.select2 {
    width: 100% !important
}

.select2-container .select2-selection--single {
    height: 82px
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0;
    border-radius: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 65px;
    padding-right: 40px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    line-height: 82px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 80px;
    width: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    border-width: 10px 8px 0
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff;
    border-width: 0 8px 10px
}

.select2-dropdown {
    background-color: #292b30;
    border: 0;
    border-radius: 20px;
    color: #fff
}

.select2-results__option {
    padding: 8px 20px
}

.select2-container--default .select2-results__option--selected {
    background-color: #8c8c8c
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5176e2;
    color: #fff
}

.select2-search--dropdown .select2-search__field {
    padding: 6px 20px;
    min-height: 24px
}

.btn-circle,
a.btn-circle {
    width: 54px;
    height: 54px;
    background-color: #36373c;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.btn-circle-lg,
a.btn-circle-lg {
    font-size: 40px;
    width: 72px;
    height: 72px
}

.btn-rotate {
    transform: rotate(-134deg)
}

input[type=file].form-control {
    padding-top: 4px;
    padding-bottom: 4px
}

.form-control::-webkit-file-upload-button,
.form-control::file-selector-button {
    min-height: 82px;
    background-color: #313237;
    color: #838386;
    border-inline-end-width: 0
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #313237
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #313237
}

.input-group .form-control[type=file] {
    color: #838386
}

.footer-menu li a:focus,
.footer-menu li a:hover,
.input-group .form-control {
    padding-left: 10px
}

.input-group textarea {
    min-height: 260px;
    padding-top: 20px
}

.input-textarea-group .input-group-text {
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 20px
}

.btn,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline-block;
    min-height: 40px;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 36px;
    border: none;
    border-radius: 30px;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    transition: .4s ease-in-out
}

.btn-hire,
.btn-outline-white,
a.btn-lg {
    display: inline-flex
}

.btn-primary,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #fff;
    background: linear-gradient(90.09deg, #2468ed 3.8%, #8048db 99.92%);
    border-color: transparent;
    -webkit-box-shadow: 0 30px 27px -20px #1d449c;
    -moz-box-shadow: 0 30px 27px -20px #1d449c;
    box-shadow: 0 30px 27px -20px #1d449c
}

.btn-primary:focus,
.btn-primary:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    color: #fff;
    background: linear-gradient(90.09deg, #8048db 3.8%, #2468ed 99.92%);
    border-color: transparent;
    -webkit-box-shadow: 0 30px 27px -20px #1d449c;
    -moz-box-shadow: 0 30px 27px -20px #1d449c;
    box-shadow: 0 30px 27px -20px #1d449c
}

a.btn-primary,
a.btn-primary:focus,
a.btn-primary:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(78, 54, 104, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #4e3668;
    border-color: #4e3668;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-secondary:before {
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #da3439;
    background-image: linear-gradient(90deg, #da3439 9.35%, #ab1519 92.83%);
    border-radius: inherit
}

.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-color: #da3439;
    box-shadow: none
}

.btn-outline-white:before {
    height: 100%;
    background-color: #794adc;
    background-image: linear-gradient(90deg, #794adc 9.35%, #2a66ec 92.83%);
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.blog-fluid-card:hover .blog-fluid-card-content:before,
.btn-black:focus:before,
.btn-black:hover:before,
.btn-outline-white:focus:before,
.btn-outline-white:hover:before,
.btn-secondary:focus:before,
.btn-secondary:hover:before,
.hire-card:hover:before {
    transform: translateX(0)
}

.btn-black {
    color: #fff;
    background-color: #27282c;
    border: 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-circle-lg .bi,
.single-service-gradient-content .btn .bi,
a.btn-lg .bi {
    transform: translateX(0);
    transition: .4s ease-in-out
}

.btn-black:focus,
.btn-black:hover {
    color: #fff;
    background-color: #393a41;
    border: 0;
    box-shadow: none
}

.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(218, 52, 57, .5)
}

.btn-group-sm > .btn,
.btn-sm {
    border-radius: 20px;
    font-size: 14px;
    padding: 8px 20px
}

.btn-group-lg > .btn,
.btn-lg {
    border-radius: 60px;
    padding: 15px 60px;
    min-height: 72px;
    font-size: 20px
}

.career-form .btn-lg {
    min-width: 210px
}

a.btn-lg {
    align-items: center;
    justify-content: center
}

a.btn-lg .bi {
    margin-left: 18px;
    line-height: 1
}

a.btn-lg:hover .bi {
    transform: translateX(10px)
}

.btn-outline-white:before,
.social-link-list li a:before {
    transition: .4s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    position: absolute
}

.btn-circle-lg:hover .bi {
    transform: translateX(-5px)
}

.btn-outline-white {
    min-width: 300px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    min-height: 64px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 36px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: .4s ease-in-out;
    overflow: hidden
}

.btn-outline-white:before {
    content: "";
    border-radius: inherit;
    transform: translateX(-100%)
}

.btn-outline-white:focus,
.btn-outline-white:hover {
    border: 1px solid #794adc;
    color: #fff
}

.btn-outline-white-pink:focus,
.btn-outline-white-pink:hover {
    border: 1px solid #fb5151;
    color: #fff
}

.btn-outline-white-pink:before {
    background-color: #fb5151;
    background-image: linear-gradient(90deg, #fb5151 9.35%, #f26d65 92.83%)
}

.case-studies-btn-outline {
    min-width: 230px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    min-height: 60px;
    background-color: #794adc;
    background-image: linear-gradient(90deg, #794adc 9.35%, #2a66ec 92.83%);
    color: #fff;
    border-radius: 36px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: .4s ease-in-out;
    overflow: hidden;
    line-height: 40px;
}

.case-studies-btn-outline:before {
    content: '';
    background-color: #121316;
    border-radius: 36px;
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
    z-index: -1;
    transition: .4s ease-in-out;
}

.case-studies-btn-outline:hover, .case-studies-btn-outline:focus {
    color: #ffffff;
}

.case-studies-btn-outline:hover:before, .case-studies-btn-outline:focus:before {
    background-color: #794adc;
    background-image: linear-gradient(90deg, #794adc 9.35%, #2a66ec 92.83%);
}

.btn-angular {
    color: #fff;
    background-color: #dd1b16;
    border-color: #dd1b16
}

.btn-angular:focus,
.btn-angular:hover {
    color: #fff;
    background-color: #af060b;
    border-color: #af060b;
    box-shadow: none
}

.btn-reactjs {
    color: #121316;
    background-color: #219bbb;
    border-color: #219bbb
}

.btn-reactjs:focus,
.btn-reactjs:hover {
    color: #121316;
    background-color: #0b809f;
    border-color: #0b809f;
    box-shadow: none
}

.btn-vuejs:focus,
.btn-vuejs:hover {
    color: #121316;
    background-color: #109459;
    border-color: #109459;
    box-shadow: none
}

.btn-android {
    color: #121316;
    background-color: #31cf7a;
    border-color: #31cf7a
}

.btn-android:focus,
.btn-android:hover {
    color: #121316;
    background-color: #1aaf5e;
    border-color: #1aaf5e;
    box-shadow: none
}

.btn-hire {
    max-width: 182px;
    width: 100%;
    min-height: 45px;
    text-align: center;
    align-items: center;
    justify-content: center
}

.card {
    box-shadow: 5px 5px 8px rgba(0, 0, 0, .06);
    border: 0;
    padding: 20px 16px
}

.card-title {
    border-bottom: 1px solid #5176e2;
    padding-bottom: 20px;
    margin-bottom: 0;
    line-height: 1;
    font-size: 26px
}

.card-body {
    padding: 30px 20px
}

.social-link-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 -10px;
    list-style: none;
    justify-content: flex-end;
}

.social-link-list li {
    margin-bottom: 0;
    padding: 0 10px;
}

.social-link-list li a {
    color: #fff;
    background-color: transparent;
    border: 1px solid #333437;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 13px;
    position: relative;
    overflow: hidden;
}

.social-link-list li a:before {
    content: '';
    top: 90%;
    left: -110%;
    z-index: 1;
    width: 120%;
    height: 120%;
    background-color: #191a1d;
    transform: rotate(45deg)
}

.blog-fluid-card-content > *,
.blog-video-content > *,
.company-team-section > *,
.hire-card > *,
.krrier-section > *,
.our-value-card > *,
.portfolio-card-thumb > *,
.service-inner-androids-list-card-content > *,
.service-inner-content,
.social-link-list li a > *,
.squashmind-section > *,
.strength-card > *,
.team-card-content > *,
.way-gallery-item > * {
    position: relative;
    z-index: 3
}

.our-focus-thumb img,
.portfolio-squash-card-thumb img,
.social-link-list li a .bi {
    transition: .4s ease-in-out;
    transform: scale(1)
}

.social-link-list li a:focus,
.social-link-list li a:hover {
    color: #fff;
    background-color: #333437;
    background-image: linear-gradient(146deg, #333437 15.02%, #000 86.42%);
    border-color: #333437
}

.social-link-list li a:focus .bi,
.social-link-list li a:hover .bi,
.work-item:hover img {
    transform: scale(1.15)
}

.social-link-list li a:focus:before,
.social-link-list li a:hover:before {
    background-color: #333437;
    background-image: linear-gradient(146deg, #333437 15.02%, #000 86.42%);
    top: -10%;
    left: -10%
}

.social-link-list li a.whatsapp:focus,
.social-link-list li a.whatsapp:hover {
    color: #fff;
    border-color: #6af55d
}

.social-link-list li a.whatsapp:focus:before,
.social-link-list li a.whatsapp:hover:before {
    background-color: #6af55d;
    background-image: linear-gradient(146deg, #6af55d 15.02%, #0bbe68 86.42%)
}

.social-link-list li a.skype:focus,
.social-link-list li a.skype:hover {
    color: #fff;
    border-color: #01b7f2
}

.social-link-list li a.skype:focus:before,
.social-link-list li a.skype:hover:before {
    background-color: #01b7f2;
    background-image: linear-gradient(147.26deg, #01b7f2 16.77%, #007fd8 85.59%)
}

.social-link-list li a.mail:focus,
.social-link-list li a.mail:hover {
    color: #fff;
    border-color: #d44638
}

.social-link-list li a.mail:focus:before,
.social-link-list li a.mail:hover:before {
    background-color: #d44638;
    background-image: linear-gradient(147.26deg, #d44638 16.77%, #b23121 85.59%)
}

.social-link-list li a.facebook:focus,
.social-link-list li a.facebook:hover {
    color: #fff;
    border-color: #1c4cdd
}

.social-link-list li a.facebook:focus:before,
.social-link-list li a.facebook:hover:before {
    background-color: #1c4cdd;
    background-image: linear-gradient(147.26deg, #1c4cdd 16.77%, #5d85ff 85.59%)
}

.social-link-list li a.instagram:focus,
.social-link-list li a.instagram:hover {
    color: #fff;
    border-color: #f82e2e
}

.social-link-list li a.instagram:focus:before,
.social-link-list li a.instagram:hover:before {
    background-color: #f82e2e;
    background-image: linear-gradient(147.26deg, #f82e2e 16.77%, #f8ae1f 85.59%)
}

.social-link-list li a.linkedin:focus,
.social-link-list li a.linkedin:hover,
.social-link-list li a.twitter:focus,
.social-link-list li a.twitter:hover {
    color: #fff;
    border-color: #109f9f
}

.social-link-list li a.twitter:focus:before,
.social-link-list li a.twitter:hover:before {
    background-color: #109f9f;
    background-image: linear-gradient(147.26deg, #34e8dd 16.77%, #109f9f 85.59%)
}

.social-link-list li a.linkedin:focus:before,
.social-link-list li a.linkedin:hover:before {
    background-color: #109f9f;
    background-image: linear-gradient(147.26deg, #18b3e3 16.77%, #2d8cd0 85.59%)
}

.single-blog-user-info-content,
.site-main {
    flex: 1
}

.section {
    position: relative;
    padding: 35px 0
}

.blog-fluid-item:not(:last-child),
.mb-40,
.portfolio-inner-thumb,
.sec-header {
    margin-bottom: 30px
}

.sec-title {
    font-weight: 500;
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 20px
}

.sec-blog-view-header .sec-title {
    font-size: 35px;
}

.sec-sub-title {
    font-size: 22px
}

.service-card {
    margin-bottom: 55px;
    position: relative;
    font-size: 18px;
    max-width: 450px
}

.service-perk-card {
    margin-bottom: 80px;
    max-width: 490px
}

.service-card h3 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px
}

.service-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 35px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-in-out;
    transform: rotate(0)
}

.development-list-content h3,
.development-list-thumb,
.hire-card-colored img,
.services-content img,
.versat-card img {
    transform: scale(1);
    transition: .4s ease-in-out
}

.service-card:hover .service-icon {
    transform: rotate(180deg)
}

.service-perk-card .service-icon {
    border-radius: 32px;
    margin-bottom: 30px
}

.service-people-icon {
    background-color: #21283c
}

.service-quality-icon {
    background-color: #38372d
}

.service-transparency-icon {
    background-color: #311d33
}

.service-improvement-icon {
    background-color: #1f3734
}

/*24-04-2023 services-slide*/

.services-block {
    flex: 1;
    border: 1px solid #c7c7c7;
    box-shadow: none;
    border-radius: 4px;
    padding: 30px 30px 40px;
    position: relative;
}

.services-block .full-link,
.related-app-box .full-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.services-block:hover {
    background: #6066e0;
    box-shadow: none;
    border: 1px solid #6066e0;
}

.services-block:hover .content-wrapper p {
    color: #fff;
}


.services-slide1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: auto;
    bottom: 0;
    font-size: 30px;
    height: 40px;
    width: 40px;
    text-align: center;
    background-position: center;
    background: #fff url(../images/Arrow-left.svg);
    background-repeat: no-repeat;
    background-size: 21px 40px;
    z-index: 9;
    border-radius: 50%;
    border: 1px solid rgba(24, 24, 21, .1);
    transition: background-color .4s;
    text-align: center;
    background-position: bottom;
}

.services-slide1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: auto;
    left: 56px;
    transform: rotate(-180deg);
}


.services-slide1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: auto;
    bottom: 0px;
    font-size: 30px;
    height: 40px;
    width: 40px;
    background: #fff url(../images/Arrow-left.svg);
    background-repeat: no-repeat;
    background-size: 21px 40px;
    z-index: 9;
    border-radius: 50%;
    border: 1px solid rgba(24, 24, 21, .1);
    transition: background-color .4s;
    text-align: center;
    background-position: bottom;
}

.services-slide1 {
    position: relative;
    padding-bottom: 80px !important;
}

.services-slide1 .swiper-button-next.swiper-button-disabled, .services-slide1 .swiper-button-prev.swiper-button-disabled, .services-slide1 .swiper-button-next.swiper-button-disabled, .services-slide1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.services-slide1.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.services-slide1 .swiper-wrapper {
    display: flex;
}

.services-slide1 .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}

.services-slide1 h3 {
    font-size: 18px;
    font-weight: 700;
}

.content-wrapper p {
    font-size: 14px;
}

.versat-card {
    position: relative;
    margin-bottom: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    max-width: 200px;
    padding: 10px
}

.versat-card.v-service {
    color: #000;
}


.versat-card img {
    margin-bottom: 20px;
    margin-top: 10px;
    filter: brightness(0) invert(1);
    max-width: 70px;
}

.versat-card.v-service img {
    margin-bottom: 20px;
    margin-top: 10px;
    filter: brightness(0) invert(0);
    max-width: 70px;
}

.tab-pane-section ul {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    border-bottom: solid #5e6067 1px;
}

.tab-pane-section ul .nav-item .nav-link.active {
    background: transparent;
    border: transparent;
    color: #5770e1;
}

.tab-pane-section ul .nav-item .nav-link {
    color: #fff;
    position: relative;
    border: transparent;
    margin-right: 10px;
}

.tab-pane-section ul .nav-item .nav-link:hover {
    color: #5770e1;
    border: transparent;
}

.tab-pane-section ul .nav-item .nav-link::after {
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0px;
    position: absolute;
    left: auto;
    right: 0;
    z-index: 1;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: #5770e1;
    opacity: 0;
}

.tab-pane-section ul .nav-item .nav-link.active:after {
    opacity: 1;
}

.tab-pane-section .tab-pane {
    padding-top: 40px;
}


.contact-container:hover .contact-img,
.team-card:hover img,
.versat-card:hover img {
    transform: scale(1.08)
}

.company-team-content p,
.contact-item:last-child,
.development-list-content p,
.faq-action p,
.mb-0,
.section-tractor-driver-krrier .phones-krrier-thumb,
.service-inner-explore-solutions-header p,
.single-blog-user-info-content p,
.team-card-content p,
.versat-card p {
    margin-bottom: 0
}

.founder-content-header,
.mb-50,
.portfolio-inner-title,
.summit-Portfolio,
.work-item {
    margin-bottom: 50px
}

.founder-content-header {
    display: flex;
    align-items: center;
}

.work-card {
    border-radius: 36px;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px
}

.blog-card-thumb img,
.team-card img,
.work-card img {
    width: 100%;
    transition: .4s ease-in-out;
    transform: scale(1)
}

.work-card-content {
    font-size: 22px;
    color: #a3a3a3
}

.work-card-content h4 {
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 12px
}

.marketplace-work-card h3 {
    position: absolute;
    top: 55px;
    right: 50px;
    z-index: 1;
    font-family: 'Dancing Script', cursive;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    color: #2abfff;
    line-height: 1.2;
    margin-bottom: 0
}

.work-more-btn {
    font-weight: 500;
    font-size: 60px;
    color: #a3a3a3
}

.trusted-card {
    padding: 0;
    margin: 0px;
    list-style: none;
    text-align: right;
}

.trusted-card li {
    display: inline;
    margin: 0 5px;
    padding-bottom: 0;
}

.trusted-card li a img {
    max-width: 90px;
}

.blog-card {
    background-color: #191a1d;
    border-radius: 36px;
    color: #fff;
    padding: 32px 32px 2px;
    margin-bottom: 60px
}

.blog-card-thumb {
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 25px
}

.blog-card:hover img,
.portfolio-card:hover .portfolio-card-thumb img,
.portfolio-squash-card:hover .portfolio-squash-card-thumb img {
    transform: scale(1.1)
}

.blog-card-content {
    font-size: 16px;
    margin-bottom: 50px
}

.blog-card-content h3 {
    font-size: 28px;
    line-height: 1.25;
    margin-bottom: 12px
}

.blog-card-footer {
    text-align: center;
    margin-bottom: -26px;
    position: relative;
    z-index: 3
}

.blog-card-footer .btn {
    min-width: 230px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px
}

.contact-item {
    margin-bottom: 50px;
    position: relative;
    font-size: 22px;
    color: #fff
}

.contact-item h3 {
    font-weight: 300;
    font-size: 21px;
    color: #5176e2;
    margin-bottom: 10px !important;
}

.textwidget p {
    margin-bottom: 8px !important;
    font-weight: 400;
    font-size: 15px;
    transition: .4s ease-in-out;
    padding-left: 0;
    color: #a3a3a3;
    text-transform: capitalize;
    display: flex;
}

.textwidget i {
    margin-right: 18px;
}

.contact-item h4 {
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px
}

.contact-item p:not(:last-child) {
    margin-bottom: 4px
}

.contact-item address {
    line-height: 1.5
}

.map-card {
    background-color: silver;
    padding: 42px 60px;
    border-radius: 36px
}

.contact-view {
    margin-left: 86px
}

.contact-sec-title {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.5
}

.contact-sec-title span {
    font-weight: 600;
    font-size: 40px;
    display: block
}

.testimonial-card {
    background-color: #191a1d;
    color: #fff;
    border-radius: 20px;
    padding: 60px 100px;
    display: flex;
    flex-direction: column;
}

.testimonial-card-title {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500
}

.owl-testimonial {
    min-width: 100%;
    max-width: 100%;
}

.testimonial-row {
    display: flex;
    flex-direction: column;
}

.testimonial-user-info {
    text-align: center;
    max-width: 210px;
    min-width: 210px;
    margin-bottom: 50px;
    margin-right: 0;
    order: 2;
    justify-content: center;
    display: flex;
    align-items: center;
}

.testimonial-user-info h3 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0
}

.testimonial-user-info h5 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0
}

.single-blog-thumb, .testimonial-user-thumb {
    position: relative;
    margin-bottom: 25px;
    margin-right: 10px;
}

.testimonial-user-thumb {
    margin-bottom: 0;
    margin-right: 16px;
}

.testimonial-user-thumb img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
}

.testimonial-content {
    position: relative;
    font-size: 16px;
    margin-bottom: 50px;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
    padding: 50px;
    margin-right: 11px;
    margin-left: 11px;
    min-width: calc(100% - 2 * 11px);
    max-width: calc(100% - 2 * 11px);
}

.owl-theme .owl-nav,
.star-list {
    align-items: center;
    display: flex
}

.testimonial-content p {
    line-height: 1.8;
    /*min-height: 290px;*/
}

.testimonial-content:before {
    content: "\f6b0";
    position: absolute;
    right: 40px;
    bottom: 78px;
    z-index: 1;
    font-family: bootstrap-icons !important;
    color: #2c3d6d;
    font-size: 60px;
    transform: rotate(-180deg);
}

/*.testimonial-content::after {
    content: url(../images/downsliderarrow.svg);
    background-color: #191a1d;
    position: absolute;
    top: 100%;

}*/
.footer-logo a img {
    max-width: 276px;
    margin-bottom: 20px;
}

.testimonial-content:after {
    content: '';
    display: block;
    position: absolute;
    left: 113px;
    top: 100%;
    width: 0;
    height: 0;
    border: 23px solid transparent;
    border-top-color: #744fdd;
    background-color: #191a1d;
}

.star-list {
    list-style: none;
    padding-left: 0;
    margin: 0 -3px 22px
}

.star-list li {
    padding: 0 3px;
    color: #5176e2;
    font-size: 30px
}

.testimonial-carousel {
    position: relative;
}

.owl-theme .owl-dots .owl-dot span,
.testimonial-carousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    margin: 5px 3px;
    background: #2c3d6d;
    border-radius: 50%;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.testimonial-carousel .carousel-indicators button.active,
.testimonial-carousel .carousel-indicators button:hover {
    background: #5176e2
}

.testimonial-carousel .carousel-indicators [data-bs-target] {
    border-top: 0 none;
    border-bottom: 0 none;
}

.owl-theme .owl-nav {
    justify-content: center
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 62px;
    height: 62px;
    border: 1px solid #626262;
    border-radius: 50%;
    background-color: transparent;
    color: #626262;
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    font-size: 0;
    position: relative;
    display: block;
    width: 40px;
    height: 27px
}

.owl-carousel .owl-nav button.owl-next span:before,
.owl-carousel .owl-nav button.owl-prev span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-family: bootstrap-icons !important;
    font-size: 40px
}

.owl-carousel .owl-nav button.owl-next span:before {
    content: "\f135"
}

.owl-carousel .owl-nav button.owl-prev span:before {
    content: "\f12c"
}

.partner-slider-section {
    background-color: #191a1d;
    color: #fff;
    padding: 25px 0
}

.owl-partner .partner-thumb img {
    width: 278px;
    height: 278px;
    object-fit: contain
}

.owl-partner .owl-nav button.owl-next,
.owl-partner .owl-nav button.owl-prev {
    position: absolute;
    top: -127px;
    z-index: 1
}

.owl-partner .owl-nav button.owl-prev {
    right: 84px
}

.owl-partner .owl-nav button.owl-next {
    right: 0
}

.development-block {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1060px;
    margin: 0 auto
}

.development-thumb {
    position: relative;
    margin-right: 62px
}

.development-list,
.service-angular-list {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.development-list li {
    display: flex;
    margin-bottom: 16px
}

.development-list li:nth-child(3),
.development-list li:nth-child(5),
.life-thumb:nth-child(2) {
    margin-left: -20px
}

.development-list li:nth-child(2),
.development-list li:nth-child(6) {
    margin-left: -80px
}

.development-list li:nth-child(2) .development-list-thumb {
    bottom: -20px;
    margin-right: 20px
}

.development-list li:nth-child(6) .development-list-thumb {
    top: -12px
}

.development-list li:first-child,
.development-list li:nth-child(7) {
    margin-left: -175px;
    margin-bottom: 0
}

.development-list li:first-child .development-list-thumb {
    bottom: -75px
}

.development-list li:nth-child(7) .development-list-thumb {
    top: -70px
}

.development-list-thumb {
    background-color: #34363d;
    width: 85px;
    min-width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative
}

.development-list li:hover .development-list-thumb {
    background-color: #666672;
    transform: scale(1.15)
}

.development-list li:hover .development-list-content h3 {
    transform: scale(1.025);
    background: linear-gradient(270deg, #2468ed 56.91%, #8048db 92.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.development-list-content,
.services-content-item p.description {
    font-size: 16px
}

.development-list-content h3 {
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 0
}

.services-card {
    background-color: #191a1d;
    border-radius: 20px;
    padding: 62px 105px 10px;
    margin-bottom: 40px
}

.services-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

.services-card-list,
.services-thumb-list {
    align-items: center;
    display: flex;
    list-style: none
}

.services-card-header-title {
    margin-bottom: 0;
    font-size: 30px
}

.services-card-header .btn {
    margin-left: auto
}

.services-content {
    margin-bottom: 30px;
    max-width: 200px;
    position: relative;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.services-content-sm {
    max-width: 190px
}

.services-content img {
    margin-bottom: 20px;
    margin-top: 10px;
    filter: brightness(0) invert(1);
    max-width: 60px;
}

.services-content:hover img,
.v-service:hover img,
.versat-card:hover img {
    transform: scale(1.08);
    filter: brightness(1) invert(0)
}

.services-content h6 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
}

.services-card-list {
    padding-left: 0;
    margin: 0 -10px 45px;
    flex-wrap: wrap;
    font-size: 20px;
    color: #fff;
}

.services-card-list li {
    margin-bottom: 22px;
    width: 50%;
    padding: 0 10px
}

.services-thumb-list {
    padding-left: 40px;
    margin: 0 -10px 15px;
    flex-wrap: wrap;
    max-width: 240px
}

.services-thumb-list li {
    margin-bottom: 48px;
    width: 50%;
    padding: 0 10px
}

.our-focus-section {
    background-color: #191a1d;
    padding: 45px 0;
    margin: 20px 0 120px
}

.our-focus-thumb {
    margin: -75px -30px -100px 0
}

.our-focus-section:hover img {
    transform: scale(1.06)
}

.our-focus-content h3 {
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: 600
}

.single-service-container {
    position: relative;
    padding: 30px 0 40px
}

.single-service-header {
    padding: 50px 0 85px
}

.single-service-content {
    position: relative;
    max-width: 450px
}

.single-service-thumb {
    border: 4px dashed #fff;
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 50%;
    position: relative
}

.hire-card:before,
.service-circle,
.single-service-gradient .dotted,
.single-service-gradient .dotted-two {
    position: absolute;
    z-index: 1
}

.service-circle {
    top: 170px;
    left: 170px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #f9d423;
    -webkit-animation: 6s linear infinite rotateInfinite;
    animation: 6s linear infinite rotateInfinite
}

.counter-info,
.faq-item,
.hire-card {
    position: relative
}

.service-circle-blue {
    background-color: #5176e2;
    bottom: 170px;
    right: 170px;
    top: auto;
    left: auto;
    -webkit-animation: 6s linear infinite rotateInfinite2;
    animation: 6s linear infinite rotateInfinite2
}

.counter-info {
    font-size: 22px;
    color: #fff;
    max-width: 300px
}

.counter-timer {
    font-size: 60px;
    color: #5176e2;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: 700
}

.counter-timer .timer {
    display: inline-block
}

.faq-item {
    font-size: 20px;
    margin-bottom: 55px
}

.faq-item h4 {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 25px
}

.faq-action {
    font-weight: 500;
    font-size: 25px;
    color: #fff
}

.faq-action a {
    color: #a3a3a3;
    text-decoration: underline
}

.faq-action a:focus,
.faq-action a:hover {
    color: #5176e2;
    text-decoration: none
}

.single-service-gradient {
    position: relative;
    background-color: #8048db;
    background-image: linear-gradient(270deg, #8048db 16.28%, #5955e3 60.89%, #2468ed 93.23%);
    padding: 110px 0
}

.single-service-gradient .dotted {
    left: 55px;
    top: 54px
}

.single-service-gradient .dotted-two {
    bottom: 8px;
    right: 0
}

.single-service-gradient-content {
    max-width: 550px;
    margin: 0 auto;
    text-align: center
}

.single-service-gradient-content h2 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 50px
}

.single-service-gradient-content .btn {
    width: 85px;
    height: 85px;
    background-color: #9380fb;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    font-size: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.single-service-gradient-content .btn:focus,
.single-service-gradient-content .btn:hover {
    background-color: #fff;
    color: #9380fb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.single-service-gradient-content .btn:hover .bi {
    transform: translateX(5px)
}

.hire-card {
    background-color: #191a1d;
    color: #fff;
    border-radius: 36px;
    padding: 55px;
    margin-bottom: 24px;
    overflow: hidden
}

.hire-card:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff10;
    transition: .4s ease-in-out;
    transform: translateX(100%)
}

.hire-card-title {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 22px
}

.hire-card-thumb {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
    font-size: 18px
}

.hire-card-action .btn {
    min-width: 185px;
    font-size: 22px;
    font-weight: 500;
    min-height: 72px
}

.hire-card-action .btn-arrow {
    min-width: 50px;
    font-size: 40px;
    font-weight: 500;
    min-height: 20px;
    color: #fff;
    padding: 0;
    margin-right: 0;
    transition: .4s ease-in-out
}

.hire-card-action .btn-arrow:focus,
.hire-card-action .btn-arrow:hover {
    margin-right: -16px
}

.hire-section-colored {
    background-color: #191a1d;
    padding: 70px 0;
    margin-bottom: 50px
}

.hire-card-colored {
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
}

.hire-card-colored {
    min-height: 185px;
    color: #fff;
    border-radius: 19px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hire-card-colored img {
    margin-right: 35px
}

.hire-card-colored:hover img {
    transform: scale(1.2)
}

.hire-card-colored h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 0
}

.team-card {
    border-radius: 36px;
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
    height: calc(100% - 24px);
    min-height: 320px;
    max-height: 416px;
}

.team-card img {
    height: 100%;
    object-fit: cover;
}

.team-card-demo {
    background-color: rgba(45, 46, 50, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}

.team-card-demo img {
    transform: inherit;
    width: auto;
    height: auto;
    object-fit: inherit;
}

.team-card-content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-radius: 0 0 36px 36px;
    padding: 50px 35px 40px;
    font-size: 16px;
    color: #bdbdbd;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(19, 19, 19, .95) 100%)
}

.team-card-demo .team-card-content {
    padding: 15px 0;
    font-family: 'Dancing Script', cursive;
    font-size: 35px;
    position: relative;
    border-radius: 0;
    background: none;
    left: auto;
    bottom: auto;
    color: #ffffff;
}

.team-card-demo .team-card-content p {
    font-weight: 700;
    font-size: inherit !important;
}

.team-card-content h5 {
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    margin-bottom: 2px
}

.founder-card {
    background-color: #1f2023;
    border-radius: 36px;
    padding: 90px 92px 40px;
    overflow: hidden
}

.founder-thumb {
    max-width: 280px;
    margin-right: 30px;
}

.founder-thumb img {
    transition: .4s ease-in-out;
    position: relative;
}

.founder-content {
    margin-bottom: 30px;
    font-size: 22px
}

.founder-name {
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 6px
}

.our-value-container {
    position: relative;
    overflow: hidden
}

.our-value-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -35px
}

.our-value-col {
    width: 20%;
    padding: 0 35px;
    margin-bottom: 65px;
    position: relative
}

.our-value-col:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    z-index: 0;
    background-color: #1f2023;
    height: 9px
}

.about-good-header h3:before,
.our-value-card:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transition: .4s ease-in-out;
    content: ''
}

.our-value-card {
    background-color: #1f2023;
    border-radius: 146.5px 146.5px 16px 16px;
    padding: 20px;
    min-height: 296px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.our-value-card:before {
    z-index: 1;
    background-color: #ffffff10;
    width: 100%;
    transform: translateY(100%)
}

.our-value-card:hover:before {
    transform: translateY(0)
}

.our-value-thumb {
    background-color: #455278;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 42px
}

.our-value-thumb img {
    transition: .4s ease-in-out;
    transform: rotate(0)
}

.our-value-card:hover .our-value-thumb img,
.promise-card-column:hover .promise-card-thumb,
.promise-card-row:hover .promise-card-thumb {
    transform: rotate(360deg)
}

.our-value-thumb.honesty {
    background-color: #385a3b
}

.our-value-thumb.trust {
    background-color: #386568
}

.our-value-thumb.ingenuity {
    background-color: #675a38
}

.our-value-thumb.accountability {
    background-color: #483864
}

.our-value-thumb.simplicity {
    background-color: #57393e
}

.our-value-thumb.respect {
    background-color: #4f2e50
}

.our-value-thumb.value_centricity {
    background-color: #555
}

.our-value-card h5 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 20px
}

.about-good-container {
    padding: 40px 0;
    position: relative
}

.about-good-header {
    position: relative;
    margin-bottom: 120px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about-good-header h3 {
    font-weight: 700;
    font-size: 50px;
    position: relative;
    padding: 28px 86px;
    margin-bottom: 0
}

.about-good-header h3:before {
    z-index: -1;
    background-color: #e29156;
    width: 411px
}

.about-good-container:hover .about-good-header h3:before {
    left: 20px
}

.about-dream-title {
    font-weight: 700;
    font-size: 55px;
    margin-left: 20px
}

.about-dream-title span {
    display: block
}

.about-dream-subtitle {
    font-weight: 600;
    font-size: 50px;
}

.about-dream-list {
    font-weight: 600;
    font-size: 30px;
    list-style: none;
    padding-left: 0;
    margin: 0 0 20px;
    color: #ffffff;
}

.about-dream-list li {
    display: flex;
    margin-bottom: 15px;
    line-height: 1.5;
}

.about-dream-list span {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    min-width: 260px;
    margin-right: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-dream-list span .bi {
    font-size: 30px;
}

.footer-menu,
.partner-list,
.strength-card-list {
    list-style: none;
    padding-left: 0
}

.partner-list li {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start
}

.partner-list li img {
    margin-right: 25px;
    margin-top: 2px
}

.promise-card {
    background-color: #764ddc;
    background-image: linear-gradient(90.29deg, #764ddc 4.05%, #5571e1 99.72%);
    border-radius: 36px;
    padding: 84px 100px
}

.promise-card-column {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}

.promise-card-thumb {
    width: 90px;
    min-width: 90px;
    height: 90px;
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-in-out;
    transform: rotate(0)
}

.ripple,
.strength-card {
    background-color: #191a1d
}

.promise-card-column h4,
.promise-card-row h4 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 0
}

.promise-card-row {
    display: flex;
    align-items: center;
    margin-left: 82px
}

.promise-card-row .promise-card-thumb {
    margin-bottom: 0;
    margin-right: 45px
}

.strength-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.strength-col {
    position: relative;
    margin: 0 12px;
    max-width: calc(50% - 2 * 12px);
    min-width: calc(50% - 2 * 12px)
}

.ripple {
    border: 16px solid #121316;
    width: 144px;
    height: 144px;
    right: -84px;
    bottom: -72px;
    position: absolute;
    z-index: 1;
    border-radius: 50%
}

.ripple:after,
.ripple:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #191a1d;
    border: 12px solid #121316
}

.ripple:before {
    width: 80px;
    height: 80px
}

.ripple:after {
    width: 28px;
    height: 28px;
    background-color: #a3a3a3;
    border-width: 8px
}

.strength-col:nth-child(2) .ripple {
    right: auto;
    left: -84px;
    bottom: -72px
}

.strength-col:nth-child(3) .ripple {
    right: -84px;
    bottom: auto;
    top: -72px
}

.strength-col:nth-child(4) .ripple {
    right: auto;
    left: -84px;
    bottom: auto;
    top: -72px
}

.strength-col:hover .ripple {
    z-index: 2
}

.strength-col:first-child:hover .ripple:before {
    border-color: #6d56a4
}

.strength-col:first-child:hover .ripple:after {
    background-color: #6d56a4
}

.strength-col:nth-child(2):hover .ripple:before {
    border-color: #3857a6
}

.strength-col:nth-child(2) .strength-card:before,
.strength-col:nth-child(2):hover .ripple:after {
    background-color: #3857a6
}

.strength-col:nth-child(3):hover .ripple:before {
    border-color: #3587c8
}

.strength-col:nth-child(3) .strength-card:before,
.strength-col:nth-child(3):hover .ripple:after {
    background-color: #3587c8
}

.strength-col:nth-child(4):hover .ripple:before {
    border-color: #9081b4
}

.strength-col:nth-child(4) .strength-card:before,
.strength-col:nth-child(4):hover .ripple:after {
    background-color: #9081b4
}

.strength-card {
    color: #fff;
    border-radius: 36px;
    padding: 65px;
    margin-bottom: 24px;
    min-height: 382px;
    height: calc(100% - 24px);
    position: relative;
    overflow: hidden
}

.strength-card:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    transition: .4s ease-in-out;
    background-color: #6d56a4;
    border-radius: inherit;
    transform: scale(0)
}

.strength-card:hover:before {
    transform: scale(1)
}

.strength-card-title {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 40px
}

.strength-card-list li {
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    background: url("../images/arrow-point.svg") left 8px no-repeat
}

.partner-park-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
    position: relative
}

.partner-park-list li {
    width: 50%;
    padding: 0 10px;
    position: relative;
    z-index: 3
}

.partner-park-list li:nth-child(2n) {
    padding-left: 100px
}

.partner-action {
    position: relative;
    padding: 30px 0
}

.partner-action-title {
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 0
}

.onedigiflow-portfolio,
.pavement-management-card,
.portfolio-bohra-card,
.portfolio-card,
.portfolio-delivey-qa-card,
.portfolio-isuniye,
.portfolio-krrier-card,
.portfolio-rfmx-wellness-app-card,
.portfolio-summit-tractor-card,
.portfolio-talkado-card,
.queue-wisely-card,
.top-cleaninig-card {
    padding: 50px 54px;
    margin-bottom: 40px;
    overflow: hidden
}

.partner-action-info {
    text-align: right;
    margin-top: -20px
}

.partner-action-info h6 {
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
    font-size: 45px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 6px
}

.partner-action-info h6:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 265px;
    height: 2px;
    background-color: #fff
}

.partner-action-info h3 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 40px
}

.portfolio-card {
    background-color: #819aa5;
    background-image: linear-gradient(180deg, #819aa5 0, #121316 100%);
    border-radius: 36px;
    position: relative;

}

.onedigiflow-portfolio {
    background-color: #ffba69;
    border-radius: 36px;
    background-image: linear-gradient(180deg, #ffba69 0, #121316 100%)
}

.portfolio-isuniye {
    background-color: #4caf50;
    background-image: linear-gradient(180deg, #4caf50 0, #121316 100%);
    border-radius: 36px
}

.portfolio-talkado-card {
    background-color: #4452a2;
    background-image: linear-gradient(180deg, #4452a2 0, #121316 100%);
    border-radius: 36px
}

.pavement-management-card {
    background-color: #3d3d3d;
    background-image: linear-gradient(180deg, #3d3d3d 0, #121316 100%);
    border-radius: 36px
}

.portfolio-summit-tractor-card {
    background-color: #294c53;
    background-image: linear-gradient(180deg, #294c53 0, #121316 100%);
    border-radius: 36px
}

.portfolio-krrier-card {
    background-color: #da3239;
    background-image: linear-gradient(180deg, #da3239 0, #121316 100%);
    border-radius: 36px
}

.portfolio-bohra-card {
    background-color: #484c7d;
    background-image: linear-gradient(180deg, #484c7d 0, #121316 100%);
    border-radius: 36px
}

.portfolio-delivey-qa-card {
    background-color: #70bda0;
    background-image: linear-gradient(180deg, #70bda0 0, #121316 100%);
    border-radius: 36px
}

.portfolio-rfmx-wellness-app-card {
    background-color: #b7cfe7;
    background-image: linear-gradient(90deg, #b7cfe7 4.18%, #e6e6e6 97.13%);
    border-radius: 37px
}

.queue-wisely-card {
    background-color: #4bb4e4;
    background-image: linear-gradient(180deg, #4bb4e4 0, #121316 100%);
    border-radius: 36px
}

.top-cleaninig-card {
    background-color: #0a60ef;
    background-image: linear-gradient(180deg, #0a60ef 0, #121316 100%);
    border-radius: 36px
}

.portfolio-rfmx-wellness-app-card .portfolio-squash-card-thumb {
    max-width: 442px;
    margin-top: 0;
    margin-left: auto
}

.portfolio-card-header {
    margin-bottom: 0;
    position: absolute;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    bottom: 0;
    background: rgb(0 0 0 / 40%);
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 5;
}

.portfolio-card:hover .portfolio-card-header {
    opacity: 1;
}

.portfolio-card-header h3 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0
}

.portfolio-card-thumb {
    max-width: 340px;
    margin: 0 auto 90px;
    position: relative
}

.portfolio-card-thumb:after,
.portfolio-card-thumb:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .05);
    width: 340px;
    height: 340px;
    border-radius: 50%;
    z-index: 1;
    transition: .4s ease-in-out
}

.portfolio-card-thumb:after {
    opacity: 0;
    visibility: hidden;
    transform: translate(-1%, -1%)
}

.chat-frame.open,
.nav-pagination .pagination .page-link.active:before {
    visibility: visible;
    opacity: 1
}

.portfolio-card:hover .portfolio-card-thumb:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%)
}

.portfolio-card-thumb img {
    transition: .4s ease-in-out;
}

.portfolio-filop-card {
    background-color: #8f67fe;
    background-image: linear-gradient(180deg, #8f67fe 0, #121316 100%)
}

.portfolio-filop-card .portfolio-card-thumb {
    max-width: 364px
}

.portfolio-startup-card {
    background-color: #f6c227;
    background-image: linear-gradient(180deg, #f6c227 0, #121316 100%)
}

.portfolio-startup-card .portfolio-card-thumb {
    max-width: 326px
}

.portfolio-landing-card {
    background-color: #f9a09c;
    background-image: linear-gradient(180deg, #f9a09c 0, #121316 100%)
}

.portfolio-landing-card .portfolio-card-thumb {
    max-width: 456px
}

.portfolio-landing-card .portfolio-card-header {
    margin-bottom: 135px
}

.portfolio-squash-card {
    background-color: #e3e3e3;
    background-image: linear-gradient(90deg, #e3e3e3 4.18%, #e6e6e6 97.13%);
    border-radius: 36px;
    margin-bottom: 40px;
    padding: 45px 65px;
    display: flex
}

.portfolio-squash-card-header {
    margin-bottom: 30px;
    font-size: 16px;
    color: #000
}

.portfolio-squash-card-header h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 30px;
    color: #000
}

.portfolio-squash-card-thumb {
    max-width: 754px;
    margin-top: 70px;
    margin-left: auto
}

.portfolio-netbonking-card {
    background-color: #ffade3;
    background-image: linear-gradient(180deg, #ffade3 0, #121316 100%)
}

.portfolio-netbonking-card .portfolio-card-header,
.portfolio-netbonking-card .portfolio-card-header h3 {
    color: #000
}

.portfolio-netbonking-card .portfolio-card-thumb {
    max-width: 454px
}

.portfolio-high-tech-card {
    background-color: rgba(64, 226, 148, .81);
    background-image: linear-gradient(180deg, rgba(64, 226, 148, .81) 0, #121316 100%)
}

.portfolio-high-tech-card .portfolio-card-thumb {
    max-width: 412px;
    margin-bottom: 40px
}

.life-header {
    max-width: 480px;
    margin-bottom: 70px
}

.way-btn-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -5px
}

.way-btn-group .btn {
    font-size: 18px;
    padding: 15px 48px;
    margin: 0 5px 10px
}

.way-btn-group .btn-link {
    color: #a3a3a3;
    text-decoration: none;
    padding: 15px 20px
}

.life-group-banner {
    display: flex;
    justify-content: center;
    margin-bottom: 50px
}

.life-img-group {
    max-width: 340px;
    position: relative;
    padding-left: 168px;
    width: 100%
}

.company-team-form,
.join-team-btn {
    max-width: 376px
}

.life-thumb {
    margin-bottom: 25px
}

.life-thumb:last-child {
    position: absolute;
    left: 0;
    top: 42%;
    z-index: 1;
    transform: translateY(-50%)
}

.life-thumb img {
    border-radius: 50%;
    min-width: 160px;
    width: 160px;
    height: 160px;
    object-fit: cover;
    transition: .4s ease-in-out;
    transform: rotate(0)
}

.blog-fluid-card-thumb img,
.contact-img,
.single-blog-thumb img,
.stories-card-thumb img,
.way-gallery-thumb img {
    transform: scale(1);
    transition: .4s ease-in-out
}

.life-thumb:hover img {
    transform: rotate(10deg)
}

.way-gallery-item {
    position: relative;
    padding-bottom: 85px
}

.way-gallery-life .way-gallery-item:before {
    content: '';
    position: absolute;
    left: 62px;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: #242424;
    width: 8px
}

.banner_section,
.javascript-service-container,
.way-gallery-item:last-child {
    padding-bottom: 0
}

.way-gallery-title {
    margin-bottom: 45px;
    font-weight: 600;
    font-size: 30px;
    position: relative;
    padding-left: 120px
}

.way-gallery-title:before {
    content: '';
    position: absolute;
    left: 44px;
    top: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 12px solid #242424
}

.way-gallery-thumb,
.way-gallery-video {
    background-color: #242424;
    border-radius: 36px;
    padding: 18px;
    flex: 1;
    position: relative
}

.way-gallery-video-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.way-gallery-video-inner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.way-gallery-video-inner > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px
}

.way-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 28px
}

.blog-fluid-card:hover .blog-fluid-card-thumb img,
.single-blog-thumb:hover img,
.stories-card:hover .stories-card-thumb img,
.way-gallery-thumb:hover img {
    transform: scale(1.05)
}

.way-gallery-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px
}

.way-gallery-col {
    grid-column: span 1;
    display: flex;
    flex-direction: column
}

.way-gallery-col:first-child,
.way-gallery-reverse-item .way-gallery-col:nth-child(4) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column: span 2
}

.way-gallery-col:nth-child(4) {
    grid-column: span 2
}

.way-gallery-reverse-item .way-gallery-col:first-child {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column: span 1
}

.way-gallery-reverse-item .way-gallery-col:nth-child(3) {
    grid-row-start: 3;
    grid-row-end: 2;
    grid-column: span 2
}

.company-team-section {
    position: relative;
    margin: 60px 0;
    min-height: 342px;
    max-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(90deg, #2c6eee 1.42%, #8048db 95.69%)
}

.company-team-section:before {
    content: '';
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/company-team-dots.png") right center no-repeat;
    width: 842px;
    height: 254px
}

.company-team-content {
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 30px
}

.join-team-btn,
.join-team-field .form-control {
    font-size: 22px;
    min-height: 77px;
    color: #121316;
    background-color: #fff
}

.company-team-content h2 {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 6px;
    line-height: 1
}

.join-team-field {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.apps-month-area img,
.join-team-field .invalid-feedback,
.section-device-driver .img-mobile img,
.service-inner-graphics .service-item img {
    width: 100%
}

.join-team-field .form-control {
    padding: 10px 18px 10px 46px;
    border-radius: 50px 0 0 50px;
    max-width: 100%;
    width: calc(100% - 98px)
}

.join-team-btn {
    border-radius: 50px;
    display: flex
}

.join-team-btn:focus,
.join-team-btn:hover {
    color: #121316;
    background-color: #eeeaea
}

.join-team-btn .btn-text {
    padding: 10px 18px 10px 46px;
    display: flex;
    align-items: center;
    flex: 1
}

.company-team-form .btn,
.join-team-btn .icon {
    width: 98px;
    height: 77px;
    border-radius: 0 50px 50px 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.company-team-form .btn .bi,
.join-team-btn .icon .bi {
    font-size: 34px
}

.company-team-form .btn-primary,
.join-team-btn .icon {
    background: #291c74;
    border-radius: 0 38.5px 38.5px 0;
    color: #fff;
    border-color: #291c74
}

.company-team-form .btn-primary:focus,
.company-team-form .btn-primary:hover {
    background: #3f2e9a;
    color: #fff;
    border-color: #3f2e9a
}

.career-service-content h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.15
}

.career-service-content h2 span {
    font-size: 80px;
    display: block
}

.career-service-thumb {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    margin-left: 60px
}

.career-service-icon {
    width: 74px;
    height: 74px;
    background-color: #5473e1;
    border-radius: 50%;
    position: absolute;
    left: -21px;
    top: 56px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px
}

.career-service-send {
    position: absolute;
    right: -83px;
    bottom: 0;
    z-index: 1
}

.contact-content,
.contact-header {
    z-index: 3;
    position: relative;
    text-align: center
}

.contact-section {
    background-image: url("../images/bg-contact-img.png");
    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: 650px auto
}

.contact-header {
    margin-bottom: 20px
}

.contact-title {
    font-weight: 600;
    font-size: 50px;
    color: #fff;
    margin-bottom: 25px
}

.contact-sub-title {
    font-weight: 500;
    font-size: 30px;
    color: #fff
}

.contact-content {
    margin-bottom: 90px;
    padding: 0 65px
}

.contact-img {
    max-width: 390px
}

.location-container {
    position: relative;
    padding-top: 70px
}

.location-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.location-col {
    width: 50%;
    padding: 0 40px
}

.location-col:not(:first-child) {
    border-left: 2px solid #fff
}

.location-container .select2-container.select2 {
    max-width: 300px;
    margin: 0 auto;
    display: block
}

.location-container .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 35px
}

.single-hiring-container {
    position: relative;
    margin-bottom: 40px;
    color: #fff
}

.single-hiring-item {
    margin-bottom: 45px
}

.single-hiring-title {
    font-weight: 500;
    font-size: 25px;
    color: #5176e2;
    margin-bottom: 20px
}

.single-hiring-subtitle {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 36px
}

.single-hiring-container-action h3 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 25px
}

.single-hiring-list {
    list-style: none;
    padding-left: 0;
    position: relative
}

.single-hiring-list li {
    padding-left: 38px;
    margin-bottom: 24px;
    position: relative;
    background: url("../images/arrow-point.svg") left 5px/12px auto no-repeat
}

.blog-fluid-card {
    background-color: #3b4236;
    border-radius: 36px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    overflow: hidden
}

.blog-fluid-card.dark-blue {
    background-color: #1b4b6c
}

.blog-fluid-card-thumb {
    order: 2;
    width: 40%
}

.blog-fluid-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-fluid-card-content {
    order: 1;
    width: 60%;
    padding: 68px 185px 68px 68px;
    position: relative
}

.blog-fluid-card-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ffffff10;
    transform: translateX(-100%);
    transition: .4s ease-in-out
}

.blog-fluid-card-title {
    font-weight: 600;
    font-size: 36px
}

.blog-fluid-card-mate {
    display: flex;
    align-items: center;
    margin-bottom: 45px
}

.blog-fluid-card-content .btn {
    min-width: 185px;
    font-weight: 500;
    font-size: 22px
}

.blog-fluid-card-content .btn-outline-white:focus,
.blog-fluid-card-content .btn-outline-white:hover {
    background: #fff;
    border-color: #fff;
    color: #222
}

.categories-fluid,
.stories-item {
    position: relative;
    margin-bottom: 50px
}

.categories-fluid h3 {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 8px
}

.mt-40,
.owl-blog-video .owl-nav {
    margin-top: 40px
}

.blog-video-card {
    position: relative;
    min-height: 518px;
    max-height: 520px;
    display: flex;
    flex-direction: column
}

.blog-video-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 36px;
    flex: 1
}

.blog-video-content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-radius: 0 0 36px 36px;
    padding: 75px 70px;
    font-size: 16px;
    color: #bdbdbd;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(19, 19, 19, .95) 100%)
}

.blog-video-content h3 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 0;
    color: #fff;
    max-width: 260px
}

.blog-video {
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1
}

.blog-video:before {
    content: "";
    display: block;
    padding-top: 82%
}

.blog-video > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 36px
}

.stories-card {
    position: relative;
    display: flex;
    align-items: center
}

.stories-card-thumb {
    position: relative;
    max-width: 295px;
    margin-right: 45px
}

.stories-card-thumb img {
    border-radius: 36px;
    width: 100%
}

.stories-card-content {
    flex: 1;
    position: relative;
    max-width: 650px
}

.stories-card-title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px
}

.nav-pagination {
    position: relative;
    margin-top: 30px
}

.nav-pagination .pagination {
    margin-bottom: 0;
    position: relative;
    border-top: 1px solid #a3a3a3;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-pagination .pagination li {
    padding: 36px 40px 0
}

.nav-pagination .pagination .page-link {
    background-color: transparent;
    border: 0;
    color: #a3a3a3;
    font-size: 16px;
    padding: 0;
    position: relative;
    transition: .4s ease-in-out
}

.nav-pagination .pagination .page-link.next,
.nav-pagination .pagination .page-link.prev {
    border: 1px solid #a3a3a3;
    color: #a3a3a3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center
}

.nav-pagination .pagination .page-link.next:focus,
.nav-pagination .pagination .page-link.next:hover,
.nav-pagination .pagination .page-link.prev:focus,
.nav-pagination .pagination .page-link.prev:hover {
    border-color: #fff
}

.nav-pagination .pagination .page-link:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -48px;
    z-index: 1;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out
}

.single-blog-header {
    position: relative;
    margin-bottom: 25px;
    max-width: 540px
}

.mb-30,
.single-blog-header p {
    margin-bottom: 30px
}

.single-blog-header-title {
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 30px
}

.single-blog-user-info {
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center
}

.single-blog-user-info > img {
    width: 80px;
    height: 80px;
    min-width: 80px;
    margin-right: 16px;
    border-radius: 50%
}

.single-blog-user-info-content h4 {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0
}

.single-blog-thumb img {
    border-radius: 36px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.chat-open-btn,
.loader img {
    width: 72px;
    height: 72px
}

.graphics-thumb {
    position: relative;
    margin-bottom: 30px
}

.graphics-content h4 {
    font-weight: 600;
    font-size: 28px
}

.graphics-content ol {
    padding-left: 20px;
    color: #fff;
    margin-bottom: 35px
}

.graphics-content ol li {
    margin-bottom: 6px
}

.chat-controller {
    position: relative;
    display: none
}

.chat-open-btn {
    background-color: #202126;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 999
}

.chat-close-btn,
.chat-number {
    align-items: center;
    display: flex
}

.chat-open-btn:after,
.chat-open-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    border: 4px solid #202126
}

.chat-open-btn:before {
    -webkit-animation: 2s linear infinite ripple;
    animation: 2s linear infinite ripple
}

.chat-open-btn:after {
    -webkit-animation: 2s linear 1s infinite ripple;
    animation: 2s linear 1s infinite ripple
}

.chat-open-btn:hover:after,
.chat-open-btn:hover:before {
    -webkit-animation: none;
    animation: none
}

.chat-number {
    background-color: #fd2d2d;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    width: 20px;
    height: 20px;
    justify-content: center;
    padding: 5px;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    border-radius: 50%
}

.chat-frame {
    background-color: #2e3034;
    border-radius: 25px;
    max-width: 375px;
    position: fixed;
    right: 80px;
    bottom: -100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-in-out
}

.chat-frame.open {
    bottom: 80px
}

.chat-frame-header {
    background-color: #2567ed;
    background-image: linear-gradient(89.81deg, #2567ed 12.56%, #7e49db 87.78%);
    border-radius: 25px 25px 0 0;
    padding: 35px;
    text-align: center;
    position: relative
}

.chat-frame-header h3 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0
}

.chat-close-btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1
}

.chat-frame-body {
    padding: 30px 28px 40px
}

.chat-controller .form-control {
    min-height: 39px;
    background-color: #404245;
    border-radius: 7px;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.chat-controller .btn {
    margin-top: 22px;
    min-width: 190px
}

.error-found {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 20px 0;
    padding: 0 25px
}

.error-found-div {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    min-height: 250px
}

#svgWrap_1,
#svgWrap_2 {
    position: absolute;
    height: auto;
    width: 600px;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 6s ease-in-out 3s infinite hueRotate
}

#id1_1,
#id2_1,
#id3_1 {
    stroke: #3587C8;
    stroke-width: 3px;
    fill: transparent;
    filter: url(#glow)
}

#id1_1,
#id3_1 {
    stroke-dasharray: 940px;
    stroke-dashoffset: -940px
}

#id1_2,
#id2_2,
#id3_2 {
    stroke: #ffffff;
    stroke-width: 3px;
    fill: transparent;
    filter: url(#glow)
}

#id3_1 {
    animation: 2.5s ease-in-out forwards drawLine3, 4s linear 4s infinite flicker3
}

#id2_1 {
    stroke-dasharray: 735px;
    stroke-dashoffset: -735px;
    animation: 2.5s ease-in-out .5s forwards drawLine2, 4s linear 4.5s infinite flicker2
}

#id1_1 {
    animation: 2.5s ease-in-out 1s forwards drawLine1, 4s linear 5s infinite flicker1
}

@keyframes drawLine1 {
    0% {
        stroke-dashoffset: -940px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@keyframes drawLine2 {
    0% {
        stroke-dashoffset: -735px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@keyframes drawLine3 {
    0% {
        stroke-dashoffset: -940px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@keyframes flicker1 {

    0%,
    100%,
    14% {
        stroke: #3587C8
    }

    1%,
    13%,
    3%,
    7% {
        stroke: transparent
    }

    4%,
    6% {
        stroke: #AD9FCD
    }
}

@keyframes flicker2 {

    0%,
    100%,
    50%,
    62% {
        stroke: #3587C8
    }

    51%,
    61% {
        stroke: transparent
    }
}

@keyframes flicker3 {

    0%,
    100%,
    46% {
        stroke: #3587C8
    }

    1%,
    10%,
    41%,
    45% {
        stroke: transparent
    }

    11%,
    40% {
        stroke: #AD9FCD
    }
}

@keyframes flicker4 {

    0%,
    100%,
    30%,
    96% {
        color: #469ae0;
        text-shadow: 0 0 4px #0d66a9
    }

    31%,
    37%,
    41%,
    86%,
    95% {
        color: #fff;
        text-shadow: 0 0 4px #eadcdc
    }

    32%,
    36%,
    42%,
    85% {
        color: #c0b0e5;
        text-shadow: 0 0 4px #ad9fcd
    }
}

@keyframes fadeInText {
    1% {
        color: #fff;
        text-shadow: 0 0 4px #eadcdc
    }

    70% {
        color: #c0b0e5;
        text-shadow: 0 0 14px #ad9fcd
    }

    100% {
        color: #469ae0;
        text-shadow: 0 0 4px #0d66a9
    }
}

@keyframes hueRotate {

    0%,
    100% {
        filter: hue-rotate(0deg)
    }

    50% {
        filter: hue-rotate(-120deg)
    }
}

.portfolio-inner-header {
    text-align: center;
    max-width: 1080px;
    margin: 0 auto 60px
}

.section-isuniye-application .summit-isuniye {
    margin-bottom: 40px;
}

.mb-60,
.talkaado-web-section .squashmind-Portfolio {
    margin-bottom: 60px
}

.portfolio-inner-sub-title {
    font-size: 20px;
    color: #fff;
    font-family: Poppins, sans-serif
}

.portfolio-phone-thumb {
    max-width: 200px;
    margin: 0 auto 30px
}

.onedigiflow-desktop-thumb {
    max-width: 695px;
    margin: 0 auto 100px
}

.onedigiflow-mobiles-thumb {
    max-width: 915px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 50px
}

.onedigiflow-mobiles-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.squashmind-container,
.squashmind-container-new {
    max-width: 850px;
    margin: 0 auto 40px
}

.mb-20,
.phones-isuniye-thumb,
.squashmind-thumb {
    margin-bottom: 20px
}

.krrier-section:before,
.squashmind-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 38%;
    z-index: -1;
    transform: translateY(-50%);
    width: 100%;
    height: 20px;
    background-color: #282a2f
}

.krrier-section:before {
    height: 6px;
    top: 42%
}

.squashmind-section .squashmind-thumb {
    max-width: 750px;
    margin: 0 auto 50px
}

.krrier-section .krrier-thumb {
    max-width: 716px;
    margin: 0 auto
}

.phones-sumit-tractor-thumb,
.phones-talkaado-thumb {
    max-width: 920px;
    margin: 0 auto 25px
}

.desktop-talkaado-thumb {
    max-width: 745px;
    margin: 0 auto 25px
}

.phones-krrier-thumb {
    max-width: 780px;
    margin: 0 auto 25px
}

.isuniye-container {
    max-width: 945px;
    margin: 0 auto
}

.phones-isuniye-spacial-thumb {
    margin-right: -145px
}

.scrolltop {
    background: linear-gradient(90.09deg, #2468ed 3.8%, #8048db 99.92%);
    bottom: 60px;
    color: #fff;
    display: none;
    font-size: 20px;
    text-align: center;
    border-radius: 8px;
    line-height: 1.25;
    transition: .3s linear;
    z-index: 1040
}

.scrolltop:active,
.scrolltop:focus,
.scrolltop:hover {
    color: #fff;
    opacity: 1
}

.container-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    max-width: 182.43px;
    max-height: 182.43px;
    z-index: 6;
    display: none;
}

.container-top .loader i {
    inset: -100px;
    position: absolute;
    z-index: 2;
    background-image: url(../images/up_arrow-bg.svg);
    width: 125px;
    height: 125px;
    background-size: cover
}

.container-top .loader .shadow {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 50%;
    box-shadow: inset 5px 5px 10px #0000003b, inset -1px -1px 10px #0000003b
}

.container-top .loader::before {
    content: "";
    position: absolute;
    background: #fff;
    inset: 0;
    border-radius: 50%;
    z-index: 2;
    box-shadow: inset 15px 15px 10px #11111170, inset -1px -1px 10px #11111138
}

.container-top .loader::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, #fff 30%, #70d6ff);
    inset: 15px;
    border-radius: 50%;
    z-index: 3;
    box-shadow: 8px 8px 25px #0000002e, inset 3px 3px 10px #0000002e, inset -1px -1px 15px #0000002e, -10px -10px 30px #fff;
    border: 0 solid #fff
}

.container-top .icons {
    inset: 0;
    border-radius: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
    transform: translate(-76px, -22px) rotate(45deg);
    left: 2px;
    top: -50px
}

.container-top .icons .top-rocket {
    font-size: 20px;
    -webkit-text-stroke: 1px #000;
    color: #ff0081fa;
    -webkit-animation: .5s linear infinite rocket;
    animation: .5s linear infinite rocket;
    position: absolute;
    top: -51px;
    z-index: 1;
    left: 0;
    background-image: url(../images/up_arrow.svg);
    width: 37.98px;
    height: 87px;
    background-size: cover
}

.erp-section-possystem .sec-header:before,
.section-crypto-container .container-up-neu:before {
    animation-name: rotate-1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-webkit-keyframes background {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes background {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rocket {

    0%,
    100% {
        transform: translate(0, 0) rotate(-45deg)
    }

    50% {
        transform: translate(-3px, -3px) rotate(-45deg)
    }
}

@keyframes rocket {

    0%,
    100% {
        transform: translate(0, 0) rotate(-45deg)
    }

    50% {
        transform: translate(-3px, -3px) rotate(-45deg)
    }
}

@-webkit-keyframes cloud {
    from {
        top: calc(-50px * var(--i))
    }

    to {
        top: calc(50px * var(--i))
    }
}

@keyframes cloud {
    from {
        top: calc(-50px * var(--i))
    }

    to {
        top: calc(50px * var(--i))
    }
}

.service-inner-section {
    padding: 65px 0;
    position: relative;
    color: #fff
}

.service-white-section {
    background-color: #fff;
    color: #121316
}

.service-inner-androids-section h1,
.service-inner-androids-section h2,
.service-inner-androids-section h3,
.service-inner-androids-section h4,
.service-inner-androids-section h5,
.service-inner-androids-section h6,
.service-inner-flutter-section-two h3,
.service-inner-php-section .service-item .description-block .title,
.service-white-section h1,
.service-white-section h2,
.service-white-section h3,
.service-white-section h4,
.service-white-section h5,
.service-white-section h6 {
    color: #121316
}

.service-inner-androids-section.service-black h3 {
    color: #fff;
}

.service-inner-header {
    max-width: 950px;
    margin: 0 auto 46px;
    position: relative;
    z-index: 3
}

.service-inner-header h3 {
    font-size: 26px;
    font-weight: 600
}

.service-inner-header-thumb {
    margin-bottom: 24px
}

.service-angular-background {
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 0
}

.service-angular-background img {
    width: 246px;
    height: 256px;
    opacity: .03
}

.service-support {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1060px
}

.service-support-item {
    width: 20%;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 20px
}

.service-support-thumb {
    background: linear-gradient(180deg, #202123 0, #121316 100%);
    border-radius: 12px;
    margin-bottom: 20px;
    width: 170px;
    height: 170px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.service-support p {
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px
}

.service-long-arrow-up-thumb {
    align-self: flex-start
}

.service-support-item:nth-child(2n) {
    padding-top: 190px
}

.service-support-item:nth-child(2n) .service-long-arrow-down-thumb {
    position: absolute;
    left: 25px;
    top: 86px;
    z-index: 1
}

.service-inner-benefit-angular h2 {
    color: #121316;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.3
}

.service-angular-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start
}

.service-angular-list li img {
    margin-right: 12px;
    margin-top: 4px
}

.service-inner-hire-container {
    position: relative;
    margin-bottom: 60px
}

.service-inner-hire-container h3 {
    margin-bottom: 35px;
    font-weight: 600
}

.service-inner-hire-card {
    background-color: #2c2c2c;
    color: #fff;
    border-radius: 18px;
    padding: 60px 90px
}

.service-inner-explore-solutions-header {
    position: relative;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 22px
}

select.selectBudget option,
select.selectBudget.graycol,
select.selectTechnology option,
select.selectTechnology.graycol {
    color: #6c757d
}

.p-0 {
    padding: 0
}

.pt-10,
.service-inner-wordpress-section .service-item .description-block {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.categorizes-mainly-section,
.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80,
.section-device-driver .col:nth-child(2n) .img-mobile {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.service-inner-content p {
    max-width: 935px;
    margin: 0 auto
}

.service-inner-VueJs:before {
    content: "";
    position: absolute;
    background: url(../images/vue-js-b.svg);
    left: 160px;
    width: 268px;
    height: 235px;
    z-index: -1;
    top: 130px;
    transform: translate(10px, 10px);
    opacity: .1
}

.service-inner-VueJs .description-vuejs {
    max-width: 993px;
    margin: 0 auto
}

.service-inner-hire-card p {
    max-width: 643px
}

.rounded-j {
    border-radius: 18px;
    position: relative
}

.java-icon {
    margin-left: 100px;
}

.java-icon:before {
    content: "";
    position: absolute;
    top: 5%;
    background: url(../images/java-b.svg) no-repeat;
    width: 81px;
    height: 81px;
    left: 0;
    z-index: 1;
    text-align: left;
    transform: translate(-30px, 10px)
}

.java-script-service-container .description {
    text-align: left;
    max-width: 685px
}

.javascript-service-container .description-vuejs {
    max-width: 1003px;
    margin: 0 auto
}

.btn-java {
    color: #121316;
    background-color: #ecc051;
    border-color: #ecc051;
    max-width: 182px;
    width: 100%;
    min-height: 45px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center
}

.btn-vuejs,
.btn-vuejs:hover {
    background-color: #41b883;
    border-color: #41b883;
    color: #121316
}

.btn-flutter,
.btn-flutter:hover {
    color: #121316;
    background-color: #54c5f9;
    border-color: #54c5f9
}

.btn-ios,
.btn-ios:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-laravel,
.btn-laravel:hover {
    color: #121316;
    background-color: #f05340;
    border-color: #f05340
}

.btn-Word,
.btn-Word:hover {
    color: #121316;
    background-color: #1591bc;
    border-color: #1591bc
}

.btn-php,
.btn-php:hover {
    color: #fff;
    background-color: #9195cb;
    border-color: #9195cb
}

.btn-ui-ux,
.btn-ui-ux:hover {
    color: #fff;
    background-color: #3844f1;
    border-color: #3844f1
}

.btn-java:hover {
    color: #121316;
    background-color: #ecc051;
    border-color: #ecc051
}

.section-kds-container,
.service-flutter-section.text-center {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px
}

.service-flutter-section h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #121316
}

.service-flutter-section p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #121316
}

.service-flutter-section .service-inner-header {
    max-width: 100%;
    margin-bottom: 0
}

.service-inner-flutter-section-two {
    background-color: #54c5f9;
    color: #121316;
    position: relative;
    overflow: hidden;
    padding-top: 59px;
    padding-bottom: 59px
}

.service-inner-androids-image,
.service-inner-flutter-image {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.service-inner-androids-container.flip {
    justify-content: flex-start;
}

.service-inner-androids-container.flip .service-inner-androids-image {
    right: 0 !important;
    left: unset;
}

.service-inner-androids-container.flip .service-inner-androids-content {
    padding: 74px 80px 74px 0;
}


.service-inner-androids-image-large,
.service-inner-flutter-image-large,
.service-inner-ios-image-large {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.service-inner-flutter-image-large img,
.service-inner-ios-section-two .service-inner-ios-image-large img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

.service-inner-flutter-image-large:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    width: 1px;
    height: 100%;
    right: 0
}

.ios-service-container {
    padding-top: 80px;
    padding-bottom: 0
}

.ios-service-container h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    color: #fff;
    max-width: 360px
}

.ios-service-container .description,
.service-inner-joomla-section .service-item .description-block .description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #fff
}

.ios-service-container .description-full {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #fff;
    max-width: 1130px
}

.service-inner-ios-section-two {
    background: #fff
}

.service-inner-ios-section-two .service-inner-ios-image,
.service-inner-laravel-section .service-inner-ios-image {
    width: 50%;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0
}

.service-inner-ios-section-two .service-inner-ios-image:before {
    content: "";
    position: absolute;
    background: url(../images/apple-logo-icon.svg);
    width: 77px;
    height: 77px;
    bottom: 50px;
    z-index: 1
}

.service-inner-ios-section-two .androids-logo-symbol,
.service-inner-laravel-section .androids-logo-symbol {
    top: 24%
}

.service-inner-ios-section-two .service-inner-androids-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    color: #121316
}

.service-inner-ios-section-two .service-inner-androids-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #121316
}

.service-inner-ios-container p,
.service-inner-laravel-section p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 1021px;
    margin: 0 auto
}

.service-inner-ios-container .service-inner-hire-card p,
.service-inner-laravel-section .service-inner-hire-card p {
    text-align: left;
    max-width: 690px;
    margin-left: 0
}

.service-inner-hire-card.about-us-work p {
    max-width: 100% !important;
}

.fluid-box img {
    width: 100%;
}

.service-inner-flutter-app-header .fluid-box h2 {
    margin-bottom: 0;
}

.fluid-box-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    padding: 20px;
}

.service-inner-laravel-section {
    background: #fff;
    padding-top: 9px;
    padding-bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.service-inner-laravel-section .service-inner-ios-image-large img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 357px;
    max-height: 300px
}

.service-inner-laravel-section .service-inner-androids-content h3 {
    max-width: 372px;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    color: #121316
}

.service-inner-laravel-section .service-inner-androids-content p {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #121316
}

.Onedigiflow-section,
.service-inner-laravel-section .service-inner-androids-content,
.service-inner-php-section .service-item .description-block,
.wordpress-service-container {
    padding-top: 0
}

.service-inner-wordPress-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    color: #fff
}

.service-inner-wordPress-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 970px
}

.service-inner-wordPress-content {
    width: 100%;
    text-align: center;
    padding-top: 36px
}

.service-item .icon {
    margin-right: 20px
}

.service-inner-wordpress-section .service-item {
    position: relative;
    display: flex
}

.service-inner-wordpress-section .service-item .title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.service-inner-wordpress-section .description {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin-top: 15px
}

.bg-light-blue {
    background: #9195cb
}

.service-inner-wordpress-section .service-inner {
    text-align: center;
    width: 100%
}

.service-inner-wordpress-section .service-inner h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
    color: #121316
}

.description-joomla,
.service-inner-custom-code-section .description,
.service-inner-wordpress-section .service-inner p {
    font-size: 16px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.service-inner-wordpress-section .service-inner p {
    line-height: 29px;
    color: #121316;
    max-width: 1006px
}

.service-inner-php-section .description {
    color: #000;
}

.service-inner-Joomla-1:before {
    content: "";
    position: absolute;
    background: url(../images/Joomla-be.svg) 0 0/100% no-repeat;
    left: 203px;
    width: 193.91px;
    height: 200px;
    z-index: -1;
    top: 151px;
    transform: translate(10px, 10px)
}

.service-inner-Joomla-1 .service-inner-content p {
    max-width: 814px;
    margin: 0 auto
}

.description-joomla {
    line-height: 29px;
    color: #fff;
    max-width: 840px
}

.service-inner-joomla-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px
}

.service-inner-joomla-section:before {
    content: "";
    background: url(../images/mask-before.svg) no-repeat;
    position: absolute;
    top: -90px;
    width: 687.82px;
    height: 521.83px;
    left: 0;
    z-index: -1
}

.service-inner-custom-code-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center
}

.service-inner-custom-code-section .description {
    line-height: 29px;
    color: #fff;
    max-width: 821px
}

.service-inner-custom-code-section .mobile-controls img {
    max-width: 442.96px
}

.service-inner-api-section-new {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%
}

.service-inner-api-section-new .service-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(18, 19, 22, .8)
}

.service-inner-api-section-new .service-item .img-top {
    border-radius: 19px;
    max-height: 293px;
    width: 100%
}

.service-inner-api-section-new .service-item .description-block {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    z-index: 2
}

.Social-section .section-block-social ul,
.service-inner-api-section-new .service-item .description-block .icon-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.service-inner-api-section-new .service-item .description-block .icon-nav li {
    display: inline;
    padding-right: 21px;
    padding-left: 21px
}

.service-inner-api-section-new .service-item h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
    color: #fff;
    margin-top: 18px
}

.service-inner-api-section-new .description-block .description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 881px;
    margin: 0 auto
}

.service-inner-api p {
    max-width: 927px;
    margin: 0 auto
}

.service-inner-graphics .service-inner-header {
    max-width: 1130px
}

.text-left {
    text-align: left !important
}

.service-inner-graphics .service-item-1 {
    background: #24262c;
    clear: both;
    width: 100%;
    position: relative
}

.service-inner-graphics .description-block h2,
.service-inner-graphics .description-block h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.service-inner-graphics .service-item-1 .img-top {
    width: 100%;
    border-radius: 6px
}

.service-inner-graphics .service-inner-header h3 {
    max-width: 638px;
    margin: 0 auto;
    font-size: 28px
}

.title-out-line {
    font-style: normal;
    font-weight: 700;
    font-size: 134.324px;
    line-height: 133.5%;
    -webkit-text-stroke: 1px white
}

.service-inner-graphics .service-inner-content h3 {
    max-width: 675px;
    margin: 0 auto
}

.service-inner-graphics .service-inner-content {
    /*background-size: cover !important;*/
    /*background: url(../images/bg-ui.svg);*/
    max-width: 100%;
    margin: 0;
    padding-top: 20px;
    text-align: left;
}

.service-inner-graphics p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #fff;
    max-width: 100%
}

.graphic-description .sub-title,
.mobile-wep-section .sub-title,
.mobile-wep-section p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    font-style: normal
}

.educational-section .illustration-img,
.entertainment-section .section-block-commerce,
.flex-row-right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.flex-row-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.graphic-description .sub-title {
    letter-spacing: .37em
}

.graphic-description p,
.service-inner-graphics .dribbbl-section p {
    text-align: left
}

.service-inner-graphics .service-item {
    position: relative;
    background: #24262c
}

.service-inner-graphics .description-block {
    position: absolute;
    bottom: 23px;
    right: 55px
}

.service-inner-graphics .dribbbl-section {
    text-align: left;
    width: 100%;
    float: left
}

.service-inner-graphics .dribbbl-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.service-inner-graphics .dribbbl-section ul li {
    display: inline;
    padding-right: 17px;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 48px;
    color: #fff;
    padding-top: 12px
}

.mobile-wep-section {
    width: 100%;
    float: left;
    padding-top: 100px;
    text-align: left
}

.mobile-wep-section .sub-title {
    font-family: Poppins, sans-serif;
    letter-spacing: .37em;
    text-align: left
}

.service-inner-graphics .mobile-wep-section h3 {
    margin: 0;
    max-width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 160%;
    color: #fff
}

.mobile-wep-section p {
    text-align: left;
    padding-top: 30px
}

.nav-graphic li {
    display: inline-block;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 48px;
    color: #fff;
    padding-right: 47px
}

.nav-graphic {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.circle-box {
    border: 1px solid rgba(33, 35, 39, .5);
    min-width: 279px;
    min-height: 360px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.list-navi-mobile {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 68px 0 0
}

.list-navi-mobile li {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 55px;
    color: #fff;
    font-family: Poppins, sans-serif;
    position: relative;
    display: block;
    padding-left: 32px
}

.list-navi-mobile li:before {
    content: "";
    position: absolute;
    background: url(../images/bullitt.svg) no-repeat;
    width: 14px;
    height: 14px;
    left: 0;
    top: 17px
}

.list-navi-mobile-img,
.list-navi-mobile-img-2 {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: right;
    float: right
}

.circle-new,
.circle-section {
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.list-navi-mobile-img li img,
.list-navi-mobile-img-2 li img {
    border-radius: 6px
}

.list-navi-mobile-img li:nth-child(2),
.list-navi-mobile-img-2 li:first-child,
.list-navi-mobile-img-2 li:nth-child(3) {
    margin-right: 118px
}

.mobile-wep-section:after {
    content: "";
    position: absolute;
    background: url(../images/Ellipse-img.svg) no-repeat;
    top: 56%;
    width: 279px;
    height: 279px;
    left: 0
}

.circle-section {
    width: 330px;
    height: 330px;
    border: 2px solid #3d3e42;
    position: absolute;
    top: 0;
    border-radius: 50%;
    z-index: -1
}

.mobile-controls {
    position: relative;
    width: 100%;
    text-align: center;
    float: left
}

.circle-new {
    width: 10.85px;
    height: 10.85px;
    background: #3d3e42;
    border-radius: 50%;
    position: absolute;
    top: 0;
    overflow: hidden;
    animation: 6s linear infinite circle
}

.graphicmax-width-section img {
    min-width: 472px;
    border-radius: 6px
}

.service-inner-section-device .img-mobile,
.squashmind-container-1 .img-mobile-squashmind,
.squashmind-container-new .img-mobile-squashmind {
    text-align: center;
    -webkit-animation: 1s infinite alternate action;
    animation: 1s infinite alternate action
}

#parent-circle,
.services-circle::before,
.services-subcircle:before {
    transition: transform .7s linear;
    animation: 7s linear infinite rotate
}

.service-inner-section-device .col-sm-3:nth-child(2) .img-mobile,
.service-inner-section-device .col-sm-3:nth-child(4) .img-mobile,
.squashmind-container-1 .col-sm-6.col-md-4:first-child .img-mobile-squashmind,
.squashmind-container-1 .col-sm-6.col-md-4:nth-child(3) .img-mobile-squashmind,
.squashmind-container-new .col-6.col-sm-4:first-child .img-mobile-squashmind,
.squashmind-container-new .col-6.col-sm-4:nth-child(3) .img-mobile-squashmind {
    margin-top: 165px
}

.img-mobile-squashmind-2 {
    transform-style: preserve-3d;
    animation-fill-mode: forwards
}

.squashmind-Portfolio .portfolio-inner-sub-title {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-family: Poppins, sans-serif;
    max-width: 660px;
    margin: 0 auto 30px;
}

@keyframes ಠ_ಠ {
    100% {
        transform: rotateY(-40deg) rotateX(-43deg)
    }
}

@keyframes circle {
    0% {
        transform: rotate(0) translate(-165px) rotate(0)
    }

    100% {
        transform: rotate(360deg) translate(-165px) rotate(-360deg)
    }
}

.portfolio-title {
    font-family: Raleway, sans-serif;
    background: linear-gradient(90deg, #4a559a 12.35%, #c44b42 96.09%);
    -webkit-background-clip: text;
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: .04em
}

.jain-portfolio-title {
    background: linear-gradient(90deg, #EA4574 12.35%, #A32E9B 96.09%);
    -webkit-background-clip: text;
}

.portfolio-description,
.talkaado-web-section h5,
.talkaado-web-section p {
    line-height: 37px;
    font-family: Poppins, sans-serif;;
}

.talkaado-web-section {
    padding-bottom: 120px;
}

.portfolio-description {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #fff
}

.talkaado-container-1 {
    position: relative;
    padding-bottom: 132px
}

.alter3-features .shapes-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: unset
}

.alter3-features .shape-ring-laptop {
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(13%, -26%, 0);
    transform: translate3d(13%, -26%, 0);
    background-image: url(../images/laptopp-1.png);
    width: 931px;
    height: 532.55px;
    background-repeat: no-repeat;
    background-size: contain
}

.banner_section .banner_images .banner_screen {
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: center
}

.talkaado-web-section h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    position: relative;
    padding-left: 40px
}

.krrier-navi li,
.talkaado-web-section p {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    font-style: normal
}

.talkaado-web-section h5:before {
    content: "";
    position: absolute;
    background-image: url(../images/check-box.svg);
    left: 0;
    width: 26px;
    height: 27px;
    top: 4px;
    background-repeat: no-repeat
}

.talkaado-web-section p {
    max-width: 990px;
}

.banner_section .banner_images .banner_screen.screen1 img,
.banner_section .banner_images .banner_screen.screen3 img,
.banner_section .banner_images .banner_screen.screen5 img {
    animation-delay: 1s
}

.banner_section .banner_images .banner_screen.screen2 img {
    animation-delay: 3s
}

.banner_section .banner_images .banner_screen.screen4 img {
    animation-delay: 2s
}

@keyframes mymove {
    50% {
        transform: rotate(180deg)
    }
}

@keyframes moving_object {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }
}

@keyframes moving_position_animatin {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }
}

.section-tractor-connect .phones-sumit-tractor {
    background: #1a3338;
    border-radius: 15px;
    max-height: 307px;
    padding-top: 80px
}

.section-tractor-connect .phones-sumit-tractor .phones-sumit-tractor-thumb {
    margin-top: -3px;
    max-width: 697px
}

.section-tractor-connect {
    padding-bottom: 172px
}

.moving_position_animatin {
    position: relative;
    animation: 6s linear infinite moving_position_animatin;
    z-index: -1
}

.banner_section .banner_images .banner_screen img {
    max-width: 100%;
    border-radius: 16px
}

.section-mykrrier {
    margin-top: 100px;
    width: 100%;
    background-image: url(../images/bg-krrier.jpg);
    padding-top: 60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    min-height: 361px;
    background-size: cover;
    text-align: center
}

.mykrrier-features-thumb img {
    max-width: 706px;
    margin-top: -188px
}

.mykrrier-features-thumb .icons-block {
    position: relative;
    top: 122px
}

.section-tractor-phones-krrier {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

#parent-circle,
.section-isuniye {
    justify-content: center;
    display: flex
}

.krrier-navi {
    margin: 0;
    padding: 80px 0 0 60px;
    list-style: none;
    width: 100%
}

.krrier-navi li {
    line-height: 32px;
    font-family: Poppins, sans-serif;
    padding-left: 40px;
    position: relative;
    padding-bottom: 60px
}

.krrier-navi li:before {
    content: "";
    position: absolute;
    background: url(../images/Star-14.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px
}

.section-tractor-driver-krrier {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 0
}

.section-tractor-driver-krrier .portfolio-inner-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 22px;
    color: #121316;
    text-align: center
}

.section-tractor-driver-krrier .portfolio-inner-sub-title {
    color: #121316;
    text-align: center;
    max-width: 710px;
    margin: 0 auto;
    line-height: 32px
}

.section-tractor-driver-krrier .krrier-navi li:before {
    content: "";
    position: absolute;
    background: url(../images/star-b.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px
}

.section-tractor-driver-krrier li {
    color: #121316;
    max-width: 490px
}

.footer-menu li,
.section-tractor-driver-krrier li p {
    margin-bottom: 5px
}

.mykrrier-section {
    padding-top: 56px;
    padding-bottom: 50px
}

#parent-circle {
    width: 376.26px;
    height: 372.38px;
    transform: rotate(0);
    position: absolute;
    left: 41px;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    align-items: center;
    top: 0;
    background: url(../images/dashed-line.svg) no-repeat
}

#parent-circle .circle {
    display: block;
    position: absolute;
    width: 13.19px;
    height: 13.19px;
    margin: -8%;
    border-radius: 50%;
    top: 50%;
    left: 50%
}

#parent-circle .circle.gary {
    background: #3d3e42;
    left: 227px;
    top: 106%
}

#parent-circle .circle.gary-2 {
    background: #3d3e42;
    left: 393px;
    top: 250px
}

.service-inner-section-device {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 20px
}

.service-inner-section-device .img-mobile {
    max-width: 229px;
}

.summit-isuniye .portfolio-inner-title {
    background: -webkit-linear-gradient(#ffaa7c, #f37531);
    -webkit-background-clip: text;
    filter: drop-shadow(2px 2px rgba(255, 255, 255, .5));
    font-style: normal;
    font-weight: 900;
    font-size: 124.5px;
    margin: 0 0 22px
}

.section-isuniye {
    position: relative;
    align-items: center;
    text-align: center;
    width: 100%
}

.section-isuniye .feature_img img {
    max-height: 800px;
}

.pattern-dots-1 {
    background: url(../images/pattern-dots-1.svg) no-repeat;
    height: 100%;
    width: 327.49px;
    position: absolute;
    left: -50px
}

.pattern-dots-2,
.pattern-dots-3 {
    height: 100%;
    width: 269.2px;
    z-index: -1;
    position: absolute
}

.pattern-dots-2 {
    background: url(../images/pattern-dots-2.svg) no-repeat;
    left: 160px;
    top: 210px
}

.pattern-dots-3 {
    background: url(../images/pattern-dots-3.svg) no-repeat;
    right: 0;
    top: 25%
}

.pattern-dots-4 {
    background: url(../images/pattern-dots-4.svg) no-repeat;
    height: 361px;
    width: 236.82px;
    position: absolute;
    left: 50%;
    z-index: -1;
    bottom: -75px;
    right: 0
}

.pattern-dots-5 {
    background: url(../images/pattern-dots-5.svg) no-repeat;
    height: 214.98px;
    width: 225.63px;
    position: absolute;
    left: 44%;
    z-index: -1;
    bottom: -84px;
    right: 0
}

.section-isuniye-application {
    padding-top: 114px
}

.section-isuniye-application .isuniye-inner-sub-title {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #fff
}

.section-isuniye-application .isuniye-inner-title {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #fff
}

.single-feature-box {
    background: #1a1b1f;
    border-radius: 29px;
    padding: 64px 65px;
}

.single-feature-box ol {
    margin-bottom: 0;
}

.single-feature-box li {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 35px;
    color: #fff
}

.single-feature-box li:not(:last-child) {
    margin-bottom: 12px;
}

.bohra-Portfolio .portfolio-inner-sub-title {
    max-width: 835px;
    margin: 0 auto
}

.apps-month-area {
    position: relative;
    border-radius: 15px;
    background: #f4f5f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.apps-month-area .title-app {
    font-style: normal;
    font-weight: 800;
    font-size: 42.8652px;
    line-height: 64px;
    color: #171f39;
    position: absolute;
    top: 38%;
    left: 11%;
    max-width: 120px
}

.categorizes-mainly-section .app-description {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #fff
}

.categorizes-mainly-section .work-single-item {
    position: relative;
    width: 100%;
    float: left;
    min-height: 100px;
    margin-bottom: 30px
}

.categorizes-mainly-section .work-single-item .icon {
    position: relative;
    min-height: 80px
}

.categorizes-mainly-section .work-single-item .title {
    font-style: normal;
    font-weight: 500;
    font-size: 30.2944px;
    line-height: 48px;
    color: #fff;
    position: absolute;
    top: 9%;
    left: 20px
}

.container-categorizes {
    max-width: 1010px;
    margin: 0 auto
}

.delivery-portfolio-section {
    width: 100%;
    text-align: center
}

.delivery-portfolio-section .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #fff;
    max-width: 1023px;
    margin: 0 auto
}

.section-delivery-connect {
    text-align: center;
    width: 100%;
    padding-bottom: 0
}

.section-delivery-connect .apps-month-area-1 img {
    width: 100%;
    border-radius: 12px
}

.driver-mainly-section .portfolio-inner-title {
    margin-bottom: 22px;
    font-style: normal;
    font-weight: 500;
    font-size: 36.4768px;
    line-height: 55px;
    color: #fff
}

.driver-mainly-section .app-description {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    color: #fff
}

.driver-mainly-section .work-single-item .icon {
    background: #17181b;
    border-radius: 27.8401px;
    width: 135px;
    height: 135px;
    margin: 0 auto 23px;
    display: flex;
    justify-content: center;
    align-items: center
}

.driver-mainly-section .work-single-item .title {
    font-style: normal;
    font-weight: 500;
    font-size: 25.9841px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    max-width: 191px;
    margin: 0 auto 15px;
}

.queue-delivery-connect .title-app,
.title-RFMx {
    font-weight: 500;
    font-size: 35px;
    line-height: 52px
}

.section-queue-connect p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #fff
}

.section-queue-connect h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    color: #87d0f9;
    margin: 0;
    padding: 0
}

.queue-delivery-connect p,
.section-device-driver p {
    margin: 0 auto;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    text-align: center
}

.queue-delivery-connect .container-img .title-app {
    position: absolute;
    left: 10%;
    top: 20%;
    max-width: 255px;
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 52px;
    color: #fff;
    text-align: left;
}

.queue-delivery-connect .container-img img {
    border-radius: 16px
}

.queue-delivery-connect .title-app {
    text-align: center;
    font-style: normal;
    color: #fff
}

.queue-delivery-connect p {
    max-width: 1050px
}

.different-section-pos .images-container,
.section-cds-container .declaration-left-section,
.section-device-driver,
.section-kds-container .declaration-left-section {
    text-align: center
}

.section-device-driver p {
    max-width: 1001px
}

.topcleaning-connect .apps-month-area-new {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative
}

.apps-month-area-new:before {
    content: "";
    position: absolute;
    top: 0;
    background: url(../images/overlay-bg-top.svg);
    width: 100%;
    height: 237.32px;
    transform: rotate(180deg)
}

.apps-month-area-new:after {
    content: "";
    position: absolute;
    bottom: -20px;
    background: url(../images/overlay-bg-bottom.svg);
    width: 100%;
    height: 237.32px;
    transform: rotate(0)
}

.container-entertainment-software,
.section-RFMx-connect .apps-month-area-1,
.wellness-connect-section {
    position: relative;
    width: 100%
}

.section.section-RFMx-connect {
    padding-top: 0;
    padding-bottom: 1px
}

.section-RFMx-connect .section-description {
    position: absolute;
    bottom: 130px;
    right: 250px;
    max-width: 50%
}

.section-RFMx-connect .section-description .title-app {
    font-style: normal;
    font-weight: 500;
    font-size: 28.8732px;
    line-height: 43px;
    color: #121316;
    margin: 0
}

.section-RFMx-connect .section-description p {
    font-style: normal;
    font-weight: 400;
    font-size: 14.8491px;
    line-height: 24px;
    color: #121316;
    max-width: 409px
}

.wellness-connect-section {
    margin-top: 182px;
    max-height: 510px;
    background: #468cbf;
    text-align: center
}

.wellness-connect-section .container-img {
    margin-top: -232px;
    margin-bottom: 24px
}

.title-RFMx {
    font-style: normal;
    color: #fff;
    text-align: center
}

.erp-inner-sub-title,
.erp-section .declaration,
.fntech-section .declaration {
    line-height: 36px;
    font-size: 20px;
    font-weight: 400;
    font-style: normal
}

.wellness-connect-section .container-img img {
    max-width: 86%
}

.wellness-connect-section p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: #121316;
    max-width: 1061px;
    margin: 0 auto
}

.yellow-colour {
    color: #fbb13a
}

.erp-section {
    width: 100%;
    float: left;
    padding-bottom: 60px
}

.declaration-section,
.mostly-pavemen {
    width: 906px;
    border-radius: 15px;
    padding: 126px 127px;
    height: 466px;
    position: relative
}

.erp-inner-sub-title {
    font-family: Poppins, sans-serif;
    color: #fff;
    max-width: 1047px;
    margin: 0 auto
}

.erp-desktop-thumb {
    max-width: 452px;
    margin: 0 auto
}

.declaration-section {
    float: right;
    background: #fbb13a
}

.declaration-section .pavement-thumb img,
.mostly-pavemen .mostly-pavemen img {
    max-width: 762.29px
}

.declaration-section .pavement-thumb {
    position: absolute;
    left: -316px;
    top: -23px;
    max-width: 606px;
    margin: 0
}

.declaration-section p {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 341px;
    float: right
}

.mostly-pavemen {
    margin-top: 60px;
    float: left;
    background: #fff
}

.business-like-section,
.fntech-section {
    background-repeat: no-repeat;
    background-size: cover
}

.mostly-pavemen .pavement-thumb-2 {
    position: absolute;
    right: -316px;
    top: -23px;
    max-width: 606px;
    margin: 0
}

.mostly-pavemen p {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 341px;
    float: left
}

.fntech-section {
    position: relative;
    background-image: url(../images/fntech-img.jpg);
    padding-top: 169px;
    padding-bottom: 169px
}

.fntech-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1c1d21;
    top: 0;
    opacity: .6
}

.fntech-section .declaration {
    text-align: center;
    color: #fff;
    max-width: 1063px;
    margin: 0 auto
}

.erp-section .declaration {
    text-align: center;
    color: #fff;
    max-width: 1088px;
    margin: 0 auto
}

.Onedigiflow-section h2,
.different-section-pos h2,
.section-Research-App h2,
.section-e-commerce-App .sec-header h2,
.section-entertainment h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 40px;
    color: #fff
}

.Onedigiflow-section span {
    color: #a29fde
}

.Onedigiflow-section .declaration,
.different-section-pos .declaration,
.section-Research-App .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.Onedigiflow-section .declaration-block {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    max-width: 446px;
    padding-left: 20px
}

.Onedigiflow-section .images-container img {
    border-radius: 14px
}

.relationships-section .declaration {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    max-width: 580px;
    position: relative
}

.relationships-section .declaration:before {
    content: "";
    position: absolute;
    background: #5472e1;
    border-radius: 4px;
    width: 99px;
    height: 8px;
    top: -20px
}

.relationships-section .declaration-section-relationships .declaration-block {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    max-width: 587px
}

.relationships-section .images-container {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.relationships-section .images-container img {
    background: #191a1d;
    border-radius: 14.4679px;
    max-width: 498px
}

.business-like-section {
    position: relative;
    background-image: url(../images/man-working-night1.jpg);
    width: 100%;
    min-height: 469px;
    margin-bottom: 40px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.business-like-section:after {
    content: "";
    position: absolute;
    background: rgba(18, 19, 22, .8);
    width: 100%;
    height: 100%
}

.business-like-section .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 45px;
    color: #fff;
    max-width: 710px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1
}

.restaurant-section {
    background-image: url(../images/top-view-delicious-cheese-pizza1.jpg);
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    border-radius: 18px;
    min-height: 411px;
    background-repeat: no-repeat;
    background-size: cover
}

.restaurant-section .section-block-restaurant {
    padding-left: 69px
}

.restaurant-section .section-block-restaurant p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #fff;
    max-width: 485px
}

.erp-section-graphic {
    background-image: url(../images/graphic.svg);
    width: 100%;
    height: 123.91px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 54px;
    margin-bottom: 52px
}

.different-section-pos span {
    color: #fb6966
}

.different-section-pos .slidercircle-1 {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.different-section-pos .circle-one-1 {
    margin-left: 0;
    margin-top: 0;
    border: 2px solid #fe7a15;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    width: 409.44px;
    height: 409.44px;
    top: 0;
    left: 0;
    right: 0
}

.different-section-pos .circle-two-2 {
    border-radius: 50%;
    border: 2px solid #f7f5f3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 312.56px;
    height: 312.56px;
    margin: 0 auto;
    transform: translate(-114px, 53px)
}

.different-section-pos .sub-titile {
    font-size: 25px;
    margin: 0
}

.different-section-pos .declaration-block {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    max-width: 486px
}

.educational-section {
    z-index: 0;
    background: #fff;
    border-radius: 18px;
    padding: 79px;
    position: relative
}

.educational-section:after {
    background-image: url(../images/educational-illustration-bg.svg);
    width: 100%;
    height: 470px;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 18px
}

.section-block-restaurant .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #121316;
    max-width: 519px
}

.erp-section-educational .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 1195px;
    margin: 0 auto
}

.section-Research-App .darke-blue {
    color: #4381e1
}

.Admin-users .declaration,
.section-Research-App .declaration-block {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    font-style: normal
}

.section-Research-App .declaration-block {
    max-width: 307px
}

.images-container-effect {
    position: relative;
    width: 371.12px;
    height: 422.93px
}

.images-container-effect img {
    border-radius: 130px 12.0566px 12.0566px 10px;
    position: relative;
    max-width: 100%;
    height: 377px
}

.images-container-effect:after {
    content: "";
    position: absolute;
    background: #393b41;
    border: 18px solid #23252b;
    border-radius: 130px 12.0566px 12.0566px 10px;
    left: 57px;
    z-index: -1;
    width: 349.12px;
    height: 398.05px;
    top: 14px
}

.Admin-users {
    background: #1752ad;
    border-radius: 18px;
    padding: 100px 90px;
    position: relative;
    max-height: 384px;
    margin-bottom: 35px
}

.Admin-users .declaration {
    max-width: 490px
}

.Admin-users .samsonadvisory-app {
    position: relative;
    z-index: 0
}

.Admin-users .samsonadvisory-app img {
    max-width: 455px;
    margin-top: -53px
}

.Admin-users .samsonadvisory-app:before {
    content: "";
    position: absolute;
    background-image: url(../images/ellipse-c.svg);
    width: 140px;
    height: 140px;
    left: -11px;
    top: 26px;
    background-size: cover;
    z-index: -1
}

.Admin-users .samsonadvisory-app:after {
    content: "";
    position: absolute;
    background-image: url(../images/ellipse-o.svg);
    width: 170px;
    height: 170px;
    right: 42px;
    top: -51px;
    z-index: -1;
    background-size: cover
}

.E-Commerce-section {
    max-height: 578px;
    background: #fdf8ff;
    padding: 40px
}

.E-Commerce-section .commerce-img img {
    max-height: 376px
}

.E-Commerce-section .commerce-img {
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.section-block-commerce .declaration {
    max-width: 622px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #121316
}

.erp-section-e-commerce .sec-header .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 1190px;
    margin: 0 auto
}

.section-e-commerce-App .sec-header .declaration {
    text-align: left;
    padding-left: 0;
    margin: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.section-e-commerce-App .images-container-e-commerce:before {
    content: "";
    position: absolute;
    border: 1px solid #4a4a4d;
    border-radius: 16.7812px;
    width: 100%;
    min-height: 280px;
    z-index: -1;
    bottom: 125px
}

.section-e-commerce-App .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 1016px;
    margin: 0 auto
}

.section-e-commerce-App .declaration-block .declaration {
    text-align: left;
    padding-left: 36px;
    max-width: 499px;
    margin: 0
}

.section-e-commerce-App .declaration-block:before {
    content: "";
    position: absolute;
    background-image: url(../images/Star12.svg);
    width: 22px;
    height: 20px;
    left: 0;
    top: 0;
    background-repeat: no-repeat
}

.entertainment-section {
    width: 100%;
    background-image: url(../images/entertainment-bg.jpg);
    padding: 91px 50px;
    max-height: 511px;
    background-size: cover;
    background-repeat: no-repeat
}

.entertainment-section .commerce-img-triangle {
    display: inline-block;
    margin: 0;
    border-radius: 23px;
    background: #f3f2f0;
    position: relative;
    transform: rotate(45deg);
    width: 324.3px;
    height: 324.3px;
    left: 8px;
    overflow: hidden;
    top: 3px
}

.entertainment-section .commerce-img-triangle::before {
    content: "";
    display: block;
    padding-top: 167.6%;
    background: url(../images/hipster-stylish-couple-jumping-1.jpg) center/100% no-repeat;
    transform: translate(-281px, -98px) rotate(-45deg);
    z-index: -1;
    top: 0;
    position: relative;
    width: 1229.52px;
    height: 818.7px
}

.entertainment-section .section-block-commerce .declaration {
    max-width: 357px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: #121316
}

.entertainment-section .before-bg {
    width: 324.3px;
    height: 324.3px;
    left: -9px;
    top: 4px;
    border: 1px solid #000;
    border-radius: 23px 23px 23px 36px;
    transform: rotate(45deg);
    position: absolute;
    z-index: 0
}

.entertainment-section .after-bg {
    position: absolute;
    right: 75px;
    background: #fff;
    box-shadow: 0 6px 13px 2px rgb(0 0 0 / 15%);
    width: 79.04px;
    height: 79.04px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    top: -30px
}

.section-entertainment .declaration {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.section-entertainment .images-containerFunky {
    background: #3d3454;
    border-radius: 20px;
    padding: 40px 60px;
    position: relative;
    z-index: 0
}

.section-entertainment .images-containerFunky img {
    padding-top: 38px
}

.section-entertainment .images-containerFunky:before {
    content: "";
    border: 1px solid #ff51d6;
    border-radius: 20px;
    width: 71%;
    height: 353px;
    position: absolute;
    z-index: -1;
    margin: 0 auto;
    left: 89px;
    right: auto
}

.section-entertainment .nav-list {
    list-style: none;
    margin: 50px 0 0;
    padding: 0 0 0 135px
}

.section-entertainment .nav-list li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 35px;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 95px;
    color: #fff;
    position: relative
}

.section-entertainment .nav-list li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../images/Star9.svg);
    top: 35px;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.Social-section {
    background: #fff;
    border-radius: 19px;
    width: 100%;
    height: 509.82px
}

.Social-section .social-images img {
    border-radius: 19px 0 0 19px;
    max-width: 92.5%
}

.Social-section .section-block-social {
    display: flex;
    justify-content: space-between;
    padding-top: 150px;
    padding-left: 50px
}

.Social-section .section-block-social li {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 59px;
    color: #121316
}

.Social-section .section-block-social li span,
.section-social-container .sec-header h2 span {
    color: #ff9b50
}

.erp-section-social .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    position: relative;
    padding-left: 58px
}

.erp-section-social .declaration:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../images/arrow-social.svg);
    width: 34px;
    height: 19px;
    top: 5px;
    background-repeat: no-repeat;
    background-size: cover
}

.section-social-container .sec-header h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 160%;
    color: #fff
}

.section-social-container .sec-header .declaration {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    max-width: 1022px
}

.section-social-container .upneu-navi {
    margin: 54px 0 0;
    padding: 0;
    list-style: none
}

.section-social-container .upneu-navi li {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 59px;
    color: #fff;
    display: inline-block;
    padding-right: 65px;
    position: relative;
    padding-left: 35px
}

.section-social-container .upneu-navi li:before {
    content: "";
    position: absolute;
    background-image: url(../images/star-blue.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 17px
}

.section-social-container .images-containersocial img {
    background: #d9d9d9;
    border-radius: 19px
}

.section-social-container .container-up-neu {
    padding-left: 108px
}

.section-crypto-container .sec-header h2,
.section-social-container .container-up-neu h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 45px;
    color: #fff
}

.section-social-container .container-up-neu .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    max-width: 510px
}

.crypto-section {
    width: 100%;
    background-image: url(../images/crypto-bg.jpg);
    padding: 140px 196px;
    position: relative;
    background-size: cover;
    background-position: center
}

.crypto-section:before {
    content: "";
    position: absolute;
    top: 0;
    background: rgba(18, 19, 22, .6);
    height: 100%;
    width: 100%;
    left: 0;
    right: 0
}

.crypto-section .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #fff
}

.agricultural-section .declaration,
.declaration-content-section .declaration,
.erp-section-agricultural .declaration,
.section-agricultural-container .declaration {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-style: normal
}

.erp-section-crypto .sec-header .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    max-width: 1066px;
    margin: 0 auto
}

.section-crypto-container {
    width: 100%;
    text-align: left;
    position: relative
}

.section-crypto-container .icon-crypto {
    max-width: 120px;
    height: 120px
}

.section-crypto-container:after {
    content: "";
    position: absolute;
    top: 218px;
    background: #f7931a;
    right: -142px;
    width: 494px;
    height: 494px;
    border-radius: 50%;
    z-index: -1
}

.section-crypto-container .container-up-neu {
    position: relative;
    margin-top: -90px
}

.section-crypto-container .container-up-neu img {
    max-width: 409px
}

.section-crypto-container .container-up-neu:before {
    content: "";
    position: absolute;
    width: 256px;
    height: 256px;
    border: 1px dashed #fff;
    border-radius: 100%;
    z-index: -1;
    left: -40px;
    top: 28px
}

.section-crypto-container .container-up-neu:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 103px;
    background: #2e384e;
    bottom: -20px;
    left: 90px
}

.declaration-content-section .declaration {
    max-width: 601px
}

.section-crypto-container .crypto-images-section img {
    max-width: 354px
}

.section-crypto-container .crypto-images-section {
    position: relative;
    margin-top: 29px
}

.section-crypto-container .crypto-images-section:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 519px;
    background: #2e384e;
    bottom: 101px;
    right: -115px;
    z-index: -1
}

@keyframes rotate-1 {
    from {
        transform: rotate(-360deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.agricultural-images img {
    background: #d9d9d9;
    border-radius: 21px
}

.agricultural-section .row {
    align-items: center
}

.agricultural-section .declaration {
    max-width: 404px;
    padding-left: 50px
}

.erp-section-agricultural .declaration {
    max-width: 1100px
}

.section-agricultural-container .sec-header h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 40px;
    margin: 0
}

.section-agricultural-container .sec-header {
    margin-bottom: 8px
}

.section-agricultural-container .crypto-images-section img {
    max-width: 345.64px
}

.section-agricultural-container .sec-header h2 span {
    color: #659aa5
}

.section-agricultural-container {
    position: relative;
    width: 100%;
    z-index: 0
}

.section-agricultural-container:after {
    content: "";
    background: #1e373d;
    border-radius: 28px 0 0 28px;
    width: 460px;
    min-height: 343px;
    position: absolute;
    top: 134px;
    z-index: -1;
    right: 0
}

.section-agricultural-container .declaration {
    max-width: 430px
}

.pos-images,
.section-agricultural-container .container-up-neu {
    display: flex;
    justify-content: center;
    align-items: center
}

.section-agricultural-container .container-up-neu img {
    max-width: 746px
}

.pos-section .sec-header .icons-header img {
    max-width: 186px
}

.pos-section .sec-header .sec-title {
    margin-top: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
    color: #fff
}

.erp-section-possystem {
    background: linear-gradient(89.6deg, #fb7b43 1.43%, #f75862 99.72%);
    padding-top: 60px;
    padding-bottom: 60px
}

.erp-section-possystem .pos-title,
.section-cds-container .sec-header h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    color: #fff
}

.description-pos .description,
.erp-section-possystem .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    text-align: center
}

.erp-section-possystem .declaration {
    line-height: 32px;
    max-width: 1119px
}

.erp-section-possystem .sec-header:before {
    content: "";
    position: absolute;
    background-image: url(../images/colud-1.svg);
    width: 32px;
    height: 32px;
    top: 0;
    left: 26%
}

.description-pos .description {
    line-height: 32px;
    max-width: 1067px
}

.services-subcircle:first-child .fa-icon p,
.services-subcircle:nth-child(2) .fa-icon p,
.services-subcircle:nth-child(3) .fa-icon p {
    font-style: normal;
    font-weight: 500;
    font-size: 15.3196px;
    line-height: 20px
}

.section-kds-container .sec-header h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    color: #121316
}

.section-kds-container .sec-header .declaration {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #121316;
    max-width: 1222px;
    margin: 0 auto
}

.section-kds-container .declaration-left-section img {
    max-width: 585px
}

.section-kds-container .container-up-kds .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #121316
}

.section-kds-container .container-up-kds {
    padding-top: 34px
}

.section-cds-container {
    background: #121316;
    padding-top: 60px;
    padding-bottom: 60px
}

.section-cds-container .container-up-cds .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    max-width: 523px
}

.section-cds-container .declaration-left-section img {
    max-width: 436px
}

.section-cds-container .description-content p {
    position: absolute;
    bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    color: #fff;
    max-width: 1101px
}

.services {
    background: url("../img/services_bg.png") bottom no-repeat #fff
}

.services-circle {
    display: block;
    position: relative;
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    margin: 70px auto;
    background: #fff;
    border-radius: 50%
}

.services-circle::after,
.services-circle::before,
.services-subcircle {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.services-circle::after {
    display: none;
    content: '';
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%
}

.services-circle::before {
    display: none;
    content: '';
    left: -9%;
    background-size: 100% !important;
    background: url(../images/border-circle.png) no-repeat
}

.services-subcircle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    color: #fff;
    box-shadow: 0 11px 18px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    border-radius: 50%;
    transition: .5s cubic-bezier(.175, .885, .32, 1.275);
    cursor: pointer;
    width: 79.06px;
    height: 79.06px;
    left: 0
}

.services-subcircle:first-child {
    transform: translate(177px, -215px)
}

.services-subcircle:nth-child(2) {
    transform: translate(0, -283px)
}

.services-subcircle:nth-child(3) {
    transform: translate(-179px, -215px)
}

.services-subcircle:nth-child(4) {
    transform: translate(-274px, -65px)
}

.services-subcircle:nth-child(5) {
    transform: translate(-274px, 78px)
}

.services-subcircle:nth-child(6) {
    transform: translate(-184px, 212px)
}

.services-subcircle:nth-child(7) {
    transform: translate(1px, 279px)
}

.services-subcircle:nth-child(8) {
    transform: translate(154px, 228px)
}

.services-subcircle:nth-child(9) {
    transform: translate(259px, 100px)
}

.services-subcircle:nth-child(10) {
    transform: translate(262px, -87px)
}

.services-subcircle:before {
    background: url(../images/subcircle-before.svg) 0 0/100% no-repeat;
    position: absolute;
    content: "";
    width: 93.62px;
    height: 93.62px
}

.services-subcircle:first-child .fa-icon:after,
.services-subcircle:nth-child(10) .fa-icon:after,
.services-subcircle:nth-child(2) .fa-icon:after,
.services-subcircle:nth-child(3) .fa-icon:after,
.services-subcircle:nth-child(4) .fa-icon:after,
.services-subcircle:nth-child(5) .fa-icon:after,
.services-subcircle:nth-child(6) .fa-icon:after,
.services-subcircle:nth-child(7) .fa-icon:after,
.services-subcircle:nth-child(8) .fa-icon:after,
.services-subcircle:nth-child(9) .fa-icon:after {
    content: "";
    background-image: url(../images/trigal.svg);
    width: 42.07px;
    height: 40.51px;
    top: -41px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0
}

.services-boxes-item,
.services-boxes-item:not(.no-hover) > * {
    transition: .2s ease-in-out
}

.services-subcircle:first-child .fa-icon:after {
    transform: translate(-37px, 86px) rotate(445deg)
}

.services-subcircle:nth-child(2) .fa-icon:after {
    transform: translate(5px, 103px) rotate(397deg)
}

.services-subcircle:nth-child(3) .fa-icon:after {
    transform: translate(44px, 83px) rotate(355deg)
}

.services-subcircle:nth-child(4) .fa-icon:after {
    transform: translate(56px, 57px) rotate(320deg)
}

.services-subcircle:nth-child(5) .fa-icon:after {
    transform: translate(56px, 30px) rotate(294deg)
}

.services-subcircle:nth-child(6) .fa-icon:after {
    transform: translate(40px, 11px) rotate(270deg)
}

.services-subcircle:nth-child(7) .fa-icon:after {
    transform: translate(13px, -10px) rotate(218deg)
}

.services-subcircle:nth-child(8) .fa-icon:after {
    transform: translate(-28px, 0) rotate(180deg)
}

.services-subcircle:nth-child(9) .fa-icon:after {
    transform: translate(-45px, 16px) rotate(147deg)
}

.services-subcircle:nth-child(10) .fa-icon:after {
    transform: translate(-52px, 56px) rotate(109deg)
}

.mt-184 {
    margin-top: 184px
}

.services-subcircle:first-child .fa-icon p {
    position: absolute;
    top: 0;
    text-align: left;
    color: #fff;
    width: 110px;
    left: 92px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(2) .fa-icon p {
    position: absolute;
    top: -60px;
    text-align: center;
    color: #fff;
    width: 160px;
    left: -49px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(3) .fa-icon p {
    position: absolute;
    top: 0;
    text-align: left;
    color: #fff;
    width: 75px;
    left: -160px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(4) .fa-icon p,
.services-subcircle:nth-child(5) .fa-icon p,
.services-subcircle:nth-child(6) .fa-icon p,
.services-subcircle:nth-child(7) .fa-icon p {
    position: absolute;
    font-style: normal;
    font-weight: 500;
    font-size: 15.3196px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    width: 275px
}

.services-subcircle:nth-child(4) .fa-icon p {
    top: 15px;
    left: -180px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(5) .fa-icon p,
.services-subcircle:nth-child(6) .fa-icon p {
    top: 15px;
    left: -131px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(7) .fa-icon p {
    top: 86px;
    left: -31px;
    right: 0;
    margin: 0 auto;
    display: block
}

.services-subcircle:nth-child(10) .fa-icon p,
.services-subcircle:nth-child(8) .fa-icon p,
.services-subcircle:nth-child(9) .fa-icon p {
    top: 15px;
    font-weight: 500;
    font-size: 15.3196px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    left: 90px;
    margin: 0 auto;
    display: block;
    position: absolute;
    right: 0;
    font-style: normal
}

.services-subcircle:nth-child(8) .fa-icon p {
    width: 165px
}

.services-subcircle:nth-child(10) .fa-icon p,
.services-subcircle:nth-child(9) .fa-icon p {
    width: 144px
}

.services-subcircle i {
    font-size: 1.8em;
    color: #a5a5a5
}

.services-subcircle.active,
.services-subcircle:hover {
    box-shadow: 0 11px 13px 0 rgb(81 118 226 / 34%);
    background-color: #6a5bdf
}

.services-content-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    padding: 0 65px
}

.services-content-item {
    display: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2
}

.services-content-item.active {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: 1.2s cubic-bezier(.39, .575, .565, 1) both fade-in;
    animation: 1.2s cubic-bezier(.39, .575, .565, 1) both fade-in
}

.services-content-item span.title {
    font-weight: 900;
    letter-spacing: 3.2px;
    color: #1f8868;
    line-height: normal;
    text-align: center
}

.services-content-item span.title a {
    color: #000;
    font-size: inherit
}

.services-content-item p.description {
    display: none;
    margin: 0;
    color: #757575;
    letter-spacing: .3px;
    line-height: 1.88;
    text-align: center
}

.services-boxes {
    display: block;
    width: 100%;
    padding-top: 30px
}

.services-boxes-heading {
    display: block;
    text-align: center;
    max-width: 100%
}

.services-boxes-heading-wrapper {
    padding-bottom: 145px
}

.services-boxes-heading span.title {
    display: block;
    font-weight: 700;
    color: #838383;
    letter-spacing: .44px;
    font-size: 18px
}

.services-boxes-heading span.title.big {
    display: block;
    letter-spacing: .72px;
    font-size: 28px;
    word-break: break-word
}

.services-boxes-heading span.title--primary {
    color: #1f8868
}

.services-boxes-heading span.title--italic {
    font-style: italic
}

.services-boxes-heading span.subtitle {
    display: block;
    font-size: 14px;
    color: #b3b3b3;
    letter-spacing: 2.8px;
    margin-top: 20px
}

.services-boxes-content-wrapper {
    display: block;
    width: 100%;
    background: #fff
}

.services-boxes-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 20px;
    box-shadow: 0 7px 43px 0 rgba(0, 0, 0, .07);
    cursor: pointer
}

@supports ((display:-ms-grid) or (display:grid)) {
    .services-boxes-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        margin-top: -115px;
        grid-gap: 15px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    @media (min-width: 576px) {
        .services-boxes-content {
            grid-gap: 30px;
            -ms-grid-columns: (1fr) [ 2 ];
            grid-template-columns: repeat(2, 1fr)
        }
    }

    @media screen and (min-width: 768px) {
        .services-boxes-content {
            margin-top: -150px;
            -ms-grid-columns: (1fr) [ 3 ];
            grid-template-columns: repeat(3, 1fr)
        }
    }

    .services-boxes-item {
        width: unset
    }
}

@supports not ((display:-ms-grid) or (display:grid)) {
    .services-boxes-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -115px
    }

    .services-boxes-item {
        width: calc(50% - 30px)
    }

    .services-boxes-item:not(:nth-last-child(-n+2)) {
        margin-bottom: 30px
    }

    .services-boxes-item + .services-boxes-item {
        margin-left: 30px
    }

    .services-boxes-item:nth-child(odd) {
        margin-left: 0
    }

    @media screen and (min-width: 768px) {
        .services-boxes-content {
            margin-top: -150px
        }

        .services-boxes-item {
            width: calc(33.3% - 30px)
        }

        .services-boxes-item:not(:nth-last-child(-n+2)) {
            margin-bottom: unset
        }

        .services-boxes-item:not(:nth-child(-n+3)) {
            margin-top: 30px
        }

        .services-boxes-item + .services-boxes-item {
            margin-left: 30px
        }

        .services-boxes-item:nth-child(3n+1) {
            margin-left: 0
        }
    }
}

.services-boxes-item:not(.no-hover):hover {
    background: #1f8868;
    box-shadow: 0 12px 16px 0 rgba(31, 136, 104, .55)
}

.services-boxes-item-icon {
    font-size: 2em;
    color: #1f8868;
    margin-bottom: 20px
}

.services-boxes-item span.title {
    font-size: 14px;
    font-weight: 700;
    color: #050505;
    letter-spacing: 2.8px;
    margin-bottom: 20px
}

.services-boxes-item p.description {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 13px;
    color: #757575;
    letter-spacing: .3px;
    line-height: 1.71
}

@media (min-width: 576px) {
    .services-circle {
        padding-bottom: unset;
        display: block;
        margin: 150px auto;
        width: 243px;
        height: 243px
    }

    .services-circle::after,
    .services-circle::before,
    .services-content-item p.description {
        display: block
    }

    .services-content-item span.title {
        margin-bottom: 20px;
        line-height: 1
    }
}

.back-btn,
.explore-solutions-btn {
    display: inline-block;
    transition: .4s ease-in-out
}

.services {
    margin-top: 60px;
    padding-top: 65px
}

.services-circle::before {
    width: 281.96px;
    height: 293px
}

.services-circle::after {
    width: 564px;
    height: 564px
}

.services-content-item span.title {
    font-size: 16px;
    margin-bottom: 40px
}

.services-circle .fa-icon {
    position: relative;
    font-size: 0px;
    display: flex;
    justify-content: center;
    align-items: center
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@keyframes action {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.onedigiflow-description-container {
    max-width: 1053px;
    margin: 0 auto
}

.slidercircle {
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.circle-one {
    margin-left: 0;
    margin-top: 0;
    width: 861px;
    height: 861px;
    border: 2px solid #2d2b44;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.circle-two {
    border-radius: 50%;
    width: 625px;
    height: 625px;
    border: 2px solid #643d10;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.service-inner-giflow {
    padding-bottom: 60px;
    width: 100%
}

.service-inner-giflow p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    max-width: 863px;
    margin: 0 auto
}

.vert-move {
    -webkit-animation: 1s infinite alternate mover;
    animation: 1s infinite alternate mover
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

.explore-solutions-btn {
    margin-left: 26px
}

.back-btn:focus,
.back-btn:hover {
    transform: translateX(-4px)
}

.explore-solutions-btn:focus,
.explore-solutions-btn:hover {
    transform: translateX(4px)
}

.service-inner-explore-solutions-container {
    position: relative;
    margin-bottom: 0;
}

.service-inner-explore-solutions-card {
    background-color: #191a1d;
    color: #ffffff;
    border-radius: 12px;
    padding: 65px 100px;
    position: relative;
    text-align: center;
    margin-bottom: 0;
}

.service-inner-explore-solutions-card .icon-send {
    position: absolute;
    top: 95px;
    left: 100px;
    z-index: 1
}

.service-inner-explore-solutions-card .icon-text {
    position: absolute;
    bottom: 95px;
    left: 230px;
    z-index: 1
}

.service-inner-explore-solutions-card .icon-stop {
    position: absolute;
    top: 95px;
    right: 100px;
    z-index: 1
}

.service-inner-explore-solutions-card .icon-pen {
    position: absolute;
    bottom: 95px;
    right: 230px;
    z-index: 1
}

.service-inner-explore-solutions-card-inner {
    max-width: 560px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.service-inner-explore-solutions-card-thumb {
    position: relative;
    margin-bottom: 15px
}

.service-inner-explore-solutions-card h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px
}

.service-reactjs-section {
    background-color: #219bbb;
    color: #fff;
    text-align: center
}

.service-reactjs-inner-container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.service-inner-reactjs-background {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    z-index: 0;
    opacity: .12
}

.androids-logo-symbol,
.service-inner-android-google-image {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex
}

.service-inner-reactjs-background img {
    width: 272px;
    height: 242px
}

.service-inner-android-app-header {
    background-color: #020202;
    color: #fff;
    padding: 48px 0;
    text-align: center;
    position: relative
}

.service-inner-android-app-header h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 0
}


.service-inner-androids-section {
    background-color: #fff;
    color: #121316;
    position: relative;
    overflow: hidden
}

.service-inner-androids-section.service-black {
    background-color: #191a1d;
    color: #fff;
}

.service-inner-androids-container.flip .androids-logo-symbol {
    left: -39px !important;
}

.site-footer,
.site-footer a {
    color: #a3a3a3
}

.service-inner-androids-section h3 {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 20px
}

.service-inner-android-google-section .container,
.service-inner-androids-section .container {
    position: static
}

.service-inner-androids-container {
    display: flex;
    justify-content: flex-end
}

.service-inner-androids-image-large img {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    max-height: inherit
}

.androids-logo-symbol {
    background-color: #fff;
    box-shadow: 0 5px 6px 2px rgba(0, 0, 0, .1);
    width: 78px;
    height: 78px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -39px
}

.androids-logo-symbol img {
    width: 38px;
    height: 26px
}

.service-inner-androids-content {
    width: 50%;
    padding: 74px 0 74px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mx-width-106 {
    max-width: 1060px;
    margin: 0 auto
}

.service-inner-android-google-section {
    position: relative;
    padding: 70px 0 20px
}

.service-inner-android-google-container {
    display: flex
}

.service-inner-android-google-content {
    width: 50%;
    padding-right: 40px
}

.service-inner-android-google-image {
    width: 50%;
    position: absolute;
    right: 0;
    flex-direction: column;
    align-items: flex-end
}

.service-inner-android-google-image img {
    border-radius: 180px 0 0 180px
}

.service-inner-androids-list {
    position: relative;
    margin-top: 80px
}

.service-inner-androids-list-item {
    margin-bottom: 42px
}

.service-inner-androids-list-card {
    background-color: #191a1d;
    border-radius: 18px;
    padding: 64px 160px 64px 80px;
    text-align: left;
}

.service-inner-androids-list-card-content {
    padding-left: 72px;
    padding-top: 30px;
    position: relative
}

.service-inner-androids-list-card-content .android-number {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 0;
    font-size: 150px;
    font-weight: 700;
    display: block;
    line-height: 1;
    color: #191a1d;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 100, 184, 1);
    opacity: .25
}

.service-inner-androids-list-item:nth-child(2) .service-inner-androids-list-card-content .android-number {
    -webkit-text-stroke-color: rgba(64, 163, 255, 1)
}

.service-inner-androids-list-item:nth-child(3) .service-inner-androids-list-card-content .android-number {
    -webkit-text-stroke-color: rgba(255, 183, 42, 1)
}

.service-inner-androids-list-card-content h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 16px;
}

.footer-title,
.secondary-footer-content p {
    font-weight: 500
}

.site-footer {
    background-color: #121316;
    font-size: 18px;
    position: relative;
}

.site-footer:before {
    content: "";
    left: 30px;
    top: 0;
    background-image: url(../images/shape-21-01.png);
    width: 160px;
    height: 160px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-footer:after {
    content: "";
    right: 455px;
    bottom: 99px;
    background-image: url(../images/shape-35.png);
    width: 123px;
    height: 123px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-logo:before,
.site-footer-logo:before {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: #3857a6;
    height: 1px
}

.site-footer-logo:before {
    right: 0;
    width: 0;
}

.footer-logo:before {
    left: 0;
    width: calc(100% - 0px);
}

.primary-footer {
    padding: 50px 0 0;
}

.footer-title {
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 1.3;
    position: relative;
    color: #fff;
    background: transparent;
}

.footer-title:after {
    content: "";
    position: absolute;
    left: 1px;
    width: 80px;
    height: 2px;
    background: #fff;
    bottom: -12px;
}

.footer-menu li a {
    font-weight: 400;
    font-size: 15px;
    transition: .4s ease-in-out;
    padding-left: 0;
    /*    text-transform: capitalize;*/
    line-height: 30px;
}

.secondary-footer {
    padding: 20px 0 20px;
    color: #fff;
    border-top: solid #212328 1px;
    margin-top: 36px;
}

.secondary-footer-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin: 0 -15px 0 15px;
    justify-content: flex-end;
}

.secondary-footer-menu li {
    padding: 0 15px;
    margin-bottom: 12px
}

.secondary-footer-menu li a {
    font-size: 14px;
}

.section.related-blog-section {
    background: linear-gradient(90deg, #2C6EEE 1.42%, #8048DB 95.69%);
}

@media (min-width: 768px) {
    .footer-menu {
        list-style: none;
        padding-left: 0;
        display: block !important
    }
}

@media (min-width: 1200px) {
    .col-versat {
        width: 20%
    }

    .onedigiflow-mobiles-circle {
        max-width: 861px
    }

    .custom-counter, .custom-promise {
        width: 20%;
    }
}

@media (max-width: 1399px) {
    .site-logo img {
        width: 220px;
        height: 46px
    }

    .navbar-black .navbar-nav .nav-link {
        font-size: 16px
    }

    .sub-menu .nav-item .nav-link {
        font-size: 14px
    }

    .site-banner h1 {
        font-size: 55px
    }

    .services-card {
        padding: 50px 75px 10px
    }

    .promise-card-row {
        margin-left: 60px
    }

    .about-dream-title {
        font-size: 50px
    }

    .about-dream-subtitle {
        font-size: 45px
    }

    .about-good-header {
        margin-bottom: 100px
    }

    .way-gallery-row {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
    }

    .blog-fluid-card-content {
        padding-right: 145px
    }
}

@media (max-width: 1199px) {
    .navbar {
        padding: 0;
    }

    .is-sticky .navbar {
        padding: 0;
    }

    .site-logo img {
        width: 180px;
        height: 38px
    }

    .navbar-nav > .nav-item {
        padding: 0 10px
    }

    .site-banner h5 br {
        display: none
    }

    .company-team-content h2,
    .counter-timer,
    .site-banner h1 {
        font-size: 50px
    }

    .banner-thumb {
        margin-top: 0
    }

    .sec-title,
    .single-blog-header-title,
    .single-service-gradient-content h2 {
        font-size: 36px
    }

    .sec-blog-view-header .sec-title {
        font-size: 32px;
    }

    .blog-video-content h3,
    .sec-sub-title,
    .service-card h3,
    .site-banner h5,
    .work-card-content {
        font-size: 20px
    }

    .single-service-content h2,
    .work-card-content h4 {
        font-size: 30px
    }

    .btn-outline-white {
        min-width: 220px
    }

    .work-card {
        margin-bottom: 30px
    }

    .owl-partner .partner-thumb img {
        width: 228px;
        height: 228px
    }

    .contact-view {
        margin-left: 46px
    }

    @-webkit-keyframes rotateInfinite {
        0% {
            transform: rotateZ(0) translateX(160px)
        }

        100% {
            transform: rotateZ(360deg) translateX(160px)
        }
    }

    @keyframes rotateInfinite {
        0% {
            transform: rotateZ(0) translateX(160px)
        }

        100% {
            transform: rotateZ(360deg) translateX(160px)
        }
    }

    @-webkit-keyframes rotateInfinite2 {
        0% {
            transform: rotateZ(0) translateX(-160px)
        }

        100% {
            transform: rotateZ(360deg) translateX(-160px)
        }
    }

    @keyframes rotateInfinite2 {
        0% {
            transform: rotateZ(0) translateX(-160px)
        }

        100% {
            transform: rotateZ(360deg) translateX(-160px)
        }
    }

    .single-service-thumb {
        width: 320px;
        height: 320px
    }

    .service-circle {
        top: 135px;
        left: 135px;
        width: 40px;
        height: 40px;
        -webkit-animation: 6s linear infinite rotateInfinite;
        animation: 6s linear infinite rotateInfinite
    }

    .service-circle-blue {
        bottom: 135px;
        right: 135px;
        -webkit-animation: 6s linear infinite rotateInfinite2;
        animation: 6s linear infinite rotateInfinite2
    }

    .contact-sub-title,
    .portfolio-card-header h3 {
        font-size: 26px
    }

    .portfolio-squash-card-thumb {
        max-width: 550px;
        margin-top: 40px
    }

    .promise-card {
        padding: 50px 60px
    }

    .promise-card-row {
        margin-left: 47px
    }

    .strength-card {
        padding: 55px
    }

    .career-service-content h2,
    .partner-action-info h3,
    .partner-action-info h6,
    .partner-action-title {
        font-size: 34px
    }

    .partner-park-list li:nth-child(2n) {
        padding-left: 80px
    }

    .hire-card-title {
        font-size: 28px
    }

    .hire-card-thumb {
        margin-bottom: 60px
    }

    .about-dream-title {
        font-size: 45px
    }

    .about-dream-subtitle,
    .contact-title {
        font-size: 40px
    }

    .about-good-header h3 {
        padding: 20px 70px;
        font-size: 45px
    }

    .founder-card {
        padding: 60px 62px 30px;
    }

    .about-good-header {
        margin-bottom: 80px
    }

    .our-value-row {
        margin: 0 -25px
    }

    .our-value-col {
        padding: 0 25px;
        margin-bottom: 50px
    }

    .way-gallery-row {
        grid-template-columns: repeat(auto-fill, minmax(215px, 1fr))
    }

    .fs-110 {
        font-size: 92px
    }

    .way-gallery-title {
        font-size: 25px
    }

    .btn-group-lg > .btn,
    .btn-lg {
        padding: 15px 40px;
        min-height: 64px;
        font-size: 18px
    }

    .loader img {
        width: 64px;
        height: 64px
    }

    .career-service-thumb {
        margin-left: 6px
    }

    .career-service-content h2 span {
        font-size: 68px
    }

    .blog-fluid-card-content {
        padding: 50px
    }

    .blog-fluid-card-title {
        font-size: 32px
    }

    .blog-fluid-card-mate {
        margin-bottom: 36px
    }

    .blog-video-card {
        min-height: 450px;
        max-height: 480px
    }

    .blog-video-content {
        padding: 55px 50px
    }

    .nav-pagination .pagination li {
        padding: 36px 30px 0
    }

    .phones-sumit-tractor-thumb,
    .phones-talkaado-thumb {
        max-width: 720px
    }

    .desktop-talkaado-thumb,
    .phones-krrier-thumb {
        max-width: 545px
    }

    .service-inner-explore-solutions-card {
        margin-bottom: 45px;
        padding: 45px 60px;
    }

    .custom-counter, .custom-promise {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .pattern-dots-2 {
        background-size: 80%;
        left: 240px
    }

    .pattern-dots-3 {
        background-size: 100%;
        width: 212.2px;
        right: 0
    }

    .declaration-section,
    .mostly-pavemen {
        width: 72%;
        height: auto;
        padding: 80px 36px 90px
    }

    .declaration-section .pavement-thumb img,
    .relationships-section .images-container img {
        max-width: 100%
    }

    .mostly-pavemen .pavement-thumb-2 {
        position: absolute;
        right: -169px;
        top: 0;
        max-width: 337px;
        margin: 0
    }

    .relationships-section .declaration-section-relationships .declaration-block {
        padding-top: 0
    }


}

@media (max-width: 991px) {

    .navbar-black .navbar-nav > .nav-item > .nav-link::before,
    .strength-card-title br,
    .sub-menu,
    .sub-menu .nav-item .nav-link:before {
        display: none
    }

    .navbar-black .navbar-nav > .nav-item:focus .sub-menu,
    .navbar-black .navbar-nav > .nav-item:hover .sub-menu,
    .sub-menu {
        opacity: 1;
        visibility: visible;
        top: auto
    }

    .navbar-nav .nav-item-children.open .sub-menu {
        display: block;
    }

    .loader img {
        width: 50px;
        height: 50px
    }

    .navbar {
        padding: 0;
    }

    .onedigiflow-mobiles-thumb {
        padding: 25px 0
    }

    .is-sticky .navbar {
        padding: 0;
    }

    .navbar-black .navbar-toggler {
        color: #fff;
        border-color: transparent;
        font-size: 32px;
        padding: 0;
        width: auto;
        height: auto
    }

    .navbar-black .navbar-toggler:focus,
    .navbar-black .navbar-toggler:hover {
        color: #fff;
        border-color: transparent;
        background-color: transparent;
        box-shadow: none
    }

    .offcanvas-menu {
        background-color: #3587c8;
        color: #fff;
        border-left: 0
    }

    .offcanvas-menu .offcanvas-body {
        padding: 0
    }

    .offcanvas-header .btn-close {
        margin-left: 4px;
        min-height: 10px
    }

    .offcanvas-header .btn-close,
    .offcanvas-header .btn-close:focus,
    .offcanvas-header .btn-close:hover {
        background-color: #fff
    }

    .navbar-nav,
    .sub-menu .nav-item {
        border-top: 1px solid #6d8dec
    }

    .navbar-nav > .nav-item {
        padding: 0;
        border-bottom: 1px solid #6d8dec
    }

    .navbar-black .navbar-nav .nav-item-children {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        cursor: pointer
    }

    .navbar-black .navbar-nav .nav-link {
        color: #fff;
        padding: 12px 20px;
        font-size: 18px
    }

    .navbar-black .navbar-nav .nav-link.active,
    .navbar-black .navbar-nav .nav-link:focus,
    .navbar-black .navbar-nav .nav-link:hover,
    .navbar-black .navbar-nav .show > .nav-link,
    .sub-menu .nav-item .nav-link.active,
    .sub-menu .nav-item .nav-link:focus,
    .sub-menu .nav-item .nav-link:hover {
        color: #000
    }

    .navbar-black .navbar-nav .nav-item-children .bi {
        display: block;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        transition: .4s ease-in-out
    }

    .navbar-black .navbar-nav .nav-item-children.open .bi {
        transform: rotate(180deg)
    }

    .sub-menu {
        position: relative;
        left: auto;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        width: 100%
    }

    .sub-menu .nav-item .nav-link {
        font-size: 16px;
        padding: 12px 30px;
        width: auto
    }

    .navbar-black .navbar-nav .nav-link.spacial {
        background: #000;
        display: inline-block;
        margin: 8px 20px;
        color: #fff
    }

    .navbar-black .navbar-nav .nav-link.spacial:focus,
    .navbar-black .navbar-nav .nav-link.spacial:hover {
        background: #000;
        color: #fff
    }

    .chat-open-btn {
        right: 25px;
        bottom: 25px
    }

    .chat-frame {
        right: 25px
    }

    .chat-frame.open {
        bottom: 25px
    }

    .chat-frame-header {
        padding: 20px 35px
    }

    .service-icon {
        width: 110px;
        height: 110px;
        margin-bottom: 20px;
        padding: 10px
    }

    .portfolio-inner-title,
    .service-card {
        margin-bottom: 30px
    }

    .about-dream-subtitle
    .single-blog-header-title,
    h1 {
        font-size: 32px
    }

    .blog-fluid-card-title,
    .career-service-content h2,
    .founder-name,
    .hire-card-action .btn-arrow,
    .partner-action-info h3,
    .partner-action-info h6,
    .partner-action-title,
    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 28px
    }

    .section {
        padding: 30px 0
    }

    .sec-title {
        font-size: 32px;
        margin-bottom: 20px
    }

    .sec-blog-view-header .sec-title {
        font-size: 30px;
    }

    .sec-sub-title,
    .services-content h6,
    .team-card-content h5 {
        font-size: 18px
    }

    .card-title {
        padding-bottom: 16px;
        font-size: 24px
    }

    .card-body {
        padding: 18px 14px
    }

    .site-banner h1 {
        font-size: 36px
    }

    .versat-card {
        margin-bottom: 30px;
        font-size: 20px
    }

    .versat-card img {
        margin-bottom: 15px
    }

    .blog-fluid-card-mate,
    .footer-title,
    .founder-content-header,
    .squashmind-section .squashmind-thumb {
        margin-bottom: 20px
    }

    .hire-card-thumb,
    .stories-item,
    .work-item {
        margin-bottom: 40px
    }

    .testimonial-card {
        padding: 40px
    }

    .primary-footer {
        padding: 35px 0 0;
    }

    .owl-partner .owl-nav button.owl-next,
    .owl-partner .owl-nav button.owl-prev {
        top: -121px
    }

    .testimonial-user-info {
        margin-bottom: 30px;
        margin-right: 20px
    }

    .testimonial-content {
        padding-left: 60px;
        font-size: 16px;
        margin-bottom: 30px
    }

    .contact-view,
    .promise-card-row {
        margin-left: 0
    }

    .contact-item {
        margin-bottom: 20px;
        font-size: 18px
    }

    .social-link-list {
        margin: 0 -6px
    }

    .social-link-list li {
        margin-bottom: 12px;
        padding: 0 6px
    }

    .secondary-footer-content {
        flex-direction: column
    }

    .form-control,
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    select,
    textarea {
        font-size: 18px;
        min-height: 58px
    }

    .input-group.form-floating .form-control + label {
        max-height: 58px
    }

    .btn-group-lg > .btn,
    .btn-lg {
        padding: 8px 35px;
        min-height: 50px;
        font-size: 20px
    }

    .select2-container .select2-selection--single {
        height: 54px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 54px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 52px
    }

    .form-control::-webkit-file-upload-button,
    .form-control::file-selector-button {
        min-height: 54px
    }

    .input-group .form-control[type=file] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .input-group-circle {
        padding: 0 10px
    }

    .btn-circle,
    a.btn-circle {
        width: 40px;
        height: 40px
    }

    .btn-circle-lg,
    a.btn-circle-lg {
        font-size: 32px;
        width: 54px;
        height: 54px
    }

    .input-group textarea {
        min-height: 160px
    }

    .counter-info,
    .faq-action,
    .founder-description,
    .input-group-text,
    .promise-card-column h4,
    .promise-card-row h4,
    .stories-card-title {
        font-size: 20px
    }

    .services-card {
        padding: 40px 50px 10px;
        margin-bottom: 30px
    }

    .contact-sub-title,
    .hire-card-title,
    .services-card-header-title,
    .single-service-content h2 {
        font-size: 24px
    }

    .services-content,
    .single-hiring-subtitle {
        margin-bottom: 25px
    }

    .our-focus-thumb,
    .portfolio-squash-card-thumb {
        margin: 0
    }

    .our-focus-section {
        padding: 35px 0;
        margin: 0 0 40px
    }

    .company-team-content,
    .our-focus-content h3,
    .portfolio-squash-card-header h3 {
        font-size: 26px
    }

    .counter-timer {
        font-size: 44px
    }

    .single-service-container,
    .single-service-header {
        padding: 30px 0 25px
    }

    .faq-item {
        margin-bottom: 36px;
        font-size: 18px
    }

    .faq-item h4 {
        margin-bottom: 16px;
        font-size: 25px
    }

    .single-service-gradient-content h2 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .single-service-gradient-content .btn {
        width: 60px;
        height: 60px;
        font-size: 40px
    }

    .dotted-two img {
        max-height: 180px
    }

    .single-service-gradient .dotted {
        left: 0;
        top: auto;
        bottom: 0
    }

    .portfolio-card {
        padding: 30px 35px;
        margin-bottom: 30px
    }

    .about-good-header,
    .onedigiflow-desktop-thumb {
        margin-bottom: 50px
    }

    .portfolio-inner-header {
        margin-bottom: 30px
    }

    .portfolio-card-thumb {
        margin-bottom: 60px
    }

    .portfolio-squash-card {
        margin-bottom: 30px;
        padding: 35px 45px;
        flex-direction: column
    }

    .strength-card {
        padding: 48px
    }

    .strength-card-title {
        font-size: 22px;
        margin-bottom: 30px
    }

    .promise-card-row .promise-card-thumb {
        margin-right: 35px
    }

    .partner-park-list li:nth-child(2n) {
        padding-left: 50px
    }

    .hire-card {
        padding: 45px
    }

    .hire-card-action .btn {
        font-size: 18px;
        min-height: 50px
    }

    .about-good-header h3 {
        padding: 15px 52px;
        font-size: 38px
    }

    .about-dream-title {
        font-size: 40px;
        margin-left: 0
    }

    .about-good-container {
        padding-bottom: 0
    }

    .our-value-row {
        margin: 0 -15px
    }

    .our-value-col {
        padding: 0 15px;
        margin-bottom: 30px;
        width: 50%
    }

    .founder-content {
        font-size: 18px;
        margin-right: 0
    }

    .founder-card {
        padding: 40px 42px 20px;
    }

    .fs-110 {
        font-size: 76px
    }

    .way-gallery-row {
        grid-template-columns: repeat(auto-fill, minmax(155px, 1fr))
    }

    .way-gallery-thumb,
    .way-gallery-video {
        border-radius: 20px;
        padding: 10px
    }

    .way-gallery-thumb img,
    .way-gallery-video-inner > * {
        border-radius: 16px
    }

    .company-team-section {
        margin: 30px 0
    }

    .team-card-content {
        padding: 40px 25px 30px;
        font-size: 15px
    }

    .career-service-content h2 span {
        font-size: 48px
    }

    .blog-fluid-card-thumb {
        order: 1;
        width: 100%;
        max-height: 260px
    }

    .blog-fluid-card-content {
        padding: 30px;
        width: 100%
    }

    .blog-video::before {
        padding-top: 69%
    }

    .stories-card-thumb {
        margin-right: 25px
    }

    .nav-pagination .pagination li {
        padding: 24px 20px 0
    }

    .nav-pagination .pagination .page-link::before {
        top: -35px;
        width: 20px;
        height: 20px
    }

    .blog-video-content {
        padding: 45px 30px
    }

    .single-blog-thumb img {
        max-height: 340px
    }

    .single-blog-header {
        max-width: none
    }

    .contact-title {
        font-size: 36px;
        line-height: 1.1
    }

    .contact-content {
        margin-bottom: 70px;
        padding: 0 45px
    }

    .location-container {
        padding-top: 50px
    }

    .single-hiring-item {
        margin-bottom: 35px
    }

    .single-hiring-title {
        font-size: 22px
    }

    .single-hiring-list li {
        margin-bottom: 18px
    }

    .portfolio-inner-sub-title {
        font-size: 16px
    }

    .squashmind-container {
        margin-bottom: 0
    }

    .squashmind-section::before {
        height: 15px
    }

    .phones-sumit-tractor-thumb,
    .phones-talkaado-thumb {
        max-width: 520px
    }

    .desktop-talkaado-thumb,
    .phones-krrier-thumb {
        max-width: 445px
    }

    .company-team-content h2 {
        font-size: 40px
    }

    .container-top {
        bottom: 60px;
        right: 30px
    }

    .pattern-dots-3,
    .service-inner-flutter-image .androids-logo-symbol,
    .service-inner-flutter-image-large:after,
    .service-inner-ios-section-two .androids-logo-symbol {
        display: none
    }

    .service-inner-androids-container {
        display: inline-block
    }

    .service-inner-flutter-image {
        width: 100%;
        position: relative
    }

    .service-inner-flutter-image-large {
        overflow: inherit
    }

    .service-inner-androids-content {
        width: 100%;
        padding: 0;
        min-height: auto
    }

    .service-inner-flutter-image-large img {
        position: relative;
        left: 0;
        right: 0;
        transform: none
    }

    .restaurant-section .col-sm-6,
    .service-inner-ios-section-two .service-inner-ios-image,
    .service-inner-laravel-section .service-inner-ios-image {
        width: 100%
    }

    .service-inner-ios-section-two .service-inner-ios-image-large img {
        position: relative;
        transform: none;
        top: 0;
        left: 0
    }

    .ios-service-container h2,
    .service-inner-ios-section-two .service-inner-androids-content h3 {
        font-size: 20px;
        line-height: 34px
    }

    .service-inner-ios-section-two .service-inner-androids-content {
        padding-top: 20px
    }

    .service-inner-laravel-section .service-inner-ios-image-large img {
        max-width: 100%;
        left: 0;
        position: relative;
        transform: none;
        top: 0
    }

    .service-inner-laravel-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .service-inner-wordpress-section .service-inner h3 {
        font-size: 25px;
        line-height: 47px;
    }

    .service-inner-hire-card {
        padding: 40px;
    }

    .pt-40 {
        padding-top: 20px;
    }

    .service-inner-joomla-section:before {
        background-size: contain;
        width: 525.82px;
        height: 421.83px;
    }

    .pattern-dots-1 {
        background-size: 50%;
        width: 248.49px;
        left: 0;
    }

    .pattern-dots-2 {
        width: 269.2px;
        background-size: 50%;
        left: 157px;
        margin-top: 300px;
    }

    .pattern-dots-4 {
        background-size: 50%;
        left: 50%;
        bottom: -164px
    }

    .pattern-dots-5 {
        background-size: 70%;
        bottom: -155px
    }

    .title-RFMx {
        font-size: 25px;
        line-height: 1.5rem
    }

    .wellness-connect-section p {
        font-size: 14px;
        line-height: 1.5
    }

    .declaration-section .pavement-thumb {
        position: absolute;
        left: -163px;
        top: 24px;
        max-width: 366px;
        margin: 0
    }

    .declaration-section {
        width: 80%;
        height: auto;
        padding: 80px 36px 90px
    }

    .declaration-section p {
        max-width: 315px
    }

    .fntech-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .restaurant-section {
        background-size: 100%;
        min-height: auto;
        padding-bottom: 0
    }

    .section-block-restaurant {
        padding-left: 0;
        padding-top: 151px;
        text-align: center
    }

    .restaurant-section .section-block-restaurant p {
        line-height: 24px;
        max-width: 100%
    }

    .different-section-pos .circle-one-1 {
        width: 300.44px;
        height: 300.44px
    }

    .different-section-pos .circle-two-2 {
        width: 250px;
        height: 250px;
        transform: none;
        top: 27px;
        margin: 0 auto;
        left: -37px;
        right: 0
    }

    .different-section-pos .images-container .vert-move {
        max-width: 64%
    }

    .different-section-pos .sub-titile {
        padding-top: 50px
    }

    .educational-section {
        padding: 20px
    }

    .educational-section .section-block-restaurant,
    .section-entertainment .pt-100,
    .section-social-container .pt-100,
    .section.section-entertainment {
        padding-top: 0
    }

    .educational-section:after {
        height: 100%;
        right: 1px;
        background-size: 100%;
        width: 100%;
        bottom: 0;
        background-position: bottom
    }

    .images-container-effect {
        width: 100%;
        height: 100%
    }

    .images-container-effect img {
        max-width: 90%;
        height: 250px
    }

    .images-container-effect:after {
        width: 100%;
        height: 266.05px;
        left: 7px
    }

    .Admin-users {
        padding: 20px 30px
    }

    .Admin-users .declaration,
    .agricultural-section .declaration,
    .erp-section-agricultural .declaration {
        font-size: 16px;
        line-height: 24px
    }

    .Admin-users .samsonadvisory-app img {
        max-width: 90%;
        margin-top: 0
    }

    .Admin-users .samsonadvisory-app:after {
        width: 100px;
        height: 100px;
        top: 0;
        right: 0
    }

    .Admin-users .samsonadvisory-app:before {
        width: 90px;
        height: 90px
    }

    .section-e-commerce-App .images-container-e-commerce:before {
        min-height: 150px;
        bottom: 68px
    }

    .section-e-commerce-App .sec-header .declaration {
        text-align: left
    }

    .images-container-e-commerce {
        margin-top: 50px
    }

    .entertainment-section {
        padding: 65px 20px
    }

    .entertainment-section .commerce-img-triangle {
        width: 192.3px;
        height: 192.3px;
        left: 0;
        top: 0;
        margin: 40px auto 0;
        display: block
    }

    .entertainment-section .before-bg {
        width: 192.3px;
        height: 192.3px;
        left: 13px;
        top: 0
    }

    .entertainment-section .after-bg {
        width: 36.04px;
        height: 36.04px;
        right: 75px;
        top: 0
    }

    .entertainment-section .after-bg img {
        max-width: 24px
    }

    .entertainment-section .commerce-img-triangle::before {
        width: 1179.52px;
        height: 818.7px;
        background-size: 72%;
        transform: translate(-364px, -185px) rotate(-45deg)
    }

    .entertainment-section .section-block-commerce .declaration {
        max-width: 100%;
        line-height: 1.5
    }

    .section-entertainment .declaration {
        line-height: 1.5
    }

    .section-entertainment .images-containerFunky {
        margin-top: 0;
        padding: 20px
    }

    .section-entertainment .images-containerFunky:before {
        width: 79%;
        left: 39px;
        height: 242px;
        top: 30px
    }

    .section-entertainment .nav-list {
        width: 100%;
        margin-top: 0;
        padding-left: 6px
    }

    .section-entertainment .nav-list li {
        font-size: 14px;
        line-height: 50px
    }

    .section-entertainment .nav-list li:before {
        top: 14px
    }

    .Social-section .section-block-social {
        padding-top: 45px;
        padding-left: 5px
    }

    .Social-section .section-block-social li {
        font-size: 18px;
        line-height: 50px
    }

    .Social-section {
        height: 273.82px
    }

    .erp-section-social .declaration,
    .section-social-container .container-up-neu .declaration,
    .section-social-container .sec-header .declaration {
        font-size: 15px;
        line-height: 24px
    }

    .section-social-container .upneu-navi li {
        font-size: 16px;
        line-height: 53px
    }

    .section-social-container .container-up-neu {
        padding-left: 26px
    }

    .section-crypto-container:after {
        width: 294px;
        height: 294px
    }

    .section-crypto-container .container-up-neu img,
    .section-crypto-container .crypto-images-section img {
        max-width: 100%
    }

    .declaration-content-section .declaration {
        font-size: 15px;
        line-height: 25px;
        max-width: 354px
    }

    .section-crypto-container .container-up-neu:before {
        width: 156px;
        height: 156px;
        left: -20px;
        top: 28px
    }

    .section-crypto-container .container-up-neu:after {
        left: 61px;
        z-index: -1;
        height: 100%;
        bottom: -130px
    }

    .section-crypto-container .crypto-images-section:after {
        width: 120px;
        bottom: 196px;
        right: -88px;
        z-index: -1
    }

    .erp-section-agricultural .sec-header {
        margin-bottom: 0
    }

    .section-agricultural-container .crypto-images-section img {
        max-width: 80%
    }

    .section-agricultural-container .declaration {
        font-size: 15px;
        line-height: 25px;
        max-width: 310px
    }

    .section-agricultural-container .container-up-neu img {
        max-width: 530px
    }

    .section-agricultural-container:after {
        width: 345px;
        min-height: 233px
    }

    .service-inner-android-google-container {
        flex-direction: column;
    }

    .service-inner-android-google-content {
        width: 100%;
        padding-right: 0;
    }

    .service-inner-android-google-image {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        transform: inherit;
    }

    .service-inner-androids-list-card {
        padding: 40px 50px;
    }

    .service-inner-androids-list-item {
        margin-bottom: 20px;
    }

    .service-inner-androids-image, .service-inner-flutter-image {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        z-index: 1;
        margin-bottom: 30px;
        text-align: center;
    }

    .service-inner-androids-container.flip .service-inner-androids-image {
        right: auto !important;
        left: auto;
    }

    .service-inner-androids-image-large img {
        position: relative;
        top: auto;
        left: auto;
        transform: inherit;
        min-width: auto;
        min-height: auto;
        max-width: 100%;
    }

    .service-inner-androids-section {
        padding: 40px 0 30px;
    }

    .androids-logo-symbol {
        display: none;
    }

    .service-inner-androids-container.flip .service-inner-androids-content {
        padding: 0;
    }

    .alter3-features .shape-ring-laptop {
        position: relative;
        transform: inherit !important;
        width: 100%;
        height: 239.55px
    }

    .alter3-features .shapes-container {
        overflow: unset;
        position: relative;
        padding: 0 15px;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .summit-isuniye .portfolio-inner-title {
        font-size: 95px;
    }

}

@media (max-width: 767px) {
    .site-banner h1 {
        margin-bottom: 20px;
        font-size: 32px
    }


    .blog-fluid-card-title, .career-service-content h2, .founder-name, .hire-card-action .btn-arrow, .partner-action-info h3, .partner-action-info h6, .partner-action-title, h2 {
        font-size: 26px;
    }

    .footer-title:after {
        display: none;
    }

    .blog-video-content h3,
    .counter-info,
    .founder-description,
    .promise-card-column h4,
    .promise-card-row h4,
    .site-banner h5,
    .work-card-content {
        font-size: 18px
    }

    .service-card,
    body {
        font-size: 16px
    }

    .blog-card {
        padding: 20px 20px 2px;
        margin-bottom: 50px
    }

    .blog-card-content h3,
    .blog-fluid-card-title,
    .portfolio-card-header h3,
    .testimonial-card-title {
        font-size: 24px
    }

    .footer-menu,
    .map-card,
    .our-focus-thumb,
    .promise-card-column,
    .single-service-content {
        margin-bottom: 25px
    }

    .company-team-content h2,
    .sec-title,
    .single-blog-header-title {
        font-size: 30px
    }

    .sec-blog-view-header .sec-title {
        font-size: 28px;
    }

    .contact-sec-title span {
        font-size: 36px
    }

    .blog-fluid-item:not(:last-child),
    .categories-fluid,
    .hiring-graphics-thumb,
    .sec-header,
    .work-item {
        margin-bottom: 30px
    }

    .testimonial-user-info {
        margin-right: 0
    }

    .testimonial-content::before {
        top: 16px
    }

    .partner-thumb {
        text-align: center
    }

    .about-dream-title span,
    .owl-partner .partner-thumb img {
        display: inline-block
    }

    .owl-partner .owl-nav button.owl-next,
    .owl-partner .owl-nav button.owl-prev {
        top: auto;
        position: relative;
        right: auto
    }

    .section {
        padding: 25px 0
    }

    .trusted-card {
        text-align: center;
        margin-top: 16px;
    }

    .development-block,
    .stories-card {
        flex-direction: column;
        align-items: flex-start
    }

    .development-thumb {
        margin-right: 0;
        margin-bottom: 25px;
        min-height: 328px
    }

    .counter-timer,
    .footer-title {
        margin-bottom: 12px
    }

    .development-list li:first-child,
    .development-list li:nth-child(7) {
        margin-left: 0;
        margin-bottom: 16px
    }

    .development-list li:nth-child(2),
    .development-list li:nth-child(3),
    .development-list li:nth-child(5),
    .development-list li:nth-child(6) {
        margin-left: 0
    }

    .development-list-thumb {
        margin-right: 20px
    }

    .development-list li:first-child .development-list-thumb,
    .development-list li:nth-child(2) .development-list-thumb {
        bottom: auto
    }

    .development-list li:nth-child(6) .development-list-thumb,
    .development-list li:nth-child(7) .development-list-thumb {
        top: auto
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .row > * {
        padding-right: 16px;
        padding-left: 16px
    }

    .row {
        margin-right: -16px;
        margin-left: -16px
    }

    .testimonial-card {
        padding: 30px 20px
    }

    .btn-outline-white {
        min-width: 200px;
        min-height: 50px;
        font-size: 16px
    }

    .contact-sub-title,
    .development-list-content h3,
    .single-service-content h2 {
        font-size: 20px
    }

    .founder-name,
    .partner-action-info h3,
    .partner-action-info h6,
    .partner-action-title,
    .work-card-content h4 {
        font-size: 26px
    }

    .counter-timer {
        font-size: 36px
    }

    .services-card {
        padding: 30px 30px 10px;
        margin-bottom: 25px
    }

    .services-card-header {
        align-items: flex-start;
        margin-bottom: 35px;
        flex-direction: column
    }

    .services-card-header .btn {
        margin-left: 0;
        margin-top: 16px
    }

    .services-thumb-list {
        padding-left: 0
    }

    .single-service-header {
        padding: 0 0 30px
    }

    .single-service-container {
        padding-bottom: 0
    }

    .ripple {
        display: none
    }

    .strength-col {
        max-width: calc(100% - 2 * 12px);
        min-width: calc(100% - 2 * 12px)
    }

    .promise-card {
        padding: 35px 30px
    }

    .promise-card-row .promise-card-thumb {
        margin-right: 18px
    }

    .strength-card {
        min-height: 10px;
        padding: 35px
    }

    .portfolio-inner-title,
    .service-perk-card .service-icon,
    .strength-card-title {
        margin-bottom: 20px
    }

    .partner-park-list li {
        width: 100%
    }

    .partner-park-list li:nth-child(2n) {
        padding-left: 10px
    }

    .partner-action-info {
        margin-top: 10px
    }

    .about-good-header {
        margin-bottom: 40px
    }

    .about-dream-title {
        font-size: 38px;
        margin-left: 0
    }

    .about-dream-subtitle,
    .career-service-content h2 {
        font-size: 28px
    }

    .way-gallery-reverse-item .way-gallery-col:nth-child(3) {
        grid-row-start: inherit;
        grid-row-end: inherit;
        grid-column: span 1
    }

    .way-gallery-reverse-item .way-gallery-col:first-child {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column: span 2
    }

    .way-gallery-reverse-item .way-gallery-col:nth-child(4) {
        grid-row-start: inherit;
        grid-row-end: inherit;
        grid-column: span 2
    }

    .life-header {
        margin-bottom: 50px
    }

    .way-gallery-title {
        margin-bottom: 30px;
        font-size: 22px;
        padding-top: 6px
    }

    .career-service-thumb {
        margin-bottom: 45px
    }

    .blog-fluid-card-content .btn {
        min-width: 175px;
        font-size: 18px
    }

    .blog-video-content {
        padding: 35px 20px
    }

    .stories-card-thumb {
        margin-right: 0;
        margin-bottom: 25px;
        max-width: 100%;
        min-width: 100%
    }

    .owl-blog-video .owl-nav {
        margin-top: 20px
    }

    .contact-title {
        font-size: 32px
    }

    .location-container {
        padding-top: 30px
    }

    .location-col {
        padding: 0 20px
    }

    .single-service-thumb {
        margin-left: 6px
    }

    .krrier-section .krrier-thumb,
    .squashmind-section .squashmind-thumb {
        max-width: 400px
    }

    .squashmind-section::before {
        height: 10px
    }

    .phones-sumit-tractor-thumb,
    .phones-talkaado-thumb {
        max-width: 440px
    }

    .desktop-talkaado-thumb,
    .phones-krrier-thumb {
        max-width: 350px
    }

    .phones-isuniye-spacial-thumb {
        margin-right: -100px
    }

    .banner-thumb {
        height: 100%;
        margin-bottom: 12px;
        min-height: 230px
    }

    .company-team-content {
        font-size: 20px;
        margin-bottom: 20px
    }

    .join-team-btn,
    .join-team-field .form-control {
        font-size: 18px;
        min-height: 52px
    }

    .company-team-form .btn,
    .join-team-btn .icon {
        width: 70px;
        height: 52px
    }

    .join-team-field .form-control {
        padding: 10px 18px 10px 32px;
        width: calc(100% - 70px)
    }

    .join-team-btn .btn-text {
        padding: 10px 18px 10px 32px
    }

    .site-footer:after {
        right: 18px;
        bottom: 140px;
        width: 98px;
        background-size: 100%;
    }

    .site-footer:before {
        background-size: 100%;
        width: 120px;
        left: 15px;
        top: -70px;
    }

    .graphic-description .title,
    .nav-graphic li,
    .service-inner-explore-solutions-card h3,
    .service-inner-graphics .service-inner-header h3,
    h3 {
        font-size: 20px
    }

    p {
        line-height: 24px;
        margin-bottom: 10px;
        font-size: 14px !important
    }

    .service-support-item {
        width: 50%
    }

    .service-inner-VueJs:before {
        left: 3px;
        width: 176px;
        height: 167px;
        top: 130px;
        background-size: cover;
        background-repeat: no-repeat
    }

    .mykrrier-features-thumb img,
    .relationships-section .images-container img,
    .section-agricultural-container .container-up-neu img,
    .section-social-container .images-containersocial,
    .single-service-container .counter-info {
        max-width: 100%
    }

    .service-inner-explore-solutions-card,
    .service-inner-hire-card {
        padding: 20px 30px
    }

    .btn-hire {
        margin: 10px auto;
        display: block
    }

    .service-inner-explore-solutions-card .icon-send {
        left: 20px;
        top: 70px
    }

    .service-inner-explore-solutions-card .icon-stop {
        top: 75px;
        right: 20px
    }

    .service-inner-explore-solutions-card .icon-text {
        bottom: 26px;
        left: 20px
    }

    .service-inner-explore-solutions-card .icon-pen {
        bottom: 26px;
        right: 20px
    }

    .btn-java {
        margin-top: 17px
    }

    .service-inner-laravel-app-header .fluid-box-content svg {
        width: 30px;
        height: 33px
    }

    .service-inner-flutter-app-header .fluid-box h2 {
        font-size: 20px;
    }

    .ios-service-container {
        display: flex;
        padding-top: 40px
    }

    .section-agricultural-container .sec-header h2,
    .section-social-container .container-up-neu h3,
    .section-social-container .sec-header h2,
    .service-inner-api-section-new .service-item h2,
    .service-inner-laravel-section .service-inner-androids-content h3,
    .service-inner-wordpress-section .service-inner h3 {
        font-size: 20px;
        line-height: normal
    }

    .service-inner-wordpress-section .service-item {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .service-inner-wordpress-section .description {
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .Admin-users .samsonadvisory-app,
    .service-inner-section {
        padding-top: 40px
    }

    .crypto-images-section:after,
    .educational-section:after,
    .graphicmax-width-section .circle-box,
    .pattern-dots-3,
    .pattern-dots-4,
    .service-inner-Joomla-1:before,
    .service-inner-joomla-section:before,
    .site-footer-logo:before {
        display: none
    }

    .service-inner-joomla-section {
        padding-top: 0;
        padding-bottom: 0
    }

    .footer-title {
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
        position: relative;
        width: 100%;
        transition: transform 333ms ease-out, color 333ms
    }

    .footer-title .icon {
        position: absolute;
        right: 0;
        color: #fff;
        display: block;
        top: 0
    }

    .footer-title.open .icon {
        fill: #3587c8;
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        color: #3587c8
    }

    .container-top .loader i {
        width: 110.43px;
        height: 110.43px;
        background-size: cover
    }

    .title-out-line {
        font-size: 30px;
        line-height: 1.3
    }

    .service-inner-graphics .service-inner-content {
        width: 100%;
        background-size: 100%
    }

    .service-inner-graphics .dribbbl-section ul li,
    .service-inner-graphics .mobile-wep-section h3 {
        font-size: 22px;
        line-height: 1.3
    }

    .Onedigiflow-section,
    .list-navi-mobile,
    .mobile-wep-section,
    .section-Research-App,
    .section-agricultural-container,
    .section-entertainment .pt-100,
    .section-social-container,
    .section.section-entertainment,
    .topcleaning-connect {
        padding-top: 0
    }

    .list-navi-mobile li {
        font-size: 15px;
        line-height: 37px
    }

    .list-navi-mobile li:before {
        top: 10px
    }

    .list-navi-mobile-img li:nth-child(2),
    .list-navi-mobile-img-2 li:first-child,
    .list-navi-mobile-img-2 li:nth-child(3) {
        margin-right: 0
    }

    .list-navi-mobile-img li,
    .list-navi-mobile-img-2 li {
        padding-bottom: 20px
    }

    .service-inner-graphics .service-inner-content .pt-60 {
        padding-top: 10px
    }

    .educational-section,
    .talkaado-container-1 {
        padding: 15px 0;
    }

    .single-feature-box {
        padding: 25px 20px;
    }

    .portfolio-title {
        font-size: 30px;
        text-align: center
    }

    .portfolio-description,
    .section-queue-connect h5,
    .talkaado-web-section h5 {
        font-size: 16px;
        line-height: 1.5
    }

    .portfolio-description {
        text-align: center
    }

    .talkaado-web-section p {
        line-height: 1.5 !important
    }

    .banner_section .banner_images .banner_screen {
        margin-bottom: 50px !important
    }

    .banner_section .banner_images .banner_screen:last-child,
    .erp-section,
    .squashmind-container-new {
        margin-bottom: 0
    }

    .onedigiflow-desktop-thumb,
    .portfolio-inner-header {
        margin-bottom: 16px
    }

    .section-tractor-connect {
        padding-bottom: 160px
    }

    .section-tractor-connect .phones-sumit-tractor .phones-sumit-tractor-thumb {
        margin-top: -74px
    }

    .section-tractor-connect .phones-sumit-tractor {
        max-height: 150px
    }

    .business-like-section,
    .section-mykrrier {
        min-height: auto
    }

    .icons-block img {
        width: 56px
    }

    .mykrrier-features-thumb .icons-block {
        top: 108px
    }

    .krrier-navi {
        padding-left: 0;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .krrier-navi li {
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 18px
    }

    .container-top {
        right: 0;
        bottom: 60px
    }

    .container-top .icons {
        transform: translate(-52px, -45px) rotate(45deg)
    }

    .container-top .icons .top-rocket {
        background-size: cover;
        width: 28.98px;
        height: 64px;
        top: 0
    }

    .service-inner-custom-code-section .description {
        padding-top: 42px
    }

    .relationships-section .declaration-section-relationships,
    .service-inner-section-device .col-sm-3:nth-child(2) .img-mobile,
    .service-inner-section-device .col-sm-3:nth-child(4) .img-mobile,
    .squashmind-container-new .col-6.col-sm-4:first-child .img-mobile-squashmind,
    .squashmind-container-new .col-6.col-sm-4:nth-child(3) .img-mobile-squashmind {
        margin-top: 0
    }

    #parent-circle {
        left: 0;
        width: 306.26px;
        height: 305.38px;
        background-size: cover
    }

    .service-inner-section-device .img-mobile {
        margin-bottom: 25px
    }

    .summit-isuniye .portfolio-inner-title {
        font-size: 60px;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .pattern-dots-2 {
        left: 60px;
        background-size: 50%;
        margin-top: 100px
    }

    .pattern-dots-5 {
        height: 215.98px;
        width: 187.63px;
        background-size: 65%;
        bottom: -215px
    }

    .pattern-dots-1 {
        background-size: 50%;
        width: 158.49px;
        left: 0;
        top: 60px
    }

    .single-feature-box li {
        font-size: 14px;
        line-height: 1.5
    }

    .apps-month-area .title-app {
        top: 36%;
        left: 5%;
        font-size: 22px;
        line-height: 1.5rem
    }

    .categorizes-mainly-section .work-single-item {
        text-align: center;
        min-height: auto;
        float: none;
        margin: 0 auto;
        border: 1px solid #2d2f35;
        padding: 10px
    }

    .categorizes-mainly-section .work-single-item .title {
        font-size: 18px;
        text-align: center;
        position: relative;
        line-height: normal;
        left: 0;
        top: 0;
        padding-top: 10px
    }

    .categorizes-mainly-section .work-single-item .icon {
        position: relative;
        min-height: auto
    }

    .categorizes-mainly-section .work-single-item .icon i img {
        width: 32px
    }

    .driver-mainly-section .portfolio-inner-title {
        font-size: 30px;
        line-height: 1.5;
        margin: 0
    }

    .driver-mainly-section .work-single-item .title {
        font-size: 18px;
        line-height: 1.5;
        max-width: 100%;
        padding-bottom: 22px
    }

    .section-queue-connect .title {
        font-size: 25px;
        padding-bottom: 0
    }

    .queue-delivery-connect .container-img .title-app {
        font-size: 16px;
        top: 3%
    }

    .queue-delivery-connect .title-app,
    .section-delivery-connect .title-app,
    .title-RFMx {
        font-size: 20px;
        line-height: 1.5rem
    }

    .section-delivery-connect {
        padding-bottom: 0
    }

    .apps-month-area-new:before {
        background-size: cover;
        background-repeat: no-repeat;
        height: 66.32px
    }

    .apps-month-area-new:after {
        background-size: cover;
        background-repeat: no-repeat;
        height: 66.32px;
        bottom: 0
    }

    .section-device-driver .col {
        flex: 0 0 33%;
        max-width: 100%
    }

    .wellness-connect-section {
        max-height: 100%;
        margin-top: 42px
    }

    .wellness-connect-section .container-img {
        margin-top: -120px;
        margin-bottom: 24px
    }

    .service-inner-custom-code-section .mobile-controls img {
        max-width: 80%
    }

    #parent-circle .circle.gary-2 {
        background: #3d3e42;
        left: 301px;
        top: 92px
    }

    #parent-circle .circle.gary {
        background: #3d3e42;
        left: 166px;
        top: 106%
    }

    .site-footer {
        position: relative;
        width: 100%;
        float: left
    }

    .site-footer-logo {
        position: relative;
        width: 100%;
        float: left;
        padding-bottom: 24px
    }

    .declaration-section {
        width: 100%;
        padding: 40px 36px
    }

    .declaration-section .pavement-thumb {
        position: relative;
        left: 0;
        max-width: 100%;
        top: 0
    }

    .declaration-section p {
        max-width: 100%;
        display: block;
        text-align: center
    }

    .mostly-pavemen {
        width: 100%;
        text-align: center;
        padding: 40px
    }

    .mostly-pavemen .pavement-thumb-2 {
        position: relative;
        right: 0;
        max-width: 100%
    }

    .fntech-section {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .business-like-section .declaration,
    .crypto-section .declaration,
    .declaration-content-section .declaration,
    .different-section-pos .declaration-block,
    .erp-section .declaration,
    .erp-section-agricultural .declaration,
    .erp-section-crypto .sec-header .declaration,
    .erp-section-e-commerce .sec-header .declaration,
    .erp-section-educational .declaration,
    .fntech-section .declaration,
    .section-Research-App .declaration,
    .section-block-restaurant .declaration,
    .section-e-commerce-App .declaration,
    .section-entertainment .declaration,
    .section-social-container .container-up-neu .declaration,
    .section-social-container .sec-header .declaration {
        line-height: 1.5
    }

    .Onedigiflow-section .declaration-block {
        padding-top: 10px;
        max-width: 100%;
        padding-left: 0;
        line-height: 1.5
    }

    .Onedigiflow-section .images-container {
        margin-top: 20px !important
    }

    .relationships-section .declaration-section-relationships .declaration-block {
        padding-top: 0;
        line-height: 1.5;
        padding-bottom: 8px
    }

    .relationships-section .images-container {
        text-align: right;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .business-like-section .sec-header {
        margin-top: 20px
    }

    .section-block-restaurant {
        padding-left: 0;
        text-align: center;
        margin-top: 50px
    }

    .restaurant-section {
        background-size: 100%;
        min-height: auto;
        padding-bottom: 0
    }

    .different-section-pos .circle-one-1 {
        width: 300px;
        height: 300px;
        margin: 0 auto
    }

    .different-section-pos .circle-two-2 {
        width: 250px;
        height: 250px;
        transform: none;
        top: 24px
    }

    .different-section-pos .images-container .vert-move img {
        max-width: 60%
    }

    .different-section-pos .sub-titile {
        font-size: 20px;
        margin: 0;
        padding-top: 20px
    }

    .educational-section .section-block-restaurant {
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 20px
    }

    .images-container-effect {
        margin-top: 0 !important;
        width: 100%;
        height: auto
    }

    .images-container-effect img {
        max-width: 90%;
        height: auto
    }

    .images-container-effect:after {
        width: 90%;
        top: 2px;
        left: 30px;
        height: 294.05px
    }

    .section-Research-App .declaration-block {
        line-height: 1.5;
        max-width: 100%;
        padding-top: 53px
    }

    .Admin-users {
        padding: 15px;
        max-height: 440px
    }

    .Admin-users .samsonadvisory-app img {
        max-width: 90%;
        margin-top: 0
    }

    .Admin-users .samsonadvisory-app:before {
        width: 80px;
        height: 80px;
        left: 0;
        top: 84px
    }

    .Admin-users .samsonadvisory-app:after {
        width: 100px;
        height: 100px;
        right: -7px;
        top: 40px
    }

    .E-Commerce-section,
    .entertainment-section {
        padding: 20px;
        max-height: 100%
    }

    .E-Commerce-section .section-block-commerce .declaration {
        padding-top: 0;
        max-width: 100%;
        line-height: 1.5
    }

    .E-Commerce-section .commerce-img img {
        max-height: 100%
    }

    .section-e-commerce-App .sec-header h2 {
        font-size: 20px;
        line-height: 1.5;
        text-align: center
    }

    .section-e-commerce-App .images-container-e-commerce:before {
        min-height: 170px;
        bottom: 67px
    }

    .section-e-commerce-App .col-12.pt-50.pb-40 {
        padding-bottom: 10px;
        padding-top: 20px
    }

    .entertainment-section .commerce-img-triangle {
        width: 225.3px;
        height: 225.3px;
        left: 0;
        top: 0;
        margin: 40px auto 0;
        display: block
    }

    .entertainment-section .before-bg {
        width: 226.3px;
        height: 226.3px;
        left: 24px;
        top: 0
    }

    .entertainment-section .after-bg {
        width: 36.04px;
        height: 36.04px;
        right: 75px;
        top: 0
    }

    .entertainment-section .after-bg img {
        max-width: 24px
    }

    .entertainment-section .commerce-img-triangle::before {
        width: 1179.52px;
        height: 818.7px;
        background-size: 72%;
        transform: translate(-364px, -185px) rotate(-45deg)
    }

    .entertainment-section .section-block-commerce .declaration {
        max-width: 100%;
        line-height: 1.5
    }

    .section-entertainment .images-containerFunky {
        margin-top: 0;
        padding: 20px
    }

    .section-entertainment .images-containerFunky:before {
        width: 79%;
        left: 39px;
        height: 242px;
        top: 30px
    }

    .section-entertainment .nav-list {
        width: 100%;
        margin-top: 0;
        padding-left: 6px
    }

    .section-entertainment .nav-list li {
        font-size: 14px;
        line-height: 50px
    }

    .section-entertainment .nav-list li:before {
        top: 14px
    }

    .Social-section .social-images img {
        border-radius: 19px 19px 0 0;
        max-width: 100%
    }

    .Social-section {
        height: 100%
    }

    .Social-section .section-block-social {
        padding-top: 14px;
        padding-left: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 20px
    }

    .Social-section .section-block-social li {
        font-size: 16px;
        line-height: 33px;
        text-align: center
    }

    .erp-section-social .declaration:before {
        width: 22px;
        height: 13px
    }

    .erp-section-social .declaration {
        line-height: 1.5;
        margin-bottom: 16px;
        padding-left: 35px
    }

    .section-social-container .upneu-navi {
        margin: 20px 0 0
    }

    .section-social-container .upneu-navi li {
        font-size: 16px;
        line-height: 30px
    }

    .section-social-container .upneu-navi li:before {
        width: 15px;
        height: 15px;
        top: 7px
    }

    .section-social-container .pt-100 {
        padding-top: 30px
    }

    .section-social-container .container-up-neu {
        padding-left: 0
    }

    .crypto-section {
        padding: 40px 20px
    }

    .section-crypto-container .container-up-neu img {
        max-width: 288px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .section-crypto-container .container-up-neu {
        position: relative;
        margin-top: 0
    }

    .section-crypto-container:after {
        width: 230px;
        height: 230px;
        right: -70px;
        top: 26%
    }

    .section-crypto-container .container-up-neu:before {
        width: 196px;
        height: 196px;
        left: 9px
    }

    .declaration-left-section {
        display: flex;
        width: 100%;
        flex-wrap: wrap
    }

    .container-up-neu:after {
        left: 110px;
        margin: 0 auto;
        z-index: -1;
        height: 100%
    }

    .section-agricultural-container .declaration-left-section .declaration-content-section {
        order: 0
    }

    .section-agricultural-container .crypto-images-section {
        text-align: center
    }

    .section-agricultural-container .crypto-images-section img {
        max-width: 70%
    }

    .section-agricultural-container .container-up-neu {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        margin-top: 50px
    }

    .section-agricultural-container:after {
        width: 69%;
        top: auto;
        bottom: 25px;
        min-height: 150px
    }

    .agricultural-section .declaration {
        line-height: 1.5;
        padding: 20px 0 0
    }

    .service-inner-androids-list-card {
        padding: 30px;
    }

    .service-inner-header h4 {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    a.disable-link {
        cursor: pointer;
        pointer-events: inherit
    }

    .about-dream-title,
    .contact-sec-title span {
        font-size: 32px
    }

    .footer-menu li a,
    .site-footer {
        font-size: 16px
    }

    .secondary-footer-menu {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        margin: 0
    }

    .secondary-footer-menu li {
        padding: 0
    }

    .chat-frame-body {
        padding: 30px 28px
    }

    .chat-controller .btn {
        margin-top: 0
    }

    .services-card-list {
        font-size: 18px
    }

    .graphics-content h4,
    .single-service-gradient-content h2 {
        font-size: 24px
    }

    .portfolio-card-thumb::before {
        width: 380px;
        height: 380px
    }

    .promise-card-row {
        flex-direction: column;
        text-align: center
    }

    .promise-card-row .promise-card-thumb {
        margin-right: 0;
        margin-bottom: 16px
    }

    .about-good-header h3 {
        padding: 12px 32px;
        font-size: 30px
    }

    .about-good-header h3:before {
        width: 292px
    }

    .about-dream-subtitle,
    .portfolio-card-header h3,
    .testimonial-card-title {
        font-size: 22px
    }

    .founder-card {
        padding: 30px 32px 16px;
    }

    .our-value-thumb {
        width: 90px;
        height: 90px;
        margin-bottom: 30px
    }

    .our-value-card {
        padding: 15px;
        min-height: 245px
    }

    .way-gallery-row {
        grid-template-columns: inherit
    }

    .way-gallery-col:first-child,
    .way-gallery-reverse-item .way-gallery-col:first-child,
    .way-gallery-reverse-item .way-gallery-col:nth-child(3),
    .way-gallery-reverse-item .way-gallery-col:nth-child(4) {
        grid-row-start: inherit;
        grid-row-end: inherit;
        grid-column: inherit
    }

    .way-gallery-col,
    .way-gallery-col:nth-child(4) {
        grid-column: inherit
    }

    .life-group-banner {
        margin-bottom: 20px
    }

    .fs-110 {
        font-size: 62px
    }

    .life-header {
        margin-bottom: 30px
    }

    .way-gallery-life .way-gallery-item::before {
        left: 42px
    }

    .way-gallery-title::before {
        left: 24px
    }

    .way-gallery-title {
        padding-left: 90px
    }

    .company-team-section {
        margin: 20px 0
    }

    .career-service-thumb {
        margin-left: 30px
    }

    .contact-header {
        margin-bottom: 80px
    }

    .contact-content {
        margin-bottom: 50px;
        padding: 0 25px
    }

    .location-col {
        padding: 20px 0;
        width: 100%
    }

    .location-col:not(:first-child) {
        border-left: 0;
        border-top: 1px solid #fff
    }

    .location-container .select2-container.select2 {
        max-width: none
    }

    .location-container .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0
    }

    .location-container {
        padding-top: 0
    }

    .portfolio-inner-title {
        margin-bottom: 12px
    }

    .squashmind-thumb {
        max-width: 280px;
        margin: 0 auto 20px
    }

    .phones-talkaado-thumb {
        max-width: 360px
    }

    .desktop-talkaado-thumb,
    .phones-krrier-thumb {
        max-width: 280px
    }

    .phones-isuniye-spacial-thumb {
        margin-right: -60px
    }

    .alert-hiring {
        right: 15px
    }

    .trusted-card li {
        margin-bottom: 10px;
    }

    .service-inner-androids-list-card-content {
        padding-left: 36px;
        padding-top: 0;
    }

    .service-inner-androids-list-card-content .android-number {
        font-size: 65px;
    }

    .service-inner-androids-list-card-content h3 {
        font-size: 24px;
    }
}

@media (max-width: 479px) {
    .offcanvas.offcanvas-end {
        width: 300px
    }

    .services-card-list li {
        width: 100%
    }

    .faq-item {
        margin-bottom: 26px;
        font-size: 16px
    }

    .about-dream-title,
    .faq-item h4 {
        font-size: 20px
    }

    .about-dream-subtitle,
    .way-gallery-title {
        font-size: 18px
    }

    .portfolio-card-thumb::before {
        width: 280px;
        height: 280px
    }

    .about-good-header h3 {
        padding: 12px 24px;
        font-size: 22px
    }

    .about-good-header h3::before {
        width: 185px
    }

    .our-value-card h5 {
        word-break: break-all;
        font-size: 18px;
        text-align: center
    }

    .contact-content {
        padding: 0
    }

    .contact-header {
        margin-bottom: 60px
    }

    .site-footer:after {
        right: 18px;
        bottom: 140px;
        width: 98px;
        background-size: 100%;
    }

    .site-footer:before {
        background-size: 100%;
        width: 120px;
        left: 15px;
        top: -70px;
    }

    .section-tractor-connect {
        padding-bottom: 76px;
    }
}

.sectio-nglobal {
    padding: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.button-secondary {
    background: linear-gradient(270.09deg, #794adc .07%, #5176e2 99.91%);
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
}

.home-source {
    position: relative;
}

.my-video-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    transform: translateY(-50%);
    width: 100%;
}

#margin-overlap {
    padding: 70px 60px;
    background-color: rgb(2 2 2 / 57%);
    color: #ffffff;
    max-width: 750px;
    border-radius: 0;
}

.site-banner-dec {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.site-banner-dec h5 {
    font-size: 15px;
}

.site-banner-dec .order-md-1 {
    background: rgb(18 19 22 / 61%);
    padding: 40px;
}

.contact-form-popup .contact-sec-title {
    color: #000;
}

.contact-form-popup .input-group textarea {
    min-height: 90px;
    padding-top: 20px;
}

.contact-form-popup .section {
    padding: 0px 0 20px;
}

.contact-form-popup .btn-close {
    position: absolute;
    right: 19px;
}

.address-box {
    position: relative;
    margin-bottom: 24px;
    height: calc(100% - 24px);
}

.tab-pane-section ul .nav-item .nav-link.active-trading {
    transform: scale(1.025);
    background: linear-gradient(270deg, #2468ed 56.91%, #8048db 92.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}

.clock-address-section {
    padding-top: 100px;
    padding-bottom: 60px;
    background: #121316;
    margin-bottom: 0px;
}

.clock-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid #ccc 2px;
    padding: 30px;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    height: 100%;
}

.address-box .ex2:before {
    background: #ff1628;
}

.address-box .ex3:before {
    background: #930f90;
}

.address-box .ex4:before {
    background: #fdb944;
}

.footer-info-block-content {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    padding-bottom: 50px;
}

.footer-info-block-content a {
    font-size: 14px;
    word-break: break-word;
    line-height: .5;
}

.magentopdf {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.magentopdf img {
    max-height: 80px;
}

.about-widget {
    margin: 20px 0;
    list-style: none;
    padding: 0px;
}

.about-widget > li {
    display: flex;
    width: 100%;
    float: left;
    align-items: center;
}

.about-widget > li > i {
    float: left;
    line-height: 24px;
    margin-right: 10px;
    border: solid #a3a3a3 1px;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.about-widget li p {
    margin: 0;
    padding-bottom: 5px;
}

.clock-box .jcgmt-digital {
    display: none;
}

.clock-box h6 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 6px;
}

.clock-box .jcgmt-date {
    display: none;
}

.clock-box .map-url {
    color: #fff;
}

.clock-box:hover {
    background: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
}

.clock-box .clock-face {
    background-color: #F5F0EF;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.home__bismodel {
    padding: 100px 0 0px;
}

.title {
    position: relative;
}

#home_bismodel .title h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.1em;
    text-transform: capitalize;
    color: #7c4adc;
    text-align: left;
}

#home_bismodel .title h3::after {
    content: "";
    background: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
    height: 2px;
    width: 105px;
    position: absolute;
    bottom: -13px;
    left: 0;
}

.title-work {
    position: relative;
}

.title-work::after {
    content: "";
    background: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
    height: 2px;
    width: 105px;
    position: absolute;
    bottom: -13px;
    left: 0;
}

.block-sub-title {
    font-size: 40px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
}

#home_bismodel .title h2 {
    /* max-width: 488px; */
    margin-bottom: 39px;
}

.title h2 span {
    font-weight: 700;
    transform: scale(1.025);
    background: linear-gradient(270deg, #2468ed 56.91%, #8048db 92.37%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.h-inherit {
    height: inherit;
}

#home_bismodel .home_model {
    background: #191a1d;
    border-radius: 2px;
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.d__content {
    margin-bottom: 42px;
    margin-top: 12px;
}

#home_bismodel .home_model h3, .home_model_2 h3 {
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 0.03em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

#home_bismodel .home_model p, .home_model_2 p {
    line-height: 35px;
    letter-spacing: 0.03em;
    color: #fff;
    opacity: 0.8;
}

#home_bismodel .home_model ul {
    list-style: none;
    padding: 0;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.005em;
    color: #fff;
}

#home_bismodel .home_model ul li img {
    padding-right: 20px;
}

#home_bismodel .home_model a, .home_model_2 a {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.005em;
    color: #fff;
    text-decoration: none;
    margin-top: 40px;
    display: inline-block;
}

#home_bismodel .home_model_2 {
    background: #191a1d;
    display: flex;
    border-radius: 2px;
    padding: 40px;
    align-items: flex-start;
    height: 50%;
    position: relative;
}

#home_bismodel .model-start {
    position: absolute;
    right: 2px;
    top: 25px;
}

.b-m-left__block {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.home__counter {
    padding-bottom: 40px;
    padding-top: 70px;
}

.home-counter-container {
    padding: 70px 0;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: linear-gradient(270.09deg, #5176e2 .07%, #794adc 99.91%);
}

.counter_text.plus:after {
    content: "+";
}

.counter_text.perc:after {
    content: "%";
}

.counter_text.dcount:after {
    content: "M";
}

.counter_text.plus.dcount:after {
    content: "M+";
}

.home-counter-container h3 {
    font-weight: 700;
    font-size: 70px;
    line-height: 65px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 16px;
}

.home-counter-container p {
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #fff;
    margin-bottom: 0;
}

.secondary-footer-content p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.contact-info-footer-home .line {
    border-bottom: transparent;
    margin-bottom: 0;
}

.contact-info-footer-home a.contact-details-link {
    color: #fff;
    display: flex;
    align-items: center;
    margin: 10px 20px 10px 0;
}

.Portfolio-col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.title-portfolio {
    font-weight: 700;
    font-size: 42px;
    line-height: 60px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
}

.contact-info-footer-home a i {
    font-size: 30px;
    margin-right: 12px;
    color: #fff;
}

.contact-info-footer-home .social-link-list li a {
    border: 1px solid #fff;
}

.contact-details {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer-colam {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    padding-top: 30px;
}

.logo-footer {
    min-width: 160px;
    max-width: 160px;
    margin-right: 29px;
}

.footer-colam .text-description-footer {
    font-size: 17px;
    text-align: justify;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.social-link-list li a i {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
}

#my-video-section {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.contact-info-footer-home {
    background: linear-gradient(270.09deg, #794adc .07%, #5176e2 99.91%);
}

.dropdown-hover:hover > .dropdown-menu {
    display: inline-block;
}

.dropdown-hover > .dropdown-toggle:active {
    pointer-events: none;
}

.dropdownContent {
    display: flex;
}

.linkInfoGroup {
    width: 220px;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px;
    color: #ffffff;
    border-radius: 10px;
    min-height: 440px;
}

.linkInfoGroup::before {
    background: url(../images/comapny-bg-menu.jpg) no-repeat center center;
    background-size: cover;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.1;
}

.linkGroup {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 30px;
}

.linkGroup.columns-3 {
    width: 770px;
}

.avatarGroup {
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none;
}

.dropdown-menu {
    background-color: #292b30;
    border-radius: 20px !important;
    transition: .4s ease-in-out;
}

.dropdown-menu .list-group-item {
    position: relative;
    display: flex;
    color: #fff;
    text-decoration: none;
    background-color: #292b30;
    border: transparent;
    font-size: 14px;
    line-height: 10px;
    align-items: center;
}

.withColumnLayout .linkGroup.columns-4 {
    width: 100%;
}

.case-studies {
    width: 100%;
    padding: 0 5px;
    height: 100%;
}

.case-studies h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.case-studies p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
}

.case-studies a {
    border: solid 1px #fff;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}

.case-studies a:hover, .case-studies a:focus, .case-studies a.active {
    border-color: #744fdc;
}

.case-studies a img {
    max-height: 126px;
    min-height: 126px;
    width: 100%;
    margin-bottom: 10px;
}

.dropdown-menu .list-group-item:hover {
    color: #576ee1;
}

.avatarGroup li {
    text-align: center;
    list-style: none;
}

.contactBtn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(270.09deg, #794adc .07%, #5176e2 99.91%);
    border: 2px solid #fff;
    border-radius: 80px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    min-width: 110px;
    display: inline-block;
    height: 32px;
    line-height: 28px;
    margin: 10px 0 0;
    z-index: 999;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .container {
    padding-left: 0;
    padding-right: 0;
}

.withColumnLayout .linkInfoGroup.cyan-gradient {
    width: 100%;
}

.withColumnLayout .linkInfoGroup {
    order: 2;
    width: 100%;
    min-height: auto;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.withColumnLayout .linkInfoGroup h3 {
    margin: 0;
}

.withColumnLayout .linkInfoGroup p {
    margin-bottom: 0;
    font-size: 14px;
}

.withColumnLayout .linkInfoGroup .contactInfo {
    display: flex;
    align-items: flex-end;
}

.withColumnLayout .linkInfoGroup .contactInfo .contactBtn {
    margin-left: 25px;
}

.withColumnLayout .linkGroup {
    order: 1;
    width: 100%;
}

.withColumnLayout {
    display: grid;
}

.linkInfoGroup.cyan-gradient::before {
    background: url("../images/discovery-workshop-menu-bg.jpg") no-repeat center center;
    background-size: cover;
    border-radius: 5px 0 0 5px;
}

.linkInfoGroup.cyan-gradient {
    background: linear-gradient(180deg, #794adc 0%, #5176e2 100%);
    min-height: 180px;
}

.linkGroupCol-head {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}

.header-icon {
    width: 22px;
    height: 22px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    margin-right: 13px;
}

.header-icon .menu-icon {
    font-size: 22px;
    display: block !important;
}

.linkGroupCol-head h3 a i {
    display: block !important;
    margin-right: 10px;
    font-size: 22px;
    color: #fff;
}

.linkGroupCol-head h3 {
    color: #252b33;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
}

.linkGroupCol-head h3 a {
    display: flex;
    align-items: center;
    color: #fff;
}

.dropdown-menu .list-group-item i {
    display: block !important;
    font-size: 23px;
    margin-right: 20px;
    border: solid #fff 2px;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
}

.home_model_2_content {
    padding-left: 48px;
}

.my-video-img-container {
    position: relative;
}

.my-video-img-container img {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}

/* Blog Blade Card */
.blog-blade-card {
    position: relative;
    background-color: #24262A;
    color: #ffffff;
    border-radius: 16px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 24px;
    height: calc(100% - 24px);
    display: flex;
    flex-direction: column;
}

.blog-blade-card-header {
    position: relative;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.blog-blade-card-thumb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
    width: 100%;
}

.blog-blade-card-thumb .thumb-cover {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

.blog-blade-card-thumb .thumb-cover img {
    height: 100%;
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
}

.blog-blade-card-body {
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-blade-card-meta {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.blog-blade-card-meta li {
    margin-right: 15px;
}

.blog-blade-card-meta li .date {
    color: #A3A3A3;
    font-size: 12px;
    font-weight: 500;
}

.blog-blade-card-meta li .tag {
    background-color: #3587C8;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
}

.blog-blade-card-body .tag-group {
    flex-wrap: wrap;
}

.blog-author {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #3587C8;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.blog-author .bi {
    margin-right: 10px;
    color: #fff;
}

.blog-blade-card-btn-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    flex-wrap: wrap;
    gap: 5px;
}

.blog-blade-card-btn-action .btn-link {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    display: flex;
}

.blog-blade-card-btn-action .btn-link img {
    margin-left: 12px;
    filter: brightness(100);
}

.blog-blade-card-body p {
    min-height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-blade-card-btn-action .btn-link:hover, .blog-blade-card-btn-action .btn-link:focus {
    color: #3587C8;
}

.blog-blade-card-btn-action .btn-link:hover img, .blog-blade-card-btn-action .btn-link:focus img {
    filter: initial;
}

.blog-load-more-action {
    margin: 40px 0 65px;
    text-align: center;
}

.blog-load-more-action .btn {
    font-weight: 400;
    font-size: 21px;
    padding: 13px 30px;
    min-width: 240px;
    background: #121316;
    color: #ffffff;
    border-radius: 30px;
    position: relative;
}

.blog-load-more-action .btn:before {
    background: linear-gradient(90deg, #774BDC 1.89%, #5274E2 98.92%);
    border-radius: inherit;
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: -1px;
    z-index: -1;
}

.blog-load-more-action .btn:hover, .blog-load-more-action .btn:focus {
    background: linear-gradient(90deg, #774BDC 1.89%, #5274E2 98.92%);
}

.service-resources-card {
    background: url("../images/service-bg.png") no-repeat center;
    border: 1px solid #404040;
    border-radius: 12px;
    padding: 30px;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.service-inner-explore-solutions-container + .service-resources-card,
.service-inner-explore-solutions-card + .service-resources-card {
    margin-top: 65px;
}

.service-resources-card-action {
    position: relative;
    max-width: 350px;
}

.service-resources-card-action .btn {
    padding: 16px 36px;
    font-weight: 500;
    font-size: 18px;
}

.service-resources-card-action h3 {
    font-weight: 300;
    font-size: 23px;
}

.service-resources-card-action h3 strong {
    font-weight: 600;
}

.sec-blog-view-header {
    max-width: 975px;
}

.blog-view-meta {
    color: #A3A3A3;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.blog-view-meta li {
    margin-right: 45px;
    padding-right: 45px;
    position: relative;
}

.blog-view-meta li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #A3A3A3;
}

.blog-view-meta li:last-child:before {
    display: none;
}

.blog-view-thumb {
    position: relative;
    margin: 0 auto 65px;
    max-width: 960px;
}

.blog-view-thumb img {
    width: 100%;
    border-radius: 26px;
}

.blog-view-content {
    color: #ffffff;
    margin-bottom: 45px;
}

.blog-view-content p {
    margin-bottom: 35px;
}

.blog-view-content h3 {
    line-height: 1.2;
}

.related-post-container {
    margin-bottom: 45px;
    margin-top: 20px;
}

.related-post-title {
    margin-bottom: 35px;
}

.related-post-card {
    margin-bottom: 25px;
}

.related-post-card-thumb {
    position: relative;
    margin-bottom: 25px;
}

.related-post-card-thumb img {
    border-radius: 26px;
    width: 100%;
}

.related-post-card-content {
    color: #ffffff;
}

.related-post-card-content label {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.related-post-card-content h3 {
    font-size: 24px;
    line-height: 1.3;
}

.related-post-card-meta {
    color: #A3A3A3;
    font-size: 18px;
    font-weight: 500;
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.related-post-card-meta li {
    margin-left: 30px;
    padding-left: 30px;
    position: relative;
}

.related-post-card-meta li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.related-post-card-meta li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #A3A3A3;
}

.related-post-card-meta li:first-child:before {
    display: none;
}

.blog-post-breadcrumb {
    text-transform: uppercase;
}

.blog-post-breadcrumb li a {
    color: #ffffff;
    font-weight: 500;
}

.blog-post-breadcrumb li a:hover, .blog-post-breadcrumb li a:focus {
    color: #5176e2;
}

.blog-post-meta-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.blog-post-social-link {
    margin-bottom: 15px;
}

.blog-view-meta-user {
    display: flex;
    align-items: center;
}

.blog-view-meta-user img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 20px;
    border-radius: 50px;
}

.blog-view-meta-user p {
    margin-bottom: 0;
}

.single-blog-content-main, .single-blog-content {
    position: relative;
    margin-bottom: 60px;
}

.single-blog-content-item {
    margin-bottom: 45px;
    position: relative;
}

.single-blog-sidebar {
    position: sticky;
    top: 100px;
    z-index: 1;
    padding-left: 50px;
    margin-bottom: 50px;
}

.single-blog-sidebar-nav {
    list-style: none;
    padding-left: 0;
}

.single-blog-sidebar-nav li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px;
}

.single-blog-sidebar-nav li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #5176e2;
    left: 0;
    transform: rotate(45deg);
    top: 10px;
}

.single-blog-sidebar-nav li a {
    color: #ffffff;
}

.single-blog-sidebar-nav li a:hover, .single-blog-sidebar-nav li a:focus, .single-blog-sidebar-nav li.active a {
    color: #5176e2;
}

.single-blog-sidebar-item {
    margin-bottom: 20px;
    position: relative;
}

.single-blog-sidebar-item:not(:last-child) {
    border-bottom: solid 1px #4f4d4d;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.related-service-sidebar {
    position: relative;
}

.related-service-sidebar-item {
    position: relative;
    margin: 30px 0;
    display: flex;
    align-items: center;
}

.related-service-sidebar-thumb {
    min-width: 110px;
    width: 110px;
    height: 110px;
    box-shadow: 0 0 9px 3px #424141;
    padding: 10px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.related-service-sidebar-thumb.angular {
    background-color: #ECC;
}

.related-service-sidebar-thumb.large img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

.related-service-sidebar-content {
    margin-bottom: 0;
    font-size: 18px;
}

.related-service-sidebar-content a {
    color: #ffffff;
}

.related-service-sidebar-content a:hover, .related-service-sidebar-content a:focus {
    color: #5176e2;
}

.single-blog-rate-share-card {
    padding: 40px 30px;
    background-color: #191A1D;
    border-radius: 20px;
    display: flex;
    align-items: center;
    text-align: center;
}

.single-blog-rate {
    width: 50%;
    padding: 0 10px;
}

.single-blog-share {
    width: 50%;
    padding: 0 10px;
    border-left: solid 1px #2A2B2D;
}

.single-blog-rate-share-card h4 {
    font-size: 20px;
}

.single-blog-rate .star-result, .single-blog-rate .count {
    color: #ff1628;
}

.single-blog-rate .message-success {
    color: #1aaf5e;
    margin-top: 15px;
}

.single-blog-share .social-link-list {
    justify-content: center;
}

.subscribe-blog-section {
    position: relative;
    min-height: 342px;
    max-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(90deg, #2C6EEE 1.42%, #8048DB 95.69%);
}

.subscribe-blog-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.subscribe-blog-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.subscribe-blog-content p {
    font-size: 18px;
    margin-bottom: 30px;
}

.subscribe-blog-form-field, .subscribe-blog-content form {
    position: relative;
    max-width: 500px;
    width: 100%;
}

.subscribe-blog-form-field .form-control {
    min-height: 62px;
    font-size: 18px;
    padding: 10px 26px;
    border-radius: 30px;
    background-color: #ffffff;
    color: #333437;
}

.subscribe-blog-form-field .btn {
    position: absolute;
    right: 6px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    min-height: 50px;
}

.service-inner-content-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service-inner-content {
    color: #FFF;
    text-align: center;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    border-radius: 30px;
    border: 1px solid #8E8E8E;
    padding: 12px 30px 13px 30px;
    display: inline-block;
    margin: 23px 0;
}

.why-choose-srvi ul {
    position: relative;
    padding: 0;
    margin: 0;
}

.why-choose-srvi ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.why-choose-srvi ul li span {
    background: linear-gradient(180deg, #6E6E6E 0%, #000000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.5%;
}

.why-choose-srvi h4 {
    margin-bottom: 0;
    margin-left: -11px;
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.5%;
}

.why-choose-srvi p {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.why-choose-srvi {
    margin-bottom: 37px;
}

.service-inner-bton .why-choose-srvi ul li span {
    background: linear-gradient(180deg, #C9C9C9 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-inner-bton .why-choose-srvi h4 {
    color: #000;
}

.service-inner-bton .why-choose-srvi p {
    color: #000;
}

.service-inner-bton {
    position: relative;
}

.service-inner-bton::before {
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(https://bestpeopleservice.com/projects/waytoweb/front/assets/images/bt-waytoweb-for-your-social.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 157.278px;
    height: 251px;
    /*display: none;*/
}

.service-inner-shopify .service-inner-header {
    max-width: 1071px;
}

.shopify-pg-spece {
    margin: 50px 0;
}

.service-inner-shopify-store {
    position: relative;
}

.service-inner-shopify-store::before {
    position: absolute;
    top: 0;
    right: -140px;
    bottom: 0;
    background: url(https://bestpeopleservice.com/projects/waytoweb/front/assets/images/shopify-store.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 356px;
    height: 386px;
    transform: rotate(17.366deg);
}

.service-inner-shopify-store h3 {
    z-index: 9;
    position: relative;
}

.service-inner-shopify-store p {
    z-index: 9;
    position: relative;
}

.related-app-box {
    margin-top: 80px;
    border-radius: 36px;
    background: linear-gradient(180deg, #B42B87 0%, #121316 100%);
    padding: 51px 53px;
    position: relative;
}

.related-app-box h4 {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.related-app-box p {
    margin-bottom: 0;
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.related-box-img {
    border-radius: 441px;
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    width: 441px;
    height: 441px;
    margin: 0 auto;
    margin-top: 68px;
    margin-bottom: 78px;
}

.related-box-img ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.related-box-img ul li {
    padding: 0;
    list-style: none;
    margin: 0 11px;
}

.related-box-img-one {
    margin-top: -95px;
}

.related-box-img-two {
    margin-bottom: -95px;
}

.related-app-box-two {
    margin-top: 0px;
    border-radius: 36px;
    background: linear-gradient(180deg, #4452A2 0%, #121316 100%);
}

img.talkado-box-img-one {
    margin-left: 30px;
    margin-bottom: 59px;
    min-width: 449px;
}

.magento-header-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.magento-header-thumb img {
    margin: 0 30px;
}

.magento-header-thumb .bi {
    font-size: 40px;
}

.magento-service-row,
.case-study-solution-row {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.magento-service-col,
.case-study-solution-col {
    width: 60%;
}

.magento-service-col:last-child {
    width: 100%;
}

.magento-service-col:nth-child(even),
.case-study-solution-col:nth-child(even) {
    margin-left: 35%;
    margin-top: -55px;
    position: relative;
    z-index: 2;
}

.magento-service-card,
.case-study-solution-card {
    padding: 35px 90px;
    position: relative;
    background: linear-gradient(to right, #787878, #121316);
    border-radius: 20px;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
}

.case-study-solution-card {
    display: flex;
    align-items: center;
    padding: 45px;
}

.magento-service-card:before,
.case-study-solution-card:before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    z-index: 1;
    background-color: #121316;
    border-radius: 20px;
}

.magento-service-card > *, .case-study-solution-card > * {
    position: relative;
    z-index: 3;
}

.magento-service-card .count {
    font-size: 55px;
    color: rgba(235, 109, 55, 1);
    font-weight: 500;
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.magento-service-card h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.case-study-solution-card > :last-child {
    margin-bottom: 0;
}

.case-study-solution-card-thumb {
    width: 66px;
    min-width: 66px;
    height: 66px;
    background: radial-gradient(87.12% 87.12% at 50% 25%, #0052A1 0%, rgba(0, 82, 161, 0) 100%);
    padding: 5px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.service-inner-wordpress-cms {
    max-width: 1120px;
    margin: 0 auto;
}

.download-btn {
    font-size: 14px;
    padding: 6px 16px;
    border: solid 1px #a3a3a3;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.download-btn:hover,
.download-btn:focus {
    background: linear-gradient(131.52deg, #774CDC 9.76%, #5472E1 93.06%);
    border-color: transparent;
}

.download-btn .bi {
    font-size: 16px;
    margin-left: 10px;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #121316;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loaded .loading {
    display: none !important;
}

.loading img {
    transition: all 0.4s ease-in-out;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3s;
}

.aug-process-card {
    border: 1px solid rgba(70, 70, 70, 1);
    padding: 63px 45px;
    text-align: center;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    font-weight: 300;
    border-radius: 18px;
    font-size: 14px;
}

.aug-process-card:hover {
    background: linear-gradient(131.52deg, #774CDC 9.76%, #5472E1 93.06%);
}

.aug-process-card-thumb {
    margin-bottom: 20px;
    position: relative;
}

.aug-process-card h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.aug-process-card :last-child {
    margin-bottom: 0;
}

.service-feature-section .service-inner-header {
    max-width: none;
}

.case-study-card {
    position: relative;
    font-size: 15px;
}

.case-study-count {
    background: linear-gradient(180deg, #6E6E6E 0%, #000000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 2;
}

.case-study-card h4 {
    font-size: 18px;
    font-weight: 600;
}

.ios-icon {
    text-align: right;
}

.case-study-feature-section {
    position: relative;
    background-color: #1a1c1f;
    padding: 65px 0;
}

.case-study-header {
    margin-bottom: 46px;
}

.case-study-header h3, .case-study-testimonial-header h3 {
    font-size: 24px;
    font-weight: 600;
}

.case-study-feature {
    margin-bottom: 40px;
    position: relative;
    font-size: 15px;
    padding-top: 25px;
    padding-left: 80px;
}

.case-study-feature > * {
    position: relative;
    z-index: 9;
}

.case-study-feature h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.case-study-feature-counter {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding-left: 15px;
    padding-top: 15px;
}

.case-study-feature-count {
    background: linear-gradient(180deg, #86888D 0%, #202125 95.45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
}

.case-study-feature-circle,
.case-study-feature-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 50%;
}

.case-study-feature-circle {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #34353A 16.09%, #202125 75.5%);
}

.case-study-feature-circle:after {
    width: 115px;
    height: 115px;
    background-color: #1a1c1f;
    left: 3px;
    top: 3px;
}

.case-study-web-section {
    position: relative;
    background-color: #ececec;
    padding: 65px 0;
    color: #000000;
}

.case-study-web-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 340px;
    background-color: #121316;
}

.case-study-web-section > * {
    position: relative;
    z-index: 3;
}

.case-study-web-thumb {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-top: -118px;
}

.case-study-web-thumb img + img {
    margin-left: 58px;
}

.case-study-web-header {
    position: relative;
    margin-bottom: 30px;
    font-size: 18px;
    display: flex;
    justify-content: flex-end;
}

.case-study-web-header h3 {
    color: #000000;
    font-weight: 600;
    font-size: 24px;
}

.case-study-web-header-inner {
    max-width: 770px;
}

.case-study-solution-section {
    padding-bottom: 65px;
}

.case-study-mukand-header {
    position: relative;
    padding: 60px 0 280px;
}

.case-study-mukand-header .img-background, .case-study-summit-header .img-background {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-study-mukand-header-content {
    max-width: 550px;
    color: #121316;
}

.case-study-mukand-header-content h2 {
    color: #121316;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px;
}

.case-study-challenge-section.section {
    position: relative;
    padding-bottom: 0;
}

.case-study-challenge-content {
    max-width: 1120px;
    color: #ffffff;
}

.case-study-challenge-content h3, .case-petchefy-challenge-content h3, .case-petchefy-solution-header h3, .summit-challenge-header h3, .summit-solution-header h3 {
    font-size: 24px;
    font-weight: 600;
}

.case-study-challenge-thumb {
    max-width: 680px;
    margin: -295px auto 45px;
    position: relative;
}

.case-study-challenge-thumb .icon-bajaj {
    position: absolute;
    right: 0;
    top: -55px;
    z-index: 1;
}

.case-study-petchefy-header {
    position: relative;
    padding: 45px 0;
}

.case-study-petchefy-header-thumb {
    text-align: right;
}

.case-study-petchefy-header-content, .case-petchefy-challenge-content {
    font-size: 18px;
    color: #fff;
}

.case-study-petchefy-header-content p {
    margin-bottom: 20px;
}

.case-petchefy-challenge-section {
    position: relative;
    padding: 65px 0;
}

.case-petchefy-challenge-section:before {
    content: '';
    position: absolute;
    bottom: 65px;
    left: 0;
    z-index: -1;
    width: 35%;
    height: 60px;
    background-color: #ff5757;
}

.case-petchefy-challenge-thumb {
    min-height: 252px;
    position: relative;
    text-align: center;
    margin-right: 50px;
    padding-bottom: 30px;
}

.case-petchefy-challenge-thumb .img-footprint {
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 1;
}

.case-petchefy-challenge-thumb:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 60px;
    background-color: #ff5757;
    border-radius: 0 60px 60px 0;
}

.case-petchefy-challenge-content {
    padding-left: 50px;
}

.case-petchefy-solution-section, .case-petchefy-feature-section {
    position: relative;
}

.case-petchefy-solution-header {
    margin-bottom: 60px;
    font-size: 18px;
    color: #fff;
}

.case-petchefy-solution-thumb {
    background-color: #191a1d;
    border-radius: 16px;
    padding: 50px;
}

.case-petchefy-solution-thumb:not(:last-child) {
    margin-bottom: 50px;
}

.case-petchefy-solution-thumb img {
    width: 100%;
}

.case-petchefy-feature {
    margin-bottom: 52px;
    position: relative;
    color: #ffffff;
    margin-right: 60px;
    font-size: 15px;
}

.case-petchefy-feature h4 {
    font-size: 18px;
    font-weight: 600;
}

.case-petchefy-feature-thumb {
    background-color: #ff5757;
    margin-bottom: 20px;
    width: 86px;
    height: 86px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.case-petchefy-testimonial-section {
    position: relative;
}

.case-study-swiper {
    max-width: 860px;
    margin: 0 auto;
}

.testimonial-slide {
    padding: 96px 0 70px;
    margin-top: 46px;
    position: relative;
}

.testimonial-slide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border: solid 1px #565656;
    max-width: 715px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.testimonial-slide:after {
    content: '';
    position: absolute;
    top: 35px;
    right: 0;
    z-index: -1;
    background-color: #565656;
    max-width: 715px;
    width: 100%;
    height: 1px;
}

.testimonial-slide-card {
    max-width: 540px;
    font-size: 14px;
    background-color: #5473e1;
    color: #ffffff;
    padding: 55px 50px 55px 70px;
    border-radius: 14px;
    position: relative;
}

.testimonial-slide-card .icon {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}

.testimonial-slide-thumb {
    position: absolute;
    top: -46px;
    right: 60px;
    z-index: 1;
}

.case-study-swiper.swiper-horizontal .swiper-pagination {
    top: 46px;
    left: auto;
    right: 0;
    padding: 6px 16px;
    max-width: 715px;
    bottom: auto;
    text-align: left;
}

.case-study-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
}

.case-study-swiper .swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.testimonial-slide-dots {
    display: flex;
    align-items: center;
    position: absolute;
    top: 46px;
    left: auto;
    right: 0;
    z-index: 3;
    padding: 13px 16px;
    width: 100%;
    max-width: 715px;
    bottom: auto;
    text-align: left;
}

.testimonial-slide-dots span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    opacity: 0.3;
    background-color: #ffffff;
    display: block;
    border-radius: 50%;
}

.case-study-summit-header {
    position: relative;
    padding: 35px 0;
    min-height: 654px;
}

.case-study-summit-header-content {
    max-width: 1120px;
    color: #121316;
    font-size: 30px;
}

.case-study-summit-header-content img {
    margin-bottom: 30px;
}

.case-study-summit-header-content p {
    font-weight: 600;
    font-size: inherit !important;
}

.summit-tractor-section {
    padding: 65px 0 0;
    position: relative;
    color: #ffffff;
}

.case-summit-challenge-section, .case-summit-solution-section {
    position: relative;
    color: #ffffff;
}

.summit-challenge-header, .summit-solution-header {
    margin-bottom: 60px;
    position: relative;
}

.summit-challenge-thumb {
    position: relative;
    margin-bottom: 20px;
}

.summit-challenge-thumb img, .summit-solution-thumb img {
    width: 100%;
    border-radius: 18px;
}

.summit-solution-images {
    background-color: #234851;
    border-radius: 18px;
    padding: 150px 50px 0;
}

.summit-solution-images img {
    border-radius: 0;
}

.case-summit-feature-section {
    padding-top: 20px;
    position: relative;
}

.case-summit-feature-card {
    border: solid 1px #343434;
    color: #ffffff;
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.case-summit-feature-card ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.case-summit-feature-card ul li {
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
}

.case-summit-feature-card ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1;
    background: url(../images/summit-tractor-star.svg) no-repeat center;
    width: 13px;
    height: 13px;
}

.case-summit-feature-card h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.case-studies-header {
    text-align: center;
    margin-bottom: 30px;
}

.case-studies-header h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
}

.case-studies-card {
    background-color: #1a1b1f;
    color: #ffffff;
    height: calc(100% - 24px);
    margin-bottom: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
}

.case-studies-card-header img {
    width: 100%;
}

.case-studies-card-content {
    flex: 1;
    padding: 30px 24px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
}

.case-studies-card-content h3 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 1.3;
}

.case-studies-card-action {
    margin-top: auto;
    text-align: right;
    display: block;
}

.case-studies-card-action a {
    color: #b3b3b3;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
}

.case-studies-card-action a:hover, .case-studies-card-action a:focus {
    color: #ffffff;
}

.case-studies-card-action a .bi {
    font-size: 30px;
    transform: rotate(45deg);
    display: block;
    margin-left: 8px;
    margin-top: 3px;
}

/*social-media-swiper*/
.social-media-swiper.swiper {
    position: relative;
    padding-bottom: 30px;
}

.related-app-card {
    background-color: #191a1d;
    border-radius: 12px;
    padding: 44px;
    position: relative;
    display: flex;
    align-items: center;
}

.related-app-card-thumb {
    margin-right: 30px;
}

.related-app-card-content {
    position: relative;
}

.related-app-card-content h4 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 6px;
}

.related-app-card-content p {
    font-size: 14px;
    margin-bottom: 0;
}

.social-media-swiper .swiper-pagination-bullet, .social-media-swiper .swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.social-media-swiper.swiper .swiper-pagination {
    bottom: 0;
}

.related-app-card-action {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 1;
}

.related-app-card .full-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

/*tag-group*/
.tag-group {
    display: flex;
    align-items: center;
    margin: 0 -5px 8px;
}

.tag-group .tag {
    background-color: #6c6c6c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    line-height: 1.2;
    margin: 0 5px 6px;
}

/*search-group*/
.sec-header-blog {
    display: flex;
    align-items: center;
}

.search-group {
    position: relative;
}

.search-group .form-control {
    min-height: 50px;
    font-size: 16px;
    padding: 10px 18px 10px 42px;
}

.search-group .search-group-text {
    position: absolute;
    left: 16px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.sec-header-blog .search-group {
    margin-left: auto;
}

.sec-header-blog .search-group .form-control {
    clear: both;
    width: 100%;
    float: left;
}

.search-group-blog #search_by_category {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    min-height: 42px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-image: url('../images/download-1.svg'), linear-gradient(to bottom, #191a1d 0%, #191a1d 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    font-size: 15px;
}

.search-group-blog {
    width: 34%;
    display: flex;
    float: right;
    justify-content: space-between;
    gap: 10px;
}

.search-wrap {
    position: relative;
    width: 100%;
    float: left;
}

.search-wrap .search-group-text {
    top: 44%;
    left: 14px;
}

/*WTW Life page css Start*/
.section-silder {
    position: relative;
    width: 100%;
    float: left;
    height: 68vw;
}

.split-slideshow {
    position: relative;
    width: 100%;
    height: 134.6vh;
}

.slideshow-about {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    overflow: hidden;
}

.slideshow-about .slider {
    width: 100vw;
    height: 100%;
    z-index: 2;
}

.slideshow-about .slider * {
    outline: none;
}

.slideshow-about .slider .item {
    height: auto;
    width: 100vw;
    position: relative; /*overflow: hidden;*/
    border: none;
}

.slideshow-about .slider .item .text {
    display: none;
}

.slideshow-about .slider .item img {
    min-width: 100%;
    width: 100%;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -38%); */
    /* transform: translate(-50%, -38%); */
    height: auto;
}


.slideshow-about .slick-dots {
    position: absolute;
    z-index: 100;
    width: 40px;
    height: auto;
    bottom: auto;
    top: 30%;
    right: 27px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    color: #fff;
    display: block;
}

.slideshow-about .slick-dots li {
    display: block;
    width: 100%;
    height: auto;
}

.slideshow-about .slick-dots li button {
    position: relative;
    width: 20px;
    height: 0px;
    text-align: center;
    font-size: 0px;
    border: transparent;
}

.slideshow-about .slick-dots li button:before {
    content: "";
    background: #fff;
    color: #fff;
    height: 2px;
    width: 20px;
    border-radius: 0;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}

.slideshow-about .slick-dots li.slick-active button:before {
    width: 40px;
    opacity: 1;
}

.slideshow-about.slideshow-right {
    left: 0;
    z-index: 1;
    width: 50vw;
    pointer-events: none;
}

.slideshow-about.slideshow-right .slider {
    left: 0;
    position: absolute;
}

.slideshow-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    font-size: 30px;
    width: 100vw;
    text-align: center;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    pointer-events: none;
    text-transform: uppercase;
    letter-spacing: 20px;
    line-height: 0.8;
}

.slideshow-text h1 {
    margin: 0px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: #121316;
    font-size: 72px;
    background: -webkit-linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
    letter-spacing: 00;
    font-weight: 900;
}

.slideshow-text p {
    font-size: 25px;
    font-weight: 500;
}

/*WTW Life page css end*/

/* WTW Blog Inner Page Css Start */
.related-post-blog.slick-initialized .slick-slide {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

/* WTW Blog Inner Page Css End */

@media (min-width: 576px) {
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0;
    }

    .entertainment-section .container {
        max-width: 909px
    }

    .mobile-screen-col {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .service-inner-php-section .container {
        max-width: 1196px;
    }

    .section-isuniye .container {
        max-width: 1106.71px
    }

    .service-inner-graphics .container {
        max-width: 1130px;
    }

    .case-summit-feature-card {
        height: calc(100% - 48px);
    }
}

@media only screen and (max-width: 1799px) {
    .site-footer::after {
        right: 360px;
    }
}

@media only screen and (max-width: 1599px) {
    .site-footer::after {
        right: 250px;
    }
}

@media only screen and (max-width: 1440px) {
    .service-inner-bton:before {
        width: 92.278px;
        height: 134px;
    }

}

@media only screen and (max-width: 1399px) {
    .footer-info-block-content a {
        word-break: inherit;
    }

    .section-RFMx-connect .section-description {
        right: 188px;
    }

    .case-study-web-header-inner {
        max-width: 600px;
    }
}

@media only screen and (max-width: 1365px) {
    .tab-pane-section ul .nav-item .nav-link {
        margin-right: 0;
    }

    .contact-info-footer-home a {
        font-size: 14px;
    }

    .secondary-footer-menu li a {
        font-size: 12px;
    }

    .dropdown-menu .list-group-item {
        line-height: normal;
    }

    .home-counter-container h3 {
        font-size: 60px;
    }

    .site-footer::after {
        right: 190px;
    }

    .case-petchefy-feature {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1279px) {
    .site-banner h1 {
        font-size: 38px;
    }

    .home-counter-container h3 {
        font-size: 50px;
    }

    .home-counter-container p {
        font-size: 16px;
    }

    .home-counter-container {
        padding: 60px 0;
    }

    .service-inner-bton:before {
        width: 89.278px;
        height: 138px;
    }

    .service-inner-shopify-store::before {
        right: 0;
        width: 286px;
        height: 316px;
    }
}

@media only screen and (max-width: 1199px) {
    .blog-load-more-action {
        margin: 20px 0 45px;
    }

    .blog-load-more-action .btn {
        font-size: 18px;
        padding: 10px 30px;
        min-width: 215px;
    }

    .service-resources-card-action .btn {
        padding: 14px 30px;
        font-size: 16px;
    }

    .blog-view-meta li {
        margin-right: 30px;
        padding-right: 30px;
    }

    .blog-view-content p {
        margin-bottom: 25px;
    }

    .blog-view-content {
        margin-bottom: 40px;
    }

    .related-post-card-meta {
        font-size: 16px;
    }

    .related-post-card-meta li {
        margin-left: 20px;
        padding-left: 20px;
    }

    .related-post-container {
        margin-bottom: 35px;
    }

    .single-blog-main h3 {
        font-size: 24px;
    }

    .single-blog-sidebar {
        padding-left: 30px;
    }

    .related-post-title {
        margin-bottom: 25px;
        font-size: 32px;
    }

    .footer-info-block-content a {
        word-break: break-word;
    }

    .team-card-demo .team-card-content {
        font-size: 26px;
    }

    .magento-service-col,
    .case-study-solution-col {
        width: 80%;
    }

    .magento-service-col:nth-child(even), .case-study-solution-col:nth-child(even) {
        margin-left: 20%;
    }

    .alter3-features .shape-ring-laptop {
        width: 785px;
        height: 450px;
        -webkit-transform: translate3d(13%, -9%, 0);
        transform: translate3d(13%, -9%, 0);
    }

    .talkaado-container-1 {
        padding-bottom: 40px;
    }

    .talkaado-web-section {
        padding-bottom: 30px;
    }

    .aug-process-card {
        padding: 45px 25px;
    }

    .service-inner-section {
        padding: 45px 0;
    }

    .service-inner-explore-solutions-container + .service-resources-card,
    .service-inner-explore-solutions-card + .service-resources-card {
        margin-top: 45px;
    }

    .about-dream-list {
        font-size: 24px;
    }

    .about-dream-list span {
        font-size: 30px;
        min-width: 200px;
    }

    .about-dream-list span .bi {
        font-size: 26px;
    }

    .java-icon {
        margin-left: 80px;
    }

    .section-RFMx-connect .section-description {
        right: 95px;
    }

    .case-study-mukand-header-content h2 {
        font-size: 40px;
    }

    .case-study-web-thumb {
        margin-top: -100px;
    }

    .case-study-web-thumb img + img {
        margin-left: 25px;
    }

    .case-study-web-header {
        font-size: 16px;
    }

    .case-study-web-header-inner {
        max-width: 500px;
    }

    .case-study-solution-section {
        padding-bottom: 45px;
    }

    .case-study-web-section, .case-study-feature-section, .case-petchefy-challenge-section {
        padding: 45px 0;
    }

    .service-inner-explore-solutions-header {
        margin-bottom: 30px;
    }

    .case-petchefy-challenge-section:before {
        bottom: 45px;
    }

    .case-study-summit-header-content {
        font-size: 24px;
    }

    .summit-tractor-section {
        padding-top: 45px;
    }

    .summit-challenge-header, .summit-solution-header {
        margin-bottom: 45px;
    }

    .related-app-card-content h4 {
        font-size: 24px;
    }

    .related-app-card-thumb {
        margin-right: 20px;
    }

    .related-app-card {
        padding: 30px;
    }

    .related-app-card-action {
        right: 18px;
        bottom: 10px;
    }

    .case-studies-header h2 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 992px) {
    .sectio-nglobal {
        height: auto;
    }

    .search-group-blog {
        width: 56%;
    }

    .search-wrap .form-control {
        min-height: 40px;
    }

    .navbar-nav .dropdown-menu {
        border-radius: 0px !important;
        width: 100% !important;
        background: transparent;
        padding: 0;
        border-top: 1px solid #6d8dec;
        border-bottom: 0 none;
    }

    .linkInfoGroup {
        display: none;
    }

    .dropdown-menu .list-group-item {
        background: transparent;
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-toggle::after {
        display: none;
    }

    #margin-overlap {
        max-width: 100%;
        padding: 40px 20px;
    }

    .testimonial-content {
        padding: 20px;
        margin-left: 0;
        margin-right: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .secondary-footer-menu li a:before {
        display: none;
    }

    .home-counter-container h3 {
        font-size: 46px;
    }

    .home-counter-container p {
        font-size: 14px;
    }

    .home-counter-container {
        padding: 50px 0;
    }

    #home_bismodel .home_model {
        margin-bottom: 30px;
        height: auto;
    }

    .my-video-img-container img {
        max-height: 520px;
        min-height: 470px;
    }

    .site-banner h1 {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .navbar-nav .dropdown-menu, .dropdown-hover:hover > .dropdown-menu {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        display: inline-block;
    }

    .linkGroup {
        padding: 16px 20px;
        flex-direction: column;
    }

    .linkGroup > div {
        margin-bottom: 0 !important;
        width: 100%;
    }

    .linkGroup.list-linkGroup {
        padding: 0;
    }

    .linkGroup > .list-group-row {
        width: 100%;
        margin: 0;
    }

    .blog-post-meta-wrapper {
        flex-wrap: wrap;
    }

    .list-group-col {
        padding: 0;
        width: 100%;
    }

    .list-group-col:not(:first-child) {
        border-top: 1px solid #6d8dec;
    }

    .list-submenu li {
        margin-bottom: 0;
        border-top: 1px solid #6d8dec;
    }

    .list-submenu-title {
        font-size: 16px;
        margin-bottom: 0;
    }

    .list-submenu li a, .list-submenu-title a {
        padding: 12px 30px;
        font-size: 16px;
        color: #fff;
        width: 100%;
        display: block;
    }

    .list-submenu li a:hover, .list-submenu li a:focus, .list-submenu li a.active, .list-submenu-title a:hover, .list-submenu-title a:focus, .list-submenu-title a.active {
        color: #000;
    }

    .list-submenu-title a {
        padding: 12px 20px;
    }

    .navbar-black .navbar-nav .nav-item-children .list-group-item .bi {
        margin-left: 0;
        padding: 0;
    }

    .dropdown-menu .list-group-item:hover {
        color: #000;
    }

    .case-studies {
        padding: 0;
        height: auto;
        margin-bottom: 10px;
    }

    .blog-view-meta {
        font-size: 18px;
    }

    .blog-view-meta li {
        margin-right: 20px;
        padding-right: 20px;
    }

    .blog-view-thumb {
        margin-bottom: 45px;
    }

    .single-blog-sidebar {
        padding-left: 0;
    }

    .single-blog-sidebar-item:not(:last-child) {
        padding-bottom: 16px;
        margin-bottom: 33px;
    }

    .single-blog-sidebar-title {
        line-height: 1.25;
    }

    .single-blog-content-item {
        margin-bottom: 35px;
    }

    .single-blog-content-main, .single-blog-content {
        margin-bottom: 40px;
    }

    .team-card-demo .team-card-content {
        font-size: 22px;
    }

    .service-inner-content {
        padding: 12px 18px 13px 18px;
        margin: 23px 0;
        font-size: 17px;
    }

    .service-inner-bton:before {
        width: 101.278px;
        height: 153px;
    }

    .shopify-pg-spece {
        margin: 29px 0;
    }

    img.talkado-box-img-one {
        margin-left: 0px;
    }

    .related-app-box {
        margin-top: 0px;
        margin-bottom: 28px;
        padding: 36px 18px;
    }

    .magento-service-col,
    .case-study-solution-col {
        width: 100%;
    }

    .magento-service-col:nth-child(even),
    .case-study-solution-col:nth-child(even) {
        margin-left: 0;
        margin-top: 0;
    }

    .alter3-features .shape-ring-laptop {
        width: 569px;
        height: 335px;
        margin: 0 auto;
        -webkit-transform: translate3d(13%, -2%, 0);
        transform: translate3d(13%, -2%, 0);
    }

    .trusted-card {
        text-align: left;
        margin-top: 12px;
    }

    .portfolio-description, .portfolio-title {
        text-align: center;
    }

    .founder-thumb {
        max-width: 200px;
    }

    .service-inner-section, .case-study-petchefy-header {
        padding: 30px 0;
    }

    .service-inner-explore-solutions-container + .service-resources-card,
    .service-inner-explore-solutions-card + .service-resources-card {
        margin-top: 30px;
    }

    .about-dream-list {
        font-size: 20px;
    }

    .about-dream-list span {
        font-size: 24px;
        min-width: 150px;
    }

    .about-dream-list span .bi {
        font-size: 22px;
    }

    .block-sub-title {
        font-size: 32px;
    }

    .service-inner-benefit-angular h2 {
        font-size: 40px;
    }

    .service-support-thumb {
        width: 130px;
        height: 150px;
    }

    .service-inner-laravel-section .service-inner-ios-image {
        margin-bottom: 20px;
    }

    .sub-menu .nav-item .nav-link.active::before, .sub-menu .nav-item .nav-link::before, .list-submenu li a::before {
        display: none;
    }

    .service-inner-laravel-section .service-inner-androids-content h3 {
        max-width: none;
    }

    .ios-icon, .case-study-petchefy-header-thumb {
        text-align: center;
        margin-bottom: 25px;
    }

    .case-study-petchefy-header-content, .case-study-petchefy-header-content, .case-petchefy-challenge-content, .case-petchefy-solution-header {
        font-size: 16px;
    }

    .java-icon {
        margin-bottom: 25px;
        margin-left: 0;
    }

    .java-icon:before {
        display: none;
    }

    .why-choose-srvi {
        margin-bottom: 20px;
    }

    .graphic-description, .flex-row-left, .flex-row-right {
        margin-bottom: 30px;
    }

    .educational-section .illustration-img, .entertainment-section .section-block-commerce, .flex-row-right {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .graphicmax-width-section img {
        min-width: auto;
        width: 100%;
    }

    .pt-50 {
        padding-top: 30px;
    }

    .list-navi-mobile {
        padding: 30px 0;
    }

    .circle-box {
        display: none;
    }

    .circle-one {
        width: 600px;
        height: 600px;
    }

    .circle-two {
        width: 500px;
        height: 500px;
    }

    .driver-mainly-section .work-single-item .title, .categorizes-mainly-section .work-single-item .title {
        font-size: 20px;
        line-height: 1.3;
    }

    .categorizes-mainly-section .work-single-item .icon .far img {
        max-width: 40px;
    }

    .categorizes-mainly-section .work-single-item .icon, .categorizes-mainly-section .work-single-item {
        min-height: auto;
    }

    .apps-month-area .title-app {
        font-size: 30px;
        line-height: 1.3;
    }

    .section-RFMx-connect .section-description {
        right: 15px;
        max-width: 46%;
        bottom: 66px
    }

    .section-RFMx-connect .section-description .title-app {
        font-size: 26px;
        line-height: 1.5rem
    }

    .section-RFMx-connect .section-description p {
        max-width: 327px;
        font-size: 14px
    }

    .wellness-connect-section {
        margin-top: 170px;
    }

    .case-study-mukand-header {
        padding-top: 30px;
    }

    .case-study-mukand-header-content h2 {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 14px;
    }

    .case-study-header {
        margin-bottom: 30px;
    }

    .case-study-solution-section {
        padding-bottom: 30px;
    }

    .case-study-web-section, .case-study-feature-section, .case-petchefy-challenge-section {
        padding: 30px 0;
    }

    .case-study-web-header-inner {
        max-width: none;
    }

    .case-study-web-thumb {
        margin-top: 0;
    }

    .case-study-web-header {
        margin-bottom: 10px;
    }

    .case-study-feature-count {
        font-size: 80px;
    }

    .case-study-feature-counter {
        padding-top: 25px;
    }

    .service-inner-explore-solutions-header {
        margin-bottom: 20px;
    }

    .case-petchefy-challenge-section:before {
        bottom: auto;
        top: 222px;
    }

    .case-petchefy-challenge-thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .case-petchefy-challenge-content {
        padding-left: 0;
    }

    .testimonial-slide-thumb {
        max-width: 120px;
    }

    .testimonial-slide-card {
        padding: 40px 30px 40px 50px;
        margin-left: 60px;
        margin-right: 60px;
    }

    .testimonial-slide-card .icon {
        top: 20px;
        left: 20px;
    }

    .case-petchefy-feature {
        margin-bottom: 24px;
    }

    .case-petchefy-feature-thumb {
        margin-bottom: 16px;
    }

    .case-study-summit-header-content {
        font-size: 20px;
    }

    .summit-challenge-header, .summit-solution-header {
        margin-bottom: 30px;
    }

    .related-app-card-content h4 {
        font-size: 22px;
    }

    .case-studies-btn-outline {
        min-width: 200px;
        font-size: 14px;
        min-height: 50px;
        line-height: 30px;
    }

    .case-studies-header {
        margin-bottom: 20px;
    }

    .case-studies-header h2 {
        font-size: 24px;
    }

    /* WTW Life page css Start */
    .split-slideshow {
        height: 50vh;
    }

    .slideshow-about {
        height: 50vh;
    }

    .slideshow-text p {
        font-size: 16px;
        font-weight: 500;
    }

    .slideshow-text h1 {
        font-size: 50px;
    }

    .switch-box {
        right: 14px !important;
        bottom: 8px !important;
    }

    .slideshow-about .slick-dots {
        right: 11px;
    }

    .slideshow-about .slider .item {
        height: 50vh;
    }

    /* WTW Life page css end */
    /*blog page css css */
    .related-post-blog .slick-prev, .slick-arrow {
        font-size: 0px;
        height: 40px;
        width: 40px;
        background: #fff url(../images/Arrow-left.svg);
        background-repeat: no-repeat;
        background-size: 21px 40px;
        z-index: 9;
        border-radius: 50%;
        border: 1px solid rgba(24, 24, 21, .1);
        transition: background-color .4s;
        text-align: center;
        background-position: bottom;
        position: absolute;
        top: -70px;
    }

    .related-post-blog .slick-arrow {
        right: 0;
        transform: rotate(-180deg);
    }

    .related-post-blog .slick-prev {
        right: 48px;
        transform: rotate(-0deg);
    }

    .tag-group .tag {
        padding: 5px 10px;
    }

    .slideshow-about .slider {
        height: 100%;
    }


}

@media only screen and (max-width: 767px) {
    .testimonial-content::before {
        top: auto;
        bottom: 21px;
        right: 0;
    }

    .secondary-footer-content {
        text-align: center;
        display: block;
    }

    .secondary-footer-menu li {
        display: inline-block;
    }

    .secondary-footer-menu {
        display: block;
    }

    .home-counter-container {
        margin: 0;
        padding: 46px 0 20px;
    }

    .home-counter-container h3 {
        font-size: 36px;
        line-height: 36px;
    }

    #home_bismodel .home_model ul {
        font-size: 14px;
        line-height: normal;
    }

    .home-counter-container p {
        margin-bottom: 20px;
    }

    .home__counter .container-fluid {
        padding: 0;
    }

    .home_model_2_content {
        padding-left: 0;
    }

    #home_bismodel .home_model_2 {
        flex-direction: column;
    }

    #home_bismodel .home_model_2 > img {
        margin-bottom: 15px;
    }

    #home_bismodel .home_model_2 > img.model-start {
        margin-bottom: 0;
    }

    .social-link-list {
        justify-content: center;
    }

    .contact-details {
        justify-content: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .footer-colam {
        flex-direction: column;
    }

    .logo-footer {
        margin-right: 0;
    }

    .site-banner h1 {
        font-size: 26px;
    }

    /* .footer-menu {
         display: block !important;
     }*/
    .service-inner-header {
        margin: 0 auto 35px;
    }

    .service-inner-bton:before {
        width: 70.278px;
        height: 110px;
    }

    .service-inner-shopify-store::before {
        width: 272px;
        height: 294px;
        top: 76px;
    }

    .alter3-features .shape-ring-laptop {
        width: 545px;
        height: 335px;
        margin: 0 auto;
    }

    .section-RFMx-connect .section-description {
        margin-top: 26px;
        position: relative;
        bottom: auto;
        right: auto;
        max-width: 100%;
        text-align: center
    }

    .section-RFMx-connect .section-description p {
        max-width: 100%;
        color: #fff
    }

    .section-RFMx-connect .section-description .title-app {
        font-size: 20px;
        color: #fff
    }

    .talkaado-web-section .squashmind-Portfolio {
        margin-bottom: 0;
    }

    .talkaado-container-1 {
        padding-bottom: 0;
    }

    .download-btn {
        margin-top: 12px;
    }

    .trusted-card {
        text-align: center;
    }

    .founder-thumb {
        max-width: 140px;
    }

    .about-dream-list {
        font-size: 16px;
    }

    .about-dream-list span {
        font-size: 20px;
        min-width: 120px;
    }

    .about-dream-list span .bi {
        font-size: 16px;
    }

    .title-work {
        margin-bottom: 35px;
    }

    .service-flutter-section h3 {
        font-size: 20px;
    }

    .circle-one {
        width: 500px;
        height: 500px;
    }

    .circle-two {
        width: 400px;
        height: 400px;
    }

    .squashmind-container {
        padding-top: 30px;
    }

    .wellness-connect-section {
        margin-top: 70px;
    }

    .team-card {
        min-height: 240px;
        max-height: 250px;
    }

    .case-study-challenge-thumb .icon-bajaj {
        width: 80px;
        top: -32px;
        right: 5px;
    }

    .case-study-mukand-header-content {
        margin-bottom: 25px;
    }

    .case-study-web-thumb img {
        width: 50%;
    }

    .case-study-web-thumb img + img {
        margin-left: 15px;
        width: calc(50% - 15px);
    }

    .case-petchefy-solution-thumb {
        padding: 30px;
    }

    .case-petchefy-solution-thumb:not(:last-child) {
        margin-bottom: 30px;
    }

    .case-study-summit-header-content {
        font-size: 18px;
    }

    .case-summit-feature-card {
        padding: 30px;
    }

    .case-summit-feature-card h4 {
        margin-bottom: 16px;
    }

    .case-summit-feature-card {
        margin-bottom: 20px;
        height: calc(100% - 20px);
    }

    .summit-solution-images {
        padding: 100px 30px 0;
    }

    .related-app-card-content h4 {
        font-size: 20px;
    }

    .sec-header-blog {
        flex-direction: column;
        align-items: flex-start;
    }

    .sec-header-blog .search-group {
        margin-left: 0;
        margin-top: 10px;
    }

    /* WTW Life page css Start */
    .split-slideshow {
        height: 100%;
    }

    .slideshow-text h1 {
        font-size: 30px;
    }

    .fs-78 {
        font-size: 30px;
    }

    .slideshow-text p {
        letter-spacing: 11px;
    }

    .slideshow-about {
        height: auto;
        position: relative;
    }

    .service-support-item {
        width: 50%;
    }

    /* WTW Life page css end */
    .search-group-blog {
        width: 100%;
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .site-banner h1 {
        font-size: 24px;
    }

    .blog-post-meta-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .single-blog-rate-share-card {
        flex-direction: column;
    }

    .single-blog-share {
        border-left: 0 none;
        border-top: solid 1px #2A2B2D;
        padding-top: 15px;
        margin-top: 22px;
        width: 100%;
    }

    .single-blog-rate {
        width: 100%;
    }

    .subscribe-blog-content h2 {
        font-size: 26px;
    }

    .team-card {
        max-height: none;
        min-height: 360px;
    }

    .related-box-img {
        margin-top: 40px;
        width: 341px;
        height: 341px;
        margin-bottom: 40px;
    }

    .related-box-img ul li img {
        width: 120px;
    }

    img.talkado-box-img-one {
        min-width: 336px;
    }

    .magento-service-card .count {
        font-size: 45px;
        left: 20px;
    }

    .magento-service-card {
        padding: 25px 25px 25px 60px;
    }

    .case-study-solution-card {
        padding: 25px;
    }

    .magento-service-card h4 {
        margin-bottom: 10px;
    }

    .alter3-features .shape-ring-laptop {
        width: 430px;
        height: 248px;
    }

    .about-dream-list li {
        flex-direction: column;
    }

    .about-dream-list span {
        margin-right: 0;
    }

    .about-dream-list span .bi {
        display: none;
    }

    .sec-header {
        margin-bottom: 20px;
    }

    .service-inner-benefit-angular h2 {
        font-size: 35px;
    }

    .circle-one {
        width: 420px;
        height: 420px;
    }

    .circle-two {
        width: 360px;
        height: 360px;
    }

    .mt-80, .section-device-driver .col:nth-child(2n) .img-mobile {
        margin-top: 40px;
    }

    .mobile-controls {
        margin-bottom: 40px;
    }

    .apps-month-area .title-app {
        font-size: 24px;
    }

    .case-study-challenge-thumb {
        margin-top: -260px;
        margin-bottom: 30px;
    }

    .case-study-feature-count {
        font-size: 60px;
    }

    .case-study-feature-circle {
        width: 100px;
        height: 100px;
    }

    .case-study-feature-circle::after {
        width: 95px;
        height: 95px;
        left: 2px;
        top: 2px;
    }

    .case-study-feature {
        margin-bottom: 30px;
        padding-top: 20px;
        padding-left: 60px;
    }

    .testimonial-slide-card {
        margin-left: 30px;
        margin-right: 30px;
    }

    .testimonial-slide {
        padding-bottom: 30px;
    }

    .case-study-summit-header-content {
        font-size: 16px;
    }

    .case-study-summit-header {
        min-height: 500px;
    }

    .summit-solution-images {
        padding: 60px 20px 0;
    }

    .related-post-blog .slick-arrow {
        right: 30px;
    }

    .related-post-blog .slick-prev {
        right: 78px;
    }

}

@media only screen and (max-width: 479px) {
    .sectio-nglobal {
        height: auto !important;
    }

    #home_bismodel .home_model_2 {
        display: block !important;
        height: 100% !important;
    }

    .block-sub-title {
        font-size: 30px;
    }

    #home_bismodel .home_model_2 img {
        margin-bottom: 20px;
    }

    .star-list li {
        font-size: 16px;
    }

    .clock-box {
        margin-bottom: 20px;
        height: auto;
    }

    #home_bismodel .home_model a, .home_model_2 a {
        font-size: 14px;
    }

    #home_bismodel .home_model a, .home_model_2 a img {
        margin-bottom: 0 !important;
    }

    .dropdown-menu .list-group-item i {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center;
        font-size: 19px;
        width: 35px;
        height: 35px;
        line-height: 33px;
    }

    .dropdown-menu .list-group-item {
        line-height: normal;
    }

    .contact-info-footer-home .col {
        flex: 0 0 100%;
    }

    .contact-info-footer-home a {
        display: block;
    }

    .contact-info-footer-home .social-link-list li a {
        width: 30px;
        height: 30px;
    }

    .footer-colam {
        display: block;
    }

    .logo-footer {
        margin: 0 auto;
        float: none;
    }

    .trusted-card {
        padding: 0px;
        text-align: center;
    }

    .secondary-footer .col-sm-4:nth-child(1) {
        order: 3;
    }

    .secondary-footer .col-sm-4:nth-child(2) {
        order: 2;
    }

    .footer-colam .text-description-footer {
        text-align: center;
    }

    .title-work {
        margin-bottom: 30px;
    }

    .home__counter .home-counter-container .col-6 {
        width: 100%;
    }

    .site-banner-dec {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: inherit;
    }

    .site-banner-dec .order-md-1 {
        padding: 20px;
    }

    .blog-view-meta {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .blog-view-meta li {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .blog-view-meta li::before {
        display: none;
    }

    .blog-post-meta-wrapper {
        margin-bottom: 5px;
    }

    .blog-blade-card-btn-action {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .blog-author {
        margin-bottom: 10px;
    }

    .custom-promise {
        width: 100%;
    }

    .service-inner-bton:before {
        width: 61.278px;
        height: 93px;
    }

    .magento-header-thumb img {
        margin: 0 20px;
        max-width: 120px;
    }

    .magento-header-thumb .bi {
        font-size: 30px;
    }

    .alter3-features .shape-ring-laptop {
        width: 320px;
        height: 182px;
    }

    .founder-thumb {
        margin-right: 20px;
        max-width: 100px;
    }

    .founder-content {
        margin-bottom: 20px;
    }

    .founder-name {
        font-size: 20px;
    }

    .founder-description {
        font-size: 16px;
    }

    .services-content h6 {
        font-size: 14px;
    }

    .services-content {
        padding: 0;
    }

    .circle-one {
        width: 320px;
        height: 320px;
    }

    .circle-two {
        width: 240px;
        height: 240px;
    }

    .apps-month-area .title-app {
        font-size: 20px;
    }

    .case-study-challenge-thumb {
        margin-top: -196px;
        max-width: 328px;
    }

    .case-study-challenge-thumb .icon-bajaj {
        width: 60px;
    }

    .case-study-mukand-header {
        padding-bottom: 210px;
    }

    .case-study-mukand-header-content h2 {
        font-size: 32px;
    }

    .case-petchefy-challenge-thumb .img-footprint {
        right: 0;
    }

    .testimonial-slide-thumb {
        right: 30px;
    }

    .related-app-card-thumb {
        max-width: 60px;
    }
}

@media only screen and (max-width: 380px) {
    .related-box-img {
        width: 270px;
        height: 270px;
    }

    .related-box-img ul li img {
        width: 86px;
    }

    img.talkado-box-img-one {
        min-width: 250px;
    }

    .founder-thumb {
        max-width: 90px;
    }

    .circle-one {
        width: 300px;
        height: 300px;
    }

    .circle-two {
        width: 220px;
        height: 220px;
    }

    .related-post-title {
        margin-bottom: 34px;
        font-size: 22px;
    }

    .site-logo img {
        width: 140px;
        height: 38px;
    }
}

h4.blog-author img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50px;
}