@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gorditas:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gorditas:wght@400;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gorditas:wght@400;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* @import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i); */
body {
    font-family: poppins;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    /* -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) */
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}
p:last-child {
    margin-bottom: 0;
}
a:hover{
    text-decoration: none;
}
p {
    color: #6084a4;
    line-height: 1.9;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    /* margin-top: 0; */
    /* margin-bottom: .5rem;
    line-height: 1.2;
    color: var(--bs-heading-color, inherit) */
    color: #0e314c;
}
.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}
a{
    color: #0e314c;
}
a:focus, a:hover {
    color: #44ce6f;
}
.header-strip {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 15px 0;
    /* background-color: #fff; */
}
.header-strip.header-fixed {
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    background-color: #fff !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-strip .navbar {
    padding: 0;
    background-color: transparent !important;
}
 /*-------- Header styles starts here----------- */
.navbar .dropdown_menu{
    display: none;
}
.nav-item:hover .dropdown_menu{
   display: block;
   list-style-type: unset;
   padding: 0px;
   position: absolute;
   z-index: 9;
   box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    background: #fff;
    width: 250px;
    z-index: 99;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.dropdown_menu-internal{
    display: none;
}
.dropdown_menu .nav-item:hover .dropdown_menu-internal{
    display: block;
    list-style-type: none;
    position: absolute;
    left: 223px;
    top: 1px;
    padding: 0px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    background: #fff;
    width: 250px;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
/* .navbar .nav-item{
    font-weight: 500;
    font-size: 15px;
    color: #4a6f8a;
    padding: 0;
    margin-left: 14px;
    margin-right: 14px;
} */
.navbar-nav .nav-item.active .dropdown_menu .internal-nav-item.active-item .nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar .nav-item:hover >.nav-link{
   color: #44ce6f;
}
.navbar-light .navbar-nav .nav-link {
    padding: 0;
    font-weight: 500;
    font-size: 15px;
    color: #4a6f8a;
    margin-left: 14px;
    margin-right: 14px;
}
.navbar-nav .nav-item .dropdown_menu li a{
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px;
    margin: 0;
    display: block;
    color: #4a6f8a;
}
.navbar-light .navbar-nav .nav-link i {
    position: relative;
    top: 3px;
}
/*button styles strat here */
.btn{
    font-weight: 600;
    font-size: 14px;
    border: none;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: uppercase;
    transition: .5s !important;
}
.btn-primary {
    color: #fff;
    background-color: #44ce6f;
    -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, .25);
    box-shadow: 0 13px 27px 0 rgba(68, 206, 111, .25);
}
.btn-primary:hover{
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    background-color:#44ce6f ;
}
.header-right .btn.btn-primary{
    background-color: #c679e3;
    box-shadow: none;
    padding: 10px 25px;
}
.header-right .btn.btn-primary:after,
.header-right .btn.btn-primary:before {
    background: #44ce6f;
    -webkit-box-shadow: 0 13px 27px 0 rgba(68, 206, 111, .25);
    box-shadow: 0 13px 27px 0 rgba(68, 206, 111, .25);
}
.btn:hover:after, .btn:hover:before {
    width: 50%;
}
.btn:after {
    left: 0;
    border-radius: 10px 0 0 10px;
}
.btn:after, .btn:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    background: #c679e3;
    z-index: -1;
}
.btn, .btn:after, .btn:before {
    -webkit-transition: .5s;
    transition: .5s;
}
.btn:before {
    right: 0;
    border-radius: 0 10px 10px 0;
}
/* footer styles start here */
.footer-section {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    background-color: #f7fafd;
}

.footer-section .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    bottom: 0;
    opacity: .7;
    width: 100%;
    height: 100%;
}
.footer-content ul.footer-contact-info,
.footer-content .logo {
    margin-bottom: 20px;
}
.footer-content h3 {
    font-size: 18px;
    margin-bottom: 30px;
    color: #0e314c;
    font-weight: 500;
}
.footer-content ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.footer-content ul.list li {
    margin-bottom: 10px;
}
.footer-content ul.list li a {
    color: #6084a4;
}
.footer-content ul.footer-contact-info li {
    position: relative;
    color: #6084a4;
    margin-bottom: 8px;
    padding-left: 25px;
}
.footer-content ul.footer-contact-info li i {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
}
.footer-content ul.social-links li {
    display: inline-block;
    margin-right: 5px;
}
.footer-content ul.social-links li a {
    width: 30px;
    text-align: center;
    line-height: 35px;
    height: 30px;
    border: 1px solid #44ce6f;
    border-radius: 50%;
    color: #44ce6f;
    display: block;
}
.footer-content ul.social-links li a i{
    font-size: 16px;
}
.footer-content ul.social-links li a.facebook {
    border-color: #4267b2;
    color: #4267b2;
}
.footer-content ul.social-links li a.twitter {
    border-color: #38a1f3;
    color: #38a1f3;
}
.footer-content ul.social-links li a.instagram {
    border-color: #231f20;
    color: #231f20;
}
.footer-content ul.social-links li a.linkedin {
    border-color: #0077b5;
    color: #0077b5;
}
.footer-content ul.social-links li a.facebook:hover {
    background: #4267b2;
    color: #fff;
    text-decoration: none;
}
.footer-content ul.social-links li a.twitter:hover {
    background: #38a1f3;
    color: #fff;
    text-decoration: none;
}
.footer-content ul.social-links li a.instagram:hover {
    background: #231f20;
    color: #fff;
    text-decoration: none;
}
.footer-content ul.social-links li a.linkedin:hover {
    background: #0077b5;
    color: #fff;
    text-decoration: none;
}
.copyright-section {
    margin-top: 80px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #d8ebfd;
    text-align: center;
}
.footer-content ul.list li a:hover {
    color: #44ce6f;
    padding-left: 7px;
    transition: .5s;
}
/* shapes styles start here */
.shape1 {
    top: 20%;
    left: 30px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4
}

.shape1,
.shape2 {
    position: absolute;
    z-index: -1
}

.shape2 {
    top: 60%;
    left: 15%
}

.shape3 {
    left: 25%;
    -webkit-animation: animationFramesOne 15s linear infinite;
    animation: animationFramesOne 15s linear infinite
}

.shape3,
.shape4 {
    position: absolute;
    bottom: 15%;
    z-index: -1
}

.shape4 {
    right: 25%;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite
}

.shape5 {
    right: 5%;
    top: 10%;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite;
    opacity: .2
}

.shape5,
.shape6 {
    position: absolute;
    z-index: -1
}

.shape6 {
    top: 40%;
    right: 10%
}

.shape7 {
    left: 25%;
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite
}

.shape7,
.shape8 {
    position: absolute;
    top: 15%;
    z-index: -1
}

.shape8 {
    right: 10%
}
.back-to-top-btn.go-top {
    bottom: 30px;
}
.back-to-top-btn {
    position: fixed;
    cursor: pointer;
    bottom: 100%;
    right: 0;
    color: #fff;
    background-color: #c679e3;
    z-index: 1;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 10px 0 0 10px;
    line-height: 61px;
    -webkit-transition: .5s;
    transition: .5s;
}
@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0deg)
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0deg)
    }
}
/*banner section styles start here */
.banner-section{
    position: relative;
    /* height: 890px; */
    padding-top: 140px;
    height: 762px;
    z-index: 1;
    background: transparent url(../images/banner-bg1.jpg) 100% 0 no-repeat;
    overflow: hidden;
}

