@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);

.black.navbar-top-default .navbar-nav .nav-link,
.btn-transparent3:focus,
.btn-transparent3:hover,
.btn-white2:focus,
.btn-white2:hover,
.color-black,
.header-appear .transparent-bg.nav-three-circles .navbar-nav .nav-link,
.header-appear .transparent-bg.nav-three-circles .navbar-nav .nav-link.active,
.header-appear .transparent-bg.nav-three-circles .navbar-nav .nav-link:hover,
a:focus,
a:hover,
body,
header .transparent-bg.black.navbar-top-default .header-social a,
header.header-appear .navbar-top-default .header-social a,
header.header-appear .transparent-bg.navbar-top-default .header-social a,
p {
    color: #212622
}

body {
    background-color: #01051c !important;
}

.half-section,
.image,
.image img {
    position: relative
}

.image img,
a.image {
    display: block
}

.font-primary,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins
}

ol,
p,
ul {
    margin: 0
}

#animated-cursor,
#cursor {
    height: 30px;
    pointer-events: none
}

.line-height-heading,
.main-title h2 {
    line-height: 1.2
}

.pointer-none{
    pointer-events: none;
}

.about ul li,
.font-secondary,
.main-title h5 {
    font-family: "Source Sans Pro", sans-serif
}

body {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: .5px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    background: #171717
}

ol,
ul {
    padding: 0;
    list-style: none
}

.section-padding,
section {
    position: relative;
    padding: 7.5rem 0;
    overflow: hidden
}

.portfolio-padding {
    padding: 7.5rem 0 4rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1
}

.font-72,
h1 {
    font-size: 72px
}

.h1 {
    font-size: 4rem
}

h2 {
    font-size: 2.5rem
}

p {
    padding: 0;
    font-size: 16px
}

.line-height-normal {
    line-height: normal
}

.line-height-17px {
    line-height: 17px
}

.line-height-25px {
    line-height: 25px
}

.line-height-35px {
    line-height: 35px
}

img {
    max-width: 100%
}

.w-71 {
    width: 71% !important
}

.w-73 {
    width: 73% !important
}

.w-77 {
    width: 77% !important
}

.w-82 {
    width: 82% !important
}

.w-87 {
    width: 87% !important
}

.w-93 {
    width: 93% !important
}

.w-265 {
    max-width: 265px
}

.logo img,
.va-middle {
    vertical-align: middle
}

.overflow-visible {
    overflow: visible
}

.btn-setting,
.half-section,
.image,
.side-menu,
.social-icons-simple li a {
    overflow: hidden
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none !important;
    outline: 0
}

.fixedmenu,
.navbar,
.owl-dot,
.owl-next,
.owl-prev,
.tp-bullet,
::after,
::before,
a,
button,
img,
input,
span {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

i::after,
i::before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.no-transition * {
    transition-timing-function: initial;
    -moz-transition-timing-function: initial;
    -webkit-transition-timing-function: initial;
    -o-transition-timing-function: initial;
    -ms-transition-timing-function: initial;
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s
}

.no-animation {
    animation: none !important
}

.header-appear .animated-element,
.header-appear .animated-wrap,
.no-transform {
    transform: none !important
}

::-webkit-scrollbar-track {
    background-color: #e9edf0;
    border-left: 1px solid #ededed
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #f1c30f
}

::-webkit-scrollbar-thumb {
    background: #dd449e
}

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

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

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

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

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

.pl-2rem {
    padding-left: 2rem
}

.pt-7rem {
    padding-top: 7rem
}

.pb-7rem {
    padding-bottom: 7rem
}

.p-7rem {
    padding: 7rem 0
}

.p-half {
    padding: 3.75rem 0
}

.pt-half {
    padding-top: 3.75rem
}

.pb-half {
    padding-bottom: 3.75rem
}

.mt-7rem {
    margin-top: 7rem
}

.mb-7rem {
    margin-bottom: 7rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-750rem {
    margin-top: .75rem !important
}

.mt-130rem {
    margin-top: 1.3rem !important
}

.mb-175rem {
    margin-bottom: 1.75rem !important
}

.mb-2rem {
    margin-bottom: 2rem !important
}

.heading-space {
    margin-bottom: 4.125rem
}

.heading-space-half {
    margin-bottom: 2rem
}

.center-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#google-map {
    height: 400px;
    width: 100%
}

.col-map #google-map {
    height: 409px
}

#cursor:after,
#cursor:before {
    font-family: themify;
    content: "\e649";
    font-size: 6px;
    width: 4px;
    height: 8px;
    line-height: 8px;
    top: 9px;
    opacity: 0;
    text-align: center
}

.h-100vh {
    min-height: 100vh !important
}

.hidden {
    visibility: hidden !important
}

.map {
    background: url("../img/map.jpg")
}

.heading-para-setting {
    max-width: 950px;
    margin: 0 auto
}

.content-setting,
.main-title h2 {
    margin-left: auto;
    margin-right: auto
}

.fullscreen {
    height: 100vh !important;
    width: 100%
}

.half-section {
    width: 100%
}

.content-setting {
    text-transform: capitalize;
    font-weight: 300;
    max-width: 650px;
    padding: 0 15px
}

.hover-effect::after,
.hover-effect::before {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s !important;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s !important
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    top: 0
}

.hover-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0
}

.hover-effect:hover::after,
.hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%
}

.image img {
    width: 100%;
    height: 100%
}

.bg-overlay,
.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.split-blog-scale img {
    transform: scale(1);
    transition: 1s
}

.split-blog-scale:hover img {
    transform: scale(1.2)
}

.bg-light-gray {
    background-color: #f9f9f9
}

.bg-light-gray2 {
    background-color: #efefef
}

.bg-light-gray3 {
    background-color: #f2f2f2
}

.bg-yellow,
.btn-hvr-yellow:after,
.hvr-bg-yellow:hover {
    background-color: #f1c30f
}

.bg-pink,
.btn-hvr-pink:after,
.hvr-bg-pink:hover {
    background-color: #e57bff
}

.bg-blue,
.btn-hvr-blue:after,
.hvr-bg-blue:hover {
    background-color: #84a1d2
}

.bg-black {
    background-color: #212622
}

.bg-black2 {
    background-color: #262626
}

.bg-black3 {
    background-color: #19283e
}

.bg-white2,
.btn-hvr-white:after {
    background-color: #fff
}

.social-icons-simple li a:hover,
.transparent-bg {
    background-color: transparent
}

.bg-dark {
    background-color: #1d1d21 !important
}

.btn-yellow,
.overlay {
    background-color: #f1c30f
}

.overlay {
    opacity: .75;
    padding: 10px 15px;
    visibility: hidden;
    z-index: 98
}

