@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Open+Sans:wght@300;400;600;700;800&display=swap");
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

body {
    font-family: "Merriweather", serif;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #303030;
}

.main-wrpper {
    width: 100%;
    overflow: hidden;
}

a {
    transition: 0.4s linear;
}

.container {
    max-width: 1120px;
}


/* **** Header **** */

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 10px 25px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 3px 40px rgba(0, 0, 0, 0.03);
}

body.en .wpml-ls-legacy-dropdown a {
    font-size: 14px;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    background: transparent;
    border: none;
    color: #fff;
    min-width: auto;
    display: inline-block;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    border: none;
    top: 7px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: none;
    background: #fff;
    right: auto;
    /* width: 60px; */
    border-radius: 5px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
    background: transparent;
    border: none;
    display: block;
    width: 100%;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
    background: transparent;
    position: relative;
    border: none;
    padding: 9px 16px;
    font-weight: 600;
    color: #202020;
    display: block;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wpml-ls-slot-languageswitcher a {
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover {
    background: #0176D3;
    color: #fff;
}

/* .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a::after {
    content: "";
    border-bottom: 2px solid #5E4F9C;
    width: 0;
    position: absolute;
    left: 10px;
    bottom: 7px;
    opacity: 0;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
} */

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover::after {
    /* opacity: 1;
    width: 72%;
    right: 0; */
    /* background: #5E4F9C;
    color: #fff; */
}

.start-header.scroll-on {
    background-color: transparent;
    padding: 20px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: relative;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    background: transparent;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    margin: 0;
    padding: 20px 0;
    z-index: 120;
    box-shadow: none;
    border-radius: 0;
    display: block;
    transition: 0.4s linear;
}

.navbar {
    padding: 0;
}

.navbar-nav {
    align-items: center;
}

.navbar-light {}

.navbar-brand img {
    max-width: 250px;
    width: 140px;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.lang-dropdown .dropdown-toggle {
    padding: 10px 10px;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    outline: none;
    box-shadow: none;
    margin-left: 15px;
}

.lang-dropdown .dropdown-toggle i {
    font-size: 13px;
    padding-left: 4px;
}

.lang-dropdown .dropdown-menu {
    padding: 10px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 100% !important;
    left: 0;
    right: 0;
    max-width: 200px;
    min-width: 150px;
    border-top: 4px solid #5e4f9c;
    width: 100%;
    transform: unset !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}

.nav-link {
    color: #fff !important;
    transition: all 200ms linear;
}

.navbar-light .nav-item {
    position: relative;
    transition: all 200ms linear;
    margin-right: 38px;
}

.navbar-light .nav-item:last-child {
    margin: 0;
}

.navbar-light .nav-item .nav-link {
    position: relative;
    padding: 15px 0;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
    position: relative;
}

.navbar-light .nav-item .nav-link:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0;
    opacity: 0;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}

.navbar-light .nav-item:last-child .nav-link:before {
    display: none;
}

.navbar-light .nav-item .nav-link:hover:before {
    width: 100%;
    opacity: 1;
}

.navbar-light .nav-item.active .nav-link {
    font-weight: bold;
}

.navbar-light .current_page_parent .nav-link {
    font-weight: bold;
}

.navbar-light .current_page_parent .nav-link:before {
    width: 100%;
    opacity: 1;
}

.navbar-light .nav-item.active .nav-link:before {
    width: 100%;
    opacity: 1;
}

.navbar-light .navbar-nav li.nav-item.callbtn.active .nav-link {
    background: #5E4F9C;
    color: #fff !important;
}

.navbar-light .nav-item.callbtn .nav-link {
    background: #fff;
    color: #3EA3DC !important;
    border-radius: 30px;
    padding: 10px 40px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    line-height: 22px;
}

.navbar-light .nav-item.callbtn .nav-link:hover {
    background: #5E4F9C;
    color: #fff !important;
}

.navbar-light .nav-item .dropdown-toggle {
    padding: 15px 0;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-light .nav-item .dropdown-menu {
    padding: 0 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 100%;
    left: 0;
    /* right: 0; */
    width: 230px;
    /*border-top: 4px solid #5e4f9c;*/
    /* width: 100%; */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
    display: none;
    opacity: 0;
    visibility: hidden;
}

.navbar-light .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: block;
}

.navbar-light .nav-item .dropdown-menu li {
    display: block;
    margin: 0;
}

.navbar-light .nav-item .dropdown-menu li a {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #5E4F9C;
    border-radius: 5px;
    text-transform: capitalize;
    display: block;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
    position: relative;
}


.navbar-light .nav-item .dropdown-menu li a::after {
    content: "";
    border-bottom: 2px solid #5E4F9C;
    width: 0;
    position: absolute;
    left: 15px;
    bottom: 7px;
    opacity: 0;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
}

/* .navbar-light .nav-item .dropdown-menu li.active  a{
     color: #fff;
    background: #5E4F9C;
} */

.navbar-light .nav-item .dropdown-menu li a i {
    float: right;
}

.navbar-light .nav-item .dropdown-menu li a:hover {
    color: #5E4F9C;
    font-weight: 700;
    background: transparent;
}

.navbar-light .nav-item .dropdown-menu li a:hover::after {
    opacity: 1;
    width: 86%;
    right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #004f87;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #004f87;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}


/* ***** End Header **** */


/* **** Main Banner **** */

.main-banner {
    /*background-image: url("../images/hero.svg");
    height: 100vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;*/
    position: relative;
    z-index: 6;
    overflow: hidden;
    /* height: 686px; */
    height: 830px;
    margin-bottom: -90px;
}

.main-banner .mainimg {
    object-position: bottom;
    object-fit: cover;
    width: 100%;
    height: 830px;
    /* height: 686px; */
    /* height: 100%; */
}

.main-banner .mobilemainimg {
    display: none;
}

.main-banner .banner-dt {
    position: absolute;
    top: 45%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.career-banner .banner-dt {
    position: absolute;
    top: 45%;
    /* left: 0; */
    right: 5%;
    width: 100%;
    z-index: 1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}


/* .main-banner .banner-dt h1 {
    color: #ffffff;
    margin: 0;
    font-size: 42px;
    font-weight: 500;
    line-height: 57px;
} */

.main-banner .banner-dt h1 span {
    font-family: "Merriweather", serif;
    font-style: italic;
}


/* **** End  Main Banner **** */


/* **** Counter **** */

.counter-wrp {
    /*background-image: url(../images/counter.svg);
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-position: center;
    height: 450px;*/
    margin-top: -150px;
    /* background-image: url("../images/numbers-bg.png"); */
    /* background-color: #5E4F9C; */
    -webkit-mask-image: url("../images/Purple-svg.svg");
    mask-image: url("../images/Purple-svg.svg");
    /* background-image: url("<svg width="1281" height="565" viewBox="0 0 1281 565" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="1281" height="565" fill="#E5E5E5"/>
    <path class="letter" d="M0.921936 79.2129C0.921936 79.2129 48.7899 85.5015 79.4219 84.271C118.407 82.705 140.492 81.9834 178.922 75.1665C239.203 64.4736 269.119 42.919 328.422 27.621C373.286 16.0476 398.337 7.34879 444.422 2.83662C484.264 -1.06436 506.995 -0.0464451 546.922 2.83662C584.878 5.57736 605.839 10.466 643.422 16.4933C706.436 26.599 741.202 35.5197 803.922 47.3473C836.715 53.5313 854.899 58.2597 887.922 63.0272C917.274 67.2648 933.868 68.7108 963.422 71.1201C997.527 73.9004 1016.71 75.7354 1050.92 75.6723C1083.97 75.6115 1102.6 74.9814 1135.42 71.1201C1193.34 64.3071 1280.92 37.2313 1280.92 37.2313V494.975C1280.92 494.975 1189.71 562.558 1035.03 562.558C880.364 562.558 758.746 511.03 621.922 511.03C485.098 511.03 425.456 553.027 254.922 562.558C84.3875 572.089 0.921936 538.918 0.921936 538.918V79.2129Z" fill="#5E4F9C"/>
</svg>"); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 6;
}

.counter-wrp svg {
    margin-left: -4px;
}

.change_color {
    fill: #5E4F9C;
    animation: filter-animation 15s infinite;
    -webkit-animation: filter-animation 15s infinite;
}

@keyframes filter-animation {
    0% {fill: #5E4F9C; }
    17% { fill: #8F48BD; }
    34% { fill: #5448BD; }
    51% { fill: #3EA3DC;  }
    68% { fill: #5448BD; }
    85% { fill: #8F48BD; }
    100% { fill: #5E4F9C; }
}


.counter-wrp .mainimg {
    object-position: bottom;
    object-fit: cover;
    width: 100%;
    /* min-height: 150px; */
    /* height: 600px; */
}

.counter-wrp .counter-block {
    padding: 150px 0 160px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.counter-block {
    padding: 35px;
    border-radius: 10px;
    background-size: cover;
    position: relative;
}

.counter-box {
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 0;
}

.counter-box p {
    font-size: 20px;
    font-weight: bold;
    font-family: "Merriweather", serif;
    margin: 0 0 10px;
    color: #fff;
}

.counter-box h3 {
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px;
}

.counter-box a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.counter-box a i {
    padding-left: 5px;
    transition: all 0.1s linear;
}

.counter-box a:hover {
    color: #35b5b0;
}

.counter-box a:hover i {
    transform: translateX(5px);
}


/* **** End Counter **** */


/* **** software **** */

.software-wrp {
    padding: 60px 0 0;
    position: relative;
}

.software-wrp .mainimg1 {
    position: absolute;
    right: 0;
    top: -30%;
    width: 37%;
}

.software-wrp .mainimg2 {
    position: absolute;
    left: -13%;
    bottom: -24%;
    width: 50%;
}

.titlebar h2 {
    font-size: 28px;
    font-weight: bold;
    color: #3ea3dc;
    margin: 0 auto;
    display: table;
    font-family: "Merriweather", serif;
}

.software-block {
    padding: 80px 0 0;
}

.software-block .row {
    display: flex;
    align-items: center;
}

.software-block .software-img img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
}

.software-block .software-dt h3 {
    font-size: 24px;
    font-weight: bold;
    color: #303030;
    margin: 0 0 20px;
    display: table;
    /*font-family: "Merriweather", serif;*/
}

.software-block .software-dt p {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    line-height: 24px;
}

.software-wrp .main-btn {
    margin: 80px auto 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.main-btn {
    background: linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;
    margin: 0 auto;
    display: table;
    color: #fff;
    background-size: 110% 100%;
    transition: all 0.4s linear;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.main-btn i {
    padding-left: 5px;
    transition: all 0.4s linear;
}

.main-btn:hover {
    background-size: 200% 100%;
    color: #fff;
}


/* **** End software **** */


/* **** Process **** */

.process-wrp {
    margin: 0;
    position: relative;
    z-index: 5;
    padding: 200px 0;
    background-image: url(../images/process-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}


/*.process-wrp:before {
    position: absolute;
    content: "";
    background-image: url(../images/process-up.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -250px;
    left: 0;
    right: 0;
    height: 250px;
    width: 100%;
}

.process-wrp:after {
    position: absolute;
    content: "";
    background-image: url(../images/process-down.png);
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position: bottom;
    top: auto;
    left: 0;
    right: 0;
    bottom: -120px;
    height: 150px;
    width: 100%;
}*/

.process-wrp .titlebar h2 {
    color: #fff;
}

.process-block {
    padding: 100px 0 0;
}

.process-block .process-img img {
    /* max-width: 100%; */
    width: 100%;
    height: 324px;
    object-fit: contain;
    margin: 0 auto;
    display: table;
}

.process-block .process-dt {
    padding: 0 20px;
}

.process-block .process-dt h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 auto;
    display: table;
    font-family: "Open Sans", sans-serif;
}

.process-block .process-dt p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: justify;
}

.process-block .main-btn {
    margin: 80px auto 0;
    display: table;
    background: #fff;
    color: #3ea3dc;
    box-shadow: 0 0 36px rgba(0, 0, 0, 0.2);
}

.process-block .main-btn:hover {
    background: #f1af2a;
    color: #fff;
}


/* **** End Process **** */


/* **** testimonial **** */

.testimonial-wrp {
    padding: 300px 0 80px;
    position: relative;
}

.testimoial_wrp .titlebar h2 {
    color: #fff;
}

.testimonial-wrp .mainimg1 {
    position: absolute;
    top: -7%;
    left: 0;
    width: 32%;
}

.testimonial-wrp .mainimg2 {
    position: absolute;
    top: -5%;
    right: 10%;
    width: 300px;
}

.testimonial-wrp .mainimg3 {
    position: absolute;
    bottom: 0%;
    left: 5%;
    width: 196px;
}

.testimonial-wrp .mainimg4 {
    position: absolute;
    bottom: -11%;
    right: 0;
    width: 40%;
}

.owl-carousel.owl-loading {
    opacity: 1;
}

.testimonial-slider {
    padding: 0;
}

.testimonial-box {
    margin: 50px 30px;
    padding: 40px 30px 20px;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.testimonial-box p {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    text-align: center;
    font-style: italic;
    margin: 0 0 40px;
}

.testimonial-box h5 {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    text-align: center;
    margin: 0 0 20px;
}

.testimonial-box h5 strong {
    font-weight: 700;
}

.testimonial-box .slide-img {
    min-height: 100px;
    display: flex;
    align-items: center;
}

.testimonial-box .slide-img img {
    max-width: 100%;
    margin: 10px auto 0;
    display: table;
}

.testimonial-slider .slick-prev,
.testimonial-slider .slick-next {
    display: none !important;
}

.testimonial-slider .slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.testimonial-slider .slick-dots button {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: transparent;
    padding: 0;
    border: none;
    color: transparent;
    padding: 0 !important;
    margin: 0;
    margin: 0 8px;
    line-height: 0;
    font-size: 16px;
    color: transparent;
    font-weight: 600;
    background: rgba(53, 181, 176, 0.3);
}

.testimonial-slider .slick-active button {
    background: #35b5b0;
    position: relative;
}


/* **** End testimonial **** */


/* **** Contact **** */

.contact-wrp {
    /* background: linear-gradient(60.08deg, #5E4F9C -14.07%, #3EA3DC 61.3%, #35B5B0 103.25%); */
    /*transform: matrix(-1, 0, 0, 1, 0, 0);*/
    /* background-image: url("../images/contact.svg"); */
    /* background-image: url("../images/join-us-bg.png"); */
    /* background-image: url("../images/blue-join-us-bg.png"); */
    /*background-image: url("../images/join-us-new-blue-bg.png");*/
    background-image: url("../images/join-us-new-blue-bg.webp");
    background-position: top;
    /* background-size: cover; */
    background-size: 100% 100%;
    min-height: 750px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 100px 0 80px;
}

.contact-wrp.process-cnt {
    /* background: linear-gradient(225deg, #4AA4D1 0%, #F3B942 100%); */
}


/* .learn_more_wrp::before {
    content: "";
    background-image: url("../images/Vector-552.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -86px;
    height: 106px;
    background-size: 100%;
} */



/* .contact-wrp::after {
    content: "";
    background-image: url("../images/Vector-552.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 106px;
}  */

.contact-wrp .contact-dt .btn-main i {
    margin-left: 10px;
}

.inner-abt {
    /* background-image: url(../images/abthero1.svg); */
    background-image: url("../images/service-contact-bg.png");
}

.contact-wrp .mainimg {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.inner-abt .mainimg {
    bottom: -20px;
}

.contact-wrp .contact-dt h2 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 40px;
    display: table;
    font-family: "Merriweather", serif;
}

.contact-wrp .contact-dt p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    width: 88%;
    margin: 0 0 60px;
}

.btn-main {
    background: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;
    margin: 0 0;
    display: table;
    color: #3ea3dc;
    transition: all 0.4s linear;
    text-align: center;
    position: relative;
    z-index: 5;
}

.btn-main:hover {
    background: #f1af2a;
    color: #fff;
}


/* **** End Contact **** */


/* **** Footer **** */

footer {
    background-image: url("../images/footer.svg");
    background-position: top;
    background-size: cover;
    min-height: 450px;
    margin-top: -150px;
    position: relative;
    z-index: 5;
    padding: 120px 0 15px;
}

.foot-logo img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
    width: 200px;
}

.footer-lanks {
    padding: 150px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -61px;
    justify-content: center;
}

.footer-lanks .quicklinks {
    /* float: left; */
    /* width: 20%; */
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    /* padding: 0 24px; */
    padding: 0 61px;
}

.quicklinks h3 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px;
    font-family: "Merriweather", serif;
    text-transform: capitalize;
}

.quick-message-form h3 br {display: none;}

.quicklinks ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #909090;
    margin: 0 0 7px;
    display: table;
    transition: all 0.3s linear;
}

.quicklinks ul li a:hover {
    color: #fff;
}

.quicklinks ul li a span {
    width: 30px;
    display: inline-block;
}

.quicklinks ul li a i {
    text-align: left;
    font-size: 15px;
    width: 20px;
}

.quicklinks ul li a img {
    width: 20px;
    text-align: center;
    display: inline-block;
}

.quicklinks img {
    max-width: 100%;
    border-radius: 6px;
}


.copyright {
    padding: 150px 0 0;
}

.copyright p {
    font-size: 16px;
    margin: 0 auto;
    display: table;
    color: #828282;
    font-weight: 500;
}


/* **** End Footer **** */

#one {
    order: 1;
}

#two {
    order: 2;
}

.testimonial-slider {
    display: block;
}

.testimonial-mobile {
    display: none;
}

.footer-links {
    display: block;
}

.footer-mobile-links {
    display: none;
}

.banner-btn {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #3ea3dc;
    border-radius: 30px;
    background: #fff;
    display: table;
    right: 15px;
    bottom: 15px;
    position: absolute;
    display: none;
}

.mobile-header {
    display: none;
    position: absolute;
    z-index: 9;
    padding: 20px 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.mobile-header .row .col-md-6.col-sm-6 {
    width: 50%;
}

.mobile-header .navmbl {
    float: right;
}

.mobile-header .navmbl ul {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end;
}

.mobile-header .navmbl ul li {
    margin-right: 15px;
}

.mobile-header .navmbl ul li:last-child {
    margin: 0;
}

.navbar-mbl-wrp {
    position: fixed;
    width: 300px;
    height: 100vh;
    background: linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
    top: 0;
    overflow: auto;
    height: 100vh;
    right: -100%;
    padding: 140px 25px 0;
    z-index: 9;
    text-align: right;
    color: #000;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
    right: -100%;
}

.expand-menu-open.navbar-mbl-wrp {
    width: 345px;
    margin-right: 0;
    right: 0;
    display: block;
}

.close-menus {
    position: absolute;
    right: 15px;
    top: 15px;
}

.close-menus img {
    max-width: 100%;
}

.sidebar-block ul li a {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px;
    display: table;
}

.sidebar-block ul li .submenu {
    padding-left: 20px;
    margin-bottom: 20px;
}

.sidebar-block ul li .submenu li a {
    font-weight: 300;
    margin: 0 0 10px;
}

.bottom-img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}


/* **** About **** */


/* **** Main Banner **** */

.about-banner {
    /*background-image: url("../images/hero.svg");
    height: 100vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;*/
    position: relative;
    z-index: 6;
    /* overflow: hidden; */
}

.about-banner .mainimg {
    object-position: bottom;
    object-fit: cover;
    width: 100%;
    height: 570px;
}

.about-banner .mobilemainimg {
    display: none;
}

.about-banner .main2img {
    position: absolute;
    left: -50px;
    bottom: -50px;
    /* max-width: 28%; */
}

.about-banner .banner-dt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.about-banner .banner-dt h1 {
    color: #ffffff;
    font-size: 32px;
    font-weight: 600;
    line-height: 60px;
    margin: 0 0 20px;
    font-family: "Merriweather", serif;
}

.about-banner .banner-dt p {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    width: 86%;
    margin: 0;
}

.about-banner .banner-dt p i {
    font-family: "Merriweather", serif;
    font-style: italic;
}


/* **** End  Main Banner **** */


/* ***** values-wrp **** */

.values-wrp {
    padding: 80px 0;
    position: relative;
}

.values-wrp .main1img {
    position: absolute;
    top: -14%;
    left: 0;
    max-width: 100%;
    width: 40%;
    z-index: -1;
}

.values-wrp .main2img {
    position: absolute;
    bottom: -0;
    right: 0;
    max-width: 100%;
    width: 43%;
}


/* .values-wrp .titlebar h2 {
    color: #35b5b0;
} */

.value-blcok {
    padding: 30px 0 0;
}

.value-blcok [class*=col-]:nth-last-child(-n+3) .value-box h3 {
    min-height: 33px;
}

.value-box {
    padding: 0 30px;
    margin: 50px 0 0;
}

.value-box span {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #35b5b0;
    margin: 0 0 22px;
    display: table;
}

.value-box img {
    width: 100%;
    margin-bottom: 16px;
}

.value-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #303030;
    font-family: "Open Sans", sans-serif;
    min-height: 55px;
    margin-bottom: 12px;
}

.value-box p {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    line-height: 22px;
}

.values-wrp .main-btn {
    margin: 150px auto 0;
}

.values-wrp ul.slick-dots,
.positive_footprints_slider ul.slick-dots,
.our_project_slider ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.values-wrp ul.slick-dots li,
.positive_footprints_slider ul.slick-dots li,
.our_project_slider ul.slick-dots li {
    margin-right: 10px;
}

.values-wrp ul.slick-dots li:last-child,
.positive_footprints_slider ul.slick-dots li:last-child,
.our_project_slider ul.slick-dots li:last-child {
    margin: 0;
}

.values-wrp ul.slick-dots li button,
.positive_footprints_slider ul.slick-dots li button,
.our_project_slider ul.slick-dots li button {
    font-size: 0;
    height: 12px;
    width: 12px;
    background: rgba(53, 181, 176, 0.3);
    border-radius: 100%;
    border: none;
    display: table;
}

.positive_footprints_slider ul.slick-dots li button,
.our_project_slider ul.slick-dots li button {
    background: rgba(62, 163, 220, 0.3);
}

.values-wrp ul.slick-dots li.slick-active button {
    background: #35B5B0;
}

.positive_footprints_slider ul.slick-dots li.slick-active button,
.our_project_slider ul.slick-dots li.slick-active button {
    background: #3EA3DC;
}


/* **** End values-wrp **** */


/* **** culture **** */

