/*!
Theme Name: Tridhyatech
Theme URI: https://www.tridhyatech.com/
Author: Tridhy Tech
Author URI: https://www.tridhyatech.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

:root {
    --bs-body-color: #4d85a3;
    --bs-primary-rgb: 6, 182, 232
}

body {
    font-family: "Source Sans Pro";
    overflow-x: hidden
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 8.5rem
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #06b6e8;
    --bs-btn-border-color: #06b6e8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0592ba;
    --bs-btn-hover-border-color: #0592ba;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0592ba;
    --bs-btn-active-border-color: #0592ba;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6ad3f1;
    --bs-btn-disabled-border-color: #6ad3f1
}

.btn {
    --bs-btn-padding-x: 32px;
    --bs-btn-padding-y: 13px;
    border-radius: unset
}

.text-primary-second {
    color: #00517c
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #06b6e8;
    color: #fff
}

a {
    color: #06b6e8
}

.main-title-desc {
    padding: 130px 0 50px;
    text-align: center;
    background-image: linear-gradient(180deg, #def8ff, #fff)
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 5px
}

.breadcrumb li {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #00517c
}

.breadcrumb li a,
.main-title-desc .breadcrumb a {
    opacity: .6;
    text-decoration: none;
    color: #00517c
}

.breadcrumb li a:hover,
.main-title-desc .breadcrumb a:hover {
    opacity: 1
}

.main-title h1 {
    margin: 20px 0;
    font-weight: 700;
    color: #00517c;
    letter-spacing: -1px;
    font-size: 52px;
    line-height: 1.46
}

.main-title p {
    max-width: 50%;
    margin: 0 auto;
    opacity: .6;
    font-size: 14px;
    color: #00517c
}

@media (max-width:1200px) {
    .main-title p {
        max-width: 50%
    }
}

@media (max-width:992px) {
    .container {
        max-width: 100%
    }
    .main-title h1 {
        font-size: 42px
    }
    .our-benefits-tt .inner-details {
        padding-top: 40px
    }
}

@media (max-width:767px) {
    .main-title p {
        max-width: 100%
    }
    .main-title h1 {
        font-size: 38px
    }
    .benefits-list {
        display: block !important
    }
    .open-roles-tt .tt-title {
        flex-direction: column !important;
        padding-bottom: 30px !important
    }
    .open-roles-tt .tt-title h2 {
        padding-bottom: 20px !important
    }
}

.related-casestudies .title.top-web-case-s {
    padding-bottom: 0;
    color: #00517c;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: .5rem
}

.thank-inner {
    padding: 7em 0 7em;
    background-color: #ebf7f9
}

.thank-inner h2 {
    color: #06b6e8;
    font-size: 5.0625em;
    font-weight: 600;
    line-height: .8em;
    text-transform: uppercase
}

.thank-inner h3 {
    color: #1a1a27;
    font-size: 4em;
    line-height: 1em;
    margin: .4em 0 .3em;
    font-weight: 700
}

.thank-inner .thank-box h3 span {
    color: #06b6e8
}

.thank-inner p {
    color: #1a1a27;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0
}

.thank-inner .thank-line {
    display: inline-block;
    margin: 6.5em 0 0;
    width: 100%
}

.thank-inner .thank-bor {
    background: #06b6e8;
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 60%;
    z-index: 1
}

.thank-inner .thank-star {
    background: #ebf7f9;
    border: 2px solid #06b6e8;
    border-radius: 50%;
    display: block;
    height: 7.125em;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 7.125em;
    z-index: 2
}

.thank-inner .thank-star i {
    color: #06b6e8;
    font-size: 2.8125em;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

body.homepage .main-menu {
    position: fixed
}

.main-menu {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all .3s ease-in;
    z-index: 999
}

.main-menu .nav-bar {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 16px
}

.main-menu .nav-bar img.dark-logo,
.main-menu .nav-bar img.white-logo {}

.main-menu .nav-bar .logo img {
    height: 40px
}

.main-menu .nav-bar .logo .dark-logo {
    display: block
}

.main-menu .nav-bar .logo .white-logo {
    display: none
}

.main-menu .nav-bar .cta-btn {
    margin-left: 40px
}

.main-menu .nav-bar .main-navbar {
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px
}

.main-menu .nav-bar .main-navbar>ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-menu .nav-bar .main-navbar>ul>li {
    border-bottom: 3px solid transparent;
    padding: 24px 12px
}

.main-menu .nav-bar .main-navbar>ul>li>a {
    display: block;
    transition: all .5s ease
}

.main-menu .nav-bar .main-navbar>ul>li>a {
    font-size: 16px;
    color: #4d85a3;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease-in
}

.main-menu .nav-bar .main-navbar>ul>li a:hover,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:hover,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:hover h5 {
    color: #06b6e8
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li {
    margin: 0;
    padding: 0
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a,
.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a {
    padding: 15px 22px;
    position: relative;
    margin-bottom: 0;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    color: #00517c;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    max-width: 90%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a:after,
.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:after {
    content: "";
    display: block;
    background: 0 0;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .5s ease
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a:hover,
.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:hover {
    background: rgba(6, 182, 232, .1)
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a:hover:after,
.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:hover:after {
    background: #06b6e8
}

.main-menu .nav-bar .main-navbar>ul>li.active {
    color: #06b6e8;
    border-bottom: 0
}

.fixed-header .main-menu .nav-bar .main-navbar>ul>li.active>a {
    position: relative
}

.fixed-header .main-menu .nav-bar .main-navbar>ul>li.active>a::before {
    content: "";
    height: 5px;
    width: 40px;
    left: 50%;
    bottom: -27px;
    transform: translateX(-50%);
    position: absolute;
    background: #06b6e8;
    margin-left: -7px
}

body.homepage.fixed-header .main-menu .nav-bar .main-navbar>ul>li:nth-child(2).active>a::before {
    margin-left: 0
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks>ul li {
    margin-bottom: 15px
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks>ul li a {
    background-color: transparent;
    color: #337496;
    font-size: 14px;
    font-weight: 600;
    display: block;
    transition: all .3s ease-in
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks>ul li a:hover {
    color: #06b6e8
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks a h5 {
    font-size: 16px;
    color: #00517c;
    margin-bottom: 20px
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks.blogs-item a h5 {
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks.blogs-item a .tech-block.ind-block {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fff;
    color: #06b6e8 !important;
    padding: 2px 5px
}

.main-navbar .submenu .custom-mega-menu {
    min-height: 250px
}

.main-navbar .submenu .custom-mega-menu>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.main-navbar .submenu .custom-mega-menu>ul>li>a,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a {
    padding: 15px 22px;
    position: relative;
    margin-bottom: 0;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    color: #00517c;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    width: 20%;
    max-width: 240px
}

.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a {
    display: block;
    width: 100%;
    max-width: 100%;
    font-weight: normal;
    font-size: 14px
}

.main-navbar .submenu .custom-mega-menu>ul>li>a:after,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:after {
    content: "";
    display: block;
    background: 0 0;
    width: 5px;
    height: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all .5s ease;
    opacity: 0
}

.main-navbar .submenu .custom-mega-menu>ul>li>a:hover:after,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a:hover:after {
    height: 100%;
    opacity: 1
}

.main-navbar .submenu .custom-mega-menu>ul>li>a img {
    max-height: 14px;
    padding-left: 8px;
    transition: all .5s ease
}

.main-navbar .submenu .custom-mega-menu>ul>li.active .services-menu,
.main-navbar .submenu .custom-mega-menu>ul>li:hover .services-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 80%;
    position: absolute;
    padding-left: 20px
}

.main-navbar .submenu.whatdofirst .custom-mega-menu>ul>li.active .services-menu {
    position: relative;
    width: 100%;
    padding-left: 0
}

.main-navbar .submenu .custom-mega-menu>ul li.active a,
.main-navbar .submenu .custom-mega-menu>ul>li:hover a,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:hover a {
    background: rgba(6, 182, 232, .1)
}

.main-navbar .submenu .custom-mega-menu>ul>li.active a:after,
.main-navbar .submenu .custom-mega-menu>ul>li:hover a:after,
.main-navbar .who_we_are .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:hover a:after {
    background: #06b6e8
}

.main-navbar .submenu .custom-mega-menu>ul>li.active a img,
.main-navbar .submenu .custom-mega-menu>ul>li:hover a img {
    transform: translateX(5px)
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu {
    display: none;
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    list-style: none;
    padding: 0
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu li a {
    background: 0 0;
    color: #337496;
    font-size: 14px;
    line-height: 1.5;
    display: block;
    padding-bottom: 10px
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu li a:hover {
    color: #06b6e8
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu ul {
    list-style: none;
    padding: 0
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks {
    position: relative
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li {
    min-width: 25%
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks a figure {
    height: 120px
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks a figure img {
    width: 100%;
    height: 100%;
    object-fit: inherit;
    object-position: center;
    transform: translateX(0)
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks a h5 {
    color: #00517c;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.2
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks a span {
    color: #0592ba;
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: left
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li>.industries-blocks a span.date-text {
    color: #4d85a3;
    font-size: 12px;
    text-transform: uppercase
}

.main-navbar .submenu .custom-mega-menu>ul>li>.services-menu li>.industries-blocks.blogs-item a .tech-block {
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: fit-content;
    text-transform: uppercase
}

.main-navbar .submenu .custom-mega-menu.link-with-details>ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

.main-navbar .submenu .custom-mega-menu.link-with-details>ul li {
    max-width: 100%;
    width: 100%
}

.main-navbar .submenu .custom-mega-menu.link-with-details>ul li a {
    display: block;
    max-width: 100%;
    width: 100%
}

.main-navbar .submenu .custom-mega-menu.link-with-details>ul li a p {
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0
}

.whatdofirst .custom-mega-menu>ul>li {
    display: flex
}

.menu-service-block-sec {
    width: 100%;
    padding: 30px 60px 77px
}

.main-menu .menu-service-block-sec {
    padding: 22px 40px
}

.menu-industry-block-sec {
    width: 20%;
    padding: 30px 45px 77px;
    background: #f3fbff
}

.menu-industry-block-sec ul {
    list-style: none;
    padding: 0
}

.menu-industry-block-sec ul>li a h5 {
    color: #337496;
    font-size: 14px;
    line-height: 1.5
}

h2.block-main-title {
    font-size: 20px;
    color: #00517c;
    font-weight: 600;
    margin-bottom: 24px
}

span.block-main-title {
    font-size: 20px;
    color: #00517c;
    font-weight: 600;
    margin-bottom: 24px;
    display: block
}

body.homepage.fixed-header .main-menu .nav-bar .main-navbar>ul>li {
    padding: 24px 12px
}

body.homepage.fixed-header .main-menu .nav-bar .main-navbar>ul>li>a {
    color: #4d85a3
}

body.homepage .main-menu .nav-bar .main-navbar>ul>li:hover>a,
body.homepage.fixed-header .main-menu .nav-bar .main-navbar>ul>li:hover>a {
    color: #06b6e8
}

.fixed-header .main-menu {
    background-color: #fff;
    box-shadow: 1px 1px 20px 10px rgba(0, 0, 0, .1)
}

body.homepage .main-menu .nav-bar .logo .white-logo {
    display: block;
    max-width: max-content;
}

body.homepage .main-menu .nav-bar .logo .dark-logo {
    display: none
}

body.homepage.fixed-header .main-menu .nav-bar .logo .dark-logo {
    display: block;
    max-width: max-content
}

body.homepage.fixed-header .main-menu .nav-bar .logo .white-logo {
    display: none;
    max-width: max-content
}

.nav-bar .cta-btn .btn {
    white-space: nowrap
}

.fixed-header .main-menu .nav-bar .main-navbar>ul>li>a {
    color: #4d85a3
}

.fixed-header .main-menu .nav-bar .main-navbar>ul>li>a:hover {
    color: #06b6e8
}

.footer {
    background-color: #00517c;
    padding: 100px 0 0;
    color: rgba(255, 255, 255, .5)
}

.footer .footer-logo {
    margin-bottom: 32px;
    display: block
}

.footer .footer-logo img {
    max-height: 50px;
    max-width: 100%
}

.footer .footer-menu-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 32px;
    margin-top: 20px
}

.footer .footer-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer .footer-menu li {
    margin-bottom: 8px
}

.footer .footer-menu li a {
    color: rgba(255, 255, 255, .5);
    font-size: 14px
}

.footer .footer-menu li a:hover {
    color: #fff
}

.footer .fc-details {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.footer .fc-details .cell-details {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.footer .fc-details .cell-details a {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 10px 0
}

.footer .fc-details .cell-details a img {
    width: 15px;
    margin-right: 10px
}

.footer .fc-details a.email {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 10px 0
}

.footer .fc-details a.email img {
    width: 15px;
    margin-right: 10px
}

.footer .iso-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0
}

.footer .iso-wrap img {
    width: 25px
}

.footer .iso-wrap a {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    margin: 0 0 5px 10px
}

.footer .fc-details .cell-details a:hover,
.footer .fc-details a.email:hover,
.footer .iso-wrap a:hover {
    color: #fff
}

.main-menu .main-navbar ul>li>.submenu {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 100%;
    height: 0;
    padding: 22px 0;
    display: none
}

.main-menu .main-navbar ul>li>.submenu .container {
    background: #fff;
    padding: 22px 60px;
    box-shadow: 0 0 10px 8px rgb(0 0 0 / 5%);
    max-width: 75%
}

.main-menu .nav-bar .main-navbar>ul>li>a.dropdown-toggle {
    position: relative
}

.main-menu .nav-bar .main-navbar>ul>li.active .dropdown-toggle .submenu-arrow {
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    min-width: max-content;
    height: 5px
}

.main-menu .nav-bar .main-navbar>ul>li.active>a .submenu-arrow:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: auto;
    margin-left: 0;
    left: 50%;
    background-color: #fff;
    bottom: -52px;
    margin-left: 11px;
    box-sizing: border-box;
    border: 13px solid #000;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 3px 0 rgb(0 0 0 / 5%);
    z-index: 1
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a.menu-btn {
    width: auto;
    text-align: center;
    color: #fff;
    max-width: max-content
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a.menu-btn:focus,
.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a.menu-btn:hover {
    background-color: #0592ba
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu>ul>li>a.menu-btn::after {
    display: none
}

.main-navbar .submenu .custom-mega-menu>ul .menu-service-block-sec .services-menu>li>.industries-blocks a h5 {
    font-size: 16px;
    font-weight: 600
}

.main-menu .nav-bar .main-navbar>ul>li.active.no-sub-menu:after {
    display: none
}

.main-menu .main-navbar ul>li>.submenu.WhatWeDo.whatdofirst .container {
    padding: 0
}

.main-menu .main-navbar ul>li.active>.submenu {
    opacity: 1;
    height: auto;
    display: block
}

.copyright-section {
    background-color: #00517c;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 32px 0
}

.copyright-section .social-media {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0
}

.copyright-section .social-media li a {
    padding-right: 8px
}

.copyright-section p {
    margin: 0;
    text-align: right;
    color: rgba(255, 255, 255, .5)
}

.copyright-section p a {
    color: rgba(255, 255, 255, .5)
}

.copyright-section p a:hover {
    color: #fff
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #06b6e8
}

.dropdown:hover .dropdown-menu {
    display: block
}

.mega-menu {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px
}

.mega-menu-list {
    margin: 0;
    list-style: none;
    padding: 0
}

.mega-menu-list li a {
    display: flex;
    align-items: center;
    color: #00517c;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4
}

.mega-menu-list li a img {
    max-height: 14px;
    padding-left: 8px;
    transition: all .5s ease
}

.mega-list-inner {
    padding: 0;
    margin: 0;
    list-style: none
}

.mega-list-inner li img {
    width: 80%;
    max-width: 300px
}

.mega-list-inner li a {
    color: rgba(0, 81, 124, .8);
    transition: all .3s ease
}

.mega-list-inner li a:hover {
    color: #06b6e8
}

.mega-list-inner li a img {
    max-width: 10px;
    margin-right: 8px
}

.first-mega-list {
    min-width: 440px
}

.first-mega-list ul.mega-menu-list li a {
    padding: 15px 22px;
    position: relative;
    margin-bottom: 20px;
    transition: all .5s ease
}

.first-mega-list ul.mega-menu-list li a:hover,
.first-mega-list ul.mega-menu-list li.active a {
    background: rgba(6, 182, 232, .1)
}

.first-mega-list ul.mega-menu-list li a::after {
    content: "";
    display: block;
    background: 0 0;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .5s ease
}

.first-mega-list ul.mega-menu-list li a:hover::after,
.first-mega-list ul.mega-menu-list li.active a::after {
    background: #06b6e8
}

.first-mega-list ul.mega-menu-list li a:hover img {
    transform: translateX(5px)
}

.first-mega-list ul.mega-menu-list {
    max-width: 340px
}

.second-mega-list .mega-menu-list li:not(:last-child) a {
    padding-bottom: 24px
}

.second-mega-list .mega-menu-list li a:hover,
.second-mega-list .mega-menu-list li.active a {
    color: #06b6e8;
    text-decoration: underline
}

.second-mega-list .mega-menu-list li a img {
    transition: all .5s ease
}

.second-mega-list .mega-menu-list li a:hover img,
.second-mega-list .mega-menu-list li.active a img {
    transform: translateX(5px)
}

.third-mega-list .mega-list-inner li a {
    line-height: 2;
    font-weight: 600
}

.mega-menu-blogcase {
    grid-gap: 0px;
    padding: 0 0 30px;
    grid-template-columns: auto
}

.four-block-list-menu {
    display: flex;
    gap: 40px;
    justify-content: center
}

.four-block-list-menu .blog-case-block {
    flex: 1;
    max-width: 25%
}

.four-block-list-menu .blog-case-block .blog-case-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-details-desc p,
.blog-details-desc ul li {
    word-break: break-word
}

.four-block-list-menu .blog-case-block .blog-case-desc h4,
.four-block-list-menu .blog-case-block .blog-case-title h4 {
    color: #00517c;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.four-block-list-menu .blog-case-block .blog-case-desc a,
.four-block-list-menu .blog-case-block .blog-case-title a span {
    font-size: 16px;
    color: #00517c
}

.four-block-list-menu .blog-case-block .blog-case-title a img {
    transition: all .5s ease
}

.four-block-list-menu .blog-case-block .blog-case-title a:hover img {
    transform: translateX(5px)
}

.four-block-list-menu .blog-case-block .blog-case-title a img {
    width: 14px;
    margin-left: 5px
}

.four-block-list-menu .blog-case-block .blog-case-imgbox {
    margin: 40px 0 20px;
    max-height: 300px;
    border-radius: 4px
}

.four-block-list-menu .blog-case-block img {
    width: 100%
}

.four-block-list-menu .blog-case-block .blog-case-desc {
    display: flex;
    flex-direction: column
}

.four-block-list-menu .blog-case-block .blog-case-desc h4 {
    margin-bottom: 10px
}

.four-block-list-menu .blog-case-block .blog-case-desc a {
    text-decoration: underline;
    text-decoration-color: #00517c
}

.four-block-list-menu .blog-case-block .blog-case-desc a:hover,
.four-block-list-menu .blog-case-block .blog-case-title a:hover span {
    color: #06b6e8;
    text-decoration-color: #06b6e8
}

.mega-menu-what-we-are .first-mega-list {
    text-align: right
}

.mega-menu-what-we-are .first-mega-list img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    max-height: 200px;
    max-width: 200px
}

.mega-menu-what-we-are .services-mega-menu {
    grid-template-columns: repeat(3, 1fr)
}

.services-mega-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

.industries-mega-menu,
.we-do-services-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

.we-do-services-menu {
    grid-template-columns: repeat(5, 1fr)
}

.industries-mega-menu figure,
.we-do-services-menu figure {
    margin: 0;
    transition: all .5s ease;
    overflow: hidden;
    line-height: 0
}

.industries-mega-menu img,
.we-do-services-menu img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    transition: all .5s ease;
    line-height: 0
}

.industries-mega-menu h5,
.we-do-services-menu h5 {
    color: #00517c;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4
}

.industries-mega-menu a,
.we-do-services-menu a {
    text-decoration: none
}

.industries-mega-menu a:hover img,
.we-do-services-menu a:hover img {
    transform: scale(1.05)
}

.res-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    background: #4d85a3;
    position: relative
}

.res-toggler span::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #4d85a3;
    position: absolute;
    top: -10px;
    left: 0
}

.res-toggler span::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #4d85a3;
    position: absolute;
    bottom: -10px;
    left: 0
}

.homepage .res-toggler span,
.homepage .res-toggler span::after,
.homepage .res-toggler span::before {}

.fixed-header .res-toggler span,
.fixed-header .res-toggler span::after,
.fixed-header .res-toggler span::before {
    background: #4d85a3
}

.res-main-menu li.open>.dropdown-menu {
    display: block
}

.res-main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border: none;
    position: relative
}

.main-res-menu-sidebar {
    background: #fff;
    position: fixed !important;
    top: 0;
    right: 0;
    border-radius: 0;
    padding-left: 0 !important;
    height: 100vh;
    width: 330px !important;
    box-shadow: -10px 0 10px rgb(0 0 0 / 10%);
    overflow: auto
}

.res-main-menu ul li a {
    color: #00517c;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    position: relative
}

.res-main-menu ul li a b.caret {
    width: 30px;
    height: 30px;
    text-align: right
}

.res-main-menu ul li a b.caret:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.res-main-menu ul li a.dropdown-toggle.res-toggler {
    padding: 0 0 0 15px;
    width: 60px;
    height: 30px;
    justify-content: center
}

.res-main-menu ul li a img {
    max-height: 10px;
    padding-left: 8px;
    transition: all .5s ease
}

.res-main-menu ul li a:after {
    transition: all .5s ease
}

.res-main-menu ul li.open>a:after {
    transform: rotate(-180deg)
}

.close-sidemenu {
    text-align: right;
    display: block !important
}

.close-sidemenu img {
    max-width: 25px !important;
    max-height: initial !important
}

.res-main-menu ul li.open .dropdown-menu {
    padding-left: 10px
}

.res-main-menu ul.mega-menu-list li a {
    padding-right: 30px
}

.res-main-menu ul.mega-menu-list li a.menu-btn {
    width: auto;
    text-align: center;
    color: #fff;
    max-width: max-content;
    margin-left: 20px
}

.res-main-menu ul.main-res-menu-sidebar li.open>a {
    color: #06b6e8
}

.res-main-menu ul.mega-menu-list li a.active {
    color: #06b6e8
}

.dropdown-item {
    color: #00517c
}

@media screen and (min-width:1400px) {
    .main-menu .main-navbar ul>li>.submenu .container {
        max-width: 75%
    }
}

@media screen and (min-width:1201px) {
    .main-menu .nav-bar .main-navbar {
        display: block
    }
    .main-menu .nav-bar .responsive-navbar {
        display: none
    }
}

@media screen and (max-width:1400px) {
    .menu-industry-block-sec,
    .menu-service-block-sec {
        padding: 30px 20px 50px
    }
    .main-menu .main-navbar ul>li>.submenu .container {
        padding: 30px 20px
    }
}

@media screen and (max-width:1200px) {
    .main-menu .nav-bar .main-navbar {
        display: none
    }
    .main-menu .nav-bar .responsive-navbar {
        display: block
    }
    .dropdown-toggle.res-toggler:after {
        display: none
    }
    .main-menu .nav-bar .logo img {
        height: 30px
    }
    .main-menu .nav-bar {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 10px 0
    }
    .main-menu .nav-bar .cta-btn {
        margin-left: auto;
        margin-right: 15px
    }
    .footer {
        padding: 40px 0
    }
    .footer .footer-menu-title {
        margin-bottom: 16px;
        margin-top: 16px
    }
}

@media (max-width:991px) {
    .copyright-section .social-media {
        justify-content: center
    }
    .copyright-section p {
        margin: 0;
        text-align: center;
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .main-menu .nav-bar .cta-btn {
        margin-right: 0
    }
    .main-menu .nav-bar .cta-btn a {
        padding: 5px 10px;
        font-size: 16px;
        white-space: nowrap
    }
    .copyright-section br {
        display: block
    }
    .thank-inner h2 {
        font-size: 5.0625em
    }
    .thank-inner h3 {
        font-size: 2em
    }
    .thank-inner p {
        font-size: 1em
    }
    .thank-inner {
        padding: 6em 0 7em
    }
    .thank-inner .thank-line {
        margin: 6em 0 0
    }
}

a {
    text-decoration: none
}

.hero-section {
    height: 85vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center
}

.hero-section .home-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-section .container {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    top: 24%;
    margin: 0 auto
}

.hero-section .hero-content {
    color: #fff
}

.hero-section .hero-content h1 {
    font-size: 48px;
    padding-bottom: 20px
}

.hero-section .hero-content p {
    opacity: .7;
    font-weight: 400;
    padding-bottom: 20px
}

.logo-section .logo-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 65px;
    flex-wrap: wrap
}

.logo-section .logo-container ul li {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    transition: all .3s ease-in
}

.logo-section .logo-container ul li:hover {
    mix-blend-mode: normal;
    opacity: 1
}

.info-section-content {
    padding-bottom: 75px
}

.info-section-content h2 {
    font-size: 48px;
    line-height: 60px;
    padding-bottom: 16px
}

.feature-section {
    margin-bottom: 75px
}

.featur-mb-0 {
    margin-bottom: 0
}

.feature-section .feature-content {
    max-width: 470px
}

.feature-section .feature-content h3 {
    font-weight: 600;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px
}

.feature-section .feature-content h3:after {
    height: 70px;
    content: ""
}

.feature-section .feature-content .fe-div:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    margin-bottom: 16px
}

.feature-section .feature-content p {
    padding-bottom: 16px;
    margin: 0
}

.feature-section .feature-content ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.feature-section .feature-content ul li {
    padding-bottom: 10px
}

.feature-section .feature-content ul li a {
    display: flex;
    align-items: center;
    color: #00517c;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    gap: 15px
}

.feature-section .feature-content ul li a img {
    max-width: 16px
}

.feature-section .feature-image {
    position: relative
}

.feature-section .feature-image:after {
    content: "";
    position: absolute;
    height: 65px;
    width: 65px;
    top: -26px;
    right: -26px;
    background-size: cover
}

.feature-section .feature-image .feature-mini-img {
    position: absolute;
    top: -26px;
    right: -26px
}

.feature-section .feature-image-right.feature-image:after {
    right: unset;
    left: -26px;
    transform: rotate(-90deg)
}

.feature-section .feature-image.feature-image-right .feature-mini-img {
    right: unset;
    left: -26px;
    transform: rotate(-90deg)
}

.industries-section {
    background-color: #00517c;
    padding: 100px 0
}

.industries-section .section-title {
    text-align: center;
    color: #fff;
    margin-bottom: 90px
}

.industries-section .section-title .sub-title {
    text-transform: uppercase;
    margin-bottom: 0;
    opacity: 1;
    margin-bottom: 8px
}

.industries-section .section-title h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 8px
}

.industries-section .section-title p {
    opacity: .7
}

.industry-card {
    text-decoration: none
}

.industry-card .industry-image {
    margin-bottom: 16px
}

.industry-card .industry-image img {
    width: 100%;
    transition: all .3s ease
}

.industry-card .industry-image img:hover {
    transform: scale(1.1)
}

.industry-card h3.title {
    font-size: 20px;
    text-decoration: none;
    color: #fff;
    text-align: center
}

.blog-section {
    padding: 100px 0
}

.technology-section {
    padding: 100px 0
}

.blog-section .section-title {
    text-align: center;
    margin-bottom: 90px
}

.blog-section .section-title .sub-title {
    text-transform: uppercase;
    margin-bottom: 0;
    opacity: 1;
    margin-bottom: 8px;
    color: #00517c
}

.blog-section .section-title h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 8px;
    color: #00517c
}

.blog-section .section-title p {
    opacity: .7
}

.blog-card {
    text-decoration: none;
    margin-bottom: 40px
}

.blog-card .blog-image {
    margin-bottom: 16px;
    display: block
}

.blog-card .blog-image img {
    width: 100%
}

.blog-card .blog-type {
    display: inline-block;
    font-size: 14px;
    color: #00517c;
    margin-bottom: 8px
}

.blog-card .title {
    font-size: 20px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    color: #00517c
}

.blog-card .date {
    font-size: 14px;
    color: #00517c;
    margin-bottom: 8px
}

.blog-card .read-btn {
    color: #00517c;
    text-decoration: underline
}

.cta-section {
    background-color: #06b6e8;
    padding: 30px 0
}

.cta-section .cta-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.cta-section .cta-container h3 {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 0
}

.cta-section .cta-container a {
    display: inline-block;
    padding: 14px 60px;
    background-color: #fff;
    line-height: 20px;
    font-weight: 700;
    color: #06b6e8
}

.cta-section .cta-container a:hover {
    background-color: #f1f1f1
}

@media screen and (max-width:1200px) {
    .hero-section .hero-content h1 {
        font-size: 32px;
        padding-bottom: 20px
    }
    .info-section-content h2 {
        font-size: 32px;
        line-height: 35px;
        padding-bottom: 16px
    }
    .logo-section .logo-container ul {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .info-section-content {
        padding-bottom: 40px
    }
    .hero-section {
        height: 65vh
    }
    .hero-section .hero-content {
        color: #fff
    }
    .feature-section .feature-content {
        padding: 24px
    }
    .feature-section {
        margin-bottom: 40px
    }
    .blog-section .section-title h3,
    .industries-section .section-title h3 {
        font-size: 32px;
        line-height: 45px
    }
    .industries-section {
        padding: 40px 0
    }
    .blog-section .section-title,
    .industries-section .section-title {
        margin-bottom: 30px
    }
    .blog-section {
        padding: 40px 0
    }
    .cta-section .cta-container {
        flex-wrap: wrap;
        text-align: center
    }
    .cta-section .cta-container h3 {
        display: block;
        margin-right: 0;
        margin-bottom: 16px;
        width: 100%
    }
    .feature-section .feature-content {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .industry-card .industry-image img:hover {
        transform: scale(.9)
    }
    .grow-business-inner-sec .grow-business-acc.grow-business-acc-img {
        margin-bottom: 30px
    }
}

@media screen and (max-width:575px) {
    .hero-section .container {
        top: 20%
    }
}

.our-services-inner-sec {
    padding-bottom: 65px
}

.our-services-inner-sec .col-12 {
    display: flex;
    flex-direction: column
}

.services-more {
    background: #f2fcff;
    padding: 32px 24px;
    margin-bottom: 24px;
    flex: 1;
    color: #00517c;
    transition: all .3s ease
}

.services-more:hover {
    background: #06b6e8
}

.services-more a {
    color: #00517c
}

.services-more img {
    margin-bottom: 24px;
    width: 48px;
    height: auto;
    display: block;
    transition: all .3s ease;
    filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
    -webkit-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
    -moz-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
}

.services-more:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1)
}

.services-more h4 {
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    transition: all .3s ease
}

.services-more p {
    font-size: 16px;
    margin-bottom: 0;
    transition: all .3s ease
}

.services-more .service-more-mb {
    margin-bottom: 16px
}

.services-more:hover h4,
.services-more:hover p {
    color: #fff
}

.grow-business-inner-sec {
    padding-bottom: 0
}

.grow-business-inner-sec.grow-bussiness-inner-sec-wrap {
    padding-bottom: 60px
}

.grow-bussiness-inner-sec-wrap .grow-business-desc p {
    padding-bottom: 0
}

.dxp-deliver-solutions {
    box-shadow: 0 25px 25px rgb(0 0 0 / 5%)
}

.dxp-deliver-solutions .grow-business-desc p {
    padding: 0
}

.grow-bussiness-pt {
    padding-top: 150px
}

.learn-more {
    font-size: 16px;
    color: #00517c;
    text-decoration: none;
    transition: all .5s ease
}

.learn-more:hover {
    color: #06b6e8
}

.learn-more img {
    max-width: 100%;
    max-height: 16px;
    padding-left: 3px
}

.inner-common-pb-0 p {
    padding-bottom: 0 !important
}

.inner-common-title-sec h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #00517c;
    letter-spacing: -1px;
    text-transform: capitalize
}

.inner-common-title-sec p {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 60px
}

.grow-business-acc img {
    max-width: 100%
}

.grow-business-desc {
    max-width: 80%
}

.grow-business-inner-sec .b-process-automation {
    max-width: 100%;
    text-align: center
}

.grow-business-inner-sec .d-commerce-service {
    margin: 0 auto
}

.grow-business-inner-sec .d-commerce-service h2 {
    text-align: center
}

.inner-text-middle {
    display: flex;
    align-items: center
}

.best-service-pt-0 {
    padding-top: 0 !important
}

.best-service-pb-0 {
    padding-bottom: 0 !important
}

.best-services-sec {
    padding: 150px 0
}

.best-services-sec .inner-common-title-sec {
    text-align: center;
    max-width: 617px;
    margin: 0 auto
}

.best-services-sec .col-12 {
    display: flex;
    flex-direction: column
}

.best-services-sec .services-more {
    border-top: 5px solid transparent;
    flex: 1
}

.best-services-sec .services-more ul {
    padding: 0 0 0 20px;
    margin: 0
}

.best-services-sec .services-more ul li {
    color: #06b6e8
}

.best-services-sec .services-more ul li a {
    color: #00517c
}

.best-services-sec .services-more:hover {
    border-color: #06b6e8;
    background: #fff;
    box-shadow: 0 25px 25px rgb(0 0 0 / 5%)
}

.best-services-sec .services-more:hover img {
    filter: brightness(0) invert(0)
}

.best-services-sec .services-more:hover h4,
.best-services-sec .services-more:hover p {
    color: #00517c
}

.promote-web-sec {
    padding: 160px 0 100px
}

.promote-web-sec .inner-common-title-sec {
    max-width: 617px
}

.web-features {
    display: flex;
    align-items: flex-start;
    padding-bottom: 60px
}

.web-features img {
    max-width: 20px;
    width: 100%;
    height: auto
}

.web-features .web-features-inner {
    padding-left: 15px
}

.web-features-inner h4 {
    font-size: 20px;
    margin-bottom: 16px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #00517c;
    transition: all .3s ease
}

.web-features-inner p {
    font-size: 16px;
    margin-bottom: 0;
    color: #00517c;
    transition: all .3s ease
}

.custom-btn {
    padding: 20px 40px;
    font-size: 15px;
    color: #00517c;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    transition: all .5s ease;
    border: none
}

.custom-btn:hover {
    background: #ddd
}

.services-more:visited img {
    filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
    -webkit-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
    -moz-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
}

@media (max-width:1200px) {
    .grow-business-desc {
        max-width: 100%
    }
}

@media (max-width:992px) {
    .grow-business-inner-sec,
    .our-services-inner-sec {
        padding-bottom: 0
    }
    .best-services-sec {
        padding: 70px 0
    }
    .inner-common-title-sec h2 {
        font-size: 32px
    }
    .feature-section .feature-image .feature-mini-img {
        display: none
    }
}

@media (max-width:991px) {
    .services-more:hover {
        background: #06b6e8
    }
    .services-more:hover img {
        filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
        -webkit-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
        -moz-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
    }
    .services-more:hover h4,
    .services-more:hover p {
        color: #00517c
    }
}

@media (max-width:767px) {
    .grow-business-inner-sec,
    .our-services-inner-sec {
        padding-bottom: 0
    }
    .best-services-sec {
        padding: 50px 0
    }
    .custom-btn {
        padding: 10px 30px
    }
    .grow-business-desc {
        margin-bottom: 30px
    }
    .inner-common-title-sec p {
        padding-bottom: 30px
    }
    .services-more:hover img {
        filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
        -webkit-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%);
        -moz-filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
    }
    .services-more:hover h4,
    .services-more:hover p {
        color: #00517c
    }
    .grow-bussiness-pt {
        padding-top: 0
    }
}

.our-office {
    padding: 80px 0
}

form input {
    border: none !important;
    height: 50px;
    background-color: #fff !important
}

form textarea {
    height: 116px;
    border: none !important;
    background-color: #fff !important
}

form input:focus,
form textarea:focus {
    box-shadow: none !important;
    outline: 0
}

.our-office-header h2 {
    font-size: 42px;
    color: #27222e;
    font-weight: 600;
    margin-bottom: 20px
}

.our-office-header p {
    max-width: 56%;
    margin: 0 auto;
    color: #5b5860;
    font-size: 16px
}

.our-office-location .card {
    border: none;
    height: 100%;
    height: 100%
}

.our-office-location .card-body {
    border: none;
    padding: 30px;
    background-color: #edf3f6;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #ffffff00;
    transition: all .3s ease-in-out
}

.our-office-location .card-body:hover {
    background-color: #fff;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #06b6e8;
    box-shadow: 0 40px 80px 0 rgb(121 90 155 / 18%);
    transition: all .3s ease-in-out
}

.get-direction {
    display: none;
    transition: all .3s ease-in-out
}

.our-office-location .card-body:hover .get-direction {
    display: block;
    transition: all .3s ease-in-out
}

.get-direction a {
    color: #06b6e8;
    text-decoration: none;
    font-weight: 600
}

.get-direction a img {
    height: 16px;
    margin-left: 4px
}

.our-office-location .card-body h2 {
    color: #27222e;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase
}

.our-office-location .card-body p {
    font-size: 16px
}

.our-office-location .card-body .our-location-flag img {
    height: 40px
}

section.we-help {
    background-color: #151316
}

.we-help-detail .we-help-ic img {
    height: 80px
}

.we-help-title h3 {
    color: #27222e;
    font-weight: 700;
    font-size: 20px
}

.we-help .contact a img {
    height: 18px;
    margin-left: 8px
}

.we-help .contact a {
    font-weight: 600;
    color: #06b6e8;
    text-decoration: none
}

.we-help-quote p {
    color: #5b5860;
    margin: 20px 0
}

.we-help-detail .card-body {
    padding: 30px;
    background-color: #fff;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #fff
}

.we-help-detail .card:hover {
    box-shadow: 0 40px 80px 0 rgb(121 90 155 / 18%);
    transition: all .3s ease-in-out
}

.we-help-detail .card:hover .card-body {
    background-color: #fff;
    border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #06b6e8;
    box-shadow: 0 40px 80px 0 rgb(121 90 155 / 18%);
    transition: all .3s ease-in-out
}

.ready-to-help-header h2 {
    font-size: 42px;
    color: #fcfcfc;
    font-weight: 600;
    margin-bottom: 20px
}

.ready-to-help-header p {
    max-width: 56%;
    margin: 0 auto;
    color: #8b888e;
    font-size: 16px
}

.location-map {
    line-height: 1
}

.we-help-detail {
    margin-top: 90px
}

.we-help-detail .card {
    overflow: hidden;
    margin-bottom: -194px;
    border: none
}

.lets-talk .form-control {
    border: 1px solid #ced4da !important
}

section.lets-talk {
    padding: 80px 0
}

.lets-talk .lets-talk-header h2 {
    font-size: 42px;
    color: #27222e;
    font-weight: 600;
    margin-bottom: 20px
}

.lets-talk .lets-talk-quote p {
    max-width: 76%;
    font-size: 16px;
    color: #8b888e;
    margin-bottom: 35px
}

.lets-talk .call-detail a img {
    height: 14px;
    margin-right: 10px
}

.lets-talk .call-detail a {
    color: #8b888e;
    text-decoration: none;
    margin-bottom: 10px
}

.lets-talk .call-detail a:hover {
    color: #06b6e8
}

.our-office-location {
    padding-top: 34px
}

.location-map {
    padding: 0
}

@media (max-width:1200px) {
    .main-title p {
        max-width: 50%
    }
    .our-office-location .card {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:991px) {
    .container {
        max-width: 100%
    }
    .our-office-location .card {
        padding-bottom: 20px
    }
    .we-help-detail .card {
        margin-bottom: 20px
    }
    section.lets-talk {
        padding-top: 80px
    }
}

@media only screen and (max-width:767px) {
    .our-office {
        padding: 40px 0
    }
    .get-direction {
        display: block
    }
    .lets-talk form {
        margin-top: 30px
    }
    .our-office-header p,
    .ready-to-help-header p {
        max-width: 100%
    }
    .lets-talk .lets-talk-header h2,
    .our-office-header h2,
    .ready-to-help-header h2 {
        font-size: 36px
    }
    .we-help-detail .card {
        margin-bottom: 20px
    }
    section.lets-talk {
        padding-top: 80px
    }
    .main-title p {
        max-width: 100%
    }
}

.career-wrapper {
    padding: 0 0 80px 0
}

.facilities {
    padding: 80px 0
}

.apply-job {
    padding: 80px 0
}

.career-detail-wrapper {
    padding: 0 0 80px 0
}

.career-wrapper .career-box-detail {
    border: 1px solid #e2e8eb;
    padding: 40px 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.career-wrapper .career-box-detail:hover {
    border-color: #06b6e8
}

.career-detail-sub-head p,
.career-sub-head p,
.facilities-sub-head p {
    color: #4b4b4b;
    position: relative;
    padding-left: 32px;
    margin-bottom: 0;
    text-transform: uppercase
}

.career-detail-sub-head p:before,
.career-sub-head p:before,
.facilities-sub-head p::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #06b6e8;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.career-detail-head h2,
.career-head h2,
.facilities-head h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px
}

.career-box-wrapper {
    margin-top: 30px
}

.career-box-detail h2 {
    margin-bottom: 36px;
    font-weight: 700;
    font-size: 22px
}

.career-box-detail a {
    color: #4a4a4a;
    font-size: 20px;
    text-decoration: none;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center
}

.career-box-detail a img {
    height: 20px;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.career-box-detail a:hover,
.career-wrapper .career-box-detail:hover a {
    color: #06b6e8
}

.career-box-detail a:hover img {
    margin-left: 15px
}

.career-wrapper .career-box-detail:hover a img {
    margin-left: 15px
}

.career-box-wrapper .col-lg-3 {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column
}

.facilities {
    background-color: #ecf6fa
}

.facility-detail-wrapper {
    margin-top: 20px
}

.benefits-wrapper {
    text-align: center
}

.benefits-wrapper img {
    max-height: 300px
}

.facility-detail-wrapper ul li {
    margin-bottom: 14px;
    list-style: none;
    color: #00517c;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding-left: 30px
}

.facility-detail-wrapper ul li:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(./images/right-arrow-icon.svg);
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.facility-detail-wrapper h2 {
    font-size: 20px;
    color: #131313;
    font-weight: 600
}

.facility-detail-wrapper p {
    color: #5b5860;
    font-size: 16px
}

.career-detail-head {
    margin-bottom: 20px
}

.responsibilities-list ul {
    padding: 0
}

.our-benefits h2,
.responsibilities-list h2 {
    color: #131313;
    font-weight: 600;
    margin-bottom: 20px
}

.responsibilities-list ul li {
    padding-left: 20px;
    position: relative;
    padding-bottom: 7px;
    font-size: 16px;
    list-style: none
}

.responsibilities-list ul li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #06b6e8;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    margin: auto 0
}

.our-benefitslist h3 {
    font-size: 18px;
    font-weight: 600
}

.our-benefitslist p {
    font-size: 16px;
    max-width: 90%
}

.apply-job {
    background-image: url(../img/our-office.jpg);
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

.apply-job .form-wrapper {
    padding: 60px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 20px
}

input#resume_file::-webkit-file-upload-button {
    background-color: #06b6e8;
    border: none;
    border-radius: 20px;
    color: #fff;
    margin: 10px 10px 10px 0
}

.apply-job .form-wrapper input,
.apply-job .form-wrapper textarea {
    border-bottom: 1px solid #eaebeb !important;
    border-radius: 0 !important;
    padding: 0
}

.apply-job .form-wrappe .form-check .form-check-input {
    border: 1px solid #000
}

#apply-for-post {
    scroll-margin-top: -70px
}

.apply-job .form-wrappe .form-check label,
.apply-job .form-wrapper input::placeholder,
.apply-job .form-wrapper textarea::placeholder {
    color: #00517c;
    font-weight: 400;
    font-size: 16px
}

.apply-job .form-wrapper .form-control[type=file]:not(:disabled):not([readonly]) {
    color: #00517c;
    font-weight: 400;
    font-size: 16px
}

.apply-job .form-wrapper button {
    display: inline-block;
    width: auto;
    margin-top: 32px
}

.facility-detail-wrapper .row {
    align-items: center
}

.feature-content h3:after {
    height: 70px;
    content: ""
}

.apply-job-form h3,
.career-detail-head h3,
.career-head h3,
.facilities-head h3,
.responsibilities-list h3 {
    font-weight: 600;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px
}

.fe-div:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    margin-bottom: 16px
}

@media only screen and (max-width:991px) {
    .facility-detail-wrapper ul {
        padding-top: 42px
    }
    .feature-section .feature-image:after {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .grow-business-acc {
        margin-bottom: 16px
    }
    .career-detail-head h2,
    .career-head h2,
    .facilities-head h2 {
        font-size: 36px
    }
    .apply-job .form-wrapper {
        padding: 30px
    }
    br {
        display: none
    }
    .inv-contact-details br {
        display: block
    }
    .facility-detail-wrapper .col-lg-3 {
        margin-bottom: 30px
    }
    .apply-job .form-wrapper button {
        width: 100%
    }
}

section.error-wrapper {
    padding-top: 230px;
    background-color: transparent;
    background-image: radial-gradient(at top right, #06b6e80f 60%, #fff 60%);
    padding-bottom: 80px
}

.error-header h2 {
    font-size: 72px;
    color: #27222e
}

.error-quote p {
    color: #4b4b4b
}

.home-page-btn {
    margin-top: 30px
}

.not-found-img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

.not-found-details {
    margin-top: 70px
}

.terms-condition-wrapper ul li {
    padding-left: 32px;
    position: relative;
    color: #4b4b4b;
    padding-bottom: 7px;
    font-size: 16px;
    list-style: none
}

.terms-condition-wrapper ul li:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(./images/right-arrow-icon.svg);
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.terms-condition-wrapper ul {
    padding: 0
}

.terms-condition-wrapper {
    padding: 80px 0
}

.insight-section {
    padding-bottom: 100px
}

.insight-section a {
    text-decoration: none
}

.blog-details-section .related-title {
    padding: 20px 0;
    font-weight: 700;
    margin-top: 30px
}

.blog-post-main {
    margin-bottom: 32px
}

.blog-post-main .blog-post-img-main .ind-block {
    position: absolute;
    padding: 2px 5px;
    font-size: 12px;
    background-color: #fff;
    top: 5px;
    left: 5px;
    z-index: 99
}

.blog-post-main .blog-post-img-main {
    overflow: hidden;
    height: 208px;
    max-width: 100%;
    width: 100%;
    position: relative
}

.blog-details-main .case-studies-ind,
.blog-post-main .blog-post-description .case-studies-ind {
    font-size: 11px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 700
}

.blog-post-main .blog-post-img-main .blog-post-img {
    transform: scale(1);
    background-position: 50%;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    height: 100%;
}

.blog-post-main:hover .blog-post-img-main .blog-post-img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.blog-post-main .blog-post-img-main .blog-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-post-main .blog-post-description {
    margin-top: 22px
}

.blog-post-main .blog-post-description .blog-post-title {
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 11px;
    font-size: 11px;
    font-weight: 700;
    color: #06b6e8;
    margin-top: 0;
    margin-bottom: 12px;
    display: inline-block;
    background-color: rgb(22 183 229 / 10%);
    padding: 5px
}

.blog-post-main .blog-post-description h4 {
    transition: all .25s cubic-bezier(.42, 0, .29, 1.16);
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-post-main .blog-post-description h4 span {
    background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
    background-position: 100% 95%;
    background-size: 0 2px;
    transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s;
    display: inline;
    background-repeat: no-repeat
}

.blog-post-main:hover .blog-post-description h4 span {
    background-size: 100% 2px;
    background-position: 0 95%
}

.blog-post-main .blog-post-description p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #4d85a3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-post-main .blog-post-description .blog-post-footer {
    font-size: 8px;
    margin-top: 1.5em;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 11px;
    font-weight: 600
}

.blog-post-main .blog-post-description .blog-post-footer span {
    color: #a0a0a0;
    font-size: 12px
}

.blog-post-main .blog-post-description .blog-post-footer .blog-post-footer-dot {
    margin: 0 6px;
    background-color: #a0a0a0;
    width: 4px;
    height: 3px;
    border-radius: 12px;
    display: inline-block;
    vertical-align: middle
}

@media (min-width:1200px) {
    .blog-post-main .blog-post-description {
        margin-top: 20px
    }
    .blog-post-main .blog-post-description h4 {
        font-size: 24px
    }
    .blog-post-main .blog-post-description .blog-post-title,
    .case-studies-ind,
    .tech-block {
        font-size: 11px;
        margin-bottom: 0;
        display: inline-block;
        background-color: rgb(22 183 229 / 10%);
        padding: 5px
    }
    .blog-post-main .blog-post-description p {
        font-size: 16px
    }
    .blog-post-main .blog-post-description .blog-post-footer,
    .blog-post-main .blog-post-description .blog-post-footer span {
        font-size: 11px
    }
}

@media (max-width:1200px) {
    .main-title p {
        max-width: 50%
    }
}

@media (max-width:767px) {
    .main-title p {
        max-width: 100%
    }
    .main-title h1 {
        font-size: 38px
    }
}

.blog-details-section {
    padding: 90px 0 0
}

.b-casestudy-section {
    padding: 75px 0 0
}

.case-studies-section {
    padding: 75px 0 40px
}

.case-title {
    margin: 0
}

.case-studies-main .main-title .case-title {
    color: #fff
}

.case-studies-main .main-title .case-title .text-primary {
    color: #fff !important
}

.case-studies-main .main-title nav ol a {
    color: #fff !important
}

.case-studies-main {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

.case-studies-main .main-title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 1
}

.case-studies-main img {
    width: 100%;
    height: 400px;
    object-fit: cover
}

.case-studies-main::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 81, 124, .8)
}

.margin-auto {
    margin: 0 auto
}

.blog-details-section .blog-details-main h1,
.blog-details-section .blog-details-main h2 {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 35px;
    color: #06b6e8
}

.blog-details-section .blog-details-desc img,
.blog-details-section .blog-details-main .blog-details-main-img img {
    max-width: 100%;
    margin-bottom: 15px;
    height: auto
}

.blog-details-section .blog-details-main .breadcrumb {
    justify-content: flex-start;
    margin: 0 0 20px 0
}

.blog-details-section .blog-details-main .blog-details-desc p a {
    text-decoration: underline
}

.blog-details-section .blog-details-main .blockquote-main {
    border-left: solid 2px #06b6e8;
    padding-left: 32px;
    margin-top: 32px
}

.blog-details-section .blog-details-main .blockquote-main .blockquote-footer {
    color: #06b6e8;
    padding-top: 16px
}

.blog-details-section .blog-details-main .blog-details-desc h3,
.blog-details-section .blog-details-main .blog-details-desc h4,
.blog-details-section .blog-details-main .blog-details-desc h5,
.blog-details-section .blog-details-main .blog-details-desc h6 {
    font-weight: 700;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px
}

.blog-details-section .blog-details-main .blog-details-desc .code-example {
    background: #f6fbfd;
    padding: 20px;
    margin-bottom: 20px
}

.blog-details-section .blog-details-main .blog-details-desc .blog-list-points,
.blog-details-section .blog-details-main .blog-details-desc ol {
    padding: 0;
    margin: 0;
    padding-left: 0;
    padding-bottom: 20px
}

.blog-details-section .blog-details-main .blog-details-desc .blog-list-points li,
.blog-details-section .blog-details-main .blog-details-desc ol li {
    padding-left: 30px;
    list-style-type: none;
    position: relative
}

.blog-details-section .blog-details-main .blog-details-desc .blog-list-points li::before,
.blog-details-section .blog-details-main .blog-details-desc ol li::before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(./images/right-arrow-icon.svg);
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.blog-details-section .blog-details-main .blog-details-desc .tag-cloud-main {
    margin-top: 24px
}

.blog-details-section .aside-section {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    padding-bottom: 50px;
    max-width: 700px
}

.blog-details-section .recent-post-main h3,
.blog-details-section .tag-cloud-main h3 {
    margin-bottom: 17.6px;
    font-weight: 600;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px;
    font-weight: 700
}

.aside-section #dwcastudies {
    padding: 6px 9px
}

.aside-section .recent-post-main .case-studies-form {
    width: 100%;
    display: grid;
    grid: auto/auto auto;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    grid-gap: 10px;
    padding: 16px;
    margin: 16px 0;
    background: rgba(6, 182, 232, .03)
}

.aside-section .dw-c-studies-heading {
    display: flex;
    margin-top: 40px
}

.aside-section .dw-c-studies-heading button {
    margin-left: auto
}

.blog-details-section .recent-post-main .recent-post-list,
.blog-details-section .tag-cloud-main ul {
    margin: 0;
    padding: 0
}

.blog-details-section .recent-post-main .recent-post-list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.blog-details-section .recent-post-main .recent-post-list li:last-child {
    border-bottom: none
}

.blog-details-section .recent-post-main .recent-post-list .recent-post-img {
    max-width: 70px;
    max-height: 70px
}

.blog-details-section .recent-post-main .recent-post-list .recent-post-img img {
    height: 70px;
    width: 70px;
    object-fit: cover
}

.blog-details-section .recent-post-main .recent-post-list a {
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none
}

.blog-details-section .recent-post-main .recent-post-list a:focus,
.blog-details-section .recent-post-main .recent-post-list a:hover {
    color: #06b6e8
}

.blog-details-section .tag-cloud-main ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.blog-details-section .tag-cloud-main ul li {
    display: inline-flex
}

.blog-details-section .tag-cloud-main ul li a {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    border: 1px solid #e6e9ec;
    line-height: 1.5;
    border-radius: 50px;
    text-decoration: none
}

.blog-details-section .tag-cloud-main ul li a:focus,
.blog-details-section .tag-cloud-main ul li a:hover {
    background-color: #06b6e8;
    color: #fff
}

.aside-section .download-casestudy-form input {
    border: solid 1px #ececec !important
}

.aside-section .download-casestudy-form .form-group {
    margin-bottom: 10px
}

@media (min-width:1024px) {
    .blog-details-section {
        padding: 120px 0 40px
    }
    .b-casestudy-section {
        padding: 75px 0 0
    }
    .blog-details-section .aside-section {
        top: 120px
    }
    .blog-details-main {
        width: 100%;
        margin: 0 auto
    }
    .blog-details-section .blog-details-main h1,
    .blog-details-section .blog-details-main h2 {
        font-size: 48px;
        line-height: 60px
    }
    .blog-details-section .blog-details-main h2 {
        color: #00517c;
        font-size: 28px;
        margin: 0
    }
    .blog-details-section .blog-details-main .breadcrumb {
        margin: 0 0 30px 0
    }
    .blog-details-section .tag-cloud-main ul {
        gap: 16px
    }
    .blog-details-section .blog-details-desc .tag-cloud-main ul {
        gap: 5px
    }
}

@media (min-width:768px) {
    .blog-details-section .aside-section {
        display: block
    }
}

.casestudie-details-section {
    padding-top: 120px;
    padding-bottom: 0
}

.casestudie-details-section .case-studies-padding {
    padding-top: 16px;
    padding-bottom: 0
}

.case-studie-banner-main {
    background-image: url("../img/blog/blog-1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    overflow: hidden
}

.casestudie-details-section img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.casestudie-details-section .case-studie-banner {
    transform: translateY(50%)
}

.casestudie-title-details {
    text-align: center
}

.casestudie-details-section .case-studie-banner .casestudie-title-details .banner-heading {
    font-size: 32px;
    font-weight: 700;
    color: #fff
}

.casestudie-details-section .case-studie-banner .casestudie-title-details .lead {
    font-size: 16px;
    color: #fff
}

.casestudie-details-section .case-box-section-two {
    background-color: #0592ba;
    padding: 50px 40px 50px;
    height: 300px;
    margin-bottom: 15px
}

.casestudie-details-section .case-box-section-two h3 {
    color: #fff;
    font-weight: 700;
    font-size: 22px
}

.casestudie-details-section .case-box-section-two p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 14px
}

.casestudie-details-section .case-studie-detail-box {
    background-color: #0aafdd;
    padding: 30px;
    margin-bottom: 16px
}

.casestudie-details-section .case-studie-detail-box ul {
    margin: 0;
    padding: 0
}

.casestudie-details-section .case-studie-detail-box ul li {
    color: #fff;
    list-style: none
}

.casestudie-details-section .challenge-solutions {
    margin-bottom: 15px
}

.casestudie-details-section .challenge-solutions h4 {
    color: #000;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 20px
}

.casestudie-details-section .challenge-solutions p {
    color: #000;
    font-weight: 400;
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 0
}

.casestudie-details-section .casestudie-project-photos img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.casestudie-details-section .lets-work-container {
    background-color: #0592ba
}

.casestudie-details-section .lets-work-section {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1136px
}

.casestudie-details-section .lets-work-section h2 {
    color: #fff;
    margin-bottom: 0
}

.casestudie-details-section .btn-white {
    background-color: #fff;
    color: #0592ba
}

.casestudie-details-section .btn-white:focus,
.casestudie-details-section .btn-white:focus-visible,
.casestudie-details-section .btn-white:hover {
    background-color: #f1f1f1
}

.casestudie-details-section .caseproject-photos img {
    padding-bottom: 16px
}

@media (min-width:1200px) {
    .casestudie-details-section .case-studies-padding {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .casestudie-details-section .case-studie-banner .casestudie-title-details .banner-heading {
        font-size: 60px;
        line-height: 1.5
    }
    .casestudie-details-section .case-studie-banner .casestudie-title-details .lead {
        font-size: 24px
    }
    .casestudie-details-section .case-box-section-two {
        margin-bottom: 0
    }
    .casestudie-details-section .case-box-section-two h3 {
        font-size: 30px
    }
    .casestudie-details-section .case-box-section-two p {
        font-size: 18px
    }
    .casestudie-details-section .case-studie-detail-box {
        margin-bottom: 0
    }
    .casestudie-details-section .challenge-solutions {
        margin-bottom: 0
    }
    .casestudie-details-section .challenge-solutions p {
        line-height: 24px;
        font-size: 16px
    }
    .casestudie-details-section .challenge-solutions h4 {
        font-size: 24px
    }
    .casestudie-details-section .case-box-section-two {
        padding: 50px 40px 50px
    }
    .casestudie-details-section .case-studie-detail-box ul li {
        margin-bottom: 20px
    }
    .case-studie-banner-main {
        height: 350px
    }
    .casestudie-details-section .case-studie-banner {
        transform: translateY(30%)
    }
    .casestudie-title-details {
        text-align: left
    }
    .case-studies-main {
        height: 400px;
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .casestudie-details-section .case-studie-banner .casestudie-title-details .banner-heading {
        margin-bottom: 0
    }
    .casestudie-details-section .case-studie-banner .casestudie-title-details .banner-heading {
        font-size: 48px
    }
}

@media (min-width:768px) {
    .casestudie-details-section .case-box-section-two {
        padding: 50px 30px 50px
    }
    .casestudie-details-section .case-studie-detail-box ul li {
        margin-bottom: 5px
    }
    .casestudie-details-section .case-studies-padding {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .caseproject-photos img {
        padding-bottom: 0
    }
    .casestudie-details-section .lets-work-section {
        padding: 30px 0;
        flex-direction: row;
        gap: 0
    }
}

.industries-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.industries-wrap section {
    margin: 45px 0
}

.industries-wrap h2 {
    font-weight: 600;
    color: #00517c
}

.industries-text {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.industries-solution {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.industries-solution .text-wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    padding: 25px;
    background: #f3fbff;
    transition: .3s;
    border: 1px solid #fff
}

.industries-solution .text-wrap:hover {
    background: #00517c;
    color: #fff;
    box-shadow: rgba(121, 90, 155, .18) 0 40px 80px 0
}

.industries-solution .text-wrap h3 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 20px 0;
    padding: 0;
    color: #00517c
}

.industries-solution .text-wrap:hover h3 {
    color: #fff
}

.industries-solution .text-wrap p {
    margin: 0;
    padding: 0
}

.industries-functions .text-wrap img {
    filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
}

.industries-solution .text-wrap img {
    filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
}

.industries-solution .text-wrap:hover img {
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(104%) contrast(101%)
}

.industries-functions {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.industries-functions .text-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #06b6e8;
    padding: 20px 15px;
    margin: 0 0 25px 0;
    border-radius: 5px;
    height: calc(100% - 25px)
}

.industries-functions .text-wrap h4 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 0 0;
    padding: 0;
    color: #00517c
}

.industries-development {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.industries-development .list {
    display: flex;
    justify-content: center;
    padding: 20px;
    background: #f3fbff;
    border-top: 5px solid transparent;
    transition: .3s;
    margin: 0 0 25px 0
}

.industries-development .list:hover {
    background: #fff;
    border-color: #00517c;
    box-shadow: rgba(105, 102, 108, .06) 0 40px 80px 0
}

.industries-development .list .icon {
    margin-right: 20px
}

.industries-development .list h4 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    color: #00517c
}

.industries-development .list img {
    filter: invert(19%) sepia(96%) saturate(1902%) hue-rotate(180deg) brightness(88%) contrast(103%)
}

.accordion-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.accordion .accordion-item {
    border: 0;
    margin: 0;
    border-bottom: 1px solid #e2e8eb
}

.accordion .accordion-header {
    margin: 0;
    padding: 0;
    border: 0
}

.accordion-item:first-of-type .accordion-button {
    border-radius: 0
}

.accordion .accordion-button {
    background-color: transparent;
    padding: 30px 35px 30px 0;
    font-size: 20px;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
    color: #00517c;
    font-size: 20px
}

.accordion .accordion-button.collapsed {
    margin: 0
}

.accordion .accordion-button:after {
    content: "-";
    background: 0 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00517c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.accordion .accordion-button.collapsed:after {
    content: "+"
}

.accordion .accordion-button:before {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 0;
    transition: all .5s ease
}

.accordion .accordion-button.collapsed::before {
    background-color: transparent
}

.accordion-body {
    padding: 30px 0
}

.accordion-body p {
    color: #00517c;
    font-size: 16px;
    line-height: 2
}

.tab-list .nav-link {
    font-size: 20px;
    font-weight: 600;
    color: #00517c;
    border-radius: 0
}

.nav-tabs .nav-link.active {
    color: #06b6e8
}

@media screen and (max-width:767px) {
    .tab-list .nav-link {
        font-size: 16px
    }
    .industries-functions .text-wrap h4 {
        font-size: 16px
    }
    .industries-wrap section {
        margin: 25px 0
    }
}

h3.title {
    font-weight: 600;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px
}

.ti-div:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    margin-bottom: 16px
}

.overview-text {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.overview-whyus {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 45px 0
}

.overview-whyus h2 {
    font-weight: 600;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    line-height: 32px
}

.overview-whyus .text-wrap {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin: 0;
    padding: 25px;
    background: #f3fbff;
    transition: .3s;
    border: 1px solid #fff
}

.overview-whyus .text-wrap h3 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 20px 0;
    padding: 0;
    color: #00517c
}

.overview-whyus .text-wrap:hover {
    background: #00517c;
    color: #fff;
    box-shadow: rgba(121, 90, 155, .18) 0 40px 80px 0
}

.overview-whyus .text-wrap:hover h3 {
    color: #fff
}

.overview-whyus .text-wrap p {
    margin: 0;
    padding: 0
}

.overview-whyus .text-wrap img {
    filter: invert(66%) sepia(33%) saturate(7461%) hue-rotate(156deg) brightness(100%) contrast(95%)
}

.overview-whyus .text-wrap:hover img {
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(104%) contrast(101%)
}

.team-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0 0 70px 0
}

.team {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 35px 0
}

.team a {
    text-decoration: none
}

.team .team-img {
    overflow: hidden
}

.team .team-img img {
    transition: .5s
}

.team a:hover .team-img img {
    transform: scale(1.1)
}

.team .team-content {
    text-align: center
}

.team .team-content .team-name {
    margin: 10px 0 5px 0;
    padding: 0;
    font-weight: 700
}

.team .team-content p {
    margin: 0;
    padding: 0
}

.leadership {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 100px 0
}

.leadership .member {
    background: #f3fbff;
    padding: 0 45px;
    border: 1px solid #fff;
    height: 100%;
    transition: all .3s ease-in-out
}

.leadership .member:hover {
    background-color: #6ad3f1
}

.leadership .member a {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    color: #fff;
    text-decoration: none;
    height: 100%;
    flex-wrap: wrap
}

.leadership .member a .member-content {
    width: 100%;
    color: #fff;
    margin-bottom: auto;
    margin-top: 40px
}

.leadership .member a .member-content .member-name {
    font-weight: 600;
    color: #00517c;
    font-size: 20px
}

.leadership .member a .member-content p {
    color: #06b6e8;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-size: 14px;
    margin: 0
}

.leadership .member:hover a .member-content p {
    color: #fff
}

.leadership .member a .member-img {
    width: 100%;
    padding: 35px 0 0 0;
    max-width: 260px;
    margin: 0 auto
}

.team-i-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 75px
}

.team-i-img {
    overflow: hidden;
    margin-bottom: 25px
}

.team-i-img img {
    transition: .5s
}

.team-i-img img:hover {
    transform: scale(1.1)
}

.team-i h2 {
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    padding: 0
}

.team-i h5.designation {
    font-size: 14px;
    margin: 0 0 15px 0
}

.team-i h3 {
    font-size: 25px;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 700
}

.team-i ul.list {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none
}

.team-i ul.list li {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 15px 7px 15px;
    border: 1px solid #06b6e8;
    border-radius: 100px;
    line-height: normal
}

.team-i ul.list li:hover {
    background: #06b6e8;
    color: #fff
}

.our-infrastructure {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 0 0 85px 0
}

.our-infrastructure h2 {
    font-weight: 600;
    margin: 0 0 25px 0
}

.our-infrastructure ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.our-infrastructure ul li {
    display: inline-block;
    width: 100%;
    background: url(./images/right-arrow-icon.svg) no-repeat 0 5px;
    background-size: 16px;
    padding: 0 0 0 25px;
    margin: 0 0 15px 0
}

.process-text {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.process-text hr {
    border-color: #c1c1c1
}

.process-text .liferay-logo a img {
    padding-left: 12px
}

@media screen and (max-width:767px) {
    .leadership .member {
        padding: 0 25px
    }
    .leadership .member a .member-content {
        width: 40%
    }
    .leadership .member a .member-img {
        width: 60%
    }
}

.section p {
    padding-left: 20px;
    position: relative;
    color: #4b4b4b;
    padding-bottom: 7px;
    font-size: 18px;
    list-style: none
}

.privacy-wrapper {
    padding: 80px 0
}

.at-glance-sec {
    margin-bottom: 70px
}

.at-glance-sec .col-12 {
    display: flex;
    flex-direction: column
}

.glance-details,
.key-milestone {
    flex: 1
}

.glance-details {
    padding: 30px 50px;
    background: #dff9ff
}

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

.glance-details ul li img {
    max-width: 30px;
    margin-right: 20px
}

.glance-details ul li {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.glance-details ul li:last-child {
    margin-bottom: 0
}

.glance-details ul li p {
    margin-bottom: 0;
    font-size: 18px
}

.key-milestone {
    text-align: center;
    display: flex;
    flex-direction: column
}

.key-milestone .d-flex.flex-wrap {
    flex: 1
}

.key-milestone .col-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.key-milestone h4 {
    margin: 0;
    color: #00517c;
    font-weight: 700;
    font-size: 32px
}

.milestone-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 10px;
    vertical-align: top
}

.milestone-details h2 {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 10px;
    color: #00517c;
    line-height: 1
}

.milestone-details span.counter {
    font-weight: 700;
    font-size: 60px;
    color: #06b6e8
}

.milestone-details span.plus-symbol {
    font-weight: 700;
    font-size: 60px;
    color: #00517c;
    padding-left: 5px
}

.milestone-details span {
    font-size: 20px;
    color: #00517c;
    font-weight: 700;
    line-height: 1.4
}

.main-timeline-section {
    position: relative;
    width: 100%;
    margin: auto;
    height: auto;
    overflow-x: auto
}

.main-timeline-section .timeline-end,
.main-timeline-section .timeline-start {
    position: absolute;
    background: #00517c;
    border-radius: 100px;
    top: 22px;
    transform: none;
    width: 30px;
    height: 30px;
    z-index: 1
}

.main-timeline-section .timeline-end {
    right: 0
}

.main-timeline-section .conference-center-line {
    position: absolute;
    width: 100%;
    height: 5px;
    top: 35px;
    transform: none;
    background: #06b6e8
}

.conference-timeline-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow-x: auto;
    width: calc(100% - 20px);
    margin: 0 auto
}

.timeline-article {
    width: auto;
    min-width: 250px;
    padding: 0 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.timeline-article .content-date {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    font-size: 18px;
    font-weight: 700
}

.timeline-article .meta-date {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #00517c;
    z-index: 1
}

.timeline-article .content-box {
    border: 1px solid #00517c;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 48px
}

.timeline-article .content-box .content-box-inner {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px
}

.timeline-article-top .content-box:before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    border: 10px solid transparent;
    border-bottom-color: #00517c
}

.timeline-article-bottom .content-date {
    top: 59%
}

.timeline-article-bottom .content-box {
    top: 0
}

.timeline-article-bottom .content-box:before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #00517c
}

.timeline-article .content-box:before {
    content: "";
    width: 2px;
    height: 50px;
    background: #00517c;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1
}

.company-time-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.tree,
.tree li,
.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.tree {
    margin: 0 0 1em;
    text-align: center
}

.tree,
.tree ul {
    display: table;
    width: 100%
}

.tree ul {
    width: 100%
}

.tree li {
    display: table-cell;
    padding: .5em 0;
    vertical-align: top
}

.tree li:before {
    outline: solid 1px #666;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tree li:first-child:before {
    left: 50%
}

.tree li:last-child:before {
    right: 50%
}

.tree code,
.tree span {
    border: solid .1em #666;
    border-radius: .2em;
    display: inline-block;
    margin: 0 .2em .5em;
    padding: .2em .5em;
    position: relative
}

.tree code {
    font-family: monaco, Consolas, "Lucida Console", monospace
}

.tree code:before,
.tree span:before,
.tree ul:before {
    outline: solid 1px #666;
    content: "";
    height: .5em;
    left: 50%;
    position: absolute
}

.tree ul:before {
    top: -.5em
}

.tree code:before,
.tree span:before {
    top: -.55em
}

.tree>li {
    margin-top: 0
}

.tree>li:after,
.tree>li:before,
.tree>li>code:before,
.tree>li>span:before {
    outline: 0
}

.tree-structure-sec {
    background: #edf3f6;
    margin: 75px 0 0 0
}

.inner-tree-structure {
    padding: 50px 0
}

.inner-tree {
    padding: 20px;
    overflow-x: auto
}

.inner-tree-structure h4 {
    font-size: 42px;
    text-transform: capitalize;
    color: #00517c;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px
}

.tt-logo {
    max-width: 180px;
    margin: 0 auto;
    padding: 15px 10px 10px;
    margin-bottom: 10px
}

.tt-logo img {
    max-width: 120px
}

.tree-inner-logo {
    text-align: center;
    position: relative;
    padding: 80px 15px 20px;
    width: 180px;
    margin: -8px auto 0
}

.tree-inner-logo:before {
    outline: solid 1px #666;
    content: "";
    height: 70px;
    top: 0;
    left: 50%;
    position: absolute
}

.tree-inner-logo img {
    max-height: 40px
}

.tree-inner-logo h6 {
    font-size: 14px;
    color: #00517c;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 5px
}

.tree-inner-logo span.percent {
    border: none;
    border-radius: 0;
    display: inline;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20%;
    left: 25%;
    color: #00517c;
    font-weight: 600
}

.tree-inner-logo span.percent::before {
    display: none
}

.timeline-container {
    position: relative
}

.years-card {
    position: relative;
    text-align: center;
    width:100%;
}

.years-card .year-number {
    background-color: #9be2f6;
    color: #0592ba;
    display: inline-block;
    padding: 8px 20px;
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 700
}

.years-card:after {
    content: "";
    background-color: #00517c;
    height: 5px;
    width: 100%;
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    z-index: 1
}

.timeline-container .swiper-button-next,
.timeline-container .swiper-button-prev {
    justify-content: center;
    align-items: center
}

.timeline-container .swiper-button-next:after,
.timeline-container .swiper-button-prev:after {
    font-size: 60px;
    color: #00517c
}

.timeline-container .swiper-button-prev,
.timeline-container .swiper-rtl .swiper-button-next {
    left: -60px
}

.timeline-container .swiper-button-next,
.timeline-container.swiper-rtl .swiper-button-prev {
    right: -60px
}

#TridhyaSlider {
    margin-bottom: 100px;
    margin-top: 30px
}

#TridhyaSlider .progress-card .progress-card-inner {
    margin-top: 32px;
    background-color: #edf3f6;
    padding: 24px;
    margin-left: 16px;
    margin-right: 16px;
    text-align: left;
}

#TridhyaSlider .progress-card .progress-card-inner .logo {
    margin-bottom: 20px
}

#TridhyaSlider .progress-card .progress-card-inner .logo img {
    max-height: 40px;
    max-width: 100%
}

#TridhyaSlider .progress-card .progress-card-inner h4 {
    font-weight: 700;
    color: #00517c
}

#TridhyaSlider .progress-card {
    position: relative;
    width: 100%;
}

#TridhyaSlider .progress-card:first-child:before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: #00517c;
    position: absolute;
    left: 50%;
    bottom: calc(100%+12px);
    transform: translateX(-50%)
}

#TridhyaSlider .progress-card:after {
    content: "";
    height: 32px;
    border-left: 2px dashed #00517c;
    position: absolute;
    left: 50%;
    bottom: auto;
    top: 0;
}

.custom-desk-reverse {
    flex-direction: row-reverse
}

.inner-features-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.inner-features-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.inner-features-list li img {
    max-width: 20px;
    filter: invert(66%) sepia(33%) saturate(7461%) hue-rotate(156deg) brightness(100%) contrast(95%)
}

.inner-features-list li p {
    color: #00517c;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    padding-bottom: 0 !important
}

@media (max-width:992px) {
    .glance-details {
        margin-bottom: 30px
    }
    .glance-details {
        padding: 20px
    }
    .glance-details ul li p {
        font-size: 16px
    }
    .glance-details ul li {
        margin-bottom: 20px
    }
    .inner-tree-structure h4 {
        font-size: 36px
    }
}

@media (max-width:767px) {
    .milestone-details span.counter {
        font-size: 30px
    }
    .milestone-details h2 {
        font-size: 24px
    }
    .inner-tree-structure h4 {
        font-size: 32px
    }
    .custom-desk-reverse {
        flex-direction: column
    }
    .blog-details-section .aside-section {
        position: static;
        padding-bottom: 0
    }
    .case-scrrollspy-nav ul li a {
        border-bottom: 1px solid #ececec !important;
        border-radius: 0 !important
    }
    .timeline-container .swiper-button-prev,
    .timeline-container .swiper-rtl .swiper-button-next {
        left: 0
    }
    .timeline-container .swiper-button-next,
    .timeline-container.swiper-rtl .swiper-button-prev {
        right: 0
    }
    .timeline-container .swiper-button-next,
    .timeline-container .swiper-button-prev {
        position: absolute;
        top: 108px
    }
    .timeline-container .swiper-button-next:after,
    .timeline-container .swiper-button-prev:after {
        background-color: #edf3f6;
        padding: 5px
    }
    .milestone-details {
        height: auto
    }
    .milestone-details h2 {
        line-height: 2.5
    }
}

@media (max-width:527px) {
    .timeline-container .swiper-button-next:after,
    .timeline-container .swiper-button-prev:after {
        top: 25px;
        position: absolute
    }
}

@media (max-width:320px) {
    .timeline-container .swiper-button-next:after,
    .timeline-container .swiper-button-prev:after {
        top: 64px;
        position: absolute
    }
}

.m-p-g {
    max-width: 100%;
    margin: 0 auto
}

.m-p-g__thumbs {
    display: flex;
    flex-wrap: wrap
}

.m-p-g__thumbs-img {
    margin: 0;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
    z-index: 1;
    position: relative;
    opacity: 1;
    filter: brightness(100%);
    -webkit-tap-highlight-color: transparent;
    will-change: opacity, transform;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    flex: 1;
    min-width: 300px;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.m-p-g__thumbs-img.active {
    z-index: 50
}

.m-p-g__thumbs-img.layout-completed {
    opacity: 1;
    object-fit: cover;
    padding: 5px;
    border-radius: 8px
}

.m-p-g__thumbs-img.hide {
    opacity: 0
}

.m-p-g__thumbs-img:hover {
    filter: brightness(110%)
}

.m-p-g__fullscreen {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
    transition: background .25s ease-out, visibility 10ms .5s linear;
    will-change: background, visibility;
    backface-visibility: hidden
}

.m-p-g__fullscreen.active {
    transition: background .25s ease-out, visibility 10ms 0s linear;
    visibility: visible;
    background: rgba(0, 0, 0, .95)
}

.m-p-g__fullscreen-img {
    pointer-events: none;
    position: absolute;
    transform-origin: left top;
    top: 55%;
    left: 50%;
    max-height: 80vh;
    max-width: 100%;
    visibility: hidden;
    will-change: visibility;
    transition: opacity .5s ease-out
}

.m-p-g__fullscreen-img.active {
    visibility: visible;
    opacity: 1 !important;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .5s ease-out
}

.m-p-g__fullscreen-img.almost-active {
    opacity: 0;
    transform: translate3d(0, 0, 0) !important
}

.m-p-g__controls {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    height: 20vh;
    background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, .55) 100%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(.23, 1, .32, 1)
}

.m-p-g__controls.active {
    opacity: 1;
    visibility: visible
}

.m-p-g__controls-arrow,
.m-p-g__controls-close {
    appearance: none;
    border: none;
    background: 0 0
}

.m-p-g__controls-arrow:focus,
.m-p-g__controls-close:focus {
    outline: 0
}

.m-p-g__controls-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 20%;
    height: 100vh;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    opacity: 0
}

.m-p-g__controls-arrow:hover {
    opacity: 1
}

.m-p-g__controls-arrow--prev {
    left: 0;
    padding-left: 3vw;
    justify-content: flex-start
}

.m-p-g__controls-arrow--next {
    right: 0;
    padding-right: 3vw;
    justify-content: flex-end
}

.m-p-g__controls-close {
    position: absolute;
    top: 14vh;
    left: 3vw;
    z-index: 5;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.m-p-g__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    transition: all .25s ease-out
}

.m-p-g__btn:hover {
    background: rgba(255, 255, 255, .15)
}

.m-p-g__alertBox {
    position: fixed;
    z-index: 999;
    max-width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .23), 0 10px 40px rgba(0, 0, 0, .19);
    color: grey
}

.m-p-g__alertBox h2 {
    color: red
}

.case-scrrollspy-nav {
    margin-bottom: 20px
}

.case-studies-details-sec {
    padding-bottom: 100px
}

.case-scrrollspy-nav .nav-pills .nav-link {
    font-weight: 500;
    font-size: 18px;
    color: #00517c;
    padding-left: 0;
    padding-right: 0
}

.case-scrrollspy-nav .nav-pills .nav-link:hover {
    color: #06b6e8
}

.case-scrrollspy-nav .nav-pills .nav-link.active {
    background-color: transparent;
    color: #06b6e8
}

.case-scrrollspy-nav .nav-pills {
    counter-reset: section
}

.case-scrrollspy-nav .nav-pills li {
    position: relative
}

.case-scrrollspy-nav .nav-pills li .nav-link {
    padding-left: 36px
}

.case-scrrollspy-nav .nav-pills li .nav-link:before {
    counter-increment: section;
    content: counter(section, upper-roman);
    position: absolute;
    background-color: #06b6e8;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    left: 0
}

.form-control {
    border-radius: 0
}

.investor-link:after {
    content: "";
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.main-menu .main-navbar ul>li>.investors-dropdown {
    opacity: 0;
    position: absolute;
    height: 0;
    display: none;
    border: none;
    border-radius: 0;
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 10%)
}

.main-menu .main-navbar ul>li:hover>.investors-dropdown {
    opacity: 1;
    height: auto;
    display: block
}

.custom-tabs .custom-tabs-inner {
    border: 1px solid #e1f9ff;
    padding: 30px;
    justify-content: center
}

.custom-tabs .custom-tabs-inner.finance-tabs {
    padding: 0
}

.custom-tabs .custom-tabs-inner.finance-tabs .tab-content,
.custom-tabs .custom-tabs-inner.finance-tabs .tab-contents {
    padding: 30px
}

.custom-tabs .custom-tabs-inner.finance-tabs .tab-contents {
    width: calc(100% - 150px)
}

.tab-contents>.tab-pane {
    display: none
}

.tab-contents>.active {
    display: block
}

.custom-tabs .custom-tabs-inner .nav .nav-link {
    color: #06b6e8;
    background: 0 0;
    border-radius: 0;
    position: relative;
    transition: all .3s ease
}

.custom-tabs .custom-tabs-inner .nav .nav-link.active,
.custom-tabs .custom-tabs-inner .nav .nav-link:hover {
    background: #06b6e8 !important;
    color: #fff
}

.custom-tabs .custom-tabs-inner .nav .nav-link:hover a {
    color: #fff
}

.custom-tabs .custom-tabs-inner .nav {
    background: #e1f9ff
}

.custom-tabs .custom-tabs-inner .nav .nav-link::before {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .3s ease;
    pointer-events: none
}

.custom-tabs .custom-tabs-inner .nav .nav-link.active::before,
.custom-tabs .custom-tabs-inner .nav .nav-link:hover::before {
    background: #00517c
}

.custom-tabs .custom-tabs-inner .tab-content {
    width: calc(100% - 150px)
}

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

.report-links ul li:not(:last-child) {
    margin-bottom: 15px
}

.report-links ul li a {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #06b6e8;
    transition: all .3s ease
}

.report-links ul li a:hover {
    color: #00517c
}

.report-links ul li img {
    max-width: 30px;
    margin-right: 10px
}

.inner-table table th {
    background-color: #06b6e8;
    color: #fff
}

.inner-table table th {
    vertical-align: text-top
}

.investors-mega-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    max-width: 100%
}

.investors-mega-menu.grid-1 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px
}

.investors-mega-menu.grid-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px
}

.investors-mega-menu.grid-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.main-menu .main-navbar ul>li>.submenu.one-col-row .container {
    width: auto;
    max-width: max-content;
    padding: 20px
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-1>ul>li>a {
    max-width: 100%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-2>ul>li>a {
    max-width: 100%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-3>ul>li>a {
    max-width: 100%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-1>ul>li>a.menu-btn {
    justify-content: center;
    max-width: 100%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-2>ul>li>a.menu-btn {
    justify-content: center;
    max-width: 100%
}

.main-navbar .submenu .custom-mega-menu .investors-mega-menu.grid-3>ul>li>a.menu-btn {
    justify-content: center;
    max-width: 100%
}

.main-navbar .submenu.one-col-row .custom-mega-menu {
    min-height: auto
}

.main-menu .main-navbar ul>li>.submenu.one-col-row {
    left: auto;
    right: auto;
    width: auto
}

@media (max-width:575px) {
    .custom-tabs .custom-tabs-inner .nav {
        flex-wrap: nowrap;
        overflow: auto
    }
    .custom-tabs .custom-tabs-inner .nav .nav-link {
        min-width: 130px
    }
    .custom-tabs .custom-tabs-inner .tab-content {
        padding: 20px;
        width: 100%
    }
}

.inv-contact-details ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.inv-contact-details ul li span {
    color: #06b6e8
}

.inv-contact-details .title {
    text-transform: capitalize
}

@media (max-width:767px) {
    .inv-contact-details {
        margin-bottom: 30px
    }
}

#cookiebar {
    position: fixed;
    bottom: 0;
    left: 5px;
    right: 5px;
    display: none;
    z-index: 200
}

#cookiebar .risk-dismiss {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #06b6e8;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 0 3px #00517c52
}

#cookiebar .risk-dismiss a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff
}

#cookiebarBox {
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 200;
    max-width: 250px
}

#cookiebarBox .risk-dismiss {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #06b6e8;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 3px #00517c47
}

#cookiebarBox .risk-dismiss img {
    max-width: 100px;
    margin-bottom: 10px;
    filter: brightness(0) invert(1)
}

.cookieok {
    background-color: #fff;
    color: #00517c !important;
    font-weight: 600;
    line-height: 2.5em;
    height: 2.5em;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom-width: 0 !important;
    cursor: pointer;
    max-width: 200px;
    margin: 0 auto;
    text-decoration: none;
    transition: all .5s ease;
    text-transform: uppercase
}

.cookieok:hover {
    background-color: #ededed !important
}

.adobe-wrap img {
    height: 54px;
    width: 100%
}

.adobe-wrap a {
    display: flex;
    gap: 20px
}

.case-cate-selection ul,
.case-cate-tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.case-cate-tags ul {
    margin-bottom: 52px;
    margin-top: 20px
}

.case-cate-selection ul li:not(:last-child) {
    margin-right: 15px
}

.case-cate-selection ul li {
    margin-bottom: 0
}

.case-cate-selection ul li a {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    transition: all .5s ease;
    color: #00517c
}

.case-cate-selection ul li a:hover,
.case-cate-selection ul li.active a {
    color: #06b6e8
}

.case-cate-tags ul li a {
    background-color: #f8f8f8;
    color: #00517c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 10px;
    display: block;
    border-radius: 3px;
    transition: all .5s ease
}

.case-cate-tags ul li a:hover,
.case-cate-tags ul li.active a {
    background-color: #06b6e8;
    color: #fff
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu>li:last-child {
    display: block
}

.main-navbar .submenu .custom-mega-menu>ul .services-menu.whatwedo-services-menu>li:last-child {
    display: block
}

figure.inner-blog-img {
    margin: 50px 0
}

figure.inner-blog-img img {
    max-width: 100%
}

.new-casestudies-hero {
    background-size: cover;
    background-repeat: no-repeat;
    height: 75vh;
    position: relative;
    margin-top: 77px;
    color: #fff
}

.new-casestudies-hero:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(1 7 11 / 70%);
    z-index: 0;
    pointer-events: none
}

.new-casestudies-details {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1
}

.new-casestudies-hero .container,
.new-casestudies-hero .row {
    height: 100%
}

.share-pdf-sec {
    position: absolute;
    bottom: 0;
    left: 0
}

.share-pdf-sec ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center
}

.share-pdf-sec ul li:not(:last-child) {
    margin-right: 10px;
    background: #06b6e8
}

.share-pdf-sec ul li:last-child {
    background: #00517c
}

.share-pdf-sec ul li a {
    width: 60px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

#exampleModal h5.modal-title {
    font-weight: 600;
    color: #00517c;
    margin: 0;
    font-size: 22px
}

.modal-body label {
    font-weight: 400;
    color: #00517c;
    margin: 0;
    font-size: 16px
}

.modal-body input {
    font-weight: 400;
    border: 1px solid #00517c66 !important;
    margin: 0;
    font-size: 16px;
    border-radius: 4px
}

.modal-body button.btn.btn-primary {
    padding: 14px 60px;
    background-color: #06b6e8;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px
}

.share-pdf-sec ul li button {
    width: 60px;
    height: 50px;
    padding: 10px
}

.hero-title h1 {
    margin-bottom: 100px
}

.hero-title span {
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #06b6e8;
    padding: 2px 5px;
    text-transform: uppercase
}

.new-casestudies-details ol.breadcrumb {
    justify-content: flex-start;
    margin-bottom: 20px
}

.new-casestudies-details ol.breadcrumb li a {
    color: #06b6e8;
    opacity: 1
}

.new-casestudies-details ol.breadcrumb .breadcrumb-item.active {
    color: #fff
}

.highlights-sec {
    background: #f3fbff;
    padding: 40px 0
}

.highlights-sec ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px
}

.highlights-sec ul li {
    position: relative;
    margin: 0 0 0 18px
}

.highlights-sec ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #06b6e8;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: -18px
}

.highlight-details h4 {
    font-weight: 600;
    color: #00517c;
    padding-bottom: 16px;
    margin: 0;
    font-size: 22px;
    text-transform: capitalize
}

.new-casestudies-inner-section {
    margin: 50px 0 18px
}

.new-casestudies-sidebar {
    position: sticky;
    top: 120px;
    margin-bottom: 0;
    padding: 30px;
    background: #f3fbff
}

.new-casestudies-sidebar span {
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #06b6e8;
    padding: 2px 5px;
    color: #fff;
    text-transform: capitalize
}

.new-casestudies-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.new-casestudies-sidebar ul li a {
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px 0;
    display: block;
    color: #00517c;
    font-weight: 600;
    border-bottom: 1px solid #92ceee;
    transition: all .5s ease
}

.new-casestudies-sidebar ul li a:hover {
    color: #06b6e8
}

.new-casestudies-sidebar ul li:last-child a {
    padding-bottom: 0;
    border-bottom: none
}

.new-casestudies-main {
    padding-left: 12px
}

.new-casestudies-main img {
    max-width: 100%
}

.applied-tech ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.applied-tech ul li {
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3fbff;
    box-shadow: 0 0 12px rgba(0, 117, 154, .16)
}

.applied-tech ul li:not(:last-child) {
    margin-right: 25px
}

.related-casestudies {
    margin-top: 50px
}

.related-casestudies .title {
    padding-bottom: 30px
}

@media (max-width:1200px) {
    .new-casestudies-hero {
        height: 50vh
    }
    .new-casestudies-sidebar {
        padding: 20px
    }
    .new-casestudies-sidebar ul li a {
        font-size: 16px;
        padding: 15px 0
    }
}

@media (max-width:992px) {
    .new-casestudies-inner-section {
        margin: 50px 0 18px
    }
    .applied-tech ul li {
        width: 50px;
        height: 50px;
        padding: 15px
    }
}

@media (max-width:767px) {
    .new-casestudies-hero {
        height: 40vh;
        margin-top: 55px
    }
    .new-casestudies-sidebar {
        margin-bottom: 30px
    }
    .related-casestudies {
        margin-top: 50px
    }
    .new-casestudies-main {
        padding-left: 0
    }
}

@media (max-width:575px) {
    figure.inner-blog-img {
        margin: 20px 0
    }
    .new-casestudies-hero {
        height: 50vh
    }
    .new-casestudies-inner-section {
        margin: 30px 0 18px
    }
}

.life-at-tridhyatech {
    padding: 100px 0
}

.new-career-section img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 600px !important;
    object-fit: cover
}

.inner-details-img {
    position: relative;
    margin-top: 30px
}

.inner-details-img:before {
    content: "";
    position: absolute;
    height: 65px;
    width: 65px;
    top: -26px;
    left: -26px;
    transform: rotate(-90deg);
    background-size: cover
}

.our-benefits-tt {
    padding-bottom: 100px
}

.our-benefits-tt .inner-details-img:before {
    left: auto;
    right: -26px;
    transform: rotate(0)
}

.our-benefits-tt .inner-details p {
    color: #00517c;
    font-size: 18px;
    line-height: 1.6
}

.our-benefits-tt .inner-details ul li:after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url('./images/tick-mark.svg');
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.our-benefits-tt .inner-details ul li {
    display: inline-block;
    color: #06b6e8;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding: 0 0 30px 30px
}

.our-benefits-tt .inner-details ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.benefits-list {
    display: flex
}

.benefit-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between
}

.open-roles-tt .tt-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 60px
}

.open-roles-tt .tt-title h2 {
    width: 50%
}

.open-roles-tt .roles-section {
    display: flex;
    flex-direction: row;
    gap: 30px;
    flex-wrap: wrap;
    width: 50%;
    gap: 10px;
    flex-wrap: wrap
}

.roles-section .multi-select-menu {
    margin: 1.7em 0
}

.open-roles-departments h4 {
    font-size: 20px;
    font-weight: 700;
    color: #00517c;
    text-transform: uppercase
}

.op-role-blocks {
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #e2e8eb
}

.op-role-blocks:last-child {
    border-bottom: none !important
}

.open-roles-details p {
    font-size: 20px;
    font-weight: 400;
    color: #00517c;
    margin-bottom: 0
}

.open-roles-details span {
    font-size: 16px;
    font-weight: 400;
    color: #06b6e8;
    margin-bottom: 10px;
    display: block
}

.open-roles-details {
    padding: 0 0 20px 0
}

.open-roles-tt {
    padding-bottom: 100px
}

.multi-select-container {
    display: inline-block;
    position: relative
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    display: none
}

.insight-list .multi-select-container .multi-select-menu {
    display: none !important
}

.insight-list .multi-select-container.open .multi-select-menu {
    display: block !important
}

.multi-select-menuitem {
    display: block;
    font-size: 16px;
    padding: .6em 1em .6em 30px;
    white-space: nowrap;
    color: #06b6e8
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: 700;
    content: attr(data-group-title);
    margin: 0 0 .25em -20px
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: 700;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.multi-select-menuitem+.multi-select-menuitem {
    padding-top: 0
}

.multi-select-presets {
    border-bottom: 1px solid #ddd
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 6px;
    margin-left: -20px
}

.multi-select-menu li {
    padding: 0 !important
}

.multi-select-button,
.service-blog-button,
.solutions-button,
.industries-button,
.service-case-button,
.solutions-case-button,
.industries-case-button {
    display: inline-block;
    padding: 6px 50px 6px 9px;
    max-width: 16em;
    min-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -.5em;
    border: 1px solid #00517c !important;
    border-radius: unset !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background-color: #fff;
    color: #00517c !important;
    cursor: default;
    position: relative
}

.multi-select-button:after,
.service-blog-button:after,
.solutions-button:after,
.industries-button:after,
.service-case-button:after,
.solutions-case-button:after,
.industries-case-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4em .4em 0 .4em;
    border-color: #00517c transparent transparent transparent;
    margin-left: .4em;
    vertical-align: .1em;
    position: absolute;
    right: 5%;
    top: 16px
}

.multi-select-container--open .multi-select-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    overflow-x: hidden !important
}

.roles-section .multi-select-container {
    display: flex;
    flex-direction: column
}

.multi-select-container--open .multi-select-button:after,
.multi-select-container.open .multi-select-button:after {
    border-width: 0 .4em .4em .4em;
    border-color: transparent transparent #999 transparent
}

.multi-select-container--positioned .multi-select-menu {
    box-sizing: border-box
}

.multi-select-container--positioned .multi-select-menu label {
    white-space: normal
}

.insight-pg {
    position: relative
}

.insight-latest .title-bg {
    font-size: 11px;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #fff;
    padding: 5px;
    color: #06b6e8;
    font-weight: 600
}

.insight-latest h3 a {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.insight-latest {
    background-color: rgba(0, 81, 124, .7);
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 24px 0
}

.insight-latest .banner-footer p {
    font-size: 14px;
    color: #fff
}

.insight-blog-wrapper {
    padding: 30px 0;
    overflow: hidden
}

.insight-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex
}

.insight-list ul li {
    padding: 30px
}

.insight-list ul li:last-child {
    padding-right: 0
}

.insight-list ul li:first-child {
    padding-left: 0
}

.insight-list ul li a {
    font-size: 20px;
    font-weight: 600;
    color: #00517c;
    border-bottom: 5px solid transparent;
    padding-bottom: 10px !important
}

.insight-list ul li a.active {
    font-size: 20px;
    font-weight: 600;
    color: #06b6e8;
    border-bottom: 5px solid #06b6e8;
    padding-bottom: 10px !important
}

.insight-blog-wrapper .roles-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    padding-top: 30px;
    margin-bottom: 60px
}

.insight-blog-wrapper button.btn.btn-primary {
    margin: 2px 0
}

.roles-section form.demo-example,
.insight-blog-wrapper .insight-list {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    flex-wrap: wrap
}

.dxp-form .error {
    text-align: left;
    display: block;
    color: red;
    padding-top: 5px
}

.main-title-desc.dxp-landing-head {
    background: linear-gradient(135deg, rgb(255 255 255) 0, #06b6e8 100%);
    background-size: cover;
    background-position: center;
    position: relative
}

.main-title-desc.dxp-landing-head:after {
    content: "";
    width: 100%
}

.full-feature-image {
    max-height: 300px;
    overflow: hidden
}

.full-feature-image img {
    max-height: 300px;
    object-fit: cover;
    object-position: 100% 50%
}

.dxp-form {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 20px #00517c40;
    position: relative;
    z-index: 1
}

.dxp-form h4 {
    font-size: 36px;
    font-weight: 600;
    color: #00517c;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1.5;
    text-align: center
}

.res-dxp-title h3 {
    font-size: 36px;
    font-weight: 600;
    color: #00517c;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1.5;
    text-align: center
}

.dxp-landing-head .feature-section .feature-content h3 {
    font-size: 32px
}

.webinar-date {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 10px
}

.webinar-date img {
    max-width: 60px;
    margin-right: 10px
}

.webinar-date h4 {
    margin: 0;
    font-size: 20px
}

.top-logos {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.web-cal-img {
    max-width: 100px
}

.web-topic-img {
    max-width: 300px;
    margin-left: 20px;
    border-left: 2px solid #06b6e8;
    padding-left: 10px
}

.custom-shape-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    pointer-events: none
}

.custom-shape-divider-bottom svg {
    position: relative;
    display: block;
    width: calc(100%+1.3px);
    height: 300px;
    transform: rotateY(180deg)
}

.custom-shape-divider-bottom .shape-fill {
    fill: #ffffff
}

p.career-sub-quote {
    font-size: 20px;
    color: #497e9b;
    font-weight: 600;
    padding-top: 30px
}

.new-career-section .accordion .accordion-body {
    padding-top: 0
}

@media (max-width:991px) {
    .dxp-landing-head .feature-content {
        margin-top: -30px;
        background: #fff;
        padding: 30px;
        position: relative;
        z-index: 2
    }
    .top-logos {
        justify-content: center
    }
    .web-cal-img {
        max-width: 80px
    }
    .web-topic-img {
        max-width: 220px
    }
    .roles-section form.demo-example,
    .insight-blog-wrapper .insight-list {
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .roles-section {
        display: grid !important;
        grid-template-columns: 1fr !important
    }
    .res-dxp-title h3 {
        font-size: 30px
    }
    .dxp-form h4 {
        font-size: 28px
    }
    .dxp-form {
        padding: 20px
    }
    .dxp-landing-head .feature-content {
        margin-top: -20px
    }
    .lets-talk .dxp-form form {
        margin-top: 0
    }
    .insight-list ul {
        flex-wrap: wrap
    }
    .insight-list ul li {
        padding: 12px
    }
    .insight-list ul li a {
        font-size: 15px
    }
    .insight-list ul li a.active {
        font-size: 15px
    }
    .roles-section form.demo-example,
    .insight-blog-wrapper .insight-list {
        gap: 10px;
        flex-wrap: wrap;
        flex: 1
    }
    .multi-select-button {
        font-size: 14px !important;
        width: 100%;
        word-break: break-all;
        max-width: 100%
    }
    .open-roles-tt,
    .our-benefits-tt {
        padding-bottom: 50px
    }
    .open-roles-details {
        padding-bottom: 0
    }
    .multi-select-menuitem {
        white-space: inherit
    }
    .our-benefits-tt .inner-details-img:before {
        right: 0
    }
    .multi-select-container {
        width: 100%
    }
}

@media (max-width:575px) {
    .res-dxp-title h3 {
        font-size: 24px
    }
}

.jssocials-shares {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all .5s ease
}

.share-pdf-sec ul li a a.jssocials-share-link {
    background: #00517c;
    color: #fff;
    width: 50px;
    height: 40px;
    transition: all .5s ease
}

.share-pdf-sec ul li a a.jssocials-share-link:hover {
    background: #06b6e8
}

.share-pdf-sec ul li:first-child:hover .jssocials-shares {
    top: -60px;
    opacity: 1;
    z-index: 0
}

@media (max-width:991px) {
    .highlights-sec ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .highlights-sec ul {
        grid-template-columns: repeat(2, 1fr)
    }
    .life-at-tridhyatech {
        padding: 50px 0
    }
    .life-at-tridhyatech .accordion .accordion-button {
        font-size: 16px
    }
    .life-at-tridhyatech .accordion .accordion-button:after {
        right: 0
    }
    .open-roles-tt .tt-title h2 {
        width: 100%
    }
    .open-roles-tt .roles-section {
        width: 100%
    }
}

@media (max-width:575px) {
    .highlights-sec ul {
        grid-template-columns: repeat(1, 1fr)
    }
}

section.our-offices {
    padding: 50px 0
}

.our-offices h2 {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    color: #00517c;
    margin-bottom: 50px;
    padding: 0
}

.our-offices .office-address p {
    font-size: 16px;
    color: #6c6d6e;
    margin: 0
}

.our-offices .office-country-name span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #06b6e8;
    margin: 0;
    width: 50%
}

.our-offices .office-country-name img {
    width: 50%;
    padding-right: 15px
}

.our-offices-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px
}

.office-country-name {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.footer {
    color: #fff
}

.footer .about-tridhya {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px
}

.footer .footer-menu li a {
    color: #fff;
    opacity: .8;
    transition: all .5s ease
}

.footer .footer-menu li a:hover {
    opacity: .5
}

.footer .footer-menu-title {
    text-transform: uppercase
}

.footer .fc-details {
    display: flex;
    column-gap: 40px
}

.iso-adobe {
    display: flex;
    align-items: center;
    column-gap: 46px
}

.footer .sub-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    border-top: 1px solid #06b6e8;
    padding: 30px 12px
}

ul.social-media {
    display: flex;
    align-items: center;
    column-gap: 21px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.footer .social-media a {
    background: #06b6e8;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer .fc-details .cell-details a,
.footer .fc-details a.email {
    padding: 0;
    color: #fff
}

.copyright-section p {
    text-align: center;
    margin: 0;
    font-size: 14px
}

.copyright-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px
}

.copy-right {
    display: flex
}

.terms {
    display: flex;
    align-items: center
}

.terms a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    margin: 0 4px;
    transition: all .5s ease
}

.terms a:hover {
    color: rgba(255, 255, 255, .5)
}

.footer .iso-wrap a {
    color: #fff
}

.footer .fc-details .cell-details,
.footer .fc-details a.email {
    width: auto;
    transition: all .5s ease
}

.footer .fc-details .cell-details a {
    transition: all .5s ease
}

.footer .fc-details .cell-details a:hover,
.footer .fc-details a.email:hover {
    color: rgba(255, 255, 255, .5)
}

.copyright-section {
    background-color: #003c5b;
    padding: 22px 0
}

@media only screen and (max-width:1024px) {
    .our-offices-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px
    }
}

@media only screen and (max-width:991px) {
    .our-offices h2 {
        font-size: 38px
    }
    .iso-adobe {
        column-gap: 26px
    }
    .adobe-wrap img {
        height: 40px
    }
}

@media only screen and (max-width:767px) {
    .footer .sub-footer {
        flex-wrap: wrap;
        row-gap: 20px
    }
    .copyright-wrapper {
        flex-wrap: wrap;
        row-gap: 20px
    }
    .our-offices-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px
    }
    .office-country-name {
        grid-template-columns: repeat(1, 1fr)
    }
    section.our-offices {
        padding: 50px 0
    }
    .our-offices h2 {
        margin-bottom: 30px;
        font-size: 34px
    }
    .footer .sub-footer {
        padding: 30px 12px 0
    }
}

@media only screen and (max-width:575px) {
    .iso-adobe {
        flex-wrap: wrap;
        row-gap: 20px;
        padding: 0
    }
}

.top-web-development::after {
    width: 100%;
    content: "";
    display: block;
    background: rgba(5, 42, 62, .8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.top-web-development .container {
    position: relative;
    z-index: 1
}

.top-hero-content {
    margin-bottom: 40px
}

.top-web-development {
    position: relative;
    padding: 165px 0 86px
}

.top-web-development h1 {
    color: #fff;
    font-weight: 600;
    font-size: 52px;
    margin-bottom: 0
}

.top-web-development p span {
    color: #8be5ff;
    font-weight: 600;
    font-size: 22px
}

.top-web-development p:first-of-type {
    margin: 20px 0
}

.top-web-development form p:first-of-type {
    margin: 0 !important
}

.top-web-development form .discuss-button input {
    background-color: var(--bs-btn-bg) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    height: auto
}

.top-web-development form .discuss-button input:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color)
}

.top-web-development form .discuss-button .wpcf7-spinner,
.top-web-development form .wpcf7-response-output {
    display: none
}

.top-web-development form p span {
    font-size: 14px !important;
    color: red;
    font-weight: normal
}

.top-web-development p {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0
}

.clutch-wrapper {
    padding: 44px 30px 44px;
    background: rgba(104, 150, 164, .42)
}

.clutch-wrapper .clutch .clutch-img {
    margin-bottom: 44px;
    text-align: center
}

.how-we-help-section {
    padding: 80px 0 56px 0
}

.how-we-help-section .services-more {
    padding: 30px
}

.how-we-help-section .services-more h4 {
    font-size: 22px;
    margin-bottom: 6px
}

.how-we-help-section .services-more p {
    margin-bottom: 6px
}

.how-we-help-section .top-web-inner {
    padding: 48px 0 0 0
}

.how-we-help .fe-div {
    text-align: center
}

.how-we-help h3 {
    color: #00517c;
    font-weight: 600;
    font-size: 36px;
    text-align: center
}

.how-we-help p {
    color: #00517c;
    font-size: 16px;
    text-align: center;
    max-width: 693px;
    margin: 0 auto
}

.top-web-inner .lern-more-btn {
    font-weight: 700;
    font-size: 14px;
    color: #06b6e8
}

.top-web-inner .services-more-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.clutch-wrapper form input {
    height: 48px;
    background-color: transparent !important
}

.clutch-wrapper form textarea {
    height: 116px;
    background-color: transparent !important
}

.clutch .error {
    color: red
}

.clutch-wrapper .form-control {
    border: 1px solid rgb(255 255 255 / .5) !important;
    color: #fff
}

.clutch-wrapper::placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 400px
}

.clutch-wrapper .discuss-button {
    text-align: center
}

.clutch-wrapper a {
    color: #fff;
    background: #06b6e8;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    max-width: 240px
}

.clutch-wrapper a:hover {
    color: #fff;
    background-color: #0592ba;
    border-color: #0592ba
}

.top-web-inner {
    padding: 80px 0
}

.top-web-inner .services-more:hover {
    background: #00517c
}

.top-web-inner .services-more:hover a {
    color: #fff
}

.top-web-inner .services-more {
    background: #e8f7ff;
    flex: 1
}

.why-choose-us-wrapper .how-we-help h3 {
    color: #fff
}

.why-choose-us-wrapper .how-we-help p {
    color: #e8f7ff
}

.why-choose-us-wrapper {
    padding: 80px 0;
    background: #00517c
}

.why-choose-us h4 {
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    margin-bottom: 0
}

.why-choose-us P {
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    margin-bottom: 0
}

.why-choose-us .our-strength {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #25759f;
    margin-bottom: 30px;
    padding: 32px 44px
}

.why-choose-us .our-strength:last-child {
    margin-bottom: 0
}

.why-choose-us .our-strength .our-strength-detail {
    margin-left: 27px
}

.work-together-button a {
    color: #fff;
    background: #06b6e8;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    max-width: 240px
}

.work-together-button a:hover {
    color: #fff;
    background-color: #0592ba;
    border-color: #0592ba
}

.work-together-button {
    text-align: center
}

.why-choose-us-left {
    padding: 48px 0 93px 0
}

.why-choose-us-right {
    padding: 93px 0 48px 0
}

.trusted-by {
    padding: 80px 0 56px
}

.trusted-by .how-we-help .fe-div,
.trusted-by .how-we-help h3 {
    text-align: left
}

.trusted-by .how-we-help p {
    margin: 0;
    text-align: left
}

.trusted-by .logo-box {
    border: 2px solid rgba(0, 117, 154, .16);
    padding: 20px 38px 0;
    text-align: center;
    flex: 1;
    margin-bottom: 24px
}

.trusted-by .logo-box-wrapper-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.trusted-by .logo-box h3 {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 19px
}

.trusted-by .logo-box-wrapper {
    margin-top: 40px
}

.trusted-by .logo-box-wrapper .logo-box img {
    max-width: 100%;
    height: auto
}

.work-together-wrapper {
    background: #00517c;
    padding: 65px 0;
    text-align: center
}

.work-together-wrapper h2 {
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    margin-bottom: 31px
}

.client-saying {
    padding: 80px 0
}

.client-saying .fe-div {
    margin-bottom: 18px
}

.client-saying .client-say-wrapper {
    background: #e8f7ff;
    padding: 30px 40px
}

.client-saying .client-say-wrapper .client-detail {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.client-saying .client-say-wrapper .client-detail .client-name {
    margin-left: 20px
}

.client-saying .client-say-wrapper .client-detail .client-name h5 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 22px;
    color: #00517c
}

.client-saying .client-say-wrapper .client-detail .client-name span {
    font-weight: 600;
    font-size: 16px;
    color: #00517c
}

.client-saying .client-say-wrapper .client-detail p {
    font-weight: 400;
    font-size: 16px;
    color: #00517c
}

.client-saying .client-say-wrapper .client-ratting {
    display: flex;
    justify-content: space-between
}

.client-saying .client-say-wrapper .client-ratting p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #00517c
}

@media only screen and (max-width:1199px) {
    .top-web-development h2 {
        font-size: 46px
    }
}

@media only screen and (max-width:991px) {
    .top-web-development {
        padding: 120px 0 50px
    }
    .top-web-development h2 {
        font-size: 42px
    }
    .how-we-help-section {
        padding: 40px 0 16px 0
    }
    .why-choose-us-wrapper {
        padding: 40px 0
    }
    .trusted-by {
        padding: 40px 0 16px
    }
    .work-together-wrapper {
        padding: 40px 20px
    }
    .client-saying {
        padding: 40px 0 10px 0
    }
    .how-we-help h3 {
        font-size: 26px
    }
    .top-web-development p {
        font-size: 22px
    }
    .top-web-development p span {
        font-size: 20px
    }
    .why-choose-us-left {
        padding: 48px 0 0 0
    }
    .why-choose-us-right {
        padding: 41px 0 48px 0
    }
    .why-choose-us h4 {
        font-size: 22px
    }
    .why-choose-us P {
        font-size: 15px
    }
    .why-choose-us .our-strength {
        padding: 20px
    }
    .work-together-wrapper h2 {
        font-size: 30px
    }
    .client-saying .client-say-wrapper {
        margin-bottom: 30px
    }
    .trusted-by .logo-box-wrapper {
        margin-top: 20px
    }
    .leading-ecommerce {
        padding: 40px 0 15px 0
    }
}

@media only screen and (max-width:767px) {
    .why-choose-us h4 {
        font-size: 18px
    }
    .why-choose-us P {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .insight-latest {
        position: unset
    }
    .main-menu .nav-bar .logo img {
        height: 25px
    }
}

.leading-ecommerce {
    padding-top: 80px
}

.services-more-box-back::after {
    width: 100%;
    content: "";
    display: block;
    background: rgba(50, 75, 86, .92);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    transition: all .5s ease
}

.services-more-box-back {
    z-index: 1;
    padding: 20px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    transition: all .5s ease
}

.leading-ecommerce .services-more-box {
    position: relative
}

.leading-ecommerce .services-more-wrapper {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%
}

.leading-ecommerce .services-more-box-back h3 {
    color: #fff
}

.services-more-box-back .work-together-button {
    margin-top: 14px
}

.services-more-box-back .fe-div,
.services-more-box-back .work-together-button,
.services-more-box-back h3 {
    text-align: left
}

.how-we-help {
    position: relative;
    z-index: 1
}

.services-more.services-more-box {
    margin-bottom: 0;
    flex: 1
}

.clutch-widget {
    max-width: 950px;
    margin: 0 auto
}

.res-main-menu ul.main-res-menu-sidebar li.active a {
    color: #06b6e8
}

.grow-business-inner-sec .grow-bussiness-column-reverse {
    flex-direction: row
}

@media screen and (max-width:767px) {
    .grow-business-inner-sec .grow-bussiness-column-reverse {
        flex-direction: column-reverse
    }
}

.case-study-banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-image: url(https://www.tridhyatech.com/wp-content/uploads/2024/09/case-study-hero-bg.png)
}

.case-study-banner>div {
    padding-top: 175px;
    padding-bottom: 100px;
    position: relative
}

.new-case-study-main .case-study-download {
    transform: translate(0, -50%);
    top: 80%;
    left: 0;
    z-index: 9999;
    transition: all .5s ease-in-out
}

.new-case-study-main .case-study-download button {
    background-color: #06b6e8;
    padding: 8px 12px;
    color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 24%)
}

.new-case-study-main .case-study-download button img {
    display: block;
    width: 40px;
    height: 40px
}

.new-case-study-main .case-study-download:hover {
    left: 0
}

.case-study-download button.btn:hover {
    background-color: #06b6e8;
    color: #fff;
    overflow: visible
}

.new-case-study-main .case-study-download button span {
    color: #fff;
    padding-right: 10px
}

.case-study-download button.btn:hover {
    background-color: #06b6e8;
    color: #fff;
    overflow: visible
}

.case-study-banner::after {
    content: "";
    width: 100%;
    display: block;
    background: linear-gradient(270deg, rgba(0, 81, 124, .95) 0, rgba(0, 81, 124, .95) 56.66%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.case-study-banner-text {
    position: relative;
    z-index: 1
}

.case-study-banner-text li.case-study-download {
    list-style: none;
    display: inline-block;
    position: absolute;
    bottom: -100px;
    left: 0
}

.case-study-banner-text .banner-buttons-inner {
    padding-left: 30px
}

.banner-buttons {
    display: flex;
    gap: 30px;
    flex-wrap: wrap
}

.banner-buttons h6 {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    min-height: 24px
}

.banner-buttons a {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    min-width: 170px;
    width: 100%
}

.banner-left-img {
    position: relative;
    z-index: 1;
    width: 370px;
    aspect-ratio: 1/1;
    margin-left: auto
}

.industry-img-left {
    width: 459px;
    aspect-ratio: 1/1
}

.kyc-portal-image {
    max-width: 570px;
    height: 357px
}

.case-study-banner span {
    font-weight: 400;
    font-size: 20px;
    color: #65ddff
}

.case-study-banner h1 {
    font-weight: 700;
    font-size: 50px;
    color: #fff;
    margin: 5px 0 60px 0
}

.applied-tech h3,
.business-challange h3,
.business-solution h3,
.case-study-conclusion h3,
.industries-text h3,
.related-casestudy h3 {
    font-weight: 600;
    font-size: 28px;
    color: #00517c;
    text-transform: capitalize
}

.business-text .title,
.industries-text .title {
    font-weight: 600;
    font-size: 27.5px;
    color: #263238;
    text-transform: capitalize
}

.industries-text p {
    margin-bottom: 0;
    color: #00517c;
    font-size: 16px;
    line-height: 28px
}

.business-challanges {
    background: #f3fbff
}

.business-challanges .industries-development .list {
    margin-bottom: 30px;
    display: flex;
    justify-content: center
}

.business-challanges .list .icon {
    margin-right: 20px
}

.lets-talk.contact-us {
    padding: 0;
    margin-bottom: 50px
}

.main-title-desc.contact-main-title {
    padding: 152px 0 48px 0
}

.contact-title h1 {
    font-weight: 700;
    font-size: 52px;
    color: #00517c
}

.lets-talk.contact-us .lets-talk-header .text-primary-second,
.lets-talk.contact-us .text-primary-second {
    font-weight: 700;
    font-size: 20px;
    color: #00517c;
    margin-bottom: 0
}

.lets-talk.contact-us .lets-talk-header span,
.lets-talk.contact-us span {
    color: #06b6e8
}

.lets-talk.contact-us .call-detail {
    margin: -4px 0 30px 0
}

.lets-talk.contact-us .call-detail .contact-cell {
    padding-right: 20px
}

.lets-talk.contact-us .call-detail .contact-cell {
    border-right: 1px solid rgba(0, 0, 0, .3)
}

.contact-us .contact-info {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 20px;
    padding: 60px
}

.contact-info .contact-wrapper .select-country select,
.lets-talk.contact-us .contact-info .form-control {
    border-bottom: 1px solid #eaebeb !important;
    border-top: 0 !important;
    border-right: 0px !important;
    border-left: 0 !important;
    width: 100%;
    padding-left: 0
}

.lets-talk.contact-us .row .col-lg-7.col-padding-right {
    padding-right: 15px
}

.lets-talk.contact-us .row .col-lg-5.col-padding-left {
    padding-left: 15px
}

.lets-talk.contact-us .map-img {
    padding-top: 20px;
    width: 100%
}

.lets-talk.contact-us textarea {
    resize: none
}

.fe-div-contact {
    content: "";
    height: 2px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    margin-bottom: 12px
}

.contact-info .cell-details .contact-cell,
.contact-info .cell-details .contact-mail {
    font-weight: 400;
    font-size: 16px;
    color: #00517c
}

.contact-info .cell-details .contact-mail {
    margin-left: 20px
}

.contact-info .contact-wrapper .input-mb {
    margin-bottom: 15px
}

.contact-info .contact-wrapper .input-mb::placeholder,
.contact-info .contact-wrapper .select-country select {
    color: #00517c;
    font-weight: 400;
    font-size: 16px
}

.contact-info .contact-wrapper .select-country select {
    padding-bottom: 15px
}

.contact-info .contact-wrapper .select-country select option {
    border: 1px solid #00f;
    padding: 15px 0
}

.contact-info .contact-wrapper .select-country select::-ms-expand {
    display: none
}

.contact-info .contact-wrapper .select-country select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.contact-info .contact-wrapper .select-country select:focus-visible {
    outline: 0
}

.contact-info .contact-wrapper .select-country select:visited {
    outline: 0
}

.contact-info .contact-wrapper .select-country::after {
    content: '';
    background: url(./images/down-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 6px;
    right: 0;
    height: 10px;
    width: 10px;
    background-size: 100%;
    z-index: 99;
    display: inline-block
}

.contact-info .contact-wrapper .select-country {
    position: relative
}

.contact-info .g-recaptcha {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    margin-top: 15px
}

.contact-wrappers #contact_submit_btn {
    background-color: #06b6e8 !important;
    color: #fff;
    transition: all .3s ease-in-out;
    height: auto;
    font-weight: 400;
    font-size: 20px;
    margin-top: 15px
}

.contact-wrappers #contact_submit_btn:hover {
    background-color: #0592ba !important
}

.contact-info .contact-wrapper {
    margin-top: -21px
}

.head-office-country .office-address {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-bottom: 30px
}

.head-office-country .office-country-name h6 {
    color: #00517c;
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    margin-left: 8px;
    margin-bottom: 0
}

.head-office-country .office-country-name {
    margin: 55px 0 20px 0
}

.head-office-country .head-offices {
    color: #06b6e8;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px
}

.head-office-country .head-offices-name {
    color: rgba(0, 0, 0, .7);
    font-weight: 500;
    font-size: 16px;
    display: none
}

.head-office-country p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, .6)
}

.head-office-country .office-country-names {
    padding-bottom: 24px
}

.trust-by .trusted-company {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    margin-top: 18px
}

.trust-by .trusted-company .trusted-company-logo {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, .1));
    background: #fff;
    border-radius: 5px;
    min-height: 156px
}

.trusted-company-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-info .call-detail a {
    margin-bottom: 0
}

.map-locations-wrap {
    position: relative
}

.map-locations {
    position: relative
}

.inner-map-location {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inner-map-location ul li {
    list-style: none;
    cursor: pointer
}

.inner-map-location ul {
    width: 100%;
    height: 100%;
    padding-left: 0;
    margin: 0
}

.inner-map-location .usa-location {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18%;
    top: 39%
}

.inner-map-location .germany-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 23%;
    left: 56%
}

.inner-map-location .uk-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 16.5%;
    left: 47%
}

.inner-map-location .india-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 73%
}

.inner-map-location .south-africa-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 73%;
    left: 57%
}

.inner-map-location .australia-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 77%;
    left: 92%
}

.inner-map-location .dubai-location {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 41%;
    left: 62%
}

.inner-map-location .canada-location {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 20%;
    top: 20%
}

.zoom-map img {
    animation: zoom-maps 1.5s ease infinite
}

@keyframes zoom-maps {
    0% {
        transform: translateY(0) scale(1)
    }
    50% {
        transform: translateY(-8px) scale(1.08)
    }
    100% {
        transform: translateY(0) scale(1)
    }
}

.ofiice-add {
    display: none !important
}

.office-add-show {
    display: block !important
}

@media only screen and (max-width:1400px) {
    .lets-talk.contact-us .call-detail .contact-cell {
        padding-right: 10px
    }
    .contact-info .cell-details .contact-mail {
        margin-left: 10px;
        align-items: center
    }
    .contact-info .cell-details {
        display: flex;
        flex-wrap: wrap
    }
    .contact-us .contact-info {
        padding: 54px
    }
}

@media only screen and (max-width:1200px) {
    .contact-us .contact-info {
        padding: 38px
    }
    .contact-info .cell-details .contact-mail {
        margin-left: 0
    }
}

@media only screen and (max-width:991px) {
    .contact-us .contact-info {
        margin-bottom: 50px
    }
    .main-title-desc.contact-main-title {
        padding: 130px 0 48px 0
    }
    .contact-title h1 {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .contact-us .contact-info {
        background: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        padding: 15px
    }
    .trust-by .trusted-company {
        grid-template-columns: repeat(2, 1fr)
    }
    .contact-info .g-recaptcha {
        padding: 5px 10px;
        font-size: 16px
    }
}

@media only screen and (max-width:567px) {
    .trust-by .trusted-company {
        grid-template-columns: repeat(1, 1fr)
    }
    .inner-map-location ul li img {
        transform: scale(.6)
    }
    @keyframes zoom-maps {
        0% {
            transform: translateY(0) scale(.6)
        }
        50% {
            transform: translateY(-8px) scale(.8)
        }
        100% {
            transform: translateY(0) scale(.6)
        }
    }
}

@media only screen and (max-width:400px) {
    .map-locations img {
        max-width: 300px
    }
}

.business-challange {
    padding: 85px 0;
    background-color: #f3fbff
}

.business-challange ul,
.business-challange ul li {
    list-style: none;
    padding-left: 0
}

.business-challange ul li {
    display: flex;
    column-gap: 23px;
    margin-bottom: 30px;
    align-items: center
}

.head-office-country .office-country-name img {
    width: 40px;
    height: 30px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 2px
}

.business-challange p {
    color: #00517c;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0
}

.business-text {
    max-width: 671px
}

.business-text .title {
    margin-bottom: 10px;
    line-height: 137.5%
}

.business-img img {
    width: 474px;
    object-fit: cover;
    max-width: 100%
}

.business-img {
    max-width: 474px;
    height: 316px;
    margin-left: auto
}

.business-challange .row {
    align-items: center
}

.business-solution {
    padding: 75px 0
}

.business-s-inner {
    display: flex;
    align-items: flex-start;
    column-gap: 20px
}

.business-s-inner-text {
    max-width: 300px
}

.business-s-inner-text p {
    color: #00517c;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0
}

.business-solution h3 {
    color: #263238
}

.kyc-portal {
    padding-top: 80px
}

.kyc-portal .row {
    align-items: center
}

.kyc-portal .carousel-indicators {
    bottom: -50px
}

.kyc-mt-110 {
    margin-top: 110px
}

.kyc-portal .carousel-indicators [data-bs-target] {
    background-color: #d9d9d9;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0;
    border: none
}

.kyc-portal .carousel-indicators .active {
    background-color: #06b6e8
}

.kyc-portal h2 {
    font-size: 50px;
    line-height: 120%;
    color: #06b6e8;
    font-weight: 700
}

.kyc-explore {
    background-color: #00517c;
    padding: 23px 30px
}

.kyc-contact {
    background-color: #06b6e8;
    padding: 23px 30px
}

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

.kyc-explore h5 {
    font-size: 28px;
    color: #fff;
    text-align: right;
    font-weight: 700;
    margin-bottom: 0
}

.kyc-explore h5 img {
    margin-left: 20px;
    max-width: 30px
}

.kyc-contact a,
.kyc-contact h5 {
    font-size: 28px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    margin-bottom: 0
}

.kyc-contact a {
    font-size: 28px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    line-height: 1.2
}

.kyc-contact h5 img {
    margin-right: 14px;
    width: 23px;
    height: 23px;
    object-fit: cover
}

.case-study-conclusion {
    background-color: #f3fbff;
    padding: 80px 0
}

.case-study-conclusion p {
    color: #00517c;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0
}

.applied-tech {
    padding: 80px 0;
    text-align: center
}

.applied-tech h3 {
    text-align: left;
    width: max-content;
    max-width: 100%;
    margin: 0 auto
}

.applied-tech h3 .ti-div {
    margin-top: 8px
}

.related-blog-post-main {
    display: flex;
    margin-top: 18px;
    align-items: center
}

.related-casestudy {
    padding: 80px 0;
    background-color: #f3fbff
}

.related-blog-post-main {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%)
}

.related-blog-post-main h4 {
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    margin: 0
}

.related-blog-post-img-main img {
    width: 100px;
    height: 100px;
    object-fit: cover
}

.related-blog-post-description {
    width: 100%;
    padding: 22px 30px
}

.related-blog-post-description a h4 {
    max-width: 90%
}

.banner-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.business-text ul li img {
    width: 70px;
    height: 70px;
    object-fit: cover
}

.industries-wrap .industries-text img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.business-solution .business-s-inner img {
    min-width: 50px;
    height: 50px;
    object-fit: cover
}

.applied-tech-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px
}

.applied-tech-inner .tech-name {
    margin-top: 22px;
    font-size: 22px;
    color: #00517c;
    font-weight: 600;
    margin-bottom: 0
}

.applied-tech-inner img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    padding: 16px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 10px;
    object-fit: contain
}

.kyc-portal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%
}

.case-study-banner .case-study-banner-text .banner-buttons ul {
    padding-left: 0;
    margin-bottom: 0
}

.case-study-banner .case-study-banner-text .banner-buttons ul li {
    display: flex;
    gap: 15px;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row
}

.case-study-banner .case-study-banner-text .banner-buttons ul li span {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    min-width: 170px;
    width: auto;
    background-color: #06b6e8;
    padding: 13px 20px;
    text-align: center
}

.grecaptcha-badge {
    margin-bottom: 100px !important;
    z-index: 99
}

.industry_name {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    min-width: 170px;
    width: auto;
    background-color: #06b6e8;
    padding: 13px 20px;
    text-align: center
}

.blog-cta {
    background: #00517c;
    padding: 20px;
    border: 1px solid #e5f9ff;
    border-radius: 10px
}

.blog-cta p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 15px;
    line-height: 1.6;
    flex: 1
}

.blog-cta .cta-button {
    padding: 10px
}

.service-faq h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #00517c;
    letter-spacing: -1px;
    text-transform: capitalize;
    text-align: center
}

.service-faq {
    padding-bottom: 150px
}

@media only screen and (max-width:1200px) {
    .banner-left-img,
    .industry-img-left {
        width: 100%
    }
    .kyc-portal-image {
        max-width: 100%
    }
    .service-faq {
        padding-bottom: 54px
    }
}

@media only screen and (max-width:991px) {
    .case-study-banner h1 {
        font-size: 32px
    }
    .kyc-portal h2 {
        font-size: 25px
    }
    .business-challange ul li,
    .business-s-inner {
        align-items: start;
        row-gap: 15px;
        margin-bottom: 30px
    }
    .kyc-mt-110 {
        margin-top: 40px
    }
    .kyc-portal .carousel-inner {
        margin-bottom: 40px
    }
    .banner-left-img {
        margin-top: 30px;
        text-align: center
    }
    .business-challange {
        padding: 40px 0
    }
    .business-solution {
        padding: 35px 0 0 0
    }
    .kyc-portal {
        padding: 20px 0 40px 0
    }
    .pt-80 {
        padding-top: 40px
    }
    .kyc-explore h5 {
        font-size: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .kyc-contact h5 {
        font-size: 20px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center
    }
    .kyc-contact a {
        font-size: 20px;
        display: block
    }
    .case-study-conclusion {
        padding: 40px 0
    }
    .applied-tech {
        padding: 40px 0
    }
    .related-casestudy {
        padding: 40px 0
    }
    .related-blog-post-description a h4 {
        max-width: 100%
    }
    .applied-tech h3,
    .business-challange h3,
    .business-solution h3,
    .case-study-conclusion h3,
    .industries-text h3,
    .related-casestudy h3 {
        line-height: normal;
        font-size: 24px;
        word-break: break-word
    }
    .business-s-inner-text {
        max-width: 100%
    }
    .business-text .title,
    .industries-text .title {
        font-size: 20px;
        line-height: normal
    }
    .service-faq h2 {
        font-size: 32px
    }
    .contact-info .cell-details .contact-mail {
        margin-left: 10px
    }
    .blog-cta {
        flex-direction: column
    }
    .blog-cta .cta-button {
        margin-top: 10px
    }
    .our-services-inner-sec.sub-sec-pb-70 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:768px) {
    .industry-img-left {
        width: 100%;
        padding-bottom: 35px
    }
}

@media only screen and (max-width:767px) {
    .business-img img {
        width: 100%
    }
    .business-img {
        margin: 0 auto
    }
    .banner-left-img {
        width: 100%;
        margin-left: auto
    }
    .pt-120 {
        padding-top: 80px
    }
    .our-services-inner-sec.sub-sec-pb-70 {
        padding-bottom: 50px
    }
    .kyc-contact a {
        text-align: center
    }
    .applied-tech-inner .tech-name {
        margin-top: 10px;
        font-size: 18px
    }
    .applied-tech-inner img {
        width: 80px;
        height: 80px
    }
}

@media only screen and (max-width:480px) {
    .related-blog-post-main h4 {
        font-size: 14px;
        line-height: normal
    }
    .banner-buttons {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 30px
    }
    .case-study-banner-text .banner-buttons-inner {
        padding-left: 0
    }
    .case-study-banner .case-study-banner-text .banner-buttons ul li span {
        width: 100%
    }
}

@media only screen and (max-width:379px) {
    .contact-info .cell-details .contact-mail {
        margin-left: 5px
    }
    .lets-talk.contact-us .call-detail .contact-cell {
        border-right: none
    }
    .contact-info .cell-details {
        flex-direction: column
    }
}

.js .slider-single>div:nth-child(1n+2) {
    display: none
}

.js .slider-single.slick-initialized>div:nth-child(1n+2) {
    display: block
}

.event-gallery .slider-nav .slick-slide {
    cursor: pointer
}

.event-gallery .gallery-thumbnil-image .slick-slide {
    margin: 0 3px;
    padding: 3px
}

.event-gallery .gallery-thumbnil-image .slick-list {
    margin: 0 -3px
}

.event-gallery img {
    width: 100%;
    object-fit: cover
}

.event-gallery .gallery-big-image {
    margin-bottom: 40px;
    -webkit-box-shadow: 0 0 3px 1px rgba(6, 182, 232, .45);
    -moz-box-shadow: 0 0 3px 1px rgba(6, 182, 232, .45);
    box-shadow: 0 0 3px 1px rgba(6, 182, 232, .45)
}

.event-gallery .gallery-thumbnil-image img {
    -webkit-box-shadow: 0 0 2px 1px rgba(6, 182, 232, .45);
    -moz-box-shadow: 0 0 2px 1px rgba(6, 182, 232, .45);
    box-shadow: 0 0 2px 1px rgba(6, 182, 232, .45)
}

.event-gallery .gallery-big-image img {
    max-height: 400px
}

.event-gallery .gallery-thumbnil-image img {
    max-height: 100px
}

.gallery-big-image .slick-next,
.gallery-thumbnil-image .slick-next {
    right: 31px
}

.gallery-big-image .slick-prev,
.gallery-thumbnil-image .slick-prev {
    left: 20px;
    z-index: 1
}

.gallery-big-image .slick-next:before,
.gallery-big-image .slick-prev:before,
.gallery-thumbnil-image .slick-next:before,
.gallery-thumbnil-image .slick-prev:before {
    font-size: 30px
}

.main-title .job-details-title {
    color: #00517c;
    font-weight: 400
}

.post-requirments {
    display: flex;
    gap: 50px;
    text-align: left;
    justify-content: center;
    margin-bottom: 10px
}

.main-title .job-details-detail {
    color: #4d85a3;
    font-weight: 700
}

a.btn.btn-primary.me-3.pull-right.apply_now_btn {
    float: left;
    margin-top: 10px
}

@media screen and (max-width:1024px) {
    .event-gallery {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .event-gallery .gallery-big-image {
        margin-bottom: 25px
    }
    #apply-for-post {
        scroll-margin-top: -100px
    }
}

@media screen and (max-width:575px) {
    .post-requirments {
        display: flex;
        gap: 25px;
        text-align: left;
        justify-content: left;
        margin-bottom: 10px;
        flex-wrap: wrap
    }
    .blog-cta .cta-button {
        padding: 5px 10px
    }
    .blog-cta p {
        font-size: 16px
    }
    .leading-ecommerce {
        padding-top: 50px
    }
    .services-more-box-back {
        position: static
    }
    .work-together-button a {
        width: auto
    }
    .top-web-development h1 {
        font-size: 38px
    }
}

.form-check-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

label.form-check-label {
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-check-label .checkmark {
    position: absolute;
    top: 4px;
    left: -24px;
    height: 16px;
    width: 16px;
    background-color: #eee
}

.form-check-label input:checked~.checkmark {
    background-color: #06b6e8
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.form-check-label input:checked~.checkmark:after {
    display: block
}

.form-check-label .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tech-page-banner-main {
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    margin-top: 77px;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center
}

.tech-banner-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1
}

.tech-breadcrumb {
    justify-content: start
}

.tech-breadcrumb li {
    text-transform: capitalize
}

.tech-breadcrumb li span {
    color: #65ddff;
    font-size: 20px
}

.tech-banner-content .hero-content h1 {
    font-size: 50px;
    font-weight: 700
}

.tech-heading {
    padding: 85px 0
}

.tech-headline {
    color: #00517c;
    font-family: Source Sans Pro;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 20px;
    margin: 0
}

.tech-desc {
    color: #4d85a3;
    text-align: center;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.tech-heading-inner {
    max-width: 790px;
    margin: 0 auto
}

.tech-tab-main {
    padding-bottom: 85px;
    background: linear-gradient(180deg, #f3fbff 0, rgba(243, 251, 255, 0) 100%)
}

.tech-tab-main .tabs-nav {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    justify-content: center;
    align-items: center;
    margin-bottom: 36px;
    border-bottom: 1px solid #e2f5ff;
    padding: 40px 0
}

.tech-tab-main ul.row {
    padding-bottom: 52px;
    margin: 0;
    padding-left: 0
}

.tech-tab-main ul.row:last-child {
    padding-bottom: 0
}

.tech-tab-main ul li {
    list-style: none;
    display: inline-block;
    text-align: center
}

.tech-tab-main ul li a {
    padding: 8px;
    white-space: nowrap
}

.tab-active a {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    background: #06b6e8
}

.tech-tab-content .row {
    justify-content: center
}

.tech-tab-content .tech-row {
    display: flex;
    row-gap: 50px;
    align-items: center;
    justify-items: center;
    padding-left: 0
}

.tech-row .techLogo-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px
}

.tech-row .techLogo-wrap span {
    color: #00517c;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
}

.tech-page-banner img {
    max-width: 100%
}

.lets-talk.contact-us.tech-contact-main {
    padding-bottom: 35px
}

.technology-contact .fe-div-contact {
    position: absolute;
    left: 0;
    bottom: -8px;
    margin: 0;
    height: 5px
}

.technology-contact .text-primary-second {
    position: relative;
    display: inline-block
}

.technology-contact {
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    padding: 85px 100px;
    text-align: center
}

.lets-talk.contact-us .technology-contact .text-primary-second {
    color: #00517c;
    font-family: Source Sans Pro;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 137.5%;
    text-transform: capitalize
}

.lets-talk.contact-us .technology-contact .contact-wrapper {
    padding-top: 81px
}

.lets-talk.contact-us .technology-contact .contact-test {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px
}

.lets-talk.contact-us .technology-contact .form-control {
    border: none !important;
    border-bottom: 1px solid #eaebeb !important;
    padding: 0;
    height: 30px
}

.lets-talk.contact-us .technology-contact input::placeholder,
.lets-talk.contact-us .technology-contact textarea::placeholder {
    color: #00517c;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.lets-talk.contact-us .technology-contact .input-mb.col-lg-12,
.lets-talk.contact-us .technology-contact .input-mb.col-lg-6 {
    margin-bottom: 30px
}

.lets-talk.contact-us .technology-contact button#contact_submit_btn {
    padding: 13px 44px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

@media only screen and (max-width:1350px) {
    .tech-tab-main .tabs-nav {
        column-gap: 16px
    }
}

@media only screen and (max-width:1200px) {
    .tech-tab-main .tabs-nav {
        column-gap: 8px
    }
    .lets-talk.contact-us.tech-contact-main {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .tech-page-banner-main {
        height: auto
    }
    .tech-breadcrumb {
        justify-content: center
    }
    .tech-page-banner {
        text-align: center
    }
    .tech-banner-content {
        padding: 36px 0
    }
    .tech-heading {
        padding: 40px 0
    }
    .tech-headline {
        font-size: 30px
    }
    .tech-tab-main .tabs-nav {
        overflow: scroll;
        width: 100%;
        justify-content: inherit;
        column-gap: 16px;
        margin-bottom: 30px;
        padding: 24px 12px
    }
    .tech-tab-main ul li {
        width: 33.33%
    }
    .tech-tab-main ul li a {
        display: inline-block
    }
    .tech-tab-main ul.row {
        row-gap: 30px
    }
    .tech-tab-main ul li {
        text-align: center
    }
    .technology-contact {
        padding: 25px 20px
    }
    .lets-talk.contact-us .technology-contact .contact-wrapper {
        padding-top: 30px
    }
}

@media only screen and (max-width:768px) {
    .tech-tab-content .tech-row {
        gap: 30px
    }
    .tech-banner-content .hero-content h1 {
        font-size: 32px
    }
    .tech-tab-main {
        padding-bottom: 50px
    }
    .lets-talk.contact-us.tech-contact-main {
        padding-bottom: 0
    }
}

@media only screen and (max-width:490px) {
    .lets-talk.contact-us .technology-contact .text-primary-second {
        font-size: 20px
    }
}

.main-sub-title-desc {
    padding: 150px 0 50px;
    text-align: center
}

.feature-change span {
    color: var(--bs-body-color);
    font-weight: var(--bs-body-font-weight)
}

.tech-home-section {
    background-color: #f3fbff
}

.tech-home-section .tech-heading {
    padding: 0
}

.tech-home-section .tech-tab-main {
    padding: 50px 0 0 0
}

@media only screen and (max-width:767px) {
    .technology-section.tech-home-section {
        padding: 40px 0
    }
    .tech-home-section .tech-tab-main {
        padding: 30px 0 0 0
    }
}

.abha-solution::after {
    background: linear-gradient(180deg, rgba(0, 70, 107, .5) 0, #00517c 100%)
}

.abha-solution {
    background-position: center;
    margin-top: 72px
}

.abha-solution h1 {
    margin: 5px 0 26px;
    text-transform: capitalize
}

.abha-solution .case-study-banner-text .banner-buttons ul li {
    gap: 30px
}

.abha-solution .banner-buttons h6 {
    margin-bottom: 10px
}

.abha-intro {
    padding: 80px 0
}

.abha-intro img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.abha-intro .row {
    align-items: center
}

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

.abha-intro ul li {
    padding-bottom: 20px
}

.abha-intro ul li a {
    display: inline-block;
    font-size: 18px;
    color: #4d85a3;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    padding-left: 20px
}

.abha-intro ul li a:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    background-image: url(./images/right-arrow-icon.svg);
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 4px
}

.abaha-key-features {
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: center;
    align-items: center
}

.abha-featurs-section {
    background-color: #f3fbff;
    padding: 80px 0
}

.abha-feature-inner {
    height: 100%
}

.abha-featurs-section h3 {
    font-size: 28px;
    font-weight: 600;
    color: #00517c;
    width: max-content;
    max-width: 100%;
    margin: 0 auto
}

.abaha-key-features .abha-feature img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    background: #06b6e8;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 25px
}

.abaha-key-features .abha-feature h4 {
    margin-bottom: 20px;
    color: #00517c;
    font-weight: 700;
    text-transform: capitalize
}

.abaha-key-features .abha-feature .abha-feature-inner p {
    color: #455a64;
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.abha-contact-detail h2 {
    font-size: 35px;
    color: #00517c;
    font-weight: 600;
    margin-bottom: 40px
}

.abaha-key-features .abha-feature {
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    height: 100%;
    display: none
}

.features-abha-row {
    padding-top: 30px
}

.abha-contact-detail {
    background-color: #f3fbff;
    padding: 80px 0
}

.abha-contact-detail .abha-plugin-slide-image {
    height: 100%
}

.lets-talk.contact-us.abha-contact .text-primary-second {
    font-weight: 600;
    font-size: 32px;
    color: #00517c;
    margin-bottom: 10px;
    text-transform: capitalize
}

.abha-contact-detail .contact-info {
    box-shadow: 0 4.662px 12.936px 0 rgba(0, 0, 0, .25);
    padding: 76px;
    border-radius: 14px
}

.abha-contact-form {
    margin-top: 40px
}

.abha-contact-detail h3 {
    font-size: 35px;
    font-weight: 600;
    color: #00517c;
    margin-bottom: 40px
}

.abha-solution-marketplace-inner {
    background-color: #0e5981;
    padding: 50px
}

.abha-solution-marketplace {
    background-color: transparent
}

.abha-solution-marketplace h3 {
    color: #fff;
    margin-bottom: 10px
}

.contact-info.abha-contact-info {
    margin-bottom: 0;
    padding: 30px
}

.abha-contact-detail .lets-talk.contact-us {
    margin-bottom: 0
}

.abha-contact-detail .abha-plugin-slide-image img {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px
}

.abha-featurs-section .loadMoreFeature {
    margin-top: 30px
}

.abha-contact-detail .abha-plugin-slide-image {
    width: 100%
}

@media only screen and (max-width:991px) {
    .abha-featurs-section h3 {
        font-size: 24px;
        word-break: break-word
    }
    .lets-talk.contact-us.abha-contact .text-primary-second {
        font-size: 24px
    }
    .abaha-key-features {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:767px) {
    .abha-featurs-section,
    .abha-intro {
        padding: 40px 0
    }
    .abha-contact-detail {
        padding: 40px 0
    }
    .abha-solution {
        margin-top: 0
    }
    .abha-intro ul li:last-child {
        padding-bottom: 0
    }
    .abaha-key-features .abha-feature-div {
        margin-bottom: 30px
    }
    .abha-feature-div:last-child {
        margin-bottom: 0
    }
    .abha-intro ul li a {
        font-size: 16px
    }
    .abha-contact-detail h2 {
        font-size: 25px;
        color: #00517c;
        font-weight: 600;
        margin-bottom: 20px
    }
    .abha-solution-marketplace-inner {
        padding: 15px
    }
    .abha-contact-form .g-recaptcha {
        padding: 8px 16px
    }
    .abha-contact-detail .abha-plugin-slide-image {
        height: auto
    }
    .abaha-key-features {
        grid-template-columns: repeat(1, 1fr)
    }
    .abha-featurs-section .loadMoreFeature {
        padding: 5px 10px;
        font-size: 16px
    }
    .contact-info.abha-contact-info {
        margin-top: 10px
    }
}

@media screen and (max-width:480px) {
    .abha-solution .case-study-banner-text .banner-buttons ul li span {
        min-width: 160px;
        width: auto
    }
    .abha-solution .industry_name {
        width: max-content;
        min-width: 160px
    }
}

.solution_title h6 {
    color: #00517c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

.solution_title h1 {
    color: #00517c;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 16px
}

.solution_title h1 span {
    color: #06b6e8
}

.solution_title p {
    color: #00517c;
    font-size: 16px;
    font-weight: 400
}

.solution-lattest-banner .insight-latest p {
    color: #06b6e8;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.solution-lattest-banner .insight-latest h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.solution-lattest-banner .insight-latest {
    padding: 35px
}

.solution-lattest-banner .insight-lettest-img {
    max-height: 700px !important
}

.solution-menu span,
.technoloy-menu span {
    font-size: 20px;
    color: #00517c;
    font-weight: 600;
    margin-bottom: 24px;
    display: block
}

.technoloy-menu span {
    margin-top: 24px
}

#khembedjobs .kh-footer-content {
    display: none !important
}

.solution-detail p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px
}

.solution-detail .case-study-banner-text p {
    max-width: 1064px
}

.solution-detail h1 {
    margin-bottom: 20px
}

.benifite-rental-app {
    background-color: #fff;
    padding: 60px 0
}

.benifite-rental-app .abha-feature img {
    width: 80px;
    height: 80px;
    background: #06b6e81a;
    margin-bottom: 20px
}

.benifite-rental-app .abaha-key-features .abha-feature {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.benifite-rental-app .abha-feature h4 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px
}

.benifite-rental-app .abha-feature .abha-feature-inner p {
    color: #4d85a3;
    margin-bottom: 0
}

.benifite-rental-app a {
    font-size: 20px;
    font-weight: 600;
    padding: 13px 38px;
    margin-top: 50px
}

.benifite-rental-app .abaha-key-features {
    gap: 30px
}

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

.solution-detail-car-rental-app img {
    max-width: 302px;
    width: 100%
}

.cta-solution-detail-page {
    padding: 60px 0
}

.solution-cta-inner .cta-line-bg {
    position: absolute;
    right: 30%;
    bottom: 0;
    z-index: 2
}

.solution-cta .solution-cta-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.solution-cta-inner .cta-line-bg-cross {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    border-bottom-left-radius: 16px
}

.solution-cta {
    position: relative;
    border-radius: 36px;
    padding: 30px 30px 30px 52px;
    justify-content: space-between;
    gap: 50px;
    background-image: linear-gradient(#002a36, #00517c)
}

.solution-cta .car-cta img {
    border-radius: 16px;
    position: relative;
    z-index: 10
}

.solution-cta p {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.solution-cta h4 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.solution-cta .solution-cta-inner a {
    margin-top: 62px;
    position: relative;
    z-index: 10
}

.car-process-follow .process-folow-wrapper .advantage-app span {
    background-color: #06b6e8;
    border-radius: 50%
}

.car-process-follow .process-folow-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    justify-content: center;
    align-items: center
}

.car-process-follow .process-arrow {
    position: absolute;
    right: -12%;
    transform: translateX(-50%);
    top: calc(50% - 20px);
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #e8e8e8
}

.car-process-follow .process-folow-wrapper .process-folow:nth-child(4) .process-arrow {
    left: calc(50% - 20px);
    bottom: -12px;
    transform: rotate(90deg);
    top: inherit
}

.car-process-follow .process-folow-wrapper .process-folow:nth-child(6) .process-arrow,
.car-process-follow .process-folow-wrapper .process-folow:nth-child(7) .process-arrow,
.car-process-follow .process-folow-wrapper .process-folow:nth-child(8) .process-arrow {
    left: -16px;
    top: calc(50% - 20px);
    transform: rotate(180deg)
}

.car-process-follow {
    padding: 60px 0;
    background-color: #f3fbff
}

.car-process-follow h3 {
    font-weight: 600;
    color: #00517c
}

.car-process-follow .process-folow-wrapper .process-folow {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 8px;
    padding: 30px;
    background-color: #fff;
    height: 100%;
    position: relative
}

.car-process-follow .process-folow-wrapper .process-folow span {
    background-color: #06b6e8;
    border-radius: 50%;
    padding: 18px 12px;
    width: 58px;
    height: 58px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.Car-process-follow .process-folow-wrapper .process-folow .abha-feature-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.car-process-follow .process-folow-wrapper .process-folow .abha-feature-inner h6 {
    font-size: 16px;
    font-weight: 700;
    color: #15587a;
    margin-bottom: 12px
}

.car-process-follow .process-folow-wrapper .process-folow .abha-feature-inner p {
    font-size: 14px;
    color: #15587a;
    margin-bottom: 0;
    flex: 1
}

.advantage-rental-app {
    padding: 60px 0;
    background-color: #fff
}

.principal-feature {
    background-color: #f3fbff;
    margin-top: 2px
}

.advantage-rental-app h3 {
    font-size: 28px;
    font-weight: 600;
    color: #00517c
}

.advantage-rental-app .advantage-app-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    justify-content: center;
    align-items: center
}

.advantage-rental-app .advantage-app-wrapper .advantage-app h6 {
    font-size: 18px;
    font-weight: 600;
    color: #00517c;
    margin-bottom: 12px
}

.advantage-rental-app .advantage-app-wrapper .advantage-app p {
    font-size: 14px;
    color: #4d85a3;
    margin-bottom: 0;
    flex: 1
}

.advantage-rental-app .advantage-app-wrapper .advantage-app {
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 30px;
    border-radius: 8px;
    background-color: #fff;
    height: 100%
}

.advantage-app-wrapper .abha-feature-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.advantage-rental-app .advantage-app-wrapper .advantage-app span {
    font-size: 62px;
    font-weight: 700;
    color: #06b6e84d;
    position: absolute;
    right: 12px;
    top: -12px
}

.perfect-solution-app {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 28px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff
}

.perfect-solution-app .car-app {
    margin-bottom: 20px;
    background: #23beeb1a;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.perfect-solution-app img {
    font-size: 20px;
    font-weight: 600;
    color: #00517c
}

.perfect-solution-app .abha-feature-inner h6 {
    font-size: 20px;
    font-weight: 600;
    color: #00517c;
    margin-bottom: 0
}

.about-car-rental img {
    border-radius: 36px
}

.about-car-rental p {
    font-size: 18px;
    line-height: 2
}

.about-car-rental h3 {
    font-size: 33px
}

.benifite-rental-app h3 {
    width: auto;
    font-size: 28px
}

.about-car-rental span {
    color: #06b6e8
}

.about-car-rental {
    background-color: #f3fbff;
    padding: 60px 0
}

.powering-car-rental-section {
    background-color: #f3fbff
}

.powering-car-rental-service {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

.powering-rental-service {
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 24px;
    background-color: #fff;
    border-radius: 8px
}

.powering-rental-service h6 {
    font-size: 20px;
    font-weight: 600;
    color: #00517c
}

.powering-rental-service p {
    font-size: 16px;
    color: #4d85a3;
    margin-bottom: 0
}

.powering-rental-service .car-app {
    width: 80px;
    height: 80px;
    background-color: #06b6e81a;
    padding: 16px;
    border-radius: 8px
}

.powering-rental-service img {
    max-width: 48px;
    width: 48px;
    height: auto
}

.solution-deta-btn {
    padding: 12px 24px
}

.principal-feature .solution-feature-btn {
    cursor: pointer;
    display: block;
    text-align: center;
    background-color: #fff;
    color: #06b6e8 !important;
    font-size: 20px;
    font-weight: 600;
    padding: 13px 20px;
    max-width: 170px;
    width: 100%;
    border: 1px solid #06b6e8;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.principal-feature .solution-feature-btn:hover,
.principal-feature .solution-feature-btn.active {
    background-color: #06b6e8;
    color: #fff !important
}

.principal-feature .solution-feature-btn:active {
    background-color: #06b6e8;
    color: #fff
}

.solution-contact h2 {
    font-size: 48px;
    line-height: normal;
    font-weight: 600;
    color: #00517c;
    margin-bottom: 16px
}

.solution-contact p {
    color: #00517c
}

.solution-contact h2 span {
    color: #06b6e8
}

.sol-contact-section {
    padding: 60px 0;
    background-color: #f3fbff
}

.solution-accordians h3 {
    color: #00517c;
    font-weight: 600
}

.solution-accordians p {
    margin-bottom: 0
}

.featurs-car {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px
}

.advantage-rental-app .car-principal-feature {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.solution-accordians {
    padding: 60px 0
}

.solution-accordians .tab_drawer_heading h2 {
    font-size: 20px;
    font-weight: 600;
    color: #00517c
}

.solution-accordians .tab_drawer_heading h2 {
    font-size: 18px
}

.solution-accordians .tab_container h2 {
    font-size: 20px;
    font-weight: 600;
    color: #00517c
}

.solution-accordians .tab_container {
    padding: 84px 40px
}

.solution-accordians .tab_container p {
    color: #4d85a3
}

.solution-accordians .tabs_wrapper ul li {
    position: relative
}

.solution-accordians .tabs_wrapper ul li::after {
    content: "";
    display: inline-block;
    height: 20px;
    width: 16px;
    position: absolute;
    right: 0;
    top: 35%;
    transform: translateX(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.solution-accordians .tabs_wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.solution-accordians .tab-question {
    width: 52%
}

.solution-accordians ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    padding: 0;
    width: calc(100%+18px);
    min-width: 300px;
    list-style: none;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0
}

.solution-accordians ul.tabs li {
    margin: 0;
    cursor: pointer;
    padding: 0 25px;
    line-height: 1.5;
    color: #00517c;
    text-align: left;
    font-weight: 400;
    background-color: #fff;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 24px 12px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.solution-accordians ul.tabs li:hover {
    background: #f3fbff;
    color: #00517c;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.solution-accordians ul.tabs li.active {
    background: #f3fbff;
    color: #00517c;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.solution-accordians ul.tabs li.active:after,
.solution-accordians ul.tabs li:hover:after {
    border-color: #00517c
}

.solution-accordians .tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    width: 48%;
    min-width: 10px;
    text-align: left;
    background: #f3fbff;
    border-radius: 8px
}

.solution-accordians .tab_content {
    height: 100%;
    display: none
}

.solution-accordians .tab_drawer_heading {
    display: none
}

.sol-contact-section .contact-us .contact-info {
    border-radius: 14px
}

.solution-detail-related-blog {
    padding: 60px 0;
    background-color: #fff
}

.solution-search {
    margin-top: 60px;
    position: relative
}

.solution-search .solution-serch-icon {
    position: absolute;
    left: 320px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #00517c
}

.caseStudySection.blog-banner .case-study-banner-text.solution-m-p p {
    color: #fff
}

.solution-search::placeholder {
    color: #00517c;
    opacity: .7;
    font-size: 16px;
    font-weight: 600
}

.solution-search .form-inline .form-control {
    display: inline-block;
    padding: 14px 62px 14px 32px;
    max-width: 23em;
    min-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    border: 1px solid #00517c !important;
    border-radius: unset !important;
    font-size: 16px !important;
    background-color: #fff;
    color: #212529;
    cursor: default;
    position: relative
}

.about-banner {
    position: relative;
    width: 100%;
    margin-top: 75px
}

section.about-banner::after {
    content: "";
    width: 100%;
    display: block;
    background-image: linear-gradient(to right, rgba(0, 0, 0), transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: .65
}

.about-banner .box-video {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100vh;
    max-height: 600px;
    margin-bottom: 60px
}

.about-banner .bg-video {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 600px
}

.about-banner .video-container {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    max-width: 970px;
    width: 100%;
    height: 100%;
    max-height: 546px
}

.about-banner .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.about-banner .text-overlay {
    position: absolute;
    top: 28%;
    left: auto;
    z-index: 2
}

.about-banner .text-overlay h3 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 20px
}

.about-banner .text-overlay span {
    font-weight: 700
}

.about-banner .text-overlay p {
    margin-bottom: 23px;
    color: #ffffffb3
}

.about-banner .play-button {
    background: #fff;
    color: #000;
    padding: 8px 10px 8px 26px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.about-banner .play-button {
    -webkit-animation: glowing 2s infinite;
    -moz-animation: glowing 2s infinite;
    -o-animation: glowing 2s infinite;
    animation: glowing 2s infinite
}

@-webkit-keyframes glowing {
    0% {
        -webkit-box-shadow: 0 0 3px #06b6e8
    }
    50% {
        -webkit-box-shadow: 0 0 40px #6ad3f1
    }
    100% {
        -webkit-box-shadow: 0 0 3px #06b6e8
    }
}

@-moz-keyframes glowing {
    0% {
        -moz-box-shadow: 0 0 3px #06b6e8
    }
    50% {
        -moz-box-shadow: 0 0 40px #6ad3f1
    }
    100% {
        -moz-box-shadow: 0 0 3px #06b6e8
    }
}

@-o-keyframes glowing {
    0% {
        box-shadow: 0 0 3px #06b6e8
    }
    50% {
        box-shadow: 0 0 40px #6ad3f1
    }
    100% {
        box-shadow: 0 0 3px #06b6e8
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 3px #06b6e8
    }
    50% {
        box-shadow: 0 0 40px #6ad3f1
    }
    100% {
        box-shadow: 0 0 3px #06b6e8
    }
}

.about-banner .see-our-story-btn h6 {
    font-size: 16px;
    color: #00517c;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    transition: all .5s ease
}

.about-banner .see-our-story-btn h6:hover {
    color: #06b6e8
}

.about-banner .see-our-story-btn {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px
}

#about-video-modal .modal-dialog.modal-xl {
    max-width: 972px;
    width: 95%
}

#about-video-modal .modal-dialog.modal-xl .modal-body {
    padding: 0
}

#about-video-modal .modal-dialog.modal-xl .modal-content {
    border-radius: 16px
}

#about-video-modal .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

#about-video-modal .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px
}

#about-video-modal .modal-dialog.modal-xl .modal-header {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    padding: 0;
    border-bottom: 0
}

#about-video-modal .modal-dialog.modal-xl .modal-header .btn-close:focus {
    box-shadow: unset
}

#about-video-modal .modal-dialog.modal-xl .modal-header .btn-close {
    background-color: #fff;
    font-size: 12px
}

.caseStudySection.blog-banner::after {
    content: "";
    width: 100%;
    display: block;
    background-image: linear-gradient(to right, rgba(0, 0, 0), transparent);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: .65
}

.caseStudySection.blog-banner .case-study-banner-text span {
    color: #fff
}

.caseStudySection.blog-banner .case-study-banner-text h1 {
    font-size: 48px;
    margin: 15px 0 20px 0;
    line-height: 1.3
}

.caseStudySection.blog-banner .case-study-banner-text p {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 0;
    max-width: 525px
}

.caseStudySection.blog-banner {
    max-height: 100%;
    height: 600px;
    background-position: center;
    margin-top: 73px
}

.newTrusted-by-section {
    background-color: rgba(6, 182, 232, .1);
    padding: 100px 0
}

.newTrusted-by-section h2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 48px
}

.newTrusted-by-section .trustedby-company {
    row-gap: 24px
}

.newTrusted-by img {
    width: 100%;
    height: auto
}

.customer-experience {
    padding-top: 100px
}

.section-space-blue {
    padding: 60px 0;
    background-color: #f3fbff
}

.section-space {
    padding: 60px 0
}

.section-space h3,
.section-space-blue h3 {
    font-weight: 600;
    font-size: 28px;
    color: #00517c;
    margin-bottom: 20px;
    text-transform: capitalize
}

.digital-mtg-services>div {
    padding-top: 115px;
    padding-bottom: 135px
}

.our-process-sec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.markeing-services h4 {
    font-size: 30px;
    font-weight: 600;
    color: #00517c;
    margin-bottom: 20px
}

.markeing-services p {
    font-size: 18px;
    color: #7e8f9a;
    margin-bottom: 20px
}

.services-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
}

.services-list .services-detail {
    box-shadow: 0 3px 10px rgba(64, 79, 104, .15);
    border-radius: 8px;
    padding: 30px
}

.services-list .services-detail h6 {
    font-size: 16px;
    font-weight: 700;
    color: #15587a;
    margin: 20px 0 12px 0
}

.section-space .markeing-services h3 {
    margin-bottom: 0
}

.services-list .services-detail p {
    font-size: 14px;
    color: #15587a;
    margin-bottom: 0
}

.services-list .services-detail img.dsm-dark-right-icon {
    width: 30px;
    height: 30px
}

.services-list .services-detail img {
    transition: all .3s ease;
    width: 45px;
    height: 45px
}

.services-list .services-detail:hover img {
    -webkit-filter: brightness(0) invert(1)
}

.services-list .services-detail:hover {
    background-color: #06b6e8
}

.services-list .services-detail:hover h6,
.services-list .services-detail:hover p {
    color: #fff
}

.services-list a:first-child {
    margin-top: 30px
}

.services-list a:nth-child(4) {
    margin-top: -30px
}

.our-process-sec .marketing-process {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 30px;
    border-bottom: 4px solid #06b6e8;
    border-radius: 8px
}

.our-process-sec .marketing-process span {
    font-size: 62px;
    font-weight: 700;
    color: #06b6e84d;
    position: absolute;
    right: 12px;
    top: -12px
}

.our-process-sec h6 {
    font-size: 18px;
    font-weight: 600;
    color: #00517c;
    margin: 20px 0 10px 0
}

.our-process-sec p {
    font-size: 14px;
    color: #4d85a3;
    margin-bottom: 0
}

.advantages-with-us {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.advantages-with-us .dm-advantage {
    background-color: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    text-align: center
}

.advantages-with-us .dm-advantage h6 {
    margin: 20px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    color: #00517c
}

.advantages-with-us .dm-advantage h6 {
    font-size: 16px;
    color: #00517c
}

.d-marketing-service .dm-explore-more-btn {
    margin-top: 50px
}

.services-list-digital .services-detail-digital {
    box-shadow: 0 3px 10px rgba(64, 79, 104, .15);
    border-radius: 8px;
    padding: 30px
}

.services-list-digital .services-detail-digital h6 {
    font-size: 16px;
    font-weight: 700;
    color: #15587a;
    margin: 20px 0 12px 0
}

.services-list-digital .services-detail-digital p {
    font-size: 14px;
    color: #15587a
}

.services-list-digital {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px
}

.contact-info .contact-wrapper .select-country select,
.section-for-digital-m-s .lets-talk.contact-us .contact-info .form-control {
    border-bottom: 1px solid #bbb !important
}

.digital-ms-faq-sec {
    background-color: #00517c;
    padding: 60px 0
}

.digital-ms-faq-sec h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px
}

.digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button {
    padding: 24px;
    font-weight: 600
}

.digital-ms-faq-sec .digital-ms-acc .accordion-body p {
    color: #4d85a3;
    font-size: 18px;
    margin-bottom: 0
}

.digital-ms-faq-sec .digital-ms-acc .accordion-body {
    padding: 0 54px 24px 24px
}

.digital-ms-faq-sec .digital-ms-acc .accordion .accordion-item {
    border-bottom: 0;
    border-radius: 8px;
    margin: 20px 0
}

.digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button::before {
    content: none
}

.digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button::after {
    content: url(./images/akar-icon-bottom.svg);
    width: 30px;
    height: 30px
}

.digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button.collapsed::after {
    content: url(./images/akar-icon-right.svg)
}

@media only screen and (max-width:1200px) {
    .powering-rental-service .car-app {
        width: 60px;
        height: 60px;
        padding: 14px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .powering-rental-service {
        gap: 10px;
        padding: 14px
    }
    .powering-rental-service img {
        max-width: 36px;
        width: 36px;
        height: auto
    }
    .about-car-rental p {
        line-height: 1.5
    }
    .newTrusted-by-section h2 {
        font-size: 32px
    }
}

@media only screen and (max-width:1024px) {
    .car-process-follow .process-folow-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .car-process-follow .process-arrow {
        right: -35px
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(2) .process-arrow,
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(5) .process-arrow,
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(7) .process-arrow {
        bottom: -12px;
        top: inherit;
        left: calc(50% - 20px);
        transform: rotate(90deg)
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(3) .process-arrow {
        left: -16px;
        transform: rotate(180deg);
        top: calc(50% - 20px)
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(8) .process-arrow {
        left: inherit;
        right: -14px;
        transform: rotate(360deg)
    }
    .car-process-follow .process-folow-wrapper .process-folow:first-child {
        order: 1
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(2) {
        order: 2
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(3) {
        order: 4
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(4) {
        order: 3
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(5) {
        order: 7
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(6) {
        order: 8
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(7) {
        order: 6
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(8) {
        order: 4
    }
    .services-list-digital {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .advantage-rental-app .advantage-app-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .advantage-rental-app .advantage-app-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .advantage-rental-app .advantage-app-wrapper .advantage-app span {
        font-size: 44px
    }
    .car-process-follow .process-folow-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .about-car-rental h3,
    .advantage-rental-app h3,
    .benifite-rental-app h3 {
        font-size: 24px
    }
    .advantage-rental-app .car-principal-feature.car_pri_feature {
        margin-bottom: 30px
    }
    .solution-contact h2 {
        font-size: 28px
    }
    .solution-cta p {
        font-size: 18px
    }
    .solution-cta h4 {
        font-size: 24px
    }
    .solution-accordians .tab_container {
        padding: 54px 30px
    }
    .sol-principal {
        margin-bottom: 30px
    }
    .car-principal-feature .feature-three {
        margin-top: 30px
    }
    .solution-detail-related-blog {
        padding: 40px 0
    }
    .benifite-rental-app a {
        margin-top: 28px
    }
    .services-list {
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .advantage-rental-app .advantage-app-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .advantage-rental-app .advantage-app-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .advantage-rental-app .advantage-app-wrapper .advantage-app span {
        font-size: 30px
    }
    .powering-car-rental-service {
        grid-template-columns: repeat(1, 1fr)
    }
    .about-car-rental,
    .advantage-rental-app,
    .benifite-rental-app,
    .car-process-follow,
    .cta-solution-detail-page,
    .sol-contact-section,
    .solution-accordians {
        padding: 40px 0
    }
    .advantage-rental-app .advantage-app-wrapper .advantage-app span {
        top: 12px
    }
    .advantage-rental-app .advantage-app-wrapper,
    .benifite-rental-app .abaha-key-features,
    .powering-car-rental-service {
        gap: 24px
    }
    .solution-contact h2 {
        font-size: 34px;
        line-height: normal
    }
    .featurs-car {
        gap: 16px
    }
    .principal-feature .solution-feature-btn {
        padding: 6px 8px;
        font-size: 15px
    }
    .solution-accordians .tab_container {
        padding: 40px 20px
    }
    .solution-accordians .tab_container {
        left: 0
    }
    .solution-accordians ul.tabs {
        display: none
    }
    .solution-accordians .tab_container {
        display: block;
        margin: 0 auto;
        width: 100%;
        border-top: none;
        border-radius: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1)
    }
    .solution-accordians .tab_drawer_heading {
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
        color: #00517c;
        margin: 0;
        padding: 14px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left
    }
    .solution-accordians .tab_content {
        padding: 5px;
        margin: 12px 0
    }
    .solution-accordians .tab_drawer_heading:hover {
        background-color: #f3fbff;
        color: #00517c
    }
    .solution-accordians .d_active {
        background-color: #f3fbff;
        color: #00517c
    }
    .solution-accordians .tab_container {
        background-color: #fff
    }
    .solution-accordians .solution-accordians h3 {
        font-size: 22px
    }
    .solution-accordians .tab-question {
        width: auto
    }
    .about-us-des {
        margin-top: 20px;
        margin-bottom: 0
    }
    .about-banner {
        margin-top: 55px
    }
    .about-banner .text-overlay h3 {
        font-size: 32px
    }
    .about-banner .see-our-story-btn img {
        width: 28px
    }
    .about-banner .box-video {
        height: 60vh
    }
    #about-video-modal .modal-dialog.modal-xl {
        width: 100%;
        max-width: var(--bs-modal-width)
    }
    .about-banner .box-video {
        margin-bottom: 20px
    }
    .caseStudySection.blog-banner {
        height: 400px
    }
    .case-study-banner.blog-banner>div {
        padding-top: 115px
    }
    .caseStudySection.blog-banner {
        margin-top: 54px
    }
    .caseStudySection.blog-banner .case-study-banner-text h1 {
        font-size: 32px
    }
    .newTrusted-by-section {
        padding: 40px 0
    }
    .customer-experience {
        padding-top: 40px
    }
    .newTrusted-by-section h2 {
        margin-bottom: 30px
    }
    .solution-search {
        margin-top: 30px
    }
    .section-space {
        padding: 30px 0
    }
    .our-process-sec {
        grid-template-columns: repeat(2, 1fr)
    }
    .section-space h3,
    .section-space-blue h3 {
        margin-bottom: 0;
        font-size: 24px
    }
    .markeing-services h4 {
        font-size: 24px
    }
    .advantages-with-us {
        grid-template-columns: repeat(2, 1fr)
    }
    .services-list-digital {
        grid-template-columns: repeat(2, 1fr)
    }
    .d-marketing-service .dm-explore-more-btn {
        margin-top: 30px
    }
    .d-marketing-service .dm-explore-more-btn a {
        padding: 8px 16px
    }
    .digital-ms-faq-sec h3 {
        margin-bottom: 30px
    }
    .digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button {
        font-size: 16px
    }
    .digital-ms-faq-sec .digital-ms-acc .accordion-body p {
        font-size: 16px
    }
    .digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button,
    .digital-ms-faq-sec .digital-ms-acc .accordion-body {
        padding: 12px 16px
    }
    .digital-ms-faq-sec .digital-ms-acc .accordion .accordion-button::after {
        transform: scale(.7);
        top: inherit;
        right: 6px
    }
    .digital-ms-faq-sec {
        padding: 40px 0
    }
    .digital-ms-faq-sec h3 {
        font-size: 24px
    }
    .digital-mtg-services>div {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:640px) {
    .solution-cta {
        flex-wrap: wrap
    }
    .solution-accordians .faq_tbs {
        font-size: 24px
    }
    .solution-accordians h3 {
        font-size: 18px
    }
    .solution-accordians .tab_container h2 {
        font-size: 16px
    }
}

@media only screen and (max-width:575px) {
    .car-process-follow .process-folow-wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .car-process-follow .process-folow-wrapper .process-folow:first-child .process-arrow,
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(3) .process-arrow,
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(6) .process-arrow,
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(8) .process-arrow {
        bottom: -12px;
        top: inherit;
        left: calc(50% - 20px);
        transform: rotate(90deg)
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(4) {
        order: 4
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(3) {
        order: 4
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(5) {
        order: 8
    }
    .car-process-follow .process-folow-wrapper .process-folow:nth-child(6) {
        order: 7
    }
    .solution-cta .solution-cta-inner a {
        margin-top: 0
    }
    .about-banner .box-video {
        height: 50vh
    }
    #about-video-modal .modal-dialog.modal-xl .modal-header .btn-close {
        font-size: 9px
    }
    .caseStudySection.blog-banner {
        height: 300px
    }
    .case-study-banner.blog-banner>div {
        padding-top: 75px
    }
    .caseStudySection.blog-banner .case-study-banner-text h1 {
        font-size: 28px;
        margin: 5px 0 10px 0
    }
    .our-process-sec {
        grid-template-columns: repeat(1, 1fr)
    }
    .advantages-with-us {
        grid-template-columns: repeat(1, 1fr)
    }
    .services-list .services-detail:nth-child(4) {
        margin-bottom: 0
    }
    .services-list {
        grid-template-columns: repeat(1, 1fr)
    }
    .services-list-digital {
        grid-template-columns: repeat(1, 1fr)
    }
    .services-list a:nth-child(4) {
        margin-top: 0
    }
    .services-list {
        margin-top: 20px
    }
}

@media only screen and (max-width:500px) {
    .about-banner .video-container iframe {
        border-radius: 0
    }
    #about-video-modal .modal-dialog.modal-xl .modal-content {
        width: 96%
    }
}

.custom-mega-menu .menu-service-block-sec .services-menu .solution_market_btn {
    background-color: #06b6e8 !important;
    color: #fff;
    border-color: #06b6e8
}

.custom-mega-menu .menu-service-block-sec .services-menu .solution_market_btn:hover {
    background-color: #0592ba !important;
    border-color: #0592ba;
    color: #fff
}

.tabs-nav .tab-link {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer
}

.tabs-nav .tab-link.active a {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    background: #06b6e8
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.main-title-desc .breadcrumb {
    gap: 8px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 20px;
    max-width: 100%
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li {
    width: 100%
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li a h5 {
    margin: 0;
    white-space: nowrap
}

.page-id-1517 .our-benefits-tt .inner-details-img {
    position: relative
}

.page-id-1517 .our-benefits-tt .feature-mini-img {
    position: absolute;
    top: -26px;
    right: -26px;
    max-height: 100% !important;
    width: auto;
    height: auto
}

.accordion .inner-details-img .feature-mini-img {
    position: absolute;
    top: -26px;
    left: -26px;
    transform: rotate(-90deg);
    max-height: 100% !important;
    width: auto;
    height: auto
}

.modal-body input.wpcf7-submit {
    padding: 14px 60px;
    background-color: #06b6e8 !important;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    border: none !important;
    width: 100%;
    position: relative
}

.modal-body .wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 15px
}

@media(max-width:992px) {
    .accordion .inner-details-img .feature-mini-img,
    .page-id-1517 .our-benefits-tt .feature-mini-img {
        display: none
    }
}

.kh-position-absolute {
    display: none !important
}

.article .page-title {
    padding-top: 100px;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px;
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    color: #06b6e8
}

.article .page-title:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    left: 0;
    bottom: 0;
    position: absolute
}

.article .page-title span {
    color: #00517c
}

.article .article-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px
}

.article .article-grid article {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.article .article-grid article .entry-header {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.article .article-grid article .post-thumbnail {
    order: 1;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.article .article-grid article .post-thumbnail img {
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%
}

.article .article-grid article:hover .post-thumbnail img {
    transform: scale(1.2)
}

.article .article-grid article .entry-content {
    order: 3
}

.article .article-grid article .entry-footer,
.article-details .entry-footer {
    order: 4;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap
}

.article .article-grid article .entry-header .entry-title {
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    color: #00517c
}

.article .article-grid article .entry-header .entry-title a {
    color: #00517c;
    transition: all .25s cubic-bezier(.42, 0, .29, 1.16);
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    display: inline;
    background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
    background-position: 100% 95%;
    background-size: 0 2px;
    transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s;
    background-repeat: no-repeat
}

.article .article-grid article:hover .entry-header .entry-title a {
    background-size: 100% 2px;
    background-position: 0 95%
}

.article .article-grid article .entry-content p {
    margin: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box
}

.article {
    padding-bottom: 50px
}

.article-details {
    padding: 100px 0 50px 0
}

.article-details .entry-title {
    font-weight: 700;
    margin: 0;
    font-size: 32px
}

.article-details .post-thumbnail {
    padding: 20px 0
}

.article-details .post-thumbnail img {
    width: 100%;
    height: auto
}

.article-details .comments-area {
    padding-top: 20px
}

.article-details .comments-area .comment-reply-title {
    position: relative;
    margin: 0 0 10px 0;
    padding-bottom: 10px
}

.article-details .comment-form-comment,
.article-details .comment-form-author,
.article-details .comment-form-email,
.article-details .comment-form-url {
    display: flex;
    flex-direction: column
}

.article-details .comment-form-comment textarea#comment,
.article-details .comment-form-author input,
.article-details .comment-form-email input,
.article-details .comment-form-url input {
    background-color: #f5f5f5 !important;
    padding: 15px
}

.article-details .comments-area .comment-reply-title:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    display: inline-block;
    left: 0;
    bottom: 0;
    position: absolute
}

.article-details .form-submit .submit {
    height: auto;
    background-color: #06b6e8 !important;
    color: #fff;
    padding: 10px 25px;
    transition: all .3s ease-in-out
}

.article-details .form-submit .submit:hover {
    background-color: #0592ba !important
}

.article-details .comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-wrap: nowrap
}

.article-details .comment-form-cookies-consent input {
    height: auto;
    margin-top: 6px
}

.author .res-toggler span,
.author .res-toggler span::after,
.author .res-toggler span::before {
    background: #4d85a3
}

.feature-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 15px
}

.feature-content ul li img {
    max-width: 18px;
    padding-top: 4px
}

.feature-content ul li {
    color: #00517c;
    font-weight: 600;
    transition: all .3s ease-in-out
}

.feature-content ul li:hover {
    color: inherit;
    text-decoration: none
}

.page-id-587 .fe-div {
    display: none
}

.custom_pagination.pagination,
.custom_pagination {
    gap: 4px;
    flex-wrap: wrap;
    margin: 0 0 0 10px
}

.custom_pagination .page-button {
    color: #fff;
    background-color: #06b6e8;
    border: none;
    padding: 13px 32px;
    border-radius: unset;
    transition: all .3s ease-in-out
}

.custom_pagination .page-button.active,
.custom_pagination .page-button:hover {
    background-color: #0592ba
}

@media (max-width:575px) {
    .custom_pagination .page-button {
        padding: 4px 12px;
        font-size: 12px
    }
    .custom_pagination.pagination,
    .custom_pagination {
        justify-content: center
    }
}

.insight-list ul {
    margin-bottom: 30px
}

.filter_section {
    margin-top: 60px
}

.insight-blog-wrapper .insight-list .multi-select-container {}

.feature-section .feature-content p {
    margin-bottom: 24px
}

.services-more ul {
    padding: 16px 0 0 0 !important;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.services-more ul li {
    position: relative;
    padding-left: 30px
}

.page-id-95 .our-infrastructure ul li {
    position: relative
}

.services-more ul li:before,
.page-id-95 .our-infrastructure ul li:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '';
    background-image: url(./images/right-arrow-icon.svg);
    background-position: center;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain
}

.services-more ul li a {
    font-weight: 600;
    color: #00517c
}

.services-more ul li a:hover {
    color: #00517c
}

.page-id-53 .feature-section .feature-image .feature-mini-img {
    display: none
}

.page-id-53 .fe-div {
    display: none
}

.page-id-59 .feature-section .feature-content p {
    margin-bottom: 0
}

.page-id-81 .grow-business-inner-sec .d-commerce-service h2 {
    text-transform: none;
    margin-bottom: .5rem
}

.page-id-81 .grow-business-inner-sec .inner-common-title-sec p {
    padding-bottom: 1.5rem
}

.page-id-81 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
.page-id-85 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
.page-id-87 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
.page-id-89 .our-services-inner-sec .col-12.col-sm-6:nth-child(odd) {
    padding-right: 0 !important
}

.page-id-81 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
.page-id-85 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
.page-id-87 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
.page-id-89 .our-services-inner-sec .col-12.col-sm-6:nth-child(even) {
    padding-left: 3px !important
}

.page-id-81 .our-services-inner-sec .services-more,
.page-id-85 .our-services-inner-sec .services-more,
.page-id-87 .our-services-inner-sec .services-more,
.page-id-89 .our-services-inner-sec .services-more {
    margin-bottom: 3px
}

.page-id-81 .our-services-inner-sec .services-more a,
.page-id-85 .our-services-inner-sec .services-more a,
.page-id-87 .our-services-inner-sec .services-more a,
.page-id-89 .our-services-inner-sec .services-more a,
.page-id-65 .services-more a {
    cursor: default
}

.page-id-81 .our-services-inner-sec .services-more p,
.page-id-85 .our-services-inner-sec .services-more p,
.page-id-87 .our-services-inner-sec .services-more p,
.page-id-89 .our-services-inner-sec .services-more p {
    color: var(--bs-body-color)
}

.page-id-81 .our-services-inner-sec .services-more:hover,
.page-id-85 .our-services-inner-sec .services-more:hover,
.page-id-87 .our-services-inner-sec .services-more:hover,
.page-id-89 .our-services-inner-sec .services-more:hover {
    background: #00517c
}

.page-id-81 .our-services-inner-sec .services-more:hover p,
.page-id-85 .our-services-inner-sec .services-more:hover p,
.page-id-87 .our-services-inner-sec .services-more:hover p,
.page-id-89 .our-services-inner-sec .services-more:hover p {
    color: #fff
}

.left-data-content span {
    color: var(--bs-body-color);
    font-weight: var(--bs-body-font-weight)
}

.page-id-55 .fe-div {
    display: none
}

.page-id-89 .grow-business-inner-sec {
    margin-top: 45px
}

.page-id-89 .grow-business-inner-sec .inner-common-title-sec h2 {
    font-weight: 600;
    padding-bottom: 16px;
    margin: 0
}

.page-id-89 .grow-business-inner-sec .inner-common-title-sec p {
    padding-bottom: 0
}

.page-id-89 .our-services-inner-sec .services-more img {
    filter: invert(66%) sepia(33%) saturate(7461%) hue-rotate(156deg) brightness(100%) contrast(95%)
}

.page-id-89 .our-services-inner-sec .services-more:hover img {
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(83deg) brightness(104%) contrast(101%)
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(1) {
    order: 1
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(5) {
    order: 17
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(9) {
    order: 14
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(2) {
    order: 5
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(6) {
    order: 2
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(10) {
    order: 3
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(3) {
    order: 9
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(7) {
    order: 6
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(11) {
    order: 7
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(4) {
    order: 13
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(8) {
    order: 10
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(14) {
    order: 8
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(15) {
    order: 4
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(17) {
    order: 11
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(13) {
    order: 12
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(16) {
    order: 15
}

.main-navbar .investors .submenu.whatdofirst .custom-mega-menu>ul>li .services-menu li:nth-child(12) {
    order: 16
}

.homepage .feature-section .feature-content p {
    margin: 0
}

.page-id-587 .feature-section .feature-content p,
.page-id-55 .feature-section .feature-content p,
.page-id-57 .feature-section .feature-content p,
.page-id-63 .feature-section .feature-content p {
    margin-bottom: 24px
}

.page-id-28 .best-services-sec .services-more ul {
    padding: 0 !important
}

.page-id-28 .best-service-pt-0 .services-more ul {
    padding: 16px 0 0 0 !important
}

.page-id-36 .feature-section .col-lg-5,
.page-id-36 .feature-section .col-lg-6,
.page-id-57 .feature-section .col-lg-5,
.page-id-57 .feature-section .col-lg-6 {
    padding: 0 !important
}

.first_menu ul,
.first_menu_second ul,
 {
    display: flex;
    flex-direction: column
}

.first_menu ul li:nth-child(3) {
    order: 1
}

.first_menu ul li:nth-child(1) {
    order: 2
}

.first_menu ul li:nth-child(4) {
    order: 3
}

.first_menu ul li:nth-child(2) {
    order: 4
}

.first_menu_second ul li:nth-child(4) {
    order: 1
}

.first_menu_second ul li:nth-child(1) {
    order: 2
}

.first_menu_second ul li:nth-child(2) {
    order: 3
}

.first_menu_second ul li:nth-child(3) {
    order: 4
}


#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #06b6e8 !important;
    border-top: none !important
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    background-color: #fff !important;
    color: #00517c !important
}

.feature-section.last-record {
    margin-bottom: 0
}

@media (min-width:1200px) {
    .industries-wrap h2,
    .page-id-89 .grow-business-inner-sec .inner-common-title-sec h2 {
        font-size: 2rem;
        line-height: 32px
    }
    .page-id-53 .feature-section .feature-content h3 {
        font-size: 42px;
        font-weight: 700;
        letter-spacing: normal;
        text-transform: capitalize;
        line-height: 1.2
    }
    .page-id-81 .our-services-inner-sec .services-more h4,
    .page-id-89 .our-services-inner-sec .services-more h4 {
        font-size: 22px;
        letter-spacing: 0
    }
}

@media(max-width:1200px) {
    .article .article-grid {
        grid-template-columns: repeat(2, 1fr)
    }
    .article-details .entry-title {
        font-size: 28px
    }
}

@media(max-width:767px) {
    .article .article-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px 20px
    }
    .article .article-grid article .entry-header .entry-title a {
        font-size: 20px
    }
    .article-details .entry-title {
        font-size: 24px
    }
}

@media(max-width:575px) {
    .article .article-grid article .entry-header .entry-title a {
        font-size: 18px
    }
    .article-details .entry-title {
        font-size: 20px
    }
    .page-id-81 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
    .page-id-85 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
    .page-id-87 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(odd),
    .page-id-89 .our-services-inner-sec .col-12.col-sm-6:nth-child(odd) {
        padding-right: calc(var(--bs-gutter-x) * .5) !important
    }
    .page-id-81 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
    .page-id-85 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
    .page-id-87 .industries-wrap .our-services-inner-sec .col-12.col-sm-6:nth-child(even),
    .page-id-89 .our-services-inner-sec .col-12.col-sm-6:nth-child(even) {
        padding-left: calc(var(--bs-gutter-x)* .5) !important
    }
}

.home-slide {
    padding-top: 100px;
    padding-bottom: 60px
}

.home-slide h3 {
    font-weight: 600;
    font-size: 28px;
    color: #00517c;
    margin-bottom: 20px;
    text-transform: capitalize
}

.home-slide .home-testi-title {
    margin-top: 3px
}

.testimonials-slides {
    display: flex;
    flex-direction: column
}

.testimonials-slides img {
    width: 100%
}

.home-testimonials-slider {
    padding: 9px 0 0 0
}

.home-testimonials-slider .slick-slide {
    margin: 0 15px;
    box-sizing: border-box
}

.home-testimonials-slider .slick-list {
    margin: 0 -15px
}

.home-testimonials-slider .slick-next,
.home-testimonials-slider .slick-prev {
    z-index: 5;
    top: auto;
    bottom: -50px;
    background: 0 0;
    border: none;
    outline: 0;
    right: 16px
}

.home-testimonials-slider .slick-next:before,
.home-testimonials-slider .slick-prev:before {
    content: "";
    display: inline-block;
    height: 40px;
    width: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.home-testimonials-slider .slick-track {
    display: flex
}

.home-testimonials-slider .slick-slide {
    height: inherit;
    width: 100% !important
}

.home-testimonials-slider .slick-dots {
    text-align: center;
    position: relative;
    bottom: -50px;
    text-align: left
}

.home-testimonials-slider .slick-dots li.slick-active button:before {
    color: #06b6e8;
    opacity: 1;
    border: 2px solid #06b6e8;
    border-radius: 50%
}

.home-testimonials-slider .slick-dots li button:before {
    color: #e8e8e8;
    opacity: 1;
    width: 7px;
    height: 7px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 7px
}

.home-testimonials-slider .profile-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    text-align: center;
    background-color: #fff
}

.home-testimonials-slider .profile-card img {
    width: 100%;
    height: auto
}

.home-testimonials-slider .profile-card .client_testimonial {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border: none;
    background-color: transparent;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%
}

.home-testimonials-slider .profile-card::after {
    content: "";
    width: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.home-testimonials-slider .profile-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    text-align: center;
    background-color: #fff
}

.home-testimonials-slider .profile-card img {
    width: 100%;
    height: auto
}

.testimonial-video-modal .modal-dialog.modal-xl {
    max-width: 970px;
    width: 95%
}

.testimonial-video-modal .modal-dialog.modal-xl .modal-body {
    padding: 0
}

.testimonial-video-modal .modal-dialog.modal-xl .modal-content {
    border-radius: 16px
}

.testimonial-video-modal .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.testimonial-video-modal .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px
}

.testimonial-video-modal .modal-dialog.modal-xl .modal-header {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    padding: 0;
    border-bottom: 0
}

.testimonial-video-modal .modal-dialog.modal-xl .modal-header .btn-close:focus {
    box-shadow: unset
}

.testimonial-video-modal .modal-dialog.modal-xl .modal-header .btn-close {
    background-color: #fff;
    font-size: 12px
}

.home-slide .section-title {
    text-align: center;
    margin-bottom: 50px
}

.home-slide .section-title h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 8px;
    color: #00517c
}

.home-slide .section-title p {
    opacity: .7
}

@media only screen and (max-width:1200px) {
    .home-slide {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .home-testimonials-slider .slick-prev {
        left: auto
    }
    .home-testimonials-slider {
        padding: 0
    }
    .home-slide .section-title h3 {
        font-size: 32px;
        line-height: 45px
    }
    .home-slide .section-title {
        text-align: center;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:991px) {
    .home-slide h3 {
        font-size: 24px
    }
}

@media only screen and (max-width:767px) {
    .testimonial-video-modal .modal-dialog.modal-xl {
        width: 100%;
        max-width: var(--bs-modal-width)
    }
}

@media only screen and (max-width:575px) {
    .testimonial-video-modal .modal-dialog.modal-xl .modal-header .btn-close {
        font-size: 9px
    }
}

@media only screen and (max-width:500px) {
    .testimonial-video-modal .modal-dialog.modal-xl .modal-content {
        width: 96%
    }
}

.swiper-container {
    width: 100%;
    height: 300px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

#TridhyaSlider .swiper-slide{
    flex-direction: column;
}

.swiper-container-thumbs {
    height: 100px;
    margin-top: 20px
}

.swiper-slide-thumb {
    width: 25%;
    opacity: 0.5
}

.swiper-slide-thumb-active {
    opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
    color: #000
}

.swiper-container-thumbs.event-thumb {
    height: auto;
    overflow: hidden
}

.event-gallery {
    overflow-x: hidden;
    position: relative
}

.event-gallery .swiper-container {
    height: auto
}

.event-gallery .swiper-slide {
    height: 400px;
    overflow: hidden
}

.event-gallery img {
    height: 100% !important;
    width: 100% !important
}

.event-gallery .swiper-button-next,
.event-gallery .swiper-button-prev {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.event-gallery .swiper-button-next:after,
.event-gallery .swiper-button-prev:after {
    font-size: 14px
}

.event-thumb .swiper-slide {
    overflow: hidden;
    height: 100px;
    cursor: pointer
}

.event-thumb .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0
}

@media(max-width:575px) {
    .event-gallery .swiper-slide {
        height: 100%
    }
    .swiper-container-thumbs.event-thumb,
    .event-gallery {
        margin: 0
    }
    .event-thumb .swiper-slide {
        height: 50px
    }
    .swiper-container-thumbs.event-thumb {
        margin-bottom: 30px
    }
}

.post-type-archive .grecaptcha-badge {
    visibility: hidden
}

.custom-tabs .custom-tabs-inner {}

.custom-tabs .custom-tabs-inner .nav {
    width: 25%;
    background: transparent
}

.custom-tabs .custom-tabs-inner.finance-tabs .tab-contents {
    width: 75%;
    border: 1px solid #e1f9ff
}

.custom-tabs .custom-tabs-inner .nav .nav-link::before {
    display: none
}

.custom-tabs .custom-tabs-inner .nav .nav-link {
    border: 1px solid #e1f9ff;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 10px
}

.custom-tabs .custom-tabs-inner.finance-tabs .tab-contents .tab-pane .report-links {
    margin-bottom: 15px
}

.custom-tabs .custom-tabs-inner.finance-tabs .tab-contents .tab-pane .report-links:last-child {
    margin: 0
}

@media(max-width:991px) {
    .custom-tabs .custom-tabs-inner.finance-tabs {
        flex-direction: column;
        gap: 15px
    }
    .custom-tabs .custom-tabs-inner .nav,
    .custom-tabs .custom-tabs-inner.finance-tabs .tab-contents {
        width: 100%
    }
    .custom-tabs .custom-tabs-inner .nav .nav-link {
        font-size: 16px
    }
}

@media(max-width:575px) {
    .custom-tabs .custom-tabs-inner.finance-tabs .tab-contents {
        overflow: hidden
    }
    .custom-tabs .custom-tabs-inner .nav .nav-link {
        white-space: nowrap;
        min-width: auto
    }
}

.kh-d-flex.kh-flex-column.kh-footer.kh-container-fluid.kh-justify-content-center.kh-position-absolute {
    display: none !important
}

.who_we_are .industries-blocks h5 {
    margin-bottom: 20px !important
}

.lets-talk .form-control::placeholder {
    color: #00517c !important
}

.logo-box-wrapper.services .row {
    --bs-gutter-y: 1.5rem
}

.trusted-by.services {
    padding-bottom: 0 !important
}

.how-we-help.services {
    text-align: center
}

.how-we-help.services h3,
.how-we-help.services .fe-div {
    text-align: center
}

.trusted-by.services .logo-box.services {
    padding: 25px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
    text-align: left;
    border: none;
    background: #f2fcfe;
    min-height: 145px
}

.trusted-by.services .logo-box.services img {
    max-width: 36px
}

.trusted-by.services .logo-box.services h3 {
    margin: 0;
    color: #00517c;
    font-size: 22px
}

.clutch-img {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    position: relative
}

.clutch-img:after {
    content: "";
    height: 5px;
    width: 50px;
    background-color: #06b6e8;
    left: 0;
    position: absolute;
    bottom: -10px;
    right: 0;
    margin: 0 auto
}

.pop-box .clutch-img {
    color: #00517c;
    text-align: left;
    margin-bottom: 40px
}

.pop-box .clutch-img:after {
    right: auto
}

.page-id-4042 .clutch-wrapper .discuss-button {
    position: relative
}

.page-id-4042 .clutch-wrapper .discuss-button .wpcf7-spinner {
    display: block;
    position: absolute;
    right: 100px;
    top: 13px;
    margin: 0
}

.blog-post-main .blog-post-description h4 span {
    min-height: 87px
}

@media(max-width:991px) {
    .clutch-widget iframe {
        height: 820px !important
    }
    .filter_section {
        margin-top: 0
    }
    .page-id-4042 .clutch-wrapper .discuss-button .wpcf7-spinner {
        right: 20px
    }
    .page-id-4042 .clutch-wrapper .discuss-button input {
        width: 100%
    }
}

@media(max-width:575px) {
    .clutch-widget iframe {
        height: 680px !important
    }
    .solution-search .form-inline .form-control {
        max-width: 100%;
        min-width: auto
    }
    .solution-search .solution-serch-icon {
        left: auto;
        right: 15px
    }
    .custom_pagination.pagination .btn {
        padding: 4px 12px;
        font-size: 12px
    }
    .custom_pagination.pagination {
        justify-content: center
    }
}

.page-id-79 .kyc-portal .row {
    align-items: stretch
}

.page-id-79 .kyc-portal .lets-talk {
    padding-top: 82px
}

@media(max-width:767px) {
    .page-id-79 .kyc-portal .lets-talk {
        padding-top: 0
    }
}

.arrow {
    padding-left: 30px !important
}

.arrow li {
    position: relative
}

.arrow li:before {
    position: absolute;
    width: 16px;
    height: 20px;
    content: '';
    background-image: url(https://www.tridhyatech.com/wp-content/uploads/2024/07/right-arrow-icon-1.svg);
    background-size: 100%;
    left: -30px;
    top: 4px;
    background-repeat: no-repeat
}

.collaboration p,
.new-pf p {
    color: #8e9397;
    font-size: 16px
}

.btn.new-b {
    font-size: 18px;
    line-height: normal;
    margin-top: 15px
}

.implement h3, .implement h2 {
    padding-bottom: 50px;
    margin: 0
}

.implement .powering-rental-service {
    transition: all .3s ease-in-out
}

.implement .powering-rental-service:hover {
    background: linear-gradient(102.58deg, #00517C 0.63%, rgba(2, 122, 168, 0.9) 50.46%, #06B6E8 99.31%)
}

.implement .powering-rental-service .number {
    min-width: 50px;
    height: 50px;
    background: #06B6E8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    line-height: 2;
    font-weight: 700
}

.implement .powering-rental-service .abha-feature-inner p {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #15587A
}

.implement .car-principal-feature button.open-modal {
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: left;
    border: none;
    cursor: pointer
}

.implement .powering-rental-service:hover .abha-feature-inner p {
    color: #fff
}

.implement .powering-rental-service:hover .number {
    background: #fff;
    color: #06B6E8
}

.implement .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5)
}

.implement .modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 575px;
    position: relative
}

.implement .modal-content p {
    overflow: unset !important;
    display: block !important;
    color: #15587A !important
}

.implement .close {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #06b6e8
}

.new-pf .feature-content {
    max-width: 100%
}

.team_collaboration_main {
    background-color: #f3fbff;
    padding: 60px 0;
    text-align: center
}

.team_collaboration_main .row {
    gap: 50px
}

.team_collaboration_main .tab-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.team_collaboration_main .tab-btn .team_collaboration_title {
    font-size: 20px;
    border: 1px solid #06B6E8;
    padding: 14px 12px;
    line-height: normal;
    font-weight: 600;
    color: #06B6E8;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.team_collaboration_main .tab-btn .team_collaboration_title:hover,
.team_collaboration_main .tab-btn .team_collaboration_title.active {
    background: #06B6E8;
    color: #fff
}

.team_collaboration_title h3 {
    color: #00517C;
    font-weight: 600
}

.team_collaboration_title h3 span {
    color: #06b6e8
}

.team_collaboration_content {
    font-size: 20px;
    color: #7E8F9A
}

.team_collaboration_main .btn.new-b {
    margin-top: 50px
}

.our-process h3, .our-process h2 {
    padding-bottom: 50px;
    margin: 0
}

.our-process .abha-feature-inner {
    gap: 10px
}

.our-process .abha-feature-inner img {
    max-width: 50px
}

.our-process .abha-feature-inner h6 {
    margin: 0 !important;
    font-size: 18px
}

.our-process .advantage-app {
    border-bottom: 4px solid #06B6E8;
    transition: all .3s ease-in-out
}

.our-process .advantage-app:hover {
    background: linear-gradient(102.58deg, #00517C 0.63%, rgba(2, 122, 168, 0.9) 50.46%, #06B6E8 99.31%)
}

.our-process .advantage-app:hover span,
.our-process .advantage-app:hover h6,
.our-process .advantage-app:hover p {
    color: #fff
}

.new-faq .tabs_wrapperul li.question-solution::after {
    border-top: 2px solid #06B6E8;
    border-left: 2px solid #06B6E8;
    transform: rotate(135deg);
    width: 12px;
    height: 12px;
    right: 25px;
    top: 40%
}

.new-faq .tabs_wrapper ul li.active::after {
    border-top: 2px solid #00517c;
    border-left: 2px solid #00517c
}

.our-process .abha-feature-inner .op-hover {
    display: none
}

.our-process .advantage-app:hover .op-hover {
    display: block
}

.our-process .advantage-app:hover .op-stable {
    display: none
}

.new-faq .tabs_wrapper .tab_content ul {
    padding-left: 20px;
    margin-top: 10px
}

.mobile_accordian {
    display: none !important
}

.page-id-36 .service-faq {
    padding-bottom: 0 !important
}

@media(max-width:1200px) {
    .feature-section.new-pf .feature-content {
        padding: 24px 0 0 0
    }
}

@media(max-width:991px) {
    .collaboration .order-2 {
        padding-top: 20px
    }
    .btn.new-b {
        font-size: 16px
    }
    .team_collaboration_content,
    .team_collaboration_main .tab-btn .team_collaboration_title {
        font-size: 18px
    }
    .team_collaboration_main .tab-btn {
        flex-direction: column;
        gap: 15px
    }
    .team_collaboration_main .tab-btn .team_collaboration_title {
        width: 100%
    }
    .team_collaboration_main .btn.new-b {
        margin-top: 30px
    }
}

.solution-accordians .tabs_wrapper .question-solution {
    position: relative;
    padding-right: 45px !important
}

.solution-accordians .tabs_wrapper .question-solution:after {
    content: "";
    position: absolute;
    right: 20px;
    z-index: 11;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #06b6e8;
    border-left: 2px solid #06b6e8;
    transform: rotate(135deg);
    top: 45%
}

@media(max-width:767px) {
    .team_collaboration_main {
        padding: 40px 0
    }
    .team_collaboration_content,
    .team_collaboration_main .tab-btn .team_collaboration_title {
        font-size: 16px
    }
    .our-process h3 {
        padding-bottom: 40px
    }
    .mobile_accordian {
        display: block !important;
        list-style: none
    }
    .desktop_accordian {
        display: none !important
    }
    .mobile_accordian .inner {
        margin: 12px 0;
        padding: 5px;
        display: block
    }
    .mobile_accordian .inner ul {
        padding-left: 20px;
        list-style: disc;
        margin-top: 8px
    }
    .tab_drawer_heading {
        position: relative;
        padding-right: 45px !important
    }
    .tab_drawer_heading:after {
        content: "";
        position: absolute;
        right: 20px;
        z-index: 11;
        display: block;
        width: 12px;
        height: 12px;
        border-top: 2px solid #00517c;
        border-left: 2px solid #00517c;
        transform: rotate(225deg);
        top: 45%
    }
    .solution-accordians .d_active.tab_drawer_heading:after {
        transform: rotate(45deg)
    }
    .accordian_hide {
        display: none !important
    }
}

@media(max-width:575px) {
    .collaboration p,
    .new-pf p {
        font-size: 14px
    }
    .btn.new-b {
        font-size: 14px
    }
    .team_collaboration_content,
    .team_collaboration_main .tab-btn .team_collaboration_title {
        font-size: 14px
    }
}

.loader-back {
    width: 100%;
    height: 100%;
    background: rgba(230, 247, 254, 0.900);
    --amount: 20;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.loader-back span {
    width: 8vmin;
    height: 8vmin;
    border-radius: 4vmin;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8);
    animation-iteration-count: infinite;
    animation-duration: 3s;
    top: calc(50% - 4vmin);
    left: 50%;
    transform-origin: -4vmin center
}

.loader-back span:nth-child(1) {
    background: #0db2ec;
    animation-delay: -0.5s;
    opacity: 0
}

.loader-back span:nth-child(2) {
    background: #0c5883;
    animation-delay: -1s;
    opacity: 0
}

.loader-back span:nth-child(3) {
    background: #0db2ec;
    animation-delay: -1.5s;
    opacity: 0
}

.loader-back span:nth-child(4) {
    background: #0c5883;
    animation-delay: -2s;
    opacity: 0
}

.loader-back span:nth-child(5) {
    background: #0db2ec;
    animation-delay: -2.5s;
    opacity: 0
}

.loader-back span:nth-child(6) {
    background: #0c5883;
    animation-delay: -3s;
    opacity: 0
}

@keyframes move {
    0% {
        transform: scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }
    30% {
        opacity: 1
    }
    100% {
        z-index: 10;
        transform: scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}

.single-case-studies .industries-text p {
    margin-bottom: 1rem
}

.modal-body form p {
    margin: 0;
    position: relative
}

.modal-body .wpcf7-submit {
    margin-top: 1rem
}

.industries-blocks figure {
    height: 130px
}

.industries-blocks figure img {
    object-fit: contain
}

.manufacturing_our_process_link,
.collaboration_link {
    margin: 0 auto;
    width: 100%;
    max-width: max-content;
    text-align: center;
    display: block;
    margin-top: 30px !important
}

.blog-details-main iframe {
    width: 100% !important
}

.breadcrumb-title,
.breadcrumb {
    text-transform: uppercase
}

.blog_listing_data .blog-post-main .blog-post-title,
.blog-post-main .case-studies-ind {
    color: #06b6e8 !important;
    text-transform: uppercase !important;
    margin: 0 !important
}

.contact-source-section .wpcf7-form-control-wrap {
    display: block;
    width: 100%
}

.contact-source-section .wpcf7-form-control-wrap .service-blog-button {
    max-width: 100%;
    min-width: auto;
    width: 100%;
    cursor: pointer;
    font-weight: normal !important;
    border-color: #eaebeb !important
}

.contact-source-section .wpcf7-form-control-wrap .service-blog-button:focus {
    outline: none;
    box-shadow: none
}

select.service-blog-button option:first-child {
    color: #999
}

.collaboration_portals .container {
    display: flex;
    flex-direction: column;
    gap: 120px
}

@media only screen and (max-width:767px) {
    .collaboration_portals .container {
        gap: 60px
    }
}

.case-study-span {
    display: none !important
}

.file-pdf-span {
    display: none !important
}

.email-button {
    background-color: #06b6e8;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    color: white
}

.email-button-outlook {
    width: 100%;
    text-align: center
}

.email-button-outlook a {
    display: block;
    width: 100%
}

span.erm-referer-page {
    display: none
}

.our_process_more {
    margin: 15px auto 0 auto;
    display: block;
    max-width: max-content
}
.page-template-template-top-web-dev-co .hero-section{
    height: auto !important;
}
.clutch-wrapper .form-control::placeholder, .top-web-development form .wpcf7-response-output{
    color:#fff !important;
}
 .top-web-development form .discuss-button .wpcf7-spinner{
    display: inline-block;
    position: absolute; 
}
.text-primary h3{
      color: #06b6e8;      
}

h2, h3{
  font-weight: 600;
  color: #00517c;
}

.first_menu_forth ul {
    display: flex;
    flex-direction: column;
}
.first_menu_forth ul > li:nth-child(1){
    order: 1;
}
.first_menu_forth ul > li:nth-child(2){
    order: 2;
}
.first_menu_forth ul > li:nth-child(3){
    order: 3;
}
.first_menu_forth ul > li:nth-child(4){
    order: 4;
}
.first_menu_forth ul > li:nth-child(5){
    order: 6;
}
.first_menu_forth ul > li:nth-child(6){
    order: 7;
}
.first_menu_forth ul > li:nth-child(7){
    order: 5;
}

.page-id-69 .text-primary h2, .page-id-71 .text-primary h2 {
    color: #06b6e8;
}

@media(max-width: 1200px){
    .res-main-menu .first_menu_forth ul{
        display: none;
    }
    .res-main-menu .first_menu_forth.open ul {
        display: flex;
    }
}


/*28-01-2024*/
.aio-heading-main{
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom:40px;
}
.aio-title{
    width: 174%;
}
.share_links{
    width: 31%;
    padding-top: 31px;
    text-align: right;
}
.img-fluid-aio{
    height: 25px;
    width: auto;
    /*border: 1px solid #E9E9E9;*/
    margin-right: 6px;
}
.aio-data{
    padding-top: 120px;
}
.aio-data h1{
   font-weight: 700;
    font-size: 50px;
    color: #00517c;
    margin: 5px 0 26px 0;
}
.industry_name_aio {
    margin-bottom: 35px;
}
.aio-cat-name{
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
}
.link-heading{
    font-size: 20px;
    font-weight: 700;
}
.industry_name_aio span{
  display: inline-block;
  background-color: #e5f8ff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  margin: 5px;
}
.img-fluid-links{
    height: 60px;
    width: auto;
    padding: 10px 5px;
    margin-bottom: 25px;
}
.related-blog-post-img-main-aio img {
    width: 169px;
    height: 100px;
    object-fit: cover
}
.aio-short-content p{
    color: #000;
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 250px;
}

.search-box {
  width: 42%;
  padding: 8px 12px;
  padding-left: 35px; 
  margin: 20px 20px 20px 0;
  border: 1px solid #00517c; 
  border-radius: 20px;
  font-size: 14px;
  outline: none;
  transition: all 0.3s ease-in-out;
  color: #00517c;
}

.search-box:focus {
  border-color: #00517c;
}

.aio-search img {
    position: absolute;
    top: 884px;
    text-align: center;
    left: 618px;
}

@media(max-width:991px) {
    .aio-title{
        width: 100%;
    }   
    .share_links{
        width: 100%;
        display: flex;
        text-align: left;
    }
    .aio-heading-main{
        display: inline-grid;
        margin-bottom: 30px;
        padding-bottom:20px;
    }
    .share_links{
        padding-top: 0px;
    }
    .aio-search img {
        top: 659px;
        left: 227px;
    }
    .search-box {
        width: 73%;
        margin: 10px 0 0;
        padding-left: 10px;
        border-radius: 2px;
        font-size: 18px;
        font-weight: 600;
    }
}