.btn-setting,
.owl-dots .owl-dot {
    display: inline-block;
    position: relative
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.z-index-1 {
    z-index: 1
}

.color-grey {
    color: #535353
}

.color-light-grey {
    color: #6f6f6f
}

.color-light-grey2 {
    color: #a5a5a5
}

.color-vlight-grey {
    color: #8c8c8c
}

.color-vlight-grey2 {
    color: #ebebeb
}

.btn-hvr-blue:focus,
.btn-hvr-pink:focus,
.btn-hvr-whatsapp:focus,
.btn-hvr-yellow:focus,
.btn-transparent2:focus,
.btn-transparent2:hover,
.btn-transparent3,
.btn-white:focus,
.btn-white:hover,
.color-white,
.header-appear .navbar-nav .nav-link.active,
.header-appear .navbar-nav .nav-link:hover,
header .transparent-bg.navbar-top-default .header-social a {
    color: #fff
}

.color-light-gw {
    color: #f7f7f7
}

.color-yellow,
.navbar-top-default .navbar-nav .nav-link:hover {
    color: #f1c30f
}

.text-pink{
    color: #dd4fb4;
}

.color-pink,
.nav-three-circles .navbar-nav .nav-item .nav-link.active,
.nav-three-circles .navbar-nav .nav-item .nav-link:hover {
    color: #e57bff
}

.color-blue {
    color: #84a1d2
}

.text-black {
    color: #212622 !important
}

.text-yellow {
    color: #f1c30f !important
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.about ul li,
.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-30 {
    font-size: 30px
}

.slider-text {
    font-size: 60px
}

.font-weight-100 {
    font-weight: 100
}

.font-weight-200 {
    font-weight: 200
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.owl-dots .owl-dot {
    height: 11px;
    width: 11px;
    margin: 2px 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

.border-light2 {
    border: 1px solid #e8e8e8
}

.border-vlight {
    border: 1px solid #f8f9fa
}

.btn:active,
.btn:focus,
.btn:hover {
    outline: 0;
    box-shadow: none
}

button {
    cursor: pointer
}

button:active,
button:focus,
button:hover {
    outline: 0
}

.btn-setting {
    padding: 9px 34px;
    width: auto;
    font-weight: 400;
    line-height: 25px;
    font-size: 15px;
    text-transform: capitalize;
    text-align: center;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    z-index: 1;
    border: 1px solid #acacac;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s !important
}

nav .btn-setting {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 20px;
    text-transform: uppercase;
    width: 180px
}

.btn-yellow {
    border-color: #f1c30f;
    color: #fff
}

.btn-pink {
    border-color: #e57bff;
    background-color: #e57bff;
    color: #fff
}

.btn-blue {
    border-color: #84a1d2;
    background-color: #84a1d2;
    color: #fff
}

.btn-white {
    background-color: #fff;
    color: #212622
}

.btn-transparent2 {
    border: 1px solid #212622;
    color: #212622
}

.rev_slider .btn-setting {
    border: 2px solid #acacac
}

.btn-black {
    border-color: #202020;
    background-color: #202020;
    color: #fff
}

.btn-transparent {
    border: 1px solid #fff;
    background: 0 0
}

.btn-transparent-white {
    background: 0 0;
    border: 1px solid !important
}

.btn-hvr-up:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: -1
}

.btn-hvr-up:active:after,
.btn-hvr-up:focus:after,
.btn-hvr-up:hover:after {
    height: 100%
}

.btn-hvr-yellow:focus,
.btn-hvr-yellow:hover {
    border-color: #f1c30f;
    color: #fff
}

.btn-hvr-pink:focus,
.btn-hvr-pink:hover {
    border-color: #e57bff;
    color: #fff
}

.btn-hvr-blue:focus,
.btn-hvr-blue:hover {
    border-color: #84a1d2;
    color: #fff
}

.btn-hvr-white:focus,
.btn-hvr-white:hover {
    border-color: #fff
}

.btn-hvr-whatsapp:after {
    background-color: #25d366
}

.btn-hvr-whatsapp:focus,
.btn-hvr-whatsapp:hover {
    border-color: #25d366;
    color: #fff
}

.radius-small {
    border-radius: 4px
}

.radius-0 {
    border-radius: 0 !important
}

.container.radius {
    border-radius: 36px
}

.header-appear .container.radius {
    border-radius: 0
}

.menu-lines {
    transform: rotateY(180deg)
}

.menu-bars-setting {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px
}

.menu-bars-setting2 {
    position: absolute;
    right: 20px
}

.menu-inner {
    position: relative;
    right: 0;
    margin-left: 1rem
}

.menu_bars,
.menu_bars2 {
    padding: 5px;
    width: 38px;
    cursor: pointer;
    z-index: 1
}

.menu_bars2 {
    height: 36px;
    position: absolute
}

.menu_bars span,
.menu_bars2 span {
    background: #212622;
    width: 30px;
    height: 2px;
    display: block
}

.menu_bars2 span {
    height: 1px
}

.menu-outer.menu_bars span,
.transparent-bg .menu_bars span,
header .navbar-top-default .header-social a:hover {
    background: #fff
}

.header-appear .just-menu .menu_bars span,
.header-appear .menu-outer.menu_bars span,
.header-appear .menu_bars span,
.just-menu .menu_bars span,
.just-menu.black .menu_bars span,
.transparent-bg.black .menu_bars span {
    background: #212622
}

.menu_bars,
.menu_bars span,
.menu_bars2,
.menu_bars2 span {
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

.menu_bars span:first-child,
.menu_bars span:nth-child(3),
.menu_bars:hover span:nth-child(2) {
    width: 30px
}

.menu_bars span:nth-child(2) {
    width: 30px;
    margin: 6px auto
}

.header-appear .navbar .logo-default,
.header-appear.cursor-light:hover~#animated-cursor,
.menu_bars2 span:nth-child(2),
.navbar .logo-scrolled,
.side-menu.before-side .btn-close {
    display: none
}

.cursor-light:hover~#animated-cursor,
.header-appear .navbar .logo-scrolled,
.logo-full,
.navbar .logo-default,
.social-icons-simple li {
    display: inline-block
}

.menu_bars2 span:first-child,
.menu_bars2 span:nth-child(3) {
    width: 30px;
    top: 20px;
    position: absolute;
    left: 5px;
    margin-top: -1px
}

.menu_bars2 span:first-child,
.side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu_bars2 span:nth-child(3),
.side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu_bars2.active {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem
}

.logo {
    max-width: 250px
}

.logo-full {
    width: 200px
}

.logo-full img,
.side-nav .navbar-nav .nav-link.active::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link:hover::after {
    width: 100%
}

.navbar-top-default {
    position: absolute;
    top: 0;
    z-index: 99;
    height: 90px;
    width: 100%;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.nav-height-small {
    height: 64px
}

.navbar-top-default .navbar-nav .nav-link {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin-right: 1rem;
    margin-left: 1rem;
    text-transform: uppercase
}

.nav-three-circles .navbar-nav .nav-item .nav-link {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    position: relative;
    display: inline
}

.nav-three-circles .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    top: 80%;
    left: 50%;
    color: transparent;
    content: "•";
    text-shadow: 0 0 transparent;
    font-size: 1.2em;
    -webkit-transition: text-shadow .3s, color .3s;
    -moz-transition: text-shadow .3s, color .3s;
    transition: text-shadow .3s, color .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.nav-three-circles .navbar-nav .nav-item .nav-link.active::after,
.nav-three-circles .navbar-nav .nav-item .nav-link:hover::after {
    color: #f1c30f;
    text-shadow: 10px 0 #84a1d2, -10px 0 #e57bff
}

.header-appear .navbar-top-default {
    height: 75px;
    position: fixed;
    background: #fff;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .35)
}

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

header .navbar-top-default .header-social {
    padding-left: 1rem
}

header .navbar-top-default.seven-links .header-social {
    padding-left: 1rem;
    padding-right: 1rem
}

header .navbar-top-default .header-social a {
    font-size: 14px;
    color: #212622;
    height: 36px;
    width: 37px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%
}

header.header-appear .navbar-top-default .header-social a.facebook-text-hvr:hover {
    background: #4267b2;
    color: #fff !important
}

header.header-appear .navbar-top-default .header-social a.twitter-text-hvr:hover {
    background: #1da1f2;
    color: #fff !important
}

header.header-appear .navbar-top-default .header-social a.linkedin-text-hvr:hover {
    background: #0077b5;
    color: #fff !important
}

header.header-appear .navbar-top-default .header-social a.google-text-hvr:hover {
    background: #db4437;
    color: #fff !important
}

header.header-appear .navbar-top-default .header-social a:hover {
    background: 0 0
}

.nav-box-shadow {
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .15)
}

.bottom-nav {
    height: 70px;
    top: auto;
    bottom: 0
}

.header-appear .bottom-nav {
    bottom: auto
}

.side-menu {
    width: 35%;
    position: fixed;
    right: 0;
    top: 0;
    background: #f1c30f;
    z-index: 1032;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -moz-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.side-menu .navbar-brand {
    margin: 0 0 2.5rem
}

#close_side_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: opacity .3s cubic-bezier(.895, .03, .685, .22);
    -o-transition: opacity .3s cubic-bezier(.895, .03, .685, .22);
    transition: opacity .3s cubic-bezier(.895, .03, .685, .22);
    display: none;
    z-index: 1031;
    opacity: .4
}

.side-menu .btn-close {
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 15px;
    cursor: pointer
}

.side-menu .btn-close::after,
.side-menu .btn-close::before {
    position: absolute;
    left: 16px;
    content: " ";
    height: 24px;
    width: 2px;
    background: #212622;
    top: 5px
}

.sidemenu_btn.left {
    left: 15px;
    right: auto
}

.sidemenu_btn span {
    height: 2px;
    width: 100%;
    background: #fff;
    display: block
}

.sidemenu_btn span:nth-child(2) {
    margin: 4px 0
}

.side-menu .inner-wrapper {
    padding: 3.5rem 5rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.side-menu .side-nav {
    margin-bottom: 20px;
    display: block
}

.side-nav .navbar-nav .nav-link {
    display: inline-table;
    color: #fff;
    padding: 10px 0 !important;
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
    min-height: 50px;
    position: relative;
    text-transform: lowercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: .8s .5s;
    -o-transition: .8s .5s;
    transition: .8s .5s
}

.side-nav .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: .5s cubic-bezier(0, 0, .2, 1);
    -o-transition: .5s cubic-bezier(0, 0, .2, 1);
    transition: .5s cubic-bezier(0, 0, .2, 1)
}

.side-nav .navbar-nav .nav-item {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .8s .5s;
    -o-transition: .8s .5s;
    transition: .8s .5s
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.side-menu p {
    font-size: 13px;
    margin-top: .5rem;
    margin-bottom: 0
}

.side-nav .navbar-nav .nav-item:first-child {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.social-icons-simple {
    margin-bottom: 0;
    margin-left: -10px
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    padding: 0;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

.social-icons-simple li.animated-wrap a:hover {
    background-color: transparent;
    color: #fff
}

.side-menu.center {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #f1c30f;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    overflow-x: hidden
}

.side-menu.center .inner-wrapper {
    text-align: center
}

.side-menu.center .side-nav {
    margin: 0 auto 20px
}

.side-menu.center .side-nav .navbar-nav .nav-link {
    padding: 0 0 4px !important;
    margin-right: 30px
}

.side-menu.left {
    left: 0;
    right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.side-menu.side-menu-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.quarter-circle {
    display: inline-block;
    margin: 0;
    width: 120px;
    right: 0;
    position: absolute;
    top: 0;
    height: 120px;
    background: #fff;
    border-radius: 0 0 0 120px;
    z-index: 2
}

.about-box i,
.main-title,
.rare-box {
    position: relative
}

#animated-cursor {
    position: absolute;
    left: 0;
    display: none;
    top: 0;
    width: 30px;
    z-index: 10000;
    -webkit-transition: opacity .2s ease-in-out .5s;
    transition: opacity .2s ease-in-out .5s
}

#cursor {
    position: fixed;
    transform: translate(-50%, -50%);
    width: 30px;
    border-radius: 50%;
    opacity: 1;
    box-sizing: border-box
}

#cursor:before {
    position: absolute;
    left: -12px;
    color: #fff;
    transition: .1s cubic-bezier(.215, .61, .355, 1)
}

#hold-event {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0)
}

#cursor-loader {
    width: 40px;
    height: 40px;
    position: absolute;
    background-color: transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    border-radius: 50px;
    box-sizing: border-box;
    opacity: 0;
    transform: translate(-9px, -9px) rotate(0);
    -webkit-animation: .8s ease-in-out infinite rotating;
    animation: .8s ease-in-out infinite rotating;
    -webkit-transition: opacity ease-in-out;
    transition: opacity ease-in-out
}

.about.round-left:before,
.about:before {
    position: absolute;
    top: 200px;
    animation: .6s linear infinite alternate both scale
}

#cursor:after {
    position: absolute;
    right: -10px;
    color: #fff;
    transition: .2s cubic-bezier(.215, .61, .355, 1)
}

@keyframes rotating {
    0% {
        -webkit-transform: translate(-7px, -7px) rotate(0);
        transform: translate(-7px, -7px) rotate(0)
    }

    95% {
        -webkit-transform: translate(-7px, -7px) rotate(350deg);
        transform: translate(-7px, -7px) rotate(350deg)
    }

    100% {
        -webkit-transform: translate(-7px, -7px) rotate(360deg);
        transform: translate(-7px, -7px) rotate(360deg)
    }
}

.main-title {
    margin-bottom: 6rem;
    text-align: center
}

.main-title.left-align {
    margin-bottom: 1rem;
    text-align: left
}

.main-title h5 {
    font-weight: 400;
    margin-bottom: 1.1rem;
    color: #212622
}

.main-title h2,
.main-title.style-two h5 {
    margin-bottom: 1.5rem
}

.about,
.about p,
.main-title h4 {
    text-align: left
}

.main-title h2 {
    font-weight: 300;
    color: #212622
}

.main-title p {
    max-width: 720px;
    margin: 0 auto
}

.main-title.style-two h2 {
    text-transform: initial;
    font-size: 37px;
    font-weight: 500;
    max-width: 720px
}

.main-title.style-two p {
    color: #212622;
    max-width: 720px
}

.rare-box {
    height: 187px;
    width: 100%;
    background: #e57bff
}

.loader,
.loader-box li {
    width: 100%;
    height: 100%
}

.about-img-small {
    margin-left: 30px;
    top: -155px
}

.about ul li {
    display: flex
}

.about ul li:before {
    font-family: "Font Awesome 5 Free";
    padding-right: 15px;
    font-weight: 700;
    content: "\f061";
    color: #aac0e4
}

@keyframes scale {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.about:before {
    content: url(../img/about-circle.png);
    right: -10px
}

.about.round-left:before {
    content: url(../img/about-circle-left.png);
    right: auto;
    left: -10px
}

.border-blue {
    border-top: 8px solid #84a1d2
}

.border-yellow {
    border-top: 8px solid #f1c30f
}

.border-pink {
    border-top: 8px solid #e57bff
}

.about-box {
    transition: .5s linear;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 40px 10px;
    max-width: 350px
}

.box-content {
    max-height: 260px;
    overflow: auto;
    padding: 20px 20px 0;
    text-align: left
}

.about-box i {
    font-size: 30px
}

.about-box:hover {
    transform: translate(0, -13px);
    transition: .5s linear
}

.quote-text {
    max-width: 1000px;
    margin: 0 auto
}

.quote {
    font-size: 20px;
    color: #a1a1a1
}

.loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 111111;
    background: #fff;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.loader-box {
    position: relative;
    /* display: grid; */
    grid-template-columns: 33% 33% 33%;
    grid-gap: 2px;
    height: 90px;
    margin: 0 50px 100px 0;
    width: 90px
}

.loader-box li {
    position: relative;
    /* background: #84a1d2;
    transform: scale(0); */
    transform-origin: center center;
    animation: 2s linear infinite loader-box-fade;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.loader-box li:first-child,
.loader-box li:nth-child(5),
.loader-box li:nth-child(9) {
    animation-delay: .4s
}

.loader-box li:nth-child(4),
.loader-box li:nth-child(8) {
    animation-delay: .2s
}

.loader-box li:nth-child(2),
.loader-box li:nth-child(6) {
    animation-delay: .6s
}

.loader-box li:nth-child(3) {
    animation-delay: .8s
}

@keyframes loader-box-fade {

    0%,
    100% {
        transform: scale(0)
    }

    40%,
    80% {
        transform: scale(1)
    }
}

@media (max-width:1280px) and (min-width:992px) {

    .about-img,
    .image img.about-img {
        height: 580px
    }
}

@media screen and (max-width:1199px) {

    .h1,
    h1 {
        font-size: 3.56rem
    }

    h2 {
        font-size: 2.45rem
    }

    h3 {
        font-size: 1.65rem
    }

    h4 {
        font-size: 1.15rem
    }

    h5 {
        font-size: 1rem
    }

    .navbar-top-default .navbar-nav .nav-link {
        padding-right: .1rem;
        padding-left: .1rem;
        margin-right: 1rem;
        margin-left: 1rem
    }

    .split-container-setting {
        max-width: 400px;
        margin-right: 67px
    }

    .split-container-setting.style-two {
        max-width: 400px;
        margin-left: 70px
    }

    .split-container-setting.style-three {
        max-width: 400px
    }

    .nav-radius .navbar-nav .nav-item .nav-link {
        margin-right: .1rem;
        margin-left: .1rem;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .team-classic-content {
        padding: 59px 20px
    }

    .purva-slider {
        margin-top: 0
    }
}

@media screen and (max-width:1024px) {
    nav .btn-setting {
        display: none !important
    }

    .about-img {
        height: 480px
    }
}

@media screen and (max-width:991px) {

    .h1,
    h1 {
        font-size: 2.95rem
    }

    h2 {
        font-size: 2.3rem
    }

    h3 {
        font-size: 1.4rem
    }

    h4 {
        font-size: 1.125rem
    }

    .mt-sm-40px {
        margin-top: 40px
    }

    .sm-mt-2rem {
        margin-top: 2rem
    }

    .sm-mt-5 {
        margin-top: 3rem
    }

    .sm-mt-15px {
        margin-top: 15px
    }

    .sm-mb-10px {
        margin-bottom: 10px
    }

    .md-mb-5 {
        margin-bottom: 3rem
    }

    .sm-text-center {
        text-align: center !important
    }

    .sm-p-0 {
        padding: 0
    }

    #home.h-100vh {
        min-height: unset !important
    }

    .menu-bars-setting {
        position: relative;
        right: 0;
        left: unset;
        top: unset;
        transform: translateX(0)
    }

    .split-container-setting,
    .split-container-setting.style-three,
    .split-container-setting.style-two {
        padding: 7.5rem 0;
        max-width: 720px;
        margin: 0 auto
    }

    .testimonial-post {
        margin: 0 auto
    }

    .testimonial-post .post,
    .testimonial-post .text-content {
        display: block;
        margin: 0 auto
    }

    .side-menu {
        width: 45%
    }

    .side-menu.center .side-nav .navbar-nav .nav-link {
        padding: 0 !important;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 20px;
        min-height: unset;
        line-height: 1.4
    }

    .split-box-container-setting {
        max-width: 650px;
        padding: 0 15px;
        margin: 0 auto
    }

    .about-img,
    .image img.about-img {
        height: auto;
        width: 100%
    }

    .contact-box {
        padding: 36px 20px
    }

    .pricing-padding {
        padding: 7.5rem 0
    }

    .purva-slider {
        margin-top: 0;
        top: auto;
        bottom: 70px
    }

    .offset-md-1 {
        margin-left: 1%
    }
}

@media screen and (max-width:820px) {
    .purva-slider {
        margin-top: 0;
        top: auto;
        bottom: 70px
    }
}

@media screen and (max-width:780px) {
    .purva-slider {
        margin-top: 0;
        top: auto;
        bottom: 100px
    }
}

@media screen and (max-width:767px) {

    .mr-xs-0,
    .mrl-xs-0 {
        margin-right: 0 !important
    }

    .ml-xs-0,
    .mrl-xs-0 {
        margin-left: 0 !important
    }

    body {
        text-align: center
    }

    .h1,
    h1 {
        font-size: 2.65rem
    }

    .cbp-l-project-title,
    .main-title.style-two h2,
    h2 {
        font-size: 2.2rem
    }

    h3 {
        font-size: 1.375rem
    }

    h4 {
        font-size: 1.115rem
    }

    .slider-social i.font-16,
    p {
        font-size: 14px
    }

    .logo {
        max-width: 120px
    }

    .side-menu {
        width: 380px
    }

    .contact-box,
    .pricing-padding,
    .section-padding,
    section {
        padding: 4.5rem 0
    }

    .awaza,
    .d-xs-none {
        display: none !important
    }

    .d-xs-block {
        display: inline-block !important
    }

    .mt-xs-0,
    .mt-xs-4rem {
        margin-top: 0 !important
    }

    .mt-xs-40px {
        margin-top: 40px
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important
    }

    .mb-xs-2rem {
        margin-bottom: 2rem !important
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .m-xs-0 {
        margin: 0 !important
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important
    }

    .pt-xs-25px {
        padding-top: 25px
    }

    .pt-xs-0 {
        padding: 0 !important
    }

    .pb-xs-0 {
        padding-bottom: 0 !important
    }

    .pr-xs-0 {
        padding-right: 0 !important
    }

    .pl-xs-0 {
        padding-left: 0 !important
    }

    .price-item {
        padding: 2rem 2rem 3rem
    }

    .text-xs-center {
        text-align: center !important
    }

    .btn-setting {
        font-size: 13px;
        padding: 8px 28px
    }

    .w-xs-50 {
        width: 50%
    }

    .split-container-setting,
    .split-container-setting.style-three,
    .split-container-setting.style-two {
        max-width: 540px;
        padding: 4.5rem 0
    }

    .main-title {
        margin-bottom: 2.5rem
    }

    .cbp-l-project-title,
    .main-title h2 {
        margin-bottom: 1.2rem
    }

    .order-xs-2 {
        order: 2
    }

    .footer-icons li a {
        height: 45px;
        width: 45px;
        font-size: 16px;
        line-height: 50px
    }

    .price-transform {
        transform: translateY(0)
    }

    .contact-transform {
        transform: translateY(-50%)
    }

    .brand-transform-padding {
        padding: 0 0 490px
    }

    .footer-transform-padding {
        padding: 490px 0 0
    }

    .quarter-circle {
        width: 100px;
        height: 100px
    }

    .logo-full {
        display: inline-block;
        width: 150px
    }

    .icon-box-large {
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

    .slider-social .icon-box-large span {
        width: 30px;
        height: 30px
    }

    .slider-social .icon-box-large i,
    .slider-social .icon-box-small i {
        line-height: 30px
    }

    .icon-box-large-two {
        width: 60px;
        height: 60px
    }

    .slider-social .icon-box-large-two span {
        width: 45px;
        height: 45px
    }

    .slider-social .icon-box-large-two i {
        line-height: 45px
    }

    .slider-social i {
        font-size: 16px
    }

    .icon-box-small {
        width: 40px;
        height: 40px;
        border-radius: 50%
    }

    .slider-social .icon-box-small span {
        border-radius: 50%;
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width:575px) {
    .side-menu .inner-wrapper {
        padding: 2.5rem 5rem 3.5rem
    }

    .loading {
        top: 46%;
        left: 46%
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }

    .main-title h5 {
        line-height: 1;
        margin-bottom: 1rem
    }

    .loader-box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-template-columns: 33% 33% 33%;
        grid-gap: 2px;
        height: 70px;
        margin: 0 auto 45px;
        width: 70px
    }
}

@media screen and (max-width:480px) {
    .side-menu {
        width: 370px
    }

    .purva-slider {
        margin-top: -7rem
    }

    .purva-slider img {
        width: 100% !important;
        height: auto !important
    }
}

@media screen and (max-width:390px) {
    .purva-slider {
        bottom: 50px
    }
}


.featuretext {
    text-decoration: none !important;
}

.sectionParaCarousel {
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
}

html {
    scroll-behavior: smooth;
}


@media (min-width:320px) and (max-width:767px) {

    .csrBotImage {
        margin-left: 2% !important;
    }

    body.csrPage .stepsgroup .margin-negative-top {
        margin-top: -5px !important;
    }

    body.csrPage .stepsgroup .mt-4 {
        margin-top: 10px !important;
    }

    .implementation-card p {
        text-align: center;
    }

    .implementation-card img {
        max-width: 200px;
        /* margin-bottom: 20px; */
    }

    .implementation-card .implementationParasection {
        height: auto !important;
        margin-top: 20px;
        padding: 10px;
    }

    .navbar-collapse {
        background-color: #1b2e34;
        padding: 10px;
    }

    .navbar-toggler-icon .fa.fa-bars {
        color: #fff;
    }

    .navbar-toggler {
        border: 1px solid #Fff;
    }

    .navbar-toggler-icon {
        height: 0%;
        padding: 3px;
    }


    .powerkeybg {
        display: none;
    }

    /* #home .line-container{
        height: 80vh !important;
    } */

    .csrPage .communitySection p {

        margin-bottom: 18px;
    }

    .esgSectionOfferings .featurecarousel{
       justify-content: center;
    }

    .esgRow{
        display: inline-block !important;
    }

    .esgRow .featurehead {
        height: auto;
    }

    .esgCol{
        display: flex;
        justify-content: center;
    }

    .esgRow ul {
    padding: 20px;
    margin: 0px 20px;
}
}

@media (min-width:412px) and (max-width:415px) {
    #home .line-container {
        height: 75vh !important;
    }
}

.area-para p {
    color: #fff;
    text-align: center;
}

.focusPara {
    padding-left: 30px;
}

.owl-logos img {
    width: 70% !important;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn;
}

.featuredheader h5 {
    line-height: 1.5;
    color: #fff;
}

.featurebody p {
    color: #fff;
}


.featureImage {
    /* background-color: #fbeef6;
    border-radius: 50%; */
    /* width: 200px; */
    /* height: 150px; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.featureImage img {
    aspect-ratio: 3/2;
    width: 100% !important;
    object-fit: contain;
}

.carousel-item-para {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-item-para .greencontact {
    font-size: 50px;
}

.carousel-item-para .white-word {
    color: #dd449e;
    font-size: 30px;
}

@media(min-width:320px) and (max-width:767px) {
    .mobile-area {
        display: block !important;
    }

    .desktop-area {
        display: none;
    }
}

@media (min-width:1200px) {
    .mobile-area {
        display: none;
    }
}

.position-relative {
    position: relative;
}

.missionImg {
    position: absolute;
    right: calc(100% - 337px);
    top: 34px;
    max-width: 500px;
}

#product {
    background-image: url(../img/newimages/dots\ -\ ai.png);
    width: 100%;
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;
    height: 620px;
}

#contacts {
    background-image: url(../img/newimages/dots\ -\ ai.png);
    width: 100%;
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;

}

.section#testimonialSection {
    background-image: url(../img/newimages/teambg.png) !important;
    width: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

}

.section#testimonialSection .testimonial-section {
    background-image: url(../img/newimages/shital.png);
    margin-left: 22px;
    margin-right: 22px;
    width: 100%;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.section#testimonialSection .testimonial-section .content,
.section#testimonialSection .testimonial-section .testimonial-body {
    text-align: right;
}

.section#testimonialSection .testimonial-section .dropdown-divider {
    margin-left: auto;
    width: 30%;
}

.testimonalImage {
    position: absolute;
    right: 291px;
    width: 100%;
    height: 360px;
}

.testimonalImage img {
    width: 363px;
    height: 360px;
    max-width: fit-content;
}

.mainTestiomonalImage .circleImage img {
    max-width: 100px;
}

.mainTestiomonalImage .firstSectionImg {
    position: absolute;
    top: -53px;
    left: -158px;
}

.mainTestiomonalImage .secondSectionImg {
    position: absolute;
    top: 42px;
    left: -85px;
}

.mainTestiomonalImage .thirdSectionImg {

    position: absolute;
    top: 196px;
    left: -158px;

}

#sync2 .current .item.firstSectionImg {
    left: -151px !important;
}

.mainTestiomonalImage .fourthSectionImg {
    position: absolute;
    top: 263px;
    left: -335px;

}

.container-areagrid {
    display: grid;
    height: 100vh;
    place-items: center;
    overflow: hidden;
    /* background-color: black; */
    --circleDiameter: 470px;
    --planets: calc(var(--circleDiameter) / 5)
}

.hero-circle {
    position: relative;
    width: var(--circleDiameter);
    height: var(--circleDiameter)
}

.inner-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
    /* width: 90px;
    height: 90px; */
}

.hero-rotate {
    position: relative;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    /* border: 7px solid white; */
    border-radius: 100%;
    animation: rotate 30s linear infinite;
    transition: 'transform 1s ease';
}

.heroclockwise {
    animation: rotate 30s linear infinite;
}

.heroanticlockwise {
    animation: rotate-anticlock 30s linear infinite;
}


.planet {
    position: absolute;
    /* width: var(--planets); */
    width: 130px;
    aspect-ratio: 1;
    border-radius: 100%;
    animation: maintain 30s linear infinite;
    transition: 'transform 1s ease';
}

.planetclockwise {
    animation: maintain 30s linear infinite;

}

.planetanticlockwise {
    animation: maintain-anticlock 30s linear infinite;
}

.hero-circle .greencontact {
    /* color: #fff; */
    font-size: 45px;
}


.planet:nth-child(1) {
    top: calc(-1 * var(--planets) / 2);
    left: calc(var(--circleDiameter)/ 2 - var(--planets) / 2 - 5px)
}

.planet:nth-child(2) {
    top: calc(var(--circleDiameter)/ 2 - var(--planets) / 2 - 75px);
    right: calc(-1 * var(--planets) / 2);
}

.planet:nth-child(3) {
    top: calc(var(--circleDiameter)/ 2 - var(--planets) / 2 - 75px);
    left: calc(-1 * var(--planets) / 2);
}

.planet:nth-child(4) {
    left: calc(var(--circleDiameter)/ 2 - var(--planets) / 2 - 140px);
    /* bottom: calc(-1 * var(--planets) / 15); */
    bottom: 10px;
}

.planet:nth-child(5) {
    left: calc(var(--circleDiameter) / 2 - var(--planets) / 2 - -140px);
    /* bottom: calc(-1* var(--planets) / 3); */
    bottom: 10px;
}

.planet>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border: 5px solid white; */
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    animation: scale 1s linear infinite alternate;
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes maintain {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate-anticlock {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes maintain-anticlock {
    0% {
        transform: rotate(-360deg);
    }

    100% {
        transform: rotate(0);
    }
}

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

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

#testimonial-carousel .carousel-item,
.carousel-main-section .carousel-item {
    background-image: url(../img/newimages/ecosystem-bg.png);
    background-position: center !important;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 22px;

}

.boostSection #testimonial-carousel .carousel-item,
.boostSection .carousel-main-section .carousel-item {
    background-image: none !important;
}

/* .boostSection .card-body{
    padding-top: 0%;
    padding-bottom: 0%;
} */

.csrPage #testimonial-carousel .carousel-item {
    background-image: none !important;
}

.carousel-inner .testimonial {
    padding: 67px;
}

#testimonial-carousel .content,
.carousel-main-section .content {
    text-align: right !important;
}

#testimonial-carousel .testimonial-body,
.carousel-main-section .testimonial-body {
    text-align: right;
}

#testimonial-carousel #carousel-indicators,
.carousel-main-section #carousel-indicators {
    display: inline-block !important;
}


#testimonialSectionfeature .featurecarousel {
    overflow: hidden;
}

#testimonialSectionfeature .featurebody {
    padding: 0rem 9px 0 !important;
    height: 80px;
}

#testimonialSectionfeature .featuredheader h5 {

    height: 20px;
}