.culture-wrp {
    padding: 150px 0;
    /*background: #35b5b0;*/
    background-image: url(../images/culture-bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


/*.culture-wrp:before {
    position: absolute;
    content: "";
    background-image: url(../images/cultureup.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -200px;
    left: 0;
    right: 0;
    height: 400px;
    width: 100%;
    z-index: 5;
}

.culture-wrp:after {
    position: absolute;
    content: "";
    background-image: url(../images/culturedown.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    top: auto;
    left: 0;
    right: 0;
    bottom: -170px;
    height: 180px;
    width: 100%;
    z-index: 51;
}*/

.culture-wrp .titlebar h2 {
    color: #fff;
    margin: 0 auto 60px;
}

.culture-block {
    padding: 20px 0 0;
    position: relative;
    z-index: 5;
}

.culture-block .culture-box {
    margin: 40px 0 0;
}

.culture-block .culture-img {
    min-height: 180px;
}

.culture-block .culture-img img {
    /* max-width: 80%; */
    width: 180px;
    height: 180px;
    margin: 0 auto 0;
    display: table;
}

.culture-block .culture-dt {
    padding: 0 20px;
}

.culture-block .culture-dt h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 30px 0 15px;
    display: table;
    font-family: "Open Sans", sans-serif;
    /* font-family: "Merriweather", serif; */
}

.culture-block .culture-dt p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: left;
}


/* *** End culture **** */


/* **** Video **** */

.video-wrp {
    /* padding: 40px 0; */
    /* position: relative;
    background-image: url(../images/videoplay.svg);
    height: 800px;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;*/
    position: relative;
    /* margin-top: -190px; */
    /* z-index: -1; */
}

.video-wrp::after {
    content: "";
    background-image: url("../images/video-top-wave.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 140px;
}

.video-wrp:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 18.95%, rgba(0, 0, 0, 0) 100%);
}

.video-wrp .mainimg {
    max-width: 100%;
    width: 100%;
    /*height: 850px;*/
    object-fit: cover;
    object-position: top;
    min-height: 900px;
}

.video-wrp .titlebar h2 {
    position: absolute;
    top: 25%;
    color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
}

.video-dt a img {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, 50%);
    max-width: 100px;
    display: none;
    z-index: 9;
}


/* **** End Video **** */


/* *** Team **** */

.team-wrp {
    padding: 0 0 60px;
    position: relative;
    z-index: 9;
}

.team-wrp .mainimg1 {
    object-position: center;
    object-fit: contain;
    position: absolute;
    top: -30%;
    left: 0;
    width: 40%;
    min-height: 350px;
    z-index: 10;
}

.team-wrp .shap1 {
    position: absolute;
    right: 0;
    /*top: 40%;
    */top: 30%;
    max-width: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.team-wrp .shap2 {
    position: absolute;
    left: 0;
    /*top: 40%;
    */top: 53%;
    max-width: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.team-wrp .mainimg2 {
    position: absolute;
    right: 0px;
    /* bottom: -3%; */
    bottom: -140px;
    max-width: 100%;
    width: 42%;
}

.team-wrp:before {
    position: absolute;
    content: "";
    background-image: url(../images/intersection.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -168px;
    left: 0;
    right: 0;
    height: 168px;
    width: 100%;
    z-index: -1;
}

.team-wrp .titlebar h2 {
    color: #242424;
}

.team-block {
    /* padding: 80px 0 0; */
    padding: 55px 0 0;
    position: relative;
    z-index: 15;
}

.team-block .dropdown {
    display: none;
}

.team-block .dropdown button {
    outline: none;
    box-shadow: none;
    display: block;
    width: 100%;
    border: 1px solid #eee;
    background: #fff;
    padding: 10px 20px;
    color: #3ea3dc;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
}

.team-block .dropdown button i {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
}

.team-block .dropdown .dropdown-menu {
    padding: 10px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 100% !important;
    left: 0;
    right: 0;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    transform: unset !important;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
    border: 1px solid #C4C4C4;
    padding: 0;
    overflow: hidden;
}

.team-block .dropdown .dropdown-menu .dropdown-item {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    display: block;
    padding: 10px 15px;
    color: #3EA3DC;
    border-bottom: 1px solid #C4C4C4;
    padding: 10px 15px;
    position: relative;
    transition: all 0.3s linear;
}

.team-block .dropdown .dropdown-menu .dropdown-item.active,
.team-block .dropdown .dropdown-menu .dropdown-item:active, 
.team-block .dropdown .dropdown-menu .dropdown-item:hover,
.team-block .dropdown .dropdown-menu .dropdown-item:hover {
    background: transparent;
    color: #fff;
}

.team-block .dropdown .dropdown-menu .dropdown-item.active span,
.team-block .dropdown .dropdown-menu .dropdown-item:active span,
.team-block .dropdown .dropdown-menu .dropdown-item:hover span,
.team-block .dropdown .dropdown-menu .dropdown-item:hover span {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    top: 0;
    z-index: -1;
}

.team-block .dropdown .dropdown-menu .dropdown-item:last-child {
    border: none;
}

/* .team-block .dropdown .dropdown-menu .dropdown-item:hover {
    background: #e7e7e7;
} */

.new-team-block.team-block .dropdown button {
    border-color: #747474;
    padding: 6px 35px 6px 12px;
    font-size: 13px;
    line-height: 20px;
    color: #747474;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.new-team-block.team-block .dropdown .dropdown-menu {
    border-color: #747474;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.new-team-block.team-block .dropdown .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 13px;
    color: #747474;
    padding: 6px 10px;
}

.new-team-block.team-block .dropdown .dropdown-menu .dropdown-item:hover,
.new-team-block.team-block .dropdown .dropdown-menu .dropdown-item.active {
    color: #FFFFFF;
}

.team-block .team-link li {
    margin: 0 15px 15px 0;
    display: inline-block;
}

.team-block .team-link li:last-child {
    margin: 0 0 10px 0 0;
}

.team-block .team-link li {
    font-size: 16px;
    font-weight: 600;
    color: #3ea3dc;
    border: 1px solid #3ea3dc;
    border-radius: 5px;
    padding: 10px 30px;
    display: inline-block;
    background-size: 100%;
    border-radius: 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-block .team-link li span {
    position: absolute;
    background: #000;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-block .team-link li:hover,
.team-block .team-link li.active {
    /*background: linear-gradient(45deg, #5e4f9c 6.77%, #3ea3dc 66.67%, #35b5b0 100%);*/
    color: #fff;
    border-color: #fff;
}


/*.team-block .team-link li.active.design-bg,
.team-block .team-link li.design-bg:hover{
    background: linear-gradient(225deg, #DA5650 0%, #634F99 100%);
    color: #fff;
    border-color: #fff;
}*/


/*.team-block .team-link li.active.marketing-bg,
.team-block .team-link li.marketing-bg:hover{
    background: linear-gradient(225deg, #F3B02D 0%, #D65ADF 100%);
    color: #fff;
    border-color: #fff;
}

.team-block .team-link li.active.salesforce-bg,
.team-block .team-link li.salesforce-bg:hover{
    background: linear-gradient(225deg, #41AFA9 0%, #DA5A50 81.25%);
    color: #fff;
    border-color: #fff;
}*/

.team-block .team-link li:hover span,
.team-block .team-link li.active span {
    opacity: 1;
}

.team-wrp .team-block .member-list {
    padding: 60px 0 0;
}

.team-wrp .team-block .member-list ul li {
    float: left;
    width: 24%;
    padding: 0 10px;
    margin: 0 0 15px;
}

.team-wrp .team-block .member-list ul li img {
    max-width: 100%;
    margin: 0 auto 20px;
    display: table;
}

.team-wrp .team-block .member-list ul li h3 {
    font-size: 20px;
    font-weight: 600;
    color: #303030;
    font-family: "Merriweather", serif;
    margin: 0 auto 10px;
    display: table;
}

.team-wrp .team-block .member-list ul li h4 {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin: 0 auto 10px;
    display: table;
}

.team-wrp .team-block .member-list ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    margin: 0 auto 15px;
    display: table;
}

.member-list .team-member-box {
    margin: 0 auto 30px;
    cursor: pointer;
}

.team-img {
    height: 160px;
    width: 160px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
}

.team-img img {
    max-width: 100%;
    margin: 0 auto;
}

.team-member-box p {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #303030;
    min-height: 80px;
}

.team-member-box p strong {
    font-family: "Merriweather", serif;
    display: block;
    margin: 0 0 10px;
    font-weight: 800;
    font-size: 18px;
}


/* *** End Team **** */


/* **** End About **** */

#c1 {
    order: 1;
}

#c2 {
    order: 2;
}


/* **** Service **** */

.consultancy-wrp {
    padding: 120px 0 50px;
    /* background: #3ea3dc; */
    /* margin-top: -100px; */
    position: relative;
    /* margin-bottom: 200px; */
}


/* .consultancy-wrp:before {
    position: absolute;
    content: "";
    background-image: url(../images/consultancy-down-shap.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: -200px;
    left: 0;
    right: 0;
    height: 240px;
    width: 100%;
    z-index: 50;
} */

.consultancy-wrp .img1 {
    position: absolute;
    /* top: 13%;
    left: 0%; */
    top: 125px;
    left: 0;
    max-width: 100%;
}

.consultancy-wrp .img2 {
    position: absolute;
    /* top: 18%;
    right: 0%; */
    top: 125px;
    right: 0;
}

.consultancy-wrp .img3 {
    position: absolute;
    /*top: 63%;
    right: 0px;*/
    right: 0;
    top: 50%;
    margin-top: 100px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.consultancy-wrp .img4 {
    position: absolute;
    /* bottom: 0;
    right: 20%; */
    right: 0;
    top: 50%;
    margin-top: 250px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.consultancy-wrp .img5 {
    position: absolute;
    /* top: 63%; */
    top: 200px;
    left: 0;
}

.consultancy-wrp .img6 {
    position: absolute;
    left: 0;
    bottom: 50px;
}


/* .consultancy-wrp .titlebar h2 {
    color: #fff;
} */

.consultancy-block {
    padding: 60px 0;
    position: relative;
}

.consultancy-block .consultancy-img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.consultancy-block .row {
    display: flex;
    align-items: center;
}

.consultancy-block img {
    max-width: 100%;
    margin: 0;
}

.consultancy-block p {
    font-size: 18px;
    font-weight: 400;
    /* color: #fff; */
    margin: 0 0 20px;
    line-height: 25px;
}

.consultancy-list {
    padding: 120px 0 0;
}

.consultancy-list ul li {
    float: left;
    width: 33.33%;
    padding: 0 20px;
    min-height: 250px;
}

.consultancy-list ul li .list-img {
    min-height: 170px;
    display: flex;
    align-items: center;
}

.consultancy-list ul li img {
    max-width: 100%;
    margin: 0 auto 20px;
    display: table;
}

.consultancy-list ul li h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: "Merriweather", serif;
    margin: 0 auto 0;
    text-align: center;
    display: table;
}

.consultancy-list .main-btn {
    background: #fff;
    margin: 80px auto 0;
    display: table;
    color: #3ea3dc;
}

.consultancy-list .main-btn:hover {
    background: #5E4F9C;
    color: #fff;
}


/* **** End  **** */


/* **** Service **** */

.outsourcing-wrp {
    padding: 100px 0 50px;
    position: relative;
}

.outsourcing-wrp .img1 {
    max-width: 100%;
    width: 30%;
    top: 100px;
    left: -100px;
    position: absolute;
}

.outsourcing-wrp .shap1 {
    max-width: 100%;
    width: 70%;
    bottom: -17%;
    left: 0;
    position: absolute;
}

.outsourcing-wrp .shap2 {
    max-width: 100%;
    width: 44%;
    bottom: -15%;
    right: -3%;
    position: absolute;
}

.outsourcing-block {
    padding: 80px 0;
}

.outsourcing-wrp p {
    font-size: 15px;
    font-weight: 400;
    color: #303030;
    margin: 0 0 20px;
    line-height: 24px;
}

.outsourcing-wrp ul {
    padding: 40px 0 0;
}

.outsourcing-wrp ul li {
    font-size: 15px;
    font-weight: 400;
    color: #303030;
    margin: 0 0 10px;
    line-height: 24px;
}

.outsourcing-wrp ul li i {
    width: 28px;
    font-size: 20px;
}

.outsourcing-list {
    padding: 0;
    position: relative;
    z-index: 1;
}

.outsourcing-list ul li {
    float: left;
    width: 25%;
    padding: 0 20px;
    min-height: 250px;
}

.outsourcing-list ul li .list-img {
    min-height: 200px;
    display: flex;
    align-items: center;
}

.outsourcing-list ul li img {
    max-width: 100%;
    margin: 0 auto 20px;
    display: table;
}

.outsourcing-list ul li h4 {
    font-size: 18px;
    font-weight: 500;
    color: #303030;
    font-family: "Merriweather", serif;
    margin: 0 auto 0;
    text-align: center;
    display: table;
}

.outsourcing-list .main-btn {
    background: #fff;
    margin: 80px auto 0;
    display: table;
    color: #3ea3dc;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.outsourcing-list .main-btn:hover {
    background: #5E4F9C;
    color: #fff;
}

.inner-contact-wrp {
    background-image: url(../images/contact2_adjusted.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 250px 0;
    margin-top: -170px;
    position: relative;
    z-index: 5;
}

.contact-block {
    background: #fff;
    border-radius: 15px;
    padding: 80px 65px;
    margin: 0 auto;
    display: table;
    width: 75%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.contact-block .titlebar {
    margin: 0 0 60px;
}

.contact-block .frist-box {
    display: flex;
    align-items: center;
}

.contact-block .frist-box label {
    font-size: 16px;
    font-weight: 600;
    color: #3ea3dc;
    min-width: 30%;
}

.contact-block .form-group {
    margin: 0 0 39px;
}

.contact-block .form-group .form-control {
    min-height: 48px;
    /* height: auto; */
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #808284;
    box-shadow: none;
    outline: none;
    border: 1px solid #808284;
    resize: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact-block .form-group .form-control::placeholder {
    color: #C4C4C4;
}

.contact-block .frist-box .form-control {
    border-color: #3ea3dc;
    color: #3ea3dc;
    cursor: pointer;
}

.contact-block .frist-box .form-control::placeholder {
    color: #3ea3dc;
}

.contact-block .form-check {
    padding: 0;
    display: flex;
    align-items: baseline;
    margin: 0 0 20px;
}

.contact-block .form-check .wpcf7-list-item {
    margin: 0;
}

.contact-block .form-check label {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
}

.contact-block .wpcf7-list-item input[type="checkbox"]+label {
    display: flex;
    margin: 0;
    cursor: pointer;
    padding: 0;
    align-items: baseline;
}

.contact-block input[type="checkbox"] {
    display: block;
    cursor: pointer;
}

.contact-block input[type="checkbox"]+label:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    border: 0.1em solid #808284;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    font-size: 16px;
    padding-left: 0;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
    margin-right: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-block input[type="checkbox"]+label:active:before {
    transform: scale(0);
}

.contact-block input[type="checkbox"]:checked+label:before {
    background-color: #3ea3dc;
    border-color: #3ea3dc;
    color: #fff;
}

.contact-block input[type="checkbox"]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa;
}

.contact-block input[type="checkbox"]:checked:disabled+label:before {
    transform: scale(1);
    background-color: rgb(11, 128, 67);
    border-color: #bfb;
}

.contact-block .main-btn {
    box-shadow: none;
    outline: none;
    border: none;
    margin-left: auto;
    margin-right: 0;
}

.process-banner {
    /*background-image: url("../images/hero.svg");
height: 100vh;
background-size: contain;
background-position: center;
background-repeat: no-repeat;*/
    position: relative;
    z-index: 6;
}

.process-banner .mainimg {
    object-position: center;
    object-fit: contain;
    width: 100%;
    min-height: 350px;
}

.process-banner .mobilemainimg {
    display: none;
}

.process-banner .main2img {
    position: absolute;
    left: 0;
    bottom: -50px;
    max-width: 100%;
}

.process-banner .banner-dt {
    position: absolute;
    top: 10%;
    /*transform: translate(0, -50%);*/
    left: 0;
    right: 0;
    width: 100%;
}

.process-banner .banner-dt h2 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    font-family: "Merriweather", serif;
}

.process-banner .banner-dt p {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
}

.process-banner .banner-dt p span {
    font-family: "Merriweather", serif;
    font-style: italic;
}

.process-banner .banner-dt ul {
    padding: 40px 0;
}

.process-banner .banner-dt ul li {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 10px;
    line-height: 24px;
}

.process-banner .banner-dt img {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    margin-top: 250px;
    display: table;
}

.work-wrp {
    padding: 0 0 250px;
    position: relative;
}

.work-wrp .img1 {
    position: absolute;
    max-width: 100%;
    width: 32%;
    right: 0;
    top: -10%;
    z-index: -1;
}

.work-wrp .img2 {
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 40%;
}

.work-wrp .img3 {
    position: absolute;
    max-width: 100%;
    right: 0;
    bottom: -6%;
    width: 61%;
}

.work-block {
    padding: 200px 0 0;
}

.work-list {
    padding: 80px 0 0;
    position: relative;
    z-index: 1;
}

.work-block .row {
    display: flex;
    align-items: center;
}

.work-block img {
    max-width: 100%;
    margin: 0;
}

.work-block h2 {
    font-size: 30px;
    font-weight: 600;
    color: #303030;
    font-family: "Merriweather", serif;
    margin: 0 0 25px;
    text-align: center;
    display: table;
}

.work-block p {
    font-size: 18px;
    font-weight: 500;
    color: #303030;
    margin: 0;
}

.work-list ul li {
    float: left;
    width: 33.33%;
    padding: 0 60px;
    min-height: 250px;
}

.work-list ul li img {
    max-width: 100%;
    margin: 0 auto 20px;
    display: table;
}

.work-list ul li .list-img {
    min-height: 240px;
    display: flex;
    align-items: center;
}

.work-list ul li h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #303030;
    font-family: "Open Sans", sans-serif;
    margin: 0 auto 0;
    text-align: center;
    display: table;
}

.canlander {
    display: none;
}

.process-banner .banner-dt img.desktop-image {
    display: block;
}

.process-banner .banner-dt img.mobile-image {
    display: none;
}

#work1 {
    order: 2;
}

#work2 {
    order: 1;
}


/* **** Project **** */

.project-banner {
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.project-banner .row {
    display: flex;
    align-items: center;
}

.project-banner .mainimg {
    min-height: 750px;
    object-fit: cover;
}

.project-banner .banner-dt h1 {
    font-size: 38px;
}

.studies-wrp {
    /* background-image: url(../images/Background.svg); */
    background-image: url("../images/Nuvolops-bg-img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    /* margin-top: -220px; */
    position: relative;
    z-index: 5;
    /* min-height: 750px; */
    padding: 100px 0 240px;
}

.studies-wrp .titlebar h2 {
    color: #fff;
}

.studies-block {
    padding: 100px 0 0;
}

.studies-block .studies-dt h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 40px;
}

.studies-block .studies-dt p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 40px;
}

.studies-block .studies-dt ul li {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 10px;
    line-height: 24px;
}

.studies-block .studies-dt ul li i {
    width: 25px;
    font-size: 18px;
}

.studies-box {
    width: 80%;
    margin: 0 auto;
    display: table;
    background: #fff;
    position: relative;
    border-radius: 15px;
    overflow-x: hidden;
    margin: 0 0 50px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.studies-box img {
    width: 100%;
}

.box-area .row {
    display: flex;
    align-items: center;
}

.studies-box .studies-box-dt {
    padding: 30px;
}

.studies-box .studies-box-dt h3 {
    font-size: 20px;
    text-align: center;
    font-width: 600;
    color: #303030;
    margin: 0 auto 15px;
    display: table;
}

.studies-box .studies-box-dt a {
    font-size: 14px;
    text-align: center;
    font-width: 600;
    text-transform: uppercase;
    color: #3ea3dc;
    display: table;
    margin: 0 auto;
}

.last-box {
    display: none;
}

.last-copy {
    display: block;
}

.nuvolops-wrp {
    position: relative;
    z-index: 54;
}

.nuvolops-wrp .row {
    display: flex;
    align-items: center;
}

.nuvolops-wrp img {
    max-width: 100%;
    margin: 0;
}

.nuvolops-wrp .nuvolops-dt img {
    margin: 0 auto;
    display: table;
    width: 150px;
}

.nuvolops-wrp .nuvolops-dt h4 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    margin: 40px 0 0;
}

.nuvolops-wrp .nuvolops-dt p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    margin: 40px 0 0;
    padding-right: 50px;
}

.nuvolops-wrp .nuvolops-dt ul {
    padding-left: 30px;
    padding-top: 25px;
}

.nuvolops-wrp .nuvolops-dt ul li {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #fff;
    list-style-type: disc;
}

.nuvolops-wrp .nuvolops-dt .main-btn {
    background: #fff;
    margin: 50px auto 0;
    color: #3ea3dc;
}

.nuvolops-wrp .nuvolops-dt .main-btn:hover {
    background: #f1af2a;
    color: #fff;
}


/* **** End Project **** */

.offer-wrp {
    padding: 100px 0 300px;
    position: relative;
}

.offer-wrp .img1 {
    position: absolute;
    right: -22%;
    top: -10%;
    z-index: 51;
    width: 40%;
}

.offer-wrp .img2 {
    position: absolute;
    left: -12%;
    bottom: -10%;
    z-index: 51;
    width: 50%;
}

.offer-wrp:before {
    position: absolute;
    content: "";
    background-image: url(../images/Intersect.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: -220px;
    left: 0;
    right: 0;
    height: 310px;
    width: 100%;
    z-index: 50;
}

.offer-block {
    padding: 60px 0 0;
    position: relative;
    z-index: 51;
}

.offer-block .offer-img {
    min-height: 450px;
}

.offer-block img {
    max-width: 500px;
    margin: 0 0 30px;
}

.offer-block h3 {
    font-size: 28px;
    font-weight: 700;
    color: #303030;
    margin: 0 0 20px;
}

.offer-block p {
    font-size: 16px;
    font-weight: 400;
    color: #303030;
    margin: 0;
}

.portfolio {
    padding: 120px 0;
}

.portfolio ul {
    display: flex;
    align-items: center;
    width: 75%;
    justify-content: center;
    margin: 0 auto;
}

.portfolio ul li {
    margin: 0 15px 0 0;
    width: 25%;
}

.portfolio ul li:last-child {
    margin: 0;
}

.portfolio ul {
    padding: 50px 0 0;
}

.portfolio ul li img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
}


/* **** contact Page **** */

