@import "font-awesome.min.css";
@import "animate.css";
@import "magnific-popup.css";
@import "hover-min.css";
@import "vegas.min.css";
@font-face{font-family: "Barlow";
    src: url("../fonts/Barlow-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;}

@font-face{font-family: "Work Sans";
    src: url("../fonts/WorkSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;}

@font-face{font-family: "Nunito";
    src: url("../fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;}

/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR INTECH               ||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
* 1. common styles
* 2. header styles
* 3. banner styles
* 4. blog styles
* 5. cta styles
* 6. footer styles
* 7. inner-banner styles
* 8. search-popup styles
* 9. contact styles
* 10. sidebar styles
* 11. appointment styles
* 12. service styles
* 13. funfact styles
* 14. testimonials styles
* 15. project styles
* 16. team styles
* 17. brand styles
* 18. about styles
* 19. video styles
* 20. faq styles
* 21. pricing styles
****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/*
* 1. common styles
*/
canvas {
    min-height: auto;
    width: 100%;
    opacity: 0.3;
    aspect-ratio: auto 1903 / 1050;
    position: absolute;
    /* left: 0;
       top: 20%; */
}

#webcoderskull {
    overflow: auto;
    padding: 120px 0%;
    width: auto;
}

.ms-left-side .ms-section-side div {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
}
.ms-right .ms-section-side div {
    padding: 0 15%;
}

.navigation1 {
    bottom: 30px;
    position: fixed;
    text-align: right;
    right: 40px;
    z-index: 99999;
}
.navigation1 ul {
    margin: 0;
    padding: 0;
}
.navigation1 ul li {
    display: inline-block;
}
.navigation1 ul li span i {
    border: 1px solid #999;
    border-radius: 100%;
    color: #999;
    font-size: 20px;
    padding: 7px 11px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

:root {
    --thm-font: "Barlow", sans-serif;
    --heading-font: "Barlow", sans-serif;
    --thm-base-color: #400094;
    --thm-base-color-rgb: 255, 164, 0;
    --thm-primary-color: #413b4565;
    --thm-primary-color-rgb: 65, 59, 69;
    --thm-black-color: #2d2c2c;
    --thm-black-color-rgb: 45, 44, 44;
    --thm-gray-color: #f0f1f5;
    --thm-text-color: #49464d;
}

body {
    font-family: var(--thm-font);
    color: var(--thm-text-color);
    font-size: 17px;
    line-height: 26px;
    font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
}

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

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

hr.style-one {
    border-color: #e5e5e5;
    margin: 0;
    border-width: 1px;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px grey;
    border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #f8a91b;
}

@-webkit-keyframes inctechPulse {
    50% {
        -webkit-box-shadow: 0 0 0 15px rgba(var(--thm-base-color-rgb), 0.3),
            0 0 0 30px rgba(var(--thm-base-color-rgb), 0.1);
        box-shadow: 0 0 0 15px rgba(var(--thm-base-color-rgb), 0.3),
            0 0 0 30px rgba(var(--thm-base-color-rgb), 0.1);
    }
}

@keyframes inctechPulse {
    50% {
        -webkit-box-shadow: 0 0 0 15px rgba(var(--thm-base-color-rgb), 0.3),
            0 0 0 30px rgba(var(--thm-base-color-rgb), 0.1);
        box-shadow: 0 0 0 15px rgba(var(--thm-base-color-rgb), 0.3),
            0 0 0 30px rgba(var(--thm-base-color-rgb), 0.1);
    }
}

.post-filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
}

.post-filter li + li {
    margin-left: 30px;
}

.post-filter li span {
    cursor: pointer;
    color: var(--thm-text-color);
    font-family: var(--heading-font);
    font-weight: 500;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.post-filter li span:hover {
    color: #e8ae23;
}

.post-filter li.active span {
    color: var(--thm-base-color);
}

/* .block-title {
    margin-bottom: 50px;
} */

.block-title__tag-line {
    color: var(--thm-base-color);
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    font-family: var(--heading-font);
}

.block-title__tag-line + .block-title__title {
    margin-top: 10px;
}

.block-title__title {
    margin: 0;
    color: var(--thm-black-color);
    font-family: var(--heading-font);
    font-weight: 300;
    font-size: 32px;
    line-height: 34px;
}

.block-title__title span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
}

.block-title__title span::before {
    content: "";
    position: absolute;
    top: 44px;
    width: 100%;
    height: 2px;
    background-color: var(--thm-base-color);
    opacity: 0.4;
}

.block-title__title + .block-title__text {
    margin-top: 15px;
}

.blockqoute-one {
    background-color: var(--thm-primary-color);
    padding: 42px 0;
    padding-left: 130px;
    padding-right: 40px;
    margin-bottom: 80px;
    position: relative;
}

.blockqoute-one:before {
    position: absolute;
    top: 60px;
    left: 40px;
    content: "";
    width: 60px;
    height: 3px;
    background-color: var(--thm-base-color);
}

.blockqoute-one:after {
    content: "";
    background-color: transparent;
    background-image: url(../images/resources/block-qoute-1-1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 63px;
    height: 48px;
    opacity: 0.2;
    position: absolute;
    top: 30px;
    left: 160px;
}

.blockqoute-one p {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-family: var(--heading-font);
    font-weight: 300;
}

.blockqoute-one p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50px;
    right: 50px;
    bottom: -20px;
    background-color: #cce9ed;
    z-index: -1;
}

.blockqoute-one p::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100px;
    right: 100px;
    bottom: -40px;
    background-color: #ebfdff;
    z-index: -2;
}

.thm-btn {
    border: none;
    outline: none;
    background-color: var(--thm-base-color);
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 400;
    /* color: #2d2c2c; */
    color: #ffffff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    padding: 14.5px 39.5px;
    -webkit-transition: background-color 0.4s ease, color 0.3s ease;
    transition: background-color 0.4s ease, color 0.3s ease;
}

.thm-btn:hover {
    color: #fff;
    background-color: var(--thm-black-color);
}

.bg-end {
    background-image: url(../images/background/testi-bg-1-1.jpg),
        linear-gradient(
            180deg,
            rgba(240, 241, 245, 1) 0%,
            rgba(255, 255, 255, 1) 70%
        );
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

.bg-sect {
    /*    background-image: url(../images/background/testi-bg-1-1.jpg) rgba(255, 0, 150, 0.3) ;
*/
    background: #eceae6;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

.post-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-pagination a {
    font-size: 24px;
    font-family: var(--heading-font);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: var(--thm-black-color);
}

.post-pagination a.active,
.post-pagination a:hover {
    color: var(--thm-base-color);
}

.post-pagination a i {
    font-size: 25px;
    color: #cccccc;
    display: inline-block;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.post-pagination a i:hover {
    color: var(--thm-base-color);
    -webkit-transform: scale(1.5, 1);
    transform: scale(1.5, 1);
}

.post-pagination a.prev-page i {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.post-pagination a + a {
    margin-left: 30px;
}

/* Cursor Style */
.cursor {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
}

.cursor {
    visibility: visible;
}

.cursor.active {
    opacity: 0.5;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor.hovered {
    opacity: 0.08;
}

.cursor-follower {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
        0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    visibility: hidden;
}

.cursor-follower {
    visibility: visible;
}

.cursor-follower.active {
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.for_privacy {
    padding-top: 100px;
}

.cursor-follower.hovered {
    opacity: 0.08;
}

.cursor-follower.close-cursor:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 2px;
    background: #fff;
    left: 48%;
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
}

.cursor-follower.close-cursor:after {
    position: absolute;
    content: "";
    height: 25px;
    width: 2px;
    background: #fff;
    right: 48%;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show > .btn-light.dropdown-toggle {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select > .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991;
}

.bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--thm-gray-color);
}

.bootstrap-select .dropdown-menu > li:first-child > a {
    padding-top: 10px;
}

.bootstrap-select .dropdown-menu > li:last-child > a {
    padding-bottom: 10px;
}

.bootstrap-select .dropdown-menu > li.selected > a {
    background: var(--thm-base-color);
    color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
    font-size: 16px;
    font-weight: 500;
    padding: 9px 20px;
    color: var(--thm-black-color);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu > li > a:hover {
    background: var(--thm-base-color);
    color: #fff;
    cursor: pointer;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #272d3d;
}

.preloader span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/background/aisloader_v5.gif);
}

/* #preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;
    background: var(--background-color);
    transition: all 0.6s ease-out;
  }
  
  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #ffffff;
    border-color: #ffa400 transparent #ffa400 transparent;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: animate-preloader 1.5s linear infinite;
  }
  
  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  } */

.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: var(--thm-base-color);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 990;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
    border-radius: 50%;
}

.scroll-to-top i {
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.scroll-to-top:hover {
    background: var(--thm-black-color);
}

.scroll-to-top:hover i {
    color: #fff;
}

/*
* 2. header styles
*/
.header-navigation {
    background-color: transparent;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    background-color: transparent;
}

.header-navigation .container {
    background: transparent;
    position: relative;
    display: block;
}

.header-navigation .container .logo-box {
    float: left;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-navigation .container .navbar-brand {
    height: auto;
    margin: 0;
}

.header-navigation .container .menu-toggler {
    display: none;
}

.header-navigation .container .right-side-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

.header-navigation .main-navigation {
    float: right;
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-navigation ul.navigation-box {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-navigation ul.navigation-box li a .sub-nav-toggler {
    display: none;
}

.header-navigation ul.navigation-box > li {
    position: relative;
    padding: 42px 0;
    display: inline-block;
    vertical-align: middle;
    /* Second Level Menu */
    /* Thrid Level Menu */
}

.header-navigation ul.navigation-box > li + li {
    margin-left: 40px;
}

.header-navigation ul.navigation-box > li:first-child {
    padding-left: 0;
}

.header-navigation ul.navigation-box > li:last-child {
    padding-right: 0;
}

.header-navigation ul.navigation-box > li > a {
    font-weight: 600;
    font-size: 16px;
    color: var(--thm-black-color);
    padding: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
}

.header-navigation ul.navigation-box > li > a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
}

.header-navigation ul.navigation-box > li > a:only-child:after {
    content: "";
    display: none;
}

.header-navigation ul.navigation-box > li.current > a,
.header-navigation ul.navigation-box > li:hover > a {
    color: var(--thm-base-color);
    transition: color 0.5s linear, border-radius 1s ease-in 5s;
}

.header-navigation ul.navigation-box > li > .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 220px;
    padding: 0px 0px;
    text-align: left;
    list-style: none;
    background-color: var(--thm-black-color);
    background-clip: padding-box;
    opacity: 0;
    border-radius: 0px;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}

.header-navigation ul.navigation-box > li > .submenu.right-align {
    left: auto;
    right: 0;
}

.header-navigation ul.navigation-box > li > .submenu.center-align {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header-navigation ul.navigation-box > li > .submenu > li {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-navigation ul.navigation-box > li > .submenu > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.header-navigation ul.navigation-box > li > .submenu > li > a {
    font-size: 15px;
    color: #fff !important;
    font-weight: 400;
    padding: 12px 30px;
    display: block;
    line-height: 26px;
    white-space: nowrap;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-navigation ul.navigation-box > li > .submenu > li:hover > a {
    color: #fff;
    background: var(--thm-base-color);
}

.header-navigation ul.navigation-box > li:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.header-navigation ul.navigation-box > li:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.header-navigation ul.navigation-box > li > ul > li > .submenu {
    position: absolute;
    top: 0%;
    left: 100%;
    z-index: 1000;
    float: left;
    min-width: 220px;
    padding: 0px 0px;
    text-align: left;
    list-style: none;
    background-color: var(--thm-black-color);
    background-clip: padding-box;
    opacity: 0;
    border-radius: 0px;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}

.header-navigation ul.navigation-box > li > ul > li > .submenu.right-align {
    left: auto;
    right: 100%;
}

.header-navigation ul.navigation-box > li > ul > li > .submenu.center-align {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header-navigation ul.navigation-box > li > ul > li > .submenu > li {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-navigation ul.navigation-box > li > ul > li > .submenu > li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.header-navigation ul.navigation-box > li > ul > li > .submenu > li > a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    padding: 12px 30px;
    display: block;
    line-height: 26px;
    white-space: nowrap;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-navigation ul.navigation-box > li > ul > li > .submenu > li:hover > a {
    color: #fff;
    background: var(--thm-base-color);
}

.header-navigation ul.navigation-box > li > ul > li:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.header-navigation ul.navigation-box > li > ul > li ul {
    /* no more nested showen */
    display: none;
}

.stricked-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    -webkit-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
    opacity: 0;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.stricked-menu ul.navigation-box > li {
    padding-top: 22px;
    padding-bottom: 22px;
}

.stricked-menu.stricky-fixed {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.header-one__btn {
    padding: 12px 37px;
}

.site-header__header-one .header-navigation .container {
    /*  padding-right: 195px;
*/
}

.site-header__header-one
    .header-navigation
    ul.navigation-box
    + ul.navigation-box {
    margin-left: 50px;
}

.site-header__header-one .header-navigation ul.navigation-box > li > a {
    font-size: 17px;
    font-weight: 500;
    font-family: var(--heading-font);
    color: var(--thm-black-color);
}

.site-header__header-one .header-navigation ul.navigation-box > li.current > a,
.site-header__header-one .header-navigation ul.navigation-box > li:hover > a {
    color: var(--thm-base-color);
}

.site-header__header-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 991;
}

.site-header__header-two
    .header-navigation
    ul.navigation-box
    + ul.navigation-box {
    margin-left: 50px;
}

.site-header__header-two .header-navigation ul.navigation-box > li > a {
    font-size: 17px;
    font-weight: 500;
    font-family: var(--heading-font);
    color: #fff;
}

.site-header__header-two .header-navigation ul.navigation-box > li.current > a,
.site-header__header-two .header-navigation ul.navigation-box > li:hover > a {
    color: var(--thm-base-color);
}

.site-header__header-two .stricked-menu {
    background-color: var(--thm-black-color);
}

/*topbar styles*/
.topbar-one {
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: var(--thm-black-color);
}

.topbar-one .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topbar-one__left-text {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-family: var(--heading-font);
}

.topbar-one__right-info {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topbar-one__right-info i {
    color: var(--thm-base-color);
    margin-right: 10px;
}

.topbar-one__right-info li {
    color: #fff;
    font-size: 15px;
    font-family: var(--heading-font);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topbar-one__right-info li + li {
    margin-left: 40px;
}

.topbar-one__light {
    /*  background-color: var(--thm-gray-color);
*/
    background-color: var(--thm-primary-color);
}

.topbar-one__light .topbar-one__right-info li,
.topbar-one__light .topbar-one__left-text {
    /*color: var(--thm-text-color);*/
    color: #cecece;
}

/*
* 3. banner styles
*/
.banner-one .container {
    padding-top: 229px;
    padding-bottom: 275px;
    position: relative;
}
/* .banner-one #containerRevamp{
    padding: 50px 0px !important;
} */

.banner-one .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.banner-one__is-animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

.banner-one__single {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner-one__tag-line {
    font-size: 18px;
    font-weight: 300;
    color: var(--thm-base-color);
    font-family: var(--heading-font);
    margin: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.banner-one__tag-line + .banner-one__title {
    margin-top: 15px;
}

.banner-one__tag-line + .banner-one__text {
    margin-top: 35px;
}

.banner-one__title {
    margin: 0;
    color: #ffffff;
    font-family: var(--heading-font);
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.banner-one__title + .banner-one__text {
    margin-top: 20px;
}

.banner-one__title + .banner-one__tag-line {
    margin-top: 10px;
}

.banner-one__text {
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.banner-one__text + .banner-one__btn {
    margin-top: 40px;
}

.banner-one__btn {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.banner-one__text + .banner-one__btn-group {
    margin-top: 40px;
}

.banner-one__moc {
    position: absolute;
    bottom: -40px;
    right: 0;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.banner-one__btn-white-bg {
    background-color: #fff;
    color: var(--thm-black-color);
}

.banner-one__slide-2 .banner-one__moc {
    bottom: 0;
}

.banner-one__btn-group .banner-one__btn + .banner-one__btn {
    margin-left: 15px;
}

.active .banner-one__tag-line {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.active .banner-one__title {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.active .banner-one__text {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.active .banner-one__btn {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.active .banner-one__moc {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*
* 4. blog styles
*/
.recent_Blogs {
    padding-bottom: 60px;
}
.blog_top_Banner {
    text-align: center;
    position: relative;
    padding: 42px 0;
}
.blog_inner-banner__title {
    margin: 0;
    color: black;
    font-size: 52px;
    font-weight: 800;
}
.blogs_tagLine {
    margin-top: 28px;
    font-size: 40px;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
}
.form-control::placeholder {
    font-size: 20px;
    color: #aaa;
}
.form-control:focus {
    box-shadow: none;
}
.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}
.form-control {
    padding: 2rem 2rem;
}
.width-80 {
    width: 85%;
    margin: 0 auto;
}
.btn-link {
    font-weight: 400;
    color: #8e8e8e;
    font-size: 20px;
    text-decoration: none;
}
.serachBar {
    border-radius: 20px;
}
.firstBlog_date {
    font-size: 18px;
    font-weight: 400;
    color: #49464d;
}

.all_Blog_heading {
    font-size: 44px;
    font-weight: 700;
    padding-left: 18px;
    color: #000000;
}
.blog_image {
    width: 100%;
    height: 90vh;
}
.iti--allow-dropdown {
    width: 100% !important;
}
.error {
    color: red;
    font-weight: 600;
    font-size: 14px;
    padding-left: 10px;
}
.errorMessage {
    height: 5vh;
}
.comment_Section {
    background-color: rgba(238, 238, 238, 0.5);
    padding-bottom: 80px;
}

.sendButton {
    padding-top: 40px;
}
/* search */
* {
    box-sizing: border-box;
}

#myInput {
    background-image: url("/css/searchicon.png");
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}
#myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#myUL li a {
    border: 1px solid #ddd;
    margin-top: -1px;
    background-color: #f8f9fa;
    padding: 5px;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block;
    text-align: start;
    padding-left: 30px;
    border-radius: 10px;
}

#myUL li a:hover:not(.header) {
    background-color: #eee;
}
#noMatch {
    border: 1px solid #ddd;
    margin-top: -1px;
    background-color: #f8f9fa;
    padding: 5px;
    text-decoration: none;
    font-size: 18px;
    color: black;
    display: block;
    text-align: start;
    padding-left: 31px;
    border-radius: 10px;
}
/* search   */
.loadMoreButton {
    border: none;
    border-radius: 25px;
    outline: none !important;
    background-color: var(--thm-base-color);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: var(--heading-font);
    font-weight: 400;
    color: #ffffff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    padding: 20px 85px;
    -webkit-transition: background-color 0.4s ease, color 0.3s ease;
    transition: background-color 0.4s ease, color 0.3s ease;
}
.leave-comment__btn {
    border: none;
    border-radius: 25px;
    outline: none;
    background-color: var(--thm-base-color);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: var(--heading-font);
    font-weight: 400;
    color: #ffffff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    padding: 20px 100px;
    -webkit-transition: background-color 0.4s ease, color 0.3s ease;
    transition: background-color 0.4s ease, color 0.3s ease;
}
.card {
    border-radius: 10px !important;
    margin-top: 4.2rem;
    width: 90%;
    height: 420px;
}
.fullStackcard {
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    height: 480px;
}
.accadamiccard {
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    height: 450px;
}
.networkCard {
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    height: 450px;
}
.publicCard {
    border-radius: 10px !important;
    /* margin-top: 2.2rem; */
    width: 100%;
    height: 400px;
}
.dataCenter_Card {
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    height: 350px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dataCenter_Card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.serverCard,
.serverCard1,
.serverCard2,
.serverCard3 {
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    height: 430px;
}
.cardImage {
    height: 100%;
    width: 100%;
}
.accadamiccardImage {
    /* height: 100%; */
    width: 100%;
}
.cardContent {
    height: 80%;
    width: 100%;
}
.card-img-top {
    width: 100%;
    border-radius: 10px;
    height: 200px;
    /* object-fit: cover; */
}
.blogCard {
    border-radius: 24px !important;
    margin-top: 1rem;
    width: 90%;
}
.blog_Card_Text {
    font-weight: 500;
    color: #13161aa1;
    font-size: 16px;
    text-align: justify;
    color: #000;
}
.card-title {
    color: #400094;
    font-weight: 600;
}
.load_morebtn {
    padding: 100px 0px;
}
.video_box {
    padding-bottom: 100px;
    padding-left: 18px;
    padding-right: 18px;
}
.vid_Thumbnail {
    width: 100%;
}
.blog_Detail_banner {
    padding: 25px 0px;
}
.blog_banner_image {
    width: 100%;
    /* height: 75vh; */
    border-radius: 7px;
}
.blog-one {
    padding-top: 150px;
    padding-bottom: 150px;
}

.blog-one .owl-carousel .owl-item img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}

.blog-one .owl-theme .owl-dots {
    text-align: left;
}

.blog-one .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 130px;
}
.seaRch {
    margin: 0 auto;
    width: 60%;
}

.blog_Thumbnail {
    padding: 9px 0px 9px 18px;
}

.blog-one .owl-theme .owl-dots .owl-dot {
    border: none;
    outline: none;
}

.blog-one .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e5e5e5;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.blog-one .owl-theme .owl-dots .owl-dot:hover span,
.blog-one .owl-theme .owl-dots .owl-dot.active span {
    border-radius: 50%;
    background-color: var(--thm-primary-color);
}

.blog-one__featured-image > img {
    width: 100%;
}

.blog-one__content {
    padding-right: 65px;
}

.blog-one__content .block-title {
    margin-bottom: 15px;
}

.blog-one__text {
    margin: 0;
    color: #848484;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
}
.fluida {
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    height: 350px;
}
.cardBtn {
    width: 25%;
    background-color: #fffaf0;
    color: #000000;
    border: 1px solid #400094;
    border-radius: 10px;
    box-shadow: none;
    padding: 1px;
    font-weight: 600;
    margin-right: 0px;
    font-size: 13px;
    text-align: center;
}
.blog-one__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 14px;
}

.blog-one__meta img {
    border-radius: 50%;
    margin-right: 15px;
}

.blog-one__meta-text {
    color: #848484;
    font-size: 15px;
}

.blog-one__author {
    font-weight: 600;
    color: var(--thm-black-color);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-one__author:hover {
    color: var(--thm-base-color);
}

.blog-one__date {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-one__date:hover {
    color: var(--thm-base-color);
}

/*blog two*/
.blog-two {
    padding: 150px 0;
}

.blog-two .post-pagination {
    margin-top: 100px;
}

.blog-one__featured-image-single,
.blog-two__image {
    position: relative;
    overflow: hidden;
}

.blog-one__featured-image-single > img,
.blog-two__image > img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.blog-one__featured-image__hover-content,
.blog-two__hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--thm-black-color-rgb), 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.4s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.4s ease;
    transition: background-color 0.3s ease, transform 0.4s ease;
    transition: background-color 0.3s ease, transform 0.4s ease,
        -webkit-transform 0.4s ease;
}

.blog-one__featured-image__hover-content a,
.blog-two__hover-content a {
    width: 60px;
    height: 60px;
    background-color: var(--thm-primary-color);
    text-align: center;
    line-height: 60px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.3s ease;
    transition: transform 0.4s ease, opacity 0.3s ease,
        -webkit-transform 0.4s ease;
}
.blog-one__featured-image__hover-content a:hover,
.blog-two__hover-content a:hover {
    background-color: var(--thm-black-color);
}
.blog-one__featured-image-single:hover > img,
.blog-two__single:hover .blog-two__image > img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blog-one__featured-image-single:hover .blog-one__featured-image__hover-content,
.blog-two__single:hover .blog-two__hover-content {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.blog-one__featured-image-single:hover
    .blog-one__featured-image__hover-content
    a,
.blog-two__single:hover .blog-two__hover-content a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.blog-two__single + .blog-two__single {
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
    padding-top: 50px;
}

.blog-two__content {
    padding-left: 60px;
}

.blog-two__title {
    margin: 0;
    font-size: 30px;
    color: var(--thm-base-color);
    line-height: 40px;
    font-weight: 600;
    font-family: var(--heading-font);
}

.blog-two__title a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: var(--thm-base-color) !important;
}

.blog-two__title a:hover {
    color: var(--thm-base-color);
}

.blog-two__text {
    margin: 0;
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: justify;
}

.blog-two__two-col .blog-two__single {
    margin-bottom: 80px;
}

.blog-two__two-col .blog-two__content {
    padding-left: 0;
    padding-right: 70px;
    padding-top: 30px;
}

.blog-two__two-col .post-pagination {
    margin-top: 10px;
}

.blog-details {
    padding-top: 25px;
    padding-bottom: 25px;
}
.main-content {
    padding: 0px 0px;
}

.blog-details__header {
    background-color: var(--thm-black-color);
    background-image: url(../images/blog/blog-header-1-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 500px;
}

.blog-details__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black-color);
    opacity: 0.2;
}

.blog-details__title {
    font-size: 40px;
    line-height: 50px;
    color: var(--thm-base-color);
    font-weight: 600;
    font-family: var(--heading-font);
    margin: 0;
    margin-bottom: 5px;
    text-align: justify;
}
.blog-sub__title {
    font-size: 30px;
    line-height: 50px;
    color: var(--thm-base-color);
    font-weight: 600;
    font-family: var(--heading-font);
    margin: 0;
    margin-bottom: 5px;
    text-align: justify;
}

.blog-details .blog-one__meta {
    margin-bottom: 60px;
}

.blog-details__subtitle {
    font-size: 24px;
    font-weight: 600;
    color: var(--thm-black-color);
    margin: 0;
    margin-bottom: 25px;
}

.blog-details__text {
    font-size: 16px;
    font-weight: 400;
    /* line-height: 36px; */
    color: #000000;
    margin: 0;
    margin-bottom: 5px;
    text-align: justify;
}

.blogs_block_text {
    margin-top: 30px;
}

.blogDetail_image {
    margin-top: 30px;
}

.blog-details__image {
    margin-top: 30px;
    margin-bottom: 60px;
    max-width: 100%;
}

.blog-tags-list,
.blog-share-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-tags-list span,
.blog-share-links span {
    margin: 0;
    font-family: var(--heading-font);
    font-weight: 500;
    color: var(--thm-black-color);
    font-size: 20px;
}

.blog-tags-list a {
    color: var(--thm-text-color);
    font-size: 17px;
    line-height: 1em;
    margin-left: 10px;
}

.blog-share-links {
    margin-top: 10px;
}

.blog-share-links a {
    font-size: 17px;
    color: #c2c2c2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 30px;
}

.blog-share-links a:hover {
    color: var(--thm-black-color);
}

.comment-block {
    margin-top: 70px;
}

.comment-block__single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comment-block__single + .comment-block__single {
    border-top: 1px solid #e5e5e5;
    padding-top: 45px;
    margin-top: 45px;
}

.comment-block__img-block {
    width: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80px;
    flex: 1 1 80px;
}

.comment-block__img {
    border-radius: 50%;
    max-width: 100%;
}

.comment-block__content {
    position: relative;
    padding-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 80px);
    flex: 1 1 calc(100% - 80px);
}

.comment-block__title,
.comment__title {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 500;
}

.comment__title {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.comment-block__title {
    font-size: 20px;
    line-height: 1em;
}

.comment-block__text {
    margin: 0;
    font-size: 15px;
    line-height: 26px;
    margin-top: 10px;
}

.comment-block__date {
    font-size: 15px;
    font-style: italic;
    color: #848484;
    margin: 0;
}

.comment-block__btn {
    font-size: 15px;
    padding: 4px 15px;
    position: absolute;
    top: 0;
    right: 0;
}

.leave-comment {
    margin-top: 70px;
}

.leave-comment__input {
    border: none;
    border-radius: 15px;
    outline: none;
    background-color: #ffffff;
    width: 100%;
    height: 54px;
    padding-left: 20px;
    display: block;
    /* margin-bottom: 30px; */
}

textarea.leave-comment__input {
    height: 250px;
    padding-top: 15px;
}

.projectDropdown {
    border: none;
    border-radius: 15px;
    outline: none;
    background-color: #ffffff;
    width: 100% !important;
    height: 54px;
    /* padding-left: 20px; */
    padding: 7px 6px !important;
    display: block;
    margin-bottom: 30px;
}

.bootstrap-select .dropdown-menu {
    min-width: 98% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #ffffff !important;
    border: none !important;
}

.btn-light:hover {
    color: #212529;
    background-color: #ffffff !important;
    border: none !important;
}

/*
* 5. cta styles
*/
.cta-one {
    padding: 101px 0;
    background-color: var(--thm-gray-color);
    background-image: url(../images/resources/cta-1-bg-1-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-one__title {
    color: var(--thm-black-color);
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin: 0;
}

.cta-one__phone {
    margin: 0;
    font-weight: 600;
    font-size: 45px;
    line-height: 1em;
    color: var(--thm-base-color);
    margin-top: 28px;
}

.cta-one__phone a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cta-one__phone a:hover {
    color: var(--thm-black-color);
}

/*cta two*/
.cta-two .container-fluid {
    padding: 0;
}

.cta-two .block-title {
    margin-bottom: 0;
}

.cta-two .block-title__title {
    color: #fff;
}

.cta-two .block-title__title:before {
    opacity: 0.5;
}

.cta-two__left {
    padding-top: 95px;
    padding-bottom: 100px;
    padding-left: 150px;
    background-color: #3d3a41;
    min-height: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cta-two__right {
    padding-top: 95px;
    padding-bottom: 100px;
    background-color: #8c8b90;
    min-height: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cta-two__phone {
    font-size: 45px;
    font-weight: 400;
    color: #49464d;
    font-family: var(--heading-font);
    margin-top: 30px;
}

.cta-two__phone a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cta-two__phone a:hover {
    color: var(--thm-black-color);
}

.cta-two__btn {
    margin-top: 30px;
}

.cta-three {
    background-color: var(--thm-gray-color);
    background-image: url(../images/background/cta-3-1-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.cta-three .my-auto {
    width: 100%;
}

.cta-three .block-title {
    margin-bottom: 40px;
}

.cta-three .block-title__title + .block-title__text {
    margin-top: 30px;
}

.cta-three__content {
    padding-left: 115px;
    width: 100%;
    max-width: 810px;
}

.cta-three__btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cta-three__btn-one {
    background-color: var(--thm-primary-color);
    margin-right: 20px;
}

.cta-four .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 70px;
    padding-right: 70px;
    background-color: var(--thm-black-color);
    background-image: url(../images/background/cta-4-1.jpg);
    background-position: center center;
    background-size: cover;
    padding-top: 75px;
    padding-bottom: 75px;
    margin-top: -125px;
    margin-bottom: -125px;
    position: relative;
    z-index: 10;
}

.cta-four .block-title {
    margin-bottom: 0;
}

.cta-four .block-title__title {
    color: #fff;
}

.cta-four .thm-btn:hover {
    background-color: #fff;
    color: var(--thm-black-color);
}

.cta-four__button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cta-four__btn-one {
    background-color: var(--thm-primary-color);
    margin-right: 20px;
}

/*
* 6. footer styles
*/
.site-footer {
    background-color: #49464d;
}

.site-footer__upper {
    padding-top: 125px;
    padding-bottom: 75px;
}

.site-footer__bottom .container {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-footer__bottom .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 30px);
    height: 1px;
    border-top: 1px solid #fff;
    opacity: 0.2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.site-footer__links {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-footer__links a {
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-footer__links a:hover {
    color: var(--thm-base-color);
}

.site-footer__links li + li::before {
    content: "|";
    font-size: 15px;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.site-footer__copy {
    margin: 0;
    color: #888789;
}

.footer-widget__title {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-top: -5px;
    margin-bottom: 35px;
}

.footer-widget__title + .footer-widget__text {
    margin-top: -10px;
}

.footer-widget__text {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    opacity: 0.7;
    margin: 0;
}
.footer-widget__text a {
    color: inherit;
    transition: all 500ms ease;
}
.footer-widget__text a:hover {
    color: var(--thm-base-color);
}

.footer-widget__text + .footer-widget__text {
    margin-top: 12px;
}

.footer-widget__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

.footer-widget__social a {
    font-size: 20px;
    color: #fff;
    opacity: 0.3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.footer-widget__social a + a {
    margin-left: 30px;
}

.footer-widget__social a:hover {
    opacity: 1;
    color: var(--thm-base-color);
}

.footer-widget__links {
    margin: 0;
    margin-top: -5px;
}

.footer-widget__links li + li {
    margin-top: 7px;
}

.footer-widget__links a {
    color: #fff;
    opacity: 0.7;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
}

.footer-widget__links a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--thm-base-color);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.footer-widget__links a:after {
    content: "\f101";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) translateX(-15px);
    transform: translateY(-50%) translateX(-15px);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.footer-widget__links a:hover {
    color: var(--thm-base-color);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.footer-widget__links a:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.footer-widget__links a:hover:after {
    opacity: 1;
}

.footer-widget__logo {
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 10px;
}

/*
* 7. inner-banner styles
*/
.inner-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/inner-banner-1-1-4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}

.inner-banner2 {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/inner-banner-1-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}

.inner-banner3 {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/inner-banner-1-3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-banner_db {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/db_services.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-banner4 {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/inner-banner-1-4.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-bannerBlog {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/Header1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-bannerAI {
    background-color: var(--thm-black-color);
    /* background-image: url(../images/background/Header2.webp); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.application_banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/application_Integration/Png/backgroung_img.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.digital_Banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/digital_ecommerce/png/backgroundimg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.uiux-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/uiux/innovative.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-bannerbanking {
    background-color: var(--thm-black-color);
    background-image: url(../images/Mobile_Banking_Solution/png/background_img.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.softwareDev-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/softwareDevelopment/heroBg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 85px 0;
}
.locker-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/banklocker/HeroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inventory-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/inventory/HeroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 40px 0;
}
.hrms-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/HRMS/HeroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.seo-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/seo/banner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}

.virtualization-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/virtualization/virtualization.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.housing-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/housing/HeroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.healthCare-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/healthCare/HeroBg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.academia-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/Academic/heroBg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.cyber-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/cyber_security/Hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 65px 0;
}
.digital-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/digitalMarketing/mainBanner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 30px 0;
}
.public-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/Public&Private_Cloud/Hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.professional-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/professional/mainBg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.datacenter-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/DataCenter/Frame.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 135px 0;
}
.fullStack_banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/fullStack/herobg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 50px 0;
}
.server-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/serverStorage/heroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 60px 0;
}
.network-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/network/heroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.applicationModern-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/application_modernization/HeroSection.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.erp-banner {
    background-color: var(--thm-black-color);
    background-image: url(../images/ERP_Solution/Png/background_img.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-bannerCustom {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/Header3.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-bannerSoftware {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/Header4.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.echallan-Baanner {
    background-color: var(--thm-black-color);
    background-image: url(../images/echallan/slider.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.echallanU-Baanner {
    /* background-color: var(--thm-black-color); */
    /* background-image: url(../images/echallanU/firstimage.png); */
    /* background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative; */
}
.introBg {
    background-color: var(--thm-black-color);
    background-image: url(../images/echallanU/introduction.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    position: relative;
    padding: 115px 0;
}
.inner-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--thm-black-color);
    opacity: 0.5;
}

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

.inner-banner__content-wrap {
    background-color: rgba(var(--thm-primary-color-rgb), 0.9);
    display: inline-block;
    padding: 20.5px 89px;
}

.inner-banner__title {
    margin: 0;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
}

/*breadcrumb*/
.thm-breadcrumb {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px;
}

.thm-breadcrumb li + li::before {
    content: "/";
    margin-left: 10px;
    margin-right: 10px;
}

.thm-breadcrumb li,
.thm-breadcrumb a {
    color: #fff;
    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 300;
}

.thm-breadcrumb .active a {
    color: var(--thm-base-color);
}

/*
* 8. search-popup styles
*/
.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.search-popup.active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.search-popup__overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0.7;
    cursor: none;
}

.search-popup__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-popup__form {
    position: relative;
    z-index: 9991;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    position: relative;
}

.search-popup__form input {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 60px;
    color: var(--thm-black-color);
    font-size: 18px;
    background-color: white;
    padding-left: 30px;
}

.search-popup__form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--thm-black-color);
}

.search-popup__form input::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--thm-black-color);
}

.search-popup__form input:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--thm-black-color);
}

.search-popup__form input:-moz-placeholder {
    /* Firefox 18- */
    color: var(--thm-black-color);
}

.search-popup__form button[type="submit"] {
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: var(--thm-base-color);
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.search-popup__form button[type="submit"]:hover {
    background-color: var(--thm-black-color);
    color: var(--thm-base-color);
}

/*
* 9. contact styles
*/
.contact-one {
    background-color: var(--thm-gray-color);
    padding-top: 140px;
    padding-bottom: 0px;
}

.contact-one__form input,
.contact-one__form textarea {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    background-color: #fff;
    height: 50px;
    color: #848484;
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 30px;
}

.contact-one__form input::-webkit-input-placeholder,
.contact-one__form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--thm-text-color);
}

.contact-one__form input::-moz-placeholder,
.contact-one__form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--thm-text-color);
}

.contact-one__form input:-ms-input-placeholder,
.contact-one__form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--thm-text-color);
}

.contact-one__form input:-moz-placeholder,
.contact-one__form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: var(--thm-text-color);
}

.contact-one__form input.error,
.contact-one__form textarea.error {
    /* background-color: red;
    color: #ffffff; */
    border: 2px solid red;
    color: red;
}

.contact-one__form input.error::-webkit-input-placeholder,
.contact-one__form textarea.error::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ffffff;
}

.contact-one__form input.error::-moz-placeholder,
.contact-one__form textarea.error::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

.contact-one__form input.error:-ms-input-placeholder,
.contact-one__form textarea.error:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}

.contact-one__form input.error:-moz-placeholder,
.contact-one__form textarea.error:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.contact-one__form label.error {
    display: none !important;
}

.contact-one__form textarea {
    height: 150px;
    padding-top: 10px;
    margin-bottom: 50px;
}

.contact-one__form
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    width: 100%;
}

.contact-one__form .bootstrap-select > .dropdown-toggle {
    padding: 12px 20px;
    background-color: #fff;
    color: var(--thm-text-color);
    border-radius: 0;
    border: none;
}

.contact-info-one {
    padding: 50px 0;
}

.contact-info-one__box {
    background-color: #fff;
    -webkit-box-shadow: 30.091px 39.932px 120px 0px rgba(26, 46, 85, 0.15);
    box-shadow: 30.091px 39.932px 120px 0px rgba(26, 46, 85, 0.15);
    position: relative;
    padding: 43px 45px;
}

.contact-info-one__single + .contact-info-one__single {
    margin-top: 40px;
}

.contact-info-one__box::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffa400;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: -1;
}

.contact-info-one__label {
    margin: 0;
    color: var(--thm-base-color);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--heading-font);
    line-height: 1em;
    margin-bottom: 20px;
}

.contact-info-one__text {
    margin: 0;
    margin-top: -8px;
    font-size: 20px;
    font-weight: 500;
    color: var(--thm-black-color);
    line-height: 28px;
    font-family: var(--heading-font);
}
.contact-info-one__text a {
    color: inherit;
    transition: all 500ms ease;
}
.contact-info-one__text a:hover {
    color: var(--thm-primary-color);
}

.contact-info-one__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-info-one__social a {
    font-size: 18px;
    color: #c2c2c2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.contact-info-one__social a:hover {
    color: var(--thm-base-color);
}

.contact-info-one__social a + a {
    margin-left: 30px;
}

.google-map__contact {
    width: 100%;
    height: 360px;
    border: none;
    margin: 0;
}

.contact-cta {
    background-color: #f0f1f5;
}

.contact-cta .cta-two__right,
.contact-cta .cta-two__left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact-cta .cta-two__right {
    background-color: #fff;
    padding-top: 81.5px;
    padding-bottom: 81.5px;
}

.contact-cta .cta-two__right .block-title__title {
    color: var(--thm-black-color);
}

.contact-home-two {
    width: 100%;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    padding-top: 100px;
    padding-bottom: 110px;
}

.contact-home-two .contact-one__form textarea {
    margin-bottom: 30px;
}

/*
* 10. sidebar styles
*/

.sidebar__single + .sidebar__single {
    margin-top: 65px;
}

.sidebar__title {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--heading-font);
    margin-bottom: 35px;
}

.sidebar__search-form {
    border: 1px solid #e6e6e6;
    position: relative;
}

.sidebar__search-form input {
    border: none;
    outline: none;
    background-color: transparent;
    color: #848484;
    font-size: 15px;
    width: 100%;
    height: 60px;
    padding-left: 20px;
}

.sidebar__search-form button[type="submit"] {
    border: none;
    outline: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #848484;
    font-size: 17px;
}

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

.sidebar__cat-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1em;
}

.sidebar__cat-list li + li {
    margin-top: 26px;
}

.sidebar__cat-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dcdde0;
}

.sidebar__cat-list li a {
    font-size: 17px;
    color: #3b3b3b;
    font-family: var(--heading-font);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sidebar__cat-list li:hover::before {
    background-color: var(--thm-base-color);
}

.sidebar__cat-list li:hover a {
    color: var(--thm-base-color);
}

.sidebar__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar__social a {
    width: 75px;
    height: 75px;
    border: 1px solid #e6e6e6;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--thm-text-color);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar__social a:hover {
    background-color: var(--thm-base-color);
    color: #fff;
}

.sidebar__social a + a {
    margin-left: 10px;
}

.sidebar__single .datepicker-inline {
    width: 100%;
}

.sidebar__single .datepicker table {
    width: 100%;
}

.sidebar__single .datepicker table thead tr:nth-child(2) {
    background-color: #f2f4f7;
}

.sidebar__single .datepicker table thead tr:nth-child(2) th {
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 600;
    color: var(--thm-black-color);
    padding: 17px 0;
}

.sidebar__single .datepicker table thead tr:nth-child(3) th {
    font-size: 17px;
    font-family: var(--heading-font);
    font-weight: 600;
    color: #3b3b3b;
    padding-top: 20px;
    padding-bottom: 10px;
}

.sidebar__single .datepicker table tbody td {
    font-size: 15px;
    color: #3b3b3b;
}

.sidebar__single .datepicker td,
.sidebar__single .datepicker th {
    width: 30px;
    height: 30px;
}

.sidebar__single .datepicker table tr td span.active.active,
.sidebar__single .datepicker table tr td span.active.disabled.active,
.sidebar__single .datepicker table tr td span.active.disabled:active,
.sidebar__single .datepicker table tr td span.active.disabled:hover.active,
.sidebar__single .datepicker table tr td span.active.disabled:hover:active,
.sidebar__single .datepicker table tr td span.active:active,
.sidebar__single .datepicker table tr td span.active:hover.active,
.sidebar__single .datepicker table tr td span.active:hover:active,
.sidebar__single .datepicker table tr td.active.active,
.sidebar__single .datepicker table tr td.active.disabled,
.sidebar__single .datepicker table tr td.active.disabled.active,
.sidebar__single .datepicker table tr td.active.disabled.disabled,
.sidebar__single .datepicker table tr td.active.disabled:active,
.sidebar__single .datepicker table tr td.active.disabled:hover,
.sidebar__single .datepicker table tr td.active.disabled:hover.active,
.sidebar__single .datepicker table tr td.active.disabled:hover.disabled,
.sidebar__single .datepicker table tr td.active.disabled:hover:active,
.sidebar__single .datepicker table tr td.active.disabled:hover:hover,
.sidebar__single .datepicker table tr td.active.disabled:hover[disabled],
.sidebar__single .datepicker table tr td.active.disabled[disabled],
.sidebar__single .datepicker table tr td.active:active,
.sidebar__single .datepicker table tr td.active:hover,
.sidebar__single .datepicker table tr td.active:hover.active,
.sidebar__single .datepicker table tr td.active:hover.disabled,
.sidebar__single .datepicker table tr td.active:hover:active,
.sidebar__single .datepicker table tr td.active:hover:hover,
.sidebar__single .datepicker table tr td.active:hover[disabled],
.sidebar__single .datepicker table tr td.active[disabled] {
    background-image: none;
    background-color: #fe721d;
    color: #fff;
}

.sidebar__single .datepicker table tr td.old,
.sidebar__single .datepicker table tr td.new {
    opacity: 0.7;
}

.sidebar__post-title {
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--heading-font);
    color: var(--thm-black-color);
    margin: 0;
}

.sidebar__post-title a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.sidebar__post-title a:hover {
    color: var(--thm-base-color);
}

.sidebar__post-single {
    position: relative;
    padding: 8px 0;
    padding-left: 115px;
}

.sidebar__post-single + .sidebar__post-single {
    margin-top: 30px;
}

.sidebar__post-single > img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 90px;
}

.sidebar__tagscloud {
    margin-left: -11px;
    margin-top: -15px;
}

.sidebar__tagscloud a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    color: #848484;
    padding: 6px 19px;
    font-size: 14px;
    font-family: var(--heading-font);
    margin-left: 11px;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar__tagscloud a:hover {
    background-color: var(--thm-base-color);
    border-color: var(--thm-base-color);
    color: #fff;
}

/*
* 11. appointment styles
*/
.appointment-one {
    position: relative;
    z-index: 100;
}

.appointment-one .inner-container {
    background-color: var(--thm-primary-color);
    background-image: url(../images/background/appointment-bg-1-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 57px 0;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    z-index: 99;
    margin-top: -135px;
}

.appointment-one__title {
    margin: 0;
    color: #fff;
    font-family: var(--heading-font);
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
}

.appointment-one__text {
    font-size: 15px;
    margin: 0;
    color: #fff;
    opacity: 0.7;
}

.appointment-one__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

.appointment-one__form {
    margin-top: 35px;
}

.appointment-one__form input {
    border: none;
    outline: none;
    width: 100%;
    display: block;
    background-color: #645cff;
    height: 60px;
    padding-left: 20px;
    color: #fff;
    font-size: 15px;
}

.appointment-one__form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.appointment-one__form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.appointment-one__form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.appointment-one__form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.appointment-one__form
    .bootstrap-select
    .btn-light:not(:disabled):not(.disabled).active,
.appointment-one__form
    .bootstrap-select
    .btn-light:not(:disabled):not(.disabled):active,
.appointment-one__form .bootstrap-select .show > .btn-light.dropdown-toggle {
    background-color: #645cff !important;
    color: #fff;
}

.appointment-one__form
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    width: 100%;
}

.appointment-one__form .bootstrap-select > .dropdown-toggle {
    background-color: #645cff;
    border: none;
    border-radius: 0;
    font-size: 15px;
    color: #fff;
    padding: 19px 20px;
}

/*
* 12. service styles
*/
.service-one {
    background-color: var(--thm-gray-color);
    background-image: url(../images/background/service-bg-1-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: -215px;
    padding-top: 355px;
    padding-bottom: 90px;
}

.service-one__single {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 10px -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    position: relative;
    text-align: center;
    padding: 60px 0;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 50px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-one__single::before {
    background-color: var(--thm-primary-color);
}

.service-one__single:hover {
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.2);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.2);
}

.service-one__single:hover .service-one__link {
    opacity: 1;
    -webkit-transform: perspective(60px) translate(-50%, 50%) translatez(0px);
    transform: perspective(60px) translate(-50%, 50%) translatez(0px);
}

.service-one__single:hover .service-one__title {
    color: #fff;
}

.service-one__single:hover .service-one__icon img {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.service-one__single:hover .service-one__icon img.normal-icon {
    -webkit-transform: translate(-50%, -50%) scale(1, 0);
    transform: translate(-50%, -50%) scale(1, 0);
}

.service-one__single:hover .service-one__icon img.hvr-icon {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
}

.service-one__icon {
    width: 120px;
    height: 120px;
    position: relative;
}

.service-one__icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.service-one__icon > img.normal-icon {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
}

.service-one__icon > img.hvr-icon {
    -webkit-transform: translate(-50%, -50%) scale(1, 0);
    transform: translate(-50%, -50%) scale(1, 0);
}

.service-one__title {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: var(--thm-black-color);
    margin-top: 20px;
    margin-bottom: 25px;
}

.service-one__title a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-one__title a:hover {
    color: var(--thm-base-color);
}

.service-one__text {
    margin: 0;
}

.service-one__link {
    width: 60px;
    height: 60px;
    background-color: var(--thm-base-color);
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: opacity 0.4s ease, background 0.4s ease,
        -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, background 0.4s ease,
        -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, background 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, background 0.4s ease,
        -webkit-transform 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    -webkit-transform: perspective(60px) translate(-50%, 50%) translatez(10px);
    transform: perspective(60px) translate(-50%, 50%) translatez(10px);
}

.service-one__link:hover {
    color: #fff;
    background-color: var(--thm-black-color);
}

.service-one__link i {
    color: inherit;
    font-size: 30px;
}

.service-one__home-two {
    margin-top: 0;
    padding-top: 110px;
    padding-bottom: 210px;
}

.service-one__home-three {
    padding: 0;
    background-image: none;
    background-color: transparent;
    position: relative;
    z-index: 100;
    margin-top: -115px;
}
#servicesCardRevamp {
    margin-top: 0px !important;
}
.homeCardLink_btn {
    text-align: end;
}

.service-one__home-three .inner-container {
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}

.service-one__home-three .service-one__single {
    margin-bottom: 0;
}
.space {
    /* padding-top: 55px !important; */
    padding-top: 40px !important;
}
.spacee {
    padding-top: 20px !important;
}
.service-three {
    padding-top: 150px;
    padding-bottom: 90px;
    /* background-color: #fafafa; */
}

.service-three__single {
    padding-left: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.service-three__single::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 20px 70px 0px rgba(26, 46, 85, 0.15);
    box-shadow: 0px 20px 70px 0px rgba(26, 46, 85, 0.15);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.service-three__single:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.service-three__icon {
    position: relative;
}

.service-three__icon img {
    max-width: 84px;
}

.service-three__content {
    position: relative;
    padding-left: 20px;
}

.service-three__title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    margin-top: -8px;
    margin-bottom: 15px;
    color: var(--thm-black-color);
}

.service-three__title a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-three__title a:hover {
    color: var(--thm-base-color);
}

.service-three__text {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: var(--thm-text-color);
}

.service-three__link {
    display: inline-block;
    vertical-align: middle;
    color: var(--thm-base-color);
    font-size: 15px;
    font-weight: 400;
    font-family: var(--heading-font);
    margin-top: 15px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service-three__link:hover {
    color: var(--thm-primary-color);
}

.services-details .testimonials-one {
    padding-top: 140px;
}

.services-details .testimonials-one .container hr.style-one {
    display: none;
}

.services-details__content .about-two__tab-title {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.services-details__content .about-two__tab-title-item {
    width: 100%;
}

.services-details__content
    .about-two__tab-title-item
    .about-two__tab-title-link {
    display: inline-block;
}

.services-details__content {
    background-color: #f0f1f5;
    padding-top: 150px;
    padding-bottom: 150px;
}

.services-details__content .block-title {
    margin-bottom: 0;
}

.services-details__content-info {
    background-color: #fff;
    padding: 0 50px;
    padding-top: 50px;
    padding-bottom: 45px;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}

.services-details__content-info-title {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.services-details__content-info-text {
    margin: 0;
    color: var(--thm-text-color);
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.services-details__sub-title {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 600;
}

.services-details__content-text {
    margin: 0;
    color: #848484;
    font-size: 15px;
    line-height: 26px;
}

.service-details__client-block {
    background-color: #fff;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}

.service-details__client-block [class*="col-"] {
    padding: 17px;
}

.service-details__client-block [class*="col-"] + [class*="col-"] {
    border-left: 1px solid #e1e2e6;
}

.service-details__client-block [class*="col-"] img {
    opacity: 0.2;
}

.service-details__client-block [class*="col-"]:nth-child(2),
.service-details__client-block [class*="col-"]:nth-child(3),
.service-details__client-block [class*="col-"]:nth-child(1) {
    border-bottom: 1px solid #e1e2e6;
}

.service-details__client-block [class*="col-"]:last-child {
    border-right: 1px solid #e1e2e6;
}

.services-details__image {
    position: relative;
}

.services-details__image::before {
    content: "";
    width: 138px;
    height: 403px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(40%) translateY(-20%);
    transform: translateX(40%) translateY(-20%);
    background-image: url(../images/resources/dot-pattern.png);
    background-repeat: repeat;
    background-position: 0 0;
    opacity: 0.2;
}

/*
* 13. funfact styles
*/
.funfact-one {
    background-color: var(--thm-primary-color);
    padding: 102px 0;
    background-image: url(../images/background/funfact-bg-1-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-twoo {
    background-color: var(--thm-primary-color);
    padding: 40px 0px 20px 0px;
    background-image: url(../images/uiux/indepthdiscovery.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-three {
    background-color: var(--thm-primary-color);
    padding: 50px 0;
    background-image: url(../images/uiux/indepthdiscovery.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-six {
    background-color: var(--thm-primary-color);
    padding: 50px 0;
    background-image: url(../images/application_Integration/Png/Group.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.funfact-fourr {
    background-color: var(--thm-primary-color);
    padding: 40px 0;
    background-image: url(../images/uiux/indepthdiscovery.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-five {
    background-color: var(--thm-primary-color);
    padding: 40px 0;
    background-image: url(../images/DataCenter/high.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-Erp {
    background-color: var(--thm-primary-color);
    padding: 40px 0;
    background-image: url(../images/ERP_Solution/Png/Benefits_bg_img.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.funfact-Echallan {
    background-color: var(--thm-primary-color);
    padding: 40px 0;
    background-image: url(../images/echallan/TheProblemBackground.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 8px;
}
.funfact-EchallanPricing {
    /* background-color: var(--thm-primary-color); */
    padding: 40px 0;
    background-image: url(../images/echallan/Bgpricing.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 8px;
}
.funfact-growth {
    background-color: var(--thm-primary-color);
    padding: 40px 0 0 0;
    background-image: url(../images/echallan/background.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-radius: 8px;
    height: 360px;
}

.funfact-inventory {
    background-color: var(--thm-primary-color);
    padding: 40px 0;
    background-image: url(../images/inventory/bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.funfact-one .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.funfact-one__single {
    text-align: center;
}

.funfact-one__title {
    margin: 0;
    font-size: 70px;
    color: var(--thm-base-color);
    font-weight: 700;
    font-family: var(--heading-font);
    line-height: 1em;
}

.funfact-one__text {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 1em;
    margin-top: 10px;
}

/*
* 14. testimonials styles
*/
.testimonials-one {
    background-color: var(--thm-gray-color);
    background-image: url(../images/background/testi-bg-1-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.testimonials-oneRevamp {
    /* background-color: var(--thm-gray-color); */
    /* background-image: url(../images/background/testi-bg-1-1.jpg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.testimonials-oneRevamp .container {
    /* padding-bottom: 150px; */
    padding-bottom: 10px;
    overflow: hidden;
}
.testimonials-oneRevamp .container hr.style-one {
    margin-bottom: 140px;
}

.testimonials-one .container {
    /* padding-bottom: 150px; */
    padding-bottom: 10px;
    overflow: hidden;
}

.testimonials-one .container hr.style-one {
    margin-bottom: 140px;
}

.testimonials-one__single {
    padding: 54px 40px;
    background-color: white;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}
.padding-70 {
    padding: 54px 70px !important;
}
.testimonials-one__image,
.testimonials-one__content {
    display: table-cell;
    vertical-align: top;
}

.testimonials-one__image {
    width: 90px;
}

.testimonials-one__image > img {
    width: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.testimonials-one__content {
    padding-left: 35px;
    position: relative;
}

.testimonials-one__qoute {
    position: absolute;
    top: -10px;
    left: 50px;
}

.testimonials-one__text {
    margin: 0;
    color: #848484;
    font-size: 17px;
    line-height: 30px;
    font-family: var(--heading-font);
    margin-bottom: 15px;
    position: relative;
}

.testimonials-one__title,
.testimonials-two__title {
    color: var(--thm-black-color);
    font-size: 17px;
    font-weight: 500;
    font-family: var(--heading-font);
    margin: 0;
    margin-bottom: 10px;
}

.testimonials-one__title span,
.testimonials-two__title span {
    font-weight: 400;
    font-size: 15px;
    color: var(--thm-text-color);
}

.testimonials-one__stars,
.testimonials-two__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonials-one__stars i,
.testimonials-two__stars i {
    font-size: 15px;
    color: #fed61d;
}

.testimonials-one__stars i + i,
.testimonials-two__stars i + i {
    margin-left: 5px;
}

.testimonials-one__carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.testimonials-one__carousel .owl-dots .owl-dot {
    outline: none;
    border: none;
}

.testimonials-one__carousel .owl-dots .owl-dot + .owl-dot {
    margin-left: 15px;
}

.testimonials-one__carousel .owl-dots .owl-dot span {
    margin: 0;
    background-color: #e5e5e5;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.testimonials-one__carousel .owl-dots .owl-dot.active span,
.testimonials-one__carousel .owl-dots .owl-dot:hover span {
    background-color: var(--thm-primary-color);
}

.testimonials-one__carousel .owl-stage-outer {
    overflow: visible;
}

.testimonials-one__carousel .owl-nav.disabled + .owl-dots {
    margin: 0;
    line-height: 1em;
    margin-top: 60px;
}

.testimonials-one__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.testimonials-one__btn-left,
.testimonials-one__btn-right {
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.testimonials-one__btn-left i,
.testimonials-one__btn-right i {
    font-size: 28px;
    color: #e5e5e5;
    line-height: 60px;
}

.testimonials-one__btn-left:hover,
.testimonials-one__btn-right:hover {
    background-color: var(--thm-base-color);
    color: #fff;
}

.testimonials-one__btn-right {
    margin-left: 10px;
}

.testimonials-one__home-two {
    background-color: #fff;
    background-image: none;
}

.testimonials-one__about-page {
    padding-top: 10px;
}

.testimonials-one__about-page .testimonials-one__carousel {
    margin-top: 50px;
}

.testimonials-two {
    background-color: var(--thm-black-color);
    padding-top: 275px;
    position: relative;
}

.testimonials-two .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.testimonials-two .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.testimonials-two .owl-theme .owl-dots {
    margin: 0;
    position: absolute;
    bottom: 35px;
    right: 0;
}

.testimonials-two .owl-theme .owl-dots .owl-dot {
    outline: none;
}

.testimonials-two .owl-theme .owl-dots .owl-dot + .owl-dot {
    margin-left: 12px;
}

.testimonials-two .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: var(--thm-base-color);
    opacity: 0.6;
    border-radius: 50%;
    margin: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.testimonials-two .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

.testimonials-two__content {
    background-color: var(--thm-primary-color);
    background-image: url(../images/background/testi-bg-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    padding: 60px 120px;
    position: relative;
    z-index: 100;
}

.testimonials-two__text {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    font-family: var(--heading-font);
    font-weight: 400;
    margin: 0;
    margin-top: 25px;
}

.testimonials-two__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px;
}

.testimonials-two__info img {
    border-radius: 50%;
    margin-right: 20px;
}

.testimonials-two__title {
    font-size: 20px;
    color: var(--thm-base-color);
}

.testimonials-two__title span {
    font-size: 17px;
    color: #fff;
}

.testimonials-two__slide {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
}

/*
* 15. project styles
*/
.project-one {
    /* padding-top: 120px;
    padding-bottom: 120px; */
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.project-one:before {
    content: "";
    background-color: var(--thm-gray-color);
    background-image: url(../images/background/project-1-1-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84%;
}

.project-one .container-fluid {
    position: relative;
    padding: 0 50px;
}

.project-one .container-fluid .row.high-gutters {
    margin-left: -25px;
    margin-right: -25px;
}

.project-one .container-fluid .row.high-gutters > [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}

.project-one__image {
    position: relative;
    overflow: hidden;
}

.project-one__image > img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.project-one__hover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--thm-black-color-rgb), 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.4s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.4s ease;
    transition: background-color 0.3s ease, transform 0.4s ease;
    transition: background-color 0.3s ease, transform 0.4s ease,
        -webkit-transform 0.4s ease;
}

.project-one__hover-content a {
    width: 60px;
    height: 60px;
    background-color: var(--thm-base-color);
    text-align: center;
    line-height: 60px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.3s ease, background-color 0.3s ease,
        -webkit-transform 0.4s ease;
    transition: opacity 0.3s ease, background-color 0.3s ease,
        -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.3s ease,
        background-color 0.3s ease;
    transition: transform 0.4s ease, opacity 0.3s ease,
        background-color 0.3s ease, -webkit-transform 0.4s ease;
}

.project-one__hover-content a:hover {
    background-color: var(--thm-black-color);
}

.project-one__single:hover .project-one__image > img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.project-one__single:hover .project-one__hover-content {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.project-one__single:hover .project-one__hover-content a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.project-one__title {
    color: var(--thm-black-color);
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    margin-top: 22px;
}

.project-one__title a {
    color: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.project-one__title a:hover {
    color: var(--thm-base-color);
}

.project-one__category {
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-base-color);
    font-family: var(--heading-font);
    font-weight: 400;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.project-one__category:hover {
    color: var(--thm-primary-color);
}

.project-one__category + .project-one__title {
    margin-top: 7px;
}

.project-one__bottom {
    margin-top: 70px;
}

.project-one__home-three {
    background-color: #f5f6fa;
    padding-top: 150px;
    padding-bottom: 110px;
}

.project-one__home-three::before {
    display: none;
}

.project-one__home-three .container-fluid {
    width: 80.5%;
    padding-left: 0;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
    padding-right: 195px;
}

.project-one__carousel {
    margin-top: 60px;
}

.project-one__carousel .owl-item img {
    width: auto;
}

.project-one__carousel .owl-stage-outer {
    overflow: visible;
}

.project-one__project-page::before {
    display: none;
}

.project-one__project-page .project-one__single {
    margin-bottom: 65px;
}

.project-one__project-page .project-one__bottom {
    margin-top: 5px;
}

.project-one__project-page-one::before {
    display: none;
}

.project-one__project-page-one .project-one__single {
    margin-bottom: 60px;
}

.project-one__project-page-one .project-one__bottom {
    margin-top: 15px;
}

.case-details__header {
    background-color: var(--thm-black-color);
    background-image: url(../images/background/case-bg-1-1.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.case-details__header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--thm-black-color);
    opacity: 0.5;
}

.case-details__header .container {
    position: relative;
    padding-top: 240px;
    padding-bottom: 65px;
}

.case-details__header-category {
    margin: 0;
    color: var(--thm-base-color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.case-details__header-title {
    margin: 0;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

.case-details__content {
    padding-top: 150px;
    padding-bottom: 150px;
}

.case-details__content .col-lg-8 > .row + .row {
    margin-top: 90px;
}

.case-details__content-info {
    margin-top: -350px;
    position: relative;
    z-index: 100;
}

.case-details__content-info .contact-info-one__box {
    padding-top: 80px;
    padding-bottom: 80px;
}

.case-details__content-title {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 600;
}

.case-details__content-text {
    margin: 0;
    color: var(--thm-text-color);
    font-size: 15px;
    line-height: 26px;
}

.case-details__content-text + .case-details__content-text {
    margin-top: 25px;
}

.case-details__content-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 35px;
}

.case-details__content-list li {
    font-size: 16px;
    color: var(--thm-text-color);
    position: relative;
    padding-left: 30px;
}

.case-details__content-list li + li {
    margin-top: 10px;
}

.case-details__content-list li img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.case-details .testimonials-oneRevamp {
    padding-top: 140px;
}

.case-details .testimonials-oneRevamp .container hr.style-one {
    display: none;
}
.case-details .testimonials-one {
    padding-top: 140px;
}

.case-details .testimonials-one .container hr.style-one {
    display: none;
}

.case-details__pagination {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #f0f1f5;
}

.case-details__pagination-list {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.case-details__pagination-list:hover {
    background-color: var(--thm-base-color);
}

.case-details__pagination-list:hover i {
    color: #fff;
}

.case-details__pagination-list i {
    color: var(--thm-black-color);
    font-size: 25px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

[class*="case-details__pagination-link-"] {
    color: var(--thm-black-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--heading-font);
    font-weight: 600;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

[class*="case-details__pagination-link-"]:hover {
    color: var(--thm-base-color);
}

[class*="case-details__pagination-link-"]:hover i {
    opacity: 1;
}

[class*="case-details__pagination-link-"] i {
    color: var(--thm-text-color);
    opacity: 0.3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.case-details__pagination-link-next i {
    margin-left: 10px;
}

.case-details__pagination-link-prev i {
    margin-right: 10px;
}

/*
* 16. team styles
*/
.team-one {
    padding-top: 140px;
    padding-bottom: 20px;
}

.team-one__block {
    margin-bottom: 120px;
}

.team-one__single {
    text-align: center;
    margin-bottom: 120px;
}

.team-one__single:hover .team-one__social {
    -webkit-transform: perspective(300px) scale(1, 1) translateZ(2px);
    transform: perspective(300px) scale(1, 1) translateZ(2px);
}

.team-one__image {
    position: relative;
    display: inline-block;
}

.team-one__image > img {
    max-width: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}

.team-one__social {
    background-color: rgba(var(--thm-primary-color-rgb), 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 22px;
    padding-bottom: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 50%;
    -webkit-transform: perspective(300px) scale(0, 1) translateZ(2px);
    transform: perspective(300px) scale(0, 1) translateZ(2px);
}

.team-one__social a {
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-one__social a:hover {
    color: var(--thm-base-color);
}

.team-one__social a + a {
    margin-left: 30px;
}

.team-one__block-btn {
    margin-top: 15px;
}

.team-one__title {
    color: var(--thm-black-color);
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.team-one__title a {
    color: inherit;
}

.team-one__designation {
    text-transform: uppercase;
    margin: 0;
    color: var(--thm-text-color);
    font-size: 14px;
    font-weight: 500;
}

.team-two {
    background-color: var(--thm-gray-color);
    padding-top: 140px;
    padding-bottom: 90px;
}

.team-two .row.high-gutters {
    margin-left: -30px;
    margin-right: -30px;
}

.team-two .row.high-gutters > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

.team-two__single {
    margin-bottom: 60px;
}

.team-two__single:hover .team-two__social {
    -webkit-transform: perspective(70px) scale(1, 1) translateZ(0px);
    transform: perspective(70px) scale(1, 1) translateZ(0px);
}

.team-two__images {
    position: relative;
}

.team-two__images > img {
    width: 100%;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
}

.team-two__social {
    background-color: var(--thm-primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 22px;
    padding-bottom: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: perspective(70px) scale(1, 0) translateZ(2px);
    transform: perspective(70px) scale(1, 0) translateZ(2px);
}

.team-two__social a {
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-two__social a:hover {
    color: var(--thm-base-color);
}

.team-two__social a + a {
    margin-left: 30px;
}

.team-two__name {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--thm-black-color);
    margin-top: 20px;
    margin-bottom: 5px;
}

.team-two__name a {
    color: inherit;
}

.team-two__designation {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.team-three {
    padding-bottom: 80px;
    background-image: url(../images/background/team-3-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.team-three .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.team-three__inner {
    max-width: 305px;
    width: 100%;
    margin-left: auto;
    margin-right: 95px;
}

.team-three__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42.2%;
    flex: 0 0 42.2%;
    max-width: 42.2%;
}

.team-three__carousel {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 57.8%;
    flex: 0 0 57.8%;
    max-width: 57.8%;
}

.team-three__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-three__btn-left,
.team-three__btn-right {
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-three__btn-left i,
.team-three__btn-right i {
    font-size: 28px;
    color: #e5e5e5;
    line-height: 60px;
}

.team-three__btn-left:hover,
.team-three__btn-right:hover {
    background-color: var(--thm-base-color);
    color: #fff;
}

.team-three__btn-right {
    margin-left: 10px;
}

/*
* 17. brand styles
*/
.brand-one .container {
    padding-bottom: 50px;
}

.brand-one .container hr.style-one {
    margin-bottom: 50px;
}

.brand-one img {
    opacity: 0.2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.brand-one img:hover {
    opacity: 1;
}

.brand-two {
    background-color: white !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 10px -20px;

    padding-top: 81.5px !important;

    padding-bottom: 81.5px !important;
}

.brand-two img {
    /*  opacity: 0.8;
*/
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.brand-two img:hover {
    opacity: 0.6;
}

/*
* 18. about styles
*/
.about-one,
.about-two {
    /* padding-top: 140px;
    padding-bottom: 150px; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.about-one .block-title,
.about-two .block-title {
    margin-bottom: 40px;
}

.about-one__content {
    padding-right: 32px;
}

.about-one__tab-title {
    border: none;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px;
}

.about-one__tab-title .about-one__tab-title-item {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.about-one__tab-title .about-one__tab-title-link {
    border: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    border-radius: 0;
    padding: 16px 38px;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font);
    color: var(--thm-black-color);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.about-one__tab-title .about-one__tab-title-link:hover,
.about-one__tab-title .about-one__tab-title-link.active {
    color: var(--thm-base-color);
    border-color: var(--thm-base-color);
}

.about-two__text,
.about-one__text {
    margin: 0;
    font-size: 15px;
    line-height: 26px;
    color: var(--thm-text-color);
}

.about-two__list,
.about-one__list {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.about-two__list-item,
.about-one__list-item {
    color: var(--thm-text-color);
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}

.about-two__list-item + .about-two__list-item,
.about-one__list-item + .about-two__list-item,
.about-two__list-item + .about-one__list-item,
.about-one__list-item + .about-one__list-item {
    margin-top: 5px;
}

.about-two__list-item:before,
.about-one__list-item:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dcdde0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about-two .block-title__title + .block-title__text {
    margin-top: 40px;
}

.about-two__content {
    padding-right: 37px;
}

.about-two__tab-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.about-two__tab-title {
    width: 170px;
}

.about-two__tab-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 170px);
    flex: 0 0 calc(100% - 170px);
    border-left: 1px solid #e5e5e5;
    padding-left: 50px;
}

.about-two__tab-title {
    border: none;
    margin: 0;
}

.about-two__tab-title .about-two__tab-title-item {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.about-two__tab-title .about-two__tab-title-link {
    border: 0;
    border-radius: 0;
    font-weight: 500;
    font-size: 15px;
    font-family: var(--heading-font);
    color: var(--thm-black-color);
    padding-left: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
}

.about-two__tab-title .about-two__tab-title-link:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: var(--thm-base-color);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) scale(1, 0);
    transform: translateY(-50%) scale(1, 0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.about-two__tab-title .about-two__tab-title-link:hover,
.about-two__tab-title .about-two__tab-title-link.active {
    color: var(--thm-base-color);
    border-color: var(--thm-base-color);
    padding-left: 35px;
}

.about-two__tab-title .about-two__tab-title-link:hover::before,
.about-two__tab-title .about-two__tab-title-link.active::before {
    -webkit-transform: translateY(-50%) scale(1, 1);
    transform: translateY(-50%) scale(1, 1);
}

.about-three {
    background-color: #f0f1f5;
    background-image: url(../images/resources/about-3-map.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.about-three .block-title__title + .block-title__text {
    margin-top: 25px;
}

.about-three .block-title {
    margin-bottom: 60px;
}

.about-three__img {
    float: right;
}

.about-three__content {
    width: 100%;
    max-width: 695px;
    margin-left: auto;
    margin-right: auto;
}

.about-three__single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-three__single + .about-three__single {
    margin-top: 40px;
}

.about-three__icon {
    width: 100px;
}

.about-three__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--thm-black-color);
    margin: 0;
    margin-bottom: 15px;
    margin-top: -5px;
}

.about-three__para {
    font-size: 15px;
    line-height: 26px;
    color: #848484;
    margin: 0;
}

.about-four {
    /*  padding-top: 120px;
*/ /* padding-bottom: 120px;*/
}

.about-four .about-one__list {
    margin-bottom: 44px;
}

.about-four .block-title {
    margin-bottom: 35px;
}

.about-four__content {
    padding-left: 37px;
}

.about-four__image {
    position: relative;
    display: inline-block;
    margin-left: 40px;
}

.about-four__image > img {
    max-width: 100%;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(14, 40, 41, 0.25);
    box-shadow: 0px 20px 20px 0px rgba(14, 40, 41, 0.25);
}
.afImage > img {
    max-width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.about-four__image-content {
    position: absolute;
    right: -24.5%;
    top: 30%;
    background-color: var(--thm-primary-color);
    text-align: center;
    z-index: 100;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    font-family: var(--heading-font);
    padding: 49px 35px;
}

.about-four__image-content span {
    color: var(--thm-base-color);
    font-size: 50px;
    font-weight: 700;
    line-height: 1em;
    display: inline-block;
    margin-top: -8px;
}

.about-four__about-page {
    background-color: #f5f6fa;
}

/*
* 19. video styles
*/
.video-one {
    margin-top: 25px;
    margin-left: 30px;
    position: relative;
    display: inline-block;
}

.video-one::before {
    content: "";
    width: 63%;
    height: 96%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(40%) translateY(-20%);
    transform: translateX(40%) translateY(-20%);
    background-image: url(../images/resources/dot-pattern.png);
    background-repeat: repeat;
    background-position: 0 0;
    opacity: 0.2;
}

.video-one > img {
    max-width: 100%;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(14, 40, 41, 0.25);
    box-shadow: 0px 20px 40px 0px rgba(14, 40, 41, 0.25);
}

.video-one__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 90px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 90px;
    right: -45px;
    background-color: var(--thm-base-color);
    border-radius: 50%;
    -webkit-animation: inctechPulse 3s infinite;
    animation: inctechPulse 3s infinite;
}

.video-one__link i {
    color: #fff;
    font-size: 15px;
}

/*
* 20. faq styles
*/
.faq-one {
    padding-top: 275px;
    padding-bottom: 150px;
    background-image: url(../images/background/testi-bg-1-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.faq-one .accrodion-grp {
    padding-left: 70px;
}

.faq-one .accrodion {
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #fff;
}

.faq-one .accrodion.active {
    border-color: transparent;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
}

.faq-one .accrodion.active .accrodion-title h4:before {
    content: "\f106";
    color: var(--thm-base-color);
}

.faq-one .accrodion + .accrodion {
    margin-top: 20px;
}

.faq-one .accrodion-title {
    cursor: pointer;
}

.faq-one .accrodion-title h4 {
    margin: 0;
    color: var(--thm-black-color);
    font-size: 20px;
    font-weight: 600;
    padding: 32px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.faq-one .accrodion-title h4 span {
    margin-right: 15px;
}

.faq-one .accrodion-title h4:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    color: var(--thm-black-color);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
}

.faq-one .accrodion-content {
    padding-left: 30px;
    padding-right: 30px;
    border-top: 1px solid #e5e5e5;
    padding-top: 28px;
    padding-bottom: 33px;
}

.faq-one .accrodion-content p {
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    color: var(--thm-text-color);
}

.faq-one__block {
    padding-right: 60px;
}

.faq-one__block .block-title__title + .block-title__text {
    margin-top: 35px;
}

.faq-one__home-three {
    /* padding-top: 150px;
    padding-bottom: 150px; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.faq-one__faq-page {
    padding-top: 150px;
    background-image: url(../images/background/faq-bg-2.jpg);
}

.faq-one__faq-page .block-title {
    margin-bottom: 30px;
}
.faqSection {
    padding-top: 0px !important;
    background: none;
}
.blogContent {
    padding: 0px !important;
}

/*
* 21. pricing styles
*/
.pricing-one {
    padding-top: 140px;
    padding-bottom: 100px;
}

.pricing-one__single {
    background-color: #fff;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.pricing-one__icon-block {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #f5f6fa;
}

.pricing-two__title,
.pricing-one__title {
    margin: 0;
    text-transform: uppercase;
    color: #848484;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    font-family: var(--heading-font);
    margin-bottom: 25px;
}

.pricing-one__amount {
    margin: 0;
    font-size: 20px;
    color: #848484;
    font-family: var(--heading-font);
    line-height: 1em;
    margin-bottom: 45px;
}

.pricing-one__amount span {
    font-size: 48px;
    color: var(--thm-black-color);
    display: inline-block;
}

.pricing-one__list,
.pricing-two__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 45px;
}

.pricing-one__list li,
.pricing-two__list li {
    color: #848484;
    font-size: 16px;
}

.pricing-one__list li img,
.pricing-two__list li img {
    margin-right: 10px;
}

.pricing-one__list li + li,
.pricing-two__list li + li {
    margin-top: 10px;
}

.pricing-one__btn {
    margin-top: -10px;
    background-color: #fff;
    color: var(--thm-black-color);
}

.pricing-one__btn:hover {
    background-color: var(--thm-base-color);
    color: #fff;
}

.pricing-one__about {
    background-color: #f5f6fa;
}

.pricing-two {
    background-color: #f0f1f5;
    padding-top: 140px;
    padding-bottom: 100px;
}

.pricing-two__single {
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 50px 120px 0px rgba(26, 46, 85, 0.1);
    background-color: #fff;
}

.pricing-two__top {
    padding: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.pricing-two__title {
    margin: 0;
}

.pricing-two__amount {
    margin: 0;
    font-size: 20px;
    color: #848484;
    font-family: var(--heading-font);
    line-height: 1em;
    margin-top: 25px;
}

.pricing-two__amount span {
    font-size: 48px;
    color: var(--thm-black-color);
    display: inline-block;
}

.pricing-two__list {
    margin: 0;
    padding-left: 50px;
    padding-top: 35px;
    padding-bottom: 95px;
}

.pricing-two__btn {
    margin: 0;
    background-color: var(--thm-primary-color);
}

.pricing-two__text {
    font-size: 15px;
    line-height: 26px;
    color: var(--thm-text-color);
    margin: 0;
    margin-bottom: 25px;
    margin-top: 15px;
}

.pricing-two__popular {
    background-image: url(../images/background/pricing-active-ribbon.png);
    background-position: 100% 90%;
    background-repeat: no-repeat;
}

.pricing-two__popular .pricing-two__top {
    background-image: url(../images/background/pricing-bg-1-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.pricing-two__popular .pricing-two__btn {
    background-color: var(--thm-base-color);
}

.pricing-two__popular .pricing-two__btn:hover {
    background-color: var(--thm-black-color);
}

.pricing-two__popular .pricing-two__title,
.pricing-two__popular .pricing-two__amount,
.pricing-two__popular .pricing-two__text {
    color: #e4e1fd;
}

.pricing-two__popular .pricing-two__amount span {
    color: var(--thm-base-color);
}

.digital_img {
    width: 65%;
}
.reporting_image {
    width: 100%;
}
.redirect_contact {
    border: 2px solid orange;
    background-color: white;
    color: black;
}
.redirect_contact:hover {
    background-color: orange;
    color: white;
    border: 2px solid orange;
}
.getintouch_button {
    text-align: center;
    /* padding-top: 30px; */
}
.Service_Application_subheading {
    font-size: 25px;
    padding-top: 20px;
}
.modernization_img {
    width: 60%;
}
.services_Main_Image {
    width: 100%;
}
.healthcare_solution_img {
    width: 100%;
}
.healthcare_img {
    width: 100%;
}
.Legacy_img {
    width: 100%;
}
.benefit_images {
    width: 70%;
}
.why_image {
    width: 100%;
}
.block-title__text {
    font-weight: 400;
    color: black !important;
    text-align: justify !important;
}
.service_li_weight {
    font-weight: 400;
}
.accrodion-title h3 {
    padding: 20px !important;
}
.health-faq {
    padding-left: 0px !important;
}
/* .health-Faqs {
  padding-bottom: 150px;
  background-image: url(../images/background/testi-bg-1-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
} */

.block-text {
    font-weight: 400;
    color: black;
}
.servicesHeading {
    padding-top: 50px !important;
}
.academicSolution_List li {
    list-style-type: upper-roman;
}
.Service_Application_tablecontent {
    font-weight: 500;
}
.academiaBlog_image {
    width: 100%;
}
.middle_div {
    padding-top: 100px;
}

.blogs_tagLine {
    margin-top: 28px;
    font-size: 26px;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
}

.leave-comment__btn {
    border: none;
    border-radius: 20px;
    outline: none;
    background-color: var(--thm-base-color);
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: var(--heading-font);
    font-weight: 400;
    color: #ffffff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    padding: 16px 80px;
    -webkit-transition: background-color 0.4s ease, color 0.3s ease;
    transition: background-color 0.4s ease, color 0.3s ease;
}

.academia_content {
    padding-top: 150px !important;
}
.innovative_image {
    width: 100%;
}
.for_paddingTop {
    padding-top: 50px;
}
.datacenter_img {
    width: 100% !important;
}
.networkServiceImage {
    width: 80%;
}

/* blogs */

.main-logo_new {
    width: 40%;
}
/* qrpage styling start */
.companyLogo {
    width: 30%;
}
.fullStackcard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fullStackcard:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.accadamiccard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.accadamiccard:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.networkCard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.networkCard:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.professionalCards {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px !important;
    /* margin-top: 2.2rem; */
    width: 100%;
    height: 480px;
}
.publicCard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.publicCard:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.professionalCards:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.dataCenter_Card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.serverCard,
.serverCard1,
.serverCard2,
.serverCard3 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.serverCard:hover,
.serverCard1:hover,
.serverCard2:hover,
.serverCard3:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.virtualizationCard,
.virtualizationCard1,
.virtualizationCard2,
.virtualizationCard3,
.virtualizationCard4 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    /* border-radius: .25rem;  */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px !important;
    margin-top: 2.2rem;
    width: 100%;
    /* height: 430px; */
}
.virtualizationCard:hover,
.virtualizationCard1:hover,
.virtualizationCard2:hover,
.virtualizationCard3:hover,
.virtualizationCard4:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
.applicationModern_Card,
.applicationModern_Card1,
.applicationModern_Card2,
.applicationModern_Card3,
.applicationModern_Card4,
.applicationModern_Card5,
.applicationModern_Card6 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px;
    width: 100%;
    margin-top: 2.2rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.applicationModern_Card:hover,
.applicationModern_Card1:hover,
.applicationModern_Card2:hover,
.applicationModern_Card3:hover,
.applicationModern_Card4:hover,
.applicationModern_Card5:hover,
.applicationModern_Card6:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(244, 187, 15, 0.929);
}
/* qrpage styling end */
/* application integration page styling start */
.integrationCard {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 330px;
    padding: 20px;
    border-top: 5px solid #f5a71b;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.erpSolution_Card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 300px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-top: 5px solid #f5a71b;
    margin-bottom: 20px;
}
.serverStorageCard {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 330px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.dataCard,
.dataCard1,
.dataCard2,
.dataCard3 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 330px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.proCostcard {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 255px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.dataCenterCard,
.dataCenterCard1,
.dataCenterCard2,
.dataCenterCard3 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 330px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.homeIndustryCard {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 350px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.seoCard,
.seoCard1,
.seoCard2,
.seoCard3,
.seoCard4 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 255px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard1 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 350px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cyberSecurityCard2 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 350px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cyberSecurityCard3 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 350px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cyberSecurityCard4 {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 350px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cyberSecurityCard {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 330px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.borderLeft {
    border-left: 5px solid #f5a71b;
    padding-left: 15px;
}
.cloudCard {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    height: 200px;
    padding: 20px;
    border-top: 5px solid #f5a71b;
}
.applicationText {
    padding: 5px 0px 0px 0px;
}
.logisticContent {
    padding: 35px !important;
    /* height: 200px; */
    margin-bottom: 20px;
}
.pointcardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 37px;
    width: 102%;
    height: 370px;
    background-image: url("../images/application_Integration/Png/point-to-pointIntegrationbg.webp");
}
.ServicecardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 27px;
    height: 500px;
    width: 105%;
    background-image: url(../images/application_Integration/Png/service-oriented-architecturebg.webp);
}
.MessagingcardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 27px;
    height: 500px;
    width: 110%;
    background-image: url(../images/application_Integration/Png/messagingbg.webp);
}
.OfflinecardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 27px;
    height: 500px;
    width: 105%;
    bottom: 120px;
    background-image: url(../images/application_Integration/Png/Offline-integration-bg.webp);
}
.entercardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 27px;
    height: 500px;
    width: 105%;
    bottom: 120px;
    background-image: url(../images/application_Integration/Png/Enterprise-Microservices-bg.webp);
}
.OpencardBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    padding: 0px 37px;
    width: 105%;
    margin-top: 20px;
    height: 360px;
    background-image: url(../images/application_Integration/Png/Open-API-Management-bg.webp);
}
.OpenText {
    position: relative;
    top: 80px;
    text-align: justify;
}
.OpenText img {
    margin-bottom: 5px;
}
.OpenText h4 {
    color: #fff;
}
.OpenText p {
    color: #fff;
}
.enterText {
    position: relative;
    top: 80px;
    /* text-align: justify; */
}
.enterText img {
    margin-bottom: 5px;
}
.enterText h4 {
    color: #fff;
}
.enterText p {
    color: #fff;
}
.OfflineText {
    position: relative;
    top: 120px;
    /* text-align: justify; */
}
.OfflineText img {
    margin-bottom: 5px;
}
.OfflineText h4 {
    color: #fff;
}
.OfflineText p {
    color: #fff;
}
.MessagingText {
    position: relative;
    top: 80px;
    text-align: justify;
}
.MessagingText img {
    margin-bottom: 5px;
}
.MessagingText h4 {
    color: #fff;
}
.MessagingText p {
    color: #fff;
}
.ServiceText {
    position: relative;
    top: 80px;
    text-align: justify;
}
.ServiceText img {
    margin-bottom: 5px;
}
.ServiceText h4 {
    color: #fff;
}
.ServiceText p {
    color: #fff;
}
.pointText {
    position: relative;
    top: 80px;
    text-align: justify;
}
.pointText img {
    margin-bottom: 5px;
}
.pointText p {
    color: #fff;
}

.pointText h4 {
    color: #fff;
}
/* appliction itegration page styling end */
/* uiux page styling start */

#strategyBorder {
    display: flex;
    align-items: center;
    border: 1px solid #32afac;
    border-left: none;
    border-radius: 0px 0px 20px 0px;
}
#problemBorder {
    display: flex;
    align-items: center;
    border: 1px solid #a836ff;
    border-left: none;
    border-radius: 0px 0px 20px 0px;
}
#scaleBorder {
    display: flex;
    align-items: center;
    border: 1px solid #ffd6d6;
    border-left: none;
    border-radius: 0px 0px 20px 0px;
}
#issueBorder {
    display: flex;
    align-items: center;
    border: 1px solid #ff3636;
    border-left: none;
    border-radius: 0px 0px 20px 0px;
}

.cardShadow {
    padding: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid rgba(0, 0, 0, .125); */
    border-radius: 1.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cardShadow:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgb(245 167 27 / 50%);
    border: none;
}
.strategyText {
    padding: 20px 0px 0px 0px;
}
.applicationPadding {
    padding: 30px 0px 15px 0px !important;
}
/* .modernPadding, .publicPadding, .cyberPadding, .datacenterPadding, .networkPadding, .softwarePadding{
    padding: 10px 0px 30px 0px;
} */

.strategyText h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.applicationText h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.strategyText p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;
}
.applicationText p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px;
    text-align: justify;
}
.problemText {
    /* padding: 40px 0px 0px 0px; */
}
.problemText h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.problemText p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;
}
.mainCards {
    height: 350px;
}
.mainCardss {
    margin-bottom: 30px;
}
.uiCardImg {
    width: 10%;
    margin-bottom: 5px;
}
.softCardImg {
    width: 10%;
    margin-bottom: 5px;
}
.microCardImg {
    width: 8%;
    margin-bottom: 5px;
}
.abcCard {
    position: relative;
}
.brainstormingCard,
.sketchingCard,
.flowchartsCard,
.randomCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.usabilityCard,
.testingCard,
.accessibilityCard,
.secondCard,
.hallwayCard,
.launchCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.proNetworkCard {
    background-image: url("../images/professional/network.webp");
}
.proDataCard {
    background-image: url("../images/professional/data.webp");
}
.proCyberCard {
    background-image: url("../images/professional/cyber.webp");
}
.proNetworkCard,
.proDataCard,
.proCyberCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 320px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.usercentricCard,
.telehealthCard,
.personalizedCard,
.datasecurityCard,
.integrationCard,
.integrationnCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 320px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.serverStorageCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 285px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.mainHome_Card {
    align-items: stretch;
}
.homeCard,
.homeCard1,
.homeCard2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 270px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
    border: 0px 1px 1px 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 10px !important;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.dataCard,
.dataCard1,
.dataCard2,
.dataCard3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 240px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.dataCenterCard,
.dataCenterCard1,
.dataCenterCard2,
.dataCenterCard3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.homeIndustryCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.cyberSecurityCard {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 380px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    border-top: 5px solid #f5a71b;
}
.solutionApplication_Card,
.technologyApplication_Card,
.integrationApplication_Card,
.improveSolution_Card,
.costSolution_Card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
    background-image: url("../images/application_modernization/BG_1.webp");
}
.sliderImg {
    background-image: url("../images/slider/awardHuaweii.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImgg {
    background-image: url("../images/slider/awardHuawei.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg3 {
    background-image: url("../images/slider/Huawei_Commercial.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg4 {
    background-image: url("../images/slider/event3l.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg5 {
    background-image: url("../images/slider/apan.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg6 {
    background-image: url("../images/slider/Image6.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg7 {
    background-image: url("../images/slider/Image7.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.sliderImg8 {
    background-image: url("../images/slider/Image8.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.microBank_Card,
.walletApplication_Card,
.internetBank_Card,
.coreBank_Card,
.digitalTranform_Card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}
.microBank_Card {
    background-image: url("../images/Mobile_Banking_Solution/png/Micro_Bank_bg.webp");
}
.walletApplication_Card {
    background-image: url("../images/Mobile_Banking_Solution/png/wallet_application_bg.webp");
}
.internetBank_Card {
    background-image: url("../images/Mobile_Banking_Solution/png/internet_banking.webp");
}
.coreBank_Card {
    background-image: url("../images/Mobile_Banking_Solution/png/Core_banking.webp");
}
.digitalTranform_Card {
    background-image: url("../images/Mobile_Banking_Solution/png/digital_transformation_bg.webp");
    height: 250px;
}
.usercentricCard {
    background-image: url("../images/healthCare/user.webp");
}
.telehealthCard {
    background-image: url("../images/healthCare/teleheath.webp");
}
.personalizedCard {
    background-image: url("../images/healthCare/personalized.webp");
}
.datasecurityCard {
    background-image: url("../images/healthCare/data.webp");
}

.integrationnCard {
    background-image: url("../images/healthCare/integration.webp");
}
.usabilityCard {
    background-image: url("../images/uiux/usability.webp");
}
.testingCard {
    background-image: url("../images/uiux/testing.webp");
}
.accessibilityCard {
    background-image: url("../images/uiux/accessibilitytesting.webp");
}
.secondCard {
    background-image: url("../images/uiux/5second.webp");
}
.hallwayCard {
    background-image: url("../images/uiux/hallway.webp");
}
.brainstormingCard {
    background-image: url("../images/uiux/brainstorming.webp");
}
.launchCard {
    background-image: url("../images/uiux/postlunchux.webp");
}
.sketchingCard {
    background-image: url("../images/uiux/sketchingandwireframing.webp");
}
.flowchartsCard {
    background-image: url("../images/uiux/userjourneys&flowcharts.webp");
}
.randomCard {
    background-image: url("../images/uiux/image.webp");
}
.fidelityCard,
.interactiveCard,
.systemCard {
    text-align: center;
}
/* .ramadahotelCards:hover {
    background-image: url('../Assets/new_cda_assets/hospital.png');
} */

.hospitalityText {
    /* background: linear-gradient(to top, black, transparent); */
    /* border-radius: 10px; */
    position: absolute;
    bottom: 1px;
    width: 100%;
    padding: 10px;
    /* display: none; */
}
.hospitalityText h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}
.hospitalityText p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.hospitalityText {
    padding: 0px 14px 16px 15px;
    top: 150px;
}
.usability {
    position: absolute;
    bottom: 1px;
    width: 100%;
    padding: 10px;
}
.usabilityText h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}
.usabilityText p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.usabilityText {
    position: absolute;
    left: 3%;
    bottom: 10%;
    padding: 0px 15px 0px 0px;
    text-align: justify;
}
.applicationSolutionText {
    position: absolute;
    padding: 46px 30px 46px 30px;
    text-align: justify;
    left: 0% !important;
    bottom: 0% !important;
}
#bankingCards {
    left: 0% !important;
    bottom: 10%;
    padding: 0px 25px 0px 25px;
    text-align: justify;
}
.softCard_icons {
    width: 12%;
    margin-bottom: 5px;
}
.modernCard_icons {
    width: 20%;
    margin-bottom: 5px;
}
.softCard_icons1 {
    width: 6%;
    margin-bottom: 5px;
}
.abtesting {
    left: 2% !important;
    padding: 0px 15px 0px 10px;
    text-align: justify;
}
.accessibilityText {
    left: 2% !important;
    padding: 0px 15px 0px 10px;
    text-align: justify;
}
.secondText {
    left: 2% !important;
    padding: 0px 50px 0px 10px;
    text-align: justify;
}
.launchText {
    left: 2% !important;
    padding: 0px 15px 0px 10px;
    text-align: justify;
    top: 40px;
}
.uicardsDiv {
    text-align: center;
}
.uiuxImages {
    width: 100%;
}
.comprehensiveImage {
    width: 65%;
}
.integrationImages {
    width: 40%;
}
.uicardsDivv {
    text-align: center;
}
.uiImages {
    width: 70%;
}

/* uiux page styling end */

/* newsolution page style */
.imageDiv {
    text-align: center;
}
.mainBanner {
    width: 85%;
    transition: transform 0.7s ease-in-out;
}
.mainBanner:hover {
    /* transform: rotate(360deg); */
    cursor: default;
    /* transform: rotate(360deg); */
    transform: scale(1.1); /* makes the element 10% larger */
    transition: all 1s ease-in-out 0s;
}
.mainBannner {
    width: 85%;
}
.zindigiImages {
    width: 90%;
}
.digitalImages {
    width: 90%;
    border-radius: 20px;
}
.housingImages {
    width: 70%;
}
.virtualImages {
    width: 50%;
}
.entertainmentimage {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.transferText,
.loanText,
.rewardText {
    float: right;
}
.tablet-break {
    display: inline;
}
.paymentDiv,
.investmentDiv {
    text-align: end;
}
.solutionHeading {
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 30px;
    color: #000;
}
.solutionSubHeading {
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 26px;
    color: #000;
}
.entertainmentHeading {
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 30px;
    color: #000;
}
.solutionPara {
    /* font-family: Nunito; */
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
    color: #000;
}
.solutionParaWhite {
    /* font-family: Nunito; */
    font-size: 20px;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
}
.textDiv {
    margin-bottom: 5px;
}
.bottomHeading {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #000;
    margin: 0 auto;
    width: 70%;
}
.financialSection {
    padding: 25px 0px 25px 0px;
}
.financialSecondSection {
    padding: 0px 0px 25px 0px;
}
.transferMoney-section {
    display: flex;
    text-align: justify;
    align-items: center;
    /* padding: 17px 0px; */
    margin-bottom: 0.5rem;
}
.testingDiv {
    margin-bottom: 3rem;
}
.definestrategyDiv,
.IdeationDiv {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.designDiv {
    margin-bottom: 3rem;
}

.payment-section {
    display: flex;
    text-align: justify;
    align-items: center;
    /* padding: 17px 0px; */
}
.loan-section {
    display: flex;
    text-align: justify;
    align-items: center;
    /* padding: 17px 0px; */
}
.invesment-section {
    display: flex;
    text-align: justify;
    align-items: center;
    /* padding: 17px 0px; */
}
.reward-section {
    display: flex;
    text-align: justify;
    align-items: center;
    /* padding: 17px 0px; */
}
.entertainment-section {
    display: flex;
    text-align: justify;
    /* align-items: center; */
    /* padding: 17px 0px; */
}
.mainSection {
    display: flex;
    /* text-align: center; */
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.buttonsDiv {
    display: flex;
    /* justify-content: space-between; */
    width: 60%;
    margin: 0 auto;
    margin-left: 0px;
}
.mainButton {
    width: 24%;
    background-color: white;
    color: black;
    border: 1px solid orange;
    border-radius: 10px;
    box-shadow: none;
    padding: 10px;
    font-weight: 600;
    margin-right: 10px;
    font-size: 13px;
}
.loadButton {
    width: 10%;
    background-color: #fffaf0;
    color: black;
    border: 1px solid #400094;
    border-radius: 10px;
    box-shadow: none;
    padding: 10px;
    font-weight: 600;
    margin-right: 10px;
    font-size: 13px;
}
.cardBtn:hover {
    border: 1px solid #fffaf0;
    background-color: #400094;
    color: #000000 !important;
}
.cardBtn.active {
    border: 1px solid #fffaf0;
    background-color: #400094;
}
.mainButton:hover {
    border: 1px solid #fffaf0;
    background-color: #400094;
}
.mainButton.active {
    /* border: 1px solid #FFFAF0; */
    background-color: #400094;
}
.loadButton:hover {
    border: 1px solid #fffaf0;
    background-color: #400094;
}
.loadButton.active {
    /* border: 1px solid #FFFAF0; */
    background-color: #400094;
}
.maintextYellow {
    color: #f5a71b;
    font-size: 22px;
    font-family: 'Work Sans';
    font-weight: 600;
    text-align: justify;
}
.maintextBlack {
    color: #000;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 43px;
}
.mainbannertext {
    color: #fff;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 50px;
    text-align: left;
}
.uiHeading {
    color: #000;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 32px;
}
.maintextWhite {
    color: #ffffff;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 43px;
}
.entertainment-mainHeading {
    color: #000;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 42px;
}
.bannerPara {
    width: 60%;
    text-align: justify;
    color: #ffffff;
}
.cyberbannerPara,
.networkbannerPara,
.fullstackbannerPara {
    width: 100%;
    text-align: justify;
    color: #ffffff;
}
.cardIcons {
    width: 20%;
}
.cyberImgWidth {
    width: 13% !important;
}
.privateImage img {
    height: 240px;
}
.publicImage img {
    height: 260px;
    object-position: center;
    object-fit: cover;
}
#api_Card {
    height: 480px !important;
}
#mobile_Card {
    height: 480px !important;
}
.strategyCard {
    margin-bottom: 20px;
}

#cloudCardHeight {
    height: 300px !important;
    border-top: 5px solid #f5a71b;
}
.mainTextDiv {
    height: 140px;
    padding: 5px 0px;
}
.mainTextDiv h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.mainTextDiv p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px;
    text-align: justify;
}

@media (max-width: 1550px) {
    .about-three__content {
        padding-left: 80px;
        padding-right: 70px;
    }
}
@media (max-width: 1440px) {
    .PhoneImage {
        width: 84% !important;
        object-fit: contain;
        top: 110px;
        position: absolute;
        left: 140px;
    }
    .project-one__home-three .container-fluid {
        width: 93.5%;
    }
    .contact-home-two {
        padding-left: 50px;
        padding-right: 50px;
    }
    .contact-cta .cta-two__right {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .cta-three__content {
        padding-left: 75px;
        padding-right: 50px;
    }
    .cta-three__content br {
        display: none;
    }
    .cta-three .block-title__title {
        font-size: 35px;
        line-height: 1.2em;
    }
    .cta-two__right {
        padding-left: 55px;
        padding-right: 55px;
    }
    .cta-two__left {
        padding-left: 55px;
        padding-right: 55px;
    }
    .cta-two .block-title__title {
        font-size: 35px;
    }
    .cta-two .block-title__title br {
        display: none;
    }
}

@media (max-width: 1050px) {
    .about-four__image {
        margin-left: 4px !important;
    }
}
@media (max-width: 1024px) {
    .spanText {
        font-size: 18px;
    }
    .bg-light {
        font-size: 17px !important;
    }
    .conversationDiv,
    .chooseDiv {
        top: 100px;
    }
    .contactBtn {
        width: 50%;
        font-size: 23px !important;
    }
    .contactDiv img {
        bottom: 50%;
        left: 20%;
    }
    .blackHeading,
    .whiteHeading {
        font-size: 28px;
    }
    .contactBtnFeature {
        font-size: 20px !important;
    }
    .innerDivv {
        width: 100%;
    }
    .chooseHeading {
        font-size: 26px;
    }
    .planDiv {
        top: 26px;
    }
    .planPricingDiv {
        margin-bottom: 120px;
    }
    .paymentDiv,
    .imagesDivs {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .PhoneImage {
        width: 84% !important;
        object-fit: contain;
        top: 243px;
        position: absolute;
        left: 100px;
    }
    .fullStackcard {
        height: 370px !important;
    }
    .funfact-growth {
        height: 400px;
    }
    /* start index revamp styling  */
    .textDiv {
        padding-left: 32px;
    }
    .banner-one__tag-line {
        width: 60%;
    }
    .banner-one__title {
        font-size: 40px;
    }
    /* end index page styling  */
    .seoCard,
    .seoCard1,
    .seoCard2 {
        height: 340px;
    }
    .seoCard3,
    .seoCard4 {
        height: 290px;
    }
    .homeCard,
    .homeCard1,
    .homeCard2 {
        height: 285px;
    }
    .mainTextDiv {
        height: 170px;
        padding: 5px 0px;
    }
    #cloudCardHeight {
        height: 316px !important;
    }
    .dataCenter_Card {
        height: 400px;
    }
    .microBank_Card,
    .walletApplication_Card {
        height: 335px;
    }
    .softCard_icons {
        width: 15%;
    }
    .internetBank_Card,
    .coreBank_Card {
        height: 235px;
    }
    .digitalTranform_Card {
        height: 210px;
    }
    #bankingCards {
        top: 5%;
    }
    .softCard_icons1 {
        width: 7%;
    }
    .problemImag img {
        width: 40%;
    }
    .profImag img {
        width: 12%;
    }
    .dataImag img {
        width: 40%;
    }
    #erpCardIcon img {
        width: 25%;
    }
    .erpSolution_Card {
        height: 340px;
    }
    #problem img {
        width: 10%;
    }
    #hrms img {
        width: 6%;
    }
    .publicImage img {
        height: 313px;
    }
    .homeIndustryCard {
        height: 270px;
    }
    .cyberSecurityCard1 {
        height: 465px;
    }
    .cyberSecurityCard2 {
        height: 465px;
    }
    .cyberSecurityCard3 {
        height: 465px;
    }
    .cyberSecurityCard4 {
        height: 550px;
    }
    .proCostcard {
        height: 280px;
    }
    .dataCard {
        height: 310px;
    }

    .dataCard1 {
        height: 310px;
    }
    .dataCard2 {
        height: 310px;
    }
    .dataCard3 {
        height: 310px;
    }
    .hospitalityText {
        top: 100px;
    }
    .fullstack_Info {
        top: 4%;
    }
    .fullstackBlocktxt {
        font-size: 12px;
    }
    .problemImage img {
        height: 240px;
        object-position: center;
        object-fit: cover;
    }
    .fulStackImage img {
        height: 240px;
        object-position: center;
        object-fit: cover;
    }
    .cyberImage img {
        height: 190px;
        object-position: center;
        object-fit: cover;
    }
    .dataaImage img {
        height: 186px;
    }
    .privateImage img {
        height: 280px;
    }
    .serverImage img {
        height: 190px;
        object-position: center;
        object-fit: cover;
    }
    .strategyText,
    .problemText {
        padding: 10px 0px 0px 0px !important;
    }

    /* .problemText p {
        font-size: 15px;
    } */
    .launchText {
        top: 15px !important;
    }
    .modernPadding {
        padding: 10px 0px 30px 0px !important;
    }
    .pointcardBackground {
        width: 105%;
        height: 260px;
        padding: 0px 30px;
    }
    .ServicecardBackground {
        height: 440px;
        padding: 0px 15px;
        width: 110%;
    }
    .MessagingcardBackground {
        height: 440px;
        padding: 0px 15px;
        width: 110%;
    }
    .OfflinecardBackground {
        bottom: 170px;
    }
    .entercardBackground {
        bottom: 170px;
    }
    .OpencardBackground {
        bottom: 0px;
        width: 105%;
        height: 330px;
    }
    .OpenText img {
        width: 12%;
    }
    .OpenText {
        top: 90px;
    }
    .OpenText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .OpenText p {
        font-size: 13px;
    }
    .enterText img {
        width: 30%;
    }
    .enterText {
        top: 60px;
    }
    .enterText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .enterText p {
        font-size: 13px;
    }
    .OfflineText img {
        width: 30%;
    }
    .OfflineText {
        top: 90px;
    }
    .OfflineText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .OfflineText p {
        font-size: 13px;
    }
    .MessagingText img {
        width: 30%;
    }
    .MessagingText {
        top: 50px;
    }
    .MessagingText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .MessagingText p {
        font-size: 13px;
    }
    .ServiceText img {
        width: 30%;
    }
    .ServiceText {
        top: 40px;
    }
    .ServiceText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .ServiceText p {
        font-size: 13px;
    }
    .pointText img {
        width: 12%;
    }
    .pointText {
        top: 40px;
    }
    .pointText h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .pointText p {
        font-size: 13px;
    }
    .maintextBlack,
    .maintextWhite,
    .mainbannertext {
        font-size: 40px !important;
    }
    .uiHeading {
        font-size: 32px !important;
    }
    .integrationCard {
        height: 440px !important;
    }
    .serverStorageCard {
        height: 250px !important;
        margin-bottom: 20px;
    }
    .dataCenterCard {
        height: 400px;
    }
    .dataCenterCard1 {
        height: 400px;
    }
    .dataCenterCard2 {
        height: 400px;
    }
    .dataCenterCard3 {
        height: 400px;
    }
    .cyberSecurityCard {
        height: 550px !important;
    }
    .cloudCard {
        height: 220px !important;
    }
    .cardBtn {
        width: 32%;
        font-size: 11px;
        padding: 0px;
    }
    .blog-one__meta-text {
        font-size: 12px;
    }
    .mainButton {
        width: 40% !important;
        font-size: 10px !important;
    }
    .buttonsDiv {
        width: 72%;
    }
    .middle_div {
        padding-top: 40px;
    }
    .networkServiceImage {
        width: 100% !important;
    }
    .for_paddingTop {
        padding-top: 0px !important;
    }

    .card {
        border-radius: 24px !important;
        margin-top: 3.5rem;
        width: 90%;
    }
    .fullStackcard {
        border-radius: 24px !important;
        margin-top: 3.5rem;
        width: 100%;
    }
    #frontEnd_Card {
        height: 710px !important;
    }
    #backEnd_Card {
        height: 710px !important;
    }
    #dataBase_Card {
        height: 710px !important;
    }
    #api_Card {
        height: 660px !important;
    }
    #mobile_Card {
        height: 660px !important;
    }
    .strategyCard {
        margin-bottom: 20px;
    }
    .accadamiccard {
        border-radius: 24px !important;
        margin-top: 3.5rem;
        width: 100%;
        height: 580px;
    }
    .networkCard {
        border-radius: 24px !important;
        margin-top: 3.5rem;
        width: 100%;
        height: 550px;
    }
    .publicCard {
        border-radius: 24px !important;
        /* margin-top: 3.5rem; */
        width: 100%;
        height: 480px;
    }
    .professionalCards {
        height: 450px;
    }
    .serverCard,
    .serverCard1,
    .serverCard2,
    .serverCard3 {
        border-radius: 24px !important;
        margin-top: 3.5rem;
        width: 100%;
        height: 380px;
    }

    .blogCard {
        margin-top: 0px;
    }

    .all_Blog_heading {
        font-size: 35px;
        font-weight: 700;
        padding-left: 18px;
    }

    .load_morebtn {
        padding: 60px 0px;
    }

    .loadMoreButton {
        border-radius: 16px;
        padding: 18px 60px;
    }
}
@media (min-width: 1200px) {
    .testimonials-one .container {
        padding-left: 45px;
        padding-right: 45px;
        max-width: 1260px;
    }
    .testimonials-oneRevamp .container {
        padding-left: 45px;
        padding-right: 45px;
        max-width: 1260px;
    }
    .contact-one .container {
        max-width: 800px;
    }
    .header-navigation ul.navigation-box > li > ul > li > .submenu {
        display: block !important;
    }
    .header-navigation ul.navigation-box > li > .submenu {
        display: block !important;
    }
    .header-navigation .main-navigation {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .container {
        max-width: 1200px;
    }
}
@media (max-width: 991px) {
    .firstimage {
        width: 100%;
        /* height: 100vh; */
    }
    .contactDiv img {
        left: 18%;
    }
    .blackHeading,
    .whiteHeading {
        font-size: 25px;
    }
    .bg-light {
        font-size: 17px !important;
        width: 100%;
    }
    .contactBtnFeature {
        width: 100%;
    }
    .planDiv {
        width: 70%;
    }
    .conversationDiv {
        top: 50px;
    }
    .whyChooseBg {
        height: 620px;
    }
    .chooseDiv {
        top: 90px;
        width: 80%;
    }
    .stepsCardDiv {
        margin-bottom: 50px;
    }

    .sidebar {
        margin-top: 70px;
    }
    .blog-one .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 991px) {
    canvas {
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .spanTextt strong {
        font-family: "Gilroy-Bold" !important;
        color: #ffffff !important;
        font-size: 14px !important;
    }
    .chooseHeading strong {
        font-size: 27px;
    }
    .redHeading {
        font-size: 54px;
    }
    .contactBtn {
        width: 50% !important;
        font-size: 18px !important;
    }
    .contactDiv img {
        bottom: 65%;
        left: 20%;
        width: 8%;
    }
    .bg-light {
        font-size: 12px !important;
    }
    .conversationBTN {
        width: 55%;
    }

    .blackHeading {
        font-size: 21px;
    }
    .contactBtnFeature {
        font-size: 16px !important;
    }
    .spanText {
        font-size: 16px;
    }
    .conversationDiv {
        top: 50px;
        width: 65%;
    }
    .lastchooseDiv {
        top: 100px !important;
    }
    .chooseDiv {
        top: 70px;
    }
    .chooseHeading {
        font-size: 18px;
    }
    .lastHeading {
        font-size: 32px;
    }
    .whyChooseBg {
        height: 555px;
        object-fit: fill;
    }
    .planDiv {
        top: 7px;
        width: 60%;
    }
    .planPricingDiv {
        margin-bottom: 110px;
    }
    .customeqouteDiv {
        left: 80px;
    }
    .stepsCardDiv {
        height: 180px;
        padding: 30px 50px 30px 50px;
        margin-bottom: 20px;
    }
    .stepsiconDiv {
        margin-top: 0px !important;
    }
    .lastbtn_text {
        font-size: 22px;
    }

    .funfact-growth {
        height: 355px;
    }
    .fullStackcard {
        width: 100% !important;
        height: 460px !important;
    }

    /* start index revamp page styling */
    .thumbnail {
        display: none;
    }
    .arrows {
        display: none;
    }
    .carousel .list .item .content {
        /* top:25%; */
        width: 100%;
        max-width: 100% !important;
        left: 65% !important;
    }

    .mainSection {
        padding: 40px 0px !important;
    }
    .banner-one__tag-line {
        width: 38%;
    }
    .banner-one__title {
        font-size: 29px;
    }
    .mainslider-btn {
        width: 33%;
    }
    .afImage > img {
        width: 70% !important;
    }
    .imageDiv {
        display: none;
    }
    .about-four__image {
        text-align: center !important;
    }
    .caption_text p {
        font-size: 16px !important;
    }
    .caption_text h3 {
        font-size: 18px !important;
    }
    .captionTwo_text p {
        font-size: 16px !important;
    }
    .captionTwo_text h3 {
        font-size: 18px !important;
    }

    /* end index revamp page styling */
    .seoCard {
        height: 185px;
        margin-bottom: 20px;
    }
    .seoCard1 {
        height: 210px;
        margin-bottom: 20px;
    }
    .seoCard2 {
        height: 260px;
        margin-bottom: 20px;
    }
    .seoCard3 {
        height: 210px;
        margin-bottom: 20px !important;
    }
    .seoCard4 {
        height: 235px;
        margin-bottom: 20px;
    }
    .profImag img {
        width: 6%;
    }
    .fullStack_div {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .homeCard,
    .homeCard1,
    .homeCard2 {
        height: 260px;
    }
    .mainTextDiv {
        height: 95px;
    }
    #hrms img {
        width: 9%;
    }
    #cloudCardHeight {
        height: 375px !important;
    }
    .entertainmentimage {
        height: 470px;
        margin-top: 90px;
    }
    .cyberBannerDiv {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .applicationSolutionText {
        top: 10px;
    }
    .modernPadding,
    .publicPadding,
    .cyberPadding,
    .datacenterPadding,
    .networkPadding,
    .softwarePadding {
        padding: 10px 0px 20px 0px !important;
    }
    .dataCenter_Card {
        height: 350px;
    }
    .dataImag img {
        width: 10%;
    }
    .logisticContent {
        padding: 15px !important;
        margin-bottom: 10px;
    }
    .microBank_Card,
    .walletApplication_Card {
        height: 410px;
    }
    .softCard_icons {
        width: 25%;
    }
    .internetBank_Card,
    .coreBank_Card {
        height: 335px;
    }
    .digitalTranform_Card {
        height: 240px;
    }
    #bankingCards {
        top: 5%;
    }
    .softCard_icons1 {
        width: 10%;
    }
    .strategyCard {
        margin-bottom: 20px;
    }
    .problemCard {
        margin-bottom: 20px;
    }
    .public-banner,
    .cyber-banner {
        padding: 80px 0px;
    }
    .publicImage img {
        height: 135px;
    }
    .privateImage img {
        height: 140px;
    }
    .homeIndustryCard {
        height: 250px;
    }
    .cyberSecurityCard1 {
        height: 240px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard2 {
        height: 260px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard3 {
        height: 280px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard4 {
        height: 310px;
        margin-bottom: 20px !important;
    }
    .dataaImage img {
        height: 110px;
    }
    .proCostcard {
        height: 210px;
        margin-bottom: 20px;
    }
    .dataCard {
        height: 210px;
        margin-bottom: 20px !important;
    }
    .dataCard1 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard2 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard3 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .hospitalityText {
        top: 130px;
    }
    #mobile_Card {
        height: 400px !important;
    }
    #frontEnd_Card {
        height: 550px !important;
    }
    #backEnd_Card {
        height: 550px !important;
    }
    #dataBase_Card {
        height: 600px !important;
    }
    #api_Card {
        height: 600px !important;
    }
    #mobile_Card {
        height: 420px !important;
    }
    .fulStackImage img {
        height: 190px;
    }
    .cyberImage img {
        height: 136px;
        object-position: center;
        object-fit: cover;
    }
    .serverImage img {
        height: 135px;
    }
    .aboutfullStack {
        padding: 14px;
    }
    .fullStack_Heading h3 {
        color: #000000;
        font-weight: 600;
        font-size: 18px;
    }
    .fullstackBlocktxt {
        font-size: 9px;
    }
    .digitalImages,
    .housingImages,
    .virtualImages {
        width: 90%;
    }
    .usabilityCard,
    .testingCard,
    .accessibilityCard,
    .secondCard,
    .hallwayCard,
    .launchCard {
        height: 315px;
    }
    .pointcardBackground {
        margin-bottom: 10px;
        padding: 0px 35px;
    }
    .pointText img {
        width: 10%;
    }
    .ServicecardBackground {
        margin-bottom: 10px;
        padding: 0px 35px;
        width: 104%;
        height: 250px;
    }
    .ServiceText img {
        width: 10%;
    }
    .MessagingcardBackground {
        margin-bottom: 180px;
        padding: 0px 35px;
        width: 104%;
        height: 250px;
    }
    .MessagingText img {
        width: 10%;
    }
    .OfflinecardBackground {
        margin-bottom: 10px;
        padding: 0px 35px;
        width: 104%;
        height: 250px;
    }
    .OfflineText img {
        width: 10%;
    }
    .entercardBackground {
        margin-bottom: 10px;
        padding: 0px 35px;
        width: 104%;
        height: 250px;
    }
    .enterText img {
        width: 10%;
    }
    .OpencardBackground {
        margin-bottom: 10px;
        padding: 0px 35px;
        width: 104%;
        height: 250px;
        bottom: 165px;
    }
    .OpenText img {
        width: 10%;
    }
    .OpenText {
        top: 60px;
    }
    .companyLogo {
        width: 60% !important;
    }
    .integrationCard {
        height: 250px !important;
        margin-bottom: 20px !important;
    }
    .serverStorageCard {
        height: 220px !important;
        margin-bottom: 20px;
    }
    .dataCenterCard {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard1 {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard2 {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard3 {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard {
        height: 260px !important;
        margin-bottom: 20px !important;
    }
    .cloudCard {
        height: 240px !important;
    }
    .uiuxImages,
    .integrationImages {
        width: 80% !important;
    }
    .cardBtn {
        width: 28%;
        font-size: 11px;
    }
    .buttonsDiv {
        width: 100% !important;
    }
    .maintextBlack,
    .maintextWhite,
    .mainbannertext {
        font-size: 32px !important;
    }
    .uiHeading {
        font-size: 22px !important;
    }

    .maintextYellow {
        font-size: 18px !important;
    }
    .entertainment-mainHeading {
        font-size: 21px !important;
    }
    .solutionHeading {
        font-size: 24px !important;
    }
    .solutionSubHeading {
        font-size: 20px !important;
    }
    .entertainmentHeading {
        font-size: 16px !important;
    }
    .strongText {
        font-size: 16px !important;
    }

    .solutionPara,
    .solutionParaWhite {
        font-size: 17px !important;
    }
    .middle_div {
        padding-top: 0px !important;
    }
    .why_image {
        width: 50%;
    }
    .form-control {
        padding: 2rem 2.7rem;
    }
    .recent_Blogs {
        padding: 0px;
    }
    .card {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 90%;
    }
    .fullStackcard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 90%;
        height: 550px;
    }
    .accadamiccard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 90%;
        height: 550px;
    }
    .networkCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 705px;
    }
    .publicCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 530px;
    }
    .professionalCards {
        height: 480px;
    }
    .serverCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 380px;
    }
    .serverCard1 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 380px;
    }
    .serverCard2 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 400px;
    }
    .serverCard3 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100%;
        height: 400px;
    }
    .blogCard {
        margin-top: 3.5rem !important;
    }
    .softCardImg,
    .microCardImg {
        width: 25%;
        margin-bottom: 5px;
    }
    .uiCardImg {
        width: 25%;
        margin-bottom: 5px;
    }
    .bannerPara {
        width: 100%;
        text-align: justify;
    }

    .video_box {
        padding-bottom: 70px;
        padding-left: 18px;
        padding-right: 18px;
    }
    .blog-two__content {
        padding-left: 18px !important;
    }
    .loadMoreButton {
        border: none;
        border-radius: 22px;
        outline: none;
        background-color: var(--thm-base-color);
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-family: var(--heading-font);
        font-weight: 400;
        color: #ffffff;
        -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
        box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
        padding: 15px 60px;
        -webkit-transition: background-color 0.4s ease, color 0.3s ease;
        transition: background-color 0.4s ease, color 0.3s ease;
    }

    .blog_inner-banner__title {
        margin: 0;
        color: black;
        font-size: 40px;
        font-weight: 800;
    }

    .all_Blog_heading {
        margin-top: 40px;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .blog-details {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main-content {
        padding: 0px 0px;
    }
    #thIrd {
        order: 2;
    }
    #fouRth {
        order: 1;
    }
    #strategyBorder {
        text-align: justify;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #problemBorder {
        text-align: justify;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #scaleBorder {
        text-align: justify;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #issueBorder {
        text-align: justify;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    #erpSolCard,
    #erpSolCard1 {
        height: 320px;
        margin-bottom: 20px;
    }
    #erpSolCard2,
    #erpSolCard3 {
        height: 300px;
        margin-bottom: 20px;
    }
    #erpSolCard4,
    #erpSolCard5,
    #erpSolCard8,
    #erpSolCard9 {
        height: 310px;
    }
    #erpSolCard6,
    #erpSolCard7 {
        height: 290px;
    }
    #erpSolCard10,
    #erpSolCard11 {
        height: 265px;
    }

    #erpCardIcon img {
        width: 20%;
    }
}
@media (max-width: 767px) {
    .chooseHeading strong {
        font-size: 16px;
    }
    .carousel .list .item .content {
        top: 35%;
        left: 50% !important;
        padding: 0px 15px;
    }
    .fullStackcard {
        height: 380px !important;
    }
    .funfact-growth {
        height: 470px;
    }
    .fullStack_div {
        padding: 40px 0px !important;
        position: static;
    }
    .fullstack_Img {
        width: 100%;
    }
    .fullstack_Info {
        position: static;
        width: 100% !important;
        height: 50%;
        display: flex;
        align-items: center;
        text-align: justify;
    }
    .aboutfullStack {
        padding: 16px 0px;
    }
    .fullStack_Heading h3 {
        color: #000000;
        font-weight: 600;
        font-size: 20px;
    }
    .fullstackBlocktxt {
        font-size: 12px;
    }
    .fullstack_Img img {
        width: 100%;
    }

    .digitalImages,
    .housingImages,
    .virtualImages {
        width: 100%;
    }
    .main-logo_new {
        width: 70% !important;
    }
    .seaRch {
        margin: 0 auto;
        width: 90%;
    }
    .blog-two__text {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .inner-banner__title {
        font-size: 25px;
    }
    .blog_inner-banner__title {
        margin: 0;
        color: #413b45e6;
        font-size: 40px;
        font-weight: 800;
    }
    .blogs_tagLine {
        margin-top: 16px;
        font-size: 25px;
        font-weight: 400;
        color: rgba(108, 108, 108, 1);
    }
    .all_Blog_heading {
        font-size: 44px;
        font-weight: 700;
        margin-top: 40px;
    }
    .card {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
    }
    .fullStackcard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 450px;
    }
    .accadamiccard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 450px;
    }
    .networkCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 625px;
    }
    .publicCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 500px;
    }
    .professionalCards {
        height: 450px;
        margin-bottom: 20px;
    }
    .serverCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard1 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 350px;
    }
    .serverCard2 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard3 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 380px;
    }

    .load_morebtn {
        padding: 40px 0px;
    }
    .loadMoreButton {
        padding: 12px 40px;
    }
    .video_box {
        padding-bottom: 45px;
    }

    .blogs_tagLine {
        margin-top: 12px !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        color: rgba(108, 108, 108, 1);
    }

    .blog_inner-banner__title {
        margin: 0;
        color: black;
        font-size: 34px;
        font-weight: 800;
    }

    .blog_banner_image {
        width: 100%;
        height: auto;
    }
    .blog_image {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }

    .blog-details__text {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: #000000;
        margin: 0;
        margin-bottom: 25px;
    }

    .blog-details__title {
        font-size: 30px;
        line-height: 50px;
        color: var(--thm-base-color);
        font-weight: 600;
        font-family: var(--heading-font);
        margin: 0;
        margin-bottom: 0px;
    }

    .comment__title {
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 700;
    }

    .blog-details {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .main-content {
        padding: 0px 0px;
    }

    .video_box {
        padding-bottom: 60px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .loadMoreButton {
        border-radius: 16px !important;
        padding: 16px 44px !important;
    }

    #thIrd {
        order: 2;
    }
    #fouRth {
        order: 1;
    }

    .leave-comment__btn {
        border: none;
        border-radius: 15px;
        outline: none;
        background-color: var(--thm-base-color);
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        font-family: var(--heading-font);
        font-weight: 400;
        color: #ffffff;
        -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
        box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
        padding: 12px 70px;
        -webkit-transition: background-color 0.4s ease, color 0.3s ease;
        transition: background-color 0.4s ease, color 0.3s ease;
    }
    .integrationCard {
        height: 320px !important;
    }
    .serverStorageCard {
        height: 230px !important;
    }
    .cyberSecurityCard {
        height: 230px !important;
    }

    .cloudCard {
        height: 320px !important;
    }
    .blog_Thumbnail {
        padding: 0px;
    }
}
@media (max-width: 576px) {
    /* echallan start  */
    .strongText {
        font-size: 14px !important;
    }
    .problemDiv ul li {
        font-size: 14px !important;
    }
    .smartDiv {
        padding: 40px 0px 0px 0px;
    }
    .issueDiv {
        padding: 20px 0px;
    }
    .introPara {
        font-size: 14px !important;
    }
    .appText {
        font-size: 16px !important;
    }
    .stepsiconDiv img {
        width: 15%;
    }
    .planBox2,
    .planBox3 {
        left: 0%;
        right: 0%;
    }
    .paraBackground {
        padding: 30px 0px;
    }
    .contactBtn {
        width: 60% !important;
        font-size: 14px !important;
    }
    .contactDiv img {
        left: 15%;
        width: 9%;
    }
    .whiteHeading {
        font-size: 14px;
    }
    .bg-light {
        width: 90%;
        font-size: 9px !important;
    }
    .conversationBTN {
        width: 66% !important;
    }
    .buttonWidth {
        width: 100% !important;
    }
    .chooseHeadinggg {
        font-size: 22px !important;
    }
    .choosePara {
        color: #fff;
        font-size: 18px;
    }
    .lastCard {
        border-radius: 5px;
        width: 146px !important;
    }
    .chooseCarddiv {
        margin-top: 30px;
    }
    .chooseCard {
        width: 100% !important;
        padding: 10px !important;
    }
    .blackHeading {
        font-size: 16px;
    }
    .featureDiv {
        right: 28px;
    }
    .whyChooseBg {
        height: 670px;
    }
    .planDiv {
        width: 95%;
    }
    .planPricingDiv {
        margin-bottom: 240px;
    }
    .customeqouteDiv {
        left: 50px;
    }
    .stepsPara {
        font-size: 20px;
    }
    .lastbtn_text {
        font-size: 11px;
    }
    .lastchooseDiv {
        top: 50px !important;
    }
    .lastBg {
        height: 200px;
        border-radius: 24px;
    }

    .conversationDiv {
        top: 30px;
    }
    .contactBtnFeature {
        font-size: 8px !important;
    }
    .spanText {
        font-size: 12px;
    }
    .redHeading {
        font-size: 26px;
    }
    .piniconImgDiv img {
        width: 80%;
    }
    .reporticonImgDiv img {
        width: 80%;
    }

    /* echallan end */
    .mainButton {
        width: 50% !important;
    }
    .textDiv {
        padding: 0px !important;
    }
    .profImag img {
        width: 12%;
    }
    .fullStack_div {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .maintextYellow {
        text-align: start;
        font-size: 14px !important;
    }
    .transferMoney-section {
        text-align: start;
    }
    .homeIndustryCard {
        height: 250px;
    }
    #hrms img {
        width: 15%;
    }

    .entertainmentimage {
        height: 470px;
        margin-top: 0px;
    }
    /* .bannerTextt{
        text-align: center;
    } */
    .bannerPara {
        width: 100%;
        text-align: start;
    }
    .public-banner,
    .healthCare-banner,
    .softwareDev-banner,
    .cyber-banner,
    .digital-banner,
    .inner-bannerbanking,
    .datacenter-banner,
    .applicationModern-banner,
    .erp-banner,
    .server-banner,
    .network-banner,
    .fullStack_banner,
    .hrms-banner,
    .inventory-banner,
    .professional-banner,
    .seo-banner,
    .virtualization-banner {
        padding: 40px 0px;
    }
    .strategyText h3 {
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }
    .erpSolution_Card {
        height: 330px;
    }
    .erpImage {
        margin-top: 20px;
        margin-bottom: 30px;
        border-radius: 12px;
    }
    .modernPadding,
    .publicPadding,
    .cyberPadding,
    .datacenterPadding,
    .networkPadding,
    .softwarePadding {
        padding: 10px 0px 20px 0px !important;
    }
    .chooseHeading strong {
        font-size: 14px;
    }
    .bg-white {
        text-align: left;
    }
    .bg-light {
        font-size: 7px !important;
    }
}

@media (max-width: 426px) {
    .lastchooseDiv {
        top: 20% !important;
    }
        .strongParaMedium {
        font-size: 20px !important;
    }
    .chooseDiv {
        top: 50px;
    }
    .lastBg {
        height: 150px;
    }
    .smartDiv {
        padding: 0px 0px 0px 0px;
    }
    .contactBtn {
        font-size: 12px !important;
    }
    .getIntouchDiv h2 {
        font-size: 15px;
    }
    .bg-light {
        font-size: 12px !important;
        padding: 0.5rem 8px !important;
        width: 100% !important;
    }
    .buttonWidth {
        font-size: 9px !important;
    }
    .whiteHeading {
        font-size: 23px;
    }
    .piniconImgDiv,
    .reporticonImgDiv {
        top: -50px;
    }
    .blackHeading {
        font-size: 19px;
    }
    .featureDiv {
        right: 12px;
        top: 15%;
    }
    .contactBtnFeature {
        font-size: 9px !important;
        width: 100%;
    }
    .innerDivv {
        padding: 0;
    }
    .conversationDiv {
        top: 15px;
    }
    .chooseHeading {
        font-size: 13px;
        margin-bottom: 0px !important;
    }
    .whyChooseBg {
        height: 580px;
    }
    .planDiv {
        top: 15px;
        width: 85%;
    }
    .customeqouteDiv {
        left: 50px;
    }
    .lastbtn_text {
        margin-bottom: 0px !important;
        font-size: 14px;
    }
    .chooseCarddiv {
        margin-top: 25px;
    }
    .stepsCardDiv {
        height: 170px;
        padding: 20px 30px 20px 30px;
        margin-bottom: 20px;
    }
    .stepsPara {
        font-size: 18px;
    }
    .smartDiv h2 {
        margin-top: 25px;
    }
    .mobileLaptopDiv {
        padding: 30px 0px;
    }
    .issueDiv {
        padding: 0px 0px;
    }
    .planPricingDiv {
        margin-bottom: 250px;
    }

    /* start index revamp page styling */
    .banner-one__tag-line {
        width: 70%;
    }
    #webcoderskull {
        padding: 0px 0px !important;
    }
    .about-four {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .about-four__content {
        padding: 15px;
    }
    .about-four__content {
        margin-top: 30px;
    }
    /* end index page styling  */
    .seoCard {
        height: 175px;
        margin-bottom: 20px;
    }
    .seoCard1,
    .seoCard3 {
        height: 200px;
        margin-bottom: 20px;
    }
    .seoCard2 {
        height: 275px;
        margin-bottom: 20px;
    }
    .seoCard4 {
        height: 250px;
        margin-bottom: 20px;
    }
    .homeCard,
    .homeCard1,
    .homeCard2 {
        height: 260px;
    }
    .mainTextDiv {
        height: 130px;
    }
    #cloudCardHeight {
        height: 600px !important;
    }
    .publicCardMobile {
        height: 455px !important;
    }
    #erpSolCard {
        height: 300px;
    }
    #erpSolCard1,
    #erpSolCard2 {
        height: 280px;
    }
    #erpSolCard5 {
        height: 290px;
    }
    #erpSolCard3,
    #erpSolCard4,
    #erpSolCard6,
    #erpSolCard8,
    #erpSolCard9 {
        height: 275px;
    }
    #erpSolCard7 {
        height: 270px;
    }
    #erpSolCard10,
    #erpSolCard11 {
        height: 250px;
    }
    .microBank_Card {
        height: 350px;
    }
    .walletApplication_Card {
        height: 300px;
    }
    .internetBank_Card {
        height: 225px;
    }
    .coreBank_Card {
        height: 275px;
    }
    .digitalTranform_Card {
        height: 350px;
    }
    #bankingCards {
        top: 5%;
    }
    .softCard_icons1 {
        width: 20%;
    }
    .softCard_icons {
        width: 12%;
    }
    .fullStack_div {
        height: 640px;
    }
    .cyberImage img {
        height: 120px;
    }
    .cyberSecurityCard1 {
        height: 300px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard2 {
        height: 320px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard3 {
        height: 350px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard4 {
        height: 400px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard {
        height: 340px !important;
    }
    .problemImag img {
        width: 20%;
    }
    .dataImag img {
        width: 20%;
    }
    .dataCenterCard {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard1 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard2 {
        height: 225px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard3 {
        height: 250px;
        margin-bottom: 20px !important;
    }
    .proCostcard {
        height: 300px;
    }
    .dataCard {
        height: 190px;
        margin-bottom: 20px !important;
    }
    .dataCard1 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard2 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard3 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .serverStorageCard {
        height: 260px !important;
    }
    .hospitalityText {
        top: 160px;
    }
    #accessCard {
        height: 420px !important;
    }
    #dataCard {
        height: 450px !important;
    }
    #courseCard {
        height: 470px;
    }
    #communicationCard {
        height: 445px !important;
    }
    .academia-banner {
        padding: 40px 0px;
    }
    #learningCard {
        height: 470px;
    }
    #frontEnd_Card {
        height: 450px !important;
    }
    #backEnd_Card {
        height: 430px !important;
    }
    #dataBase_Card {
        height: 500px !important;
    }
    #api_Card {
        height: 480px !important;
    }
    #mobile_Card {
        height: 370px !important;
    }
    .uiCardImg {
        width: 15%;
    }
    .softCardImg,
    .microCardImg {
        width: 15%;
    }

    .launchText {
        top: 35px !important;
    }
    .problemImage img {
        height: 170px;
    }
    .fulStackImage img {
        height: 153px;
    }
    .serverImage img {
        height: 120px;
    }
    .strategyText,
    .problemText {
        padding: 5px 0px 5px 0px;
    }
    .strategyText p {
        font-size: 14px;
        line-height: 16px;
    }
    .problemText p {
        font-size: 12px;
        line-height: 16px;
    }
    .ServicecardBackground {
        height: 300px;
    }
    .MessagingcardBackground {
        height: 300px;
    }
    .OfflinecardBackground {
        height: 300px;
    }
    .entercardBackground {
        height: 300px;
    }
    .OpencardBackground {
        height: 300px;
    }
    .corner-border {
        padding: 10px;
    }
    .cardBtn {
        width: 28%;
        font-size: 11px;
    }
    .transferMoney-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .testingDiv {
        margin-bottom: 0px !important;
    }
    .payment-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .loan-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .invesment-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .reward-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .entertainment-section {
        display: grid !important;
        margin-bottom: 0px !important;
    }
    .bottomHeading {
        font-size: 15px !important;
        width: 100% !important;
    }
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
    .maintextBlack,
    .maintextWhite,
    .mainbannertext {
        font-size: 24px !important;
    }
    .uiHeading {
        font-size: 20px !important;
    }
    .entertainment-mainHeading {
        font-size: 24px !important;
        margin-bottom: 5px !important;
    }
    .financialSection {
        padding: 20px 0px 0px 0px;
    }
    .imageDiv {
        margin-bottom: 20px;
    }
    .transferDiv,
    .paymentDiv,
    .loanDiv,
    .investmentDiv,
    .rewardDiv,
    .uicardsDiv {
        margin-bottom: 25px;
    }
    .blog-details__title {
        font-size: 18px;
        line-height: 50px;
        color: var(--thm-base-color);
        font-weight: 600;
        font-family: var(--heading-font);
        margin: 0;
        margin-bottom: 0px;
        text-align: justify;
    }

    .blog-details__text {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        color: #000000;
        margin: 0;
        margin-bottom: 5px;
        text-align: justify;
    }
    .blog-sub__title {
        font-size: 17px;
        line-height: 50px;
        color: var(--thm-base-color);
        font-weight: 600;
        font-family: var(--heading-font);
        margin: 0;
        margin-bottom: 5px;
        text-align: justify;
    }
    li {
        color: #000000;
        font-size: 14px;
        font-weight: 300;
    }
}
@media (max-width: 420px) {
    .whyChooseBg {
        height: 640px;
    }
    .contactBtn {
        width: 68% !important;
    }
    .contactDiv img {
        left: 11%;
    }
    .smartDiv h2 {
        margin-top: 25px;
    }
    .centerImg {
        width: 75%;
    }
    .mobileLaptopDiv {
        margin: 35px;
    }
    .issueDiv {
        margin: 20px 0px;
    }
    .contactDiv img {
        bottom: 73%;
    }
    .getIntouchDiv {
        right: 40px;
        width: 34%;
    }
    .coreFeatureDiv {
        padding: 25px 0px;
    }

    .featureDiv h2 {
        font-size: 17px;
    }
    .contactBtnFeature {
        font-size: 9px !important;
        font-weight: 500 !important;
        padding: 10px 2px !important;
    }
    .conversationDiv h2 {
        font-size: 16px;
    }
    .planDiv {
        width: 95%;
    }
    .customeqouteDiv {
        left: 40px;
    }
    .customeqouteDiv h2 {
        font-size: 16px;
    }
    .customeqouteDiv button {
        margin-top: 0px !important;
    }
    .chooseCarddiv {
        margin-top: 14px;
    }
    .lastbtn_text {
        font-size: 12px;
    }
    .planPricingDiv {
        margin-bottom: 230px;
    }

    /* start index revamp page styling */
    .banner-one__tag-line {
        width: 81%;
    }
    .about-four__content {
        padding-left: 12px;
    }
    /* end index page styling   */
    .seoCard {
        height: 190px;
        margin-bottom: 20px;
    }
    .seoCard1,
    .seoCard3 {
        height: 200px;
        margin-bottom: 20px;
    }
    .seoCard2 {
        height: 300px;
        margin-bottom: 20px;
    }
    .seoCard4 {
        height: 270px;
        margin-bottom: 20px;
    }
    .homeCard,
    .homeCard1,
    .homeCard2 {
        height: 270px;
    }
    .mainTextDiv {
        height: 150px;
    }
    #cloudCardHeight {
        height: 700px !important;
    }
    .publicCardMobile {
        height: 505px !important;
    }
    #erpSolCard,
    #erpSolCard3,
    #erpSolCard4,
    #erpSolCard5,
    #erpSolCard6,
    #erpSolCard9 {
        height: 290px;
    }
    #erpSolCard1 {
        height: 320px;
    }
    #erpSolCard2,
    #erpSolCard11 {
        height: 270px;
    }
    #erpSolCard7,
    #erpSolCard10 {
        height: 265px;
    }
    #erpSolCard8 {
        height: 310px;
    }
    .microBank_Card {
        height: 390px;
    }
    .walletApplication_Card {
        height: 320px;
    }
    .internetBank_Card {
        height: 240px;
    }
    .coreBank_Card {
        height: 310px;
    }
    .digitalTranform_Card {
        height: 380px;
    }
    #bankingCards {
        top: 5%;
    }
    .softCard_icons1 {
        width: 20%;
    }
    .healthCare-banner {
        padding: 40px 0px;
    }
    .fullStack_div {
        height: 600px;
    }
    .publicImage img {
        height: 160px;
    }
    .cyberImage img {
        height: 160px;
    }
    .cyberSecurityCard1 {
        height: 320px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard2 {
        height: 370px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard3 {
        height: 370px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard4 {
        height: 450px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard {
        height: 400px !important;
    }
    .hospitalityText {
        top: 130px;
    }
    #accessCard {
        height: 420px !important;
    }
    .proCostcard {
        height: 350px;
    }
    .dataCard {
        height: 210px;
        margin-bottom: 20px !important;
    }
    .dataCard1 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard2 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard3 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    #communicationCard {
        height: 500px !important;
    }
    #dataCard {
        height: 470px !important;
    }
    #frontEnd_Card {
        height: 475px !important;
    }
    #backEnd_Card {
        height: 445px !important;
    }
    #dataBase_Card {
        height: 550px !important;
    }

    #api_Card {
        height: 555px !important;
    }
    #mobile_Card {
        height: 375px !important;
    }
    .fullStackcard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 495px;
    }
    .accadamiccard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 500px;
    }
    #learningCard,
    #courseCard {
        height: 500px;
    }
    .academia-banner {
        padding: 40px 0px;
    }
    .networkCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 705px;
    }
    .publicCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 530px;
    }
    .professionalCards {
        height: 480px;
    }
    .serverCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard1 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard2 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard3 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 400px;
    }
    .uiCardImg {
        width: 15%;
    }
    .softCardImg,
    .microCardImg {
        width: 15%;
    }
    .problemImage img {
        height: 185px;
    }
    .fulStackImage img {
        height: 185px;
    }
    .serverImage img {
        height: 140px;
    }
    .strategyText,
    .problemText {
        padding: 5px 0px 5px 0px;
    }
    .strategyText p {
        font-size: 14px;
        line-height: 16px;
    }
    .problemText p {
        font-size: 14px;
        line-height: 16px;
    }
    .pointcardBackground {
        height: 310px;
    }
    .ServicecardBackground {
        height: 310px;
    }
    .MessagingcardBackground {
        height: 310px;
    }
    .OfflinecardBackground {
        height: 310px;
    }
    .entercardBackground {
        height: 310px;
    }
    .OpencardBackground {
        height: 310px;
    }
    .block-title__title span::before {
        display: none;
    }
    .cloudCard {
        height: 365px !important;
    }
    .integrationCard {
        height: 370px !important;
    }
    .serverStorageCard {
        height: 280px !important;
    }
    .solutionHeading {
        font-size: 22px !important;
    }
    .solutionSubHeading {
        font-size: 18px !important;
    }
    .buttonWidth {
        font-size: 8px !important;
    }
}