#testimonialSectionfeature .featurecarousel .close {
    position: relative;
}


#testimonialSectionfeature .featurecards {
    cursor: pointer;
}

#testimonialSectionfeature .modal-header {
    border-color: transparent;
    padding-top: 10px !important;
    padding: 0px 1rem;
}

#testimonialSectionfeature .modal h5 {
    color: #121785 !important;
    line-height: 1.2;
    font-weight: 500;
}

#testimonialSectionfeature .modal p {
    color: #121785 !important;

    font-weight: 400;
}

#testimonialSectionfeature .borderimage {
    border: 1px solid #d54299;
    border-radius: 10px;
    padding: 6px;
}

#testimonialSectionfeature .modal-body,
#testimonialSectionfeature .modal-header {
    background-color: #f7f7f7;
}

/* section#testimonialSectionfeature{
    background-image: url(../img/newimages/dots-implementation.png) !important;
    background-position: center !important;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat;
} */

#contacts .greencontact {
    font-size: 40px !important;
}

.whattext {
    font-size: 40px;
    margin-bottom: 18px;
}

.footer.with-background {
    background-color: #00041c !important;
    background-image: url(../img/newimages/footerbg.png) !important;
    padding: 4rem 8%;
    padding-bottom: 0px !important;
}

.csrPage .footer.with-background {
    background-image: url(../img/newimages/footercsrbg.png) !important;
}