.contact-wrpper {
    /* background-image: url(../images/main-contact.svg); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    padding: 130px 0 236px;
    position: relative;
    z-index: 5;
}

.contact-wrpper .contact-block .form-control::placeholder {
    font-weight: 400;
}

.contact-wrpper .titlebar {
    margin: 0 0 100px;
}

.contact-wrpper .titlebar h2 {
    color: #fff;
    font-size: 32px;
    margin: 0 auto 25px;
}

.contact-wrpper .contact-block .titlebar {
    margin: 0 0 60px;
}

.contact-wrpper .contact-block .titlebar h2 {
    color: #3ea3dc;
    font-size: 28px;
}

.contact-wrpper .titlebar p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    width: 40%;
    margin: 0 auto;
}

.contact-wrpper .titlebar p span {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}

.contact-wrpper .contact-wrp {
    background-image: unset;
}

.contact-fields.contact-business,
.contact-fields.contact-hiring,
.contact-fields.contact-conference,
.contact-fields.contact-generic {
    display: none;
}

.contact-fields.contact-all {
    display: block;
}


/* **** End contact Page **** */


/* **** contact Page **** */

.career-wrpper {
    background-image: url(../images/career.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    padding: 300px 0 300px;
    margin-top: -170px;
    position: relative;
    z-index: 5;
}

.career-wrpper .titlebar {
    margin: 0 0 40px;
}

.career-wrpper .titlebar h2 {
    color: #fff;
    margin: 0 auto 25px;
}

.career-wrpper .titlebar p {
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    display: table;
    text-align: center;
    width: 30%;
}

.career-wrpper .titlebar p span {
    font-style: italic;
    font-family: "Merriweather", serif;
}

.career-block {
    padding: 50px 0;
}

.career-box {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 15px;
    overflow-x: hidden;
    margin: 0 auto 0;
    width: 75%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.career-box img {
    max-width: 100%;
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}

.career-box .career-box-dt {
    padding: 25px;
}

.career-box .career-box-dt h3 {
    font-size: 20px;
    text-align: center;
    font-width: 600;
    color: #303030;
    margin: 0 auto 0;
    display: table;
    min-height: 80px;
}

.career-box .career-box-dt a {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #3ea3dc;
    display: table;
    margin: 0 auto;
}

.career-block .main-btn {
    background: #fff;
    margin: 100px auto 0;
    display: table;
    color: #3ea3dc;
}


/* **** End contact Page **** */

.inner-contact-wrpper {
    padding: 350px 0 250px;
}

.contact-last-form {
    padding: 350px 0 250px;
}

.contact-form-block {
    background-color: #fff;
    padding: 40px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.process-img {
    min-height: 280px;
    margin-bottom: 28px;
    /* height: 324px; */
    /* object-fit: contain; */
}

.nav-new {
    position: fixed;
    width: 100%;
    padding: 15px 0;
    transition: 0.4s linear;
    top: 0;
    left: 0;
    border-radius: 0;
    box-shadow: 0px 1px 7px rgb(0 0 0 / 20%);
    z-index: 99;
    background: linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
}

.process-header.nav-new {
    background: linear-gradient(45deg, #5b57a2 0%, #63b9da 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.about-header.nav-new {
    background: linear-gradient(45deg, #5cbcb8 0%, #dfbb69 100%);
}

.consultancy-list .list-dt p {
    text-align: center;
    margin-block: 1em;
}


/*Disable language selection until new languages are available*/

.lang-dropdown {
    display: none;
}

.teamMember {
    width: 20%;
}

.teamMember-Image {
    object-fit: cover;
    border-radius: 50%;
    max-width: 70% !important;
}

.teamMember-team {
    text-transform: lowercase;
    font-style: italic;
}

.contact-wrp {
    width: 100%;
    /* background-color: #5e4f9c; */
}

.contact-wrp .contact-dt .btn-main:hover {
    background-color: #5E4F9C;
}

#NumberOfYears::after,
#SalesforceUsers::after {
    content: "+";
}

.testimonial-box .slide-img img {
    max-width: 40%;
}

.testimonial-text {
    height: 30em;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.testimonial-mobile *>.testimonial-text {
    height: auto;
}

.main-banner-img {
    position: absolute;
    right: 10%;
    bottom: 12%;
}


/* **** testimonial-block **** */

.testimonial-block {
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(128 128 128 / 68%);
    padding: 80px 65px;
    background: #fff;
    position: relative;
    z-index: 9;
    margin: 80px auto 0;
    display: table;
    width: 75%;
}

.testimonial-block .nav-tabs {
    border: none;
    display: block;
}

.testimonial-block .nav-tabs li {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.testimonial-block .nav-tabs li:last-child {
    margin: 0;
}

.testimonial-block .nav-tabs .nav-link {
    border-radius: 0;
    box-shadow: none;
    border: none;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .nav-tabs .nav-link .tablink {
    margin: 0 auto;
    width: 90%;
    border-radius: 10px;
    min-height: 85px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    background: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .nav-tabs .nav-link:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    height: 18px;
    width: 100%;
    background: #F1AF2A;
    border-radius: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    left: 50%;
    width: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .nav-tabs .nav-link img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
    opacity: 20%;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .nav-tabs .nav-link:hover:before {
    width: 100%;
    left: 0;
}

.testimonial-block .nav-tabs .nav-link:hover .tablink {
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.2);
}

.testimonial-block .nav-tabs .nav-link:hover img {
    opacity: 1;
}

.testimonial-block .nav-tabs .nav-item.show .nav-link:before,
.testimonial-block .nav-tabs .nav-link.active:before {
    width: 100%;
    left: 0;
}

.testimonial-block .nav-tabs .nav-item.show .nav-link .tablink,
.testimonial-block .nav-tabs .nav-link.active .tablink {
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.2);
}

.testimonial-block .nav-tabs .nav-item.show .nav-link img,
.testimonial-block .nav-tabs .nav-link.active img {
    opacity: 1;
}

.testimonial-block .testimonial-info {
    width: 90%;
    margin-left: auto;
}

.testimonial-block .testimonial-info h3 {
    font-family: Merriweather;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    margin: 0 0 15px 0 0;
}

.testimonial-block .testimonial-info ul {
    margin: 0 0 25px;
}

.testimonial-block .testimonial-info ul li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.testimonial-block .testimonial-info ul li:last-child {
    margin: 0;
}

.testimonial-block .testimonial-info ul li i {
    color: #F1AF2A;
    font-size: 14px;
}

.testimonial-block .testimonial-info p {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
    margin: 0 0 20px;
}

.testimonial-block .testimonial-info h4 {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin: 0 0 20px;
}

.testimonial-block .testimonial-info h4 strong {
    font-weight: 800;
}


/* **** End testimonial-block **** */


/* **** case-studies **** */

.case-studies-wrp {
    padding: 100px 0;
    position: relative;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.case-studies-wrp .shap1 {
    position: absolute;
    left: 0;
    width: 15%;
    bottom: -100%;
}

.case-studies-wrp .shap2 {
    position: absolute;
    right: 0;
    top: -100%;
}

.case-studies-wrp .titlebar h2 {
    margin: 0 auto 75px;
}


/* **** End case-studies **** */


/* ***** Mobile Navbar **** */


/*.navbar-mbl-wrp{text-align: right;}*/

.sidebar-block ul li .submenu li a {
    padding: 0 20px 0 0;
}

.navbar-mbl-wrp .mobile-header {
    padding: 100px 0 10px;
    border-bottom: 2px solid #fff;
}

.close-menus img {
    max-width: auto;
    width: 16px;
}

.close-menus {
    top: 65px;
}

.navbar-mbl-wrp {
    padding: 140px 48px 0 5px;
}

.sidebar-block ul li a {
    display: block;
    margin: 0 0 16px;
}

.sidebar-block ul li .submenu {
    padding-left: 20px;
    margin-bottom: 48px;
    margin-top: -30px;
}

.sidebar-footer {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 2px solid #fff;
    padding: 15px;
}

.sidebar-footer p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 15px;
}

.sidebar-footer ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-footer ul li {
    margin: 0 40px 0 0;
}

.sidebar-footer ul li:last-child {
    margin: 0;
}

.sidebar-footer ul li a {
    color: #fff;
    font-size: 20px;
}

.sidebar-footer ul li a img {
    filter: brightness(0) invert(1);
}

.value-slider {
    display: none;
}


/* **** Service Page **** */

.about-banner .banner-dt {
    left: 5%;
}

.service-banner .banner-dt p {
    width: 78%;
}

.consultancy-dt {
    padding: 0 40px 0 0;
}

.consultancy-wrp .col-md-4.col-sm-12:last-child .consultancy-dt {
    margin-left: auto;
    margin-right: 0;
}

.consultancy-block .row {
    align-items: flex-start;
}

.consultancy-list ul li {
    margin: 0 0 40px;
}

.consultancy-list ul li .list-img {
    min-height: 200px;
}

.consultancy-list .main-btn {
    margin: 40px auto 0;
}

.consultancy-list {
    position: relative;
    z-index: 9;
    padding: 0;
}

.outsourcing-list ul li {
    width: 33.33%;
}

.service-contact {
    margin-top: -100px;
    position: relative;
    z-index: 1;
    background-image: unset;
    /* background: linear-gradient( 225deg, #DA5952 0%, #499ED3 100%);} */
    background: url("../images/service-contact-bg.png") no-repeat;
    /* background: url("../images/meet-bg-with-img.png") no-repeat; */
    /* background: url("../images/gray-bg.png") no-repeat; */
    /* background: linear-gradient(225deg, #4AA4D1 0%, #F3B942 100%); */
    background-size: 100% 100%;
}

/* .service-contact::after {
    content: "";
    background: url("../images/Image.png") no-repeat;
    position: absolute;
} */

/* .meet_right_img {
    background: url("../images/Image.png") no-repeat;
} */

/* .service-contact::before {
    content: "";
    background-image: url("../images/meet-team-right-img.png");
    position: absolute;
    right: 0;
    bottom: 0;
} */

/* 
.service-contact:before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/service-contact-bottom-shape.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 52px;
} */

.bottom_wrp {
    position: relative;
}

/* .bottom_shape img {
    width: 100%;
}

.bottom_shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    height: 77px;
    z-index: 1;
} */

.service-banner .mobile-img {
    display: none;
}

.outsourcing-wrp .img2 {
    display: none;
    max-width: 350px;
    position: absolute;
    left: 0;
    top: -210px;
    z-index: 99;
}

.outsourcing-wrp .shap3 {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18%;
}

.process-banner {
    background-image: url(../images/process-main.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    /* padding: 120px 0; */
    padding: 184px 0 120px;
}

.process-banner .banner-dt {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}

.process-banner .banner-dt .banner-info {
    padding-left: 30px;
}

.process-banner .banner-dt img {
    margin: 100px 0 0;
    max-width: 100%;
}

.process-banner .banner-dt h2 {
    font-size: 32px;
    margin: 0 0 20px;
}

.process-banner .banner-dt p {
    font-size: 24px;
    width: 80%;
}

.process-banner .banner-dt ul li {
    font-size: 16px;
}

.process-banner .banner-dt ul li i {
    font-size: 18px;
    margin-right: 10px;
}

.process-work {
    padding: 100px 0;
}

.process-work .work-block {
    padding: 127px 0 0;
}

.process-work .work-list {
    padding: 80px 0 0;
}

#work-0 {
    padding-top: 0;
}

.work-wrp .titlebar {
    margin-bottom: 80px;
}

.process-work .work-block h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #303030;
}

.process-work .work-block p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
}

.process-work .work-block img {
    width: 90%;
}

.process-work .img3 {
    max-width: 30%;
}


/* **** project **** */

.play-ic a {
    margin: 0 auto;
    display: table;
}

.project-banner .banner-dt {
    left: 0;
    top: 50%;
}

.project-banner .banner-dt h1 {
    padding-left: 30px;
}

.project-banner .banner-dt p {
    padding-left: 30px;
}

.nuvolops-wrp {
    padding: 80px 0 0;
}

.studies-wrp .nuvolops-img img {
    max-width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

/* .nuvolops-wrp .nuvolops-dt p {
    padding-right: 50px;
} */

.nuvolops-wrp .nuvolops-dt img {
    margin: 0 auto 40px;
}

.nuvolops-wrp .nuvolops-dt .main-btn {
    margin: 80px auto 0;
    display: table;
}

.portfolio {
    padding: 260px 0 200px;
    position: relative;
    background-image: url(../images/portfolio.svg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -210px;
    position: relative;
    z-index: 5;
}

.portfolio .main-btn {
    margin: 80px auto 0;
}

.portfolio .port-shap1 {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
}

.portfolio .port-shap2 {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
}

.process-work .img4 {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    display: none;
    width: 100%;
}

.process-cnt .mainimg {
    right: -5%;
}


/* **** Blog **** */

.blog-wrp {
    background-size: 100% 100%;
    background-position: top bottom;
    background-repeat: no-repeat;
    width: 100%;
    /*background-image: url(../images/blog.png);*/
    background-image: url(../images/blog.webp);
    height: auto;
    position: relative;
    z-index: 9;
    padding: 200px 0;
    background-color: #5e4f9c;
}

.blog-wrp .titlebar h2 {
    color: #fff;
    margin: 0 auto 40px;
}

.blog-wrp .titlebar p {
    margin: 0 auto;
    display: table;
    text-align: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}

.blog-slider {
    margin-top: 80px;
    /* padding-left: 20%; */
    padding: 0 24px;
}

.blog-slider .slider {
    padding-top: 100px;
}

.blog-wrp .slider-box .slider-img {
    /* border-top: 10px solid #fff; */
    border-radius: 20px;
    width: 90%;
    display: table;
    margin: 0 0 25px;
}

.blog-wrp .slider-box .slider-img img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 10px;
}

.blog-wrp .slider-box .slider-img p {
    margin: 0;
}

.blog-wrp .slider-box .slider-dt {
    width: 90%;
}

.blog-wrp .slider-box .slider-dt p span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
}

.blog-wrp .slider-box .slider-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 33px;
    margin: 0 0 25px;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 70px;
}

.blog-wrp .slider-box .slider-dt h3 a {
    text-decoration: none;
    color: inherit;
}

.blog-wrp .slider-box .slider-dt h3 a:hover {
    opacity: 0.75;
}

.blog-wrp .slider-box .slider-dt p:first-child {
    min-height: auto;
}

.blog-wrp .slider-box .slider-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 68px;
}

.blog-wrp .slider-box .slider-dt ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #fff;
}

.blog-wrp .slider-box .slider-dt ul li:last-child {
    margin-left: 6px;
}


/* .blog-wrp .slider-box .slider-dt ul li:last-child{
    margin: 10px 0 0;
} */

.blog-wrp .slider-box .slider-dt ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


/*
.blog-wrp .slider-box .slider-dt ul li:last-child a{
    margin: 0 10px 0 0;
}*/

.blog-wrp .slider-box .slider-dt ul li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 5px 15px;
    display: block;
    /* width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.blog-wrp .slider-box .slider-dt ul li a i {
    padding-left: 5px;
}

.blog-wrp .slider-box .slider-dt ul li:first-child a {
    /* background: #fff; */
    color: #fff;
}

.blog-wrp .slider-box .slider-dt ul li a:hover {
    background: #3EA3DC;
    color: #fff;
    border-color: #3EA3DC;
}

.blog-wrp .main-btn {
    background: #fff;
    color: #3EA3DC;
    margin: 80px auto 0;
}

.blog-wrp .main-btn:hover {
    /* background: #3EA3DC; */
    background: #f1af2a;
    color: #fff;
}

.blog-wrp ul.slick-dots {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 8px;
    padding: 0 4px;
    border-radius: 30px;
}

.blog-wrp ul.slick-dots li {
    height: 4px;
    width: 33.33%;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.blog-wrp ul.slick-dots button {
    font-size: 0;
    color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    height: 4px;
    padding: 2px;
    outline: none;
    box-shadow: none;
}

.blog-wrp ul.slick-dots li.slick-active button {
    color: transparent;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: auto;
    font-size: 0px;
    outline: none;
    box-shadow: none;
    border-radius: 30px;
}

.blog-wrp ul.slick-dots li.slick-active {
    background: rgba(241, 175, 42, 0.7);
}

.blog-wrp .blog-mobile {
    display: none;
}


/* **** End Blog **** */

.testimonial-wrp {
    padding: 80px 0;
}

.project-footer {
    margin-top: -80px;
}


/* **** careers **** */

.career-banner {
    /* background-image: url(../images/career-banner.png); */
    /* background-image: url("../images/career-page-banner-img.png"); */
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    /* padding: 200px 0; */
    position: relative;
    z-index: 1;
}


/* .career-banner .banner-dt{
    width: 45%;
    margin-left: auto;
    margin-right: 0;
    display: table;
} */

.career-banner .banner-dt h2 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    text-align: right;
    color: #FFFFFF;
    margin: 0 0 30px;
}

.career-banner .banner-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    text-align: right;
    color: #FFFFFF;
    margin: 0;
}

.career-banner .joinbtn {
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    display: none;
}

.recruitment-process {
    background-image: url(../images/recruitment-process.png);
    background-size: 100% 100%;
    /*background-size: cover;*/
    background-position: top;
    background-repeat: no-repeat;
    padding: 200px 0;
    position: relative;
    margin-top: -150px;
}

.recruitment-process .titlebar h2 {
    color: #fff;
}

.recruitment-process .titlebar p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 15px 0 0;
    display: none;
}

.recruitment-process .titlebar .btn-main {
    margin: 90px auto 60px;
    background: #fff;
    color: #3EA3DC;
    font-size: 16px;
}

.recruitment-process .titlebar .btn-main:hover {
    background: #f1af2a;
    color: #fff;
}

.recruitment-process .process-box .row {
    display: flex;
    align-items: center;
}

.recruitment-process .process-box .process-dt {
    width: 60%;
}

.recruitment-process .process-box .process-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 25px;
    color: #FFFFFF;
}

.recruitment-process .process-box .process-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #FFFFFF;
}

.recruitment-process .process-box .process-img img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
}

.recruitment-line-process {
    padding: 40px 0 0;
}

.process-links .nav-tabs {
    border: none;
    box-shadow: none;
    outline: none;
}

.process-links .nav-tabs li {
    margin: 0 15px 0 0;
    display: inline-block;
    position: relative;
}

.process-links .nav-tabs li::after {
    content: "/";
    position: absolute;
    right: 0;
    top: 50%;
    color: #fff;
    margin: 0 -11px 0 0;
    font-size: 20px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.process-links .nav-tabs li:last-child::after {
    display: none;
}

.process-links .nav-tabs li:last-child {
    margin: 0;
}

.process-links .nav-tabs .nav-link {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    padding: 0 0 5px;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    position: relative;
    margin: 0;
    transition: all 0.3s linear;
}


/* .process-links .nav-tabs .nav-link:before{
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background:#fff;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 0;
    transition: all 0.3s linear;
} */

.process-links .nav-tabs .nav-item.show .nav-link,
.process-links .nav-tabs .nav-link.active {
    box-shadow: none;
    border: none;
}


/* .process-links .nav-tabs .nav-item.show .nav-link:before, 
.process-links .nav-tabs .nav-link.active:before{
    width: 100%;
    opacity: 1;
} */

.process-links .nav-tabs .nav-link:hover {
    border: none;
}

.process-links .nav-tabs .nav-link:hover:before {
    width: 100%;
    opacity: 1;
}

.roadmap {
    padding: 70px 0 0;
}

.roadmap ul li {
    float: left;
    width: 25%;
    padding-top: 100px;
    position: relative;
}

.roadmap ul li:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    border-bottom: 2px dashed #fff;
    top: 24px;
    left: 0;
}

.roadmap ul li:last-child:after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    right: 0;
    top: 16px;
    color: #fff;
    width: 74%;
    left: 0;
    text-align: right;
}

.roadmap ul li:last-child:before {
    width: 70%;
}

.roadmap ul li .stap-number {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    background: #FFF;
    color: #3EA3DC;
    position: absolute;
    left: 0;
    top: 0;
}

.roadmap ul li .stap-number span {
    font-size: 14px;
}

.roadmap .stap-dt {
    border-left: 2px solid #fff;
    padding-left: 10px;
    width: 80%;
}

.roadmap .stap-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 25px;
    color: #FFFFFF;
}

.roadmap .stap-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #FFFFFF;
}

.employees-wrp {
    padding: 125px 0 0;
}

.employees-block {
    padding: 65px 0 0;
}

.employees-block [class*=col-]:nth-child(2) .employ-dt .quote2-img {
    display: none;
}

.employees-block [class*=col-]:last-child .employ-dt img {
    bottom: 45%;
    top: auto;
    right: 10px;
    left: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.employees-block img {
    margin: 0 auto 35px;
    display: table;
    height: 265px;
    object-fit: contain;
    object-position: bottom;
}

.employees-block p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    width: 85%;
    margin: 0 auto 20px;
    display: table;
    /* min-height: 220px; */
}

.employees-block p:nth-child(2) {
    min-height: 220px;
    margin: 0 auto 50px;
}

.employ-dt {
    position: relative;
    text-align: center;
}

.employ-dt img {
    height: 44px;
    position: absolute;
    left: 5%;
    top: -4%;
    margin: 0;
}

.employ-dt .quote2-img {
    left: auto;
    top: auto;
    bottom: 15%;
    right: 10%;
    height: 94px;
}


/* **** End careers **** */


/* **** positions-wrp **** */

.positions-wrp {
    padding: 60px 0 200px;
    position: relative;
}

.open_position_bottom {
    position: absolute;
    right: 0;
    bottom: 0;
}

.team-block .member-list {
    position: relative;
}

.open_position_left {
    /* content: ""; */
    /* background-image: url("../images/open-position-left-img.png"); */
    /* background-repeat: no-repeat; */
    position: absolute;
    left: 0;
    /* top: 14%; */
    top: 200px;
    /* width: 41%;
    height: 78%; */
    /* width: 780px;
    height: 1342px; */
}

.open_position_top_right {
    /* content: "";
    background-image: url("../images/open-position-top-right-img.png");
    background-repeat: no-repeat; */
    position: absolute;
    right: 0;
    top: -25px;
    /* width: 16%;
    height: 27%; */
    /* width: 304px;
    height: 464px; */
}

.positions-wrp .titlebar p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 50%;
    margin: 50px auto 0;
    color: #0E2430;
}

.positions-wrp .member-list {
    padding: 60px 0 0;
}

.positions-wrp .member-list .gallery_product {
    margin: 40px 0 0;
}

.positions-wrp .member-list .positions-member-box {
    background: #fff;
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.3);
    border-radius: 10px;
    padding: 65px 30px;
    position: relative;
}

.top-brd {
    position: absolute;
    height: 15px;
    left: 0;
    right: 0;
    top: -7px;
    border-radius: 10px 10px 0 0;
    z-index: -1;
}