.banner-section h1 {
    font-size: 41px;
    font-weight: 500;
    margin-bottom: 20px;
}
.banner-section p {
    margin-bottom: 30px;
}
.d-table {
    width: 100%;
    height: 100%;
}
.d-table {
    display: table !important;
}
.d-table-cell {
    vertical-align: middle;
}
.d-table-cell {
    display: table-cell !important;
}
/* cloud solutions styles start here */
.cloud-solutions-block {
    overflow: hidden;
    background-color: #f7fafd;
    padding: 80px 0;
}
.cloud-solutions-block .section-title {
    text-align: left;
    margin-bottom: 20px;
}
.section-title h2 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 28px;
    /* font-weight: 600; */
}
/* .section-title .bar {
    margin-left: 0 !important;
    margin-right: 0 !important;
} */
.section-title .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.solutions-right-image img.bg-image {
    top: -262px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.solutions-right-image img {
    position: absolute;
    top: -215px;
    right: 110px;
    /* position: absolute;
    top: -285px;
    right: 0; */
}

.solutions-right-image.left-img img {
    right: -4px;
    top: -285px;
}
.solutions-right-image.left-img img.bg-image {
    top: -262px;
}
.section-title .bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #44ce6f;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
.cloud-solutions-block .section-title p {
    margin: 0;
    max-width: 520px;
}
.solutions-content .box, 
.solutions-content .box:before {
    border-radius: 3px;
    -webkit-transition: .5s;
    transition: .5s;
}
.solutions-content .box {
    position: relative;
    z-index: 1;
    display: block;
    padding: 15px 12px;
    color: #6084a4;
    font-weight: 500;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    margin-top: 20px;
}
.solutions-content .box:hover {
    color: #fff;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.solutions-content .box:hover:before {
    opacity: 1;
    visibility: visible;
}
.solutions-content .box:before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.solutions-content .box:hover .feather{
    color: #fff;
}
/* our future styles start here */
.our-features-block {
    padding-bottom: 50px;
    background-color: #f7fafd;
    padding-top: 80px;
}
.our-features-block .section-title{
    text-align: center;
    margin-bottom: 60px;
}
.mobility-our-approach .section-title .bar,
.team-block .section-title .bar,
.our-features-block .section-title .bar{
    margin-left: auto !important;
    margin-right: auto !important;
}
.section-title p {
    /* max-width: 520px; */
    margin: 0 auto;
}
.our-features-list {
    position: relative;
    background: #fff;
    /* padding-left: 95px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-bottom: 30px; */
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
}
.our-features-list .icon {
    position: absolute;
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 69px;
    background: #cdf1d8;
    border-radius: 50%;
    color: #44ce6f;
    left: 54px;
    /* top: 30px; */
    -webkit-transition: .5s;
    transition: .5s;
}
.our-features-list h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
.our-features-list .feather{
    margin-top: -15px;
}
/* .our-features-list:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
} */
.our-features-list:hover .icon {
    background: #44ce6f;
    color: #fff;
}
.our-features-list:hover .icon.bg-c679e3,
.our-features-list:hover .icon.bg-eb6b3d,
.our-features-list:hover .icon.bg-eb6b3d{
    color: #fff;
}

.our-features-list .icon.bg-c679e3 {
    color: #c679e3;
    background: #edc3fc;
}
/* .features-list .icon.bg-c679e3 {
    background: #c679e3;
} */
.our-features-list:hover .icon.bg-c679e3 {
    /* color: #c679e3; */
    /* background: #edc3fc; */
    background: #c679e3;
}
.our-features-list .icon.bg-eb6b3d {
    color: #eb6b3d;
    background: rgba(235, 107, 61, .3);
}
.our-features-list:hover .icon.bg-eb6b3d {
    background: #eb6b3d;
}
/* team block styles start here */
.team-block .section-title {
    text-align: center;
    margin-bottom: 60px;
}
.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    touch-action: pan-y;
    overscroll-behavior: none;
}
.team-block {
    padding-bottom: 50px;
    background-color: #f9f6f6;
    padding-top: 80px;
}
.carousel__viewport {
    overflow: hidden;
}
/* .carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0);
} */
.carousel__track {
    display: flex;
    padding: 0 !important;
    position: relative;
}
.carousel__pagination {
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    justify-content: center;
    list-style: none;
    line-height: 0;
}
.carousel__pagination .carousel__pagination-item .carousel__pagination-button {
    width: 15px !important;
    height: 15px !important;
    -webkit-transition: .5s;
    transition: .5s;
    background: #d6d6d6 !important;
    outline: 0 !important;
    padding: 0 !important;
    border-radius: 100%;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0 !important;
    border: none;
}
.carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active, .carousel__pagination .carousel__pagination-item .carousel__pagination-button:hover {
    background-color: #44ce6f !important;
}
.team-slides .single-team {
    margin-left: 7px;
    margin-right: 7px;
    /* min-height: 367px; */
    min-height: 493px;
}
.single-team {
    background: #fff;
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
}
.single-team .team-image {
    position: relative;
    z-index: 1;
    padding-left: 35px;
    padding-right: 35px;
    /* height: 180px; */
    width: auto;
}
.single-team .team-image:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #f9f6f6;
    height: 10px;
    width: 100%;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-team .team-image img {
    border: 3px solid #cdf1d8;
    /* width: auto !important; */
    border-radius: 50%;
    display: inline-block !important;
    -webkit-transition: .5s;
    transition: .5s;
    /* min-height: 182px; */
    /* height: 182px;
    width: 182px; */
}
.single-team .team-content {
    padding-left: 30px;
    padding-right: 30px;
}
.single-team .team-info {
    background: linear-gradient(135deg, #23bdb8, #43e794);
    padding: 10px 15px;
    border-radius: 75px;
    margin-bottom: 25px;
    margin-top: 25px;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-team .team-info h3 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
}
.single-team .team-info span {
    color: #fff;
    font-size: 13px;
}
.single-team .team-content ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.single-team .team-content ul li {
    display: inline-block;
    margin: 0 5px;
}
.single-team .team-content ul li a {
    color: #c679e3;
}
.single-team .team-content ul li a svg {
    width: 19px;
}
.single-team .team-content p {
    margin-top: 20px;
    margin-bottom: 0;
}
.single-team:hover {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    border-color: #fff !important;
}
.single-team:hover .team-image:before {
    height: 0;
}
.single-team:hover .team-image img {
    border-color: #44ce6f;
}
.single-team:hover .team-info {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
}
.single-team .team-content ul li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    color: #44ce6f;
}
.single-team .team-content ul li a:hover {
    color: #44ce6f;
}
/*ready to talk block styles start here */
.ready-to-talk-block {
    text-align: center;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background: linear-gradient(135deg, #23bdb8, #43e794);
}
.ready-to-talk-block h3 {
    font-size: 28px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.ready-to-talk-block p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}
.ready-to-talk-block .btn-primary {
    background: #c679e3;
    -webkit-box-shadow: 0 5px 20px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 5px 20px 0 rgba(198, 121, 227, .25);
}
.ready-to-talk-block .btn-primary:focus, .ready-to-talk .btn-primary:hover {
    color: #0e314c;
    -webkit-box-shadow: 0 5px 20px 0 rgba(68, 206, 111, .25);
    box-shadow: 0 5px 20px 0 rgba(68, 206, 111, .25);
}
.ready-to-talk-block span a {
    margin-left: 15px;
    color: #fff;
    text-decoration: underline;
}
/* boxes block styles start here */
.boxes-block {
    position: relative;
    padding-bottom: 80px;
    margin-top: -135px;
    z-index: 1;
    /* width: 89%; */
    width: 100%;
    margin-left: auto;
}
.boxes-block .single-box, 
.boxes-block .single-box .icon {
    -webkit-transition: .5s;
    transition: .5s;
}

/* .single-box:hover .icon{
    background-color: #fff !important;
} */
.boxes-block .single-box {
    border: 1px dashed #cdf1d8;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    border-radius: 16px !important;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    /* min-height: 292px; */
    min-height: 343px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    height: 100%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.single-box .icon {
    display: inline-block;
    text-align: center;
    width: 150px;
    max-height: 140px;
    line-height: 70px;
    /* background: #cdf1d8; */
    border-radius: 50%;
    color: #44ce6f;
}
.single-box h3, .single-box:before {
    -webkit-transition: .5s;
    transition: .5s;
}
.single-box h3 {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 15px;
}
.single-box {
    border: 1px dashed #cdf1d8;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    box-shadow: 0 0 10px rgba(72, 69, 224, .1);
    transition: .5s;
    height: 100%;
}
.single-box .icon .feather{
    margin-top: -15px;
}

.single-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    height: 100%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.single-box:hover h3, .single-box:hover p {
    color: #fff;
}
/* .single-box.bg-f78acb {
    border-color: rgba(247, 138, 203, .3);
}
.single-box.bg-f78acb .icon {
    color: #f78acb;
    background: rgba(247, 138, 203, .3);
}
.single-box:hover.bg-f78acb .icon {
    color: #f78acb;
}
.single-box.bg-c679e3 {
    border-color: #edc3fc;
}
.single-box:hover.bg-c679e3 .icon {
    color: #c679e3;
}
.single-box.bg-eb6b3d .icon {
    color: #eb6b3d;
    background: rgba(235, 107, 61, .3);
}
.single-box:hover.bg-eb6b3d .icon {
    color: #eb6b3d;
} */
.single-box:hover {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    border-color: transparent;
}
.single-box:hover:before {
    opacity: 1;
    visibility: visible;
}
@-webkit-keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}
.solutions-content .box:before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.solutions-content .box .feather {
    position: relative;
    top: 0px;
    margin-right: 5px;
    display: inline-block;
    color: #44ce6f;
    -webkit-transition: .5s;
    transition: .5s;
    width: 18px;
}
.slick-dots li button:before{
    font-size: 15px;
}
.slick-dots li button:focus, .slick-dots li button:hover,
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before{
    color: #44ce6f;
    background-color: #44ce6f;
}
.single-features .icon.bg-c679e3{
    color: #c679e3;
    background: #edc3fc;
}
/* contact us styles start here */
.page-title {
    position: relative;
    z-index: 1;
    background: transparent url(../images/banner-bg1.jpg) 100% 0 no-repeat;
    padding-top: 190px;
    padding-bottom: 100px;
    text-align: center;
}
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-info-card {
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
}
.pt-30{
    padding-top: 30px;
}
.contact-info-card .icon {
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 70px;
    background: #f7fafd;
    border-radius: 50%;
    font-size: 30px;
    color: #44ce6f;
    -webkit-transition: .4s;
    transition: .4s;
}
.contact-info-card h3 {
    margin: 25px 0 15px;
    font-size: 18px;
}
.contact-info-card p {
    margin-bottom: 0;
}
.contact-info-card p a {
    color: #6084a4;
}
.contact-info-card p a:hover {
    color: #44ce6f;
    text-decoration: none;
}
.contact-info-card:hover {
    transform: translateY(-10px);
}
.contact-info-card:hover .icon {
    color: #fff;
    background: #44ce6f;
}
.contact-block .section-title{
    text-align: center;
    margin-bottom: 60px;
}
.contact-block .section-title .bar{
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-img{
    width: 100%;
}
.form-control {
    height: 45px;
    padding: 10px;
    font-size: 14px;
    color: #0e314c;
    border: 1px solid #eee;
    border-radius: 0;
    background: #eee;
    transition: .5s;
}
.form-control:focus {
    outline: 0;
    background: #fff;
    box-shadow: unset;
    border-color: #44ce6f;
}
/* mobility styles start here */

.animate-border span {
    position: absolute;
    display: block;
    width: 5%;
    padding-bottom: 5%;
    top: 51%;
    left: 67%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    border-radius: 50%;
    z-index: -2;
}
.animate-border span:first-child {
    animation: pulsei 4.2s ease-out .5s infinite normal none running;
}
.animate-border span:nth-child(2) {
    animation: pulsei 4.2s ease-out 1.5s infinite normal none running;
}
.animate-border span:nth-child(3) {
    animation: pulsei 4.2s ease-out 2.5s infinite normal none running;
}
.animate-border span:nth-child(4) {
    animation: pulsei 4.2s ease-out 3.5s infinite normal none running;
}
@keyframes pulsei{
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        border: 1.5px solid #b3eaf8;
        opacity: 1;
        width: 5%;
        padding-bottom: 5%;
    }
    
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 0;
        width: 50%;
        border: 1.5px solid #b3eaf8;
        padding-bottom: 50%;
    }
}
.mobility-banner-img{
    position: absolute;
    text-align: center;
    right: 30px;
    top: 56%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mobility-banner-img img:last-child {
    position: absolute;
    left: -118px;
    right: 0;
    margin: 0 auto;
    top: 39px;
    z-index: -1;
    width: auto;
}
.mobility-banner-img img{
    /* width: 100%; */
    width: 730px;
}
.mobility-banner-section{
    position: relative;
    z-index: 1;
    padding-top: 215px;
    padding-bottom: 150px;
    overflow: hidden;
}
.mobility-banner-section .banner-content h2 {
    font-size: 37px;
    /* margin-top: 7px; */
    margin-bottom: 17px;
    /* line-height: 1.3; */
}
.mobility-banner-section .banner-content .btn {
    margin-top: 10px;
}
.mobility-our-approach {
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #23bdb8, #43e794);
}
.mobility-our-approach:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 37%;
    width: 100%;
    background: #fff;
    z-index: -1;
}
.mobility-our-approach .section-title {
    text-align: center;
    margin-bottom: 60px;
}
.mobility-our-approach .section-title h2 {
    color: #fff;
}
.section-title .bar {
    height: 5px;
    width: 90px;
    background: #cdf1d8;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.mobility-our-approach .section-title p {
    color: #fff;
    opacity: .95;
}
.single-card {
    text-align: center;
    background-color: #fff;
    border: 1px dashed #cdf1d8;
    padding: 30px 33px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-bottom: 15px;
    height: 100%;
}
.single-card .icon {
    display: inline-block;
    border: 1px solid #f3f8fd;
    width: 100px;
    height: 100px;
    line-height: 96px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.single-card .icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    background: #f7fafd;
    border-radius: 50%;
    margin: 6px;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-card .icon img {
    width: 45px;
}
.single-card h3 {
    font-size: 18px;
    margin-top: 22px;
    margin-bottom: 17px;
}
.single-card p {
    margin-bottom: 25px;
    font-size: 15px;
}
.single-card a {
    width: 40px;
    background-color: #eef0f3;
    height: 40px;
    line-height: 40px;
    color: #0e314c;
    display: inline-block;
    border-radius: 50%;
}
.single-card a i {
    position: relative;
    top: 0px;
}
.single-card a svg {
    width: 18px;
}

.single-card:focus, 
.single-card:hover {
    border-color: #44ce6f;
}
.single-card:focus a, 
.single-card:hover a{
    color: #fff;
    background-color: #44ce6f;
}
.mobility-our-approach .section-title .bar:before {
    background: #fff;
}
.tab-vertical {
    display: flex;
}
.vertical-tabs .tab-vertical .nav.nav-tabs {
    /* float: left; */
    display: block;
    margin-right: 40px;
    border-bottom: 0;
    min-width: 220px;
}
.vertical-tabs{
    margin-bottom: 40px;
}
.vertical-tabs .tab-vertical .nav.nav-tabs .nav-item {
    margin-bottom: 15px;
}

.vertical-tabs .tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background: #fff;
    padding: 16px 49px;
    color: #71748d;
    background-color: #dddde8;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.vertical-tabs .tab-vertical .nav-tabs .nav-link.active {
    color: #fff;
    background: linear-gradient(135deg, #23bdb8, #43e794) !important;
    border-color: transparent !important;
}
.vertical-tabs .tab-vertical .tab-content{
    background: linear-gradient(135deg, #23bdb8, #43e794) !important;
}
.vertical-tabs .tab-vertical .tab-content p{
    color: #fff;
    margin-bottom: 5px;
    line-height: 22px;
    font-size: 13px;
}
.vertical-tabs .tab-vertical .tab-content h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 10px 0;
}
.vertical-tabs .tab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    /* border-top-left-radius: 4px !important;
    border-top-right-radius: 0px !important; */
    border-radius: 30px;
}
.vertical-tabs .tab-vertical .nav.nav-tabs .nav-item:last-child{
    margin-bottom: 0;
}