.footer .greenfollows {
    color: #fff;
    text-align: left;
    font-size: 43px !important;
    margin-bottom: 35px;
}

.border-bottom-divider {
    border: 2px solid #fff;
    width: 70%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-bot {
    width: 120px !important;
    height: 120px !important;
    left: auto !important;
    right: 33px;
    margin-top: -77px !important;
}

.carousel-product {
    /* margin-left: -130px; */
    margin-left: 15px;
}

.footerbg {
    clip-path: polygon(100% 0%, 0% 100%, 100% 99.5%);
}

#testimonial-carousel .testimonial-body {
    /* white-space: break-spaces; */
}

.carousel-control-next img,
.carousel-control-prev img {
    max-width: 180px;
}

.navbar-top-default .navbar-nav .active-item .nav-link {
    color: #A1A5FF !important;

}

.navbar-top-default .navbar-nav .active-item .nav-link:hover {
    color: #dd449e !important;
}

/* .csrPage #wholesection>div,
.csrPage .section.stay-tuned>div,
.csrPage #testimonialSectionfeature>div{
 border-left-color: transparent !important ;
} */

.csrPage .greencontact {
    font-size: 37px;
}

.csrPage {
    background-image: url(../img/HomepageBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: bottom;
}

.csrPage section.stay-tuned {
    background: #1c234952 !important;
}

.csrPage .footer.with-background {
    background-color: #1c234952 !important;
}

.csrPage .bottom-nav {
    background-color: #0a0e2a !important;
}

.csrPage .subheading {
    font-size: 27px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
}

/* .csrPage .border-dash-border{
    border-bottom: 2px dashed #fff;
margin-top: 10px;
width: 65%;
} */

.csrPage .csrmainImageCircle {
    width: 100%;
}

.csrPage .csrmainImageCircle.csrmainCircle {
    max-width: 310px;
}

.csrPage .csrMainText {
    font-size: 17px;
    line-height: 27px;
}


.csrPage .ml-2rem {
    margin-left: 2rem;
}

.csrPage .csrImage {
    width: 50%;
}

.csrPage .communitySection h4 {
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
    color: #dd449e;
}

.csrPage .communitySection img {
    max-width: 110px;

}

.csrPage .communityEngagementSection img {
    /* max-width: 140px; */
    width: 70% !important;
    cursor: pointer;
}

.stepsgroup img {
    width: 80% !important;
    cursor: pointer;
}

.csrPage .communityEngagementSection p {
    color: #fff;
    text-align: center;
}

.csrPage .bg-purple {
    background-color: #464ffe;
    border-radius: 14px;
    margin-right: -13px;
    visibility: hidden;
}

.csrPage .communityCard:hover .bg-purple {
    visibility: visible !important;
    cursor: pointer;
}

.csrPage .communityEngagementSection .z-999 {
    z-index: 1;
}

.csrPage .communityEngagementSection .rightsideSection .bg-purple {
    margin-left: -13px;
}

.csrPage .bg-purple .text-paraSection {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.csrPage .benefits_vitalSection img {
    width: 75% !important;
}

.csrPage .rightsideSection .text-right {
    text-align: right;
}

.csrPage .communitySectionKey .margin-negative-top {
    margin-top: -100px;
}

.csrPage .stepsgroup .margin-negative-top {
    margin-top: -23px !important;
}

.csrPage .communitySectionKey .bg-information {
    background-image: url(../img/newimages/csrimages/informationdis_key.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
}

#benefits_vitalSection p {
    /* color: #f86cd0 !important; */
    font-size: 23px;
    line-height: 36px;
    border-bottom: 2px dashed #fff !important;
    padding-bottom: 20px;
}

.csrPage .communitySection p {
    color: #fff;
    text-align: center;
}

.csrPage .powerkeybg {
    position: absolute;
    max-width: 110px;
    left: 10%;

}

/* .owl-item,
.item {
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
} */

/* #sync2 .current .item {
    transform: translate(-50%, -50%) rotate(-40deg);
    transition-duration: 1000ms;
    transition-property: transform;
    transition-timing-function: ease-out;
    pointer-events: none;
    user-select: none;
} */

/* e */
/* 
.circleImage .item::after,
.circleImage .item>img {
    animation: m 8s infinite cubic-bezier(.5, -0.2, .5, 1.2);
}

.circleImage .item>img:nth-child(2) {
    animation-delay: -2s
}

.circleImage .item>img:nth-child(3) {
    animation-delay: -4s
}

.circleImage .item>img:nth-child(4) {
    animation-delay: -6s
}

@keyframes m {

    0%,
    3% {
        transform: rotate(0)
    }

    22%,
    27% {
        transform: rotate(-90deg)
    }

    47%,
    52% {
        transform: rotate(-180deg)
    }

    72%,
    77% {
        transform: rotate(-270deg)
    }

    98%,
    100% {
        transform: rotate(-360deg)
    }
} */

/* @-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
} */

/* #sync1 {
    transition: transform 0.3s ease;
} */

@media (min-width:1440px) and (max-width:1540px) {
    .carousel-inner .testimonial {
        padding: 98px !important;
    }

    #product {
        height: 625px !important;
    }
}

@media (min-width:320px) and (max-width:768px) {
    .missionImg {
        position: static;
        max-width: -webkit-fill-available;
    }

    .circle {
        width: 50px !important;
        height: 50px !important;
    }

    #testimonial-carousel .carousel-item,
    .carousel-main-section .carousel-item {
        background-image: none !important;
    }

    .carousel-inner .testimonial {
        padding: 0%;
    }

    #testimonial-carousel .testimonial-body,
    #testimonial-carousel .content,
    .carousel-main-section .testimonial-body,
    .carousel-main-section .content {
        text-align: center;
    }

    #testimonialSectionfeature .featureImage {
        width: 230px;
        height: auto;
    }

    #contacts .greencontact {
        font-size: 30px !important;
    }

    .footer .footer-icons {
        text-align: center !important;
    }

    .footer .greenfollows {
        text-align: center !important;
        font-size: 30px !important;
        margin-bottom: 2px !important;
    }

    .container-footer {
        padding-top: 50px;
    }

    .areafocusSection img {
        max-width: 100px;
    }



    #ourfocusSection .greencontact {
        display: flex;
        gap: 10px;
    }

    #testimonialSectionfeature .borderimage,
    #testimonialSectionfeature .modal p {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .modal .borderimage img {
        width: 11.875rem !important;
    }

    #product {
        height: auto !important;
    }

    .col-left-product {
        display: none;
    }

    .carousel-product {
        margin-left: 0% !important;
    }

    .circle.circle-mainBot {
        display: none !important;
    }

    .circle-mobilebot {
        display: block !important;
        left: 15px !important;
        top: 75px !important;
        z-index: 9 !important;
    }

    section#testimonialSectionfeature.section {
        background-image: none !important;
    }



    .container-areagrid {
        height: 75vh;
    }

    .csrPage .greencontact {
        font-size: 29px !important;
        margin-top: 20px;
        margin-left: 2px !important;
    }

    .csrPage .ml-2rem {
        margin-left: 0% !important;
    }

    .csrPage .csrImage,
    .csrPage .benefits_vitalSection img {
        width: 100% !important;
    }

    .csrPage .communityEngagementSection img {
        width: 100% !important;
        cursor: pointer;
        margin-bottom: 15px;
        margin-top: 13px;
    }

    .keyClimateSection img{
         margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .csrPage .communitySectionKey .margin-negative-top {
        margin-top: -21px !important;
    }

    .communityMobileEnagagement {
        display: block !important;
    }

    .communityDesktopEnagagement {
        display: none !important;
    }

    .csrFirstSection .csrBotImage .csrmainImageCircle {
        width: 50% !important;
    }

    .implementation-card img.w-100 {
        width: 40% !important;
        margin-bottom: 20px;
    }

    .navbar-toggler {
        border: 1px solid #Fff;
    }

    .navbar-toggler-icon .fa.fa-bars {
        color: #fff;
    }

    .navbar-collapse {
        background-color: #1b2e34;
        padding: 10px;
    }

    .stepsgroup img {
        width: 100% !important;
    }

}