.positions-wrp .member-list .positions-member-box h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #303030;
    height: 49px;
}

.positions-wrp .member-list .positions-member-box h4 span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.positions-wrp .member-list .positions-member-box .btn-main {
    background: #000;
    margin: 20px auto 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-size: 100% 100%;
    cursor: pointer;
    transition: all 0.3s linear;
}

.positions-wrp .member-list .positions-member-box .btn-main:hover {
    background-size: 140% 140% !important;
}

.not-found {
    display: none;
}

.modal-dialog {
    max-width: 1000px;
}

.modal-content {
    padding: 0;
    border-radius: 10px;
    border: none;
    margin: 0;
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.3);
}

.modal-content .modal-body {
    padding: 80px 70px;
    position: relative;
}


/*.modal-content .modal-body:before{
    position: absolute;
    content: "";
    height: 25px;
    z-index: -1;
    width: 100%;
    top: -8px;
    border-radius: 10px 10px 0 0;
    left: 0;
    right: 0;
    background: linear-gradient(225deg, #625299 0%, #F1B02C 100%);
}*/

span#job-body {
    position: absolute;
    height: 25px;
    z-index: -1;
    width: 100%;
    top: -8px;
    border-radius: 10px 10px 0 0;
    left: 0;
    right: 0;
}

.modal-content .modal-body .close {
    position: absolute;
    right: 35px;
    top: 40px;
    text-shadow: none;
    outline: medium;
    box-shadow: none;
    border: none;
    opacity: 1;
    color: #5E4F9C;
}

.modal-content .modal-body .info-note {
    margin: 0 0 20px;
}

.modal-content .modal-body p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
    margin: 0 0 30px;
}

.modal-content .modal-body h4 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #0E2430;
    margin: 0 0 30px;
}

.modal-content .modal-body h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-decoration-line: underline;
    color: #0E2430;
    margin: 0 0 20px;
}

.modal-content .modal-body ul {
    margin: 0 0 20px;
}

.modal-content .modal-body ul li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
}

.modal-content .modal-body .btn-main {
    color: #fff;
    margin-left: auto;
    background: linear-gradient(225deg, rgb(218, 89, 82) 0%, rgb(73, 158, 211) 100%) 0% 0% / 140% 140% repeat scroll rgba(0, 0, 0, 0);
    margin-right: 0;
}


/* **** End positions-wrp **** */


/* ***** careers-cnt **** */

.careers-cnt {
    background-image: url(../images/careers-cnt.png);
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    padding: 230px 0 300px;
}

.careers-cnt .career-cnt-box {
    width: 80%;
    background: #fff;
    position: relative;
    border-radius: 10px;
    padding: 60px;
    margin: 0 auto 0;
    width: 75%;
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
}

.careers-cnt .career-cnt-box .titlebar p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #0E2430;
    padding-top: 45px;
    margin: 0;
}

.careers-form {
    padding: 40px 0 0;
}

.careers-form .row {
    display: flex;
    align-items: center;
}

.careers-form .form-group {
    margin: 0 0 25px;
}

.careers-form .form-group:last-child {
    margin: 0;
}

.careers-form .form-group .form-control {
    background: #FFFFFF;
    border: 1px solid #808284;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    height: auto;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #C4C4C4;
    height: auto;
    padding: 15px 20px;
}

.careers-form .upload-box label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #0E2430;
    margin: 0 0 20px;
}

.careers-form .upload-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #919191;
    margin: 20px 0 0;
}

.careers-form .btn-main {
    border: none;
    box-shadow: none;
    outline: none;
    margin-left: auto;
    margin-right: 0;
    margin-top: 40px;
    background: linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
    color: #fff;
}

.drop-zone {
    width: 100%;
    height: 200px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #0E2430;
    cursor: pointer;
    border: 1px dashed #808284;
    border-radius: 10px;
}

.drop-zone a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    padding: 10px 30px;
    display: table;
    margin: 20px auto 0;
    border-radius: 30px;
    border: 1px solid #3EA3DC;
    opacity: 1;
}

.drop-zone span.or {
    display: block;
    padding: 20px 0 0;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}


/* ***** End careers-cnt **** */


/* ***** BLog Page **** */

.blog-banner {
    background-image: url(../images/blog-subtract.png);
    background-size: cover;
    background-position: bottom;
    padding: 120px 0 200px;
    position: relative;
}

.blog-banner .main-img {
    position: absolute;
    left: 0;
    bottom: 4%;
    max-width: 100%;
    width: 553px;
    height: 504px;
    border-radius: 50% 59% 52% 49% / 62% 34% 77% 23%;
    -webkit-border-radius: 50% 59% 52% 49% / 62% 34% 77% 23%;
    -moz-border-radius: 50% 59% 52% 49% / 62% 34% 77% 23%;
    -ms-border-radius: 50% 59% 52% 49% / 62% 34% 77% 23%;
    -o-border-radius: 50% 59% 52% 49% / 62% 34% 77% 23%;
}

.blog-banner-details h4 a {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
    color: #FFFFFF;
    margin: 0 0 10px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    text-transform: uppercase;
    text-align: left;
}

.blog-banner-details h3 a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 57px;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 30px;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.blog-banner-details h3 a:hover {
    background-color: transparent;
}

.blog-banner-details h4 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
    color: #FFFFFF;
    margin: 0 0 10px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    text-transform: uppercase;
    text-align: left;
}

.blog-banner-details h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 57px;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 30px;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.blog-banner-details p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    margin: 0 0 60px;
}

.blog-banner-details a {
    background: #fff;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #3EA3DC;
    padding: 14px 20px;
    border-radius: 30px;
    display: table;
    box-shadow: 0 15px 30px rgba(128, 128, 128, 0.5);
}

.blog-banner-details a:hover {
    color: #fff;
    background: #f1af2a;
}

.blog-banner-details a.btn-main {
    padding: 10px 30px;
}

.blog-banner-details a i {
    padding-left: 5px;
}

.blog-footer {
    margin-top: -140px;
}

.subscribe-wrp {
    position: fixed;
    right: -250px;
    top: 40%;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 99;
}

.subscribe-wrp:hover {
    right: 0;
}

.subscribe-box {
    background-image: url(../images/subscribe-box.svg);
    padding: 35px 30px 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: contain;
    transform: rotate(-90deg);
    position: absolute;
    left: -97px;
    cursor: pointer;
}

.subscribe-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}

.subscribe-dt {
    background: #fff;
    width: 250px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.subscribe-dt span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #3EA3DC;
}

.subscribe-dt a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    border-radius: 30px;
    padding: 10px 30px;
    margin: 25px auto 0;
    box-shadow: none;
    transition: all 0.3s linear;
}

.subscribe-dt a:hover {
    background: #3EA3DC;
    color: #fff;
}


/* **** blog-topic-wrp **** */

.blog-topic-wrp {
    padding: 70px 0 0;
    position: relative;
}

.blog-topic-wrp p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    color: #3EA3DC;
}

.blog-topic-wrp ul {
    clear: both;
    display: flex;
    align-items: center;
}

.blog-topic-wrp ul li {
    float: left;
    width: 9%;
}

.blog-topic-wrp ul li:nth-child(2) {
    width: 60%;
}

.blog-topic-wrp ul li:last-child {
    width: 37%;
}

.blog-topic-wrp .topic-items {
    padding: 0 20px;
}

.blog-topic-wrp .topic-items a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    margin: 0;
    padding: 4px 12px;
    border-radius: 30px;
    text-align: center;
    margin: 0 8px 0 0;
    display: block;
    white-space: nowrap;
    transition: all 0.3s linear;
    outline: none;
}

.blog-topic-wrp .topic-items a:hover {
    background: #3EA3DC;
    color: #FFF;
}

.blog-topic-wrp button.slick-prev.slick-arrow,
.blog-topic-wrp button.slick-next.slick-arrow {
    outline: none;
    border: none;
    color: transparent;
    background-color: transparent;
    background-image: url("../images/arrow-nav-right.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    width: 20px;
    background-color: transparent;
    padding: 0;
    background-size: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 9;
    cursor: pointer;
    right: -5px;
}

.blog-topic-wrp button.slick-prev.slick-arrow {
    background-image: url("../images/arrow-nav-left.svg");
    right: auto;
    left: -5px;
}

.blog-topic-wrp .slick-initialized .slick-slide {
    width: auto !important;
    outline: none !important;
}

.blog-topic-wrp .form-group {
    margin: 0;
    position: relative;
}

.blog-topic-wrp .form-group button {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    border: none;
    box-shadow: none;
    outline: none;
    border: none;
    background: transparent;
    color: #3EA3DC;
    font-size: 20px;
}

.blog-topic-wrp .form-group .form-control {
    padding: 10px 15px 10px 50px;
    border: none;
    box-shadow: none;
    outline: none;
    font-family: Merriweather;
    font-style: normal;
    background: transparent;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #C4C4C4;
}

.blog-topic-wrp .form-group .form-control::placeholder {
    color: #C4C4C4;
}

.blog-shap1 {
    position: absolute;
    left: 0;
    top: 240px;
    z-index: -1;
    max-width: 100%;
}

.blog-list-wrp {
    position: relative;
}

.blog-list-wrp .blog-shap2 {
    position: absolute;
    right: 0;
    top: 12%;
    max-width: 100%;
}

.blog-list-wrp .blog-shap3 {
    position: absolute;
    left: 0;
    top: 32%;
    max-width: 100%;
}

.blog-list-wrp .blog-shap4 {
    position: absolute;
    right: 0;
    bottom: -5%;
    max-width: 100%;
}

.blog-list-wrp .right-news .blog-news {
    margin-left: auto;
    margin-right: 0;
}

.blog-list-wrp .blog-news {
    width: 80%;
    display: table;
    margin-top: 65px;
}

.blog-list-wrp .blog-news .slider-img {
    /* border-top: 10px solid #fff; */
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    display: table;
    margin: 0 0 25px;
    box-shadow: 1px -6px 8px rgb(128 128 128 / 10%);
}

.blog-list-wrp .blog-news .slider-img img {
    width: 100%;
    border-radius: 10px;
    width: 424px;
    height: 429px;
    object-fit: cover;
}

.blog-list-wrp .blog-news .slider-img p {
    margin: 0;
}

.blog-list-wrp .blog-news .slider-dt span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #808284;
    display: block;
    margin: 0 0 20px;
}

.blog-list-wrp .blog-news .slider-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #0E2430;
    margin: 0 0 30px;
    min-height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-list-wrp .blog-news .slider-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
    margin: 0 0 20px;
    /* min-height: 220px; */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-list-wrp .blog-news .slider-dt ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.blog-list-wrp .blog-news .slider-dt ul li:last-child {
    margin: 0;
}

.featured-block .slider-box .slider-dt ul li:last-child {
    margin: 0;
}

.blog-list-wrp .blog-news .slider-dt ul li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    padding: 5px 15px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    display: block;
    /*width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.blog-list-wrp .blog-news .slider-dt ul li a i {
    padding-left: 5px;
}

/* .blog-list-wrp .blog-news .slider-dt ul li:first-child a {
    background: #3EA3DC;
    color: #fff;
} */

.blog-list-wrp .blog-news .slider-dt ul li a:hover {
    background: #3EA3DC;
    color: #fff;
    border-color: #3EA3DC;
}


/* **** End blog-topic-wrp **** */

.pagination {
    margin: 80px auto 0;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.pagination ul li {
    margin: 0 10px 0 0;
}

.pagination ul li:last-child {
    margin: 0;
}

.pagination ul li .page-link {
    height: 28px;
    width: 28px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #3EA3DC;
    border-radius: 100% !important;
    border: 1px solid #3EA3DC;
}

.pagination ul li.active .page-link,
.pagination ul li .page-link:hover {
    color: #fff !important;
    background: #3EA3DC !important;
    border-color: #3EA3DC !important;
}

.line-img {
    padding: 80px 0;
}

.line-img img {
    width: 100%;
}


/* **** suggested-wrp **** */

.suggested-wrp {
    position: relative;
}

.suggested-wrp .blog-shap5 {
    position: absolute;
    left: 0;
    top: -270px;
    max-width: 100%;
}

.suggested-wrp .blog-shap6 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    z-index: -1;
}

.suggested-wrp .titlebar {
    padding: 0 0 40px;
}

.suggested-wrp .blog-news {
    margin: 40px 0 0;
}

.suggested-wrp .blog-img {
    /* border-top: 10px solid #fff; */
    border-radius: 20px;
    overflow: hidden;
    width: 90%;
    display: table;
    box-shadow: 1px -6px 8px rgb(128 128 128 / 10%);
}

.suggested-wrp .blog-img img {
    width: 100%;
    border-radius: 10px;
    height: 50%;
}


/*.suggested-wrp .blog-dt{
    width: 80%;
    margin-left: auto;
    margin-right: 0;
    display: table;
}*/

.suggested-wrp .blog-dt p {
    margin: 0;
}

.suggested-wrp .blog-dt span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #808284;
}

.suggested-wrp .blog-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #0E2430;
    margin: 0 0 30px;
}

.suggested-wrp .blog-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
    margin: 0 0 20px;
}

.suggested-wrp .blog-dt ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.suggested-wrp .blog-dt ul li:last-child {
    margin: 0;
}

.suggested-wrp .blog-dt ul li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    padding: 5px 15px;
    display: block;
    /* width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.suggested-wrp .blog-dt ul li a i {
    padding-left: 5px;
}

/* .suggested-wrp .blog-dt ul li:first-child a {
    background: #3EA3DC;
    color: #fff;
} */

.suggested-wrp .blog-dt ul li a:hover {
    background: #3EA3DC;
    color: #fff;
    border-color: #3EA3DC;
}


/* **** blog-contact **** */

.blog-contact {
    background-image: url(../images/blog-contact-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 290px 0 200px;
}

.blog-contact .row {
    display: flex;
    align-items: center;
}

.blog-contact .blog-cnt-frm {
    width: 75%;
}

.blog-contact .blog-cnt-frm h2 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #FFFFFF;
    margin: 0 0 60px;
}

.blog-contact .blog-cnt-frm p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 0 0 40px;
}

.blog-contact .blog-cnt-frm p:last-child {
    margin: 0;
}

.blog-contact .blog-cnt-frm a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    text-decoration: underline;
}

.blog-contact .blog-cnt-frm .form-control {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #808284;
    height: auto;
    padding: 0;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 12px 20px;
}

.blog-contact .blog-cnt-frm .btn-main {
    border: none;
    outline: none;
    /* margin: 40px 0 15px; */
    display: table;
}

.blog-contact .blog-cnt-frm .btn_hover:hover {
    background: #5E4F9C;
    color: #fff;
}

.blog-contact .blog-img img {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    display: table;
}


/* **** blog-business **** */

.blog-banner.business-banner {
    background-image: url(../images/business-banner.png);
}

.details-box {
    position: relative;
}

.blog-mai-details + .line-img {
    visibility: hidden;
}

.blog-mai-details .social-ic {
    position: absolute;
    left: -108px;
    top: -28px;
}

.blog-mai-details .social-ic.sticky {
    position: fixed;
    top: 70px;
    /*left: 26%;
    *//*left: 495px;
    */left: 50%;
    display: block;
    transform: translate(-951%,0);
    -webkit-transform: translate(-951%,0);
    -moz-transform: translate(-951%,0);
    -ms-transform: translate(-951%,0);
    -o-transform: translate(-951%,0);
}

.blog-mai-details .social-ic ul li {
    display: table;
    margin: 0 0 15px;
}

.blog-mai-details .social-ic ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    display: block;
    border-color: #C4C4C4;
    color: #C4C4C4;
}

.blog-mai-details .social-ic ul li a:hover {
    background: #3B5998;
    border-color: #3B5998;
    color: #fff;
}

.blog-mai-details .social-ic ul li:nth-child(2) a:hover {
    background: #1DA1F2;
    border-color: #1DA1F2;
    color: #fff;
}

.blog-mai-details .social-ic ul li:last-child a:hover {
    background: #0077B5;
    border-color: #0077B5;
    color: #fff;
}

.blog-mai-details {
    padding: 80px 0 0;
    position: relative;
}

.blog-mai-details .titlebar h2 {
    text-align: left;
    margin: 0 0 50px;
}

.blog-mai-details .container,
.breadcrumb-section .container {
    max-width: 725px;
}

.blog-mai-details .details-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #000000;
    margin: 0 0 30px;
}

.blog-mai-details .details-box ul li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #000000;
    margin: 0 0 10px;
}

.blog-mai-details .details-box ol li {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #000000;
    margin: 0 0 10px;
}

.blog-mai-details .details-box p a {
    /* color: #35b5b0; */
    color: #000;
    font-weight: 700;
    border-bottom: 3px solid #3EA3DC;
}

.blog-mai-details .details-box p a:hover {
    background-color: #3EA3DC;
    color: #fff;
}

.blog-mai-details .details-box h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
    margin: 0 0 30px;
}

.blog-mai-details .details-box img {
    width: 100%;
    border-radius: 10px;
    margin: 0 0 30px;
}

.subscribe-main-wrp {
    background-image: url(../images/subscribe-main-bg.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 170px 0;
    margin: 0 0 60px;
}

.subscribe-main-wrp .row {
    display: flex;
    align-items: center;
}

.subscribe-main-wrp h2 {
    font-family: Merriweather;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #FFFFFF;
    margin: 0;
}

.subscribe-main-wrp .btn-main {
    padding: 10px 40px;
    color: #fff;
    background: #F1AF2A;
    font-size: 16px;
    margin-left: auto;
    margin-right: 0;
    display: table;
}

.subscribe-main-wrp .btn-main:hover {
    background: #fff;
    color: #F1AF2A;
}

.blog-mai-details .quote-box {
    display: flex;
    align-items: center;
    padding: 40px 0 60px;
}

.blog-mai-details .quote-box img {
    margin: 0 40px 0 0;
}

.blog-mai-details .quote-box h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #3EA3DC;
    margin: 0;
}

.details-box ul {
    padding: 30px 0;
}

.details-box ul li {
    display: inline-block;
    margin: 0 8px 0 0;
}

.details-box ul li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    padding: 4px 12px;
    border-radius: 30px;
    border: 1px solid #3EA3DC;
    transition: all 0.3s linear;
}

.details-box ul li a:hover {
    background: #3EA3DC;
    color: #fff;
}

.socil-info {
    padding: 40px 0 0;
}

.socil-info .right-ic {
    margin-left: auto;
    margin-right: 0;
    display: table;
}

.socil-info ul li {
    display: table;
    display: inline-block;
    margin: 0 15px 0 0;
}

.socil-info ul li:last-child {
    margin: 0;
}

.socil-info ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 38px;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    display: block;
    border: 1px solid #C4C4C4;
    color: #C4C4C4;
}

.socil-info .left-heart li a:hover {}

.socil-info ul li a:hover {
    background: #3B5998;
    border-color: #3B5998;
    color: #fff;
}

.socil-info ul li:nth-child(2) a:hover {
    background: #1DA1F2;
    border-color: #1DA1F2;
    color: #fff;
}

.socil-info ul li:last-child a:hover {
    background: #3EA3DC;
    border-color: #3EA3DC;
    color: #fff;
}


/* **** End blog-business **** */


/* **** featured **** */

.featured-wrp {
    padding: 0 0 20px;
}

.featured-wrp .container {
    max-width: 745px;
}

.featured-wrp .user-info-box {
    display: flex;
    align-items: center;
    padding: 0 0 80px;
}

.featured-wrp .user-info-box img {
    min-width: 120px;
    min-height: 120px;
    width: 120px;
    height: 120px;
    margin-right: 20px;
}

.featured-wrp .user-info-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
    width: 40%;
    margin: 0;
}

.featured-block .titlebar h2 {
    margin: 0;
    text-align: left;
}

.featured-block .slider-box {
    margin: 35px 0 0;
}

.featured-block .slider-box .slider-img {
    /* border-top: 10px solid #fff; */
    border-radius: 10px;
    width: 100%;
    display: table;
    margin: 0 0 25px;
    box-shadow: 0 -5px 9px rgba(128, 128, 128, 0.3)
}

.featured-block .slider-img img {
    width: 100%;
    border-radius: 10px;
    height: 210px;
    width: 100%;
    object-fit: cover;
}

.featured-block .slider-img p {
    margin: 0;
}

.featured-block .slider-dt p span {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    color: #808284;
}

.featured-block .slider-dt h3 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #0E2430;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-block .slider-dt p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #0E2430;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .featured-block .slider-dt #wtr-content p {
    min-height: 198px;
} */

.featured-block .slider-dt ul li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.featured-block .slider-dt ul li:last-child {
    margin: 0;
}

.featured-block .slider-dt ul li a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    padding: 5px 10px;
    display: block;
    /* width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.featured-block .slider-dt ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.featured-block .slider-dt ul li a i {
    padding-left: 5px;
}

/* .featured-block .slider-dt ul li:first-child a {
    background: #3EA3DC;
    color: #fff;
} */

.featured-block .slider-dt ul li a:hover {
    background: #3EA3DC;
    color: #fff;
    border-color: #3EA3DC;
}


/* **** End featured **** */

.business-shap1 {
    position: absolute;
    left: 0;
    top: -10%;
    max-width: 100%;
    z-index: -1;
}

.business-shap2 {
    position: absolute;
    right: 0;
    top: 21%;
    max-width: 100%;
}

.business-shap3 {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 100%;
}

.business-shap4 {
    position: absolute;
    right: 0;
    top: 80%;
    max-width: 100%;
}

.blog-shap7 {
    position: absolute;
    left: 0;
    top: -20%;
    max-width: 100%;
    z-index: -1;
}

.blog-shap8 {
    position: absolute;
    right: 0;
    bottom: -30%;
    max-width: 100%;
    z-index: -1;
}

.inner-blog-list {
    padding: 40px 0 100px;
}

.blog-shap9 {
    top: 65%;
    max-width: 100%;
    position: absolute;
    left: 0;
}

.mobile-search {
    display: none;
}

.mobile-block {
    width: 100%;
    position: relative;
    z-index: 51;
    padding: 0 15px;
}

.mobile-block button {
    background: transparent;
    border: none;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    margin: 40px auto 0;
    display: table;
    text-align: center;
    /* display: none; */
}

.mobile-block button i {
    display: block;
    text-align: center;
    font-size: 20px;
}

.mobile-block .collapse:not(.show) {
    display: block;
}

.company-culture-header {
    background: linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
}

