/*!
Theme Name: ist-wp
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ist
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ist is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/ @import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
.content-gen-head h2, .content-gen-head h3 {
    margin: 0 0 28px;
    line-height: 1;
    text-transform: uppercase
}
.case-inner-tab, .ceo-message, .cis-box .cis-desc, .content-gen-head, .cs-social, .egis-box .box-desc h3, .glob-stats ul li, .leader-ship .leader-title, .ps-box, .s-product, .single-nr .nr-desc h3, .single-val {
    text-align: center
}
.ceo-message h2, .content-gen-head h2, .content-gen-head h3, .content-gen-head h4, .intro-img h2, .leader-ship .leader-title, .s-event .event-desc h4, .sliderTab .nav-item .nav-link p, footer .navbar-expand .navbar-nav .nav-link {
    text-transform: uppercase
}

.cursor {
    width: 30px;
    height: 30px;
    background: rgba(110, 92, 206, .35);
    filter: blur(20px);
    position: fixed;
    transform: translate(-50%, -50%);
    transition: transform .1s ease-out;
    z-index: 0
}
body {
    min-height: 100vh;
    background: #000;
    background: linear-gradient(180deg, #000 0, #0b1531 100%) no-repeat;
    font-family: Inter, sans-serif;
    font-size: 16px;
    color: #fff;
    overflow-y: scroll;
	overflow-x: hidden;
}
.bg-darkblack, .simple-bg {
    background: #0c0f17
}
body::-webkit-scrollbar {
    width: 8px;
    background-color: #0b1531
}
body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #000
}
body::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #0b1531
}
.homePage main:before {
    content: '';
    position: fixed;
    left: calc(100% - 240px);
    height: 75vh;
    width: 440px;
    top: 25%;
    transform: translateY(-25%);
    background: #4972c2;
    filter: blur(500px);
    margin: 0 auto;
    border-radius: 1065px;
    z-index: 0
}
.navbar-brand img {
    max-height: 35px
}
.navbar-brand img.tick-mark {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}
.navbar-brand span {
    display: inline-block
}
.navbar-brand span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url('images/logo-texture.png') 0 0/cover no-repeat
}
.progressBarContainer {
    position: absolute;
    bottom: 40px;
    width: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-right: 30px
}
.banner-section, .case-panels > .row, .messageBy, .products, .right-shadow, .robot-intro .row, .s-product, header .main-menu .navbar-nav .nav-item, section {
    position: relative
}
.progressBarContainer div {
    display: block;
    width: 30px;
    padding: 0;
    cursor: pointer;
    color: #fff
}
.progressBarContainer div:last-child {
    margin-right: 0
}
.progressBarContainer div span.progressBar {
    width: 100%;
    height: 6px;
    background-color: rgb(217 217 217 / 40%);
    display: block;
    border-radius: 44px;
    overflow: hidden
}
.progressBarContainer div span.progressBar .inProgress {
    background-color: #d9d9d9;
    width: 0%;
    height: 100%
}
section {
    padding: 40px 0;
    z-index: 9
}
.homePage section {
    padding: 80px 0
}
.content-gen-head h2 {
    font-size: 30px
}
.content-gen-head h3 {
    font-size: 24px
}
.content-gen-head p, .text-dim {
    color: #bdbdbd;
    line-height: 28px;
    margin: 0;
    font-size: 18px;
    opacity: 50%
}
.lh-40 {
    line-height: 40px !important
}
.bordered-item {
    border-top: 1px solid #515966;
    border-bottom: 1px solid #515966
}
.content-gen-head p.extra-height {
    line-height: 48px
}
.content-gen-head p.extra-height-1 {
    line-height: 38px
}
.content-gen-head p.gray {
    color: #dcdcdc;
    opacity: 1
}
.content-gen-head ul.gray {
    color: #dcdcdc
}
.content-gen-head ul {
    padding-inline-start: 20px
}
.fs-12 {
    font-size: 12px !important
}
.fs-16 {
    font-size: 16px !important
}
header {
    background: #101010;
    z-index: 25;
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}
header .navbar-nav {
    width: 100%;
    justify-content: center;
    gap: 12px
}
header .navbar-nav .nav-link {
    padding: 5px 12px !important;
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    transition: .25s ease-in;
    position: relative;
    z-index: 1
}
.homePage section:not(.overview), footer {
    z-index: 9
}
header .navbar-nav .nav-link.dropdown-toggle:after {
    border: 0;
    width: 5px;
    height: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(45deg);
    margin: 0 0 0 5px
}
.newslatter p.carerr-link a, .text-sea-green, header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show, header .navbar-nav .nav-link:hover {
    color: #00f0fd
}
header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 75px;
    border-radius: 0;
    background-color: #101010;
    height: 470px;
    padding: 0;
    margin: 0;
    max-height: 0;
    display: block;
    overflow: hidden;
    transition: .5s ease-in
}
header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu.show {
    max-height: 99vh
}
header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu .container {
    padding-top: 70px
}
header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu.about-menu {
    background-image: url('images/menu-bg-about.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 0
}
header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu.sol-menu {
    background-image: url('images/menu-bg-sol.png');
    background-repeat: no-repeat;
    background-position: right
}
header .dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-left: 2px solid rgba(255, 255, 255, .4);
    display: flex;
    flex-direction: column;
    gap: 0;
	/*display: grid;*/
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    grid-auto-rows: auto;
}
header .dropdown-menu ul .dropdown-item {
    font-size: 24px;
    color: #fff;
    height: 47px;
    transition: .3s linear
}
header .dropdown-menu ul .dropdown-item:hover {
    background: 0 0;
    font-size: 26px;
    color: #00f0fd
}
header .dropdown-menu ul.subinner-menu {
    border-left: 0;
    padding: .5rem 1rem
}
header .dropdown-menu ul.subinner-menu .sub-dropdown-item {
    font-size: 18px;
    color: #fff;
    padding: 7px 0;
    display: block;
    transition: .3s linear;
    height: 44px
}
header .dropdown-menu ul .sub-dropdown-item:hover {
    background: 0 0;
    font-size: 20px;
    color: #00f0fd
}
header .dropdown-menu ul.subinner-menu .sub-dropdown-item:before {
    content: '- '
}
header .main-menu .navbar-nav .nav-item:after, header .main-menu .navbar-nav .nav-item:before {
    content: '';
    border: 0 solid transparent;
    position: absolute;
    transition: .35s ease-in;
    width: 0;
    height: 0
}
header .main-menu .navbar-nav .nav-item:hover:after, header .main-menu .navbar-nav .nav-item:hover:before {
    width: 100%;
    height: 100%;
    border-image: linear-gradient(to right, #E57DFF, #00F0FD) 1
}
header .main-menu .navbar-nav .nav-item:after {
    right: 0;
    bottom: 0;
    border-bottom-width: 1px;
    border-right-width: 1px
}
header .main-menu .navbar-nav .nav-item:before {
    top: 0;
    left: 0;
    border-top-width: 1px;
    border-left-width: 1px
}
.banner-section {
    z-index: 9;
    background: #000
}
.banner-section .single-slide, .case-panels .img-section img, .case-slider .s-slide img, .news-panel .news-chanel .nav-tabs .nav-item, .search-panel .search-box .search-field, .tilt-slider .titl-slide img {
    width: 100%
}
.banner-section .single-slide img, .banner-section .single-slide video {
    width: 100%;
    height: 715px;
    object-fit: cover
}
.glob-stats ul {
    list-style: none;
    padding: 0;
    margin: 0 -30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 50px
}
.glob-stats ul li {
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0 33px
}
.glob-stats ul .stats-content {
    display: flex;
    flex-direction: column;
    gap: 14px
}
.glob-stats ul .stats-content .stat-desc h2 {
    font-size: 36px;
    font-weight: 700
}
.glob-stats ul .stats-content .stat-desc p {
    font-size: 20px;
    font-weight: 500;
    margin: 0
}
.glob-stats ul .stats-content .stat-imag {
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain
}
.glob-stats ul .stats-content .stat-imag img, .s-client img {
    max-width: 100%
}
.products {
    background: url('images/product-bg1.png') top no-repeat;
    padding-top: 177px
}
.navbar-brand.prod-logo {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin: 0;
    padding: 0
}
.right-shadow:before, body:not(.bg-darkblack) main:before {
    width: 440px;
    top: 50%;
    transform: translateY(-50%);
    filter: blur(1000px)
}
.navbar-brand.prod-logo img {
    max-height: 84px
}
.right-shadow {
    overflow: hidden
}
.right-shadow:before {
    content: '';
    position: absolute;
    right: -190px;
    height: 1065px;
    border-radius: 100%;
    background: #4972c2
}
.s-product {
    background: linear-gradient(180deg, #313a5b 0, rgba(49, 58, 91, 0) 100%);
    background-size: cover;
    border-radius: 15px;
    padding: 30px 20px 40px;
    z-index: 1;
    width: calc(100% - 2px);
    margin: .89px 0 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px
}
.prod-bg {
    position: absolute;
    left: -.89px;
    right: 0;
    top: -.89px;
    bottom: 0;
    border-radius: 15px;
    background: url('images/product-layer.png') no-repeat;
    z-index: 3;
    width: 100%;
    margin: 0 auto
}
.s-product .prod-head {
    height: 60px
}
.ps-box .box-img img, .s-product .prod-head img {
    max-width: 100%;
    max-height: 100%
}
.s-product .prod-body {
    flex: auto;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 22px
}
.s-product .prod-body p {
    margin: 0;
    color: #bdbdbd
}
.btn-round-white-light {
    border-color: #fff;
    border-radius: 100%;
    color: #fff;
    opacity: .5
}
.btn-round-white-light:hover, .single-val:hover .val-img img.with-hover, .team-members li:hover .team-f .team-desc, .vision-state:hover .avatar-list {
    opacity: 1
}
.s-product .prod-footer {
    padding-top: 10px
}
.s-product .prod-footer .btn {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    width: 43px;
    height: 43px;
    margin: 0 auto
}
.bg-section {
    background: radial-gradient(112.57% 137.02% at 98.68% 1.62%, #123961 6.83%, #04182b 81.43%);
    border: .6px solid #1d5e93;
    border-radius: 16px;
    overflow: hidden
}
.s-event {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-size: 16px
}
.s-event .event-img {
    width: 100%;
    height: 320px
}
.cis-box .cis-img img, .d-point .point-img img, .egis-box .box-img img, .gis-points .gis-img img, .hei-400 img, .intro-img img, .news-panel .news-chanel .nav-tabs .nav-link img, .s-event .event-img img, .s-ind .ind .ind-img img, .sliderTab .nav-item .nav-link img, .sn-slide .sn-img iframe, .sn-slide .sn-img img, .static-banner .banner-img img, .tab-group .s-tab .tab-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.s-event .event-desc {
    flex: auto;
    padding-left: 12px;
    padding-right: 34px
}
.s-event .event-footer {
    padding: 0 16px 30px
}
a {
    color: #0b8bf4;
    text-decoration: none
}
.content-gen-head h4 {
    font-size: 24px
}
.s-event .event-desc h4 {
    margin: 0 0 14px
}
.s-event .event-desc p {
    margin: 0;
    font-weight: 500;
    opacity: 60%;
    font-size: 16px
}
.slider-testi {
    padding: 42px 20px 92px
}
.single-testi .content-gen-head h6 {
    margin: 56px 0 0;
    font-size: 20px;
    font-weight: 500
}
.single-testi .content-gen-head p {
    color: #fff;
    opacity: 50%
}
.single-testi .content-gen-head p.authr-off {
    font-weight: 500
}
.arrow-btns .slick-arrow {
    position: absolute;
    bottom: 28px;
    right: 42px;
    color: #fff;
    font-size: 26px;
    padding: 5px;
    line-height: 1;
    z-index: 1
}
.arrow-btns .slick-arrow.slick-prev {
    right: 100px
}
.pill-paginate .slick-dots {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    margin: 0
}
.pill-paginate .slick-dots button {
    box-shadow: none;
    border: 0;
    font-size: 0;
    height: 9px;
    width: 20px;
    border-radius: 25px;
    padding: 0;
    background: rgb(221 221 221 / 30%);
    transition: .25s ease-in;
    cursor: pointer
}
.pill-paginate .slick-dots button:hover {
    background: rgb(221 221 221 / 50%)
}
.pill-paginate .slick-dots .slick-active button {
    width: 36px;
    background: #2c73b3
}
.bg-clients {
    background: url('images/clientBg.png') 0 0/cover no-repeat;
    padding: 60px 0;
    border-radius: 12px
}
.s-client, .s-partner {
    padding: 0 16px
}
section.partners {
    padding: 34px 0 58px;
    background: linear-gradient(90deg, #070d18 0, #1b172e 26%, #1d1a33 66%, #101a30 100%);
    margin: 40px 0
}
.ind-slider .slick-track, .news-panel, .owl-carousel .owl-stage, .testi-slider .slick-track {
    display: flex
}
.owl-carousel.owl-drag .owl-item {
    flex-grow: 1
}
.s-ind {
    padding: 0 12px;
    height: 100%
}
.s-ind .ind {
    position: relative;
    height: 100%;
    max-width: 307px;
    margin: 0 auto
}
.s-ind .ind .ind-img {
    width: 100%;
    height: 187px;
    border-radius: 18px;
    overflow: hidden
}
.s-ind .ind .ind-desc {
    position: relative;
    z-index: 1;
    padding: 18px 80px 18px 20px;
    background: linear-gradient(180deg, rgba(34, 40, 61, 0) -1.11%, rgba(34, 40, 61, .44) 23.83%, #22283d 99.56%);
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .26);
    backdrop-filter: blur(9.4px);
    min-height: 92px;
    margin-top: -27px;
    height: calc(100% - 160px);
    display: flex;
    flex-direction: column;
    justify-content: center
}
.s-ind .ind .ind-icon, .sli {
    display: flex;
    align-items: center
}
.s-ind .ind .ind-desc h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600
}
.s-ind .ind .ind-desc p {
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    padding: 18px 0 0;
    position: relative;
    background: url('images/iconBox-line.png') top no-repeat;
    color: rgba(255, 255, 255, .8)
}
.s-ind .ind .ind-icon {
    width: 60px;
    height: 60px;
    background: url('images/industry/iconBg.png') 0 0/contain no-repeat;
    justify-content: center;
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 122px
}
.s-ind .ind .ind-icon img {
    max-width: 32px;
    max-height: 32px
}
.sli {
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    justify-content: center;
    height: 178px;
    overflow: hidden
}
.sli .s-img {
    padding: 0 0 0 24px
}
.sli .s-img:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .4);
    padding-right: 24px
}
.sli .s-img:first-child {
    padding-left: 0
}
.animation {
    background: url('images/animated-bg.png') bottom/100% no-repeat;
    overflow: hidden;
    height: 110vh;
    position: relative
}
.animation .animated-container, .sliderTab .slick-track {
    transition: .75s
}
.animation .animated-container .hand {
    max-width: 51.5vw;
    z-index: 1;
    position: absolute;
    left: 55vw;
    top: -1vw;
    transform: rotate(-5deg);
    transition: 3s
}
.animation .animated-container .gif {
    position: absolute;
    z-index: 0;
    right: 35vw;
    top: 5.5vw;
    height: 23vw;
    transform: rotate(-5deg);
    transition: 3s
}
.btn-read:hover .stars, .career-header, .intro-img h2, .product-slider .gif-img .tick, .tab-group .s-tab h4 {
    transform: translate(-50%, -50%)
}
.animation.animation-end .animated-container {
    animation: 3s linear both rotateAndScaleOut
}
.animation.animation-start .animated-container {
    animation: 3.5s linear both rotateAndScale
}
.animation.animation-start .animated-container .gif {
    right: 40vw;
    top: 6vw;
    height: 39vw;
    width: 80vw;
    object-fit: cover
}
.animation.animation-start .animated-container .hand {
    left: 42vw;
    transform: rotate(0);
    max-width: 83vw
}
.testi-slider .slick-track .slick-slide {
    height: inherit
}
.search-panel {
    width: 75%;
    max-width: 930px;
    position: absolute;
    left: 40px;
    right: 0;
    top: 15px;
    border: 1px solid rgba(255, 255, 255, .3);
    background: #1b1d1d;
    border-radius: 8px;
    margin: 0 auto;
    z-index: 9999;
    padding: 10px 15px;
    display: none
}
.search-panel.active, .tab-group .s-tab.active .tab-bg, .world-map .pointer-gif.active {
    display: block
}
.search-panel .search-box {
    display: flex;
    align-items: center
}
.search-panel .search-box .search-action, .search-panel .search-sugg li {
    display: flex;
    align-items: center;
    gap: 16px
}
.search-panel .search-box .search-action .btn, .search-panel .search-sugg li .btn {
    padding: 0
}
.search-panel .search-box .search-action .btn img {
    max-width: 24px;
    max-height: 17px
}
.search-panel .search-box .search-field .form-control {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
    height: 20px
}
.search-panel .search-box .search-field .form-control::placeholder {
    color: rgba(255, 255, 255, .4)
}
.search-panel .search-sugg {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
    display: none
}
.search-panel .search-sugg li .btn img {
    max-height: 13px
}
.search-panel .search-sugg li p {
    margin: 0;
    color: rgba(255, 255, 255, .4)
}
@keyframes rotateAndScale {
    0% {
        transform: rotate(0) translate(0, 0)
    }
    25% {
        transform: rotate(2deg) translate(25%, 22%)
    }
    50% {
        transform: rotate(4deg) translate(45%, 40%)
    }
    100% {
        transform: rotate(5deg) scale(1.03) translate(32%, 17%)
    }
}
@keyframes rotateAndScaleOut {
    0% {
        transform: rotate(6deg) scale(1.03) translate(32%, 17%)
    }
    25% {
        transform: rotate(4deg) scale(1.01) translate(28%, 15)
    }
    50% {
        transform: rotate(2deg) translate(25%, 22%)
    }
    75% {
        transform: rotate(2deg) translate(12%, 15%)
    }
    100% {
        transform: rotate(0) translate(0, 0)
    }
}
footer {
    background: rgba(0, 0, 0, .62);
    padding: 50px 0 20px;
    position: relative
}
.static-banner {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px
} 
.static-banner .banner-img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	width: 100%;
    height: 100%;
    overflow: hidden;
}