@media(min-width:320px) and (max-width:767px) {

    .csrPage .footer.with-background {
        background-image: none !important;
        background-color: #d54299 !important;
    }

    .container-areagrid {
        display: none;

    }

    section#testimonialSectionfeature.section {
        background-image: none !important;
    }

    .section#testimonialSectionfeature .introTitle {
        line-height: normal !important;
    }

    .circle-mainBot {
        display: none !important;
    }

    .circle-mobilebot {
        display: block !important;
        left: 0px !important;
        top: 75px !important;
        z-index: 9 !important;
    }

    .section#product.stay-tuned>div.container-fluid {
        border-left: 2px solid #444cfc !important;
        border-color: #444cfc !important;
    }

    .spacingtopmobile {
        margin-top: 0% !important;
    }

    #testimonial-carousel .carousel-item,
    .carousel-main-section .carousel-item {
        margin-bottom: 0px !important;
    }

    #Wisdomnext,
    #Wisdomprev {
        width: 120px !important;
    }

    .blackAi,
    .blackheading,
    .greencontact {
        margin-left: 0% !important;
    }

    .areamobilefocusSection {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .footer.with-background {
        background-color: #d54299 !important;
        background-image: none !important;
        padding-bottom: 30px !important;
        padding-top: 0px;
        margin-top: 15px;
    }

    .csrPage .footer.with-background {
        margin-top: 0% !important;
    }

    #testimonial-carousel .testimonal-para.mb-5,
    .carousel-main-section .testimonial-para.mb-5 {
        margin-bottom: 10px !important;
    }

    #testimonial-carousel .green-network-names,
    .carousel-main-section .green-network-names {
        line-height: normal !important;
    }

    .whySection p {
        display: block !important;
        margin-bottom: 10px;
    }

    .whySection .pl-0 {
        padding-left: 15px !important;
    }

    .csrPage .circle {
        width: 30px !important;
        height: 30px !important;
        left: 4px !important;
        display: none !important;
    }


    .csrPage .csrmainImageCircle {

        margin-top: 30px;
    }

    .csrPage .csrFirstSection p {
        margin-top: 20px;
    }

    .benefits_vitalSection {
        margin-top: 3px !important;
    }

    .csrPage .benefits_vitalSection img {
        margin-top: 20px;
    }

    #benefits_vitalSection p {
        text-align: center !important;
    }

    .implementation-card .reckit-logo {
        max-width: 100px !important;
    }

    .stepsgroup img {
        width: 100% !important;
    }

    .boostSection .carousel-inner {
        margin-left: 0% !important;
    }

    #boostBusiness {
        height: 600px !important;
    }

    .boostSection .card {
        padding-left: 10px;
        padding-right: 10px;
    }

    .boostSection .implementation-card img.w-100 {
        margin-bottom: 0% !important;
    }

    #investcontact.contact-mainsection .btn-primary,
    #investcontact.contact-mainsection .btn-primary:hover,
    #investcontact.contact-mainsection .btn-primary:focus {
        width: 100% !important;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .container-areamobilegrid {
        display: none;
    }

    .container-footer {
        padding-top: 70px !important;

    }

    .blackAi,
    .greencontact {
        font-size: 42px !important;
        line-height: 50px !important;
    }

    #testimonial-carousel .testimonial-body,
    #testimonial-carousel .content,
    .carousel-main-section .testimonial-body,
    .carousel-main-section .content {
        text-align: left;
    }

    #home .line-container {
        height: 40vh !important;
    }

    .csrPage .csrmainImageCircle {

        margin-top: 30px;
        width: 60% !important;
    }

    .powerkeybg {
        display: none;
    }


    .csrPage .benefits_vitalSection img {
        width: 60% !important;
        margin-top: 20px;
    }

    .csrPage .benefits_vitalSection {
        margin-top: 3px !important;
    }

    .boostSection .carousel-inner {
        margin-left: 0% !important;
    }

    #boostBusiness {
        height: auto !important;
    }

     .navbar-collapse {
        background-color: #1b2e34;
        padding: 10px;
    }

    .navbar-toggler-icon .fa.fa-bars {
        color: #fff;
    }

    .navbar-toggler {
        border: 1px solid #Fff;
    }

    .navbar-toggler-icon {
        height: 0%;
        padding: 3px;
    }


}