.blog-design-header {
    background: linear-gradient(225deg, #DA5650 0%, #634F99 100%);
}

.marketing-header {
    background: linear-gradient(225deg, #F3B02D 0%, #D65ADF 100%);
}

.mobile-header .row {
    align-items: center;
}

.blog-banner-details .mobile-btn {
    background: #F1AF2A;
    color: #fff;
    padding: 10px 30px;
    position: absolute;
    left: 50%;
    bottom: 0%;
    display: none;
}

section.testimonial-slider.testimonial-mobile .testimonial-box h3 {
    font-family: Merriweather;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
}

section.testimonial-slider.testimonial-mobile .testimonial-box {
    text-align: left;
}

section.testimonial-slider.testimonial-mobile .testimonial-box ul {
    padding: 0 0 30px;
}

section.testimonial-slider.testimonial-mobile .testimonial-box ul li {
    display: inline-block;
    margin: 0 4px 0 0;
    font-size: 15px;
    color: #F1AF2A;
}

section.testimonial-slider.testimonial-mobile .testimonial-box p {
    text-align: left;
}

section.testimonial-slider.testimonial-mobile .testimonial-box .slide-img img {
    margin-left: auto;
    margin-right: 0;
    display: table;
    opacity: 20%;
}

section.about-banner.project-banner:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); */
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); */
}

.mc4wp-alert.mc4wp-success {
    margin: 20px 0 0;
}


/* img.alignleft.size-medium {
    width: auto;
    margin-left: 0;
} */

img.alignright.size-medium {
    /* width: auto; */
    margin-left: auto;
    margin-right: 0;
}

img.aligncenter.size-medium {
    margin: 0 auto 30px;
    /* width: auto; */
}

img.alignnone.size-medium {
    /* width: auto; */
    margin: 0 0 30px;
}

.addtoany_list.a2a_kit_size_32 a {
    display: block;
    margin: 0 0 10px;
}

.socil-info .addtoany_list.a2a_kit_size_32 a {
    display: inline-block;
}

.blog-mai-details .details-box blockquote p {
    position: relative;
    padding: 0 0 0 180px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin: 0;
}

.details-box blockquote:before {
    position: absolute;
    content: "";
    height: 88px;
    width: 123px;
    background-image: url("../images/purple-quote.svg");
    background-size: contain;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.details-box blockquote {
    display: flex;
    align-items: center;
}

ul.pt-like-it.left-heart a.like-button {
    display: inline-block;
    margin-right: 12px;
}

ul.pt-like-it.left-heart span#like-count-606 {
    display: inline-block;
    margin-left: 10px;
}


/* ***** testimonial-slider **** */

.testimonial-block {
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(128 128 128 / 68%);
    padding: 80px 65px;
    background: #fff;
    position: relative;
    z-index: 9;
    margin: 80px auto 0;
    display: block;
    width: 75%;
}

.testimonial-block .slider-item {
    position: relative;
    cursor: pointer;
    margin: 18px 0 0;
}

.testimonial-block .slider-item .tablink {
    border-radius: 0;
    box-shadow: none;
    border: none;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .slider-item .tablink {
    margin: 0 auto;
    width: 90%;
    border-radius: 10px;
    min-height: 85px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    min-height: 95px;
    background: #fff;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .slider-item:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    height: 18px;
    width: 100%;
    background: #F1AF2A;
    border-radius: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    left: 50%;
    width: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .slider-item .tablink img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
    opacity: 20%;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.testimonial-block .slider-item:hover:before {
    width: 100%;
    left: 0;
}

.testimonial-block .tablink:hover {
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.2);
}

.testimonial-block .nav-tabs .nav-link:hover img {
    opacity: 1;
}

.slick-slide.slick-current.slick-active .slider-item:before {
    width: 100%;
    left: 0;
}

.slick-slide.slick-current.slick-active .slider-item .tablink {
    box-shadow: 0 0 9px rgba(128, 128, 128, 0.2);
}

.slick-slide.slick-current.slick-active .slider-item .tablink img {
    opacity: 1;
}

.testimonial-block .nav-item {
    margin: 0 0 20px;
}

.testimonial-block .slick-prev,
.testimonial-block .slick-next {
    display: block !important;
}

.testimonial-block button.slick-prev.slick-arrow,
.testimonial-block button.slick-next.slick-arrow {
    position: relative;
    font-style: 0;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    color: transparent;
    content: "";
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translate(-50%, 0);
    height: 40px;
    width: 60px;
    color: #fff;
    top: -20px;
    color: transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.testimonial-block button.slick-next.slick-arrow {
    top: auto;
    bottom: 0;
}

.testimonial-block button.slick-prev.slick-arrow:before,
.testimonial-block button.slick-next.slick-arrow:before {
    position: relative;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    content: "\f077";
    left: 30%;
    top: 0;
    bottom: 0;
    transform: translate(-50%, 0);
    color: #808080;
    font-size: 40px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.testimonial-block button.slick-next.slick-arrow:before {
    content: "\f078";
}

.testimonial-block button.slick-prev.slick-arrow:hover:before,
.testimonial-block button.slick-next.slick-arrow:hover:before {
    color: #000;
}


/* **** Mobile Testimonial **** */

.testimonial-mobile-wrp {
    display: none;
}

.testimonial-mobile-wrp .test-box {
    margin: 50px 20px;
    padding: 40px 20px 20px;
    text-align: left;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 25px rgb(0 0 0 / 20%);
}

.testimonial-mobile-wrp .test-box h3 {
    font-family: Merriweather;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #303030;
    margin: 0 0 5px;
}

.testimonial-mobile-wrp .test-box ul {
    margin: 0 0 30px;
}

.testimonial-mobile-wrp .test-box ul li {
    display: inline-block;
    font-size: 12px;
    color: rgba(241, 175, 42, 1);
}

.testimonial-mobile-wrp .test-box p {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin: 0 0 20px;
}

.testimonial-mobile-wrp .test-box h5 {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin: 0 0 50px;
}

.testimonial-mobile-wrp .test-box h5 strong {
    font-style: normal;
    font-weight: 600;
}

.testimonial-mobile-wrp .test-box img {
    max-width: 100%;
    object-fit: contain;
    margin-left: auto;
    margin-right: 0;
    display: table;
    opacity: 0.2;
}

.testimonial-mobile-wrp .slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.testimonial-mobile-wrp .slick-dots button {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background: transparent;
    padding: 0;
    border: none;
    color: transparent;
    padding: 0 !important;
    margin: 0;
    margin: 0 8px;
    line-height: 0;
    font-size: 16px;
    color: transparent;
    font-weight: 600;
    background: rgba(53, 181, 176, 0.3);
}

.testimonial-mobile-wrp .slick-active button {
    background: #35B5B0;
    position: relative;
}


/* **** End Mobile Testimonial **** */

.count-box-plus {
    display: flex;
    align-items: center;
    justify-content: center;
}

.count-box-plus span {
    font-size: 100px;
    color: #fff;
    padding-left: 5px;
    font-weight: bold;
}


/* *** Langage Css *** */

body.ca .navbar-light .nav-item {
    margin-right: 20px;
}

body.ca .navbar-light .nav-item .nav-link {
    font-size: 14px;
}

body.ca .navbar-light .nav-item.callbtn .nav-link {
    font-size: 12px;
    padding: 10px 15px;
}

body.ca .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
body.ca .wpml-ls-legacy-dropdown a:focus,
body.ca .wpml-ls-legacy-dropdown a:hover,
body.ca .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    width: auto;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    min-width: auto;
}

body.ca .wpml-ls-legacy-dropdown {
    width: auto;
}

body.ca .navbar-light .nav-item .dropdown-menu li {
    margin: 0;
    display: block;
}

body.ca .navbar-light .nav-item .dropdown-menu li a {
    font-size: 12px;
    display: block;
}

body.ca .blog-topic-wrp ul li:nth-child(2) {
    height: auto;
}

body.ca .topic-block .slick-track,
body.ca .topic-block .slick-list {
    height: 30px;
}

body.ca .subscribe-dt {
    padding: 0 15px;
}

body.ca .counter-box p {
    font-size: 18px;
}

body.ca .process-block .process-dt h3 {
    font-size: 18px;
}

body.es .navbar-light .nav-item {
    margin-right: 30px;
}

body.es .navbar-light .nav-item .nav-link {
    font-size: 14px;
}

body.es .navbar-light .nav-item.callbtn .nav-link {
    font-size: 14px;
    padding: 10px 25px;
}

body.es .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
body.es .wpml-ls-legacy-dropdown a:focus,
body.es .wpml-ls-legacy-dropdown a:hover,
body.es .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    width: auto;
}

body.es .wpml-ls-legacy-dropdown {
    width: auto;
}

body.es .navbar-light .nav-item .dropdown-menu li {
    margin: 0;
    display: block;
}

body.es .navbar-light .nav-item .dropdown-menu li a {
    font-size: 12px;
    display: block;
}

body.es .blog-topic-wrp ul li:nth-child(2) {
    height: auto;
}

body.es .topic-block .slick-track,
body.es .topic-block .slick-list {
    height: 30px;
}

body.es .subscribe-dt {
    padding: 0 15px;
    height: 215px;
}

body.es .subscribe-box {
    left: -119px;
}


/* *** End Langage Css *** */


/* New Style Start */

.footer-lanks .quicklinks li {
    color: #909090;
}

.footer-lanks .quicklinks.contact_links ul {
    margin-bottom: 62px;
}

.footer-lanks .quicklinks.contact_links ul:last-child {
    margin-bottom: 0;
}

.footer-lanks .quicklinks p a {
    display: flex;
    justify-content: flex-start;
}

.footer-lanks .quicklinks.footer_logos p {
    margin-bottom: 24px;
}

.footer-lanks .quicklinks.footer_logos p:last-child {
    margin-bottom: 0;
}


/* Customer Logo Slider Start */

.customer_logo_wrp {
    padding: 65px 0px 111px;
    position: relative;
}

.customer_logo_wrp .container-fluid {
    padding: 0;
}

.customer_logo_wrp .titlebar {
    margin-bottom: 98px;
}

.logo_left_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.logo_right_img {
    position: absolute;
    right: 0;
    top: 0;
}


/* Customer Logo Slider End */


/* Testimonial Start */

.btn_white {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #3EA3DC;
    background: #FFFFFF;
    box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    -webkit-box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    -moz-box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    padding: 12px 19px;
}

.btn_white:hover,
.btn_white:active:focus {
    color: #ffffff;
    background: #f1af2a;
}

.testimoial_wrp {
    /*background-image: url("../images/testimonilal-bg.png");*/
    background-image: url("../images/testimonilal-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    /* background-color: #5e4f9c; */
    padding: 131px 0 63px;
    position: relative;
    margin-bottom: -2px;
}

.testimoial_wrp img {
    width: 177px;
    height: 123px;
    object-fit: contain;
    margin: 0 auto 37px;
}

.testimonial_slider .testimonial_items h1,
.testimonial_slider .testimonial_items h2,
.testimonial_slider .testimonial_items h3,
.testimonial_slider .testimonial_items h4,
.testimonial_slider .testimonial_items h5,
.testimonial_slider .testimonial_items h6 {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    line-height: 49px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 36px;
}

.testimonial_slider .testimonial_items b {
    font-weight: 700;
}

.testimonial_slider .testimonial_items p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 27.84px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
}

.testimonial_slider ul.slick-dots li {
    background: transparent;
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    margin: 0 12px;
}

.testimonial_slider ul.slick-dots li:first-child {
    margin-left: 0;
}

.testimonial_slider ul.slick-dots li:last-child {
    margin-right: 0;
}

.testimonial_slider ul.slick-dots li button {
    display: none;
}

.testimonial_slider ul.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 80px;
}

.testimonial_slider ul.slick-dots li.slick-active {
    background: #fff;
}

.testimoial_wrp .comma_img {
    position: absolute;
    margin-bottom: 0;
    top: 239px;
}

.testimonial_slider .slick-arrow {
    background-color: transparent;
    border: none;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    position: absolute;
}

.testimonial_slider .slick-arrow.slick-next {
    right: -100px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.testimonial_slider .slick-arrow.slick-prev {
    left: -100px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}


/* Testimonial End */


/* Global Start */

.global_section p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 27.79px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 72px;
}

.global_section p b {
    font-weight: 700;
}