.vertical-tabs .tab-vertical .tab-content {
    overflow: auto;
    /* -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px; */
    border-radius: 25px;
    background: #fff;
    padding: 26px;
}
.vertical-tab-content {
    display: flex;
    align-items: flex-start;
}
.vertical-tab-content img {
    max-width: 300px;
}


.mobility-slider-block .slick-track{
    display: flex;
}
.mobility-slider-item {
    background: linear-gradient(135deg, #23bdb8, #43e794);
    border-radius: 30px;
    padding: 30px;
    min-height: 100%;
    height: auto;
}
.mobility-slider-item p{
    color: #fff;
}
.mobility-slider-item h4{
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 10px 0;
}
.mobility-slider-block{
    padding: 100px 0 80px 0;
    /* margin-bottom: 100px !important; */
}
.mobility-slider-tabs {
    /* display: flex;
    justify-content: center;
    list-style: none; */
    display: none;
}
/* .mobility-slider-tabs li {
    padding: 16px 49px;
    border-radius: 30px;
    margin: 0 10px;
    color: #71748d;
    background-color: #dddde8;
}
.mobility-slider-tabs li.active {
    color: #fff;
    background: linear-gradient(135deg, #23bdb8, #43e794) !important;
} */
.mobility-slider-block .slick-dots li {
    width: auto;
    height: auto;
   margin: 0;
   background-color: transparent;
   border: none;
  }
  .mobility-slider-block .slick-dots li button {
    /* padding: 10px; */
    font-size: 14px;
    /* color: #333; */
    width: auto;
    height: auto;
    line-height: normal;
    padding: 12px 35px !important;
    border-radius: 30px;
    margin: 0 8px;
    color: #71748d;
    background-color: #dddde8;
  }
  .mobility-slider-block .slick-dots li.slick-active button {
    /* color: red;  */
    color: #fff;
    background: linear-gradient(135deg, #23bdb8, #43e794) !important;
  }
  .mobility-slider-block  .slick-dots li button:before{
    display: none;
  }
  .mobility-slider-block .slick-dots {
    bottom: auto;
    top: 13px;
    left: 0;
}
.mobility-slider-block .slick-dotted.slick-slider {
    padding: 80px 15px 15px;
    margin: 0;
    position: relative;
}
.mobility-slider-box {
    border: 1px solid #35d4a5;
    border-radius: 10px;
}
.mobility-slider-box-header {
    border-bottom: 1px solid #35d4a5;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #3add9c;
    margin-bottom: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mobility-slider-circle span {
    height: 15px;
    width: 15px;
    display: inline-block;
    border-radius: 50%;
}
.mobility-slider-circle span.red-circle {
    background-color: #f00;
}
.mobility-slider-circle span.yellow-circle {
    background-color: #ffc323;
}
.mobility-slider-circle span.green-circle {
    background-color: #f6f6f8;
}
.mobility-slider-box-header .visible-search {
    background-color: #fff;
    width: 500px;
    display: block;
    height: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}
.visible-search i {
    color: #000;
}
.mobility-slider-icons{
    /* background-color: #4eb19c; */
    padding: 5px;
    color: #fff;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.mobility-slider-icons .icon-rightarrow{
    color: #fbf9f9;
}
.mobility-slider-icons .icon-reload{
font-size: 19px;
}
.web-banner-img img{
    position: absolute;
    top: 16%;
    /* right: 110px; */
    width: 525px;
}
.web-banner-img img.bg-image {
    top: 17%;
    /* left: auto;
    right: 10%; */
    /* right: 33%; */
    margin: 0 auto;
    text-align: center;
}
.open-source-banner-img img{
    /* position: absolute;
    top: -230px;
    right: 10%;
    width: 526px; */
    position: absolute;
    top: -292px;
    max-height: 480px;
    right: 12%;
}
.open-source-banner-img img.bg-image {
    top: -262px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.social-banner-img{
    position: absolute;
    text-align: center;
    right: 30px;
    top: 56%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.social-banner-img img {
    /* width: 100%; */
    width: 730px;
}
@keyframes social{
    0% {
        border: 1.5px solid #1cbfe8;
    }
    100% {
        border: 1.5px solid #51cded;
    }
}
.social-banner-div .animate-border span:first-child {
    animation: social 4.2s ease-out .5s infinite normal none running;
}
/* mobility styles end here */

/* why choose us styles start here */
.why-choose-us {
    background: transparent url(../images/banner-bg1.jpg) 100% 0 no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 40px;
}
.why-choose-us .section-title {
    text-align: left;
}
.why-choose-img{
    position: absolute;
    left: 79px;
    top: 190px;
}
.siangle-why-choose-card:first-child .single-why-choose-us {
    margin-top: 60px;
}
.siangle-why-choose-card {
    padding: 0 12px;
}
.single-why-choose-us {
    padding: 30px 15px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(56, 46, 46, .1);
    box-shadow: 0 0 30px rgba(56, 46, 46, .1);
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 30px;
}
.single-why-choose-us:hover {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
    border-color: transparent;
}
.single-why-choose-us:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px;
    height: 100%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.single-why-choose-us:hover:before {
    opacity: 1;
    visibility: visible;
}

.single-why-choose-us p, .single-why-choose-us:before {
    -webkit-transition: .5s;
    transition: .5s;
}
.single-why-choose-us:hover .icon img{
    filter: brightness(0) invert(1);
}
.single-why-choose-us:hover h3, 
.single-why-choose-us:hover p {
    color: #fff;
}
/* .single-why-choose-us:hover {
    background: linear-gradient(135deg, #23bdb8, #43e794);
    color: #fff;
} */
.single-why-choose-us h3 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: .5s;
}
.single-why-choose-us p {
    transition: .5s;
    /* font-size: 13px; */
}
.siangle-why-choose-card:nth-child(2) .single-why-choose-us {
    margin-top: 0;
}
.col-lg-6 .col-lg-6:nth-child(4) .single-why-choose-us {
    margin-top: -30px;
}
.single-why-choose-us img {
    max-width: 45px;
}


/*mobility future styles start here */
.feature-card{
    position: relative;
    background: #fff;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    padding-left: 20px;
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    min-height: 280px;
}
.feature-card:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
}

.feature-card:hover:after, .feature-card:hover:before {
    opacity: 1;
    visibility: visible;
    width: 50%;
}

.feature-card:before {
    left: 0;
}
.feature-card:after, .feature-card:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    background: #44ce6f;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    -webkit-transition: .5s;
    transition: .5s;
    right: 0px;
}

.our-features{
    background-color: #f9f6f6;
    padding-top: 50px;
    padding-bottom: 50px;
}
.feature-card h3{
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 15px;
}
.our-features .section-title{
    margin-bottom: 60px;
}
.feature-card .icon{
    text-align: center;
    width: 55px;
    height: 55px;
    line-height: 68px;
    background: #cdf1d8;
    display: inline-block;
    border-radius: 50%;
    color: #44ce6f;
    -webkit-transition: .5s;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-card:hover .icon {
    background: #44ce6f;
    color: #fff;
}
.feature-card .icon.bg-c679e3{
    color: #c679e3;
    background: #edc3fc;
}
.feature-card:hover .icon.bg-c679e3{
    background: #c679e3;
    color: #fff;
}
/*get started strip styles start here */
.get-started-strip {
    background: linear-gradient(135deg, #23bdb8, #43e794);
}
.get-started-strip{
    padding: 40px;
}
.get-started-strip-content h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
    /* font-weight: 600; */
    text-align: center;
}
.get-started-right-content {
    text-align: center;
    margin-top: 15px;
}
/* .get-started-right-content .hosting-price {
    display: inline-block;
}
.get-started-right-content .hosting-price span {
    color: #f6fe6a;
    display: block;
}
.get-started-right-content .hosting-price h4 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 20px;
} */
.get-started-right-content .buy-btn {
    display: inline-block;
    /* padding-left: 35px; */
    position: relative;
}
.get-started-right-content .btn-primary {
    background: #c679e3;
    /* border-radius: 10px; */
}
.get-started-right-content .btn-primary:hover{
    color: #43e794;
}
.get-started-right-content .btn:after, 
.get-started-right-content .btn:before {
    background-color: #fff;
    border-radius: 0px;
}
.get-started-right-content .btn:after {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.get-started-right-content .btn::before {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.back-to-top-btn.go-top {
    bottom: 30px;
}
.back-btn-up .feather{
    margin-top: -17px;
}
.back-to-top-btn {
    position: fixed;
    cursor: pointer;
    bottom: 100%;
    right: 0;
    color: #fff;
    background-color: #c679e3;
    z-index: 1;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 10px 0 0 10px;
    line-height: 61px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.back-to-top-btn:hover {
    color: #fff;
    background: #44ce6f;
}

.hidden {
    top: 0px;
    display: none;
}
/*solutions or services styles start here */
.services-block {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    background: linear-gradient(0deg, #d5fefd, #e1fdff, #effdff, #fafdff, #fff);
}
.services-card {
    margin-bottom: 30px;
    text-align: center;
}
.services-card img {
    border-radius: 7px;
    width: 100%;
}
.services-card .content {
    transition: .5s;
    background: #fff;
    position: relative;
    border-radius: 7px;
    padding: 25px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .05);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
}
.services-card .content h3 {
    transition: .5s;
    font-size: 20px;
    margin-bottom: 0;
}
.services-card .content .read-more-btn {
    display: inline-block;
    border-radius: 30px;
    padding: 9px 25px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    font-weight: 500;
}
.services-card .content .read-more-btn:hover {
    background-color: #44ce6f;
    border-color: #44ce6f;
    color: #fff;
}
.services-card:hover .content {
    transform: translateY(-20px);
}
.services-card:hover .content h3 {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.services-card .content .read-more-btn i {
    position: relative;
    top: 3px;
}
.services-card:hover .content .read-more-btn {
    opacity: 1;
    visibility: visible;
}
.banner-section-img img{
    width: 100%;
}
/*faq styles start here */
.faq-accordion{
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .08);
    padding: 60px;
    background: #fff;
    border-radius: 10px;
}
.faqs-block-title-block{
    background-image: url("../images/banner-bg1.jpg");
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    padding-top: 190px;
    padding-bottom: 100px;
    text-align: center;
}
.faqs-block-title-block h2{
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    color: #0e314c;
}
.faq-accordion .btn-link{
    border: unset;
    text-decoration: none;
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding: 0px;
    color: #0e314c;
    font-size: 15px;
    font-weight: 500;
    display: flex;
}
.faq-accordion .icon{
    display: inline-block;
    background-color: #44ce6f;
    color: #fff;
    padding: 14px 12px;
    font-size: 19px;
}
.faq-accordion .card-header{
    display: block;
    padding: 0px;
    text-decoration: none;
    color: #0e314c;
    position: relative;
    border-bottom: 1px solid #fff;
    background: #f5f9ff;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
}
.faq-accordion .card-header p{
    padding: 9px 20px;
    color: #0e314c;
}
.faq-accordion .btn-link .icon .minus-icon{
   display: none;
}
.faq-accordion .btn-link .icon .plus-icon{
    display: block;
}
.faq-accordion .btn-link .icon.plus .plus-icon{
   display: none;
}
.faq-accordion .btn-link .icon.plus .minus-icon{
    display: block;
}
.faq-accordion .card{
    border-radius: 0px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 0 #eee;
    border: 1px solid rgba(0, 0, 0, .125);
    background: #fff;
}
.faq-accordion .card-body{
    color: #6084a4;
}
.faq-contact-block{
    margin-top: 45px;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .08);
    padding: 60px;
    border-radius: 4px;
    background: #fff;
}
.faq-accordion .btn-link.collapsed .icon.plus .plus-icon{
    display: block;
}
.faq-accordion .btn-link.collapsed .icon.plus .minus-icon{
    display: none;
}

/* blog page styles start here */
.blog-banner {
    position: relative;
    z-index: 1;
    background: transparent url(../images/banner-bg1.jpg) 100% 0 no-repeat;
    padding-top: 190px;
    padding-bottom: 100px;
    text-align: center;
}
.blog-banner h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}
.blog-grid {
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
.blog-grid-card  {
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 30px;
    cursor: pointer;
    height: calc(100% - 30px);
    /* background: #f7fafd; */
}
.blog-grid-card:hover {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
}
.blog-grid-card .blog-grid-image{
    position: relative;
}
.blog-grid-card .blog-grid-image img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.blog-grid-card .blog-grid-image .date {
    position: absolute;
    left: 20px;
    bottom: -20px;
    background: linear-gradient(135deg, #23bdb8, #43e794);
    color: #fff;
    padding: 8px 16px;
    font-size: 13px;
    border-radius: 50px;
}
img{
    max-width: 100%;
}
.blog-grid-content{
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    background: #f7fafd;
    -webkit-transition: .5s;
    transition: .5s;
    height: calc(100% - 250px);
}
.blog-grid-card:hover .blog-grid-content {
    background: #fff;
}
.blog-grid-card .blog-grid-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.blog-grid-card .blog-grid-content h3:hover{
    color: #44ce6f;
}
.blog-grid-card .blog-grid-content span {
    display: block;
    color: #0e314c;
    margin: 15px 0;
}
.blog-grid-card .blog-grid-content p {
    color: #6084a4;
    line-height: 1.9;
}
.blog-grid-card .blog-grid-content .read-more-btn {
    color: #0e314c;
}
.blog-grid-card .blog-grid-content .read-more-btn i {
    -webkit-transition: .5s;
    transition: .5s;
    width: 15px;
    position: relative;
    top: 3.2px;
}
.pagination-area ul .page-item .page-link {
    padding: 11px 20px;
    margin: 0 -1px;
    color: #6f8ba4;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}
.pagination-area ul .page-item.active .page-link {
    color: #fff;
    background-color: #44ce6f;
}
.pagination-area ul .page-item .page-link:focus, 
.pagination-area ul .page-item .page-link:hover {
    color: #fff;
    background-color: #44ce6f;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
/* blog page styles end here */

/* blog details page styles start here */
.widget-area .widget_search {
    -webkit-box-shadow: 0 0 29px 0 hsla(0, 0%, 40%, .1);
    box-shadow: 0 0 29px 0 hsla(0, 0%, 40%, .1);
    background-color: #fff;
    padding: 15px;
}
.widget-area .widget:first-child {
    margin-top: 0;
}
.widget-area .widget {
    margin-top: 35px;
}
.widget-area .widget_search form {
    position: relative;
}
.widget-area .widget_search form label {
    display: block;
    margin-bottom: 0;
}
.widget-area .widget_search form .screen-reader-text {
    display: none;
}
.widget-area .widget_search form .search-field {
    background-color: transparent;
    height: 50px;
    padding: 6px 15px;
    border: 1px solid #eee;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.widget-area .widget_search form .search-field:focus {
    border-color: #44ce6f;
}
.widget-area .widget_search form button {
    position: absolute;
    right: 0;
    outline: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    z-index: 1;
    border: none;
    cursor: pointer;
    color: #fff;
    background-color: #44ce6f;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 20px;
}
.widget-area .widget_search form button:hover {
    background-color: #c679e3;
    color: #fff;
}
.widget-area .widget .widget-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative;
    font-size: 19px;
}
.widget-area .widget .widget-title:before {
    content: "";
    position: absolute;
    background: #44ce6f;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px;
}
.widget-area .widget_startp_posts_thumb .item {
    overflow: hidden;
    margin-bottom: 15px;
}
.widget-area .widget_startp_posts_thumb .item .thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 80px;
    margin-right: 15px;
}
/* .widget-area .widget_startp_posts_thumb .item .thumb .fullimage {
    background-image: url(../images/blog2-img.jpg);
} */
.widget-area .widget_startp_posts_thumb .item .thumb .fullimage {
    width: 80px;
    height: 80px;
    /* display: inline-block;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: 50% !important; */
}
.widget-area .widget_startp_posts_thumb .item .info {
    overflow: hidden;
    margin-top: 5px;
}
.widget-area .widget_startp_posts_thumb .item .info time {
    display: block;
    color: #6084a4;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 12px;
}
.widget-area .widget_startp_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 500;
}
.widget-area .widget_startp_posts_thumb .item:hover .info .title{
    color: #44ce6f;
}
.widget-area .widget_startp_posts_thumb .item .info .title a {
    display: inline-block;
}
.widget-area .widget_categories ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.widget-area .widget_categories ul li {
    position: relative;
    margin-bottom: 12px;
    color: #6084a4;
    padding-left: 14px;
    font-weight: 500;
    font-size: 14px;
}
.widget-area .widget_categories ul li:before {
    background: #44ce6f;
    height: 7px;
    width: 7px;
    content: "";
    left: 0;
    top: 8px;
    position: absolute;
}
.widget-area .widget_categories ul li a {
    color: #0e314c;
    display: block;
}
.blog-details-desc .article-content {
    margin-top: 30px;
}
.blog-details-desc .article-content .entry-meta {
    margin-bottom: -8px;
}
.blog-details-desc .article-content .entry-meta ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.blog-details-desc .article-content .entry-meta ul li {
    position: relative;
    display: inline-block;
    color: #0e314c;
    margin-right: 20px;
}
.blog-details-desc .article-content .entry-meta ul li i {
    color: #c679e3;
    margin-right: 2px;
    position: relative;
    top: 2px;
    width: 15px;
}
.blog-details-desc .article-content .entry-meta ul li a {
    display: inline-block;
    color: #6084a4;
}
.blog-details-desc .article-content h3 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 20px;
}
.blog-details-desc .article-content .blockquote,
.blog-details-desc .article-content blockquote {
    overflow: hidden;
    background-color: #fafafa;
    padding: 50px !important;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    margin-top: 20px;
}
.blog-details-desc .article-content blockquote {
    margin: 0 0 1rem;
}
.blog-details-desc .article-content .blockquote:after, 
.blog-details-desc .article-content blockquote:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #44ce6f;
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog-details-desc .article-content .blockquote p,
.blog-details-desc .article-content blockquote p {
    color: #0e314c;
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 20px !important;
}
.widget-area .tagcloud a {
    display: inline-block;
    color: #0e314c;
    font-weight: 500;
    font-size: 14px !important;
    padding: 6px 13px;
    border: 1px dashed #eee;
    margin-top: 8px;
    margin-right: 4px;
}
.blog-details-desc .article-content h3 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 20px;
}
.blog-details-desc .article-content .features-list {
    padding: 0;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 30px;
}
.blog-details-desc .article-content .features-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    color: #6084a4;
}
.blog-details-desc .article-content .features-list li i {
    color: #44ce6f;
    display: inline-block;
    width: 20px;
    position: absolute;
    left: 0;
    top: 3px;
}
.blog-details-desc .article-footer {
    margin-top: 30px;
}
.blog-details-desc .article-footer .article-tags a {
    display: inline-block;
    color: #fff;
    background-color: #c679e3;
    padding: 4px 12px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 14px;
}
.startp-post-navigation {
    /* display: -ms-flexbox; */
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.prev-link-wrapper {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
}
.prev-link-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.prev-link-wrapper .image-prev {
    display: inline-block;
    min-width: 100px;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    margin-right: 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.prev-link-wrapper .image-prev img {
    border-radius: 5px;
}
.prev-link-wrapper .image-prev .post-nav-title {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.prev-link-wrapper .image-prev .post-nav-title, .prev-link-wrapper .image-prev:after {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}
.prev-link-wrapper .image-prev .post-nav-title, .prev-link-wrapper .image-prev:after {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}
.prev-link-wrapper a:hover .image-prev .post-nav-title, .prev-link-wrapper a:hover .image-prev:after {
    opacity: 1;
    visibility: visible;
}
.prev-link-wrapper a:hover .prev-link-info-wrapper {
    color: #44ce6f;
}
.prev-link-wrapper .image-prev:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 5px;
    background-color: #44ce6f;
}
.prev-link-wrapper .prev-link-info-wrapper {
    color: #0e314c;
    -webkit-transition: .5s;
    transition: .5s;
}
.prev-link-wrapper .prev-title {
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.prev-link-wrapper .meta-wrapper {
    display: block;
    color: #6084a4;
    text-transform: capitalize;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
}
.next-link-wrapper {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
    padding-left: 15px;
}
.next-link-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.next-link-wrapper .next-link-info-wrapper {
    -webkit-transition: .5s;
    transition: .5s;
    color: #0e314c;
}
.next-link-wrapper .next-title {
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
}
.next-link-wrapper .meta-wrapper {
    display: block;
    color: #6084a4;
    text-transform: capitalize;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
}
.next-link-wrapper .image-next {
    display: inline-block;
    min-width: 100px;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    margin-left: 20px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.next-link-wrapper .image-next img {
    border-radius: 5px;
}
.next-link-wrapper .image-next .post-nav-title {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.next-link-wrapper .image-next .post-nav-title, .next-link-wrapper .image-next:after {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}
.next-link-wrapper .image-next .post-nav-title, .next-link-wrapper .image-next:after {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}
.next-link-wrapper a:hover .image-next .post-nav-title, .next-link-wrapper a:hover .image-next:after {
    opacity: 1;
    visibility: visible;
}
.next-link-wrapper .image-next:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 5px;
    background-color: #44ce6f;
}
.next-link-wrapper a:hover .next-link-info-wrapper {
    color: #44ce6f;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 {
    padding-left: 0;
    list-style-type: none;
    /* display: -ms-flexbox; */
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
    -ms-flex: 0 0 33.3333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-right: 10px;
    padding-left: 10px;
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
    margin-bottom: 0;
}
.comments-area .comment-respond {
    margin-top: 30px;
}
.comments-area .comment-respond .comment-reply-title {
    margin-bottom: 0;
    font-size: 20px;
}
.comments-area .comment-respond .comment-form {
    overflow: hidden;
}
.comments-area .comment-respond .comment-notes {
    margin-bottom: 0;
    margin-top: 10px;
}
.comments-area .comment-respond .comment-notes .required {
    color: red;
}
.comment-form .form-control{
    background-color: #fff;
    border: 1px solid #eee;
    padding: .625em .7375em;
}
.comments-area .comment-respond label {
    display: block;
    color: #0e314c;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}
.comments-area .comment-respond .submit {
    background: #44ce6f;
    border: none;
    color: #fff;
    padding: 11px 25px 10px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.comments-area .comment-respond .submit:focus, 
.comments-area .comment-respond .submit:hover {
    color: #fff;
    background-color: #c679e3;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
/* .comments-area .comment-respond .comment-form-comment {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
} */
/* blog details page styles end here */

/* about page styles start here */
.about-us-content-block{
padding: 80px 0;
}
.about-content h2 {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
}
.about-content p {
    margin-bottom: 12px;
}
.about-content {
    max-width: 540px;
}
.about-content .btn {
    margin-top: 10px;
}
.btn.btn-secondary {
    text-transform: capitalize;
    border-radius: 0;
    background-color: #44ce6f;
    padding: 13px 30px;
    -webkit-box-shadow: 5px 5px 5px #a6f5be;
    box-shadow: 5px 5px 5px #a6f5be;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}
.about-funfacts-block{
    padding: 80px 0;
    background-image: url(../images/about-funfacts-bg.png);
       /* background-size: cover; */
       background-repeat: no-repeat;
       background-position: center;
}
.about-funfacts-block .section-title {
    text-align: center;
    margin-bottom: 60px;
}
.about-funfacts-block .section-title h2 {
    max-width: 520px;
    margin: 0 auto;
    line-height: 37px;
}
.section-title p {
    max-width: 520px;
    margin: 0 auto;
}
.funfact {
    text-align: center;
}
.funfact h3 {
    color: #44ce6f;
    font-size: 32px;
    margin-bottom: 7px;
}
.funfact p {
    line-height: normal;
}
.contact-cta-box {
    margin: 80px auto 0;
    max-width: 600px;
    border: 1px dashed #ebebeb;
    padding: 30px 210px 30px 30px;
    border-radius: 5px;
    position: relative;
}
.contact-cta-box h3 {
    font-size: 20px;
    margin-bottom: 6px;
}
.contact-cta-box p {
    margin-bottom: 0;
}
.contact-cta-box .btn-primary {
    background: #c679e3;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
}
.contact-cta-box .btn {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -27px;
}
.single-works {
    position: relative;
    margin-bottom: 30px;
}
.single-works img {
    width: 100%;
}
.single-works .icon, .single-works .works-content {
    display: none;
}
.know-us-block{
    padding: 80px 0;
}
.know-us-block h4{
    color: #3AB269;
}
/* about page styles end here */
main {
    padding-top: 90px;
}
.terms-privacy-block .main-title {
    color: #3AB269;
    font-size: 30px;
    font-weight: 700;
}
.terms-privacy-block h4{
    color: #3AB269; 
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0 10px 0;
}
.terms-privacy-block h5 {
    color: #3AB269;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 10px 0;
}
.terms-privacy-block ul {
    color: #6084a4;
    list-style-type: none;
    padding-left: 0;
}
.terms-privacy-block ol {
    color: #6084a4;
    /* list-style-type: none;
    padding-left: 0; */
}
.terms-privacy-block ul li,
.terms-privacy-block ol li{
    margin-bottom: 10px;
}
.terms-privacy-block  a {
    color: #007bff;
}
.terms-privacy-block {
    padding: 50px 0;
}
.home-page-slider-text{
    max-width: 570px;
}
.home-page-slider-text p{
    color: #000;
    letter-spacing: .7px;
    margin-bottom: 10px;
    /* font-family: Open Sans, sans-serif; */
    font-family: poppins;
    font-size: 18px;
}
.home-page-slider-text h1{
    font-size: 41px;
    font-weight: 500;
    /* font-family: Outfit, sans-serif; */
    font-family: poppins;
    line-height: 44px;
}
.homep-page-carousel-track{
   position: relative;
}
.home-page-slider-row{
    position: relative;
    margin: 0px;
}
.boxes-block .slick-prev{
    top: 100%;
    left: 21px;
}
.boxes-block .slick-next {
    top: 100%;
    left: 90px;
}
.boxes-block .slick-next::before{
    content: '\e1d6';
    font-size: 40px;
    color: #fff;
    opacity: unset;
}
.boxes-block .slick-prev::before{
    content: '\e1d5';
    font-size: 40px;
    color: #fff;
    opacity: unset;
}

.boxes-block .slick-arrow{
    position: absolute;
    background-color:  #44ce6f;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    top: 90%;
    z-index: 10;
    /* left: 113px; */
}
.boxes-block .slick-arrow:hover{
    background:linear-gradient(135deg, #23bdb8, #43e794);
}
/* .boxes-block .slick-slide{
    width: 264px !important;
} */
.home-page-slider-text-section{
    height: 100%;
    position: absolute;
    inset: -1% 33% -12% 1%;
    z-index: 10;
}
.homep-page-carousel-track::before{
    content: "";
    background-image: linear-gradient(to right, #ffffff 84%, #0d0d0d00);
    /* background-image: linear-gradient(#f7f8fa, #ffffff); */
    /* background-color: #fff; */
    position: absolute;
    height: 100%;
    width: 55%;
    z-index: 9;
}
.boxes-block .slick-prev{
    left: 15px !important;
}
.our-features-section-item{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20vh;
    display: flex;
}
.our-features-icon{
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    display: flex;
    max-width: 140px;
    min-width: 140px;
}
.section-item{
    display: flex;
    align-items:center ;
}
.section-item h5{
    font-weight: 500;
    color: #000;
    font-size: 26px;
    font-family: Outfit, sans-serif;
}
.section-item p{
    color: #484848;
    letter-spacing: .7px;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
}
.our-features-section h1{
    font-family: "Outfit", sans-serif;
    line-height: 1.3;
    font-size: 50px;
    font-weight: 500;
    color: #000;
}
.our-features-left-text{
    color: #484848;
    letter-spacing: .7px;
    margin-bottom: 10px;
    font-family:"Open Sans", sans-serif;
    font-size: 14px;
}
.our-features-right-section{
    padding-top: 30px;
}
.features-section-overlay{
    width: 1px;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto;
}
.features-section-white-overlay{
    background-image: linear-gradient(#fafafacc, #fff0);
    width: 45vw;
    height: 10em;
    position: sticky;
    inset: 68px 0% auto;
}
.features-section-white-overlay.bottom {
    background-image: linear-gradient(0deg, #fafafacc, #0000 100%, #fff0);
    height: 20vh;
    top: 80vh;
}
.features-sticky-content{
    grid-column-gap: 30px;
    flex-direction: column;
    display: flex;
    position: sticky;
    top: 140px;
    margin-bottom: 90px;
}
.our-features-text{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}


/* -----service cards styles------ */
.service-cards-wrapper{
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
}
.service-card{
    color: #000;
    border-radius: 100px;
}
.best-service-wrapper{
    /* border-color: rgba(66, 66, 66, 0);
    background-color: rgba(51, 51, 51, 0); */
    /* border: 1px solid var(--border-color); */
    color: #000;
    /* background-color: #3333; */
    border-radius: 100px;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: padding-left .4s, padding-right .4s;
    display: flex;
    position: relative;
}
.best-service-img{
    opacity: 0;
    will-change: transform;
    transform: translate3d(0.004px, 0.002px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;

    /* border-radius: 50%; */
    width:auto;
    height: 150px;
    position: absolute;
    left: auto;
    right: 110px;
    overflow: hidden;
}
.best-service-wrapper:hover .best-service-img{
    opacity: 1;
    will-change: transform;
    transform: translate3d(-10.824px, -2.7792px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    z-index:1;
    transition: opacity 2s;
}
.best-service-img img{
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.best-service-block{
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    line-height: 150%;
    display: flex;
    padding-left: 20px;
}
.best-service-text-block{
    color: #ccc;
    max-width: 770px;
}
.best-service-list-heading{
    /* color: #f5f5f5; */
    font-size: 27px;
    font-weight: 600;
    line-height: 150%;
}
.best-service-descrption{
    /* color:#ccc; */
    margin-top: 0;
    margin-bottom: 10px !important;
    line-height: 140%;
    font-size: 13px;
    max-width: 650px;
}
.best-service-section-arrow{
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    border-color: rgb(255, 255, 255);

    border: 2px solid #000;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #44ce6f;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 66.67px;
    height: 66.67px;
    font-family: "Fa Solid 900", sans-serif;
    font-size: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.service-gradient-hover {
    z-index: -10;
    /* background-image: linear-gradient(266.82deg, #fe79b9 1.91%, #ad00ff 52.71%, #2489ff 96.98%); */
    position: absolute;
    inset: 0%;
    background: linear-gradient(135deg, #23bdb8, #43e794);
}
.best-service-wrapper:hover{
    padding-left: 26px;
    padding-right: 26px;
    background-color: #fff;
    border: 1px solid;
}
.homep-page-carousel-track .slick-slide{
    padding: 0px 8px;
} 
.our-features-section{
    margin-top: 30px;
}  
.our-features-section-item:hover .our-features-list .icon{
    background: #44ce6f;
    color: #fff;
}
.our-features-section-item:hover .our-features-list .icon {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    /* -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); */
}
.best-services-section{
    background-color: #f7fafd;
    padding: 35px 0px;
}
.best-service-wrapper:hover .service-gradient-hover{
    opacity: 1 !important;
}
.best-service-wrapper:hover .best-service-section-arrow{
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg, 0deg) !important;
    transform-style: preserve-3d !important;
    border-color: rgba(255, 255, 255, 0) !important;
}
.best-service-section-arrow .icon-long-arrow-right{
    color: #fff;
    display: flex;
}
.best-services-heading {
    font-size: 44px;
    text-align: center;
    font-weight: 600;
    line-height: 120%;
    font-family: Inter, sans-serif;
}
.best-services-section-heading-block{
    margin-bottom: 20px;
}
.header-btn:hover,
.header-btn{
    background-color: #44ce6f;
    font-weight: 600;
    font-size: 14px;
    border: none;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: uppercase;
    transition: .5s !important;
    color: #fff;
    border-radius: 38px;
}

.news-from-blog-section{
    padding-top: 50px;
}
.best-service-right-arrow{
    width: 26px;
}
.best-service-img.cux{
    height: 136px;
}
.best-service-img.social{
    height: 161px;
}
.best-service-img.cloud{
    height: 163px;
}
.best-service-img.open-source{
    height: 129px;
}
.best-service-img.web{
    height: 200px;
}

.review-block{
    background: #f6f9fb;
    margin-top: 100px;
    padding-top: 50px;
    margin-bottom: 100px;

}
.review-img-block{
    margin-right: 60px;
}
.candidate-img {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
    max-width: 350px;
    height: 430px;
}
.candidate-bg{
    max-width: 400px;
}
.review-card {
    position: absolute;
    background: #fff;
    box-shadow: 0 35px 70px #00176712;
    border-radius: 8px;
    padding: 10px 0;
    animation: jumpFour 10s infinite linear;
}
.review-img-img-holder{
    position: relative;
}
.review-card h3{
    color: #44ce6f;
    font-size: 16px;
    margin-bottom: 0px;
}
.review-card .icon{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #44ce6f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border: 1px solid #44ce6f;
}
.card-one {
    min-width: 130px;
    top: 32%;
    left: -16%;
}
.card-two{
    top: 20px;
    right: -6px;
    min-width: 150px;
}
.card-three{
    right: -21px;
    bottom: 27px;
    min-width: 150px;
}
.pause-img{
    width: 45px;
}
.candidate-name{
    font-style: italic !important;
    font-size: 12px;
    color: #000;
    padding-left: 16px;
    text-align: end;

}
.candidate-name::before{
    content: "";
    position: relative;
    width: 12px;
    height: 2px;
    background: #000;
    /* left: 171px; */
    left: 148px;
    top: 10px;
    display: block;
}
@keyframes jumpFour{
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}
.review-block-text{
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #000;
    opacity: 1;
    /* max-width: 238px; */
    font-size: 21px;
    line-height: 1.57em;
}
.review-block-text span{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    color: #44ce6f;
    font-size: 26px;
}
.review-block-container-section{
    padding: 0px 190px;
}
.review-content-block{
    display: flex;
    align-items: center;
}

/* Mobility Tabs */
.tabs-container-section {
    /* width: 90%;
    max-width: 1200px; */
    padding: 20px;
    background: #ecf0f3;
    border-radius: 25px;
    /* box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; */
}

.tab-menu {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.tab-link {
    padding: 10px 20px;
    font-size: 16px;
    color: #333;
    background: #ecf0f3;
    border: none;
    border-radius: 12px;
    box-shadow: 6px 6px 12px #cbced1, -6px -6px 12px #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 10px; /* Add margin for spacing in responsive layout */
}

.tab-link:hover {
    box-shadow: 3px 3px 6px #cbced1, -3px -3px 6px #fff;
}

.tab-link.active {
    /* background: #00cec9; */
    background: #3add9c;
    color: white;
    /* box-shadow: 6px 6px 12px #00b894, -6px -6px 12px #01f0e0; */
    box-shadow: 6px 6px 12px rgba(35, 189, 184, 0.8), 
    -6px -6px 12px rgba(67, 231, 148, 0.8);
}

.content-area {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 6px 6px 12px #cbced1, -6px -6px 12px #fff;
}
.content-area h4{
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-content h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.tab-content p {
    font-size: 14px;
    color: #555;
    line-height: 1.9;
    margin-bottom: 20px;
}

.tab-content ul {
    list-style: none;
    padding-left: 20px;
}

.tab-content ul li {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.mobility-tabs-block{
    margin-top: 40px;
    margin-bottom: 40px;
}
.works-area .section-title{
    margin-bottom: 60px;
}
.careers-banner-sec{
    padding-top: 100px;
}
.careers-left-part{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.careers-left-part h2{
    font-size: 45px;
    font-weight: 600;
}
.careers-right-part,.careers-left-part{
    width: 50%;
}
/* .careers-left-part .header-btn{
    border-radius: unset;
    border: 1px solid #fff;
} */
.careers-right-part img{
    max-height: 483px;
    width: 100%;
}
.w-s-w-h-content-section .card img{
    width: auto;
    height: 65px;
    margin-right: auto;
}
.w-s-w-h-title-section{
    text-align: center;
    /* padding-top: 30px; */
    margin-bottom: 60px;
}
.w-s-w-h-title-section h2{
    font-weight: 600;
    font-size: 33px;
    color: #222;
    margin-top: 20px;
}
.w-s-w-h-title-section .w-s-w-h-title-sub-text{
    margin-top: 25px;
    color: #222;
    font-size: 17px;
    /* font-family: "Open Sans",sans-serif; */
    font-weight: 500;
}
.w-s-w-h-small-text{
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 1.6;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    color: #222;
}
.w-s-w-h-content-section .card{
    border: unset;
}
.w-s-w-h-content-section .card h5{
    color: #222;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 20px

}
.why-shoud-work-here-block{
    padding: 100px 0px;
    padding-top: 0px;
}
.w-s-w-h-content-section .card .hr-line{
    height: 3px;
    width: 15%;
    background-color: #204b3f;
}
.w-s-w-h-content-section .card .hr-line-wrapper{
    padding: 15px 0px;
}
.w-s-w-h-content-section .card p{
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: rgb(126, 123, 112);
}
.vacancies-slider{
    padding: 50px 0px;
    margin-bottom: 50px;
    background-color: #f7fafd;
}
.vacancies-slider .slick-dots{
    position: unset;
}
.start-ur-career-section{
    margin-top: 50px;
}
.vacancies-slider .card{
    border: 2px solid #fbf7ed;
    padding: 40px;
    margin: 0px 15px;
    font-family: "Open Sans", sans-serif;
    width: 360px;
    /* min-height: 450px; */
}
.vacancies-slider .card .vacancy-requirement{
    color: rgb(126, 123, 112);
    font-size: 13px;
    font-weight: 600;
}
.vacancies-slider .card .profession{
    color: #222;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 700;
}
.vacancies-slider .card .hr-line{
    height: 2px;
    width: 100%;
    background-color: #fbf7ed;
}
.vacancies-slider .card .hr-line-wrapper{
    padding: 15px 0px;
}
.about-us-team-img{
    border-radius: 45px;
}
.vacancies-slider .card .checkmark-icon{
    max-width: 20px !important;
}
.vacancies-slider .card ul{
    list-style: none;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.vacancies-slider .card ul li{
    display: flex;
    margin-bottom: 16px;
}
.vacancies-slider .card ul li p{
    padding-left: 30px;
    color: rgb(126, 123, 112);
    font-size: 16px;
}
.why-choose-us .section-title .bar{
    margin-left: 63px;
}
.vacancies-slider .card .job-details{
  color: rgb(126, 123, 112);
}
.vacancies-slider .card .job-location-section p{
    font-weight: 500;
}
.vacancies-slider .card .job-location-section .location-block{
    padding-right: 20px;
}
.vacancies-slider .card .job-location-section .job-type-block{
    padding-left: 20px;
}
.vacancies-slider .card .apply-now-navigation{
   text-decoration: underline;
   margin-top: 20px;
   font-size: 14px;
   color: #204B3f;
   font-weight: bold;
}
.vacancies-slider .card .apply-now-wrapper{
    position: relative;
}
.vacancies-slider .card .apply-now-wrapper span{
    position: absolute;
    top: 3px;
    margin-left: 3px;
}
.vacancies-slider .slick-arrow{
   /* background-color: red; */
   top: 50%;
   z-index: 9;
}
.vacancies-slider .slick-arrow.slick-prev:before,
.vacancies-slider .slick-arrow.slick-next:before{
    color: #7E7B70 !important;
}
.vacancies-slider .slick-arrow.slick-prev:before{
    left: -30px;
    position: absolute;
    content: '\73';
    font-size: 45px;
}
.vacancies-slider .slick-arrow.slick-next:before{
    content: '\74';
    font-size: 45px;
}
.vacancies-slider .vacancies-slider-track {
    position: relative;
}
.vacancies-slider .vacancies-slider-track .slick-prev {
    left: -30px !important;
}
.vacancies-slider .vacancies-slider-track .slick-next {
    right: -30px;
}
.start-ur-career-section .start-ur-career-content-block{
    background-image: url("../images/careers-start-ur-career-bg.png");
    min-height: 440px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.start-ur-career-section .start-ur-career-content-block h2{
    font-size: 36px;
    color: #222;
    font-weight: 600;
}
.start-ur-career-section .start-ur-career-content-block p{
    color: #52504A;
    font-size: 17px;
    margin-top: 25px;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

}
.start-ur-career-section .start-ur-career-content-block ul{
    display: flex;
    padding: 0px;
    list-style: none;
    margin-top: 25px;
}
.start-ur-career-section .start-ur-career-content-block ul li::before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #35d4a5;
    display: block;
    margin-right: 5px;
}
.start-ur-career-section .start-ur-career-content-block ul li{
    display: flex;
    align-items: center;
    padding-right: 5px;
}
.start-ur-career-section .start-ur-career-content-block ul li span{
    color: #7B7E70;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.start-ur-career-section .start-ur-career-content-block .apply-now-btn{
    margin-top: 40px;
    /* border-radius: unset; */
}
.start-ur-career-section .start-ur-career-content-block .apply-now-btn a,
.start-ur-career-section .start-ur-career-content-block .apply-now-btn a:hover{
    color: #fff;
}
.start-ur-career-section .start-ur-career-content-block .apply-now-btn .span{
    position: absolute;
    top: 16px;
    margin-left: 4px;
}
.internship-section .card{
    padding: 30px;
    border: 2px solid #fbf7ed;
    width: calc((100% / 3) - 10px);
    margin-right: 15px;
    margin-bottom: 15px;
    transition: .5s;
}
.internship-section .card:nth-child(3n){
    margin-right: 0px;
}
.internship-section .card .internship-apply-link{
    color: #44ce6f;
    font-weight: bold;
    font-size: 14px;
}

.internship-section{
    margin-bottom: 50px;
}
.internship-section .card h2{
    color: #222;
    font-size: 22px;
    position: relative;
}
.internship-section .card h2 span{
    position: absolute;
    top: 4px;
    margin-left: 10px;
}
.internship-section .card p{
    margin-top: 20px;
    color: #7E7B70;
    font-size: 16px;
}
.internship-section .card:hover{
    transform: translateY(-9px);
    transition: .5s;
}
.internship-location{
    color: #52504A;
    font-size: 14px;
}
.faq-accordion .btn-link .icon .minus-icon{
    display: none;
}
.faq-accordion .btn-link .icon .plus-icon{
    display: block;
}
.faq-accordion .btn-link .icon.plus .plus-icon{
    display: none;
}
.faq-accordion .btn-link .icon.plus .minus-icon{
    display: block;
}
.nav-btn a:hover,
.nav-btn a{
    color: #fff;
}
.team-slides .slick-arrow{
    display: none !important;
}
.cux-banner-section,
.mobility-banner-main-section{
    overflow: visible;
}
.home-page-slider-row .slick-dots{
    position: unset;
}
.header-btn.apply-now-btn:focus{
    color: #fff;
}
.header-section .navbar-brand img{
    margin-right: 10px;
}
@media(min-width: 1200px) {

    .h1,
    h1 {
        font-size: 2.5rem;
    }
    .h2,
    h2 {
        font-size: 2rem;
    }
    .h3,
    h3 {
        font-size: 1.75rem;
    }
    .h4,
    h4 {
        font-size: 1.5rem;
    }
}

/* .h2,
h2 {
    font-size: calc(1.325rem + .9vw);
} */

/* @media(min-width: 1200px) {

    .h2,
    h2 {
        font-size: 2rem;
    }
} */

/* .h3,
h3 {
    font-size: calc(1.3rem + .6vw);
} */

/* @media(min-width: 1200px) {

    .h3,
    h3 {
        font-size: 1.75rem;
    }
} */

/* .h4,
h4 {
    font-size: calc(1.275rem + .3vw);
} */

/* @media(min-width: 1200px) {

    .h4,
    h4 {
        font-size: 1.5rem;
    }
} */
/* 
.h5,
h5 {
    font-size: 1.25rem;
}

.h6,
h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
} */
@media(max-width:1280px){
    .mobility-banner-img img {
        width: 620px;
    } 
    .mobility-banner-img img:last-child {
        top: 0;
    }  
    .animate-border span {
        left: 69%;
    } 
}
@media (max-width: 1140px) {
    .mobility-banner-img img {
        width: 544px;
    }
    .review-block-container-section{
        padding: unset;
        align-items: baseline;
        display: flex;
        justify-content: center;
    }
    .home-banner-main-img{
       right: 0 !important;
    }
    .vacancies-slider .slick-arrow.slick-prev:before {
        left: -15px;
        position: absolute;
        content: '\73';
        font-size: 17px;
        background: #000;
        border-radius: 50%;
        color: #fff !important;
        padding: 5px;
        top: -4px;
    }
    .vacancies-slider .vacancies-slider-track .slick-prev {
        left: 16px !important;
    }
    
    .vacancies-slider .slick-arrow.slick-next:before {
        content: '\74';
        font-size: 17px;
        background: #000;
        border-radius: 50%;
        color: #fff !important;
        padding: 5px;
    }
    .vacancies-slider .vacancies-slider-track .slick-next {
        right: 9px;
    }
}
@media(max-width: 991px){
    .navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
    .navbar-light .navbar-toggler{
        border: none;
    }
    .banner-section{
        height: 100%;
        padding-top: 185px;
        padding-bottom: 165px;
    }
    .shape1, .shape2, .shape3, .shape4, .shape5, .shape7 {
        display: none;
    }
    .single-box {
        margin-bottom: 30px;
    }

    .cloud-solutions-block{
        padding: 10px 0;
    }
    
    .banner-section {
        padding-top: 100px;
    }
    .banner-section h1 {
        font-size: 40px;
    }
    .banner-section-img{
        margin-top: 25px;
    }
    .boxes-block{
       padding-bottom: 15px;
    }
    .cloud-solutions-block {
        padding: 50px 0 20px;
    }
   
    .ready-to-talk-block,
    .team-block,
    .our-features-block{
        padding-top: 50px;
    }
    .ready-to-talk-block{
        padding-bottom: 50px;
    }
    .solutions-content{
        margin-bottom: 15px;
    }
    .contact-form{
        margin-top: 40px;
    }
    .why-choose-us-image{
        margin-bottom: 25px;
    }
    .page-title {
        padding-top: 100px;
        padding-bottom: 45px;
    }
    .footer-content h3{
        margin: 30px 0 15px;
    }
    .send-msg-btn{
        text-align: center;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
    .why-choose-us-image .rotateme{
        display: none;
    }
    .why-choose-img{
        position: unset;
        width: 100%;
        margin-top: 15px;
    }
    .home-page-slider-text h1{
        font-size: 30px;
    }
    .header-strip{
        background-color: #fff;
    }
    .vacancies-slider .card ul li p{
        font-size: 14px;
    }
    .mobility-banner-section .mobility-banner-img {
        right: 0px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    .mobility-banner-img img:last-child{
        width: 193px;
    }
    .mobility-banner-section .section-title{
        margin-bottom: 170px;
    }
    .mobility-banner-section .section-title p {
        margin: 0px;
    }
    .mobility-banner-section {
        padding-top: 125px;
    }
    .cux-banner-section .section-title{
        margin-bottom: 190px;
    }
    .cux-our-approach{
        margin-top: 30px;
    }

    /* .mobility-our-approach:before{
        height: unset;
    }
    .mobility-our-approach {
        padding-bottom: 30px !important;
    }
    .mobility-our-approach .core-approach-last-card{
        margin-top: 30px;
    } */
    .social-banner-img{
        margin-top: 110px;
    }
    .cloud-banner-section .section-title{
          margin-bottom: 0px;
    }
    .cloud-banner-section{
        padding-bottom: 0px;
    }
    .w-s-w-h-content-section .card {
        margin-bottom: 40px;
    }
    /* .vacancies-slider .slick-arrow.slick-prev:before {
        left: -15px;
        position: absolute;
        content: '\73';
        font-size: 17px;
        background: #000;
        border-radius: 50%;
        color: #fff !important;
        padding: 5px;
        top: -4px;
    }
    .vacancies-slider .vacancies-slider-track .slick-prev {
        left: 16px !important;
    }
    
    .vacancies-slider .slick-arrow.slick-next:before {
        content: '\74';
        font-size: 17px;
        background: #000;
        border-radius: 50%;
        color: #fff !important;
        padding: 5px;
    }
    .vacancies-slider .vacancies-slider-track .slick-next {
        right: 9px;
    } */
    .internship-section .card{
        width: calc((100% / 2) - 10px);
    }
    .internship-section .card:nth-child(2n){
        margin-right: 0px;
    }
    .internship-section .card:nth-child(3n){
        margin-right: 15px;
    }
    .internship-section .card:last-child{
        margin-right: 0px;
    }
    .mobility-our-approach {
        margin-top: 145px;
    }
    .social-banner-img{
        margin-top: 58px;
    }
    .social-banner-img img{
    width: unset; 
    }
    .cloud-our-approach{
        margin-top: 0px;
    }
    .open-source-banner-img img.bg-image{
        /* margin-top: 90px; */
        top: -191px;
        position: absolute;
    }
    .open-source-banner-img img {
        top: -197px;
        right: -98px;
        position: relative;
    }
    .low-code-our-approach {
        margin-top: -72px;
    }
    /* .web-banner-section .bg-image.rotateme{
        display: none;
    } */
    .web-banner-section{
        padding-bottom: 0px;
    }
    .web-our-approach{
        margin-top: 30px;
    }
    .web-banner-section .section-title{
        margin-bottom: 0px;
    }
    .web-banner-img img.bg-image {
        top: 0%;
        position: absolute;
        right: 26%;
        margin: 0 auto;
        text-align: center;
    }
    .web-banner-img img {
        position: relative;
        top: 16%;
        /* right: 110px; */
        width: 525px;
    }
    .web-banner-img{
        position: relative;
        right: -100px;
    }
    .web-banner-section .banner-content{
        margin-bottom: 20px;
    }
    .low-code-banner-section{
        padding-bottom: 0px;
    }
    .open-source-banner-img{
        position: relative;
        top: 44px;
    }
    .home-banner-section{
        padding-top: 380px;
    }

    .solutions-right-image{
        margin-bottom: 170px;
    }
    .home-banner-main-img{
        position: relative  !important;
        top: 30px !important;
        right: -11% !important;
    }
    .home-banner-section {
        padding-top: 380px;
    } 
    .solutions-right-image img:last-child {
        left: 0;
        right: 0px;
        margin: 0 auto;
        position: absolute;
        width: 525px;
        top: unset !important;
    } 
    .home-page-slider-text-section  {
        position: relative;
    } 
    .homep-page-carousel-track::before{
        content: unset;
    }
    .boxes-block .slick-arrow{
        display: none !important;
    }
    .slick-dotted.slick-slider {
        margin-top: 30px;
    }
    .boxes-block .single-box{
        min-height: 364px;
    }
    .review-img-block {
        margin-right: 0px;
    }
    .review-block-container-section .row{
        display: flex;
        flex-direction: column;
    }
    .review-content-block{
        margin-top: 40px;
        justify-content: center;
    }
    .features-section-white-overlay{
        width: 100%;
    }
    .features-sticky-content{
        margin-bottom: 10px;
    }
    .our-features-section-item{
        margin-bottom: 30px;
    }
    .faq-accordion .card-header p {
        padding: 9px 15px;
        color: #0e314c;
        line-height: 29px;
        font-size: 11px;
    }
    .cloud-banner-section .bg-image.rotateme{
       position: relative;
    }
    .cloud-banner-section .solutions-right-image img {
        position: absolute;
        right: 173px;
        top: unset;
    }
    .cloud-banner-section .solutions-right-image{
        margin-bottom: 90px;
    }
    .social-banner-section{
        overflow: visible;
    }
    .why-shoud-work-here-block {
        padding: 50px 0px;
    }
    .best-service-img{
        display: none;
    }
    .best-service-wrapper:hover{
        border: unset;
        padding-left: unset;
        padding-right: unset;
        background-color: unset;
        transition: unset;
    }
    .best-service-wrapper:hover .best-service-img{
        display: none;
    }
}
@media(max-width: 767px){
    .header-section nav .header-right {
        display: none;
    }
    .footer-section {
        padding-top: 50px;
    }
  .our-features-list {
        padding-left: 20px;
        min-width: 130px;
    }
    .our-features-list .icon {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 25px;
    }
    .single-features h3 {
        font-size: 17px;
    }
    .shape1,
    .shape2,
    .shape3,
    .shape4,
    .shape5,
    .shape6,
    .shape7,
    .shape8{
        display: none;
    }
    .banner-section{
        margin-top: 25px;
    }
    
    .navbar{
        padding: 0;
    }
    .mobility-banner-section{
        padding-top: 90px;
    }
    .faq-accordion .card-header p {
        padding: 4px 8px;
        color: #0e314c;
        font-size: 13px;
        line-height: 18px;
    }
    .faq-accordion{
        padding: 0px;
    }
    .faq-accordion .card-body{
        padding: 10px;
        font-size: 13px;    
    }
    .faq-contact-block{
        padding: 20px;
    }
    .get-started-strip-content h3{
        font-size: 20px;
        text-align: center;
    }
    .get-started-right-content {
        text-align: center;
        margin-top: 20px;
    }
    .vertical-tabs {
        margin-bottom: 15px;
    }
    .vertical-tabs .tab-vertical .nav-tabs .nav-link{
        padding: 8px;
    }
    .vertical-tabs .tab-vertical .nav.nav-tabs .nav-item {
        margin-bottom: 10px;
    }
    .vertical-tabs .tab-vertical .tab-content p {
        line-height: 20px;
        font-size: 13px;
    }
    .vertical-tabs .tab-vertical .tab-content{
        padding: 10px;
    }
    .siangle-why-choose-card:nth-child(2) .single-why-choose-us{
        margin-top: 30px;
    }
    .home-page-slider-text h1{
        font-size: 30px;
    }
    .boxes-block .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .blog-banner {
        padding-top: 130px;
        padding-bottom: 25px;
    }
    .contact-info-block{
        padding-top: 50px;
    }
    .page-title {
        padding-top: 90px;
        padding-bottom: 18px;
    }
    .blog-details-area{
        padding-top: 50px;
    }
    .about-us-content-block {
        padding: 50px 0px;
    }
    .about-us-content-block .ml-about-img{
        margin-bottom: 20px;
    }
    .about-funfacts-block{
        padding: 50px 0px;
    }
    .works-area{
        padding:0px 0px 50px 0px;
    }
    .team-block{
        padding-bottom: 45px;
    }
    .internship-section .card{
        width: calc((100% / 2) - 10px);
        margin-right: 20px;
    }
    .internship-section .card:nth-child(2n){
        margin-right: 0px !important;
    }
    .internship-section .card:nth-child(3n){
        margin-right: 20px;
    }
    .start-ur-career-section .start-ur-career-content-block ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .start-ur-career-section .start-ur-career-content-block {
        padding: 30px;
        text-align: center;
    }
    .siangle-why-choose-card:nth-child(4){
        margin-top: 30px;
    }
    .web-banner-img img{
        right: 0px;
    }
    .web-banner-img img.bg-image{
        right: 0px;
    }
    .web-banner-img{
        right: unset;
    }
    .solutions-right-image img{
        right: -2px !important;
    }
    .open-source-banner-img img{
        right: 0px;
    }

    .solutions-right-image{
        position: relative;
        top: -8px;
        margin-bottom: 166px;
        margin-top: 25px;

    }
    .home-banner-main-img{
        position: relative !important;
        width: 526px !important;
        right: -66px !important;
        margin: 0px auto;
    }
    .best-service-section-arrow{
        min-width: 50px;
        height: 50px;
    }
    .home-banner-section {
        padding-top: 273px;
    }
    .our-features-section h1{
        font-size: 45px;
    }
    .cloud-banner-section .solutions-right-image .cloud-img{
        right: 61px !important;
        top: 68px !important;
    }
    .cloud-banner-section .solutions-right-image{
        margin-bottom: 40px;
    }

    .tab-link {
        font-size: 14px;
        padding: 8px 15px;
    }

    .tab-menu {
        flex-direction: column;
        align-items: center;
    }

    .tab-content h2 {
        font-size: 20px;
    }

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

    .content-area {
        padding: 15px;
    }

    .start-ur-career-section .start-ur-career-content-block{
        margin-bottom: 0px;
    }
    .team-block .section-title{
        margin-bottom: 20px;
    }

}

@media(max-width:575px){
    .prev-link-wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
        margin-bottom: 15px;
    }
    .next-link-wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
    .next-link-info-wrapper{
        order: 2;
        text-align: left;
    }
    .blog-banner {
        padding-top: 91px;
    }
    .why-choose-us .siangle-why-choose-card:last-child {
        margin-top: 60px;
    }
    .core-approach-first-card{
        margin-bottom: 30px;
    }
    .internship-section .card{
        width: 100%;
        margin-right: 0px;
    }
    .internship-section .card:nth-child(3n){
        margin-right: 0px;
    }
    .vacancies-slider {
        padding: 20px 0px;
    }
    .careers-left-part h2 {
        font-size: 38px;
    }

    /* .open-source-banner-img img{
        right: 0px;
        top: -165px;
    } */
    .best-services-heading{
        font-size: 33px;
        line-height: unset;
    }
    .section-item h5{
        font-size: 24px;
    }
    .contact-cta-box .btn{
        position: unset;
        margin-top: 18px;
        right: unset;
        top: unset;
    }
    .contact-cta-box {
        padding: 30px;
        text-align: center;
    }
    .about-funfacts-block .funfact{
        margin-bottom: 10px;
    }
    .next-link-wrapper .image-next {
        margin-left: 0px;
        margin-right: 20px;
    }

    .tab-link {
        font-size: 12px;
        padding: 6px 10px;
        width: 100%; /* Make buttons full-width */
        text-align: center;
    }

    .tab-menu {
        flex-direction: column;
    }

    .tab-content h2 {
        font-size: 18px;
    }

    .tab-content p {
        font-size: 13px;
    }

}
@media(max-width:420px){
    .social-banner-img{
        margin-top: 0px;
    }
    .about-us-content-block{
        padding: 0px;
    }
    .careers-left-part .header-btn{
        padding: 12px 30px;
    }
    .mobility-banner-section{
        padding-bottom: 0px;
    }
    .solutions-right-image {
        margin-bottom: 145px;
        margin-top: 40px;
    }
    .home-banner-section {
        padding-top: 200px;
    }
    .banner-section h1{
        font-size: 30px;
    }
    .candidate-bg {
        width: 100%;
    }
    .candidate-img {
        left: 55%;
        height: 275px;
        object-fit: cover;
        width: unset;
    }
    .card-one {
        min-width: 110px;
        top: 32%;
        left: 6%;
    }
    .card-two {
        top: 92px;
        right: 13px;
        min-width: 138px;
    }
    .card-three {
        right: 13px;
        bottom: 27px;
        min-width: 133px;
    }    
    .review-card h3{
        font-size: 14px;
    }
    .review-card h3 p{
        font-size: 12px;
    }
    .our-features-list {
        padding-left: 0px;
        min-width: 70px;

    }
    .our-features-list .feather {
        margin-top: 0px;
    }
    .our-features-list .icon{
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 14px;
    }
    .our-features-section{
        margin-top: 0px;
    }
    .review-block{
        margin-bottom: 50px;
    }
    .our-features-section h1{
        font-size: 30px;
    }
    .best-service-list-heading {
        font-size: 25px;
        line-height: 32px;
    }
    .review-block-container-section{
        overflow: hidden;
    }
    .faq-accordion .card-header p{
        font-size: 11px;
        line-height: 13px;
    }
    .single-team .team-image img{
        height: 200px;
    }
    .cloud-banner-section .solutions-right-image .cloud-img{
        right: 40px !important;
    }
    .social-banner-section{
        padding-bottom: 30px;
    }
    .blog-grid{
        padding-top: 40px;
    }
    .best-service-section-arrow .icon{
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;    
    }
    .best-service-section-arrow {
        min-width: 40px;
        height: 40px;
    }
    .best-service-right-arrow {
        width: 20px;
    }
    .review-block{
        margin-top: 50px;
    }
}