@media (min-width:1200px) {
    .container-areamobilegrid {
        display: none;
    }

    .section#product.stay-tuned>div.container-fluid {
        /* border-color: transparent !important; */
        height: 100%;
    }

  
}

.carousel-control-next,
.carousel-control-prev {
    opacity: .7;
}

.carouselRightSect.owl-carousel .owl-stage-outer {
    overflow: inherit;
}

.col-left-product .circle-carousel .item.active img {
    transform: rotate(450deg);

}

.col-left-product .circle-carousel .item.active .dot {
    background-color: #121785 !important;
}

.circle-mainBot {
    left: 108px;
    z-index: 99;
    top: 120px;
    position: absolute;
}

.csrPage .circle-mainBot {
    left: 98px;
    z-index: 99;
    top: 110px;
    position: absolute;
}



.circle-mainBot,
.circle.circle-bot {
    /* width: 100%; */
    /* height: 14px;
    background-color: #fff; */
    background: url(../img/newimages/robotmain.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    /* border: none;
    margin: 0 */
}

.responsibleDesc {
    transition: opacity 1.0s ease-in-out;
    /* margin-bottom: 5rem */
}

#product .introTitle {
    margin-top: 55px;
}



@media(min-width:1680px) and (max-width:1690px) {
    #product {
        height: 625px !important;
    }

    .carousel-inner .testimonial {
        padding: 117px;
    }
}