.global_wrp {
    background-color: #5e4f9c;
    padding: 130px 0 220px;
    margin-bottom: -79px;
    text-align: right;
    /* position: relative;
    z-index: 1; */
    /* padding: 130px 0 164px; */
    /* margin-bottom: -110px; */
    background-image: url("../images/we-are-global-img.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
}


/* .global_wrp::after {
    content: "";
    background-image: url("../images/we-are-global-img.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
} */

.global_wrp .titlebar h2 {
    display: block;
    color: #fff;
    margin-bottom: 40px;
}

.global_section .btn_white i {
    margin-left: 10px;
}


/* Global End */


/* Cotact form Start */

.common_form textarea.form-control {
    resize: none;
}

.common_form .form-control {
    background: #FFFFFF;
    border: 1px solid #808284;
    padding: 9px 16px;
    min-height: 48px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.common_form .form-control:focus {
    box-shadow: none;
}

.common_form .form_group {
    margin-bottom: 39px;
}


/* .common_form .form-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
} */


/* .common_form .form-check label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    text-indent: -46px;
    padding-left: 46px;
    color: #303030;
} */

.common_form .form-check label:before {
    /* content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #303030;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 11px;
    display: inline-block;
    position: relative;
    top: 2px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 22px; */
}

.common_form .wpcf7-list-item,
.privacy_policy_wrp .wpcf7-list-item {
    position: relative;
    z-index: 1;
    margin-left: 0;
}

.common_form .wpcf7-list-item::before,
.privacy_policy_wrp .wpcf7-list-item::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #303030;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 11px;
    display: inline-block;
    position: relative;
    top: 3px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 22px;
}

.common_form .wpcf7-form-control-wrap,
.privacy_policy_wrp .wpcf7-form-control-wrap {
    position: relative;
}

.common_form .wpcf7-list-item input[type=checkbox],
.privacy_policy_wrp .wpcf7-list-item input[type=checkbox] {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.common_form .form-check {
    padding-left: 0;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

.common_form .wpcf7-list-item.item-select::after,
.privacy_policy_wrp .wpcf7-list-item.item-select::after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* .common_form .form-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */

.common_form .form-check .wpcf7-list-item.item-select::before,
.privacy_policy_wrp .form-check .wpcf7-list-item.item-select::before {
    background-color: #3EA3DC;
    border-color: #3EA3DC;
}


/* .common_form .form-check input:checked + label:before {
    background-color: #3EA3DC;
    border-color: #3EA3DC;
} */

.common_form .main-btn {
    margin-left: auto;
    margin-right: 0;
    margin-top: 58px;
    padding: 9.5px 35.5px 9.5px 20.5px;
}

.learn_more_wrp {
    padding: 80px 0 204px;
    position: relative;
    background-repeat: no-repeat;
}

.learn_more_wrp .titlebar {
    margin-bottom: 80px;
}

.learn_more_wrp .contact_left_img {
    position: absolute;
    right: 0;
    bottom: -140px;
}

.learn_more_wrp .contact_right_img {
    position: absolute;
    left: -500px;
    top: -85px;
    /* left: 0px;
    top: -36px; */
}

.learn_more_wrp .contact_mobile_img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.common_form .common_form_btn {
    margin-left: auto;
    position: relative;
}

.common_form_btn::before {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 15px;
    top: 74px;
    /* bottom: 0; */
    display: block;
    z-index: 6;
    margin: 0 15px 0 0;
}


/* Cotact form End */


/* Banner Start */

.banner_title {
    font-family: "Merriweather", serif;
    font-size: 64px;
    line-height: 80px;
    color: #FFFFFF;
}

.banner_title h1,
.banner_title h2,
.banner_title h3,
.banner_title h4,
.banner_title h5,
.banner_title h6 {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #FFFFFF;
    margin: 0;
}

.banner_sub_title {
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    line-height: 49.03px;
    color: #FFFFFF;
}

.banner_sub_title h1,
.banner_sub_title h2,
.banner_sub_title h3,
.banner_sub_title h4,
.banner_sub_title h5,
.banner_sub_title h6 {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

.banner-dt .banner_title {
    margin-bottom: 50px;
}

.main-banner::after {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.software-wrp .software-block .software-dt {
    max-width: 340px;
}

.customer_logo_slider .slick-slide {
    margin: 0 30px;
}

.customer_logo_slider .slick-slide .customer_logo_item {
    height: auto;
    height: 100px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    max-width: 75%;
    margin: 0 auto;
}

.customer_logo_slider .slick-slide .customer_logo_item * {
    max-height: 100px;
}

.customer_logo_slider {
    opacity: 0;
}

.customer_logo_slider.slick-initialized {
    opacity: 1;
}


/* Banner End */

.salesforce_wrp {
    position: relative;
}

.salesforce_img {
    background-color: #222D64;
    padding: 22px 33px 26px;
}

.close_icon {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.salesforce_wrp {
    position: fixed;
    top: 0;
    z-index: 10;
    right: -240px;
    /*top: 540px;
    */
    top: 67%;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.salesforce_img {
    background-color: #fff;
    padding: 21px 25px 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 240px;
    min-height: 143px;
    height: 100%;
    text-align: center;
    color: #009ddc;
}


/* .salesforce_img {
    background-color: #222D64;
    padding: 22px 33px 26px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
} */


/* .subscribe-wrp {
    position: fixed;
    right: -250px;
    top: 40%;
    display: flex;
    align-items: center;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index: 99;
} */

.salesforce-box {
    padding: 22px 33px 24px;
    position: absolute;
    left: -160px;
    cursor: pointer;
    top: 0;
    background-color: #222D64;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    max-width: 160px;
    min-height: 143px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* .salesforce-box {
    background-image: url("../images/subscribe-box.svg");
    padding: 35px 34px 89px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: contain;
    position: absolute;
    left: -98px;
    cursor: pointer;
    top: 30px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
} */

.salesforce-box p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.salesforce_wrp:hover {
    right: 0;
}


/* .salesforce_img {
    background: #fff;
    width: 250px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #222D64;
    padding: 22px 33px 26px;
    position: relative;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
} */

.salesforce_wrp .btn_white {
    padding: 12px 18px;
    border: 1px solid #009ddc;
    color: #009ddc;
    box-shadow: none;
    /* margin-top: 25px; */
}

.salesforce_wrp .btn_white:hover {
    color: #fff;
    border-color: #009ddc;
    background-color: #009ddc;
}

.salesforce-box .close_icon:hover {
    color: #fff;
}

.salesforce_wrp .btn_white i {
    margin-left: 7px;
}

.main-banner .banner-dt .banner_sub_title {
    max-width: 903px;
}


/* .main-banner .main_banner_details {
    display: none;
} */


/* Career Page Start */

.employees-wrp .employees-block .btn_white_text {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.employees-wrp .employees-block .btn_white_text:hover {
    color: #5e4f9c;
}

.employees-wrp .employees-block .btn_white_text i {
    margin-left: 10px;
    margin-top: 3px;
}


/* Send ua your cv Start */

.send_your_cv_section {
    background: #FFFFFF;
    padding: 52px 63px 57px 61px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 0px 26px 27px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 0px 0px 26px 27px rgba(102, 102, 102, 0.2);
    -moz-box-shadow: 0px 0px 26px 27px rgba(102, 102, 102, 0.2);
    /* background: rgba(102, 102, 102, 0.2);
    filter: blur(26px);
    border-radius: 10px; */
}

.common_detail {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #0E2430;
}

.common_detail p {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.send_your_cv_section .common_detail {
    text-align: center;
    max-width: 555px;
    margin: 0 auto 37px;
    display: block;
}

.send_your_cv_section .titlebar {
    margin-bottom: 39px;
}

.send_your_cv_section .left_part .form-control {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    min-height: 48px;
    background: #FFFFFF;
    border: 1px solid #808284;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.send_your_cv_section .left_part .form-control::placeholder {
    color: #C4C4C4;
}

.send_your_cv_section .left_part .form-control::-webkit-input-placeholder {
    color: #C4C4C4;
}

.send_your_cv_section .left_part .form-control::-moz-input-placeholder {
    color: #C4C4C4;
}

.send_your_cv_section .left_part .form-control::-ms-input-placeholder {
    color: #C4C4C4;
}

.send_your_cv_section .left_part .form-control:focus {
    box-shadow: none;
}

.send_your_cv_section .left_part .form_group {
    margin-bottom: 28px;
}

.send_your_cv_section .left_part .form_group:last-child {
    margin-bottom: 0;
}

.privacy_policy_wrp h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    margin-bottom: 20px;
}

.privacy_details span {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #808284;
    margin-bottom: 16px;
    display: block;
}

.privacy_details ul li {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #808284;
}

.privacy_details ul li b {
    font-weight: 700;
}

.privacy_details .form-check {
    display: flex;
    align-items: center;
    margin-top: 24px;
    padding-left: 0;
}

.privacy_details .form-check .form-check-label {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #808284;
    /* margin-top: 24px; */
}

.privacy_details .form-check span {
    margin-bottom: 0;
}

.privacy_details .form-check:nth-child(3) label {
    margin-top: 40px;
}

.privacy_details ul {
    margin-bottom: 40px;
}

.send_your_cv_section .send_btn .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #808284;
    background: #FFFFFF;
    padding: 12px 40px 12px 20px;
    border: 1px solid #808284;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-left: auto;
    margin-right: 0;
    display: block;
    /* background: linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
    background: -webkit-linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
    background: -moz-linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%); */
    /* background-size: 110% 100%; */
    /* color: #fff; */
}

.contact-block .send_btn .btn,
.learn_more_wrp .common_form_btn .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #808284;
    background: #FFFFFF;
    padding: 12px 40px 12px 20px;
    border: 1px solid #808284;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    margin-left: auto;
    margin-right: 0;
    display: block;
}

.learn_more_wrp .common_form_btn .btn_hover:hover {
    background: linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
    background: -webkit-linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
    border-color: transparent;
    background-size: 110% 100%;
    color: #fff;
}

.learn_more_wrp .common_form_btn.arrow_hover:hover::before {
    color: #fff;
}

.learn_more_wrp .common_form_btn::before {
    color: #808284;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.learn_more_wrp .common_form_btn {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}


.contact-block .btn_hover .btn:hover {
    background-color: #808284;
    color: #fff;
}

.contact-block .send_btn.arrow_hover:hover::after {
    color: #fff;
}


/* .send_your_cv_section .send_btn .btn:hover {
    opacity: 0.6;
} */

.send_your_cv_section .send_btn,
.contact-block .send_btn {
    position: relative;
    text-align: right;
    display: flex;
    flex-direction: column-reverse;
}

.send_your_cv_section .send_btn .btn_hover:hover {
    /* background-size: 200% 100%; */
    background: -webkit-linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
    background-size: 110% 100%;
    border-color: transparent;
    color: #fff;
}

.send_your_cv_section .send_btn.arrow_hover:hover::after {
    color: #fff;
}

.send_your_cv_section .send_btn::after {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    color: #808284;
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 15px;
    top: 41px;
    /* bottom: 0; */
    display: block;
    z-index: 6;
    margin: 0 17px 0 0;
}

.contact-block .send_btn::after {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    color: #808284;
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 15px;
    top: 41px;
    /* bottom: 0; */
    display: block;
    z-index: 6;
    margin: 0 17px 0 0;
}

.send_your_cv_wrp {
    padding: 88px 0 97px;
    position: relative;
}

.send_your_cv_left_img {
    /* content: "";
    background-image: url("../images/send-your-cv-left-img.png");
    background-repeat: no-repeat; */
    position: absolute;
    top: 0;
    left: 0;
    /* display: block;
    width: 22%;
    height: 100%; */
}

.send_your_cv_right_img {
    /* content: "";
    background-image: url("../images/send-your-cv-right-img.png");
    background-repeat: no-repeat; */
    position: absolute;
    bottom: 0;
    right: 0;
    /* display: block;
    width: 37%;
    height: 75%;
    z-index: -1; */
}

.privacy_policy_wrp {
    padding: 38px 0 0;
}

.send_your_cv_section .recaptcha_main,
.contact-block .recaptcha_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 44px;
}

.upload_letter_wrp p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #0E2430;
    margin-bottom: 7px;
}

.codedropz-upload-inner h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-align: center;
    color: #0E2430;
}

.codedropz-upload-inner span {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-align: center;
    color: #919191;
}

.codedropz-btn-wrap a {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #3EA3DC;
    border: 1px solid #3EA3DC;
    padding: 12px 38px 12px 19px;
    filter: drop-shadow(10px 8px 16px rgba(145, 145, 145, 0.25));
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    position: relative;
}

.codedropz-btn-wrap a:hover {
    background-color: #3EA3DC;
    color: #fff;
}

.codedropz-btn-wrap a:hover::after {
    color: #fff;
}

.codedropz-btn-wrap a::after {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    color: #3EA3DC;
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 15px;
    top: 50%;
    display: block;
    z-index: 6;
    margin: 0 20px 0 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.codedropz-upload-container {
    min-height: 199px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.codedropz-upload-inner {
    overflow: visible;
    height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.upload_letter_wrp p span {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #919191;
}

.codedropz-upload-handler {
    margin-bottom: 6px;
}


/* Send ua your cv End */


/* Career Page End */


/* Contact Page Start */

.contact_banner_right_img {
    position: absolute;
    right: 0;
    bottom: -50px;
}

.contact_banner_right_img img {
    width: 530px;
}

.where_to_find_us_section .address_block li p {
    margin-bottom: 0;
}

.where_to_find_us_section .address_block li,
.where_to_find_us_section .address_block li a {
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
}

.where_to_find_us_section .address_block li b {
    font-weight: 700;
}

.where_to_find_us_section .address_block li:first-child {
    padding-bottom: 45px;
    min-height: 155px;
}

.where_to_find_us_section [class*=col-]:first-child .address_block li:first-child p {
    max-width: 170px;
}

.where_to_find_us_section [class*=col-]:last-child .address_block li:first-child p {
    max-width: 290px;
}

.where_to_find_us_section .address_block li.wp_num {
    font-weight: 700;
    padding: 18px 0;
}

.where_to_find_us_section .address_block li.wp_num a {
    color: #3EA3DC;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.where_to_find_us_section .address_block li a:hover {
    color: #3EA3DC;
}

.where_to_find_us_section .address_block li.wp_num a:hover {
    color: #5E4F9C;
}

.where_to_find_us_wrp .titlebar {
    margin-bottom: 80px;
}

.where_to_find_us_wrp {
    padding: 73px 0 0;
    position: relative;
}

.where_to_find_us_section .address_block li.wp_num a i {
    font-size: 23px;
    margin-right: 5px;
}

.where_to_find_us_section .address_block li:last-child a {
    text-decoration: underline;
}

.where_to_find_us_section .address_block li:last-child a:hover {
    color: #3EA3DC;
}

.where_to_find_img {
    position: absolute;
    right: 30px;
    bottom: 0;
}

.where_to_green_img {
    position: absolute;
    bottom: -150px;
    right: 0;
    z-index: -1;
}

.where_to_purple_img {
    position: absolute;
    left: 0;
    top: -190px;
    z-index: -1;
}

.where_to_sky_img {
    position: absolute;
    top: -260px;
    right: 0;
    z-index: -1;
}

.where_to_find_us_section {
    position: relative;
    z-index: 6;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.form-check .wpcf7-form-control-wrap {
    width: auto;
}


/* Contact Page End */


/* Process Page Start */

.values-wrp .titlebar p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
    color: #303030;
    margin-bottom: 0;
}

.values-wrp .titlebar h2 {
    margin-bottom: 33px;
}

.values-wrp .titlebar span {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #303030;
    display: block;
}


/* Process Page End */


/* About Page Start */

.international_prjects_wrp .map_img {
    text-align: center;
    margin-bottom: 37px;
}

.international_prjects_wrp .map_img svg {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.international_prjects_wrp .titlebar {
    margin-bottom: 80px;
}

.international_prjects_wrp .common_detail {
    max-width: 617px;
    margin: 0 auto 62px;
    display: block;
    text-align: center;
}

.international_prjects_wrp .common_detail p {
    margin: 0;
}

.international_prjects_wrp {
    position: relative;
    padding: 98px 0 0;
    text-align: center;
}

.international_prjects_wrp .main-btn {
    display: inline-block;
}

.positive_footprints_slider .positive_items:nth-child(even) .row {
    flex-direction: row-reverse;
}

.positive_footprints_slider {
    opacity: 0;
}

.positive_footprints_slider.slick-initialized {
    opacity: 1;
    padding: 112px 0 0;
}

.positive_footprints_slider .slick-disabled {
    display: none !important;
}

.positive_footprints_wrp {
    padding: 68px 0 0;
    position: relative;
    /* background-image: url("../images/positive-slider-wave-full.png");
    background-repeat: no-repeat; */
}

.positive_footprints_wrp::after {
    content: "";
    background-image: url("../images/positive-slider-wave.png");
    background-repeat: no-repeat;
    position: absolute;
}


/* .positive_slider_wave {
    position: absolute;
    bottom: -186px;
    left: 0;
    right: 0;
} */

.positive_footprints_wrp .titlebar {
    margin-bottom: 33px;
}

.positive_content h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #303030;
    margin-bottom: 20px;
}

.positive_content .btn {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    padding: 0;
}

.positive_content .common_detail p {
    margin: 0;
}

.positive_content .common_detail {
    margin-bottom: 20px;
}

.positive_footprints_slider .positive_items {
    margin-bottom: 42px;
}

.positive_footprints_slider .slick-arrow {
    background: transparent;
    border: none;
    color: #3EA3DC;
    font-size: 70px;
    position: absolute;
}

.positive_footprints_slider .slick-prev {
    left: -40px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: 1;
}

.positive_footprints_slider .slick-next {
    right: -40px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.positive_sky_img {
    position: absolute;
    top: 54%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: -1;
}

.positive_green_img {
    position: absolute;
    top: -140px;
    right: 0;
    z-index: -1;
}

.positive_light_green {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.our_values_purple {
    position: absolute;
    left: 0;
    top: -30%;
}

.our_values_sky {
    position: absolute;
    bottom: -130px;
    right: 0;
}

.map_green_img {
    position: absolute;
    right: 0;
    top: -80px;
    z-index: -1;
}

.wpml-ls-legacy-dropdown {
    /* width: 35px; */
    width: auto;
    margin-left: 29px;
}

.upload_letter_wrp .wpcf7-file {
    /* width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    z-index: -1; */
    /* opacity: 0; */
    position: relative;
    z-index: 1;
}

.upload_letter_wrp .browse_files .wpcf7-form-control {
    width: 100%;
}

::-webkit-file-upload-button {
    display: none;
}

.upload_letter_wrp .selectyouresume,
.upload_letter_wrp .selectyourcoverletter {
    position: relative;
    border: 1px dashed #808284;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 14px 13px;
    display: block;
}

.upload_letter_wrp .selectyouresume::before,
.upload_letter_wrp .selectyourcoverletter::before {
    content: "Upload";
    font-size: 14px;
    line-height: 19px;
    background-color: #fff;
    border: 1px solid #3EA3DC;
    color: #3EA3DC;
    cursor: pointer;
    padding: 4px 4px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    position: absolute;
    top: 50%;
    left: auto;
    right: 14px;
    /*bottom: 0;
    */
    z-index: 1;
    width: 38%;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

/* .upload_letter_wrp span[aria-hidden="true"] {
    position: absolute !important;
    left: 0 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    top: 5px !important;
    display: block !important;
} */

/* .upload_letter_wrp .selectyouresume::after,
.upload_letter_wrp .selectyourcoverletter::after {
    content: "select you resume";
    font-size: 14px;
    line-height: 19px;
    color: #C4C4C4;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
} */

.upload_letter_wrp .wpcf7-file span {
    opacity: 0 !important;
}

#file-upload-button {
    opacity: 0 !important;
}

#file-upload-button::-webkit-file-upload-button {
    visibility: hidden;
}


/* About Page End */


/* New Style End */

div#pop-up {
    /* display: none; */
    position: absolute;
    /* width: 280px; */
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    /* font-size: 90%; */
    display: inline-block;
}

#job_modal_title {
    margin-bottom: 30px;
}

.blog-banner-details a.img_link {
    background-color: transparent;
    display: block;
    box-shadow: none;
    font-size: unset;
    line-height: unset;
    padding: 0;
}

.blog-news .slider-dt ul li {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #3EA3DC;
}

.featured-block .slider-box .slider-dt ul li {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #3EA3DC;
}

.blog-news .slider-dt ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-cnt-frm .mc4wp-form-fields .form-control {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blog-cnt-frm .mc4wp-form-fields .form-control::placeholder {
    font-size: 14px;
    line-height: 19px;
    color: #C4C4C4;
}

.mc4wp-form-fields .privacy_policy_wrp h4,
.mc4wp-form-fields .privacy_details span,
.mc4wp-form-fields .privacy_details ul li,
.mc4wp-form-fields .privacy_details .form-check .form-check-label {
    color: #fff;
}

.mc4wp-form-fields .lastest-news {
    position: relative;
    z-index: 1;
}

.mc4wp-form-fields .lastest-news::before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 11px;
    display: inline-block;
    position: relative;
    top: -3px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 27px;
}

.mc4wp-form-fields .lastest-news.item-select::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 7px;
    height: 13px;
    border: solid #b86971;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.mc4wp-form-fields .lastest-news input[type=checkbox] {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.mc4wp-form-fields .lastest-news.item-select::before {
    background-color: #fff;
}

.mc4wp-form-fields .btn-main {
    background: #FFFFFF;
    color: #808284;
    box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    -webkit-box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    -moz-box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
}

.mc4wp-form-fields .subscribe-button::after {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    color: #808284;
    position: absolute;
    right: 0;
    font-size: 15px;
    line-height: 15px;
    top: 15px;
    /* bottom: 0; */
    display: block;
    z-index: 6;
    margin: 0 15px 0 0;
}

.mc4wp-form-fields .subscribe-button .btn-main {
    margin-left: auto;
    padding: 10px 35px 10px 17px;
}

.subscribe-button {
    /*position: relative;
    */position: absolute;
    right: -155px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.subscribe-button.arrow_hover:hover::after {
    color: #fff;
}


.blog-news .blog-dt li {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    color: #3EA3DC;
}

.blog-news .blog-dt ul {
    display: flex;
    align-items: center;
}

.breadcrumb-section ul li,
.breadcrumb-section ul li a {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #3EA3DC;
    text-transform: uppercase;
}

.breadcrumb-section ul li a:hover {
    color: #5e4f9c;
}

.breadcrumb-section ul li {
    padding: 0 12px;
    /* white-space: nowrap; */
}

.breadcrumb-section ul li:first-child {
    padding-left: 0;
}

.breadcrumb-section ul li:last-child {
    padding-right: 0;
    /* width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.breadcrumb-section ul {
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-section ul li a {
    position: relative;
}

.breadcrumb-section ul li a::after {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 26px;
    position: absolute;
    margin: 1px 7px 0;
}

.breadcrumb-section {
    padding: 84px 0 5px;
}

.a2a_svg.a2a_s__default {
    border: 1px solid #C4C4C4;
    background-color: transparent !important;
    padding: 4px 4px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    height: 40px !important;
    width: 40px !important;
}

.a2a_svg.a2a_s__default svg path {
    fill: #C4C4C4;
}

.a2a_svg.a2a_s__default:hover {
    background-color: #3EA3DC !important;
    opacity: 1;
    border-color: #3EA3DC !important;
}

.a2a_svg.a2a_s__default:hover svg path {
    fill: #fff !important;
}

.customer_logo_wrp .main-btn {
    margin-top: 105px;
}


/* Customr stories page Start */

.our_projects_section .our_projects_details h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #303030;
    margin-bottom: 21px;
}

.our_projects_details .common_detail p {
    margin-bottom: 0;
}

.our_projects_details .common_detail {
    margin-bottom: 25px;
}

.our_projects_details .common_detail p b {
    font-weight: 700;
}

.perecentage_block span {
    font-family: "Merriweather", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #303030;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.our_projects_details .btn {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    padding: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.our_projects_details .btn i {
    margin-left: 10px;
    margin-top: 2px;
}

.our_projects_section:nth-child(even) .row {
    flex-direction: row-reverse;
}

.our_projects_details .row {
    flex-direction: row !important;
}

.ou_projects_img img {
    width: 100%;
}

.our_projects_wrp .titlebar {
    margin-bottom: 132px;
}

.our_projects_section {
    padding-bottom: 79px;
}

.our_projects_wrp {
    padding: 50px 0 0;
    position: relative;
}

.customer_stories_form {
    position: relative;
    /* background-image: url("../images/contact-wave-img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}

.customer_stories_form::after {
    content: "";
    background-image: url("../images/contact-wave-img-new.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -196px;
    left: 0;
    right: 0;
    height: 200px;
    z-index: 5;
}


/* 
.perecentage_block {
    padding-bottom: 23px;
} */

.projects_sky_img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: -1;
}

.projects_green_img {
    position: absolute;
    right: 0;
    top: -87px;
    z-index: 6;
}

.projects_light_green_img {
    position: absolute;
    right: 0;
    bottom: -200px;
    z-index: -1;
}

.customer_logo_wrp.customer_stories_form {
    padding: 65px 15px 26px;
}

.about_nuvolar_section {
    display: flex;
    align-items: flex-start;
}

.about_nuvolar_section img {
    margin-right: 30px;
}

.about_nuvolar_block h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
    margin-bottom: 23px;
}

.about_nuvolar_block .common_detail {
    font-style: italic;
    margin-bottom: 18px;
}

.about_nuvolar_block .common_detail p {
    margin-bottom: 0;
}

.about_nuvolar_block .btn {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #3EA3DC;
    padding: 0;
}

.about_nuvolar_block .btn i {
    margin-left: 5px;
}


/* Customr stories page End */


/* mobile-web-development-wrp */

.mobile-web-development-wrp {
    padding-top: 175px;
    padding-bottom: 114px;
    background: url("../images/mobile-web-developmentBg.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

.mobile-web-development-wrp:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 505px;
    height: 100%;
    background: url("../images/mobile-web-development-back-shape.png") no-repeat;
    background-size: 100% 100%;
}

.mobile-web-development-wrp .image {
    text-align: center;
}

.mobile-web-development-wrp .image img {
    width: 387px;
    height: auto;
}

.mobile-web-development-wrp .description {
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
    text-align-last: left !important;
}

.mobile-web-development-wrp .description .titlebar {
    margin-bottom: 47px;
}

.mobile-web-development-wrp .description .titlebar h2 {
    color: #ffffff;
}

.mobile-web-development-wrp h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #ffffff;
    margin-bottom: 54px;
}

.mobile-web-development-wrp p {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}


/* mobile-web-development-wrp */


/* checkSomeOurProjects-wrp */

.checkSomeOurProjects-wrp {
    /* background: url("../images/someOurProjectsBg.png") no-repeat; */
    /* background: url("../images/check-some-project-bg.svg") no-repeat; */
    background-size: 100% 100%;
    /* padding-top: 250px; */
    /* padding-bottom: 155px; */
    margin-top: -170px;
    text-align: center;
    z-index: 5;
    position: relative;
}

.checkSomeOurProjects-wrp .check_some_project_section {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.checkSomeOurProjects-wrp svg {
    /* height: 830px; */
    height: 100%;
}

.checkSomeOurProjects-wrp .titlebar {
    margin-bottom: 50px;
}

.checkSomeOurProjects-wrp p {
    font-size: 16px;
    line-height: 22px;
}

.main-btn.white-blue-layout {
    color: #3EA3DC;
    background: #ffffff;
    box-shadow: 10px 8px 16px rgba(145, 145, 145, 0.25);
    margin-top: 60px;
}

.main-btn.white-blue-layout:hover {
    color: #fff;
    background: #f1af2a;
}


/* checkSomeOurProjects-wrp */


/* technology-wrp */

.technology-wrp {
    padding-top: 75px;
    padding-bottom: 100px;
    position: relative;
}

.technology-wrp .shape1 {
    position: absolute;
    left: 0;
    top: -50px;
}

.technology-wrp .shape2 {
    position: absolute;
    right: 0;
    top: -55px;
    z-index: -1;
}

.technology-wrp .shape3 {
    position: absolute;
    left: 0;
    top: 65%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.technology-wrp .shape4 {
    position: absolute;
    right: 0;
    bottom: 125px;
}

.technology-wrp .technology-main-desection {
    padding-bottom: 40px;
}

.technology-wrp .technology-main-desection .titlebar {
    margin-bottom: 30px;
}

.technology-wrp .technology-main-desection p {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.technology-wrp .logolist {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    align-items: center;
}

.technology-wrp .logolist .technologyLogo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

.technology-wrp .logolist .technologyLogo a {
    text-decoration: none;
    display: inline-flex;
}

.technology-wrp .technologyBlock {
    position: relative;
    padding: 69px 0;
}

.technology-wrp .technologyBlock:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -45px;
    height: 90px;
    width: 100%;
    background: url("../images/technologyWaveShape.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.technology-wrp .technologyBlock:last-child:before {
    display: none;
}

.text-303030 {
    color: #303030 !important;
}

.text-3ea3dc {
    color: #3ea3dc !important;
}

.opensansBold {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 700 !important;
}

.commonDetail {
    color: #303030;
}

.commonDetail p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: inherit;
}

.commonDetail.smallBlockTitle>h1,
.commonDetail.smallBlockTitle>h2,
.commonDetail.smallBlockTitle>h3,
.commonDetail.smallBlockTitle>h4,
.commonDetail.smallBlockTitle>h5,
.commonDetail.smallBlockTitle>h6 {
    margin-bottom: 55px;
}

.smallBlockTitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    color: #303030;
    margin-bottom: 20px;
}

.smallBlockTitle>h1,
.smallBlockTitle>h2,
.smallBlockTitle>h3,
.smallBlockTitle>h4,
.smallBlockTitle>h5,
.smallBlockTitle>h6 {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

.sectionTitle {
    font-family: "Merriweather", serif;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #3ea3dc;
    margin-bottom: 48px;
}

.sectionTitle.bigTitle {
    font-size: 36px;
    line-height: 50px;
}

.sectionTitle>h1,
.sectionTitle>h2,
.sectionTitle>h3,
.sectionTitle>h4,
.sectionTitle>h5,
.sectionTitle>h6 {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}


/* technology-wrp */


/* trainingSupportService-wrp */

.trainingSupportService-wrp {
    padding-top: 33px;
    padding-bottom: 33px;
    position: relative;
}

.trainingSupportService-wrp .image {
    position: absolute;
    right: 57px;
    bottom: -115px;
    z-index: 6;
}

.trainingSupportService-wrp:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 702px;
    height: 1004px;
    background: url("../images/trainingSupportShape.png") no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.trainingSupportService-wrp .description {
    max-width: 380px;
    width: 100%;
    margin: 0;
}


/* trainingSupportService-wrp */


/* ourClientsCountDown-wrp */

.ourClientsCountDown-wrp {
    padding-top: 50px;
}

.clientsCountDownList {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}

.clientsCountDownList .clientsCountDownBlock {
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.countDownDetail .commonDetail p {
    margin-bottom: 0;
    margin-top: 24px;
}

.clientsCountDownBlock .title {
    font-family: "Merriweather", serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #303030;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 47px;
    margin-bottom: 15px;
}

.clientsCountDownBlock .title * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

.clientsCountDownBlock .detail span {
    /* display: block; */
    font-weight: 700;
    font-size: 60px;
    line-height: 82px;
    color: #3EA3DC;
    margin-bottom: 24px;
}

.consultancy-wrp .main-btn {
    margin-top: 50px;
}


/* ourClientsCountDown-wrp */

.paoc-popup-margin.paoc-popup-mheading {
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #303030;
    text-align: center;
    margin-bottom: 16px;
}

.paoc-popup-margin.paoc-popup-content p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    color: #303030;
    margin-bottom: 0 !important;
}

.paoc-popup-margin.paoc-popup-content p button {
    background: linear-gradient(57.88deg, #5e4f9c -15.18%, #3ea3dc 59.29%, #35b5b0 100.74%);
    border: none;
    border-radius: 30px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    padding: 13px 17px;
    margin: 26px auto 0;
    color: #fff;
    background-size: 100% 100%;
    transition: all 0.4s linear;
    text-align: center;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

.paoc-popup-margin.paoc-popup-content p button a {
    color: #fff;
}

.paoc-popup-margin.paoc-popup-content p button::after {
    content: "\f178";
    font-family: 'Font Awesome 5 Pro';
    margin-left: 10px;
}

.paoc-popup-margin.paoc-popup-content p button:hover {
    background-size: 200% 100%;
    color: #fff;
}

.paoc-cb-popup-body {
    max-width: 330px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.paoc-padding-20.paoc-popup-con-bg {
    background-image: url("../images/popup-bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.paoc-padding-20 {
    padding: 43px 24px 32px !important;
}

.paoc-close-popup {
    top: 0 !important;
    right: 0 !important;
    background-color: transparent !important;
    border: none !important;
    fill: #3EA3DC !important;
}

.paoc-close-popup svg {
    width: 22px !important;
    height: 22px !important;
}

.customerStoriesPg {
    /* background: linear-gradient(57.88deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%); */
    background: linear-gradient(86deg, #5E4F9C -15.18%, #3EA3DC 59.29%, #35B5B0 100.74%);
}


/* bannerCopyright */

.bannerCopyright {
    position: absolute;
    right: -30px;
    bottom: 210px;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    z-index: 6;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}


/* bannerCopyright */


/* breadcrumbsBlock */

.breadcrumbsBlock {
    margin-bottom: 70px;
}

.breadcrumbsBlock ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumbsBlock ul li {
    display: inline-flex;
    margin: 0;
    padding: 0 20px;
    list-style-type: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
}

.breadcrumbsBlock ul li:before {
    position: absolute;
    content: "";
    right: -5px;
    top: 0;
    width: 9px;
    height: 17px;
    background: url("../images/breadcrumbsWhiteArrow.svg") no-repeat;
    background-size: 100% 100%;
}

.breadcrumbsBlock ul li:first-child {
    padding-left: 0;
}

.breadcrumbsBlock ul li:last-child {
    padding-right: 0;
}

.breadcrumbsBlock ul li:last-child:before {
    display: none;
}

.breadcrumbsBlock ul li a {
    text-decoration: none;
    color: inherit;
}

.breadcrumbsBlock ul li a:hover {
    color: #000000;
}


/* breadcrumbsBlock */


/* theirStory-wrp */

.theirStory-wrp {
    /* padding-top: 62px;
    padding-bottom: 62px; */
    padding-top: 504px;
    padding-bottom: 125px;
    position: relative;
    margin-top: -450px;
}

.theirStory-wrp:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/theirStoryBackShape.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 200px;
}

.theirStory-wrp .theirStoryImg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 436px;
}

.theirStory-wrp .theirStoryContent .row {
    margin-left: -37.5px;
    margin-right: -37.5px;
}

.theirStory-wrp .theirStoryContent [class^=col-] {
    padding-left: 37.5px;
    padding-right: 37.5px;
}


/* theirStory-wrp */


/* theChallenge-wrp */

.theChallenge-wrp {
    margin-top: 0;
    padding-top: 200px;
    position: relative;
}

.theChallenge-wrp:before {
    background: url("../images/theChallengeBackShape.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 0;
    margin-left: 400px;
}

.theChallenge-wrp .theChallengeImg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}


/* theChallenge-wrp */


/* ourSolution-wrp */

.ourSolution-wrp {
    margin-top: 0;
    padding-top: 45px;
    /* padding-top: 75px; */
    padding-bottom: 0;
    position: relative;
    margin-bottom: -275px;
}

.ourSolution-wrp:before {
    display: none;
}

.ourSolution-wrp .ourSolutionImg {
    position: absolute;
    left: 75px;
    bottom: 135px;
    /* width: 324px;
    height: 271px; */
    z-index: 9;
    width: 400px;
    height: 310px;
}


/* ourSolution-wrp */


/* firstActions-wrp */

.firstActions-wrp {
    margin-top: 0;
    padding-top: 200px;
    padding-bottom: 250px;
    /* padding-bottom: 300px; */
    position: relative;
}

.firstActions-wrp:before {
    background: url("../images/firstActionsShape.png") no-repeat;
    background-size: 100% 100%;
    margin: 0;
    /* z-index: -1; */
}

/* .firstActions-wrp .firstActionsImg { */
.firstActions-wrp .left_firstaction {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 417px;
    height: 401px;
}


/* firstActions-wrp */


/* otherSalesPartners-wrp */

.otherSalesPartners-wrp {
    padding-top: 140px;
    /* padding-top: 200px; */
    /* padding-bottom: 100px; */
    padding-bottom: 50px;
    position: relative;
}

.otherSalesPartners-wrp .otherSalesPartnersContent {
    text-align: center;
}

.otherSalesPartners-wrp .otherSalesPartnersDetail .detail {
    position: relative;
    margin: 0 30px;
}

.otherSalesPartners-wrp .otherSalesPartnersDetail .detail:before {
    position: absolute;
    content: "";
    left: 0;
    top: -110px;
    width: 243px;
    height: 175px;
    background: url("../images/whiteTransparentTopQuote.png") no-repeat;
    background-size: 100% 100%;
}

.otherSalesPartners-wrp .otherSalesPartnersDetail .detail:after {
    position: absolute;
    content: "";
    right: 20px;
    bottom: -50px;
    width: 104px;
    height: 75px;
    background: url("../images/whiteTransparentBottomQuote.png") no-repeat;
    background-size: 100% 100%;
}

.otherSalesPartners-wrp .otherSalesPartnersContent .detail p {
    font-size: 28px;
    line-height: 38px;
    color: #ffffff;
    margin-bottom: 30px;
}

.otherSalesPartners-wrp .otherSalesPartnersContent .partnerName {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.otherSalesPartners-wrp .otherSalesPartnersContent .partnerName span {
    font-weight: 700;
}

.otherSalesPartners2-wrp {
    /* padding-top: 600px; */
    padding-top: 500px;
    /* padding-bottom: 200px; */
    padding-bottom: 150px;
}

.otherSalesPartners2-wrp:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/otherSalesPartnersBackShape.png") no-repeat;
    background-size: 100% 100%;
}


/* otherSalesPartners-wrp */


/* technologyUsed-wrp */

.technologyUsed-wrp {
    /* padding-top: 150px; */
    padding-top: 100px;
    padding-bottom: 210px;
}

.technologyUsed-wrp .sectionTitle {
    margin-bottom: 100px;
}

.technologyUsed-wrp .technologyUsedContent {
    /* padding-bottom: 54px; */
    padding-bottom: 40px;
}

.technologyUsedContent .technologyUsedBlock .commonDetail p {
    margin: 0;
}


/* .technologyUsed-wrp .technologyUsedContent .row {
    margin-left: -22.5px;
    margin-right: -22.5px;
} */


/* .technologyUsed-wrp .technologyUsedContent [class^=col-] {
    padding-left: 22.5px;
    padding-right: 22.5px;
} */

.technologyUsedBlock {
    text-align: center;
    border: 2px solid #ffffff;
    /* padding: 0 20px 30px; */
    padding: 0 20px 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.technologyUsedBlock .icon {
    display: inline-block;
    width: 110px;
    height: 110px;
    /* background: #536db3; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -62px;
    margin-bottom: 10px;
    /* margin-bottom: 0; */
    position: relative;
}

.technologyUsedBlock .icon:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.technologyUsedBlock .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 10px;
}

.technologyUsedBlock .title * {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
}

.technologyUsedBlock p {
    color: #ffffff;
}


/* .technologyUsedBlock.salesforceBlock .icon:before {
    width: 96px;
    height: 96px;
    background: url("../images/salesforceBackShape.png") no-repeat;
    background-size: 100% 100%;
} */

.technologyUsedBlock.lightningBlock .icon:before {
    width: 110px;
    height: 99px;
    background: url("../images/webComponentBackShape.png") no-repeat;
    background-size: 100% 100%;
}

.technologySmallLogos {
    /* padding-top: 54px; */
    padding-top: 40px;
    padding-bottom: 54px;
}

.technologySmallLogos ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
    justify-content: center;
}

.technologySmallLogos ul li {
    display: inline-flex;
    margin: 0;
    padding: 0 24px;
    list-style-type: none;
    position: relative;
    align-items: center;
    justify-content: center;
}

.technologySmallLogos ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #FFFFFF;
}

.technologySmallLogos ul li:first-child {
    padding-left: 0;
}

.technologySmallLogos ul li:last-child {
    padding-right: 0;
}

.technologySmallLogos ul li:last-child:before {
    display: none;
}

.technologySmallLogos ul li a {
    display: inline-flex;
}


/* technologyUsed-wrp */


/* resultObtained-wrp */

.resultObtained-wrp {
    padding-top: 75px;
    padding-bottom: 15px;
    /* padding-bottom: 35px; */
}

.resultObtained-wrp .resultObtainedDetail {
    padding-right: 75px;
}

.resultObtainedTimeline .timelineBlock {
    position: relative;
    padding-left: 105px;
    padding-bottom: 12px;
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
}

.resultObtainedTimeline .timelineBlock:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 0;
    bottom: 0;
    width: 3px;
    height: 100%;
    background: url("../images/timelineBorder.png") repeat;
}

.resultObtainedTimeline .timelineBlock:last-child:before {
    display: none;
}

.resultObtainedTimeline .timelineBlock .icon {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border: 1px solid #ffffff;
    background-color: #3ea2db;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.resultObtainedTimeline .sectionTitle {
    margin: 0;
}


/* resultObtained-wrp */

.customerStoriesPg .about-banner .mainimg {
    height: 611px;
}

.customer_logo_main::after {
    content: "";
    background-image: url("../images/case-study-form-wave.png");
    background-repeat: no-repeat;
    position: absolute;
    top: -267px;
    left: -50px;
    right: -70px;
    height: 270px;
    background-size: 100% 100%;
}

.what_we_do_bnr {
    position: relative;
}

.what_we_do_bnr::after {
    content: "";
    background-image: url("../images/salseforce-bnr-wave.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 90px;
}

.customer_logo_main .logo_left_img {
    top: 70%;
}

.our_projects_wrp::before {
    content: "";
    background-image: url("../images/customer-stories-bnr-wave.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -123px;
    height: 124px;
    z-index: 6;
}

.about_nuvolar_wrp {
    padding: 60px 0 0;
}

.our_projects_details a {
    display: block;
}

.value-box img {
    height: 270px;
    object-fit: contain;
}

html:lang(ca) .navbar-light .nav-item .nav-link {
    font-size: 13px;
}

html:lang(ca) .wpml-ls-legacy-dropdown {
    margin-left: 0;
}

html:lang(ca) .salesforce_wrp {
    right: -250px;
}

html:lang(ca) .salesforce_wrp:hover {
    right: 0;
}

html:lang(ca) .employees-block p:nth-child(2) {
    min-height: 260px;
}

html:lang(es-Es) .wpml-ls-legacy-dropdown {
    margin-left: 0;
}

html:lang(es-Es) .salesforce_wrp {
    right: -250px;
}

html:lang(es-Es) .salesforce_wrp:hover {
    right: 0;
}

html:lang(es-Es) .employees-block p:nth-child(2) {
    min-height: 265px;
}

.errorjob {
    font-size: 28px;
    font-weight: bold;
    color: #3ea3dc;
    margin: 0 auto;
    display: table;
    font-family: "Merriweather", serif;
}

.modal-content .modal-body .errorjob p {
    margin: 25px 0 0;
}

.modal-content .modal-body {
    padding: 50px;
}

/* ======= New Style Start ======== */
.mobile-header .nav-logo a {
    display: block;
}

.mobile-header .nav-logo a img {
    width: 100px;
}

.navmbl .nav-sidebar img {
    width: 25px;
}

.sidebar-block ul li .sub-menu li a {
    font-weight: 400;
}

.process-wrp .process-block [class*=col-]:last-child .process-img {
    margin-left: 25px;
}

.testimonial_slider .testimonial_items .btn {
    margin-top: 60px;
}

.testimonial_slider {
    opacity: 0;
}

.testimonial_slider.slick-initialized {
    opacity: 1;
}

.footer-lanks .quicklinks li h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #909090;
    margin-bottom: 0;
}

.salesForceConsultancySection .titlebar {
    margin-left: -80px;
}

.customer_logo_wrp.customer_stories_form .logo_left_img {
    top: 65%;
}

.details-box .author_info img {
    width: 48px;
    height: 48px;
    margin-right: 20px;
    margin-bottom: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.author_info .author_detail h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #303030;
}   

.author_info .author_detail p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6A767C;
    margin-bottom: 0;
}

.author_info {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.where_to_find_us_section .address_block li:first-child {
    min-height: 177px;
}

.recaptcha_main .wpcf7-spinner {
    margin: 0 auto;
}

#announcement .modal-dialog {
    max-width: 329px;
}

#announcement .modal-body h2 {
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #303030;
    text-align: center;
    margin-bottom: 16px;
}   

#announcement .modal-body p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #303030; 
    text-align: center;
    margin-bottom: 24px;
}

#announcement .modal-content .modal-body {
    padding: 43px 24px 32px;
    background-image: url("../images/popup-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 11px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 11px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 11px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#announcement .modal-header {
    border-bottom: none;
    padding: 0;
}

#announcement .modal-content .modal-body .close {
    padding: 0;
    position: absolute;
    top: 25px;
    right: 30px;
}

.wpcf7-form-control-wrap input:-webkit-autofill,
.wpcf7-form-control-wrap textarea:-webkit-autofill,
.wpcf7-form-control-wrap select:-webkit-autofill,
.mc4wp-form-fields input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	-ms-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
}

.wpcf7-form-control-wrap input:-webkit-autofill:focus,
.wpcf7-form-control-wrap textarea:-webkit-autofill:focus,
.wpcf7-form-control-wrap select:-webkit-autofill:focus,
.mc4wp-form-fields input:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	-ms-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
}

/* .main-wrpper.about_main {
    overflow: visible;
} */
.firstActions-wrp .right_firstaction {
    left: auto;
    right: 0;
    position: absolute;
    width: 417px;
    height: 401px;
}

#jobmodal .info-note p a {
    color: #0E2430;
}

#jobmodal .info-note p a:hover {
    color: #3ea3dc;
}

.mc4wp-form-fields .input_fields {
    position: relative;
}

.video-wrp .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
}