@media (max-width: 375px) {
    .bg-light {
        font-size: 10px !important;
    }
    .contactBtnFeature {
        font-size: 8px !important;
    }
    .conversationBTN {
        width: 85% !important;
    }
    .buttonWidth {
        font-size: 8px !important;

        width: 90% !important;
    }
    .whyChooseBg {
        height: 690px;
    }
    .planPricingDiv {
        margin-bottom: 280px;
    }
}
@media (max-width: 320px) {
    .choosePara {
        color: #fff;
        font-size: 14px;
    }
    .spanTextt strong {
        font-family: "Gilroy-Bold" !important;
        color: #ffffff !important;
        font-size: 12px !important;
    }
    .lastchooseDiv {
        top: 20% !important;
    }
    .getIntouchDiv {
        right: 27px;
        width: 40%;
    }
    .featureDiv {
        right: 4px;
        width: 60%;
        top: 86px;
    }
    .conversationDiv {
        width: 70%;
    }
    .readyimg {
        height: 130px;
    }
    .chooseDiv {
        width: 80%;
    }
    .whyChooseBg {
        height: 600px;
    }
    .spanText {
        font-size: 12px;
    }
    .planPricingDiv {
        margin-bottom: 310px;
    }
    .customeqouteDiv {
        left: 37px;
        top: 22px;
        width: 41%;
    }

    .seoCard {
        height: 210px;
        margin-bottom: 20px;
    }
    .seoCard1,
    .seoCard3 {
        height: 230px;
        margin-bottom: 20px;
    }
    .seoCard2 {
        height: 310px;
        margin-bottom: 20px;
    }
    .seoCard4 {
        height: 290px;
        margin-bottom: 20px;
    }
    .solutionHeading {
        font-size: 20px !important;
    }
    .homeCard,
    .homeCard1,
    .homeCard2 {
        height: 280px;
    }
    .mainTextDiv {
        height: 170px;
    }
    #cloudCardHeight {
        height: 795px !important;
    }
    #erpSolCard,
    #erpSolCard1,
    #erpSolCard2 {
        height: 335px;
    }
    #erpSolCard3,
    #erpSolCard5 {
        height: 330px;
    }
    #erpSolCard4 {
        height: 310px;
    }
    #erpSolCard8 {
        height: 300px;
    }
    #erpSolCard9 {
        height: 305px;
    }
    #erpSolCard6,
    #erpSolCard7,
    #erpSolCard10,
    #erpSolCard11 {
        height: 280px;
    }

    .microBank_Card {
        height: 440px;
    }
    .walletApplication_Card {
        height: 390px;
    }
    .internetBank_Card {
        height: 300px;
    }
    .coreBank_Card {
        height: 380px;
    }
    .digitalTranform_Card {
        height: 450px;
    }
    #bankingCards {
        top: 5%;
    }
    .softCard_icons1 {
        width: 20%;
    }
    .inner-bannerbanking {
        padding: 40px 0px;
    }
    .healthCare-banner,
    .public-banner,
    .datacenter-banner,
    .digital-banner,
    .cyber-banner {
        padding: 40px 0px;
    }
    .academia-banner {
        padding: 30px 0px;
    }
    .fullStack_div {
        padding: 0px 0px !important;
        position: static;
        height: 600px;
    }
    .problemImag img {
        width: 20%;
    }
    .dataImag img {
        width: 20%;
    }

    .publicImage img {
        height: 175px;
    }
    .privateImage img {
        height: 160px;
    }
    .cyberImage img {
        height: 149px;
    }
    .cyberSecurityCard1 {
        height: 360px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard2 {
        height: 410px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard3 {
        height: 465px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard4 {
        height: 515px;
        margin-bottom: 20px !important;
    }
    .cyberSecurityCard {
        height: 420px !important;
    }
    .dataCenterCard {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard1 {
        height: 200px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard2 {
        height: 230px;
        margin-bottom: 20px !important;
    }
    .dataCenterCard3 {
        height: 250px;
        margin-bottom: 20px !important;
    }
    .dataCard {
        height: 195px;
        margin-bottom: 20px !important;
    }
    .dataCard1 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard2 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .dataCard3 {
        height: 220px;
        margin-bottom: 20px !important;
    }
    .hospitalityText {
        top: 100px;
    }
    #communicationCard {
        height: 550px !important;
    }
    .proCostcard {
        height: 360px;
    }
    #dataCard {
        height: 525px !important;
    }
    #accessCard {
        height: 525px !important;
    }
    #frontEnd_Card {
        height: 555px !important;
    }
    #backEnd_Card {
        height: 500px !important;
    }
    #dataBase_Card {
        height: 605px !important;
    }
    #api_Card {
        height: 605px !important;
    }
    #mobile_Card {
        height: 425px !important;
    }
    .fullStackcard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 550px;
    }
    .accadamiccard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 550px;
    }
    #learningCard {
        height: 550px;
    }
    #courseCard {
        height: 525px;
    }
    .networkCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 780px;
    }
    .publicCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 600px;
    }
    .professionalCards {
        height: 530px;
    }
    .publicCardMobile {
        height: 530px !important;
    }
    .serverCard {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 420px;
    }
    .serverCard1 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 370px;
    }
    .serverCard2 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 420px;
    }
    .serverCard3 {
        border-radius: 24px !important;
        margin-top: 2rem;
        width: 100% !important;
        height: 400px;
    }
    .launchText {
        top: 14px !important;
    }
    .problemImage img {
        height: 222px;
    }
    .fulStackImage img {
        height: 222px;
    }
    .serverImage img {
        height: 150px;
    }
    .strategyText,
    .problemText {
        padding: 5px 0px 5px 0px;
    }
    .strategyText p {
        font-size: 14px;
        line-height: 16px;
    }
    .problemText p {
        font-size: 14px;
        line-height: 16px;
    }
    .pointcardBackground {
        height: 350px;
    }
    .ServicecardBackground {
        height: 350px;
    }
    .MessagingcardBackground {
        height: 350px;
    }
    .OfflinecardBackground {
        height: 330px;
    }
    .entercardBackground {
        height: 380px;
    }
    .OpencardBackground {
        height: 330px;
    }
    .cloudCard {
        height: 410px !important;
    }
    .integrationCard {
        height: 440px !important;
    }
    .serverStorageCard {
        height: 280px !important;
    }

    .maintextBlack,
    .maintextWhite,
    .mainbannertext {
        font-size: 16px !important;
    }
    .bg-light {
        font-size: 8px !important;
    }
}