* {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

a:hover,
button:hover,
input {
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
}

button:focus {
    outline: 0;
}

select,
button,
input {
    outline: none;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

input[type="number"] {
    -moz-appearance: textfield !important;
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    background: #fff;
    font-family: 'Lexend', sans-serif;
    font-weight: normal;
}

ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

a,
img {
    border: 0px;
}

img {
    max-width: 100%;
}

a,
ul,
li {
    text-decoration: none;
}

a {
    outline: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    color: #171717;
}

a:hover,
a:focus {
    color: #E9327C;
}

a,
button {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    cursor: pointer;
}

p {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
    font-weight: bold;
}

h1 {
    font-size: 81px;
    line-height: 90px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
    line-height: 34px;
}

h4 {
    font-size: 23px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 20px;
}

select::-ms-expand {
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000 !important;
    opacity: 1 !important;
}

::-moz-placeholder {
    opacity: 1 !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
    opacity: 1 !important;
}
/* 
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    font-size: 18px;
} */

/*** reset css end ***/
/*** primary secondary button css ***/
.btn {
    color: #193641;
    padding: 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    min-width: 220px;
    background: #64E3ED;
    border-radius: 29px;
    border: 1px solid #64E3ED;
    transition: 0.4s;
}

.btn:hover{
    box-shadow: inset 282px 0 0 0 #E9327C;
    color: #fff;
    border: 1px solid #E9327C;
}
.btn:focus {
    box-shadow: none;
    color: #193641;
    border: 1px solid #64E3ED;
}
.form-control {
    border-radius: 5px;
    border: 1px solid #DEE1E6;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    height: 50px;
    padding: 15px;
}
.form-group {
    margin-bottom: 25px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #64E3ED;
}

.no-padding {
    padding: 0;
}

/*** header css start ***/
header {
    z-index: 9;
    border-bottom: 1px solid #ECECEC;
    padding: 22px 0;
}

.logo {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.logo img {
    max-width: 202px;
}

.menu-close {
    display: none;
}

.navbar {
    padding: 0;
    margin-top: 0;
}

nav .nav-item {
    margin-left: 41px;
}

nav .nav-item:first-child {
    margin-left: 0;
}

nav .nav-link {
    font-size: 15px;
    color: #000;
    line-height: 19px;
    padding: 0;
    text-transform: none;
}

nav .nav-link:hover,
nav .nav-link:focus,
nav .nav-item.active .nav-link {
    color: #E9327C;
}

nav .nav-link:hover:after,
nav .nav-link:focus:after,
nav .nav-item.active .nav-link:after {
    opacity: 1;
}

.navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

nav .nav-item.header-contact {
    margin-left: 146px;
}

.nav-item.header-contact .nav-link {
    color: #193641;
    padding: 14px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    min-width: 160px;
    background: #64E3ED;
    border-radius: 25px;
    border: 1px solid #64E3ED;
}

.nav-item.header-contact .nav-link:hover,
.nav-item.header-contact .nav-link:focus {
    box-shadow: inset 282px 0 0 0 #E9327C;
    color: #fff;
    border: 1px solid #E9327C;
}

/*** header css end ***/
/*** banner css start ***/
.banner-section h1 {
    color: #000;
    font-weight: 400;
}

.banner-section h1 strong {
    font-weight: 700;
}

.home-banner-info .btn {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.home-banner {
    position: relative;
    padding: 100px 0;
}

.home-banner-info {
    padding: 81px 0 60px 0;
}

.home-banner:before {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/banner-left-pattern.png) no-repeat;
    content: "";
    width: 167px;
    height: 407px;
}

.home-banner:after {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/banner-right-pattern.png) no-repeat;
    content: "";
    width: 200px;
    height: 413px;
}

.home-banner .container {
    position: relative;
}

.animation-shapes {
    display: flex;
    justify-content: space-between;
}

.sticker {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 15px;
    padding: 5px 20px;
    text-align: center;
    min-width: 90px;
}

.green-sticker:after {
    position: absolute;
    right: -20px;
    bottom: -8px;
    background: url(../images/green-arrow-eft.png) no-repeat;
    content: "";
    width: 19px;
    height: 20px;
}

.orange-sticker:after {
    position: absolute;
    right: -24px;
    top: 3px;
    background: url(../images/orange-arrow-left.png) no-repeat;
    content: "";
    width: 24px;
    height: 24px;
}

.blue-sticker:after {
    position: absolute;
    right: -17px;
    top: -12px;
    background: url(../images/blue-arrow-left.png) no-repeat;
    content: "";
    width: 17px;
    height: 17px;
}

.green-sticker {
    background: #86BA40;
}

.orange-sticker {
    background: #F5AD14;
    position: absolute;
    left: 15px;
    top: 50%;
    /* transform: translateY(-50%); */
}

.blue-sticker {
    background: #3267B1;
    min-width: 142px;
}

.left-animation-main .green-sticker {
    position: absolute;
    left: 166px;
    top: 0;
}


.right-animation-main .orange-sticker {
    left: auto;
    right: 15px;
}

.left-animation-main .blue-sticker {
    position: absolute;
    bottom: 0;
    left: 255px;
}

.right-animation-main .green-sticker {
    position: absolute;
    bottom: 0;
    right: 306px;
}

.right-animation-main .blue-sticker {
    position: absolute;
    top: 0;
    right: 257px;
}

.right-animation-main .orange-sticker:after {
    right: auto;
    left: -24px;
    /* transform: rotate(180deg); */
    background: url(../images/orange-arrow-right.png) no-repeat;
    top: 5px;
    width: 24px;
    height: 24px;
}

.right-animation-main .blue-sticker:after {
    right: auto;
    left: -14px;
    background: url(../images/blue-arrow-right.png) no-repeat;
    /* transform: rotate(190deg); */
    top: 25px;
}

.right-animation-main .green-sticker:after {
    right: auto;
    left: -12px;
    /* transform: rotate(190deg); */
    background: url(../images/green-arrow-right.png) no-repeat;
    bottom: auto;
    top: -10px;
}

/*** partner css start ***/
.partners-section {
    border-top: 1px solid #00000024;
    border-bottom: 1px solid #00000024;
    padding: 31px 0;
}

.partners.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

.partners.owl-carousel .owl-item .item {
    text-align: center;
}

.partners.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.partners-heading h2 {
    color: #474747;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

/*** servcies css start ***/
.service-right {
    text-align: right;
}

.main-title h2 {
    color: #000;
    font-weight: 600;
    font-size: 42px;
    line-height: 50px;
}

.services-section .main-title h2 {
    font-size: 54px;
    line-height: 63px;
}

.services-section {
    padding: 100px 0 130px 0;
}

.view-all-services {
    margin-top: 37px;
}

.services-section .btn {
    font-weight: 700;
    font-size: 18px;
    text-transform: unset;
}

/*** servcies css end ***/
/*** digital service css start ***/
.digital-services-tab {
    margin-top: 50px;
}

.digital-services-tab .nav-tabs {
    border-bottom: 1px solid #ECECEC;
    display: inline-block;
    width: 100%;
}

.digital-services-tab .nav-tabs .nav-link {
    border: 0;
    border-radius: 0 !important;
    border-top-right-radius: .25rem;
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
    padding: 0 0 12px 0px;
}

.digital-services-tab .nav-tabs .nav-item {
    margin-right: 42px;
    display: inline-block;
}

.digital-services-tab .nav-tabs .nav-item.show .nav-link,
.digital-services-tab .nav-tabs .nav-link.active {
    border-color: #64E3ED;
}

.right-tab-content {
    background: #F5F5F5;
    padding: 40px 40px 20px 40px;
    margin-top: -36px;
}

.right-tab-content p strong {
    font-weight: 500;
    color: #000;
}

.services-tab-inner {
    padding-top: 20px;
}

.services-tab-inner h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
}

.left-tab-content ul li {
    width: 50%;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
}

.left-tab-content ul li:before {
    content: "\f058";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 0;
    top: 0px;
    color: #64E3ED;
}

.left-tab-content ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.digital-services {
    position: relative;
}
.view-all-services-digital {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 26px;
}
.view-all-services-digital .btn {
    text-transform: unset;
}
.digital-services:before {
    position: absolute;
    left: -22px;
    top: 0;
    content: "";
    background: url(../images/yellow-shape.png) no-repeat;
    width: 234px;
    height: 197px;
}

.digital-services:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "";
    background: url(../images/purple-shape.png) no-repeat;
    width: 391px;
    height: 383px;
    z-index: -1;
    transform: translateY(-50%);
}

.right-tab-content p {
    color: rgba(0, 0, 0, 0.6);
}

/*** redefine css start ***/
.redefine-section {
    padding: 100px 0;
}

.redefine-welcome-text p {
    font-size: 18px;
    max-width: 915px;
    margin: 0 auto;
}

.grey-box {
    border-radius: 30px;
    background: #F7F7F7;
    padding: 35px 30px 0 27px;
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 30px;
}

.grey-box.grey-bx-2col {
    flex-direction: row;
    align-items: center;
    padding-top: 14px;
}

.grey-left-content {
    width: 41.6%;
}

.grey-box p {
    font-size: 15px;
}

.grey-box-img {
    margin-top: 30px;
}

.grey-box-img>img {
    width: 100%;
}

.grey-box-inner h3 {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 15px;
}

.explore-now-btn {
    font-weight: 500;
    letter-spacing: 0.48px;
    color: #010C21;
    font-size: 16px;
}

a.explore-now-btn:hover {
    color: #e9327c;
}

.redefine-welcome-text {
    margin-bottom: 10px;
}

.ecommerce-main .redefine-welcome-text p {
    max-width: 1110px;
}

/*** among leave css start ***/
.among-leave {
    border-radius: 20px;
    border: 1px solid #DEE1E6;
    margin: 0;
    align-items: center;
    padding: 38px;
}

.among-leave .col-lg-3 {
    padding: 0;
}

.law-text h4 {
    font-size: 20px;
    line-height: 32px;
    color: #64607D;
    font-weight: 400;
    margin: 0 0 0 18px;
}

.among-leave h3 {
    font-size: 34px;
    line-height: 46px;
    margin: 0;
    font-weight: 500;
}

.law-content {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.law-inner {
    display: flex;
    padding-left: 60px;
}

/*** sell online css start ***/
section.sell-online p {
    font-size: 18px;
    max-width: 570px;
    margin: 0 60px;
    padding: 0;
}

.sell-online .sell-online-content {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 70px;
}

section.sell-online .btn {
    font-weight: 700;
    letter-spacing: 0.54px;
    font-size: 18px;
    color: #010C21;
}
section.sell-online .btn:hover{
    color: #fff;
}
.sell-online .row {
    margin: 0;
}

.sell-online .main-title h2 {
    font-size: 38px;
    line-height: 55px;
}

.sell-online-img>img {
    margin: 0 auto;
}

/*** testimonial css start ***/
section.testimonials-main {
    padding: 100px 0;
}
.testimonials-main .row {
    border: 1px solid #DEE1E6;
    margin: 0;
    border-radius: 20px;
    padding: 40px 20px;
    align-items: center;
}
.testimonial-left {
    flex: 0 0 32%;
    max-width: 32%;
}
.testimonial-right {
    flex: 0 0 68%;
    max-width: 68%;
}
.testimonials-main .main-title h2 {
    font-size: 40px;
    line-height: 48px;
}
.testimonial-left p {
    font-size: 18px;
}
.testimonial-right .item p {
    font-size: 20px;
    line-height: 41px;
    color: #1B1C31;
    margin: 30px 0;
}
.testimonial-right .item {
    max-width: 630px;
    margin: 0 auto;
}
.client-info h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    margin: 0;
}
.client-info h4 span {
    display: block;
    color: #757095;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}
.client-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quote {
    background: url(../images/quotes.svg) no-repeat;
    height: 27px;
    background-size: 31px;
}
.testimonial-right .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.testimonials .owl-nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.testimonials .owl-nav .owl-prev, .testimonials .owl-nav .owl-next {
    background: #fff;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    box-shadow: 0px 14px 28px #0000001A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonials .owl-nav .owl-prev i, .testimonials .owl-nav .owl-next i {
    font-size: 30px;
}
/*** coontact us css start ***/
.contact-us .main-title h2 {
    font-weight: 500;
}
.contact-right-main .col-lg-6,.contact-right-main .col-lg-12 {
    padding: 0 10px;
}
.contact-right-main {
    margin-top: 16px;
}
.contact-right-main .row {
    margin: 0 -8px;
}
.contact-us p {
    font-size: 18px;
}
.contact-right {
    flex: 0 0 57.3%;
    max-width: 56.3%;
}
.contact-left {
    flex: 0 0 42.7%;
    max-width: 42.7%;
}
select.form-control {
    height: 50px !important;
    background: url(../images/dropdown.svg) no-repeat top 22px right 15px;
    -webkit-appearance: none;
    cursor: pointer;
}
textarea.form-control {
    min-height: 125px;
}
.contact-us .btn {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    max-width: 163px;
    min-width: 163px;
    padding: 12px;
}
.contact-us .btn:hover{
    color: #fff;
}
/* .testimonials.owl-carousel .owl-stage-outer {
   padding: 0 60px;
    margin: 0 auto;
} */
/*** footer css start ***/
footer {
  overflow: hidden;
  padding-top: 75px;
}
footer > .container{
    position: relative;
}
footer > .container:before {
    background: url(../images/footer-bg.png) no-repeat bottom left;
    background-size: cover;
    position: absolute;
    /* left: 0; */
    top: -70px;
    content: "";
    opacity: 0.6;
    filter: blur(50px);
    height: 820px;
    width: 100%;
    right: 0;
    margin: 0 auto;
}
.footer-logo-info p {
    font-size: 16px;
    line-height: 28px;
    color: #757095;
    padding: 30px 0;
    max-width: 280px;
}
.copyright {
    border-top: 2px solid rgba(0,0,0,0.1);
    margin: 56px 0 0 0;
}
.footer-logo-info ul li {
    display: inline;
    margin: 0 0 0 11px;
}
.footer-logo-info ul li:first-child {
    margin: 0;
}
.footer-logo-info ul li a {
    color: #3734A9;
    font-size: 20px;
}
.footer-logo-info ul li a:hover{
    color: #e9327c;
}
footer h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #181433;
}
.footer-links ul li {
    margin-bottom: 10px;
}
footer a {
    font-size: 16px;
    line-height: 24px;
    color: #181433;
}
ul.footer-contact i {
    margin-right: 7px;
}
footer a:hover,footer a:focus {
    color: #e9327c;
}
.col.footer-logo-info {
    flex: 0 0 32%;
}
ul.footer-contact li {
    margin-bottom: 10px;
}
ul.footer-contact .fa-phone-volume {
    transform: rotate(-25deg);
}
footer .copyright p {
    font-size: 16px;
    color: #181433;
    font-weight: 600;
    padding: 0;
}
.copyright .col-lg-12 {
    padding: 0;
}
.copyrght {
    padding: 37px 0;
    text-align: center;
}
/*** footer css end ***/