.our_projects_img a {
    display: block;
}

.career-banner img {width: 100%;}

.blog-cnt-frm .subscribe-button .btn-main:disabled {
    opacity: 0.65;
}

.blog-cnt-frm .subscribe-button .btn-main:disabled:hover {
    cursor: not-allowed;
}

html:lang(ca) .salesforce_wrp .btn_white {
    font-size: 13px;
}

html:lang(ca) .breadcrumb-section ul li, 
html:lang(ca) .breadcrumb-section ul li a {
    font-size: 13px;
}

html:lang(es-ES) .breadcrumb-section ul li,
html:lang(es-ES) .breadcrumb-section ul li a {
    font-size: 13px;
}

html:lang(es-ES) .subscribe-wrp {
    right: -249px;
}

html:lang(es-ES) .subscribe-wrp:hover {
    right: 0;
} 

.mc4wp-response .mc4wp-alert.mc4wp-error p {
    color: #ff0000;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: transparent;
    color: #ff0000;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    color: #46b450;
}

.mc4wp-alert.mc4wp-notice p {
    color: #008000;
}

.form-control:focus {
    box-shadow: none;
}

#jobmodal {
    padding-right: 0 !important;
}



/* ======= New Style End ======== */
.popup_btn {
    text-align: center;
}

.popup_btn .main-btn {
    display: inline-block;
}

.process-wrp .process-block [class*=col-]:first-child .process-img img {
    width: 290px;
}

.process-wrp .process-block [class*=col-]:last-child .process-img img {
    width: 305px;
}