/* .static-banner .banner-img video{margin-top: -15%;} */
.btn-read, .desc-box.key-point, .intro-img, .product-slider .gif-img, .readMore, .tilt-slider {
    position: relative
}
.static-banner .banner-content {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center
}
.static-banner .banner-content h2 {
    margin: 0;
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase
}
.inner-menu-item {
    background: #0d1629;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px 14px;
    overflow-x: scroll;
    scrollbar-width: none
}
.inner-menu-item ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none
}
.inner-menu-item ul a {
    display: block;
    padding: 11px 14px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px !important;
    line-height: 1.12;
    border: 1px solid transparent;
    color: #fff !important;
    margin: 0 !important;
    cursor: pointer
}
.inner-menu-item ul a:hover {
    border-color: #00f0fd !important
}
.inner-menu-item ul a.active {
    background: #353e51 !important;
    border-color: transparent !important
}
.inner-menu-itemr::-webkit-scrollbar {
    display: none
}
.inner-menu-item.bg-white ul a {
    border: 1px solid #383838;
    padding: 14px 26px
}
.d-point, .intro-img, .key-point {
    border-radius: 16px
}
.inner-menu-item.bg-white a.active {
    background: #383838
}
.mb-12 {
    margin-bottom: 12px
}
.mb-20 {
    margin-bottom: 20px !important
}
.gx-40 {
    --bs-gutter-x: 40px
}
.gy-40 {
    --bs-gutter-y: 40px
}
.intro-img {
    overflow: hidden
}
.intro-img h2 {
    padding: 40px 43px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 56px;
    font-weight: 900;
    margin: 0
}
.intro-img h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('images/solutions/g-sol-bg.png') 0 0/cover no-repeat;
    z-index: -1
}
.key-point {
    background: #123961;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 32px 34px;
    border: .6px solid #1d5e93
}
.d-point, .ps-box {
    background: #123961
}
.key-point h3 {
    font-size: 16px;
    line-height: 26px;
    margin: 0
}
.d-point {
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    border: 1px solid #1d5e93;
    height: 100%;
    overflow: hidden
}
.esri-service, .gis-points .gis-img {
    border-radius: 16px;
    overflow: hidden
}
.d-point .point-img {
    width: 100%;
    height: 296px
}
.d-point .point-desc {
    padding: 16px 13px 20px
}
.d-point .point-desc h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    line-height: 34px
}
.gis-points .row:not(:last-child) {
    margin-bottom: 70px
}
.gis-points .row:nth-child(2n), .wm-data .wm-row:nth-child(2n) .row {
    flex-direction: row-reverse
}
.egis-box, .gis-points .desc-box {
    flex-direction: column;
    height: 100%
}
.gis-points .gis-img {
    height: 100%;
    min-height: 370px
}
.gis-points .desc-box {
    border-radius: 24px;
    padding: 17px;
    max-width: 685px;
    margin-left: auto;
    align-items: flex-start;
    gap: 0
}
.desc-box.key-point {
    background: rgb(20 20 20 / 30%);
    border: 1px solid rgba(255, 255, 255, .3)
}
.desc-box.key-point .blurry {
    position: absolute;
    right: -100px;
    top: -95px;
    z-index: -1
}
.gis-points .row:nth-child(2n) .desc-box {
    margin-left: 0
}
.gis-points .row:nth-child(2n) .desc-box.key-point .blurry {
    right: unset;
    left: -100px
}
.gis-points .desc-box h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px;
    color: #fff
}
.gis-points .desc-box p {
    font-size: 16px;
    color: #dcdcdc
}
.esri-service {
    padding: 34px 22px;
    border: .6px solid #1d5e93;
    gap: 15px;
    display: flex;
    align-items: center;
    height: 100%
}
.ps-box, .tab-group .s-tab {
    border-radius: 16px;
    overflow: hidden
}
.esri-service h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin: 0
}
.product-slider h1, .product-slider h2 {
    -webkit-text-fill-color: transparent;
    font-weight: 700
}
.egis-box {
    gap: 0;
    overflow: hidden;
    padding: 0 0 15px
}
.egis-box .box-img {
    height: 265px;
    margin: 0 0 16px
}
.egis-box .box-desc h3 {
    margin: 0;
    font-size: 24px;
    padding: 0 10px;
    font-weight: 500
}
.ps-box {
    padding: 30px 22px;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    height: 100%;
    min-height: 277px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #1d5e93
}
.ps-box .box-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin: 0 auto 30px
}
.ps-box .box-desc h3 {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 500
}
.ps-box .box-desc p {
    font-size: 12px;
    color: #dcdcdc
}
.cs-social {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 30px
}
.cs-social p {
    font-size: 16px
}
.cis-box {
    background: #123961;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    height: 100%;
    border: 1px solid #1d5e93;
    border-radius: 8px;
    overflow: hidden
}
.cis-box .cis-img {
    width: 100%;
    height: 120px
}
.cis-box .cis-desc {
    padding: 30px 10px 38px
}
.cis-box .cis-desc h3, .expLoc .config h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 600
}
.cis-box .cis-desc p {
    margin: 16px 0 0 !important;
    line-height: 150%
}
.cis-box .cis-desc h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}
body.bg-darkgray {
    background: #212a31
}
body.bg-darkgray main:before, body.simple-bg main:before {
    content: none
}
.wm-data .wm-row {
    padding: 60px 0
}
.wm-data .wm-row:nth-child(2n) {
    background: #123961;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    border: .6px solid #1d5e93;
    border-radius: 16px
}
.products .navbar-brand img.tick-mark {
    transform: translate(-41%, -62%)
}
.robot-intro .row:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 79px;
    bottom: 0;
    background: #123961;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    z-index: -1
}
.content-gen-head ul.bullet-point {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0
}
.content-gen-head ul.bullet-point li {
    max-width: 49%;
    flex: 0 0 49%;
    display: flex;
    align-items: center
}
.content-gen-head ul.bullet-point.one {
    flex-direction: column
}
.content-gen-head ul.bullet-point.one li {
    max-width: 109%;
    flex: 0 0 109%
}
.content-gen-head ul.bullet-point li:before {
    content: '';
    margin-right: 10px;
    background: url('images/solutions/bullet-point.png') 0 0/cover no-repeat;
    display: inline-block;
    width: 35px;
    height: 35px
}
.gray-bg {
    background: #44484e
}
.robot-tabs .nav {
    flex-direction: column;
    gap: 15px;
    border: 0
}
.robot-tabs .tab-content {
    border-left: 2px solid rgba(255, 255, 255, .4)
}
.robot-tabs .nav .nav-link {
    width: 100%;
    text-align: left;
    border-radius: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    border: 0
}
.robot-tabs .nav .nav-link.active {
    background: url('images/solutions/activeTab.png') 0 0/100% 100% no-repeat
}
.hei-400 {
    height: 400px
}
body:not(.bg-darkblack) main:before {
    height: 85vh;
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #4972c2
}
.product-slider {
    padding: 40px 0 168px
}
.product-slider h2 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    font-size: 28px
}
.product-slider h1 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    font-size: 48px
}
.product-slider .gif-img {
    margin-top: 15px;
    margin-bottom: 25px
}
.product-slider .gif-img .tick {
    position: absolute;
    top: 44%;
    left: 51%
}
.product-slider .gif-img img:not(.tick) {
    max-height: 230px;
    border-radius: 40px;
    mix-blend-mode: lighten
}
.tilt-slider {
    z-index: -2
}
.single-img img {
    margin: 0 auto
}
.tilt-slider .titl-slide {
    padding: 20px 12px
}
.products-tab-sec {
    display: flex;
    gap: 64px
}
.products-tab-sec .tabs-sec {
    flex: 0 0 190px;
    max-width: 190px
}
.products-tab-sec .content-sec {
    flex: auto
}
.product-tab .nav-tabs {
    background: linear-gradient(211deg, #171a1f 0, #0f1a20 100%);
    border-radius: 24px;
    padding: 20px 12px;
    max-width: 190px;
    border: 0;
    gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.fs-14 {
    font-size: 14px !important
}
.mt-65 {
    margin-top: 25px
}
.product-tab .nav-tabs .cube-apps.active, .slider-logo-bg.ecubea {
    background: linear-gradient(220deg, #7f6e38 0, #65500e 100%)
}
.product-tab .nav-tabs .nav-link {
    border: 0;
    border-radius: 8px;
    padding: 17px 20px;
    width: 100%
}
.product-tab .nav-tabs .nav-link img {
    max-width: 120px;
    max-height: 45px
}
.product-tab .nav-tabs .nav-item {
    flex: 0 0 100%;
    width: 100%
}
.product-tab .nav-tabs .sfGEO.active, .slider-logo-bg.smartgeo {
    background: linear-gradient(220deg, #4a607a 0, #243f5f 100%)
}
.product-tab .nav-tabs .ecube.active, .slider-logo-bg.ecubeS {
    background: linear-gradient(220deg, #41617f 0, #183f64 100%)
}
.product-tab .nav-tabs .smartS.active, .slider-logo-bg.smarts {
    background: linear-gradient(220deg, #506f4f 0, #2c512a 100%)
}
.product-tab .nav-tabs .smartP.active, .slider-logo-bg.eps {
    background: linear-gradient(220deg, #496c76 0, #234d5a 100%)
}
.product-tab .nav-tabs .braein.active, .slider-logo-bg.braein {
    background: linear-gradient(220deg, #4d3057 0, #324065 100%)
}
.product-tab .nav-tabs .smartGEO.active, .slider-logo-bg.smartapp {
    background: linear-gradient(220deg, #697b88 0, #3e5262 100%)
}
.btn-read {
    border-radius: 40px;
    background: #000;
    color: #aaa;
    padding: 12px 39px;
    z-index: 1;
    font-size: 14px;
    height: 50px;
    transition: .25s
}
.btn-read:after {
    background-color: #000;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 40px;
    border: 1px solid #aaa
}
.readMore {
    margin-top: 40px;
    display: inline-block;
    padding: 10px 0
}
.btn-read:hover {
    transform: rotate(-4deg);
    background: #000;
    color: #fff;
    font-size: 16px;
    top: -10px
}
.btn-read:hover:after {
    left: 2px;
    top: 5px
}
.btn-read:before {
    content: 'Read More';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 40px;
    border: 1px solid #aaa;
    z-index: 1;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center
}
.readMore img {
    mix-blend-mode: lighten;
    position: absolute;
    left: -100px;
    top: -20px;
    right: 0;
    width: 350px;
    transform: rotateX(-5deg)
}
.btn-read .stars {
    display: none
}
.btn-read .tilt-line {
    position: absolute;
    left: -20px;
    width: auto;
    z-index: 9;
    top: 0;
    bottom: 0;
    height: 50px;
    opacity: 0;
    animation: .25s linear both animateTiltOut
}
.btn-read:hover .tilt-line {
    animation: .25s linear both animateTilt
}
@keyframes animateTilt {
    0% {
        opacity: 1;
        left: 0
    }
    100% {
        left: 98%;
        opacity: 0
    }
}
@keyframes animateTiltOut {
    0% {
        opacity: 1;
        left: 98%
    }
    100% {
        left: -20px;
        opacity: 0
    }
}
.btn-read:hover .stars {
    display: block;
    width: auto;
    position: absolute;
    left: 53%;
    top: 52%;
    z-index: 1
}
section.product-tab {
    padding-bottom: 130px
}
.leaders-team .row.gx-5 {
    --bs-gutter-x: 60px
}
.single-leader .leader-desc {
    padding: 26px 0 43px
}
.careers-banner h5, .single-leader .leader-desc h4 {
    font-size: 20px;
    font-weight: 600
}
.single-leader .leader-desc h5 {
    font-size: 16px;
    font-weight: 500
}
.single-leader .leader-desc p {
    font-size: 14px;
    color: rgba(255, 255, 255, .4);
    font-weight: 400
}
.single-leader .leader-img {
    background: url('images/about/leader-bg.png') 0 0/100% 100% no-repeat;
    padding: 3px;
    width: 100%
}
.single-leader .leader-img img {
    border-radius: 10px;
    overflow: hidden;
    width: 100%
}
.leaders-team .col-md-4 {
    border-right: 1px solid #1d5e93;
    margin-bottom: 50px
}
.leaders-team .col-md-4:last-child, .leaders-team .col-md-4:nth-child(3n+3) {
    border-right: 0
}
.fw-500 {
    font-weight: 500 !important
}
.fw-700 {
    font-weight: 700 !important
}
.text-gray {
    color: #dcdcdc !important
}
.about-banner {
    padding: 85px 0 25px
}
.ceo-message {
    padding: 75px 0
}
.ceo-message h2 {
    margin: 0;
    font-weight: 600;
    font-size: 38px;
    position: relative;
    display: inline-block;
    padding: 0 0 4px;
    text-transform: capitalize;
}
.ceo_image_box {
    bottom: -45px !important;
}
.messageBy .author {
    position: absolute;
    left: 25%;
    bottom: 0px !important;
    padding: 20px 35px;
    border-radius: 40px 40px 0px 0px;
    ;
    max-width: max-content;
    z-index: 1;
    background: linear-gradient(180deg, rgba(34, 40, 61, 0) -1.11%, rgba(34, 40, 61, .44) 23.83%, #22283d 99.56%);
    backdrop-filter: blur(9.4px);
    border-left: 0
}
.messageBy .author h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0px;
}
.messageBy .author h4 {
    font-size: 18px;
    color: #dcdcdc;
    margin: 0
}
.messageBy .content-gen-head h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: left;
    position: relative
}
.messageBy .content-gen-head h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #fff
}
.messageBy .content-gen-head hr {
    max-width: 70%
}
.aboutus-banner {
    position: relative;
    padding: 80px 0
}
.aboutus-banner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: calc(100% - 170px);
    width: 100%;
    z-index: -1;
    background: #151a2a
}
.about-slider {
    margin: 20px 0 0
}
.about-slider .single-about {
    padding: 13px;
    border-radius: 24px;
    overflow: hidden
}
.about-slider .single-about img {
    width: 100%;
    height: 100%;
    border-radius: 24px
}
.figs {
    margin-top: 100px
}
.figs h2 {
    font-size: 62px;
    font-weight: 400;
    margin: 0 0 28px
}
.figs p {
    margin: 0;
    font-size: 12px
}
.our-values {
    background: linear-gradient(220deg, #040918 0, #03050d 100%)
}
.single-val {
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 24px;
    height: 100%
}
.single-val:hover {
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background: linear-gradient(rgb(4 8 21), rgb(4 8 22)) padding-box, linear-gradient(139deg, #22c5de 0, rgba(29, 126, 174, .33) 35%, rgba(255, 255, 255, .1) 100%) border-box;
    filter: drop-shadow(0px 2px 5px #000)
}
.single-val .val-img {
    height: 175px;
    width: 100%;
    position: relative
}
.single-val .val-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    transition: .5s ease-in
}
.single-val .val-img img.with-hover, .single-val:hover .val-img img.without-hover {
    opacity: 0
}
.single-val .val-desc {
    padding: 15px 10px
}
.single-val .val-desc h3 {
    font-size: 20px;
    margin: 0 0 12px
}
.single-val .val-desc p {
    font-size: 16px;
    opacity: 50%;
    margin: 0;
    word-break: break-word
}
.leader-ship {
    margin: 210px 0 0
}
.leader-ship .leader-title {
    color: #fff;
    opacity: 50%;
    font-size: 30px;
    font-weight: 600;
    transition: 1.5s;
    opacity: 0;
    position: relative;
    bottom: -60px
}
.leader-ship:hover .leader-title {
    opacity: 50%;
    bottom: 0
}
.team-members {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 120px 0 0;
    align-items: flex-end
}
.team-members li {
    max-width: 242px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(180deg, #10232e 100%, #000 49%);
    padding: 40px 0 0;
    height: 775px;
    transition: .9s;
    position: relative;
    z-index: 30
}
.team-members li .team-f {
    position: relative;
    height: 100%
}
.team-members li .team-f .team-desc {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-end;
    padding: 0 40px 80px;
    opacity: 0;
    transition: .6s;
    z-index: 1
}
.team-members li .team-f .team-desc h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 400
}
.team-members li .team-f .team-desc h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px
}
.team-members li .team-f .team-desc p {
    margin: 0;
    font-size: 16px;
    line-height: 20px
}
.team-members li:nth-child(2n) {
    margin-bottom: -40px
}
.team-members li .team-f .team-img {
    height: 100%;
    transition: .5s
}
.team-members li .team-f .team-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}
.team-members li:hover {
    height: 825px;
    margin-top: -50px
}
.newslatter {
    background: linear-gradient(180deg, #04060e 0, #323232 91%);
    padding-bottom: 150px
}
.newslatter p.carerr-link {
    font-size: 11px;
    margin: 0 0 130px
}
.newslatter .news-head {
    font-size: 23px
}
.btn-blue {
    background: #166f9b;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    transition: .15s ease-in
}
.btn-blue:hover {
    background: #3288b3;
    color: #fff;
    transform: translate(-5px, -5px)
}
.avatar-list {
    margin: 50px 0 0;
    color: #000;
    opacity: 0;
    transition: .5s ease-in
}
.avatar-list p {
    font-size: 12px;
    margin: 0
}
.avatar-list ul {
    display: flex;
    box-sizing: border-box;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    flex-flow: wrap
}
.avatar-list ul li {
    height: 34px;
    width: 34px;
    -webkit-transition: .3s;
    transition: .5s ease-in;
    -webkit-margin-end: 20px;
    margin-inline-end: 20px;
    border-radius: 100%
}
.avatar-list ul li a {
    display: block;
    color: inherit
}
.avatar-list ul li a img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}
.avatar-list ul li:last-child {
    background: #00f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}
.vision-state:hover .avatar-list ul li {
    -webkit-margin-end: -8px;
    margin-inline-end: -8px
}
.tab-group {
    max-width: 700px;
    background: url('images/event-bg.png') 0 0/100% 100% no-repeat;
    border-radius: 15px;
    padding: 14px;
    display: flex;
    gap: 20px;
    margin: 0 0 60px
}
.tab-group .s-tab {
    display: block;
    position: relative;
    flex: 1;
    border: 1px solid transparent
}
.tab-group .s-tab .tab-bg {
    width: 100%;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    display: none
}
.tab-group .s-tab h4 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 600
}
.tab-group .s-tab .tab-bg:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: radial-gradient(circle, #000 0, rgba(0, 0, 0, .3) 100%)
}
.tab-group .s-tab.active {
    border-color: #aaa
}
.single-nr {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #1d5e93;
    background: linear-gradient(207deg, #123961 35%, #04182b 61%);
    transition: .25s ease-in;
    cursor: pointer
}
.single-nr .nr-img {
    height: 230px;
    width: 100%;
    overflow: hidden;
    position: relative
}
.single-nr .nr-img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1)
}
.single-nr .nr-img iframe, .single-nr .nr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .25s ease-in
}
.single-nr .nr-desc {
    padding: 16px
}
.single-nr .nr-desc h4 {
    font-size: 16px;
    font-weight: 600
}
.single-nr .nr-desc h3 {
    font-size: 24px;
    font-weight: 600
}
.single-nr .nr-desc p {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    margin: 0 0 35px
}
.single-nr .nr-desc a {
    display: block;
    text-align: right
}
.single-nr:hover {
    box-shadow: 0 4px 22px rgb(29 94 147 / 50%);
    background: radial-gradient(circle, #123961 7%, #00060c 81%);
    background: linear-gradient(188deg, #123961 7%, #00060c 81%)
}
.single-nr:hover .nr-img img {
    transform: scale(1.12)
}
.modal-dialog.newsroomModal {
    width: 90%;
    max-width: 1440px;
    background: rgba(0, 0, 0, .5);
    height: 100vh;
    margin: 0 auto
}
.modal-dialog.newsroomModal .modal-body {
    padding-top: 50px
}
.modal-dialog.newsroomModal .modal-content {
    background: 0 0;
    position: relative
}
.modal-dialog.newsroomModal .modal-content .modal-header {
    border: 0;
    padding: 0
}
.modal-dialog.newsroomModal .modal-content .modal-header .btn-close {
    color: #fff;
    background: 0 0;
    font-size: 30px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 9
}
.newsroomSlider {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 90px
}
.sn-slide {
    padding: 0 10px
}
.sn-slide .sn-img {
    height: 70dvh;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    max-height: 566px
}
.sn-slide.withIframe {
    padding-bottom: 20px
}
.sn-slide.withIframe .sn-img, .withIframe.sn-slide .sn-desc {
    border-radius: 0
}
.sn-slide .sn-desc {
    position: relative;
    top: -40px;
    border-radius: 20px;
    padding: 22px 40px;
    background: linear-gradient(180deg, #000 0, #0b1531 100%)
}
.newsroomSlider.arrow-btns .slick-arrow {
    bottom: 50%;
    transform: translateY(-50%);
    font-size: 36px
}
.newsroomSlider.arrow-btns .slick-arrow.slick-next {
    right: 0
}
.newsroomSlider.arrow-btns .slick-arrow.slick-prev {
    right: auto;
    left: 0
}
.pagination {
    gap: 10px
}
.page-item .page-link {
    border-radius: 4px !important;
    background: #353e51;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 8px 10px;
    min-width: 40px;
    text-align: center
}
.page-item.active .page-link {
    background: #123961;
    background: linear-gradient(250deg, #123961 7%, #04182b 81%);
    border: .6px solid #1d5e93
}
.page-item.disabled .page-link {
    color: #9da3ac;
    background-color: #5a5f68
}
.news-panel .news-chanel {
    flex: 0 0 260px
}
.news-panel .news-chanel .nav-tabs {
    border: 0;
    gap: 20px;
    max-height: 810px;
    overflow: auto;
    padding-right: 25px
}
.news-panel .news-chanel .nav-tabs::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #44484e
}
.news-panel .news-chanel .nav-tabs::-webkit-scrollbar {
    width: 6px;
    background-color: #44484e
}
.news-panel .news-chanel .nav-tabs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #515966
}
.news-panel .news-chanel .nav-tabs .nav-link {
    padding: 0;
    border-radius: 0;
    background: 0 0;
    border: 4px solid transparent;
    width: 100%;
    height: 146px
}
.news-panel .news-chanel .nav-tabs .nav-link.active {
    border-color: #a4aaaa
}
.news-panel .tab-pane {
    padding-left: 30px
}
.news-panel.certification .news-chanel {
    flex: 0 0 610px
}
.news-panel.certification .news-chanel .nav-tabs .nav-item {
    flex: 0 0 calc(33.33% - 14px)
}
.news-panel.certification .news-chanel .nav-tabs .nav-item .nav-link {
    height: 270px
}
.careers-banner {
    background: url('images/careers/banner.png') bottom right/contain no-repeat
}
.careers-banner h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 24px
}
.careers-banner p {
    color: #dcdcdc;
    font-size: 16px
}
.careers-banner p a {
    color: #00f0fd;
    text-decoration: underline
}
.open-pos {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 24px;
    background: #0d0e10;
    padding: 20px;
    min-height: 110px;
    transition: .25s
}
.open-pos .position-title {
    flex: 0 0 234px
}
.open-pos .position-title h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0
}
.open-pos .position-link a {
    width: 100%;
    height: 36px;
    border-radius: 100%;
    background: #535765;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    transform: rotate(-45deg);
    transition: .25s;
    border: 4px solid transparent
}
.open-pos .position-link {
    max-width: 36px;
    flex: 0 0 36px
}
.open-pos .position-link a img {
    max-width: 20px
}
.open-pos:hover {
    background: #070d18;
    background: linear-gradient(90deg, #070d18 0, #1b172e 26%, #1d1a33 66%, #101a30 100%);
    box-shadow: 4px 0 20px rgb(11 139 244 / 50%);
    border-color: #0b8bf4
}
.open-pos:hover .position-link a {
    transform: rotate(0);
    background: linear-gradient(150deg, #f59c30 -8%, #22c5de 150%);
    border-color: #535765
}
.open-pos:hover .position-link a img {
    filter: invert(1)
}
.carer-img {
    max-width: 246px;
    position: relative
}
.carer-img img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    position: relative;
    z-index: 2
}
.carerr-banner {
    padding: 80px 0;
    background: url('images/careers/bannerDetail.png') 0 0/100% 100% no-repeat;
    margin: 0 0 60px;
    position: relative;
    min-height: 530px
}
.carer-img .gif-img {
    position: absolute;
    left: -40px;
    right: -40px;
    top: -20px;
    z-index: 0;
    bottom: -20px;
    overflow: hidden
}
.carer-img .gif-img img {
    mix-blend-mode: lighten;
    width: 566px;
    height: 100%;
    transform: translate(-22%, 0) rotateX(-5deg)
}
.apply-section {
    padding: 30px 0 60px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a132b;
    box-shadow: 0 -5px 8px rgb(248 248 248 / 16%);
    z-index: 9
}
.apply-section .btn {
    border-radius: 8px;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 15px
}
.btn-outline-blue {
    border-color: #219be9;
    color: #fff
}
.carer-detail-pg {
    padding-bottom: 140px
}
.career-header {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    text-align: center
}
.career-header h1 {
    font-size: 48px;
    margin: 0;
    font-weight: 600
}
.career-header .carer-bread {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center
}
.career-header .carer-bread p {
    margin: 0
}
.career-header .carer-bread p:first-child {
    opacity: .5
}
.sliderTab .nav-item {
    padding: 0 12px
}
.sliderTab .nav-item .nav-link {
    position: relative;
    height: 400px;
    border: 0;
    padding: 0;
    border-radius: 24px;
    overflow: hidden;
    transition: .25s ease-in;
    cursor: pointer
}
.sliderTab .nav-item .nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000e1a;
    opacity: .3
}
.sliderTab {
    flex-wrap: nowrap;
    border: 0;
    margin: 0 0 80px
}
.sliderTab .nav-item .nav-link:hover {
    border: 0
}
.sliderTab .nav-item.slick-slide {
    width: 215px;
    transition: .3s
}
.sliderTab .nav-item.slick-active.slick-center {
    width: 440px
}
.sliderTab .nav-item .nav-link p {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    line-height: 1.2;
    z-index: 1;
    transition: .25s ease-in
}
.sliderTab .nav-item.slick-current.slick-active.slick-center .nav-link p {
    font-size: 24px;
    font-weight: 700
}
.case-panels {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 70px
}
.case-panels .content-sec .blurry {
    position: absolute;
    left: -120px;
    top: -95px;
    z-index: -1
}
.case-panels .content-sec .content-gen-head h3 {
    font-size: 28px
}
.case-panels > .row:nth-child(2n) .content-sec .blurry {
    left: unset;
    right: -120px
}
.case-panels .content-sec {
    border: 1px solid rgba(255, 255, 255, .3);
    background: rgb(20 20 20 / 30%);
    padding: 18px;
    border-radius: 24px;
    height: 100%;
    width: 100%;
    position: relative
}
.case-panels .img-section, .case-slider .s-slide {
    border-radius: 24px;
    overflow: hidden
}
.case-panels > .row:nth-child(2n) .content-sec {
    margin-right: 0;
    margin-left: 3rem
}
.case-slider {
    margin: 100px 0
}
.case-slider .s-slide {
    position: relative;
    height: 566px;
    padding: 0 10px
}
.case-slider .s-slide p {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    margin: 0;
    padding: 26px 0 40px;
    background: linear-gradient(180deg, #000 7%, rgba(0, 0, 0, 0) 100%)
}
.case-slider ul.slick-dots {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative
}
.case-slider ul.slick-dots button {
    border: 2px solid #062c91;
    box-shadow: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 0;
    background: #0c0f17;
    position: relative;
    z-index: 1
}
.case-slider ul.slick-dots li:not(:last-child):after {
    content: '';
    position: absolute;
    left: 100%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background: #062c91
}
.case-slider ul.slick-dots li {
    position: relative;
    display: inline-flex
}
.case-slider ul.slick-dots li.slick-active button {
    background: #1850e8;
    border-color: #1850e8
}
.contact-text {
    max-width: 430px
}
.contact-text h2 {
    font-size: 60px;
	line-height:64px;
    font-weight: 400
}
.contact-text p {
    font-size: 24px;
	line-height:27px;
    font-weight: 500;
    color: rgba(255, 255, 255, .6)
}
.contact-form {
    max-width: 450px;
    margin-left: auto;
    padding: 62px 38px 20px;
    border-radius: 14px;
    background: #1c1c1c;
    color: #fff
}
.contact-banner {
    padding: 40px 0;
    background: url('images/contact_v2.png') center left/63vw no-repeat
}
.contact-form h3 {
    font-size: 48px;
    color: #d9d9d9;
    font-weight: 600;
    margin: 0 0 50px
}
.contact-form p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}
.contact-form form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.contact-form form .form-control {
    background: 0 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: 8px 0;
    color: #fff
}
.contact-form form .form-control:focus {
    border-color: #fff;
    box-shadow: none
}
.contact-form form .btn-blue {
    border-radius: 8px;
    justify-content: center
}
.contact-form form p {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}
.contact-banner .contact-text {
    margin-top: 35px
}
.countries {
    background: rgba(0, 0, 0, .5);
    margin-top: 70px;
    padding: 24px 0
}
.country-slider .s-slide {
    padding: 32px 55px 3px 16px;
    max-width: 305px;
    transition: .25s ease-in;
    border-radius: 12px;
    overflow: hidden
}
.country-slider .s-slide .flag {
    width: 48px;
    height: 48px
}
.country-slider .s-slide .flag img {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.country-slider .s-slide .desc {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 7px
}
.country-slider .s-slide .desc h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 0
}
.country-slider .s-slide .desc p {
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    line-height: 22px
}
.country-slider .s-slide .desc p.gray {
    opacity: 40%
}

.country-slider .s-slide .desc a.visit{ font-size: 12px;
    font-weight: 300;
    margin: 0;
    line-height: 22px;
	color:#02DAE5 }
/* .country-slider .s-slide:hover {
    background: linear-gradient(170deg, rgba(86, 105, 118, .3) -50%, rgba(56, 64, 70, .3) 33%, rgba(37, 40, 43, .3) 100%)
} */
/* .country-slider .s-slide.selected {
    background: url('images/cSlideBg.png') top -105px left/305px 520px no-repeat
} */
.world-map {
    background: url('images/flags/worldmap-static2.png') top 0 right 2vw/54vw  no-repeat;
    position: relative
}
.world-map .pointer-gif {
    width: 50px;
    display: none;
    position: absolute
}
.world-map #pointerIndia {
    right: 17vw;
    top: 8vw
}
.world-map #pointerNth {
    right: 23.15vw;
    top: 7.25vw
}
.world-map #pointerUae {
    right: 45.5vw;
    top: 5vw
}
.world-map #pointerUsa {
    right: 48.5vw;
    top: 7vw
}
.world-map .contact-text {
    margin-top: 75px
}
.case-inner-tab .inner-menu-item {
    display: inline-block;
    max-width: 100%
}
.expLoc {
    background: linear-gradient(82deg, #070d18 0, #1b172e 15%, #1d1a33 73%, #101a30 100%);
    padding: 22px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 40px
}
.expLoc .config {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}
.expLoc .config h4 span {
    font-weight: 400
}
.expLoc .config + .config {
    border-left: 2px solid rgba(255, 255, 255, .3)
}
.single-nr.vid-nr {
    border: 0;
    background: 0 0
}
.tilt-slider .slick-list:before, .tilt-slider:before {
    top: 20px;
    border-top: 25px solid #0c0f17;
    border-bottom: 125px solid transparent
}
.single-nr.vid-nr:hover {
    box-shadow: none
}
.about-bg {
    background: linear-gradient(180deg, #040918 0, #03050d 100%) no-repeat
}
@media(min-width:1440px) {
    .container {
        max-width: 1330px
    }
    .outside-container {
        display: none
    }
}
@media(max-width:1440px) {
    .outside-container {
        display: block
    }
    .messageBy .author {
        bottom: 110px
    }
    .inside-container {
        display: none
    }
}
@media(max-width:1199px) {
    header .navbar-nav .nav-link {
        padding: 5px 7px !important
    }
    .banner-section .single-slide img, .banner-section .single-slide video {
        height: 600px
    }
    .content-gen-head p.extra-height {
        line-height: 34px
    }
    .glob-stats ul li {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }
    .glob-stats ul .stats-content .stat-imag {
        height: 160px
    }
    .glob-stats ul .stats-content .stat-desc h2 {
        font-size: 26px
    }
    .glob-stats ul .stats-content .stat-desc p {
        font-size: 18px
    }
    .s-event .event-img {
        height: 290px
    }
    .sli {
        height: 138px
    }
    .sli .s-img {
        padding: 0 20px
    }
    .sli .s-img:not(:last-child) {
        padding-right: 20px
    }
    .sli img {
        max-width: 200px
    }
}
@media(max-width:991px) {
    .homePage section, section {
        padding: 50px 0
    }
    .banner-section .single-slide img, .banner-section .single-slide video {
        height: 550px
    }
    .content-gen-head p.extra-height {
        line-height: 30px
    }
    .glob-stats ul li {
        max-width: 50%;
        flex: 0 0 50%
    }
    .glob-stats ul .stats-content .stat-imag {
        height: 160px
    }
    .glob-stats ul .stats-content .stat-desc h2 {
        font-size: 26px
    }
    .glob-stats ul .stats-content .stat-desc p {
        font-size: 18px
    }
    .s-event {
        max-width: calc(100% - 30px);
        margin: 0 auto
    }
    .s-event .event-img {
        height: 290px
    }
    .products {
        background-position: top;
        padding-top: 95px !important
    }
    .products .slick-track {
        display: flex
    }
    .products .slick-track .slick-slide {
        height: inherit
    }
    .navbar-brand.prod-logo img {
        max-height: 55px
    }
    .navbar-brand.prod-logo img.tick-mark {
        max-height: 41px
    }
    .sli {
        height: 128px;
        padding: 25px
    }
    .sli .s-img {
        padding: 0 15px
    }
    .sli .s-img:not(:last-child) {
        padding-right: 15px
    }
    .sli img {
        max-width: 180px
    }
	
	.ProductHero {
    
    background-position: 70% top;
}
	
	.produt-sec {   
    margin-bottom: 50px;
}
}
.tilt-slider .slick-list:after, .tilt-slider .slick-list:before, .tilt-slider:after, .tilt-slider:before {
    content: '';
    position: absolute;
    right: 0;
    height: 0;
    width: 0;
    z-index: 1
}
@media(max-width:767px) {
    .burger-container, .burger-container #burger .bar {
        width: 17px;
        transition: .3s cubic-bezier(.4, .01, .165, .99)
    }
    .fix-height {
        height: 100vh;
        overflow: hidden
    }
    .cursor {
        display: none
    }
    .burger-container {
        position: absolute;
        left: 0;
        top: 50%;
        display: inline-block;
        height: 22px;
        cursor: pointer;
        -webkit-transform: rotate(0) translateY(-50%);
        transform: rotate(0) translateY(-50%);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        background: 0 0;
        box-shadow: none !important
    }
    .burger-container #burger {
        width: 10px;
        height: 100%;
        position: relative;
        display: block;
        margin: 0;
        border-bottom: 2px solid #fff
    }
    .burger-container #burger .bar.topBar {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
    .burger-container #burger .bar {
        height: 2px;
        display: block;
        position: relative;
        background: #fff;
        transition-delay: 0s;
        border-radius: 10px
    }
    .burger-container.nav-active {
        -webkit-transform: rotate(90deg) translateX(-75%);
        transform: rotate(90deg) translateX(-75%)
    }
    .burger-container.nav-active #burger .bar.topBar {
        -webkit-transform: translateY(5px) rotate(45deg);
        transform: translateY(5px) rotate(45deg)
    }
    .burger-container.nav-active #burger .bar {
        transition: .4s cubic-bezier(.4, .01, .165, .99);
        transition-delay: 0.2s
    }
    .burger-container.nav-active #burger .bar.btmBar {
        top: 0;
        -webkit-transform: translateY(3px) rotate(-45deg);
        transform: translateY(3px) rotate(-45deg)
    }
    .burger-container #burger .bar.btmBar {
        transform: translateY(7px) rotate(0)
    }
    .burger-container.nav-active #burger {
        border-bottom: 0
    }
    .navbar-collapse {
        position: fixed;
        left: -100vw;
        width: 100vw;
        top: 70px;
        transition: .25s ease-in;
        background: #282a3a;
        height: calc(100vh - 70px) !important;
        padding-top: 20px;
        z-index: 50
    }
    header .main-menu .navbar-nav .nav-item:after, header .main-menu .navbar-nav .nav-item:before {
        content: none
    }
    header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: relative;
        top: 100%;
        background: #282a3a !important;
        border: 0;
        height: auto
    }
    header .dropdown-menu ul .dropdown-item:hover {
        font-size: 16px
    }
    header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        max-height: 99vh;
        overflow: auto
    }
    header .navbar-nav .nav-link.dropdown-toggle:after {
        position: absolute;
        right: 20px;
        top: 43%
    }
    header .main-menu .navbar-nav .nav-item.dropdown .dropdown-menu .container {
        padding-top: 15px
    }
    header .dropdown-menu ul {
        border: 0
    }
    header .dropdown-menu ul .dropdown-item {
        font-size: 14px
    }
    header .dropdown-menu ul.subinner-menu {
        padding: 0 1rem
    }
    header .dropdown-menu ul.subinner-menu .sub-dropdown-item {
        font-size: 14px;
        height: 40px
    }
    .mobile-search {
        position: absolute;
        right: 0
    }
    .search-panel {
        width: 100%
    }
    .navbar-collapse.show {
        left: 0
    }
    .social-link {
        padding: 0 15px
    }
    .social-link ul {
        border-top: 1px solid rgba(255, 255, 255, .2)
    }
    header .navbar-nav {
        gap: 0
    }
    header .navbar-nav .nav-link {
        padding: 17px 30px !important
    }
    header .navbar-nav .nav-link:hover {
        background: #494b5e
    }
    .content-gen-head p {
        font-size: 14px;
        line-height: 24px
    }
    .content-gen-head p.extra-height-1 {
        line-height: 26px
    }
    .homePage section, section {
        padding: 35px 0
    }
    .banner-section .single-slide img, .banner-section .single-slide video {
        height: 500px
    }
    .progressBarContainer {
        justify-content: center
    }
    .content-gen-head h2 {
        font-size: 20px;
        margin: 0 0 16px
    }
    .glob-stats ul {
        gap: 70px;
        margin: 0
    }
    .glob-stats ul li {
        max-width: 100%;
        flex: 0 0 100%
    }
    .glob-stats ul .stats-content .stat-imag {
        height: 190px
    }
    .glob-stats ul .stats-content .stat-desc h2 {
        font-size: 36px
    }
    .glob-stats ul .stats-content .stat-desc p {
        font-size: 20px
    }
    .s-product {
        width: calc(100% - 26px)
    }
    .animation {
        height: 210px
    }
    .bg-clients {
        padding: 30px 0
    }
    .s-event {
        max-width: calc(100% - 18px);
        gap: 23px
    }
    .s-event .event-desc {
        padding-right: 12px
    }
    .s-event .event-desc h4 {
        font-size: 19px
    }
    .s-event .event-desc p, .s-event .event-footer a {
        font-size: 13px
    }
    .s-event .event-footer {
        padding: 0 12px 20px
    }
    .single-testi .content-gen-head h6 {
        margin-top: 140px
    }
    footer .navbar-expand .navbar-nav {
        gap: 28px
    }
    footer .navbar-expand .navbar-nav .nav-link {
        font-weight: 300;
    
    text-transform: capitalize !important;

}

	
	
    .fix-height {
        padding-right: 0
    }
    .testi-bg {
        background: url('images/testi-bg.png') 0 0/100% 100% no-repeat;
        padding: 0 24px
    }
}
.slick-list.draggable.manzar {
    transition: .25s;
    padding-right: 0 !important
}
.overview {
    overflow: hidden
}
.tilt-slider .slick-list:before {
    left: 0;
    border-right: 279px solid transparent
}
.tilt-slider .slick-list:after {
    left: 0;
    bottom: 20px;
    border-bottom: 26px solid #0c0f18;
    border-right: 269px solid transparent;
    border-top: 125px solid transparent
}
.tilt-slider:before {
    border-left: 270px solid transparent
}
.tilt-slider:after {
    top: 56px;
    border-bottom: 26px solid #0c1018;
    border-left: 275px solid transparent;
    border-top: 125px solid transparent
}
.tilt-bg {
    background: url(images/product/slider-bg.png) center bottom -40px/110% no-repeat;
    padding: 0 60px 116px;
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    overflow: hidden
}
.slider-logo-bg {
    width: 100%;
    height: 186px;
    display: flex;
    align-items: center;
    justify-content: center
}
.slider-logo-bg img {
    height: 60px;
    width: auto !important;
    max-width: 100%
}
header + main {
    padding-top: 75px
}
/*Added on 12Dec2024*/
.ceo-section2 {
    width: 100%;
    position: relative;
    left: unset;
    padding: 20px 30px;
    border-radius: 16px;
    border: 0.6px solid rgba(29, 94, 147, 1);
    opacity: 0px;
    background: radial-gradient(98.37% 98.37% at 98.68% 1.62%, #123961 6.83%, #04182B 81.43%);
}
.Ceo-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.Ceocard {
    display: block;
    /*   justify-content: center;
  align-items: center;  */
    background: radial-gradient(112.57% 137.02% at 98.68% 1.62%, #123961 6.83%, #04182b 81.43%);
    border: .6px solid #1d5e93;
    border-radius: 10px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding: 30px;
}
.Ceocard h2 {
    font-size: 16px !important;
    font-weight: bold !important;
}
.Ceocard p {
    font-size: 14px !important;
    font-weight: normal !important;
    text-align: left !important
}
p.thank-message {
    margin-top: 4rem;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-align: center !important
}
p.support-message {
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    text-align: center !important
}





/*06-01-2025*/


.hero-sec{gap:110px; display: flex; text-align: left; justify-content:center; }
.produt-sec{gap:110px; display: flex; text-align: left; justify-content:center; margin-bottom: 150px;}

.hero-sec p, .produt-sec p, .produt-sec ul{font-size: 12px; color: #ffffff; font-weight: 300; text-align: left; line-height: 18px}

.produt-sec .logo, .hero-sec .logo {width:200px; margin-bottom: 15px;}
.produt-sec  img,  .hero-sec img{max-width:100%}

.produt-sec h4{font-size: 20px; font-weight: 300; color: #ffffff; text-align: left}
.produt-sec h6{font-size: 14px; font-weight: 600; color: #ffffff; text-align: left}

.ProductHero{width:100vw; height: 80vh; background-repeat: no-repeat; background-size: cover}

.heroBtn{border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px; /* Rounded corners */
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  color: white;
  background-color: rgba(255, 255, 255, 0.01); /* Semi-transparent background */
  backdrop-filter: blur(20px); /* Blur effect */
  cursor: pointer;
	width: 130px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional: Add a shadow */
  transition: all 0.3s ease; /* Optional: Smooth hover effect */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.heroBtn:hover{border: 1px solid #41ABE6; color: rgba(255, 255, 255, 0.7);}

.heroBtn::before{content: ""; background-image: url(images/explore-arrow.png); background-repeat: no-repeat; background-position: right;
}


/* Basic styling for the swiper container */
.swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}

/* Styling for individual slides */
.swiper-slide {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Style the blog cards */
.blog-card {
    text-align: center;
    padding: 15px;
}

/* Optional: style the pagination dots */
.swiper-pagination-bullet {
    background: #0073e6;
}

.slick-slide .sharedaddy {display:none !important}
.slick-slide .s-ind .ind-desc h4 {font-size:16px;}
.slick-slide .s-ind .ind .ind-desc p, .slick-slide .s-ind .ind .ind-icon{display:none !important}

.slick-slide .s-ind .ind .ind-desc {
    position: relative;
    z-index: 1;
    padding: 10px 10px 10px 10px !important;
    background:none !important;
	border:none !important;
    /* border: 1px solid rgba(255, 255, 255, .26); */
    backdrop-filter: blur(9.4px);
    min-height: 92px;
    margin-top: 0px !important;
    height: calc(100% - 160px);
    display: flex
;
    flex-direction: column;
    justify-content: center;
	
}

.slick-slide .s-ind .ind{ border: 1px solid rgba(255, 255, 255, .26); !important
padding:15px !important; 
	background-color:#2E3854 !important;
	border-radius: 18px !important;
	padding:10px !important;
	
}



.product-slider .owl-nav {
    text-align: center;
    display: flex
;
    justify-content: space-between;
}

.Podcast img{ border-radius:20px; border:0.6px solid rgba(29, 94, 147, 1)}

.Podcast .linkbox{display:flex; justify-content:space-between; width:30%; margin:auto; margin-top:25px}
.Podcast .linkbox a{color:#00f0fd}
.Podcast .linkbox a i{margin-right:7px}

.country-slider .slick-track{display:flex}

.country-slider .s-slide{flex:1; max-width:270px !important; height:300px !important}
.country-slider .s-slide .desc {width:auto}
.career-header {
    max-width: 90vw;
}


.alignfull {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.alignwide {
  max-width: 100vw; /* or whatever your desired wide width is */
  margin-left: auto;
  margin-right: auto;
}

.FooterLinks{color:#02DAE5}

.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg {
    fill: hsla(0,0%,93%,.9);
    height: 1em;
    width: 1em
}

body a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

/*
.grecaptcha-badge{display:none !important}
.page-template-contact-template .grecaptcha-badge{display:flex !important}*/