@media (min-width:1920px) and (max-width:1930px) {
    .carousel-inner .testimonial {
        padding: 150px;
    }

    #product {
        height: 660px !important;
    }
}

@media (min-width:1700px) and (max-width:1900px) {
    .carousel-inner .testimonial {
        padding: 122px !important;
        padding-bottom: 110px !important;

    }

    /* #testimonial-carousel .carousel-item{
background-size: cover;
    } */


    #product {
        height: 614px;
    }

}

@media (min-width:1800px) and (max-width:1820px) {
    .carousel-inner .testimonial {
        padding: 130px !important;
        padding-bottom: 126px !important;


    }
}

@media (min-width:1024px) and (max-width:1030px) {
    #product {
        height: 590px !important;
    }

    #wholesection>div,
    .section.stay-tuned>div,
    #testimonialSectionfeature>div {
        height: 100%;
    }

    .carousel-inner .testimonial {
        padding: 0%;
    }

    #testimonial-carousel .carousel-item,
    .carousel-main-section .carousel-item {
        background-image: none;
    }

    .footer .greenfollows {
        font-size: 38px !important;
    }

    .container-areagrid {
        height: 55vh;
    }
}

@media (min-width:820px) and (max-width:920px) {
    .circle-mobilebot {
        display: block !important;
        left: 15px !important;
        top: 75px !important;
        z-index: 9 !important;
    }

    .circle.circle-mainBot {
        display: none;
    }

    .circle {
        width: 50px !important;
        height: 50px !important;
    }

    .circle-carousel {
        display: none;
    }

    #product {
        height: auto !important;
    }

    .container-areagrid {
        height: 65vh;
    }

    #testimonial-carousel .carousel-item,
    .carousel-main-section .carousel-item {
        background-image: none;
    }

    .carousel-inner .testimonial {
        padding: 0%;
    }

    .footer .greenfollows {
        font-size: 30px !important;
    }
}