.our_values_mobile_purple {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.blog_mobile_shape1 {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: -1;
}

.blog_mobile_shape2 {
    position: absolute;
    right: 0;
    bottom: -40px;
    z-index: -1;
}

.blog_mobile_shape3 {
    position: absolute;
    left: 0;
    top: -65px;
    z-index: -1;
}

.blog_bnr_shape {
    position: absolute;
    left: 0;
    bottom: -200px;
    z-index: -1;
}

.blog_detail_mobile1 {
    position: absolute;
    left: 0;
    bottom: -310px;
    z-index: -1;
}

.blog_detail_mobile3 {
    position: absolute;
    top: 66%;
    left: 0;
    z-index: -1;
}

.blog_detail_mobile4 {
    position: absolute;
    right: 0;
    bottom: -8%;
    z-index: -1;
}

.cookie-notice-container span {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.cookie-notice-container span a {
    color: #fff;
}

.cookie-notice-container .cn-buttons-container {
    font-family: "Open Sans", sans-serif;
}

.cookie-notice-container .cn-set-cookie {
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px !important;
}

/* 5-12-2023 start */
.header-landing .navbar {
    justify-content: space-between;
}

.main-banner-landing::after {
    opacity: 0.5;
    background: linear-gradient(0deg, rgba(14, 14, 14, 0.30) 0%, rgba(14, 14, 14, 0.30) 100%), linear-gradient(180deg, #5E4F9C 0%, #44A4DA 100%);
}

.nav-new.header-landing {
    background: linear-gradient(225deg, #DA5952 0%, #499ED3 100%);
}
/* 5-12-2023 end */


/* banner sidebar start */
.quick-message-block {
    position: fixed;
    z-index: 99;
    bottom: 56px;
    right: 56px;
    /* background-color: #aaa; */
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;  */
}

.quick-message-block .quick-msg-icon {
    cursor: pointer;
    background-color: #0176D3;
    box-shadow: 0px 4px 9px 0px rgba(32, 32, 32, 0.25);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
}

.quick-message-form {
    max-width: 231px;
    width: 100%;
    /* padding: 24px; */
    padding: 24px 10px;
    background-color: #FFF;
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.quick-message-form h3 {
    font-family: "Merriweather", serif;
    color: #2C2929;
    font-size: 18px;
    font-weight: 900;
    line-height: 23.4px;
    letter-spacing: 0.36px;
    max-width: 170px;
    padding-left: 10px;
}

.quick-message-inner .wpcf7-form-control-wrap {
    display: block;
}

.quick-message-inner .form-control {
    border: none;
    border-bottom: 1px solid #87919A;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #202020;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    resize: none;
}

.quick-message-inner .form-control::placeholder {
    font-family: "Open Sans", sans-serif;
    color: #D5D5D5;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    -webkit-font-feature-settings: 'clig' off, 'liga' off;
    -moz-font-feature-settings: 'clig' off, 'liga' off;
}

.quick-message-inner .form-control:focus {
    border-color: #009ddc;
}

.quick-message-form {
    /* visibility: hidden;
    opacity: 0; */
    display: none;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    /* height: 413px; */
    /* max-height: 413px; */
    /* display: flex; */
    flex-direction: column;
    /* align-items: center; */
}

.quick-message-form.quick-active {
    /* opacity: 1;
    visibility: visible; */
    display: flex;
} 

.quick-message-contact {
    /* opacity: 0; */
    display: none;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.quick-message-contact ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.quick-message-contact ul li {
    margin: 0 6px;
}

.quick-message-contact ul li:first-child {
    margin-left: 0;
}

.quick-message-contact ul li:last-child {
    margin-right: 0;
}

.quick-message-contact ul li a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #202020;
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
}

.quick-message-contact.quick-active-contact {
    /* opacity: 1; */
    display: block;
}

.quick-message-icon-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 24px;
}

.quick-msg-icon .close-icon {
    display: none;
}

.quick-msg-icon.active .close-icon {
    display: block;
}

.quick-msg-icon.active .message-icon {
    display: none !important;
}

.quick-submit {
    background: #0176D3;
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.quick-message-form .quick-submit-text {
    display: none;
    height: 100%;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

.quick-message-form .quick-submit-text h2 {
    color: #FFF;
    font-family: "Merriweather",sans-serif;
    font-size: 18px;
    line-height: 20.8px;
    letter-spacing: 0.36px;
    font-weight: 900;
    border-bottom: 1px solid #FFF;
}

.quick-message-form .quick-submit-text p {
    color: #FFF;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 400;
    letter-spacing: 0.32px;
}

.quick-message-form.quick-submit .quick-submit-text {
    display: flex;
}

.quick-message-form.quick-submit h3 {
    display: none;
}

.quick-message-form.quick-submit .quick-message-inner {
    display: none;
}

.form-submit {
    width: 100%;
}

.btn-blue {
    background: #0176D3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 14px 16px;
    color: #FFF;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px; /* 125% */
}

.btn-blue:hover {
    background-color: #004f87;
    color: #fff;
}

.form-submit .btn-blue {
    width: 100%;
}

.quick-message-inner .form-group {
    margin-bottom: 24px;
}

.quick-message-inner .form-submit .wpcf7-spinner {
    display: none;
    margin-top: 15px;
}

.quick-message-inner form.submitting .form-submit .wpcf7-spinner {
    display: inline-block;
}

.form-submit {
    margin-top: 56px;
}

/* banner sidebar end */

/* sales master start */

.solution-master-wrp {
    padding: 56px 0;
    position: relative;
    overflow: hidden;
}

.sales-cloud-1 {
    position: absolute;
    top: 82px;
    right: 56px;
}

.sales-cloud-2 {
    position: absolute;
    bottom: 0;
    right: -150px;
}

.solution-master-main {
    position: relative;
    z-index: 1;
}

.solution-top {
    padding: 56px 0 32px ;
}

.sales-master-block span {
    color: #242424;
    font-size: 18px;
    line-height: 36.4px;
    font-weight: 400;
    margin-bottom: 12px;
    display: block;
}

.sales-master-block .image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sales-master-block .image img {
    width: 75%;
    height: auto;
    box-shadow: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.sales-master-block .image:hover {
    box-shadow: 0 0 25px rgba(0,0,0,0.07);
}

.section-title {
    font-family: "Merriweather", serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 41.6px;
    letter-spacing: 0.64px;
    color: #242424;
}

.section-title * {
    margin: 0;
    text-decoration: none;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    letter-spacing: inherit;
}

.soltuion-bottom-block {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.sales-master-block {
    margin-bottom: 24px;
}
/* sales master end */

/* why choose start */

.why-choose-wrp {
    position: relative;
    overflow: hidden;
}

.why-choose-cloud {
    position: absolute;
    left: -170px;
    top: 0;
}

.why-choose-main {
    position: relative;
    z-index: 1;
}

.why-choose-detail {
    color: #242424;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
}

.why-choose-block .smallBlockTitle {
    margin-top: 30px;
    margin-bottom: 32px;
}

.why-choose-block .row {
    margin: 0 -28px;
}

.why-choose-block .row > * {
    padding: 0 28px;
}

.why-choose-inner {
    margin-bottom: 90px;
}

.why-choose-main .section-title {
    padding-bottom: 102px;
}

.why-choose-img img {
    max-height: 250px;
}
/* why choose end */

/* trust work start */
.trust-work-right .customer_logo_slider {
    /* margin-bottom: 93px; */
    margin-bottom: 85px;
}

.trust-work-right .customer_logo_slider .slick-slide .customer_logo_item {
    height: 60px;
}

.trust-work-right .customer_logo_slider .slick-slide .customer_logo_item * {
    max-height: 60px;
}

.trust-work-right {
    padding: 40px 0;
    margin: 0 0 0 20px;
}
.trust-work-left {
    background: #FFF;
    box-shadow: 0px 4px 30px 9px rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 40px 24px;
    margin: 0 62px 0 0;
}

.trust-work-left ul li {
    margin-bottom: 85px;
    color: #242424;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 36.4px;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trust-work-left ul li:last-child {
    margin-bottom: 0;
}

.trust-title {
    padding-bottom: 56px;
}
/* trust work end */

/* our products start */
.our-product-main-section .discover-btn {
    text-align: center;
    padding-top: 32px;
}

.our-product-wrp {
    background: linear-gradient(97deg, rgba(138, 95, 255, 0.10) 16.52%, rgba(165, 92, 251, 0.10) 40.08%, rgba(181, 89, 255, 0.10) 66.53%, rgba(203, 101, 255, 0.10) 95.88%);
    position: relative;
    padding: 85px 0 31px;
}

.our-product-wrp::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: -220px;
    top: 50%;
    background-image: url("../images/our-product-back.png");
    background-repeat: no-repeat;
    transform: translate(0 , -50%);
    -webkit-transform: translate(0 , -50%);
    -moz-transform: translate(0 , -50%);
    -ms-transform: translate(0 , -50%);
    -o-transform: translate(0 , -50%);
}

.our-product-main {
    position: relative;
    z-index: 1;
    margin: 0px -173px 0 -113px;
    padding: 39px 0 0;
}

.our-product-plane {
    position: absolute;
    top: -37px;
    left: -10px;
    z-index: 9;
}

.our-product-main::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #FFF -1.5%, rgba(255, 255, 255, 0.00) 102.14%);
    z-index: -1;
}

.our-product-left {
    background: #FFF;
    padding: 45px 210px 43px 32px;
    margin: 40px -190px 0 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.our-product-left .logo-img {
    padding-top: 24px;
}

.our-product-left .section-title {
    padding-bottom: 45px;
}

.our-product-left .section-title {
    font-size: 28px;
    line-height: 36px;
}

.our-product-left .detail {
    font-size: 18px;
    line-height: 24px;
    padding: 0 10px 0 0px;
}

.our-product-left .detail p {
    margin: 0;
}

.our-product-title {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 24px;
}

.our-product-title .detail P  {
    /* padding: 24px 0 32px; */
    padding: 24px 0;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}
/* our products end */

/* our client start */

.our-client-wrp {
    padding: 88px 0 0;
}

.our-client-main .section-title {
    padding-bottom: 33px;
}

.our-client-slider {
    position: relative;
    opacity: 0;
}

.our-client-slider.slick-initialized {
    opacity: 1;
}

.our-partner-wrp {
    padding: 56px 0;
    position: relative;
}

.our-client-slider .slick-slide.slick-center .our-client-item {
    background-color: #FFF;
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin: 40px auto;
    max-width: 999px;
    width: 100% !important;
    height: calc(100% - 80px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our-client-slider .our-client-item {
    padding: 80px;
    margin: 40px 0;
    text-align: center;
    height: calc(100% - 80px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our-client-slider .our-client-item  .image {
    position: relative;
    width: 100%;
    text-align: center;
}

.our-client-slider .our-client-item .image::after {
    content: "";
    position: absolute;
    top: 0;
    /* left: -80px; */
    left: 65px;
    background-image: url("../images/slide-quote.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 63px;
    height: 45px;
    opacity: 0;
}

.our-client-slider .slick-current .our-client-item .image::after {
    opacity: 1;
}

.our-client-slider .slick-track {
    display: flex;
}

.our-client-slider .slick-slide {
    margin: 0 72px;
    height: inherit;
}

.our-client-slider .slick-slide > * {
    height: 100%;
}

.quick-message-inner .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    right: 0;
    /* font-size: 12px; */
    font-size: 10px;
    line-height: 14px;
    margin: 5px 0 0;
}

.quick-message-inner .wpcf7 form.invalid .wpcf7-response-output {
    border: none;
    color: red;
    margin: 0;
    padding: 0 10px;
    position: relative;
    /* top: 45px; */
    top: 0;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: none;
    padding: 0;
    color: red;
}
/* .our-client-slider .slick-slide div {
    height: 100%;
}

.our-client-slider .slick-slide div .our-client-item {
    height: calc(100% - 40px);
} */

.our-client-slider .slick-slide.slick-center {
    margin: 0 72px;
}

.our-client-main .section-title {
    color: #242424;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    line-height: 52px;
    letter-spacing: 0.8px;
}

.our-client-slider .slick-list {
    margin: 0 -1000px;
}

.our-client-item {
    background: #F3FBFF;
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.our-client-slider .slick-arrow {
    width: 80px;
    height: 80px;
    color: #0176D3;
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-800% , -50%);
    -webkit-transform: translate(-800% , -50%);
    -moz-transform: translate(-800% , -50%);
    -ms-transform: translate(-800% , -50%);
    -o-transform: translate(-800% , -50%);
    border: none;
    background: #FFF;
    box-shadow: 0px 3px 14px 0px rgba(32, 32, 32, 0.25);
    border-radius: 104px;
    -webkit-border-radius: 104px;
    -moz-border-radius: 104px;
    -ms-border-radius: 104px;
    -o-border-radius: 104px;
    z-index: 9;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.our-client-slider .slick-arrow:hover {
    background-color: #009ddc;
    color: #fff;
}

.our-client-slider .slick-arrow.slick-next {
    transform: translate(680% , -50%);
    -webkit-transform: translate(680% , -50%);
    -moz-transform: translate(680% , -50%);
    -ms-transform: translate(680% , -50%);
    -o-transform: translate(680% , -50%);
}

.our-client-item .detail {
    padding: 79px 0 56px;
}

.our-client-item .detail p {
    color: #242424;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    line-height: 36.731px;
    font-weight: 400;
    margin: 0;
}

.our-client-item .author-name {
    color: #242424;
    text-align: center;
    font-family: "Merriweather", serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.our-client-item .author-name p {
    margin: 0;
    font-weight: 900;
}

.our-client-wrp .our-client-item .detail h3 {
    color: #242424;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    line-height: 36.731px;
    font-weight: 400;
}
/* our client end */

/* our partner start */

.our-partner-wrp {
    position: relative;
    z-index: 1;
}

.our-client-cloud-1 {
    position: absolute;
    top: 60px;
    right: 0;
}

.our-client-cloud-2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.our-partner-main .star-image ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-partner-main .star-image {
    padding: 0 0 16px;
}

.our-partner-main .star-image ul li {
    margin: 0 5px;
}

.our-partner-main .star-image ul li:first-child {
    margin-left: 0;
}

.our-partner-main .star-image ul li:last-child {
    margin-right: 0;
}

.review-btn {
    padding: 56px 0 0;
}

.our-partner-main .section-title {
    padding: 0 0 24px;
}

.our-partner-main .detail p {
    margin: 0;
    color: #242424;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}


/* our partner end */

/* countet start */
.counter-landing {
    mask-image: unset !important;
    -webkit-mask-image: unset;
    padding: 50px 0 0;
    position: relative;
    z-index: -1;
}

.counter-wrp.counter-landing svg {
    display: none !important;
}

.counter-wrp.counter-landing .counter-block {
    position: relative;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.counter-wrp.counter-landing .count-box-plus span {
    color: #AE5AFA;
    font-size: 95px;
    line-height: 100px;
}

.counter-wrp.counter-landing .counter-box a {
    color: #AE5AFA;
}

.counter-wrp.counter-landing .counter-box p {
    color: #AE5AFA;
}

.counter-wrp.counter-landing .counter-block .container {
    max-width: 1187px;
}
/* countet end */

/* journey start */
.journey-wrp {
    /* background-image: url("../images/journey-back.png"); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0;
}

.journey-main .section-title {
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    font-weight: 900;
    letter-spacing: 0.8px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.journey-wrp .btn-pink:hover {
    background-color: #ffffff;
    color: #0176D3;
    border-color: #CB65FF;
}

.btn-pink {
    border: 1px solid #CB65FF;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: #CB65FF;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 13px 16px;
}

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

.journey-block {
    margin: 40px 0;
    position: relative;
    max-width: 618px;
    width: 100%;
    margin: 40px auto 0 auto;
}

@keyframes journey_arrow_up_down {
    from {
        margin-top: -25px;
    }
    to {
        margin-top: 0;
    }
}

@-webkit-keyframes journey_arrow_up_down {
    from {
        margin-top: -25px;
    }
    to {
        margin-top: 0;
    }
}

/* .journey-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url("../images/quote-left-arrow.svg");
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    transform: translate(0 , -70%);
    -webkit-transform: translate(0 , -70%);
    -moz-transform: translate(0 , -70%);
    -ms-transform: translate(0 , -70%);
    -o-transform: translate(0 , -70%);
    animation: journey_arrow_up_down 2s linear 1s infinite alternate;
    -webkit-animation: journey_arrow_up_down 2s linear 1s infinite alternate;
} */

/* .journey-block::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    background-image: url("../images/quote-right-arrow.svg");
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    transform: translate(0 , -70%);
    -webkit-transform: translate(0 , -70%);
    -moz-transform: translate(0 , -70%);
    -ms-transform: translate(0 , -70%);
    -o-transform: translate(0 , -70%);
    animation: journey_arrow_up_down 2s linear 1s infinite alternate;
    -webkit-animation: journey_arrow_up_down 2s linear 1s infinite alternate;
} */

.journey-block span {
    color: #FFF;
    text-align: center;
    font-family: "Merriweather", serif;
    font-size: 28px;
    line-height: 36.4px;
    font-weight: 900;
    letter-spacing: 0.56px;
    max-width: 390px;
    display: block;
    margin: 24px auto 0 auto;
}

.journey-main .detail {
    padding: 40px 0 0;
}

.journey-main .detail p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
/* journey end */

/* our project start */

.our-project-wrp {
    padding: 56px 0 32px;
    position: relative;
}

.client-cloud-1 {
    position: absolute;
    top: 147px;
    right: 0;
}

.client-cloud-2 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0 , -50%);
    -webkit-transform: translate(0 , -50%);
    -moz-transform: translate(0 , -50%);
    -ms-transform: translate(0 , -50%);
    -o-transform: translate(0 , -50%);
}

.our-project-inner {
    max-width: 200px;
    width: 100%;
    margin-bottom: 57px;
}

.our-project-main .our-project-title {
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
}

.our-project-main .our-project-title .detail {
    padding: 24px 0 56px;
}

.our-project-main .our-project-title .detail p {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #242424;
}

.our-project-inner .image {
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-project-inner span {
    color: #242424;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    display: block;
    margin-bottom: 16px;
}

.our-project-inner ul li {
    color: #242424;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    position: relative;
    padding-left: 18px;
}

.our-project-inner ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    background-color: #242424;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.our-project-middle {
    /* background-image: url("../images/project-middle.svg"); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 177px;
    height: 177px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: -30px;
}

.our-project-middle h4 {
    color: #C6F;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 800;
    margin: 0;
}

.our-project-block .row > *:first-child .our-project-inner:nth-child(2) {
    max-width: 152px;
}

.our-project-block .row > *:nth-child(3) .our-project-inner {
    max-width: 152px;
    position: relative;
    top: -12px;
}

.our-project-block .row > *:nth-child(3) .our-project-inner:nth-child(2) {
    max-width: 136px;
}

.our-project-block .row > *:nth-child(2) .our-project-inner {
    max-width: 177px;
}

/* our project end */

/* success start */

.success-story-wrp {
    position: relative;
}

.success-cloud-1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.success-title {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.success-title .detail {
    /* padding: 24px 0 56px; */
    padding: 24px 0;
}

.success-title .detail p {
    color: #242424;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.success-main-block .success-block:nth-child(even) .row {
    flex-direction: row-reverse;
}

.success-block {
    margin-bottom: 69px;
}

.success-block > .row {
    align-items: center;
}

.success-block .section-title {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 36.4px;
    color: #242424;
}

.success-block .detail {
    padding: 24px 0 45px;
    max-width: 480px;
    width: 100%;
    color: #242424;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.success-block .detail p {
    margin: 0;
}

.success-block .btn-border:hover {
    color: #004f87;
    border-color: #004f87;
    background-color: transparent;
}

.btn-border {
    padding: 13px 16px;
    background-color: #fff;
    border: 1px solid #0176D3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: #0176D3;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.btn-border:hover {
    background-color: #0176D3;
    color: #fff;
}

.success-inner-left img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.success-inner-left {
    margin: 0 87px 0 0;
}

.success-inner-right {
    margin: 0 0 0 -44px;
}

.success-main-block .success-block:nth-child(even) .success-inner-right {
    margin: 0;
}
/* success end */

/* where to find start */
.where-to-find-inner {
    background: #FFF;
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 39px 24px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.where-to-find-inner h5 {
    color: #242424;
    font-family: "Open Sans", sans-serif;
    /* font-size: 28px;
    line-height: 32px; */
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 23px;
}

.where-to-find-inner p {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    min-height: 88px;
}

.where-to-find-inner a {
    color: #303030;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-decoration-line: underline;
    -moz-text-decoration-line: underline;
    margin: 23px 0 24px;
    display: block;
}

.where-to-find-inner .call a {
    color: #747474;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: none;
    margin: 0;
}

.where-to-find-inner .call a:hover {
    opacity: 0.7;
}

.where-to-find-inner .call {
    display: flex;
    align-items: center;
}

.where-to-find-inner .call img {
    padding-right: 6px;
}

.where-to-find-block .row {
    /* margin: 0 -28px; */
    margin: 0 -18px;
}

.where-to-find-block .row > * {
    /* padding: 0 28px; */
    padding: 0 18px;
}

.where-to-find-block {
    margin: 0 77px;
}

.where-to-find-main .section-title {
    padding-bottom: 56px;
}

.where-to-find-wrp {
    padding: 56px 0;
}
/* where to find end */

/* growth section start */

.growth-wrp {
    /* background-image: url("../images/growth-back.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 54px 0 36px;
}

.growth-wrp::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    background: linear-gradient(0deg, rgba(14, 14, 14, 0.30) 0%, rgba(14, 14, 14, 0.30) 100%), linear-gradient(180deg, rgba(94, 79, 156, 0.80) 0%, rgba(68, 164, 218, 0.80) 100%);
}

.growth-main {
    position: relative;
    z-index: 1;
}

.growth-main .section-title {
    padding: 0 0 55px 0;
}

.growth-form {
    background: rgba(44, 69, 98, 0.58);
    box-shadow: 0px 4px 30px 9px rgba(36, 36, 36, 0.09);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 56px 56px 24px 56px;
    max-width: 472px;
    width: 100%;
    margin: 0 auto;
}

.growth-form .form-group {
    margin-bottom: 48px;
}

.growth-form .form-control {
    border: none;
    border-bottom: 1px solid #87919A;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 0 6px 12px;
}

.growth-form .form-control::placeholder {
    color: #D5D5D5;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.text-fff {
    color: #fff;
}

.growth-form .detail a,
.growth-form .detail {
    color: #FFF;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.growth-form .detail {
    padding-top: 6px;
}

.growth-form .detail a {
    text-decoration: underline;
}

.growth-form .detail a:hover {
    opacity: 0.7;
}

.growth-form .detail p {
    margin: 0;
}

.form-submit .btn {
    width: 100%;
}

.growth-form .form-submit .btn-blue {
    padding: 13px 16px;
}
/* growth section end */

.new-team-landing::before {
    display: none;
}

.header-landing .logo-top {
    display: flex;
    align-items: center;
}

.header-landing .h-right {
    display: flex;
    align-items: center;
}

.header-landing .logo-top .small-logo {
    display: none;
}

.header-landing.nav-new .logo-top .small-logo {
    display: block;
    width: 68px;
}

.header-landing.nav-new .book-btn .btn-blue {
    background: #fff;
    color: #0176D3;
}

.header-landing.nav-new .book-btn .btn-blue:hover {
    background-color: #0176D3;
    color: #fff;
}

.banner-salesforce {
    margin-bottom: 0;
    position: relative;
    height: 100%;
}

.banner-salesforce .banner-sales-image {
    height: 830px;
}

.wistia_responsive_padding {
    min-height: 100vh;
}

.wistia_responsive_padding video {
    min-height: 100vh;
    object-fit: cover !important;
}

.main-banner-salesforce {
    position: relative;
}

.main-banner-salesforce .main_banner_details {
    height: 100%;
}

.main-banner-salesforce .main_banner_details img,
.main-banner-salesforce iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .main-banner-salesforce iframe {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
} */

.banner-video-iframe {
    position: relative; 
    padding-bottom: 56.25%;
    height: 100vh;
    overflow: hidden;
}

.main-banner-salesforce .banner-scroll-top {
    position: absolute;
    /* bottom: 189px; */
    bottom: 119px;
    left: 50%;
    text-align: center;
    transform: translate(-50% , 0);
    -webkit-transform: translate(-50% , 0);
    -moz-transform: translate(-50% , 0);
    -ms-transform: translate(-50% , 0);
    -o-transform: translate(-50% , 0);
    z-index: 9;
}

.main-banner-salesforce .banner-scroll-top a {
    color: #FFF;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

@keyframes move_arrow_up_down {
    from {
        bottom: 0;
    }
    to {
        bottom: -30px;
    }
}

@-webkit-keyframes move_arrow_up_down {
    from {
        bottom: 0;
    }
    to {
        bottom: -30px;
    }
}

.main-banner-salesforce .banner-scroll-top a::after {
    content: "";
    position: absolute;
    /*bottom: -86px;*/
    bottom: 0;
    left: 50%;
    transform: translate(-50% , 0);
    -webkit-transform: translate(-50% , 0);
    -moz-transform: translate(-50% , 0);
    -ms-transform: translate(-50% , 0);
    -o-transform: translate(-50% , 0);
    background-image: url("../images/scroll-bottom-arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    animation: move_arrow_up_down 2s linear 1s infinite alternate;
    -webkit-animation: move_arrow_up_down 2s linear 1s infinite alternate;
}

.banner-salesforce .banner_sub_title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
}

.banner-salesforce .banner-dt .banner_title {
    margin-bottom: 10px;
}

#wtr-content iframe {
    width: 100%;
    /* min-height: 300px; */
    min-height: 390px;
}

/* health-check */
.health-check-section {
    padding: 56px 0 125px;
    overflow: hidden;
}

.health-check-section .health-check-main-title {
    margin-bottom: 50px;
}

.health-check-section .health-check-main-title .section-title {
    margin-bottom: 25px;
}

.health-check-section .health-check-main-title .main-detail {
    font-size: 18px;
    line-height: 24px;
    max-width: 525px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.health-check-section .health-check-main-title .main-detail > *:last-child {
    margin-bottom: 0;
}

.health-check-section .health-check-main-content {
    position: relative;
    z-index: 9;
}

.health-check-section .health-check-main-content .health-check-cloud {
    position: absolute;
    left: -170px;
    top: 50%;
    z-index: -1;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.health-check-section .health-check-video-block {
    max-width: 750px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* .health-check-section .health-check-video-block * {
    width: 100%;
    height: 450px;
    object-fit: cover;
    font-family: 'object-fit: cover';
} */

.health-check-section .health-check-video-block iframe,
.health-check-section .health-check-video-block video {
    width: 100%;
    height: 450px;
    object-fit: cover;
    font-family: 'object-fit: cover';
}

/* health-check */

/* footer */
.footer-salesforce {
    background-color: #fff;
    background-image: unset;
    margin-top: 0;
    padding-top: 40px;
}

.footer-salesforce .quicklinks h3 {
    color: #242424;
    font-weight: 700;
}

.footer-salesforce .container {
    max-width: 1234px;
}

.footer-salesforce .footer-lanks {
    padding: 40px 0 0;
}

.footer-salesforce .foot-logo img {
    width: 142px;
}

.footer-salesforce .copyright {
    padding-top: 40px;
}

.footer-salesforce .footer-contact ul li a:hover,
.footer-salesforce .quicklinks ul li a:hover {
    color: #0176D3;
}
/* footer */

.banner-salesforce.main-banner .banner-dt h1 {
    font-weight: 900;
}

.banner-salesforce.main-banner .banner-dt h1 span {
    font-style: normal !important;
}


/* blog section start */

.blog-wrp.blog-salesforce {
    background-image: unset;
    background-color: #fff;
    padding: 90px 0;
}

.blog-wrp.blog-salesforce .titlebar h2 {
    color: #242424;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
}

.blog-wrp.blog-salesforce .slider-box .slider-dt h3 {
    color: #242424;
    font-size: 24px;
}

.blog-wrp.blog-salesforce.blog-wrp .slider-box .slider-dt p span {
    color: #242424;
}

.blog-wrp.blog-salesforce .slider-box .slider-dt p {
    color: #242424;
    font-size: 18px;
    line-height: 22px;
}

.blog-wrp.blog-salesforce .slider-box .slider-dt ul li:first-child a {
    color: #0176D3;
    border-color: #0176D3;
}

.blog-wrp.blog-salesforce .slider-box .slider-dt ul li:first-child a:hover {
    color: #ffffff;
}

.blog-salesforce .blog-slider .blog-list {
    margin: 0 -100px 0 -200px;
}

.blog-salesforce.blog-wrp ul.slick-dots {
    max-width: 931px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    right: 0;
}

.blog-salesforce.blog-wrp ul.slick-dots .slick-active {
    background-color: #0176D3;
}

.blog-salesforce.blog-wrp ul.slick-dots li {
    background-color: #F3F3F3;
}

.blog-salesforce .blog-btn {
    padding-top: 59px;
}

.blog-salesforce.blog-wrp .slider-box .slider-img img {
    height: 279px;
}

.blog-salesforce.blog-wrp .slider-box .slider-dt ul li {
    color: #747474;
    font-weight: 700;
}
/* blog section end */

/* team section */
.new-team-landing .team-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.new-team-landing .team-block .team-link li span {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.new-team-landing .team-block .team-link li {
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.new-team-landing .team-block .team-link li:before {
    position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #0179D3;
    opacity: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.new-team-landing .team-block .team-link li:hover {
    color: #0179D3;
}

.new-team-landing .team-block .team-link li:hover:before {
    opacity: 1;
}

.new-team-landing .team-block .team-link li.active:before {
    opacity: 0 !important;
}

.new-team-landing .team-block .team-link li span {
    opacity: 0;
}

.new-team-landing .team-block .team-link li.active {
    color: #ffffff;
}

.new-team-landing .team-block .team-link li.active span {
    opacity: 1;
}
/* team section */

.our-client-item .image img {
    width: 177px;
    height: auto;
    margin: 0 auto;
}

.quick-message-inner .wpcf7 form.sent .wpcf7-response-output {
    display: none;
}