@media (min-width:1000px) and (max-width:1300px){
      .black.navbar-top-default .navbar-nav .nav-link {
      font-size: 14px !important;
          margin-right: 0rem !important;

    }
}

.whySection img {
    max-width: 100px;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid #444cfc;
}

.whySection p {
    display: none;
    text-align: center;
}

.whySection .whysubSection:hover p {
    display: block !important;
    cursor: pointer;
}

.enables .whySection p {
    text-align: center !important;
    line-height: 27px;
    font-size: 16px;
    margin-top: 6px;
}

.subAboutHeading {
    font-size: 30px !important;
    font-weight: 700 !important;
}

.csrBotImage {
    position: absolute;
    margin-top: -9%;
    margin-left: 11%;

}

.csrBotImage .csrmainImageCircle {
    width: 50% !important;
}

.communitySection .communityParaSection {
    display: none;
}

.communitySection .communityOnHover:hover .communityParaSection {
    display: block !important;
}

.communityOnHover img {
    cursor: pointer;
}

.implementation-card .card {
    background-color: transparent;
    border: 1px dashed #fff;
}

.implementation-card .reckit-logo {
    max-width: 140px;
    margin-top: 10px;
}

.implementationParasection p {
    font-size: 16px !important;
}

.implementation-card .implementationParasection {
    height: 60%;
}

.implementation-card img.w-100 {
    border-radius: 14px;
}

#boostBusiness {
    background-image: url(../img/newimages/dots\ -\ ai.png);
    width: 100%;
    background-position: top;
    background-size: auto;
    background-repeat: no-repeat;
    height: 500px;
}

.boostSection .carousel-inner {
    margin-left: 27px;
}

.healthcare-card .healthCareCarousel {
    max-width: 140px;
        background-color: #5f65d8;
    padding: 17px;
}

.healthCareBg{
    background-image: url(../img/newimages/healthcare/healthcare.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.esgBg{
    background-image: url(../img/newimages/esg/esgBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 350px;
     display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.InsuranceBg{
    background-image: url(../img/newimages/insurance/insuranceBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 350px;
     display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.ClimateBg{
background-image: url(../img/newimages/climate/climateBg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 350px;
     display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.healthPage,
.esgPage{
    background-image: none !important;
}

.esgRow{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.esgRow .featureImage img{
    aspect-ratio: initial;
}

.esgRow ul li{
    color: #01051c;
}

.esgRow ul{
    list-style: circle;
}

.commonTextBg p,
.commonTextBg h5{
    color: #fff;
    text-align: left;
}

.commonTextBg p{
  font-size: 30px;
  line-height: 30px;
}

.commonTextBg h5{
    font-size: 35px;
    font-weight: bold;
}

.commonTextBg .border-bottom-dash{
    border-bottom: 2px dashed #fff;
    width: 40%;
    margin-top: 10px;
}

.climatePage .healthcare-card .healthCareCarousel{
    background-color: transparent !important;
    max-width: 230px !important;
}

.climatePage .implementation-card .card{
    border-color: transparent !important;
}

.climatePage .carousel-control-next, 
.climatePage .carousel-control-prev {
    top: 450px;
}