*{

    /* font-family: "Manrope", Sans-serif; */

}





/*body::-webkit-scrollbar,*/

/*.Single_blog_sidebar_category ul::-webkit-scrollbar,*/

/*.Single_blog_sidebar_recent_post ul::-webkit-scrollbar,*/

/*.leadershipModal .card .card-body .team_box .team_descp::-webkit-scrollbar {*/

/*    width: 10px;*/

/*}*/

  

/* Track */

/*body::-webkit-scrollbar-track,*/

/*.Single_blog_sidebar_category ul::-webkit-scrollbar-track,*/

/*.Single_blog_sidebar_recent_post ul::-webkit-scrollbar-track,*/

/*.leadershipModal .card .card-body .team_box .team_descp::-webkit-scrollbar-track {*/

/*    background: #f1f1f1; */

/*}*/



/* Handle */

/*body::-webkit-scrollbar-thumb,*/

/*.Single_blog_sidebar_category ul::-webkit-scrollbar-thumb,*/

/*.Single_blog_sidebar_recent_post ul::-webkit-scrollbar-thumb,*/

/*.leadershipModal .card .card-body .team_box .team_descp::-webkit-scrollbar-thumb {*/

/*    background: #888; */

/*}*/



/* Handle on hover */

/*body::-webkit-scrollbar-thumb:hover,*/

/*.Single_blog_sidebar_category ul::-webkit-scrollbar-thumb:hover,*/

/*.Single_blog_sidebar_recent_post ul::-webkit-scrollbar-thumb:hover,*/

/*.leadershipModal .card .card-body .team_box .team_descp::-webkit-scrollbar-thumb:hover {*/

/*    background: #555; */

/*}*/



/*.page-loader{*/

/*    width: 100%;*/

/*    height: 100vh;*/

/*    position: fixed;*/

/*    background: #272727;*/

/*    background: #001e2b;*/

/*    z-index: 1027;*/

/*    display: block ;*/

/*    opacity: 1;*/

/*    visibility: visible;*/

/*    display: flex;*/

/*    justify-content: center;*/

/*    align-items: center;*/

/*    flex-direction: column;*/

/*    overflow: hidden;*/

/*}*/



/* SPINNER ANIMATION */

/*.spinner {*/

	/* position: relative; */

/*	top: 35%;*/

/*  width: 80px;*/

/*  height: 80px;*/

/*  margin: 0 auto;*/

/*  background-color: #fff;*/



/*  border-radius: 100%;  */

/*  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;*/

/*  animation: sk-scaleout 1.0s infinite ease-in-out;*/

/*}*/



/*@-webkit-keyframes sk-scaleout {*/

/*  0% { -webkit-transform: scale(0) }*/

/*  100% {*/

/*    -webkit-transform: scale(1.0);*/

/*    opacity: 0;*/

/*  }*/

/*}*/



/*@keyframes sk-scaleout {*/

/*  0% { */

/*    -webkit-transform: scale(0);*/

/*    transform: scale(0);*/

/*  } 100% {*/

/*    -webkit-transform: scale(1.0);*/

/*    transform: scale(1.0);*/

/*    opacity: 0;*/

/*  }*/

/*}*/



/*.pe-none{*/

/*    pointer-events: none;*/

/*}*/



/*.cookies-popup {*/

/*    position: fixed;*/

/*    bottom: 10px;*/

/*    left: 10px;*/

    /* transform: translate(-50%, -50%); */

/*    background: #ffffff;*/

/*    padding: 20px;*/

/*    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/

/*    z-index: 1000;*/

    /* display: none; */

/*    width: calc(100% - 20px);*/

/*    max-width: 600px;*/

/*    border-radius: 10px;*/

/*    box-shadow: 0 4px 6px 0px #00000075;*/

/*}*/

/*.cookies-popup h4 {*/

/*    margin-bottom: 16px;*/

/*}*/

/*.cookies-popup p {*/

/*    font-size: 14px;*/

/*}*/

/*.cookies-popup a{*/

/*    text-transform: capitalize;*/

/*}*/

/*.cookie-accept {*/

/*    text-align: right;*/

/*}*/

/*.cookie-accept button {*/

/*    background-color: #094FB7;*/

/*    border: 1px solid #094FB7;*/

/*    color: #fff;*/

/*    border-radius: 6px;*/

/*    padding: 3px 10px;*/

/*    transition: all ease .2s;*/

/*}*/



/*.cookie-accept button:hover {*/

/*    background-color: #fff;*/

/*    color: #094FB7;*/

/*}*/



/* Nav Sidebar === START=== */

.sidebar_overlay {

    /* display: none; */

    position: fixed;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.7);

    background: rgb(0 0 0 / 80%);

    background: rgba(51, 51, 51, 0.7);

    /* z-index: 1050;

    opacity: 0;

    transition: all 0.5s ease-in-out; */

    z-index: 1020;

    opacity: 0;

    visibility: hidden;

    transition: all .2s ease-in-out;

}

.sidebar_overlay.active {

    /* display: block;

    opacity: 1; */

    opacity: 1;

    z-index: 1050;

    visibility: visible;

}

#sidebar {

    width: 300px;

    position: fixed;

    top: 0;

    /* left: -330px; */

    height: 100vh;

    z-index: 1051;

    background: #fff;

    color: #1f1f1f;

    transition: all 0.3s;

    /* overflow-y: scroll; */

    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);

    background: #333;

    background: #001e2b;

    -webkit-font-smoothing: antialiased;

    transform-origin: 0% 0%;

    transform: translate(-130%, 0);

    transition: transform 0.5s ease-in-out;

}

#sidebar.active {

    left: 0;

    transform: none;    

}



#sidebar .sidebar-header {

    position: relative;

    background-color: #000000;

}

#sidebar .sidebar-header .sidebar-logo {

    padding: 20px 50px 20px 10px;

    padding: 10px 50px 10px 10px;

    height: 61px;

    padding: 20px 44px 10px 10px;

    height: 82px;

}

#sidebar .sidebar-header .sidebar-logo img {

    width: 100%;

    max-width: 200px;

    max-width: 222px;

}

#sidebar .dismiss {

    width: 30px;

    height: 30px;

    position: absolute;

    top: calc(50% - 15px);

    right: 10px;

    transition: all .3s;

    background: #444;

    color: #fff;

    background: #e4252e;

    border-radius: 4px;

    text-align: center;

    line-height: 31px;

    cursor: pointer;

}

#sidebar .dismiss:hover,

#sidebar .dismiss:focus{

    background: #555;

    background: #e4252e;

    color: #fff;

}

#sidebar .sidebar-footer {

    /* position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 10px;

    background-color: #000000;

    background-color: #0000003b;

    color: #fff;

    height: 58px;

    border-top: 1px solid hsl(0deg 0% 100% / 11%); */

    position: absolute;

    bottom: 0;

    left: 0;

    width: calc(100% - 20px);

    padding: 7px 10px;

    background-color: #000000;

    background-color: #0000003b;

    background-color: #ffffff0f;

    color: #fff;

    height: 48px;

    border: 1px solid hsl(0deg 0% 100% / 11%);

    border-top-left-radius: 35px;

    border-top-right-radius: 35px;

    /* background-color: #31bae6; */

    /* border-color: #31bae6; */

    border-radius: 23px;

    margin: 10px;

    box-sizing: border-box;

    box-shadow: 0px 0px 8px -2px #000;

}

#sidebar .sidebar-footer ul {

    list-style: none;

    display: inline-block;

}

#sidebar .sidebar-footer ul li{

    float: left;

    width: 38px;

    height: 38px;

    text-align: center;

    vertical-align: middle;

    margin: 0 3px;

    padding: 1px;

    border-radius: 2px;

    overflow: hidden;

    transition: all ease .1s;

}

#sidebar .sidebar-footer ul li a {

    width: 34px;

    height: 34px;

    text-align: center;

    vertical-align: middle;

    display: block;

    background-color: #000000;

    /* color: #000; */

    color: #fff;

    line-height: 34px;

    border: 1px solid #fff;

    border-radius: 100px;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    font-size: 14px;

}

#sidebar .sidebar-footer ul li a:hover{

    color: #000;

    background-color: #f0812d;

    border-color: #f0812d;

}



#sidebar .scrollbox {

    width: 300px;

    height: auto;

    max-height: calc(100vh - 119px);

    min-height: calc(100vh - 119px);

    max-height: calc(100vh - 140px);

    min-height: calc(100vh - 140px);

    overflow-y: scroll;

    /* background-color: #f6f6f6; */

    color: #fff;

    /* border-bottom: 0.5px solid hsl(0deg 0% 100% / 11%);

    border-bottom: 1px solid #00000069; */

}

#sidebar .scrollbox::-webkit-scrollbar {

    background-color: transparent;

    width: 0px;

    width: 5px; 

}

#sidebar .scrollbox:hover::-webkit-scrollbar {

    background-color: #49494900;

    width: 5px;

}

#sidebar .scrollbox::-webkit-scrollbar-thumb {

    background-color: rgb(0 0 0 / 16%);

    width: 5px;

}

#sidebar .scrollbox:hover::-webkit-scrollbar-thumb {

    background-color: rgb(0 0 0 / 100%);

}

@media (hover: none) {

    #sidebar .scrollbox::-webkit-scrollbar {

        width: 5px;

   }

    #sidebar .scrollbox::-webkit-scrollbar-thumb {

        background-color: rgb(0 0 0 / 36%);

   }

}

#sidebar .menu {

    list-style: none;

    margin: 0;

    padding: 0;

}

#sidebar .menu li {

    line-height: 2.5em;

    /* padding: 0 1em; */

    cursor: pointer;

}

#sidebar .scrollbox .menu li a {

    transition: all .3s;

    text-decoration: none;

    display: block;

    padding: 2px 10px;

    color: #fff;

    font-size: 14px;

}

#sidebar .scrollbox .menu li a i {

    margin-right: 10px;

}

#sidebar .menu li.active,

#sidebar .menu li:hover {

    background-color: rgba(0, 0, 0, 0.1);

}

#sidebar .menu li.active:hover {

    background-color: rgba(0, 0, 0, 0.2);

}





#sidebar .menu li.active > a, 

#sidebar .menu li a[aria-expanded="true"] {

	background: #444;

	color: #fff;

    color: #31bae6;

    color: #e4252e;

    color: #16a64a;

    color: #f0812d;

}

/* #sidebar .menu li a:hover,

#sidebar .menu li a:focus,

#sidebar .menu li.active > a:hover,

#sidebar .menu li.active > a:focus { 

    outline: 0; 

    background: #555; 

    color: #fff; 

} */



#sidebar .menu li a:hover,

#sidebar .menu li.active > a:hover{ 

    outline: 0; 

    background: #555; 

    background: #00293b;

    color: #fff; 

}

#sidebar .menu li a:hover i, 

#sidebar .menu li.active > a:hover i{

    color: #31bae6;

    color: #e4252e;

    color: #16a64a;

    color: #f0812d;

}

#sidebar .menu ul,

#sidebar .menu ul ul{

    list-style: none;

    padding: 0;

}

#sidebar .menu ul a,

#sidebar .menu ul ul a { 

    background: #444; 

    background: #133b4d;

    padding-left: 20px !important;

    font-size: 13px !important;

}

#sidebar .menu ul ul a{

    padding-left: 35px !important;

    background: #5b5b5b;

    background: #28596f;

}



#sidebar .menu ul li.active > a { 

    background: #555; 

}



#sidebar a[data-toggle="collapse"] {

    position: relative;

}



#sidebar .dropdown-toggle::after {

    display: block;

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    content: "\f078";

    font-family: 'FontAwesome';

    border: none;

    margin: 0;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

#sidebar .menu ul a:before {

    content: '';

    content: "\f068";

    font-family: 'FontAwesome';

    margin-right: 10px;

}

/* #sidebar a[data-toggle="collapsed"]:after {

    transform: translateY(-50%) rotate(180deg);

} */



#sidebar a.dropdown-toggle[aria-expanded="true"] {

    background: #555 !important;

    background: #00293b !important;

    color: #31bae6;

    color: #e4252e;

    color: #16a64a;

    color: #f0812d;

}

/* #sidebar a.dropdown-toggle[aria-expanded="false"] {

    background: green !important;

} */

#sidebar a.dropdown-toggle[aria-expanded="true"]:after {

    transform: translateY(-50%) rotate(180deg);

}





#sidebar .theme-bar .row > div{

    height: 2px;

}

.theme-bar .row > div.bg-red{

    background-color: #e4252e;

}

.theme-bar .row > div.bg-blue{

    background-color: #31bae6;

}

.theme-bar .row > div.bg-green{

    background-color: #16a64a;

}

.theme-bar .row > div.bg-orange{

    background-color: #f0812d;

}

button#sidebarCollapse{

    color: #fff;

    background-color: #31bae6;

    border-color: #31bae6;

    padding: .1rem .6rem;

    font-size: 1.2rem;

}



/* Nav Sidebar === END=== */



.header_section{

    background-color: #fff;

    box-shadow: 0 1px 9px -1px #00000075;

}

section.header_section.header_small .navbar {

    padding: 0px 0;

}

section.header_section.header_small .navbar #navbarNav .nav-link,

section.header_section.header_small .navbar #navbarNav .navbar-links .navbar-dropdown a:not(.sub-menu-one a) {

    padding: 22px 10px !important;

}

.header_section .navbar #navbarNav {

    justify-content: flex-end;

}

.header_section .navbar {

    padding: 10px 0;

    align-items: center;

    background-color: #fff !important;

    transition: all ease 0.2s;

}

.header_section .navbar .navbar-brand img {

    width: 253px;

    height: 54px;

    flex-shrink: 0;

}



.header_section .navbar #navbarNav .nav-link {

    color: #000;

    text-align: center;

    /* font-family: Montserrat; */

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.header_section .navbar #navbarNav .nav-link.current-link {

    font-weight: 600;

}



.header_section .navbar #navbarNav .nav-link:hover {

    color: #f0812d;

}



.header_section .navbar #navbarNav .nav-link.contact-link {

    display: inline-flex;

    padding: 12px 28px;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

    background: #f0812d;

    border: 1px solid #f0812d;

    color: #fff;

    margin-left: 40px;

}

.header_section .navbar #navbarNav .nav-link.contact-link:hover{

    background: #fff;

    border: 1px solid #f0812d;

    color: #f0812d;

}

.header_section .navbar #navbarNav ul.navbar-nav {

    align-items: center;

}

.header_section .navbar .navbar-toggler {

    border: 0px;

}

.header_section .navbar .navbar-toggler i {

    color: #000;

}

.header_section .navbar .navbar-toggler:hover i {

    color: #f0812d;

}





section#counter {

    background-color: #000;

    text-align: center;

    color: #fff;

    padding: 20px 0;

    padding: 10px 0;

    padding: 0px 0;

    background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);

}

section#counter .single_counter .statistic-counter {

    font-size: 50px;

    margin-bottom: 12px;

}

section#counter .single_counter p {

    color: rgba(255, 255, 255, 0.48);

}

section#counter .single_counter.single_counter_one p{

    color: #e4252e;

}

section#counter .single_counter.single_counter_two p{

    color: #31bae6;

}

section#counter .single_counter.single_counter_three p{

    color: #16a64a;

}

section#counter .single_counter.single_counter_four p{

    color: #f0812d;

}

section#counter .single_counter.single_counter_one .statistic-counter {

    text-shadow: 1px 1px 2px #e4252e;

}

section#counter .single_counter.single_counter_two .statistic-counter {

    text-shadow: 1px 1px 2px #31bae6;

}

section#counter .single_counter.single_counter_three .statistic-counter {

    text-shadow: 1px 1px 2px #16a64a;

}

section#counter .single_counter.single_counter_four .statistic-counter {

    text-shadow: 1px 1px 2px #f0812d;

}



section#counter .single_counter .display-4,

section#counter .single_counter h2 span {

    font-size: 50px;

    font-weight: 500;

    line-height: 1.2;

}







.counterNew {

    /* transform: translateX(-50%); */

    /* position: absolute; */

    /* top: 50%; */

    /* left: 50%; */

    /* top: 50%; */

    /* left: 50%; */

    /* transform: translate(-50%, -50%); */

    /* z-index: 18; */

    position: relative;

    z-index: 10;

    

    transition: all ease 0.2s;

}

.counterNew .main_counter_area {

    background-image: linear-gradient(to right, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf);

    top: 50%;

    left: 50%;

    transform: translate(0%, -50%);

    /* z-index: 1; */

    color: #fff;

    border-radius: 30px;

    margin-bottom: -70px;

    margin-bottom: -5%;

    

    transition: all ease 0.2s;

}

.counterNew .main_counter_area .userNumBar{

    position: relative;

    color: #666;

    text-align: center;

}

.counterNew .main_counter_area .userNumBar .pplNum, 

.counterNew .main_counter_area .userNumBar .pplNumAdd{

    display: inline-block;

    vertical-align: bottom;

    font-size: 50px;

    line-height: 60px;

    color: #fff;

    margin-top: 15px;

    filter: drop-shadow(2px 4px 6px black);

    filter: drop-shadow(2px 4px 6px #434343);

}

.counterNew .main_counter_area .userNumBar.single_counter_csat .pplNumAdd{

    display: none !important;

}

.counterNew .main_counter_area .userNumBar .pplNum .digit-con{

    height: 60px;

    overflow: hidden;

    display: inline-block;

    vertical-align: bottom;

}

.counterNew .main_counter_area .userNumBar .pplNum span{

    position: relative;

  }

  .counterNew .main_counter_area .pplText {

    font-size: 17px;

    color: #81A6C3;

    margin: 10px 0;

    text-shadow: 1px 1px 1px #434343;

}

/* new navbar==== START*/





#navbarNav .navbar-links {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    align-items: center;

}

#navbarNav .navbar-links li {

    position: relative;

    /* padding-left: 0.5rem; */

    padding-right: .5rem;

    padding-bottom: 1px;



}

#navbarNav .navbar-links li a {

    color: #000;

    text-align: left;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding: 10px 10px;

    /* padding: 22px 10px; */

    text-decoration: none;

    position: relative;

    transition: all ease .3s;

    white-space: nowrap;

}

#navbarNav .navbar-links li a:before{

    content: '';

    display: block;

    position: absolute;

    background: #f0812d;

    background: #f0812d;

    border-radius: 5px;

    transition: all ease .5s;

    height: 2px;

    transform: unset;

    width: 0%;

    bottom: 0px;

    right: 0px;

    left: auto;

}

#navbarNav .navbar-links li:hover a::before{

    width: 100%;

    right: auto;

    left: 0px;

}

#navbarNav .navbar-links li a:hover{

    color: #f0812d;

    color: #f0812d;

}

#navbarNav li.navbar-dropdown:hover a {

    color: #f0812d;

    color: #f0812d;

}

#navbarNav .navbar-links li.contact-link a:before {

    content: '';

    display: none;

}

#navbarNav .navbar-links li.contact-link a:hover{

    background: #fff;

    border: 1px solid #f0812d;

    color: #f0812d;

    border: 1px solid #f0812d;

    color: #f0812d;

}

#navbarNav .navbar-links li.contact-link a{

    display: inline-flex;

    padding: 12px 28px;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

    background: #f0812d;

    border: 1px solid #f0812d;

    background: #f0812d;

    border: 1px solid #f0812d;

    color: #fff;

    margin-left: 40px;

}

#navbarNav .navbar-links .sub-menu {

    position: absolute;

    margin: 0;

    list-style: none;

    padding: 0px;

    top: 100%;

    transform: scale(0);

    /* right: 0; */

    left: 0;

    /* background-color: #fff;

    box-shadow: 0 6px 9px -4px #00000075; */

    visibility: hidden;

    opacity: 0;

    z-index: -10;

    /* border: 1px solid #dadada; */

    -webkit-transition: opacity .3s ease, visibility .3s ease, transform .5s, z-index 0s;

    transition: opacity .3s ease, visibility .3s ease, transform .5s, z-index 0s;

    width: auto;

    border-radius: 10px;

    box-shadow: 0 7px 9px -1px #0000002e;

}

#navbarNav .navbar-links .sub-menu li {

    padding: 0;

    /* border-bottom: 1px solid #eee;

    border-bottom: 1px solid #dadada; */

}

#navbarNav .navbar-links .sub-menu li:last-child {

    border-bottom: 0px;

}

#navbarNav .navbar-links .sub-menu li a {

    padding: 10px 15px !important;

    display: block;

    transition: all ease .3s;

    border-left: 1px solid #fff;

    position: unset;

    background-color: #fff;

    border: 1px solid #dadada;

    border-top: 0px;

    color: #000;

    align-items: center;



}

#navbarNav .navbar-links .sub-menu li a:before{

    display: none;

}

#navbarNav .navbar-links .sub-menu li a:hover{

    background-color: #eee;

    /* border-left: 1px solid; */

    

}

#navbarNav .navbar-links .sub-menu li:hover a{

    color: #f0812d;

    color: #f0812d;

    background-color: #eee;

}



#navbarNav .navbar-links .sub-menu li:first-child a{

    border-top: 0px solid #dadada;

    border-top: 1px solid #dadada;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

#navbarNav .navbar-links .sub-menu li:last-child a{

    /* border-top: 1px solid #dadada; */

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

#navbarNav .navbar-links li.navbar-dropdown:hover .sub-menu{

    visibility: visible;

    opacity: 1;

    transform: scale(1);

    z-index: 1;

}

#navbarNav .navbar-links li.navbar-dropdown{

    position: relative;

    display: inherit;

}

#navbarNav .navbar-links .sub-menu.sub-menu-two {

    top: 0%;

    left: 100%;

    visibility: hidden !important;

    opacity: 0 !important;

    transform: scale(0) !important;

    z-index: -10 !important;

    width: 100%;

    width: auto;

}

#navbarNav .navbar-links .sub-menu .navbar-dropdown:hover .sub-menu {

    visibility: visible !important;

    opacity: 1 !important;

    transform: scale(1) !important;

    z-index: 1 !important;

}



#navbarNav .navbar-links .sub-menu.sub-menu-two li a{

    color: #000;

    background-color: #fff;

}

#navbarNav .navbar-links .sub-menu.sub-menu-two li:hover a{

    color: #f0812d;

    color: #f0812d;

    background-color: #eee;

}



#navbarNav .navbar-links .sub-menu.sub-menu-two li a {

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

    border-radius: 0px;

}

#navbarNav .navbar-links .sub-menu.sub-menu-two li:first-child a {

    border-bottom: 0;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom: 1px solid #dadada;

}

#navbarNav .navbar-links .sub-menu.sub-menu-two li:last-child a {

    border-radius: 0px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    border-top: 0px;

}

/* new navbar==== END*/



/* Banner === START*/



section.rmt_Slider {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 650px;

    overflow: hidden;

    /* margin: 50px 0; */

}

.MainSlideBox {

    display: flex;

    width: 100vw;

    position: relative;

    z-index: 10;

    height: 650px;

}



/*.panel {*/

/*    background-size: auto 100%;*/

/*    background-position: center;*/

/*    background-repeat: no-repeat;*/

/*    height: 100%;*/

/*    border-radius: 0px;*/

/*    color: white;*/

/*    cursor: pointer;*/

/*    flex: 2;*/

/*    margin: 0px;*/

/*    position: relative;*/

/*    transition: all ease .9s;*/

/*    background-color: #00000045;*/

/*    display: flex;*/

/*    align-items: center;*/

/*    justify-content: center;*/

/*    flex-direction: column;*/

/*    padding: 0 40px;*/

/*    text-align: center;*/

/*}*/



/*.panel h3 {*/

/*  position: absolute;*/

/*  font-size: 24px;*/

/*  bottom: 20px;*/

/*  left: 20px;*/

/*  margin: 0;*/

/*  opacity: 0;*/

/*}*/



/*.panel.active {*/

/*  flex: 5;*/

/*  background: transparent;*/

/*  align-items: flex-start;*/

/*  text-align: left;*/

/*  cursor: auto;*/

/*}*/



/*.panel.active h3 {*/

/*  opacity: 1;*/

/*  transition: opacity 0.3s ease-in 0.5s;*/

/*}*/

/*.pannelBox .pannelBG {*/

/*    width: 100%;*/

    /* display: none; */

/*    width: 100%;*/

/*    height: 100%;*/

/*    background-repeat: no-repeat;*/

/*    background-size: cover;*/

/*    background-position: center;*/

/*    position: absolute;*/

/*    top: 0;*/

/*    left: 0;*/

/*    opacity: 0;*/

/*    transition: opacity linear .9s;*/

/*    transition: all ease .9s;*/

/*    filter: blur(10px);*/

/*}*/

/*.pannelBox {*/

/*    position: absolute;*/

/*    z-index: -1;*/

/*    width: 100%;*/

/*    height: 100%;*/

/*}*/

/*.pannelBox .pannelBG.active {*/

/*    display: block;*/

/*    opacity: 1;*/

/*    z-index: 5;*/

/*    filter: blur(0px);*/

/*}*/

.imgOne {

    background-image: url('../images/Base-img-1-2.png');  

    background-image: url('../images/home/Data-Analytics.jpg');    

}

.imgTwo {

    background-image: url('../images/Base-img-1-2.png');  

    background-image: url('../images/home/Cloud-Consulting.jpg');  

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

}

.imgThree {

    /* background-image: url('../images/home/GenAI.jpg');   */

}

.pannelBox .pannelBG.imgThree img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.panel.panelOne {

    background-color: transparent;

    background-image: linear-gradient(to right, #009efa8c, #fff0);

    background-image: linear-gradient(to top, #009efa9e, #fff0);

    background-image: linear-gradient(to top, #408ca7, #fff0);

    background-image: linear-gradient(to top, #408ca7, #fff0);

    background-image: linear-gradient(to top, #8f9395, #fff0);

    background-image: linear-gradient(to top, #b09f98, #fff0);

}

.panel.panelTwo {

    background-color: #ffffff1a;

    background-image: linear-gradient(to right, #ed4042, #fff0);

    background-image: linear-gradient(to top, #ed40426b, #fff0);

    background-image: linear-gradient(to top, #a5a5a56b, #fff0);

    background-image: linear-gradient(to top, #a5a5a56b, #fff0);

    background-image: linear-gradient(to top, #d998f35e, #fff0);



    

}

.panel.panelThree {

    background-color: #fff0;

    background-image: linear-gradient(to right, #f58a45, #fff0);

    background-image: linear-gradient(to top, #f58a4582, #fff0);

    background-image: linear-gradient(to top, #408ca7, #fff0);

}

/* .panel.panelOne:hover:not(.active) {

    background-color: #0000004d;

}

.panel.panelTwo:hover:not(.active) {

    background-color: #0000004d;

}

.panel.panelThree:hover:not(.active) {

    background-color: #87878761;

    background-color: #0000004d;

} */

.panel.panelOne.active {

    background-image: linear-gradient(to top, #1E5E75, #fff0);

    background-image: linear-gradient(to top, #8f9395, #fff0);

    background-image: linear-gradient(to top, #b09f98, #fff0);

    background-image: linear-gradient(to top, #0000008a, #fff0);

}

.panel.panelTwo.active {

    background-image: linear-gradient(to right, #ed4042, #fff0);

    background-image: linear-gradient(to top, #1E5E75, #fff0);

    background-image: linear-gradient(to top, #a5a5a56b, #fff0);

    background-image: linear-gradient(to top, #d998f35e, #fff0);

    background-image: linear-gradient(to top, #000000cc, #fff0);

}



.panel.panelThree.active {

    background-image: linear-gradient(to right, #f58a45, #fff0);

    background-image: linear-gradient(to top, #1E5E75, #fff0);

    background-image: linear-gradient(to top, #408ca7, #fff0);

    background-image: linear-gradient(to top, #000000cc, #fff0);

}



.panel_text{

    transition: all ease .9s;

}

.panel_title {

    /* height: 100%; */

    position: absolute;

    display: flex;

    align-items: center;

    flex-direction: column;

    text-align: center;

    justify-content: center;

    transition: all ease .9s;

    text-shadow: 1px 1px 1px #000;

}

.panel_title i {

    font-size: 35px;

    margin-bottom: 10px;

    transform: rotate(45deg);

    /* text-shadow: 0px 0px 4px #00000080; */

    color: #16a64a;

    text-shadow: none;

    background-color: #fff;

    border-radius: 100px;

    width: 33.5px;

    height: 33.5px;

    /* outline: 1px dashed #fff; */

    transition: all 0.5s ease-in-out;

}

.panel_text {

    transition: all ease .9s;

    opacity: 0;

    text-align: left;

    /* display: none; */

    z-index: -1;

}

.panel_text p{

    font-size: 17px;

}

.panel.active .panel_title {

    width: calc(100% - 80px);

    opacity: 0;

    box-sizing: content-box;

}

.panel.active .panel_text {

    opacity: 1;

    animation-delay: 0s;

    text-shadow: 1px 1px 1px #000;

    z-index: 1;

    padding: 12px 15px;

    border-radius: 22px;

    transition: all ease .9s;

}



.panel:hover .panel_title {

    transform: scale(1.2);

    text-shadow: 1px 1px 1px #00000052;

}

.panel:hover .panel_title i{

    color: #16a64a;

    text-shadow: none;

    background-color: #16a64a;

    color: #fff;

    border-radius: 100px;

    width: 33.5px;

    height: 33.5px;

    /* outline: 1px dashed #fff; */

}

.panel_text button {

    background-color: #31bae6;

    border-radius: 40px;

    padding-left: 1rem;

    padding-right: 1rem;

    transition: all ease .9s;

    border: 1px solid #31bae6;

    box-shadow: 0px 1px 5px -1px #00000059;

}

.panel_text button:hover {

    color: #31bae6;

    opacity: 1;

    background-color: #ffff;

    border-color: #fff;

}



.panel.panelOne.active .panel_text {

    /* background-image: linear-gradient(to right, #31bae6, #fff0); */

}

.panel.panelTwo.active .panel_text {

    /* background-image: linear-gradient(to right, #e4252e, #fff0); */

}

.panel.panelThree.active .panel_text {

    /* background-image: linear-gradient(to right, #f58a45, #fff0); */

}



.MainSlideBox .panel a,

.MainSlideBox .panel.active a{

    border-radius: 40px;

    

    background-color: #fff;

    border-color: #094fb7;

    color: #094fb7;

    text-shadow: none;



    /* background-color: #094fb7;

    border-color: #094fb7; */

}

.MainSlideBox .panel a:hover,

.MainSlideBox .panel.active a:hover{

    border-radius: 40px;

    /* background-color: #fff;

    border-color: #094fb7;*/

    color: #fff; 

    text-shadow: none;

    background-color: #094fb7;

    border-color: #094fb7;

}





@media (max-width: 480px) {

  .container {

    width: 100vw;

  }


}









/* Banner === END*/



/* what_we_do === START*/

section.what_we_do,

section.faq_blogs {

    padding: 50px 0;

    /* background-color: #F3F3F3; */

    background-color: #fff !important;

}

.section_heading {

    color: #0A1425;

    font-size: 40px;

    margin-bottom: 55px;

    margin-bottom: 25px;

}

section.what_we_do .wwd_box{

    /* width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    border: 1px solid #EF8866;

    border: 1px solid #f000;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);

    border-radius: 10px; */



    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    /* border: 1px solid #EF8866; */

    border: 1px solid #f000;

    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1); */

    border-radius: 20px;

    border: 1px solid #fff;

    box-shadow: 0px 2px 12px -1px #b7c4d9;

}

section.what_we_do .wwd_box .wwd_img_box {

    /* overflow: hidden;

    border-radius: 0px; */



    overflow: hidden;

    /* border-radius: 10px; */

    border-radius: 0px;

    height: 270px;

    background-repeat: no-repeat;

    background-size: cover;

}

section.what_we_do .wwd_box.wwd_box_1 {

    background-image: url('../images/what_we_do/AICognitiveService.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box.wwd_box_2 {

    background-image: url('../images/what_we_do/Digital.jpg');

        background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box.wwd_box_3 {

    background-image: url('../images/what_we_do/DataAnalytics.jpg');

        background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box.wwd_box_4 {

    background-image: url('../images/what_we_do/WorkflowAutomationOptimization.jpg');

        background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box.wwd_box_5 {

    background-image: url('../images/what_we_do/LMS.jpg');

        background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box.wwd_box_6 {

    background-image: url('../images/what_we_do/CloudComputing.jpg');

        background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.what_we_do .wwd_box .wwd_img_box img {

    width: 100%;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    opacity: 0 !important;

}

/* section.what_we_do .wwd_box .wwd_img_box .wwd_heading {

    color: #fff;

    position: absolute;

    top: 0;

    text-align: center;

    font-size: 16px;

    width: 100%;

    font-weight: 600;

    line-height: 18px;

    padding: 15px 0;

    margin: 0;

    opacity: 1;

    z-index: 1;

    background-color: #fff;

    color: #000;

    height: 66px;

    display: flex;

    align-items: center;

    justify-content: center;

} */

section.what_we_do .wwd_box .wwd_img_box .wwd_heading {

    color: #fff;

    position: absolute;

    bottom: auto;

    top: auto;

    text-align: center;

    font-size: 16px;

    font-size: 16.5px;

    width: 100%;

    font-weight: 600;

    line-height: 18px;

    padding: 15px 0;

    margin: 0;

    opacity: 1;

    z-index: 1;

    /* background-color: #fff; */

    /* color: #000; */

    height: 66px;

    height: 100%;

    display: flex;

    align-items: center;

    align-items: center;

    justify-content: center;

    /* background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); */

    -webkit-transition: all ease .3s;

    transition: all ease .3s;

    background: #000000ad;

}

section.what_we_do .wwd_box .wwd_text {

    position: absolute;

    bottom: 100%;

    display: block;

    width: 100%;

    margin: 0;

    color: #fff;

    opacity: 0;

    -webkit-transition: all ease .3s;

    transition: all ease .3s;

    padding: 10px 13px;

    text-align: center;

}

section.what_we_do .wwd_box:hover{

    border: 1px solid #f0812d;

    -webkit-transition: all ease .3s;

    transition: all ease .3s;

}

section.what_we_do .wwd_box:hover .wwd_img_box img{

    transform: scale(1.2);

    -webkit-filter: brightness(15%);

}

section.what_we_do .wwd_box:hover .wwd_heading {

    top: 0px;

    height: 50px;

    /* min-height: 60px; */

    height: auto;

    opacity: 1;

    background-image: none;

    background-image: linear-gradient(rgb(0 0 0), rgb(255 255 255 / 0%));

}

section.what_we_do .wwd_box:hover .wwd_text{

    bottom: 0%;

    opacity: 1;

}

section.what_we_do .wwd_box:hover .wwd_text button,

section.what_we_do .wwd_box:hover .wwd_text span.btn {

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5;

    transition: all ease .2s;

}

section.what_we_do .wwd_box:hover .wwd_text button:hover,

section.what_we_do .wwd_box:hover .wwd_text span.btn:hover{

    background-color: #fff;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    box-shadow: 0 0px 6px 0px #00000029;

}

section.what_we_do .nav-pills .nav-link {

    border: 0.5px solid #000;

    margin: 5px 0;

    margin: 0px 0 10px 0;

    background-color: #fff;

    color: #000;

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 18px;

    padding: 1rem 1rem;

    text-align: left;

    border-radius: 10px;

    background-color: #f0f5ff;

    color: #094fb7 !important;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

    font-size: 15px;

    line-height: 27px;

    padding: .5rem .95rem;

    cursor: pointer;

}

section.what_we_do .nav-pills .nav-link.active {

    background-color: #5709d9;

    background-color: #3d216b;

    color: #fff;

    color: #fff !important;

    background-color: #094fb7;

}

section.what_we_do .nav-pills .nav-link:hover:not(.active) {

    background-color: #3d216b;

    color: #fff;

    color: #fff !important;

    background-color: #094fb7;

}

section.what_we_do .nav-pills .nav-link:last-child {

    margin-bottom: 0;

}





section.what_we_do #v-pills-tabContent {

    border-radius: 10px;

    /* background-color: #f0f5ff;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

    padding: .5rem .95rem;

    padding: .95rem .95rem; */

    height: 100%;

}

section.what_we_do #v-pills-tabContent .tab-pane {

    border-radius: 10px;

    background-color: #FFF;

    overflow: hidden;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

}

section.what_we_do #v-pills-tabContent .tab-pane img {

    width: 100%;

    border: 7px solid #fff;

    border-radius: 10px;

    overflow: hidden;

}



section.what_we_do #v-pills-tabContent #carouselExampleControls {

    width: 52%;

    margin: 0 auto;

}

section.what_we_do .tab-content>.tab-pane {

    text-align: center;

}

section.what_we_do .tab-content>.tab-pane .tab_heading {

    font-size: 37px;

    font-style: normal;

    font-weight: 600;

    line-height: 37px;

    color: #000;

    margin-top: 37px;

    margin-bottom: 47px;

}



section.what_we_do .tab-content>.tab-pane p {

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    margin-bottom: 30px;

    text-align: left;

}



section.what_we_do .tab-content>.tab-pane button.btn-theme,

.btn-theme {

    background-color: #EF8866;

    color: #fff;

    border: 1px solid #EF8866;

    margin-bottom: 20px;

    padding: .375rem 1.5rem;

}

section.what_we_do .tab-content>.tab-pane button.btn-theme:hover,

.btn-theme:hover {

    background-color: #f0812d;

    color: #fff;

    border: 1px solid #f0812d;

}



/* what_we_do === END*/





section.Industries_we_serve,

section.Trusted_brands,

section.client_testimonial,

section.recent_blogs,

section.faq_blogs,

section.Get_in_touch,

section#testimonials {

    padding: 40px 0 0;

    background-color: #F3F3F3;

}



section.Industries_we_serve .section_heading,

section.Trusted_brands .section_heading,

section.client_testimonial .section_heading,

section.recent_blogs .section_heading,

section.faq_blogs .section_heading,

section#testimonials .section_heading{

    /* margin-bottom: 20px; */

}

section.Industries_we_serve .section_sub_heading,

section.Trusted_brands .section_sub_heading,

section.client_testimonial .section_sub_heading {

    color: #5E6162;

    text-align: center;

    font-size: 16.875px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: 0.5px;

}

section.faq_blogs .section_sub_heading {

    margin: 30px 0;

}



section.faq_blogs .btn-light {

    background-color: #F0F5FF;

    border-color: #F0F5FF;

    color: #094FB7;

}

section.faq_blogs .btn-primary,

section.faq_blogs .btn-light:hover {

    background-color: #094FB7;

    border-color: #094FB7;

    color: #fff;

}









section.Trusted_brands .section_sub_heading{

    width: 390px;

    margin: 0 auto;

}

section.Industries_we_serve .iws_box {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    border: 1px solid #f000;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

}





section.Industries_we_serve .iws-img-box {

    overflow: hidden;

    border-radius: 10px;

}

section.Industries_we_serve .iws-img-box img {

    width: 100%;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

section.Industries_we_serve .iws_box .iws-img-box:after {

    content: '';

    width: 100%;

    height: 100%;

    display: block;

    top: 0;

    bottom: 0;

    position: absolute;

    background-color: #00000070;

    z-index: 0;

    border-radius: 10px;

    background: #000000ad;

}

section.Industries_we_serve .iws_box p {

    /* position: absolute;

    bottom: -100%;

    text-align: center;

    display: block;

    width: 100%;

    margin: 0;

    color: #fff;

    opacity: 1;

    height: 100%;

    justify-content: center;

    display: flex;

    align-items: center;

    -webkit-transition: all ease .3s;

    transition: all ease .3s; */



    /* position: absolute;

    bottom: -100%;

    display: block;

    width: 100%;

    margin: 0;

    color: #fff;

    opacity: 1;

    -webkit-transition: all ease .3s;

    transition: all ease .3s;

    padding: 10px;

    font-weight: 600; */

}

section.Industries_we_serve .iws_box .iws_text {

    position: absolute;

    /* bottom: -100%; */

    display: block;

    width: 100%;

    margin: 0;

    color: #fff;

    opacity: 1;

    -webkit-transition: all ease .3s;

    transition: all ease .3s;

    padding: 10px 13px;

    -webkit-transform: translateY(calc(100% - 7rem));

    transform: translateY(calc(100% - 7rem));

}



section.Industries_we_serve .iws_box:hover img {

    transform: translate3d(50px, 0px, 0px) scale(1.4);

    -webkit-filter: brightness(70%);

}





section.Industries_we_serve .iws_box img {

    width: 100%;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

    transform: scale(1.4);

}



section.Industries_we_serve .iws_box:hover .iws_text {

    /* bottom: 0%; */

    bottom: unset;

    -webkit-transform: translateY(calc(100% - 9rem)) !important;

    transform: translateY(calc(100% - 9rem)) !important;

}

section.Industries_we_serve .iws_box .iws_text p {

    margin-bottom: 0;

    color: #fff;

    font-weight: 700;

    font-size: 18px;



}

section.Industries_we_serve .iws_box .iws_text a {

    text-decoration: none;

    color: #fff;

    font-weight: 100;

    font-size: 14px;

    font-weight: 500;

}



section.Industries_we_serve .iws_box .iws_text a i{

    vertical-align: middle;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

section.Industries_we_serve .iws_box .iws_text a:hover{

    color: #f0812d;

}

section.Industries_we_serve .iws_box .iws_text a:hover i {

    margin-left: 5px;

}











.Industries_we_serve_2 {

    background-image: url('../images/industries/industry_bg.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.Industries_we_serve_2{

    padding-bottom: 50px !important;

}

.Industries_we_serve_2 {

    background-color: #fff !important;

}

.Industries_we_serve_2 .section_heading {

    color: #fff;

}

.Industries_we_serve_2 .card {

    padding: 15px;

    flex-direction: row;

}

.Industries_we_serve_2 .card .iws_img_box img {

    width: 100%;

}

.Industries_we_serve_2 .card .iws_img_box {

    margin-right: 20px;

}

.Industries_we_serve_2 .card .iws_img_box img {

    width: 100%;

    min-width: 55px;

    max-width: 55px;

    transition: all ease .2s;

}

.Industries_we_serve_2 .card .iws_content_box .industry_name {

    font-size: 24px;

    line-height: 24px;

    margin-bottom: 20px;

}

.Industries_we_serve_2 .card .iws_content_box .industry_text {

    font-size: 14px;

    color: #42526B;

}

.Industries_we_serve_2 .card .iws_content_box a {

    color: #0B63E5;

    font-weight: 400;

    vertical-align: middle;

}

.Industries_we_serve_2 .card .iws_content_box a i {

    margin-left: 5px;

}







.Industries_we_serve_2 .Industries_we_serve_all{

    justify-content: center;

}

.Industries_we_serve_2 .Industries_we_serve_all .col {

    /* margin-top: 1rem; */

    padding-left: 7px;

    padding-right: 7px;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 1.6rem;

    justify-content: center;

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card{

    transition: all .3s ease;

    overflow: hidden;

    border-radius: 10px;

    border-color: #31bae6;

    border-color: #144962;

    transition: all ease .2s;

    height: 100%;

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card .card-body {

    padding-top: 1rem !important;

    padding: 0px;

    padding-bottom: 0 !important;

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card .card-body img {

    vertical-align: middle;

    margin-bottom: 1rem !important;

    width: 100%;

    max-width: 80px;

    transition: all ease .2s;

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card .card-body .industry_name {

    color: #1f1f1f;

    font-weight: 500;

    font-size: 12px;

    margin-bottom: 0px;

    background-color: #2c397240;

    padding: 8px 0;

    background-color: #eceff7;

    background-color: #31bae63d;

    width: calc(100% - 10px);

    margin: 0 auto 5px;

    border-radius: 5px;

    border: 1px solid #31bae647;

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card:hover {

    box-shadow: 0 4px 6px 0px rgb(0 0 0 / 61%);

    /* outline: 1px solid white; */

    /* outline: 1px solid #144962; */

    /* margin-top: -3px; */

    /* margin-bottom: 3px; */

    box-shadow: 0 4px 6px 0px #00000075;

    background-color: #fff;

    border-color: #144962 !important;

    

}

.Industries_we_serve_2 .Industries_we_serve_all .col .card:hover img{

    /* transform: scale(1.1); */

}

/* .Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(1) .card:hover,

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(5) .card:hover {

    border-color: #e4252e;

}

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(2) .card:hover,

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(6) .card:hover {

    border-color: #31bae6;

}

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(3) .card:hover,

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(7) .card:hover {

    border-color: #16a64a;

}

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(4) .card:hover,

.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(8) .card:hover {

    border-color: #f0812d;

} */

.Industries_we_serve_2 .Industries_we_serve_all .col .card:hover{

    border-color: #31bae6;

    border-color: #144962;

    /* border: 1px dashed #144962; */

}





/* .Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(1) .card:hover .card-body .industry_name {

    background-color: #e4252e;

    border-color: #e4252e;

}



.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(2) .card:hover .card-body .industry_name {

    background-color: #31bae6;

    border-color: #31bae6;

}



.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(3) .card:hover .card-body .industry_name {

    background-color: #16a64a;

    border-color: #16a64a;

}



.Industries_we_serve_2 .Industries_we_serve_all .col:nth-child(4) .card:hover .card-body .industry_name {

    background-color: #f0812d;

    border-color: #f0812d;

} */











section.Trusted_brands{



}



section.Trusted_brands .owl-carousel{



}

section.Trusted_brands .owl-carousel .item {

    /* border: 1px solid #dfe2e1; */

    border-radius: 0.5rem;

    padding-bottom: 0rem;

    padding-top: 0rem;

    text-align: center;

    justify-content: center;

    /* padding-bottom: 40px; */

    /* margin: 10px; */

    margin-top: 4px;

    overflow: hidden;

    padding: 5px 4px;

}

section.Trusted_brands .owl-carousel .item .item_box {

    /* box-shadow: 0px 0px 9px -2px #c5c5c5; */

    box-shadow: 0px 2px 5px -2px #c5c5c5;

    border-radius: 0.5rem;

    overflow: hidden;

    border: 1px solid #fff;

}

section.client_testimonial .item {

    padding: 0 2px;

}

section.client_testimonial .item .testimonial_box {

    border: 1px solid #31bae6;

    background-color: #fff;

    padding: 20px;

    border-radius: 1rem;

}

section.Trusted_brands .owl-carousel .item .item_box:hover{

    border: 1px solid #cbcbcb;

}

section.client_testimonial .owl-carousel .owl-dots,

section.recent_blogs .owl-carousel .owl-dots,

section#testimonials .swiper-pagination {

    margin: 20px 0 20px;

}

section#testimonials .swiper-pagination{

    margin-bottom: 0px;

}

section#testimonials .swiper-pagination .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    background: #CCD8FF;

    display: inline-block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

    opacity: 1;

}

section.client_testimonial .owl-carousel .owl-dots span,

section.recent_blogs .owl-carousel .owl-dots span {

    background: #CCD8FF !important;

}

section.client_testimonial .owl-carousel .owl-dots .owl-dot.active span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active span,

section#testimonials .swiper-pagination .swiper-pagination-bullet-active {

    background: #31bae6 !important;

}

.owl-theme .owl-dots .owl-dot.active span, 

.owl-theme .owl-dots .owl-dot:hover span{}



section.client_testimonial .owl-carousel .owl-nav {

    position: absolute;

    top: calc(50% - 17px + -20px);

    width: calc(100% + 180px);

    left: calc(0px - 90px);

    margin: 0;

    /* background-color: red; */

    z-index: -1;

}





section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(1) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(5) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(9) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(1),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(5),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(9),

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(1) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(5) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(9) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(1) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(5) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(9) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(1) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(5) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(9) span{

    background: #e4252e !important;

    opacity: .3;

    transform: scale(1);

}

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(2) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(6) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(10) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(2),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(6),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(10),

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(2) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(6) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(10) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(2) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(6) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(10) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(2) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(6) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(10) span{

    background: #31bae6!important;

    opacity: .3;

    transform: scale(1);

}

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(3) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(7) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(11) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(3),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(7),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(11),

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(3) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(7) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(11) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(3) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(7) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(11) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(3) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(7) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(11) span{

    background: #16a64a!important;

    opacity: .3;

    transform: scale(1);

}



section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(4) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(8) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot:nth-child(12) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(4),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(8),

section#testimonials .swiper-pagination .swiper-pagination-bullet:nth-child(12),

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(4) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(8) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot:nth-child(12) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(4) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(8) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot:nth-child(12) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(4) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(8) span,

section.application_screens .owl-carousel .owl-dots .owl-dot:nth-child(12) span{

    background: #f0812d!important;

    opacity: .3;

    transform: scale(1);

}

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(1) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(5) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(9) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(1),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(5),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(9),

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(1) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(5) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(9) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(1) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(5) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(9) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(1) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(5) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(9) span {

    background: #e4252e !important;

    opacity: 1;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #e4252e !important;

    box-shadow: 0px 0px 5px #000;

    

}

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(2) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(6) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(10) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(2),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(6),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(10),

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(2) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(6) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(10) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(2) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(6) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(10) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(2) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(6) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(10) span{

    background: #31bae6!important;

    opacity: 1;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #31bae6 !important;

    box-shadow: 0px 0px 5px #000;

}

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(3) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(7) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(11) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(3),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(7),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(11),

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(3) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(7) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(11) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(3) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(7) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(11) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(3) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(7) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(11) span{

    background: #16a64a!important;

    opacity: 1;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #16a64a !important;

    box-shadow: 0px 0px 5px #000;

    

}



section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(4) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(8) span,

section.recent_blogs .owl-carousel .owl-dots .owl-dot.active:nth-child(12) span,

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(4),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(8),

section#testimonials .swiper-pagination .swiper-pagination-bullet-active:nth-child(12),

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(4) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(8) span,

.single_service_frame .owl-carousel .owl-dots .owl-dot.active:nth-child(12) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(4) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(8) span,

section.Wireframes .owl-carousel .owl-dots .owl-dot.active:nth-child(12) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(4) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(8) span,

section.application_screens .owl-carousel .owl-dots .owl-dot.active:nth-child(12) span{

    background: #f0812d!important;

    opacity: 1;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #f0812d !important;

    box-shadow: 0px 0px 5px #000;

    

}



/* client_testimonial === START */



section.client_testimonial .owl-carousel .owl-nav .owl-prev,

section.client_testimonial .owl-carousel .owl-nav .owl-next{

    align-items: center;

    background: #31bae6 !important;

    border: 1px solid #31bae6 !important;

    border-radius: 7px;

    display: inline-flex;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    color: #fff;

    font-size: 14px;

}

section.client_testimonial .owl-carousel .owl-nav .owl-prev {

    float: left;

}

section.client_testimonial .owl-carousel .owl-nav .owl-next {

    float: right;

}

section.client_testimonial .owl-carousel .owl-nav .owl-prev.disabled,

section.client_testimonial .owl-carousel .owl-nav .owl-next.disabled{

    background-color: #b6bcc3 !important;

    /* background-color: #DDE8F4 !important; */

    opacity: 1 !important;

    color: #545B67 !important;

    border-color: #b6bcc3 !important;

}



section.client_testimonial .item .testimonial_box .testimonial_box_image {

    border-radius: 12px;

    overflow: hidden;

}



section.client_testimonial .item .testimonial_box .client_name {

    color: #212834;

    font-size: 18px;

    font-weight: 700;

}

section.client_testimonial .item .testimonial_box .client_designation {

    font-size: 12px;

    color: #7F848D;

    font-weight: 500;

    margin-bottom: 15px;

    margin-top: 15px;

}

section.client_testimonial .item .testimonial_box .client_text {

    color: #293241;

    font-size: 16px;

    font-style: italic;

    margin-bottom: 5px;

}

section.client_testimonial .item .testimonial_box .client_text:last-child {

    margin-bottom: 0px;

}

section.client_testimonial .item .testimonial_box .testimonial_box_image img {

    min-height: 208px;

}

section.client_testimonial .item .testimonial_box span {

    height: 1px;

    background-color: #7F848D;

    display: block;

    width: 110px;

    margin-bottom: 15px;

}



/* client_testimonial === START */





/* NEW ===  client_testimonial === START */

.testimonials .swiper {

    width: 100%;

    height: auto;

    height: 500px;

    height: 450px;

    padding: 10px 0 50px;

  }



  .testimonials .swiper-slide {

    opacity: 0.8;

    /* border: 1px solid #000; */

}



.testimonials .swiper-slide-next,

.testimonials .swiper-slide-prev {

    /* opacity: 1; */

    /* transform: scale(1.12); */

    /* border: 1px solid #000; */

    background-image: linear-gradient(to right top,#dedede,#e6e6e6,#eee,#f7f7f7,#fff);

    border-radius: 1rem;

}

.testimonials .swiper-slide-active .testimonial-item{

    background: #DBEFDD !important;

    border-color: #DBEFDD !important;

}

.testimonials .swiper-slide-prev{

    background: #E2EEFF !important;

    border-color: #E2EEFF !important;

}

.testimonials .swiper-slide-next{

    background: #FFF3DC !important;

    border-color: #FFF3DC !important;

}

.testimonials .testimonial-item {

    /* background-color: #fff; */

    box-shadow: 0px 0 20px;

    box-sizing: content-box;

    padding: 20px;

    margin: 0px 10px;

    min-height: 320px;

    min-height: 480px;

    min-height: 400px;

    min-height: 350px;

    display: flex;

    flex-direction: column;

    text-align: center;

    transition: 0.3s;

    box-shadow: none !important;

    /* border: 1px solid rgba(0, 0, 0, .125);  

    border-radius: 1rem; */

}



.testimonials .swiper-slide-active {

    opacity: 1;

    /* background-color: red; */

}

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right{

    /* background-image: none; */

    /* background-color: #edf2fa; */

    /* border: 1px solid #000; */

}



.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right {

    background-image: none;

    border: 1px solid rgba(0, 0, 0, .125);  

    border: 1px solid rgb(0 0 0 / 24%);

    border-radius: 1rem;

    /* background-image: linear-gradient(to right top,#dedede,#e6e6e6,#eee,#f7f7f7,#fff); */

}

.testimonials .swiper-slide-active .testimonial-item{

    border: 1px solid rgba(0, 0, 0, .125);  

    border-radius: 1rem;

    box-shadow: 0px 1px 7px 0px #999 !important;

    /* background-image: linear-gradient(to right top,#dedede,#e6e6e6,#eee,#f7f7f7,#fff); */

    background: #fff;

}



.testimonials .swiper-slide-active .swiper-slide-shadow-left,

.testimonials .swiper-slide-active .swiper-slide-shadow-right{

    border: none;

}

.testimonials .testimonial-item .testimonial-item-image .testimonial-img {

    width: 100%;

    max-width: 100px;

    border-radius: 50%;

    border: 4px solid #fff;

    margin: 0 auto;

    box-shadow: 0px 1px 7px 0px #999 !important;

    box-shadow: 0 4px 6px 0px rgba(0, 0, 0, .12);

}

.testimonials .testimonial-item .client_name {

    color: #212834;

    font-size: 18px;

    font-weight: 700;

    margin-top: 20px;

}

.testimonials .testimonial-item span {

    height: 1px;

    background-color: #7F848D;

    display: block;

    width: 110px;

}

.testimonials .testimonial-item p {

    color: #293241;

    font-size: 16px;

    font-style: italic;

    width: 89%;

    margin: 0 auto 1rem;

}



.testimonials .testimonial-item .testimonial-text p i{

    color: #f0812d;

}

.testimonials .testimonial-item .testimonial-text p i:first-child{

    margin-right: 10px;

}

.testimonials .testimonial-item .testimonial-text p i:last-child{

    margin-left: 10px;

}

.testimonials .swiper-slide-active  .testimonial-item p{

    color: #000;

}



#testimonials .swiper-button-next:after, 

#testimonials .swiper-rtl .swiper-button-prev:after,

#testimonials .swiper-button-prev:after, 

#testimonials .swiper-rtl .swiper-button-next:after{

    display: none;

}

#testimonials .swiper-button-next,

#testimonials .swiper-button-prev {

    align-items: center;

    background: #31bae6 !important;

    border: 1px solid #31bae6 !important;

    border-radius: 7px;

    display: inline-flex;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    color: #fff;

    font-size: 14px;

}

/* NEW ===  client_testimonial === END */







section.recent_blogs .item,

.single_service_frame .item,

section.All_blogs_page .single_blog_card,

.single_blog_card{

    padding: 10px;

}



section.recent_blogs .item .recent_blogs_box,

.single_service_frame .item .recent_blogs_box,

section.All_blogs_page .single_blog_card .recent_blogs_box,

.single_blog_card .recent_blogs_box {

    background-color: #fff;

    /* padding: 20px; */

    /* border-radius: 1rem; */

    border-radius: 12px;

    /* border: 1px solid #f000; */

    transition: all ease .2s;

    box-shadow: none;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_image,

.single_service_frame .item .recent_blogs_box .recent_blogs_image,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_image,

.single_blog_card .recent_blogs_box .recent_blogs_image {

    border-radius: 12px 12px 0 0;

    overflow: hidden;

    border-bottom-right-radius: 0;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_image img,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_image img,

.single_blog_card .recent_blogs_box .recent_blogs_image img{

    /* -webkit-transform: scale3D(1.1, 1.1, 1);

    transform: scale3D(1.1, 1.1, 1); */

    -webkit-transform: scale3D(0);

    transform: scale3D(0);

    transition: all ease .5s;

    display: block;

    width: 100%;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content,

.single_service_frame .item .recent_blogs_box .recent_blogs_content,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content,

.single_blog_card .recent_blogs_box .recent_blogs_content {

    margin-top: 15px;

    padding: 0 15px 15px;

    text-decoration: none;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content .figcaption, 

.single_service_frame .item .recent_blogs_box .recent_blogs_content .figcaption,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content .figcaption,

.single_blog_card .recent_blogs_box .recent_blogs_content .figcaption {

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0.2rem 1.2rem;

    margin-bottom: 15px;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content .figcaption img, 

.single_service_frame .item .recent_blogs_box .recent_blogs_content .figcaption img,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content .figcaption img,

.single_blog_card .recent_blogs_box .recent_blogs_content .figcaption img {

    grid-area: 1 / 1 / 3 / 2;

    align-self: center;

    width: 2.1875rem;

    height: auto;

    border-radius: 50%;

    transition: all ease .2s;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content .figcaption p.name, 

.single_service_frame .item .recent_blogs_box .recent_blogs_content .figcaption p.name,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content .figcaption p.name,

.single_blog_card .recent_blogs_box .recent_blogs_content .figcaption p.name{

    align-self: end;

    font-weight: 600;

    margin: 0;

    font-size: 14px;

    font-size: 13px;

    color: #161616;

    line-height: 15px;

    display: -webkit-box;

    max-width: 100%;

    height: 29px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content .figcaption p.blog_date,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content .figcaption p.blog_date ,

.single_blog_card .recent_blogs_box .recent_blogs_content .figcaption p.blog_date  {

    align-self: end;

    font-weight: 600;

    margin: 0;

    color: #161616;

    line-height: 15px;

    font-size: 11px;

    margin-top: 5px;

}









section.recent_blogs .item .recent_blogs_box .blog_date,

.single_service_frame .item .recent_blogs_box .blog_date,

section.All_blogs_page .single_blog_card .recent_blogs_box .blog_date ,

.single_blog_card .recent_blogs_box .blog_date  {

    font-size: 13px;

    color: #161616;

    line-height: 23px;

}

section.recent_blogs .item .recent_blogs_box .blog_heading,

.single_service_frame .item .recent_blogs_box .blog_heading,

section.All_blogs_page .single_blog_card .recent_blogs_box .blog_heading ,

.single_blog_card .recent_blogs_box .blog_heading  {

    /* font-size: 20px; */

    font-size: 16px;

    line-height: 23px;

    color: #000;

    margin-bottom: 20px;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    font-weight: 400;

    font-size: 15px;

}

section.recent_blogs .item .recent_blogs_box .blog_read_more,

.single_service_frame .item .recent_blogs_box .blog_read_more,

section.All_blogs_page .single_blog_card .recent_blogs_box .blog_read_more,

.single_blog_card .recent_blogs_box .blog_read_more {

    color: #000;

    font-size: 13px;

    line-height: 23px;

    font-weight: 500;

    /* margin-top: 20px !important; */

    margin-top: 5px !important;

    display: inline-block;

}

section.recent_blogs .item .recent_blogs_box .recent_blogs_content span,

.single_service_frame .item .recent_blogs_box .recent_blogs_content span,

section.All_blogs_page .single_blog_card .recent_blogs_box .recent_blogs_content span,

.single_blog_card .recent_blogs_box .recent_blogs_content span {

    font-size: 14px;

    color: #0B63E5;

    background-color: #fff;

    border-radius: 100px;

    /* padding: 3px 10px; */

    /* border: 1px solid #f0812d; */

    font-weight: 400;

}

section.recent_blogs .item .recent_blogs_box span i,

.single_service_frame .item .recent_blogs_box span i,

section.All_blogs_page .single_blog_card .recent_blogs_box span i,

.single_blog_card .recent_blogs_box span i{

    transition: all ease .2s;

}

section.recent_blogs .owl-carousel .owl-nav,

.single_service_frame .owl-carousel .owl-nav{

    position: absolute;

    top: calc(50% - 17px + -20px);

    width: calc(100% + 180px);

    left: calc(0px - 90px);

    margin: 0;

    /* background-color: red; */

    z-index: -1;

    transition: all ease .2s;

}

section.recent_blogs .owl-carousel .owl-nav .owl-prev, 

section.recent_blogs .owl-carousel .owl-nav .owl-next,

.single_service_frame .owl-carousel .owl-nav .owl-prev,

.single_service_frame .owl-carousel .owl-nav .owl-next {

    align-items: center;

    /* background: #31bae6 !important;

    border: 1px solid #31bae6 !important; */

    background-color: #094fb7 ;

    border-color: #094fb7 ;

    border-radius: 7px;

    display: inline-flex;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    color: #fff;

    font-size: 14px;

}

section.recent_blogs .owl-carousel .owl-nav .owl-prev,

.single_service_frame .owl-carousel .owl-nav .owl-prev {

    float: left;

}

section.recent_blogs .owl-carousel .owl-nav .owl-next,

.single_service_frame .owl-carousel .owl-nav .owl-next {

    float: right;

}

section.recent_blogs .owl-carousel .owl-nav .owl-prev.disabled, 

section.recent_blogs .owl-carousel .owl-nav .owl-next.disabled,

.single_service_frame .owl-carousel .owl-nav .owl-prev.disabled,

.single_service_frame .owl-carousel .owl-nav .owl-next.disabled {

    background-color: #b6bcc3 !important;

    /* background-color: #DDE8F4 !important; */

    opacity: 1 !important;

    color: #545B67 !important;

    border-color: #b6bcc3 !important;

}

section.recent_blogs .owl-carousel .owl-nav .owl-prev:hover, 

section.recent_blogs .owl-carousel .owl-nav .owl-next:hover,

.single_service_frame .owl-carousel .owl-nav .owl-prev:hover,

.single_service_frame .owl-carousel .owl-nav .owl-next:hover{

    background-color: #0B63E5;

    border-color: #0B63E5;

}

section.recent_blogs .item .recent_blogs_box:hover,

.single_service_frame .item .recent_blogs_box:hover,

section.All_blogs_page .single_blog_card .recent_blogs_box:hover,

.single_blog_card .recent_blogs_box {

    box-shadow: 0px 1px 7px 0px #999;

    /* border: 1px solid #31bae6; */

    text-decoration: none;

    border: 1px solid #f000;

    box-shadow: 0 4px 6px 0px #00000075;

    box-shadow: 0px 2px 12px -1px #b7c4d9;

    /* box-shadow: 0px 2px 6px -2px #b7c4d9; */

    border: 1px solid #094fb72e !important;

}

section.recent_blogs .item .recent_blogs_box a:hover,

.single_service_frame .item .recent_blogs_box a:hover,

section.All_blogs_page .single_blog_card .recent_blogs_box a:hover,

.single_blog_card .recent_blogs_box a:hover {

    text-decoration: none;

}

section.recent_blogs .item .recent_blogs_box:hover span i,

.single_service_frame .item .recent_blogs_box:hover span i,

section.All_blogs_page .single_blog_card .recent_blogs_box:hover span i,

.single_blog_card .recent_blogs_box:hover span i {

    margin-left: 5px;

}

section.recent_blogs .item .recent_blogs_box:hover .recent_blogs_image > img,

.single_service_frame .item .recent_blogs_box:hover.recent_blogs_image > img,

section.All_blogs_page .single_blog_card .recent_blogs_box:hover .recent_blogs_image > img,

.single_blog_card .recent_blogs_box:hover .recent_blogs_image > img{

    -webkit-transform: scale3D(1.1, 1.1, 1);

    transform: scale3D(1.1, 1.1, 1);

}

.faq_blogs #faq_blogs_accordion .card,

.single_service_frame #accordion .card,

.leadershipModal .card{

    margin-bottom: 10px;

    border: 1px solid rgba(0, 0, 0, .125) !important;

    border: 1px solid rgb(0 0 0 / 18%) !important;

    border-radius: .25rem !important;

    box-shadow: 0px 1px 7px 0px #999;

    box-shadow: 0px 1px 7px 0px #99999975;

    border-radius: 30px !important;

    overflow: hidden;

    border-radius: 10px !important;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;



}

.single_service_frame #accordion .card .card-header,

.leadershipModal .card .card-header {

    padding: 0;

}

.faq_blogs #faq_blogs_accordion .card .faq_title,

.leadershipModal .card .faq_title {

    /* padding: 1.25rem; */

}

.faq_blogs #faq_blogs_accordion .card .faq_title,

.single_service_frame #accordion .card .faq_title,

.leadershipModal .card .faq_title{

    padding: 1.25rem;

    font-size: 20px;

    color: #000;

    font-size: 18px;

    line-height: 31px;

    padding: .75rem .95rem;

    

    font-size: 15px;

    line-height: 27px;

    padding: .5rem .95rem;

    cursor: pointer;

    color: #31bae6;

    background-color: #fff;

    font-weight: 400;

    align-items: center;

    justify-content: space-between;

    display: flex;

    flex-direction: row;

}

.faq_blogs #faq_blogs_accordion .card .faq_title:hover,

.single_service_frame #accordion .card .faq_title:hover,

.leadershipModal .card .faq_title:hover{

    /* color: #31bae6 !important; */

}

.faq_blogs #faq_blogs_accordion .card .card-body,

.single_service_frame #accordion .card .card-body ,

.leadershipModal .card .card-body{

    border-top: 1px solid rgba(0, 0, 0, .125) !important;

    padding: .75rem .95rem;

    background-color: #f0f5ff;

    font-size: 15px;

}

.faq_blogs #faq_blogs_accordion .card .card-body ul li,

section#serviceFAQ #accordion ul li,

section#serviceFAQ #accordion ol li{

    font-weight: 400;

    font-size: 14px;

    margin-bottom: 5px;

}

.single_service_frame #accordion .card .card-body,

.leadershipModal .card .card-body{

    border-top: 0px !important;

}

.faq_blogs #faq_blogs_accordion .card .faq_title:after,

.single_service_frame #accordion .card .faq_title:after{

    content: "\f068";

    font-family: fontAwesome;

    float: right;

}

.faq_blogs #faq_blogs_accordion .card .faq_title.collapsed:after,

.single_service_frame #accordion .card .faq_title.collapsed:after {

    content: "\2b";

    font-family: fontAwesome;

}

.faq_blogs #faq_blogs_accordion .card .faq_title.collapsed,

.single_service_frame #accordion .card .faq_title.collapsed,

.faq_blogs #faq_blogs_accordion .card .faq_title,

.leadershipModal .card .faq_title.collapsed,

.leadershipModal .card .faq_title{

    color: #000;

    /* color: #fff !important;

    background-color: #094fb7; */

    font-weight: 400;

    align-items: center;

    justify-content: space-between;

    display: flex;

    flex-direction: row;

    background-color: #f0f5ff;

    color: #094fb7 !important;

    transition: all ease .1s;

}



.faq_blogs #faq_blogs_accordion .card .faq_title,

.single_service_frame #accordion .card .faq_title,

.leadershipModal .card .faq_title{

    background-color: #f0f5ff;

    color: #fff !important;

    background-color: #094fb7;

}

.faq_blogs #faq_blogs_accordion .card:hover .faq_title.collapsed, 

.single_service_frame #accordion .card:hover .faq_title.collapsed,

.leadershipModal .card:hover .faq_title.collapsed{

    color: #fff !important;

    background-color: #094fb7;

}



 /* Get_in_touch ==== START */







 section.Get_in_touch{

    padding: 50px 0 60px;

 }

 section.Get_in_touch_new{

    padding: 0;

 }



 section.Get_in_touch_new .Get_in_touch_img_box,

 section.Get_in_touch_new .Get_in_touch_form_box{

    padding: 50px 0 60px;   

 }

 section.Get_in_touch_new {

    background-image: linear-gradient(to left, #b0c5e4, #c8d2eb, #dde0f1, #efeff8, #ffffff);

}

section.Get_in_touch_new .Get_in_touch_img_box .Get_in_touch_img_box_contact a i {

    margin-right: 10px;

}



section.Get_in_touch_new .Get_in_touch_left {

    background-image: url('../images/getintouch/getintouch.png');

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: contain;

}

section.Get_in_touch_new .Get_in_touch_form_box input,

section.Get_in_touch_new .Get_in_touch_form_box textarea,

section.Get_in_touch_new .Get_in_touch_form_box select,

.Get_in_touch_form_box_contact input,

.Get_in_touch_form_box_contact textarea,

.Get_in_touch_form_box_contact select {

    height: calc(1.5em + .5rem + 13px);

    border-radius: 8px;

    background-color: #ffffff;

    border: 1px solid transparent;

}

section.Get_in_touch_new .Get_in_touch_form_box input#flexCheckChecked,

.Get_in_touch_form_box_contact input#flexCheckChecked  {

    height: auto;

    margin-top: 6px;

}

.Get_in_touch_form_box_contact input,

.Get_in_touch_form_box_contact textarea,

.Get_in_touch_form_box_contact select{

    border: 1px solid #ced4da;

}

section.Get_in_touch_new .Get_in_touch_form_box textarea,

.Get_in_touch_form_box_contact textarea {

    height: auto !important;

}

section.Get_in_touch_new .Get_in_touch_form_box button {

    background-color: #094FB7;

    border-color: #094FB7;

    color: #fff;

}

section.Get_in_touch_new .Get_in_touch_form_box button:hover {

    background-color: #d0e6ff !important;

    border-color: #0066D9 !important;

    color: #0066D9 !important;

}



section.Get_in_touch_new .Get_in_touch_form_box input:hover, 

section.Get_in_touch_new .Get_in_touch_form_box textarea:hover,

section.Get_in_touch_new .Get_in_touch_form_box select:hover,

section.Get_in_touch_new .Get_in_touch_form_box input:focus, 

section.Get_in_touch_new .Get_in_touch_form_box textarea:focus,

section.Get_in_touch_new .Get_in_touch_form_box select:focus,

.Get_in_touch_form_box_contact input:hover, 

.Get_in_touch_form_box_contact textarea:hover,

.Get_in_touch_form_box_contact select:hover,

.Get_in_touch_form_box_contact input:focus, 

.Get_in_touch_form_box_contact textarea:focus,

.Get_in_touch_form_box_contact select:focus{

    outline: none;

    box-shadow: none;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

}

/* section.Get_in_touch_new .Get_in_touch_form_box select {

    border: 1px solid transparent;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;

}

section.Get_in_touch_new .Get_in_touch_form_box select:hover,

section.Get_in_touch_new .Get_in_touch_form_box select:focus {

    border: 1px solid #094fb770 !important;

} */



section.Get_in_touch_new .Get_in_touch_img_box .Get_in_touch_img_box_label {

    font-size: 28px;

    font-weight: 500;

    color: #0A1425;

    font-size: 40px;

    line-height: 1.2;

    margin-bottom: 20px;

}

section.Get_in_touch_new .Get_in_touch_img_box .Get_in_touch_img_box_contact a {

    display: block;

    color: #061C3D;

    text-decoration: none;

    font-size: 16px;

    margin-bottom: 20px !important;

}





 .Get_in_touch_box {

    /* border: 1px solid #000; */

    border-radius: 28px;

    background-color: #fff;

    overflow: hidden;

    box-shadow: 0px 1px 7px 0px #99999975;

}

.wrapper {

    /* display: grid;

    grid-template-columns: 1fr 2fr; */

}

.Get_in_touch_img_box {

    /* position: relative; */

}

.Get_in_touch_box .Get_in_touch_img_box {

    background: url('../images/getInTouch.png');

    padding: 25px 30px;

    background-repeat: no-repeat;

    /* background-size: 100% cover; */

    background-size: cover;

    background-position: top center;

    color: #fff;

}

.Get_in_touch_box .Get_in_touch_img_box .Get_in_touch_img_box_label {

    color: #fff;

    font-size: 28px;

    font-weight: 500;

}

.Get_in_touch_box .Get_in_touch_img_box .Get_in_touch_img_box_contact {

}

.Get_in_touch_box .Get_in_touch_img_box .Get_in_touch_img_box_contact a {

    display: block;

    color: #fff;

    text-decoration: none;

    font-size: 16px;

}

.Get_in_touch_box .Get_in_touch_img_box .Get_in_touch_img_box_contact a i {

    margin-right: 10px;

}

.Get_in_touch_img_box_text {

    /* position: absolute; */

    /* top: 0; */

}

.Get_in_touch_box .Get_in_touch_form_box {

    padding: 35px 30px;

}

.Get_in_touch_box .Get_in_touch_form_box form input,

.Get_in_touch_box .Get_in_touch_form_box form textarea{

    height: calc(1.5em + .5rem + 13px);

    border-radius: 8px;

    background-color: #eeeeee;

    border: none;

}

.Get_in_touch_box .Get_in_touch_form_box form textarea{

    height: auto !important;

}



 /* Get_in_touch ==== END */



footer {

    padding: 50px 0 20px;

    background-color: #000000;

    background-color: #001e2b;

    position: relative; /*to hide all feature box single card box-shadow */

}

footer ul {

    padding: 0;

    list-style: none;

    margin: 0;

}

footer .footer_logo {

    margin-bottom: 40px;

}

footer .footer_logo img {

    width: 100%;

}

.footer_contacts li a {

    display: block;

    text-decoration: none;

    color: #cccccc;

    font-size: 16px;

    margin-bottom: 8px;

    line-height: 1.6;

    -webkit-transition: .1s ease-in-out;

    transition: .1s ease-in-out;

}

.footer_contacts li a img {

    width: 20px;

    margin-right: 5px;

}

.footer_contacts li a i {

    margin-right: 8px;

}

footer .footer_contacts {

    margin-bottom: 40px;

}

footer .footer_social ul{

    display: inline-block;

    padding: 1px 0px;

}

footer .footer_social li {

    float: left;

    width: 39px;

    height: 39px;

    text-align: center;

    vertical-align: middle;

    margin-right: 10px;

    border-radius: 2px;

    overflow: hidden;

    transition: all ease .1s;

}

footer .footer_social li a{

    width: 39px;

    height: 39px;

    text-align: center;

    vertical-align: middle;

    display: block;

    /* background-color: #000000; */

    /* color: #000; */

    line-height: 39px;

    /* color: #fff;

    border: 1px solid #fff; */

    color: #f0812d;

    border: 1px solid #f0812d;

    border-radius: 100px;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

footer .footer_social li a:hover {

    color: #fff;

    background-color: #fff;

    background-color: #f0812d;

    border-color: #f0812d;

}

footer .footer_link_block .footer_link_title {

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1.6;

    margin-bottom: 1rem;

}

footer .footer_link_block li a {

    display: block;

    text-decoration: none;

    color: #cccccc;

    font-size: 16px;

    margin-bottom: 3px;

    line-height: 1.6;

    font-weight: 300;

    letter-spacing: .5px;

    -webkit-transition: .1s ease-in-out;

    transition: .1s ease-in-out;

}

footer hr {

    border-color: #666666;

    width: 100%;

}

.footer_contacts li a:hover,

footer .footer_link_block li a:hover,

footer .copyrighttext p a:hover {

    color: #00B1E0;

    color: #f0812d;

}

footer .copyrighttext p {

    display: block;

    text-decoration: none;

    color: #cccccc;

    font-size: 16px;

    margin-bottom: 3px;

    line-height: 1.6;

    font-weight: 300;

    letter-spacing: .5px;

    -webkit-transition: .1s ease-in-out;

    transition: .1s ease-in-out;

}

footer .copyrighttext p a{

    text-decoration: none;

    color: #cccccc;

    font-size: 16px;

    margin-bottom: 3px;

    line-height: 1.6;

    font-weight: 300;

    letter-spacing: .5px;

    -webkit-transition: .1s ease-in-out;

    transition: .1s ease-in-out;

}



/* background-image: url(../images/getInTouch.png); */

.theme-bar .row > div {

    height: 5px;

}





.scroll-top {

    width: 40px;

    height: 40px;

    line-height: 36px;

    position: fixed;

    bottom: 105%;

    right: 15px;

    font-size: 20px;

    border-radius: 50%;

    z-index: 99;

    color: #fff;

    text-align: center;

    cursor: pointer;

    background: #31bae6;

    transition: bottom .9s ease, background-color .2s ease;

    border: none;

    text-shadow: 1px 1px 1px #000;

}



.scroll-top.open {

    /* bottom: 30px; */

}

.scroll-top.open {

    /* border: 1px solid #31bae6; */

    z-index: 1020;

    z-index: 1001;

    bottom: 20px;

    right: 15px;

    background-color: #094fb7;

    border-color: #094fb7;

}

.scroll-top:hover {

    /* background-color: #f0812d;

    border-color: #f0812d; */

    background-color: #0B63E5;

    border-color: #0B63E5;

}







 /* Service page ==== START */



 /* service page top banner portion */

section.inner_page_top {

    padding: 40px 0;

}









section.inner_page_top {

    background-image: linear-gradient(to right, #024b65, #fff0), url('../images/GenerativeAI.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

section.inner_page_top .inner_page_title {

    font-size: 40px;

    font-weight: 700;

    line-height: 80px;

    color: #ffff;

}

section.inner_page_top .inner_page_sub_title {

    font-size: 26px;

    line-height: 40px;

    /* width: 60%; */

    color: #ffff;

}

section.inner_page_top .inner_page_descp {

    font-size: 14px;

}

span.highlighted_text_box {

    background-color: #00000063;

    padding: 4px 5px;

    border-radius: 4px;

}



  section.inner_page_top .inner_page_descp .highlighted_text {

    font-size: 19px;

    font-weight: 900;

    letter-spacing: 2px;

    text-align: center;

    color: #f35626;

    /* background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); */

    background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: hue 20s infinite linear;

    background-size: 1000%;

}

@-moz-keyframes hue {

    0% {

      background-position: 0% 50%;

    }

    50% {

      background-position: 100% 50%;

    }

    100% {

      background-position: 0% 50%;

    }

  }

  @-webkit-keyframes hue {

    0% {

      background-position: 0% 50%;

    }

    50% {

      background-position: 100% 50%;

    }

    100% {

      background-position: 0% 50%;

    }

  }

  @-o-keyframes hue {

    0% {

      background-position: 0% 50%;

    }

    50% {

      background-position: 100% 50%;

    }

    100% {

      background-position: 0% 50%;

    }

  }

  @keyframes hue {

    0% {

      background-position: 0% 50%;

    }

    50% {

      background-position: 100% 50%;

    }

    100% {

      background-position: 0% 50%;

    }

  }





.common_section {

    padding: 40px 0;

}

.inner_page_top.GenAI {

    /* background-image: linear-gradient(to right, #FEFFFE, #E8E9FD), url(../images/genAI/top-banner-bg.png) !important; */

    background-image: url('../images/genAI/top-banner-bg.png') !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

.inner_page_top.GenAI .inner_page_title {

    font-size: 50px;

    font-weight: 700;

    line-height: 70px;

    line-height: 65px;

    color: #000;

}

.inner_page_top.GenAI .inner_page_sub_title {

    /* font-size: 26px;

    line-height: 60px;

    color: #000; */

    font-size: 26px;

    line-height: 35px;

    color: #000;

    margin: 20px 0;

}

.inner_page_top.GenAI .inner_page_descp {

    font-size: 19px;

    color: #757095;

    line-height: 30px;

}

.inner_page_top.GenAI li {

    color: #212529;

    font-weight: 400;

}

.inner_page_top.GenAI li {

    color: #000;

    font-weight: 400;

}

.inner_page_top.GenAI li span {

    color: #000;

}

.inner_page_top.GenAI .highlighted_text {

    background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    /* -webkit-animation: hue 20s infinite linear; */

    /* background-size: 1000%; */

    font-size: 28px;

    font-weight: 500;

    margin-bottom: 20px;

    display: inline-block;

}

.serviceKeyInsights {

    background-image: url('../images/genAI/key_insights.png') !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

.serviceKeyInsights .section_heading {

    color: #ffffff;

    font-size: 40px;

    margin-bottom: 55px;

    font-size: 30px;

    margin-bottom: 30px;

    font-weight: 700;

}

.serviceKeyInsights .marque_holder {

    background: #ffffff29;

    background-color: #edf2fa29;

    width: 100%;

    height: 250px;

    overflow: hidden;

    padding: 20px 25px;

    /* box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; */

    /* border: 1px solid rgba(0, 0, 0, .125); */

    border-radius: 16px;

    box-shadow: 0rem 0rem 32px 1px #000000;

    border: 1px solid #00000003;

}

.serviceKeyInsights .marque_holder marquee {

    height: 210px;

}

.serviceKeyInsights .marque_holder ul{

    list-style: none;

    padding: 0;

    margin: 0;

}

.serviceKeyInsights .marque_holder li {

    /* margin-bottom: 10px; */

    text-shadow: 1px 1px 1px #000;

    border-bottom: 0.1px solid #00000082;

    border-top: 0.1px solid #ffffff1a;

    padding: 10px 0 10px 25px;

}



.serviceKeyInsights .marque_holder li:first-child {

    border-top: 0;

}



.serviceKeyInsights .marque_holder li:last-child {

    border-bottom: 0;

}

.serviceKeyInsights .marque_holder li:before {

    content: '';

    content: "\e4be";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 0px;

    font-size: 14px;

    color: #36c486 !important;

}

















.single_service_frame .marque_holder {

    background-color: #edf2fa;

    /* background-color: #e2e2e247; */

    width: 100%;

    height: 250px;

    overflow: hidden;

    padding: 20px 25px;

    /* box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; */

    /* border: 1px solid rgba(0, 0, 0, .125); */

    border-radius: 16px;

}

.single_service_frame .marque_holder marquee ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.single_service_frame .marque_holder marquee ul li {

    padding-left: 25px;

    position: relative;

    border-bottom: 1px solid #cee1ff;

    border-top: 1px solid #fff;

    padding: 10px 0 10px 25px;

    /* border-bottom: 1px solid #c8d6eb; */

}

.single_service_frame .marque_holder marquee ul li::before {

    content: "\e4be";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 0px;

    font-size: 14px;

    color: #f0812d !important;

}

.single_service_frame .marque_holder marquee {

    height: 210px;

}

.single_service_frame .marque_holder marquee ul li:first-child {

    border-top: 0;

}

.single_service_frame .marque_holder marquee ul li:last-child {

    border-bottom: 0;

}











/* optichannel page  */



section.inner_page_top.optichannel {

    background-image: linear-gradient(to right, #024b65, #fff0), url('../images/optibg.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}



section.inner_page_top.optiMLQMS {

    background-image: linear-gradient(to right, #024b65, #fff0), url('../images/optiMLQMS.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}



section.Trusted_brands.bg-gray {

    background-color: #edf2fa;

}





/* fixed connect form */



  

  

  .sidebar-contact{

    display: none !important;

    position: fixed;

    top: 50%;

    right: -350px;

    transform: translateY(-50%);

    width: 350px;

    height: auto;

    padding: 40px;

    padding: 10px 20px;

    background: #fff;

    box-shadow: 0 7px 9px -6px #00000075;

    border-radius: 10px 0px 0px 10px;

    box-sizing: border-box;

    transition: 0.5s;

    z-index: 10;

    /* border: 1px solid #87d1a2; */

    padding: 0 0;

    border: 1px solid rgba(0, 0, 0, .125) !important;

  }

  .sidebar-contact.active{

    right: 0;

  }

  .sidebar-contact input,

  .sidebar-contact textarea{

    width: 100%;

    height: 36px;

    padding: 5px;

    margin-bottom: 10px;

    box-sizing: border-box;

    border: 1px solid rgba(0, 0, 0, .125) !important;

    outline: none;

    font-size: 15px;

    box-shadow: none !important;

  }

  .sidebar-contact input:focus,

  .sidebar-contact textarea:focus,

  .sidebar-contact input:hover,

  .sidebar-contact textarea:hover{

    border-color: #90d4eb !important;

    border-color: #16a64a !important;

  }

  .sidebar-contact h2 {

    font-size: 20px;

    padding: 10px 22px 10px;

}

  .sidebar-contact textarea{

    height:60px;

    resize:none;

  }

  .sidebar-contact .scroll form button {

    background-color: #31bae6;

    border-color: #31bae6;

}

  .sidebar-contact input[type="submit"]{

    /* background:#00bcd4;

    color:#fff;

    cursor:pointer;

    border:none;

    font-size:18px; */

  }

  .sidebar-contact .toggle{

    position: absolute;

    height: 35px;

    width: auto;

    text-align: center;

    cursor: pointer;

    background: #16a64a;

    top: 37px;

    left: -72px;

    line-height: 32px;

    transform: rotate(90deg);

    padding: 0px 14px;

    border-radius: 0px 0px 10px 10px;

    letter-spacing: 4px;

    /* font-size: 16px; */



    background-image: linear-gradient(44deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    /* -webkit-background-clip: text; */

    /* -webkit-text-fill-color: transparent; */

    -webkit-animation: hue 7s infinite linear;

    background-size: 500%;

  }

  .sidebar-contact .scroll {

    border-radius: 0px 0px 0px 5px;

    overflow: hidden;

    }

    .sidebar-contact .scroll form {

        padding: 0 20px;

        overflow: hidden;

        border-radius: 0 0 0 21px;

    }

  .sidebar-contact .toggle.active{

    /* top: 4px;

    left: -40px;

    background: #e4252e; */

    top: 0px;

    right: 0px;

    background: #e4252e;

    left: auto;

    border-radius: 0px;

    width: 35px;

    height: 35px;

    line-height: 35px;

    padding: 0 11px;

  }

  .sidebar-contact .toggle:before{

    content:'Connect';

    font-family:fontAwesome;

    font-size:10px;

    color:#fff;

  }

  .sidebar-contact .toggle.active:before{

    content:'\f00d';

    font-size: 17px;

  }

  .sidebar-contact h2 {

    font-size: 20px;

}

.sidebar-contact .scroll form button i {

    transform: translateX(5px);

}

  /* @media(max-width:768px)

  {

    .sidebar-contact{

      width:100%;

      height:100%;

      right:-100%;

    }

    .sidebar-contact .toggle{

      top:50%;

      transform:translateY(-50%);

      transition:0.5s;

    }

    .sidebar-contact.active .toggle

    {

      top:0;

      right:0;

      transform:translateY(0);

    }

    .scroll{

      width:100%;

      height:100%;

      overflow-y:auto;

    }

    .content{

      padding:50px 50px;

    }

  } */









/* service page sliding button bar */

section#service_sliding_button {

    padding: 15px 0;

    padding: 0px 0;

    transition: all .2s;

    transition: all .2s, padding 0s;

    background-image: linear-gradient(to right, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf);

}

#service_sliding_button.sticky-top {

    top: 63px;

    /* background-image: linear-gradient(to right, #024b65, #1a6582, #2e81a0, #419dbf, #54bbdf);

    background-image: linear-gradient(to right, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf); */

    background-image: linear-gradient(to right, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);

    padding: 0;

    z-index: 1;

}

.service_sliding_button_box {

    padding: 10px 10px;

    /* background-image: linear-gradient(to right, #024b65, #1a6582, #2e81a0, #419dbf, #54bbdf);

    background-image: linear-gradient(to right, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf); */

    border-radius: 100px;

}

.service_sliding_button_box ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.service_sliding_button_box ul a {

    padding: 8px 10px;

    border-radius: 100px;

    /* background-color: #fff6; */

    color: #fff;

    font-size: 14px;

    margin: 0 0px;

    text-decoration: none;

    vertical-align: middle;

    position: relative;

    z-index: 9;

    transition: all ease .3s;

}

.service_sliding_button_box ul a i {

    /* margin-right: 1px;

    width: 20px;

    height: 20px;

    text-align: center; */

}

.service_sliding_button_box ul a:hover, 

.service_sliding_button_box ul a.active {

    background-color: #ffffff17;

    color: #000 !important;

    color: #001e2b !important;

    box-shadow: 0 4px 9px -1px #00000075;

}

.service_sliding_button_box ul a:before {

    content: '';

    content: '';

    display: block;

    position: absolute;

    background: #ffffff;

    border-radius: 100px;

    transition: all ease .5s;

    height: 100%;

    transform: unset;

    width: 0%;

    bottom: 0px;

    right: 0px;

    left: auto;

    z-index: -1;

}

.service_sliding_button_box ul a:hover:before,

.service_sliding_button_box ul a.active:before {

    content: '';

    width: 100%;

    right: auto;

    left: 0px;

}



.service_sliding_button_box ul a:hover i, 

.service_sliding_button_box ul a.active i {

    /* color: #16a64a !important; */

}



#service_sliding_button.sticky-top .service_sliding_button_box{

    background: transparent;

}

.scrolled-offset {

    margin-top: 30px;

    margin-top: 0px;

}















/* service page internal for all service pages */





.single_service_frame,

section.privacy_policy {

    padding: 120px 0 1px;

    padding: 40px 0 40px;

        background-color: #edf2fa;

}

.single_service_frame .section_heading {

    font-size: 30px;

    margin-bottom: 20px;

    font-weight: 700;

}

.single_service_frame .section_sub_heading {

    font-size: 20px;

    margin-bottom: 30px;

    font-weight: 400;

}



.single_service_frame.bg-gray {

    background-color: #F3F3F3;

    background-color: #edf2fa;

}





section#serviceOursolutions {

    background-image: linear-gradient(to right top, #f2ddb1, #e9e0b1, #dee3b2, #d3e6b6, #c7e9bc);

}

section#serviceOursolutionsBOT {

    background-image: linear-gradient(to right top, #b6e0ff, #b3daff, #b2d4ff, #b4ceff, #b7c7ff, #bcc4ff, #c2c1ff, #c9bdff, #d1bdff, #d8bdff, #e0bcff, #e8bcff);

    background-image: linear-gradient(to right top, #cae5fd, #cce1ff, #d2dbff, #dcd4ff, #e9cdfd);

}



.single_service_box_new {

    padding: 25px;

    padding: 0px;

    text-align: left;

}

.single_service_box_new .heading_image {

    margin-top: 0px;

    width: 244px;

    margin-bottom: 11px;

    background-color: #fff;

    padding: 2px 15px;

    border-radius: 100px;

    /* box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9; */

    filter: drop-shadow(2px 4px 12px #b7c4d9);



}

.single_service_box_new .single_service_box_new_sub_heading {

    font-size: 23px;

    font-weight: 600;

    line-height: 30px;

    font-size: 25px;

    font-weight: 600;

    line-height: 35px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 16px 0px;

    border-bottom: 1px solid #fff;

    width: 100%;

    max-width: 500px;

    margin-bottom: 20px;

}

.single_service_frame .section_sub_heading.text-dark {

    color: #000 !important;

}

.single_service_box_new_sub_heading_two {

    font-size: 18px;

    font-weight: 400;

    line-height: 27px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 16px 0px;

    /* border-bottom: 1px solid #fff; */

    width: 100%;

    max-width: 500px;

    margin-bottom: 20px;

    margin-bottom: 0px;

}

.single_service_box_new ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.single_service_box_new ul li {

    padding-left: 30px;

    position: relative;

    margin-bottom: 10px;

}

.single_service_box_new ul li:before {

    content: '';

    content: "\e4be";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 1px;

    font-size: 14px;

    color: #36c486 !important;

}

.single_service_single_box{

    padding: 0px 25px 30px 0px;

    padding: 10px;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #fff !important;

    text-align: left;

    border-radius: 40px 16px 16px 16px;

    height: 100%;

    transition: all ease .2s;

}

.single_service_single_box_img_title {

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0.2rem 1.2rem;

    margin-bottom: 15px;

    gap: 0.2rem 0.5rem;

}

.single_service_single_box_img_title .single_service_img_box {

    width: 120px;

    margin-left: -2px;

    width: 90px;

    margin-left: -2px;

}

#all_features_list_detail .single_service_img_box{

    width: 60px;

}

.single_service_single_box_img_title .single_service_img_box img{

    width: 100%;

    width: 130%;

}

#all_features_list_detail .single_service_img_box img{

    width: 150%;

}

#all_features_list_detail .single_service_single_box_img_title {

    margin-bottom: -10px;

}

.single_service_single_box_img_title .single_service_title {

    align-self: center;

    font-weight: 600;

    margin: 0;

    /* font-size: 14px; */

    font-size: 21px;

    font-size: 20px;

    color: #161616;

    /* line-height: 15px; */

    margin-top: -30px;

}

.single_service_single_box .single_service_text {

    padding: 0 20px;

    margin-top: -20px;

}

.single_service_single_box .single_service_text ul {

    padding: 0;

    list-style: none;

    margin-bottom: 20px;



}

.single_service_single_box .single_service_text ul li {

    padding-left: 30px;

    position: relative;

    margin-bottom: 7px;

    font-size: 15px;

}

.single_service_single_box .single_service_text ul li:before {

    content: "\f192";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 1px;

    font-size: 14px;

    color: #cd2628 !important;

}

.single_service_single_box.single_service_optiMLQMS2 .single_service_text ul li:before{

    color: #36c486 !important;

}

.single_service_single_box.single_service_optiMLQMS3 .single_service_text ul li:before{

    color: #0469d3 !important;

}

.single_service_single_box.single_service_optiMLQMS4 .single_service_text ul li:before{

    color: #dc4a19 !important;

}

.single_service_single_box.single_service_optiMLQMS5 .single_service_text ul li:before{

    color: #0157b9 !important;

}

.single_service_single_box.single_service_optiMLQMS6 .single_service_text ul li:before{

    color: #7b23b1 !important;

}



.single_service_single_box:hover {

    box-shadow: 0 4px 6px 0px #00000075;

}



.single_service_frame.QMS-inner-page .single_service_box_inner,

.single_service_frame.BOT-inner-page .single_service_box_inner {

    padding: 25px 25px 30px 25px;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #fff !important;

    border-radius: 16px 16px 16px 16px;

}

.single_service_frame.QMS-inner-page .single_service_box_inner.single_service_box_inner_one {

    background-color: #EDF0F9 !important;

    background-image: url('../images/optiML-QMS/qms2-1.png'), url('../images/optiML-QMS/qms2-2.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, auto;

    background-position: right top, left top;

    border: 1px solid #d9dff2;

    border-radius: 30px;

    overflow: hidden;

}



.single_service_frame.QMS-inner-page .single_service_box_inner.single_service_box_inner_two {

    background-color: #FFF3E9 !important;

    background-image: url('../images/optiML-QMS/qms3-1.png'), url('../images/optiML-QMS/qms3-2.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, auto;

    background-position: right -2px top, left top;

    border: 1px solid #f4e5d8;

    border-radius: 30px;

    overflow: hidden;

}

.single_service_frame.BOT-inner-page .single_service_box_inner.single_service_box_inner_one {

    background-color: #DCECFF !important;

    background-image: url('../images/Bot-brilliance/bot_1-2.png'), url('../images/Bot-brilliance/bot_1-1.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, contain;

    background-position: right -2px top, left top;

    border: 1px solid #DCECFF;

    border-radius: 30px;

    overflow: hidden;

}

.single_service_frame.BOT-inner-page .single_service_box_inner.single_service_box_inner_two {

    background-color: #fff !important;

    background-image: url('../images/Bot-brilliance/bot_2-2.png'), url('../images/Bot-brilliance/bot_2-1.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, contain;

    background-position: right -2px top, left top;

    border: 1px solid #fff;

    border-radius: 30px;

    overflow: hidden;

}

.single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading {

    font-size: 23px;

    font-weight: 600;

    line-height: 30px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;

    margin-bottom: 40px;

}

.single_service_single_box_img_title_two {

    gap: 0.2rem 0.2rem;

    gap: 0.2rem 0rem;

}



.single_service_text.single_service_text_small {

    margin-top: -35px;

    margin-top: -30px;

}

.single_service_single_box_img_title .single_service_title_small {

    font-size: 17px;

}

.single_service_single_box .single_service_text_small p {

    font-size: 14px;

    color: #000;

    /* margin: 0; */

}

section#omni-channels,

section#dashboard-analytics-channels,

section#data-integrity-channels {

    background-image: linear-gradient(to right top, rgb(182, 224, 255), rgb(179, 218, 255), rgb(178, 212, 255), rgb(180, 206, 255), rgb(183, 199, 255), rgb(188, 196, 255), rgb(194, 193, 255), rgb(201, 189, 255), rgb(209, 189, 255), rgb(216, 189, 255), rgb(224, 188, 255), rgb(232, 188, 255));

}













.single_service_frame.QMS-inner-page .single_service_box_inner ul {

    list-style: none;

    /* list-style: circle; */

    padding-left: 0px;

    margin: 0;

    margin-top: 20px;

}



.single_service_frame.QMS-inner-page .single_service_box_inner ul li{

    padding-left: 25px;

    position: relative;

    line-height: 27px;

    font-size: 15px;

    margin-bottom: 10px;

}



.single_service_frame.QMS-inner-page .single_service_box_inner ul li:before{

    content: "\f621" !important;

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 0px;

    font-size: 12px;

    color: #3F53D8 !important;

    line-height: 27px;

}





button.collapse.collapse_bottom{

    display: inline-block;

    color: red;

    padding: 6px;

    height: auto;

    background-color: red;

    border: none;

    border-radius: 6px;

    height: 42px;

    width: 42px;

}

button.collapse.collapse_bottom i {

    font-size: 30px;

    color: #fff;

}



section#serviceEvaluateAIMaturity {

    background-image: url('../images/genAI/AIMaturitybg.png') !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

section#serviceEvaluateAIMaturity .section_heading {

    color: #fff;

}



div#serviceEvaluateAIMaturityQA .card {

    background-image: linear-gradient(to right top, #f2ddb1, #e9e0b1, #dee3b2, #d3e6b6, #c7e9bc);

}



div#serviceEvaluateAIMaturityQA .card {

    color: #000;

}

form.theme-form-submit {

    max-width: 320px;

    max-width: 400px;

    width: 100%;

}

form.theme-form-submit input {

    border-radius: 6px !important;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b3b3b3;

    box-shadow: 0 4px 6px 0px #00000021;

    padding: .375rem .75rem;

    height: calc(1.5em + .75rem + 6px);

}

form.theme-form-submit button {

    border-radius: 6px;

    background-color: #16a64a;

    border-color: #16a64a;

    padding: .375rem 1rem;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b3b3b3;

    box-shadow: 0 4px 6px 0px #00000021;

}

form.theme-form-submit input:hover,

form.theme-form-submit input:focus{

    box-shadow: none;

    border-color: #16a64a !important;

    background-color: #16a64a0f;

    background-color: #ffffff;

}

form.theme-form-submit button:hover,

form.theme-form-submit button:focus,

form.theme-form-submit button:active{

    box-shadow: none;

    border-color: #16a64a !important;

    background-color: #16a64a !important;

    background-color: #fff !important;

    color: #16a64a !important;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b3b3b3;

}

.single_service_frame.bg-gray .single_service_box,

.single_service_frame.bg-gray .single_service_box_two  {

    background-color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.single_service_frame.bg-white .single_service_box,

.single_service_frame.bg-white .single_service_box_two {

    background: #edf2fa;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.single_service_frame a.collapse,

.single_service_frame a.readmore {

    font-size: 16px;

    color: #f0812d;

    background-color: #fff;

    border-radius: 100px;

    font-weight: 400;

    text-decoration: none;

    margin: 20px 0 20px;

    display: inline-block;

    border: 1px solid #f0812d;

    padding: 8px 21px;

    transition: all ease .3s;

}

.single_service_frame a.collapse i,

.single_service_frame a.readmore i{

    transition: all ease .2s;

    transform: translateX(0px);

}

.single_service_frame a.collapse i,

.single_service_frame a.readmore i{

    transform: translateX(5px);

}

.single_service_frame a.collapse:hover,

.single_service_frame a.readmore:hover {

    background-color: #f0812d;

    color: #fff;

}

.single_service_frame .single_service_box,

.single_service_frame .single_service_box_two {

    padding: 0px 25px 30px 25px;

    text-align: left;

    border-radius: 16px 16px 16px 16px;

    background-color: #f2f2f0;

    height: 100%;

    transition: all ease .2s;

}

.single_service_frame .single_service_box_two {

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

    box-shadow: 0 .5rem 1rem 0px #0000004f;

    box-shadow: 0rem 1.5rem 5rem -1rem #0000004f;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #fff !important;

    padding: 25px 25px 30px 25px;

}

.single_service_frame.bg-white .single_service_box_two .single_service_box_two_sub_heading,

.single_service_frame.bg-gray .single_service_box_two .single_service_box_two_sub_heading {

    font-size: 23px;

    font-weight: 600;

    line-height: 30px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;

}

.single_service_frame .single_service_box:hover {

    box-shadow: 0 4px 6px 0px #00000075;

}

.single_service_frame .single_service_box .single_service_icon {

    /* width: 64px;

    height: 64px; */

    margin: -32px 0px 0px 24px;

    margin: -32px 0px 0px 0px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    border-radius: 100px;

    overflow: hidden;

    /* background-color: #f1eaff; */



    margin: -60px 0px 0px -10px;

}

.single_service_frame .single_service_box .single_service_icon img {

    width: 100%;

}

.single_service_frame .single_service_box .single_service_title {

    font-size: 20px;

    font-weight: 600;

    line-height: 30px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;



    margin: -47px 0px 0px 0px;

}

.single_service_frame .single_service_box_two .heading_image {

    margin-top: 0px;

    width: 244px;

    margin-bottom: 11px;

}

.single_service_frame.bg-white .single_service_box_two ul,

.single_service_frame.bg-gray .single_service_box_two ul {

    list-style: none;

    /* list-style: circle; */

    padding-left: 0px;

    margin: 0;

    margin-top: 20px;

}

.single_service_frame.bg-white .single_service_box_two ul li,

.single_service_frame.bg-gray .single_service_box_two ul li {

    padding-left: 25px;

    position: relative;

    line-height: 27px;

    font-size: 15px;

}

.single_service_frame.bg-white .single_service_box_two ul li:before,

.single_service_frame.bg-gray .single_service_box_two ul li:before {

    content: "\f192";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 0px;

    font-size: 12px;

    color: #3F53D8 !important;

    line-height: 27px;

}

.single_service_box.single_service_box_two {

    padding: 15px 25px 30px 25px;

}

.single_service_box.single_service_box_two .single_service_icon {

    margin: -47px 0px 0px 0px;

}

.single_service_box.single_service_box_two .single_service_img_box {

    margin: -60px 0px 0px -10px;

}

.single_service_box.single_service_box_two .single_service_title {

    margin: -47px 0px 0px 0px;

}

.single_service_frame.bg-white .single_service_box_two.single_service_optiMLQMS1 .single_service_text ul li::before {

    color: #F35859 !important;

}

.single_service_frame.bg-white .single_service_box_two.single_service_optiMLQMS2 .single_service_text ul li::before {

    color: #23904B !important;

}

.single_service_frame.bg-white .single_service_box_two.single_service_optiMLQMS3 .single_service_text ul li::before {

    color: #2680A0 !important;

}

.single_service_frame.bg-gray .single_service_box_two.single_service_optiMLBOT4 .single_service_text ul li::before {

    color: #F35859 !important;

}

.single_service_frame.bg-gray .single_service_box_two.single_service_optiMLBOT5 .single_service_text ul li::before {

    color: #0060CC !important;

}

.single_service_frame.bg-gray .single_service_box_two.single_service_optiMLBOT6 .single_service_text ul li::before {

    color: #7A23AF !important;

}













.single_service_box_two .value {

    text-align: center;

    -webkit-text-fill-color: transparent;

    background-image: linear-gradient(107.47deg, #d22c84 15.59%, #fb6069 33.91%, #2d84f1 86.71%);

    background-image: linear-gradient(107.47deg,  #00D2FC, #f0812d, #e4252e, #16a64a 86.71%);

    background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);

    -webkit-background-clip: text;

    background-clip: text;

    /* margin-bottom: 16px; */

    /* font-family: Plusjakartasans, Tahoma, sans-serif; */

    font-size: 100px;

    font-size: 70px;

    line-height: 1.25;

}

.single_service_box_two .count_type {

    /* font-family: Plusjakartasans, Tahoma, sans-serif; */

    font-size: 64px;

    font-size: 44px;

    font-weight: 500;

    margin-left: -20px;

}





#qmscounter .qmscounter_box .single_service_box_two_sub_heading {

    padding-top: 0;

    font-size: 20px;

}

.qmscounter_box .single_service_box_two_sub_heading{

    font-size: 18px !important;

}



.single_service_frame .single_service_box_two.bg-transparent{

    background-color: transparent !important;

    background: transparent !important;

}

.single_service_frame .single_service_box_two.no-box-shadow{

    box-shadow: none !important;

}

.single_service_box_two ul.list-style_2 li:before {

    content: "\f621" !important;

}





.QuizPage {

    border: 1px solid #f2f2f0;

    background-color: #f2f2f0;

    padding: 20px 15px;

    border-radius: 5px;

    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);

}

.question_box label {

    font-size: 15px;

}

.quiz-box  #myresults {

    /* border: 1px solid transparent; */

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    border: 1px solid #149643;

}



#serviceEvaluateAIMaturity a[aria-expanded="false"]{

    margin-bottom: 0;

}



#serviceEvaluateAIMaturity a[aria-expanded="true"] i:before{

    content: "\f077";

}

.single_service_frame a.collapse.collapse_bottom {

    /* position: absolute; */

    right: 3rem;

    margin: 0 !important;

    padding: 6px 21px;

    background-color: #e4252e;

    color: #fff;

    border-color: #e4252e;

    border-radius: 4px;

    padding: .375rem 1rem;

    border-radius: 6px;

    padding: .375rem .75rem;

    height: calc(1.5em + .75rem + 6px);

}

.single_service_frame a.collapse.collapse_bottom:hover {

    color: #e4252e;

    background-color: #fff;

    border-color: #e4252e;

}

#serviceEvaluateAIMaturity a.collapse_bottom[aria-expanded="true"] i:before{

    content: "\f00d";

}



#sidebar .menu li a[aria-expanded="true"]{



}





section.privacy_policy{

    overflow: hidden;

}

.Theme_white_page {

    border-radius: 16px;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    padding: 1.5rem;

}



.about_us_img_grid_container {

}

.about_us_img_grid_container img{

    width: 100%;

}

.single_service_values1 .single_service_text ul li::before{

    color: #cd2628 !important;

}

.single_service_values2 .single_service_text ul li::before{

    color: #0157b9 !important;

}

.single_service_values3 .single_service_text ul li::before{

    color: #dc4a19 !important;

}

.single_service_values4 .single_service_text ul li::before{

    color: #36c486 !important;

}





.team_single_box_outer {

    text-align: center;

}

.team_single_box {

    background-color: #D0E6FF;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

    border: 1px solid #0066d912;

}

.team_single_box img {

    width: 100%;

}

.team_single_box_text {

    position: absolute;

    bottom: -100%;

    /* top: auto; */

    height: 100%;

    background-image: linear-gradient(to right bottom, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf);

    color: #fff;

    padding: 20px;

    transition: all ease .9s;

    transition: opacity .1s, all cubic-bezier(0.72, -0.01, 0.39, 1.06) .7s;

    opacity: 0;

}

.team_single_box:hover .team_single_box_text{

    bottom: 0%;

    opacity: 1;

}

.team_single_title {

    margin: 15px 0 7px;

    font-weight: 600;

    font-size: 24px;

    color: #161616;

    line-height: 30px;

}

.team_single_post {

    margin: 0px 0 15px;

    font-weight: 600;

    font-size: 18px;

    color: #D32F2F;

    color: #16a64a;

    line-height: 30px;

}

.team_single_box_outer a {

    background-color: #d0e6ff;

    padding: 8px 25px;

    border-radius: 100px;

    display: inline-block;

    color: #0066D9;

    text-decoration: none;

    transition: all ease .2s;

}

.team_single_box_outer a:hover {

    background-color: #0066D9;

    color: #fff;

    background-color: #094FB7;

}







.how-we-engage-single-box {

    padding: 20px 30px;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #fff !important;

    text-align: left;

    border-radius: 16px;

    height: 100%;

    transition: all ease .2s;

}

.how-we-engage-single-box-img img {

    width: 60px;

}

.how-we-engage-single-box .single_service_title {

    font-weight: 600;

    margin: 0;

    font-size: 21px;

    color: #161616;

    line-height: 52px;

    margin-bottom: 10px;

}

.how-we-engage-single-box .single_service_text ul {

    padding: 0;

    list-style: none;

    margin-bottom: 20px;

}

.how-we-engage-single-box .single_service_text ul li {

    padding-left: 30px;

    position: relative;

    margin-bottom: 7px;

    font-size: 15px;

    color: #000;

}

.how-we-engage-single-box .single_service_text ul li:before{

    content: "\f192";

    font-family: "FontAwesome";

    /* margin-left: -20px; */

    position: absolute;

    left: 1px;

    font-size: 14px;

}

.engage-single-box-one {

    background-image: linear-gradient(to right, #ef8766, #f59d7f, #fab299, #fdc7b4, #ffdcd0);

}

.engage-single-box-one .single_service_text ul li:before{

    color: #fff;

}

.engage-single-box-two .single_service_text ul li:before{

    color: #ef8766;

}

.engage-single-box-three {

    /* background-image: linear-gradient(to right, #267e44, #469d61, #64bc80, #82dd9f, #a1fec0); */

}

.engage-single-box-three .single_service_text ul li:before{

    color: #267e44;

}

.engage-single-box-four {

    background-image: linear-gradient(to right, #267e44, #469d61, #64bc80, #82dd9f, #a1fec0);

}

.engage-single-box-four .single_service_text ul li:before{

    color: #fff;

}

.engage-single-box-five {

    background-image: linear-gradient(to right, #e7b554, #edc16c, #f3cd83, #f9d99a, #ffe5b2);

}

.engage-single-box-five .single_service_text ul li:before{

    color: #fff;

}

.engage-single-box-six {

    /* background-image: linear-gradient(to right, #e7b554, #edc16c, #f3cd83, #f9d99a, #ffe5b2); */

}

.engage-single-box-six .single_service_text ul li:before{

    color: #e7b554;

}

.how-we-engage-single-box:hover {

    box-shadow: 0 4px 6px 0px #00000075;

}

section.engage-potential .single_service_single_box_img_title {

    margin-bottom: -20px;

}

section.engage-potential .single_service_title {

    font-size: 16px;

}

section.engage-contact {

    padding: 60px 0 60px;

    background-image: url('../images/how-we-engage/fix-bg.png') !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

section.engage-contact .section_heading {

    font-size: 30px;

    margin-bottom: 20px;

    font-weight: 700;

    color: #fff;

    line-height: 55px;

}

section.engage-contact .section_sub_heading {

    font-size: 20px;

    margin-bottom: 30px;

    font-weight: 400;

}

section.engage-contact .readmore {

    background-color: #54A8C7;

    padding: 10px 25px;

    border-radius: 100px;

    display: inline-block;

    color: #fff;

    text-decoration: none;

    transition: all ease .2s;

}

section.engage-contact .readmore i {

    margin-left: 5px;

}

section.engage-contact .readmore:hover {

    background-color: #fff;

    color: #54A8C7;

}





section.Single_blog_page {

    padding: 40px 0 0;

}

.Single_blog_image {

    border-radius: 12px;

    overflow: hidden;

    margin-bottom: 15px;

}

.Single_blog_image img {

    width: 100%;

}

.Single_blog_heading {

    font-size: 23px;

    font-weight: 600;

    line-height: 35px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;

    margin-bottom: 10px;

    font-size: 26px;

}

.Single_blog_date_category {

    margin: 0 0 15px;

}



span.Single_blog_date, 

span.Single_blog_category {

    display: inline-block;

    margin-right: 15px;

    padding: 5px 10px;

    background-color: #d0e6ff;

    border-radius: 4px;

    font-size: 15px;

}

span.Single_blog_category{

    background-color: transparent;

    /* border: 1px dashed #d0e6ff; */

    box-sizing: border-box;

    /* background-color: #d0e6ff21; */

    background-color: #094fb7;

    color: #fff;

    border-radius: 100px;

    margin-right: 5px;

}

span.Single_blog_category i{

    margin-right: 4px;

}

span.Single_blog_category > span {

    color: #ffffff;

    font-weight: 500;

    font-size: 14px;

}

.Single_blog_para {

    font-size: 16px;

    color: #000;

}

.Single_blog_content .section_sub_heading {

    font-weight: 600;

    line-height: 30px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;

    margin-bottom: 10px;

    font-size: 20px;

}

.Single_blog_sidebar {

    padding: 20px;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    border-radius: 12px; 

}

.Single_blog_sidebar.sticky-top {

    top: 100px;

}



.Single_blog_sidebar_heading {

    font-weight: 600;

    line-height: 35px;

    letter-spacing: 0px;

    color: #0A1425;

    padding: 23px 0px 8px 0px;

    padding: 13px 0px 8px 0px;

    margin-bottom: 10px;

    font-size: 26px;

    padding-top: 0px;

}

.Single_blog_searchbox form .input-group {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

}

.Single_blog_searchbox form .input-group input {

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    border-color: #CACACA;

    color: #000;

    outline: none;

    box-shadow: none;

}

.Single_blog_searchbox form .input-group button {

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    border-color: #CACACA;

    color: #000;

    min-width: 42px;

    outline: none;

    box-shadow: none;

}

.Single_blog_searchbox form .input-group input:hover ,

.Single_blog_searchbox form .input-group input:focus{

    border-color: #16a64a;

}

.Single_blog_searchbox form .input-group input:hover ~ .input-group-append button,

.Single_blog_searchbox form .input-group input:focus ~ .input-group-append button,

.Single_blog_searchbox form .input-group-append button:hover,

.Single_blog_searchbox form .input-group-append button:focus{

    border-color: #16a64a;

    background-color: #16a64a;

    color: #fff;

}



.Single_blog_searchbox form .input-group:hover input{

    border-color: #16a64a;

}

.Single_blog_sidebar_category ul,

.Single_blog_sidebar_recent_post ul {

    height: 208px;

    overflow-y: auto;

    padding: 0;

    list-style: none;

}

.Single_blog_sidebar_category ul li,

.Single_blog_sidebar_recent_post ul li {

    padding: 6.25px 0 9.25px;

    padding: 3.25px 0 6.25px;

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #d3d3d3;

}

.Single_blog_sidebar_category ul li a,

.Single_blog_sidebar_recent_post ul li a {

    vertical-align: unset;

    line-height: 29px;

    margin-right: 0px;

    display: block;

    font-size: 14px;

    color: #000;

    font-weight: 500;

}



.Single_blog_sidebar_category ul li:first-child,

.Single_blog_sidebar_recent_post ul li:first-child{

    padding-top: 0px;

    border-top: 0px solid #d3d3d3;

}

.Single_blog_sidebar_category ul li:last-child,

.Single_blog_sidebar_recent_post ul li:last-child{

    padding-bottom: 0px;

    border-bottom: 0px solid #d3d3d3;

}

.Single_blog_sidebar_category ul li a:hover,

.Single_blog_sidebar_recent_post ul li a:hover {

    text-decoration: none;

    color: #f0812d;

}



.Single_blog_sidebar_recent_post ul li {

    border: none;

}

.Single_blog_sidebar_recent_post ul li a figcaption{

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0.2rem 1.2rem;

    margin-bottom: 0px;

}

.Single_blog_sidebar_recent_post ul li a figcaption img {

    width: 80px;

    width: 60px;

}

.Single_blog_sidebar_recent_post ul li a figcaption p {

    line-height: 20px;

    /* line-height: 29px; */

    /* display: block; */

    font-size: 14px;

    font-weight: 400;

}

section.requestAdemo {

    padding: 40px 0;

    background-image: url('../images/blogs/requestdemobg.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.requestAdemoform form {

    width: 80%;

}

section.requestAdemo .requestAdemoform .requestAdemoform_title {

    letter-spacing: 0px;

    padding: 13px 0px 8px 0px;

    margin-bottom: 20px;

    font-size: 45px;

    font-weight: 700;

    line-height: 55px;

    color: #fff;

    margin-bottom: 5px;

}

section.requestAdemo .requestAdemoform .requestAdemoform_sub_title{

    color: #fff;

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 20px;

}

.requestAdemoform form input {

    height: calc(1.5em + .75rem + 10px);

    padding: .375rem .75rem;

    border-radius: 10px;

}

.requestAdemoform form button {

    background-color: transparent;

    padding: 6px 25px;

    border-radius: 100px;

    display: inline-block;

    color: #fff;

    text-decoration: none;

    transition: all ease .2s;

    border: 1px solid #fff;

}

.requestAdemoform form button i {

    margin-left: 5px;

}

.requestAdemoform form button:hover {

    color: #0066D9;

    background-color: #fff;

}



.requestAdemovideo {

    flex-direction: column;

}

.requestAdemovideo {

    display: none !important

}



.requestAdemovideoimg {

    border: 2px dashed #54A8C7;

    border-radius: 1000px;

}

.requestAdemovideoimg a {

    display: flex;

    width: 50px;

    height: 50px;

    align-items: center;

    justify-content: center;

    background-color: #54A8C7;

    border-radius: 100px;

    margin: 6px;

    position: relative;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #000000;

}

.requestAdemovideoimg a i {

    font-size: 20px;

    margin-right: -4px;

    color: #fff;

    position: absolute;

}

span.icon-inner {

    display: block;

    width: 100%;

    height: 100%;

    border: 1px solid #31bae6;

    border-radius: 50%;

    position: absolute;

    animation: pulse 2s infinite;

    /* background-color: #31bae64a; */

    box-shadow: 0px 0px 17px -1px #31bae6 inset;

}

.requestAdemovideo p {

    margin: 19px 0;

    display: inline-block;

    font-size: 20px;

    color: #fff;

}

.requestAdemovideoimg:hover {

    border-color: #fff !important;

}

.requestAdemovideoimg:hover a{

    background-color: #fff;

}

.requestAdemovideoimg a:hover{

    /* background-color: #fff; */

}

.requestAdemovideoimg:hover a i {

    color: #54a8c7;

}

.requestAdemovideoimg:hover span.icon-inner {

    border-color: #fff !important;

}



@keyframes pulse {

    0% {

      transform: scale(0.99);

      border-width: 1px;

      opacity: 1;

    }

    100% {

      transform: scale(2.5);

      border-width: 0px;

      opacity: 0;

    }

  }





  .single_service_frame.data-analytics-services-inner .single_service_data_analytics_services {

    padding: 25px 25px 30px 25px;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

}



  .single_service_data_analytics_services {

    background-color: #EDF0F9 !important;

    background-image: url('../images/data-analytics-services/das1-1.png'), url('../images/data-analytics-services/das1-2.png');

    background-repeat: no-repeat, no-repeat;

    background-size: contain, auto;

    background-position: left top, right top;

    border: 1px solid #d9dff2;

    border-radius: 30px !important;

    overflow: hidden;

}

.single_service_frame.data-analytics-services-inner .single_service_data_analytics_services .single_service_box_two_sub_heading {

    letter-spacing: 0px;

    color: #000;

    padding: 13px 0px 8px 0px;

    /* margin-bottom: 30px; */

    font-weight: 400;

    line-height: 27px;

    font-size: 15px;

}







/* section.Why_choose .Why_choose_left_top {

    background-color: #127ED2;

    padding-top: 20px !important;

    color: #fff;

}

.Why_choose_left_top .single_service_title {

    align-self: center;

    font-weight: 600;

    margin: 20px 0;

    font-size: 21px;

    color: #ffffff;

    line-height: 30px;

    margin-bottom: 30px !important;

}

.single_service_text.single_service_text_new {

    margin-top: -40px;

}

.Why_choose_right {

    flex-direction: row;

    flex-wrap: wrap;

} */

section.Why_choose {

    /* background-color: #127ED2; */

    padding: 40px 0 40px;

    /* background-image: linear-gradient(to top, #09416d, #0a4f84, #0b5e9d, #0e6db5, #127ccf); */

    background-image: url('../images/industries/industry_bg.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    color: #fff;

}

section.Why_choose_expertise{

    padding: 40px 0 40px;

    /* background-image: url(../images/data-analytics-services/das2.png); */

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

}

section.Why_choose .section_heading.text-center {

    font-size: 26px;

    margin-bottom: 20px;

    font-weight: 700;

    color: #fff;

    line-height: 45px;

    text-align: left !important;

}

section.Why_choose .section_heading {

    /* font-size: 25px;

    margin-bottom: 25px;

    font-weight: 700;

    color: #fff;

    line-height: 37px; */

    font-size: 30px;

    margin-bottom: 25px;

    font-weight: 700;

    color: #fff;

    line-height: 40px;

}

section.Why_choose .section_sub_heading {

    font-size: 17px;

    margin-bottom: 30px;

    font-weight: 400;

    text-align: left !important;

    line-height: 29px;

}



.data_analytics_expertise{



}

section.Why_choose_expertise.data_analytics_expertise{

    background-image: url('../images/data-analytics-services/data-analytics-background-illustration.jpg');

}

section.Why_choose_expertise.mobile_app_development_expertise{

    background-image: url('../images/mobile-app-development-services/Mobile-App-Development-background-illustration.jpg');

}

section.Why_choose_expertise.Cloud_Application_expertise{

    background-image: url('../images/cloud-applications/ca2.png');

}

section.cloud_processing {

    padding: 40px 0;

}

section.cloud_processing .cloud_processing_imageOne img {

    width: 100%;

    max-width: 700px;

}

section.cloud_processing .arrow_images .cloud_arrow {

    width: 20px;

    margin: 10px 0;

}

section.cloud_processing img.cloud_middle_image {

    width: 100%;

    max-width: 300px;

}

section.cloud_processing img.cloud_middle_image.cloud_end_user {

    width: 100%;

    max-width: 200px;

}





.steps_img_box {

    overflow: hidden;

}



.steps_img_box > div {

    /* border: 3px dashed #fff;

    padding: 3px;

    border-radius: 10000px;

    border-image-slice: 1;

    background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    max-width: 560px;

    width: 100%;

    margin: 0 auto;

    animation: animName 30s linear infinite; */

    border: 3px dashed #fff;

    padding: 0px;

    border-radius: 10000px;

    border-image-slice: 1;

    background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    max-width: 560px;

    width: 100%;

    margin: 0 auto;

    animation: animName 30s linear infinite;

}



.steps_img_box img {

    max-width: 560px;

    width: 100%;

    border: 8px solid #fff;

    padding: 0px;

    border-radius: 10000px;

    border-image-slice: 1;

    /* border-width: 5px; */

    /* border-image-source: linear-gradient(to left, #743ad5, #d53a9d); */

    /* border-style: dashed !important; */

    background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a);

    /* -webkit-background-clip: text; */

    /* -webkit-text-fill-color: transparent; */

    /* outline: solid; */

    animation: animName2 30s linear infinite;

}

@keyframes animName {

    0%{

       transform: rotate(0deg);

      }

   100%{

       transform: rotate(360deg);

      }

   }



   @keyframes animName2 {

    0%{

       transform: rotate(0deg);

      }

   100%{

       transform: rotate(-360deg);

      }

   }



.counterNewnoTransform .main_counter_area {

    transform: unset !important;

}



.inner_page_top.GenAI .counterNew{

    margin: 3rem 0;

}

.single_service_lms {

  padding: 25px 25px 30px 25px;

  box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;    

  border: 1px solid #d9dff2;

  border-radius: 30px !important;

  overflow: hidden;

}

.single_service_lms_one {

    background-color: #EDF0F9 !important;

    background-image: url('../images/lms/lms1-1.png'), url('../images/lms/lms1-2.png');

    background-repeat: no-repeat, no-repeat;

    background-size: contain, auto;

    background-position: left top, right top;

    border: 1px solid #d9dff2;

    border-radius: 30px !important;

    overflow: hidden;

  }

  .single_service_lms .single_service_box_two_sub_heading {

    letter-spacing: 0px;

    color: #000;

    padding: 13px 0px 8px 0px;

    /* margin-bottom: 30px; */

    font-weight: 400;

    line-height: 27px;

    font-size: 15px;

}

.requestAdemo-lms{

    background-image: url('../images/lms/requestdemobg.png') !important;

}



.leadershipModal {

    /* padding: 0 !important; */

}

.leadershipModal .card .faq_title.collapsed, 

.leadershipModal .card .faq_title{

    justify-content: flex-start;

}

.leadershipModal .card .faq_title span{

    color: #36c486 !important;

    margin-left: 5px;

    font-weight: 500;

}

.leadershipModal .card .card-body .team_box {

    display: grid;

    grid-template-columns: 1fr 3fr !important;

    background-color: #fff;

    padding: 20px;

    border-radius: 10px !important;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

}

.leadershipModal .card .card-body .team_box .team_img {

    padding: 25px 30px;

    padding: 20px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    color: #fff;

    /* width: 100px; */

}

.leadershipModal .card .card-body .team_box .team_img img {

    width: 100%;

    background-color: #D0E6FF;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

    border: 1px solid #0066d912;

}

.leadershipModal .card .card-body .team_box .team_img .team_img_name {

    font-size: 22px;

    color: #000;

    text-align: center;

    margin: 17px 0;

    font-weight: 500;

}

.leadershipModal .card .card-body .team_box .team_img .team_img_name {

    font-size: 22px;

    color: #000;

    text-align: center;

    margin: 17px 0 1px;

    font-weight: 500;

}

.leadershipModal .card .card-body .team_box .team_descp {

}

.leadershipModal .card .card-body .team_box .team_img .team_img_position{

    color: #ee4648;

    font-weight: 500;

    text-align: center;

    color: #16a64a;

}

.leadershipModal .card .card-body .team_box .team_descp {

    height: 330px;

    overflow-y: auto;

    padding-right: 10px;

    display: flex;

    justify-content: start;

    /* align-items: center; */

    flex-direction: column;

}

.leadershipModal .card .card-body .team_box .team_descp p:last-child {

    margin: 0;

}



.single_service_contact{



}



.single_service_contact .single_service_text {

    color: #000;

}

.single_service_usa a:first-of-type {

    margin-top: 24px !important;

}

.single_service_text_india a, .single_service_usa a {

    margin-bottom: 5px;

    text-decoration: none;

}

.inner_page_top.Contact {

    /* background-image: linear-gradient(to right, #FEFFFE, #E8E9FD), url(../images/genAI/top-banner-bg.png) !important; */

    background-image: url('../images/contact/top-banner-bg.png') !important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #000;

    overflow: hidden;

}

.Get_in_touch_form_box_contact {

    border-radius: 16px;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    transition: all ease .2s;

}

.Get_in_touch_form_box_contact button {

    background-color: #094FB7 !important;

    border-color: #094FB7 !important;

    color: #fff;

}

.Get_in_touch_form_box_contact:hover {

    box-shadow: 0 4px 6px 0px #00000075;

}

.Get_in_touch_form_box_contact button:hover {

    /* background-color: #007bff !important;

    border-color: #007bff !important;

    color: #fff; */

    background-color: #d0e6ff !important;

    border-color: #0066D9 !important;

    color: #0066D9 !important;

}



.intl-tel-input,

.iti{

  width: 100%;

}

.iti__flag-container{

    padding: 0;

}

.iti--separate-dial-code .iti__selected-flag{

    border-top-left-radius: 7px;

    border-bottom-left-radius: 7px;

}

.Get_in_touch_form_box_contact .iti--separate-dial-code .iti__selected-flag,

.Get_in_touch_form_box .iti--separate-dial-code .iti__selected-flag {

    background: #094fb712;

}

section.Wireframes {

    padding: 40px 0 0;

    background-image: url('../images/mobile-app-development-services/wireframes/wireframes_bg.png');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

section.application_screens{

    padding: 40px 0;

}

section.Wireframes .owl-carousel .owl-stage-outer,

section.application_screens .owl-carousel .owl-stage-outer{

    padding: 20px 0;

}

section.Wireframes .item {

    border-radius: 20px;

    overflow: hidden;

    /* box-shadow: 0 4px 6px 0px #00000075; */

    cursor: grab;

    transition: all ease .2s;

}

section.application_screens .item{

    overflow: hidden;

    cursor: grab;

    transition: all ease .2s;

}

section.Wireframes .item img {

    width: 100%;

    transform: scale(1.01);

    transition: all ease .4s;

}

section.Wireframes .item:hover{

    box-shadow: 0 4px 6px 0px #00000075;

    box-shadow: 0 4px 6px 0px #00000075;

}

section.application_screens .item:hover {

    filter: drop-shadow(0px 6px 4px #00000075);

}

section.Wireframes .item:hover img{

    transform: scale(1.1);

}

section.Wireframes .owl-carousel .owl-dots,

section.application_screens .owl-carousel .owl-dots {

    margin: 20px 0 20px;

}

section.application_screens .owl-carousel .owl-item.active,

section.application_screens .owl-carousel .owl-item {

    transform: scale(0.88);

    transition: all ease .4s;

}

section.application_screens .owl-carousel .owl-item.active.center {

    transform: scale(1.04);

    transition: all ease .4s;

}



section.application_screens .owl-carousel .owl-nav {

    /* position: absolute;

    bottom: 19px;

    width: calc(100% + 0px);

    left: calc(0px - 0px);

    margin: 0;

    z-index: -1;

    transition: all ease .2s; */

}

section.application_screens .owl-carousel .owl-nav {

    position: relative;

    width: 400px;

    margin: 8px auto;

    clear: both;

}



section.application_screens .owl-carousel .owl-nav .owl-prev{

    float: left;

}

section.application_screens .owl-carousel .owl-nav .owl-next{

    float: right;

}

section.application_screens .owl-carousel .owl-nav .owl-prev,

section.application_screens .owl-carousel .owl-nav .owl-next{

    align-items: center;

    background-color: #094fb7;

    border-color: #094fb7;

    border-radius: 7px;

    display: inline-flex;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    color: #fff;

    font-size: 14px;

}

section.application_screens .owl-carousel .owl-nav .owl-prev:hover,

section.application_screens .owl-carousel .owl-nav .owl-next:hover{

    background-color: #0B63E5;

    border-color: #0B63E5;

}





section.technologies_screens,

section.data_visualization_screens,

section.Cloud_tools{

    padding: 40px 0;

    background: #f0f5ff;

}

section.technologies_screens .item,

section.data_visualization_screens .item,

section.Cloud_tools .item {

    border-radius: 10px;

    border: 1px solid #31bae6;

    transition: all ease .2s;

    overflow: hidden;

    background-color: #ffffff;

    padding: 10px;

    transition: all ease .2s;

}

section.technologies_screens .owl-carousel .owl-stage-outer,

section.data_visualization_screens .owl-carousel .owl-stage-outer,

section.Cloud_tools .owl-carousel .owl-stage-outer {

    padding: 20px 0;

}

section.technologies_screens .item:hover,

section.data_visualization_screens .item:hover,

section.Cloud_tools .item:hover  {

    /* filter: drop-shadow(0px 6px 4px #00000075); */

    box-shadow: 0 4px 6px -1px #b7c4d9;

}

section.technologies_screens .item img,

section.data_visualization_screens .item img,

section.Cloud_tools .item img{

    transition: all ease .2s;

    max-width: 120px;

    margin: 0 auto;

}

section.technologies_screens .item:hover img,

section.data_visualization_screens .item:hover img,

section.Cloud_tools .item:hover img {

    transform: scale(1.04);

}

section.technologies_screens .owl-carousel .owl-nav .owl-prev, 

section.technologies_screens .owl-carousel .owl-nav .owl-next,

section.data_visualization_screens .owl-carousel .owl-nav .owl-prev, 

section.data_visualization_screens .owl-carousel .owl-nav .owl-next,

section.Cloud_tools .owl-carousel .owl-nav .owl-prev, 

section.Cloud_tools .owl-carousel .owl-nav .owl-next{

    align-items: center;

    background-color: #094fb7;

    border-color: #094fb7;

    border-radius: 7px;

    display: inline-flex;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    color: #fff;

    font-size: 14px;

}



section.technologies_screens .owl-carousel .owl-nav .owl-prev:hover, 

section.technologies_screens .owl-carousel .owl-nav .owl-next:hover,

section.data_visualization_screens .owl-carousel .owl-nav .owl-prev:hover, 

section.data_visualization_screens .owl-carousel .owl-nav .owl-next:hover,

section.Cloud_tools .owl-carousel .owl-nav .owl-prev:hover, 

section.Cloud_tools .owl-carousel .owl-nav .owl-next:hover{

    background-color: #0B63E5;

    border-color: #0B63E5;

}







section.data_science_process {

    padding: 40px 0 40px;

    background-color: #fff !important;

    background-image: url('../images/data-analytics-services/dspbg2.png'), url('../images/data-analytics-services/dspbg1.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, auto;

    background-position: right 40px bottom 110px, left -120px top 60px;

    /* border: 1px solid #d9dff2; */

    /* border-radius: 30px; */

    overflow: hidden;

}

.dsp_box_outer {

    /* background-color: #fff; */

    /* border-radius: 16px; */

    /* padding: 20px;

    margin: 40px 0 10px; */

    padding: 18px 22px;

    margin: 40px 0 40px;

}

.dsp_box_inner {

    background-color: #F1F2F2;

    border-radius: 30px;

    position: relative;

    min-height: 230px;

    height: 100%;

    padding: 50px 15px 15px 15px;

    /* box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9; */

    box-shadow: 0 4px 6px 0px #00000042;

    /* box-shadow: 0 4px 19px 0px #0000003b; */

    box-sizing: border-box;

    border-top: 2px solid #fff;



}

.dsp_box_img {

    display: inline-block;

    position: absolute;

    top: calc(-50% + 50px);

    left: calc(50% - 50px);

}

.dsp_box_img img {

    width: 100px;

    filter: drop-shadow(0px 8px 10px #0000002e);

    /* box-shadow: 1px 1px 1px 1px #0000002e; */

}

.dsp_box_inner .dsp_box_title {

    text-align: center;

    font-weight: 600;

    font-size: 20px;

    color: #161616;

    /* line-height: 60px; */

    margin: 10px 0 21px;

}

.dsp_box_inner .dsp_box_text {

    /* text-align: center; */

    font-size: 16px;

    word-break: normal;

}

.dsp_box_outer {

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

}

.dsp_box_outer_one {

    background-image: url('../images/data-analytics-services/dsp1bg.svg');

}

.dsp_box_outer_two {

    background-image: url('../images/data-analytics-services/dsp2bg.svg');

}

.dsp_box_outer_three {

    background-image: url('../images/data-analytics-services/dsp3bg.svg');

}

.dsp_box_outer_four {

    background-image: url('../images/data-analytics-services/dsp4bg.svg');

}

.dsp_box_outer_five {

    background-image: url('../images/data-analytics-services/dsp1bg.svg');

}

.dsp_box_outer_six {

    background-image: url('../images/data-analytics-services/dsp2bg.svg');

}

.dsp_box_outer_seven {

    background-image: url('../images/data-analytics-services/dsp3bg.svg');

}





.dsp_box_outer .dsp_box_img{

    background-color: #fff;

    border-radius: 1000px;

    width: 100px;

    height: 100px;

    padding: 10px;

    text-align: center;

    filter: drop-shadow(0px 8px 10px #0000002e);

}

.dsp_box_outer .dsp_box_img .dsp_box_img_outer{

    height: 100%;

    /* background-color: #873e35; */

    border-radius: 1000px;

    line-height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: 25px;

    font-weight: 700;

}

.dsp_box_outer_one .dsp_box_img .dsp_box_img_outer{

    background-color: #873e35;

}

.dsp_box_outer_two .dsp_box_img .dsp_box_img_outer{

    background-color: #fc9a1f;

}

.dsp_box_outer_three .dsp_box_img .dsp_box_img_outer{

    background-color: #1a6f87;

}

.dsp_box_outer_four .dsp_box_img .dsp_box_img_outer{

    background-color: #2abec0;

}

.dsp_box_outer_five .dsp_box_img .dsp_box_img_outer{

    background-color: #873e35;

}

.dsp_box_outer_six .dsp_box_img .dsp_box_img_outer{

    background-color: #fc9a1f;

}

.dsp_box_outer_seven .dsp_box_img .dsp_box_img_outer{

    background-color: #1a6f87;

}



section.all_technologies {

    padding: 40px 0 40px;

}

.all_technologies_box {

    padding: 30px 20px;

    border-radius: 16px;

}

.all_technologies_box h2 {

    /* width: 100%;

    float: left;

    margin: 0;

    font-size: 15.83px;

    color: #000000;

    font-weight: 600; */

    width: 100%;

    float: left;

    margin: 0;

    font-size: 15.83px;

    color: #000000;

    font-weight: 600;

}

.all_technologies_language span.all_technologies_icon {

    /* background-image: url(https://www.webcrayons.biz/Includes/images/new-drop-down/Services-icon.png);

    width: 32px;

    height: 31px;

    float: none;

    background-repeat: no-repeat;

    display: inline-block;

    vertical-align: middle;

    margin: 0 20px 0 0px; */

    width: 32px;

    height: 33px;

    float: none;

    background-repeat: no-repeat;

    display: inline-block;

    vertical-align: middle;

    margin: 0 20px 0 0px;

    text-align: center;

    line-height: 30px;

    border: 2px solid #ff6000;

    border-radius: 1000px;

    background-color: #fff;

    color: #ff6000;

    box-shadow: 0 4px 6px 0px #00000038;

}

.all_technologies_language span.all_technologies_title{

    background-color: transparent;

    color: #000 !important;

    font-size: 15.83px;

    padding: 0;

    font-weight: 600;

    font-family: 'Source Sans Pro', sans-serif !important;

    text-transform: unset;

    float: none;

    display: inline-block;

    vertical-align: middle;

}

.all_technologies_box ul{



}

.all_technologies_box ul {

    width: 100%;

    float: left;

    margin: 0 0 15px 15px;

    margin: 10px 0 15px 15px;

    list-style: none;

    padding: 0;

}

.all_technologies_box ul li {

    width: 100%;

    margin: 0;

    padding: 2px 0 2px 43px;

    position: relative;

    float: left;

}

.all_technologies_box ul li:before {

    content: "";

    width: 2px;

    height: 40px;

    float: left;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #ff6000;

}



.all_technologies_box ul li:after {

    content: "";

    width: 27px;

    height: 2px;

    float: left;

    position: absolute;

    top: 16px;

    left: 0;

    background-color: #ff6000;

}



.all_technologies_box ul li:last-child:before {

    height: 18px;

}

.all_technologies_box ul li:first-child:before {

    content: '';

    height: 50px;

    top: -10px;

}

img.h-35 {

    height: 35px;

    mix-blend-mode: multiply;

}



section.all_technologies .all_technologies_box {

    /* background-color: #EDF0F9 !important; */

    background-image: url('../images/optiML-QMS/qms2-1.png'), url('../images/optiML-QMS/qms2-2.png');

    background-repeat: no-repeat, no-repeat;

    /* background-size: 60px 100%, 76px 40%;

    background-position: right top 10px, left -10px top; */

    background-size: 50% 110%, 20% 40%;

    background-position: right -10px top 0px, left -10px top 0px;

    border: 1px solid #d9dff2;

    border-radius: 30px;

    overflow: hidden;

}

.inner_ol_li,

.inner_ul_li {

    margin: 25px 0;

    padding-left: 20px;

}

.inner_ol_li li,

.inner_ul_li li {

    padding-left: 8px;

    margin-bottom: 10px;

}

.inner_ol_li li::marker,

.inner_ul_li li::marker {

    font-weight: 700;

}

section#Award_section {

    overflow: hidden;

}

section#Award_section .single_service_single_box {

    padding: 15px;

}

section#Award_section .Award_box .Award_box_inner {

    background-image: linear-gradient(to top, #ffddc8, #ffddc8, #ffddc88c, #ffddc86e, #ffffff);

    border-radius: 34px 10px 10px 10px;

    border: 1px solid #fef0e6;

    background: #ffddc8;

    height: 100%;

    vertical-align: middle;

    display: flex;

    justify-content: center;

    align-items: center;

}

section#Award_section .Award_box .Award_box_inner img {

    width: 100%;

}

section#Award_section .Award_title .Award_title_heading {

    margin: 15px 0px;

    font-weight: 600;

    font-size: 24px;

    color: #161616;

    line-height: 30px;

}

section#Award_section .Award_title p {

    font-size: 15px;

    margin-top: 10px;

}



section.thankyou {

    min-height: calc(100vh - 500px);

    width: 100%;

    border-radius: 16px;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    /* background-image: url(../images/contact/top-banner-bg.png) !important; */

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #000;

    overflow: hidden;

}

.thankyou_box {

    border-radius: 16px;

    background-color: #fff;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #EDF0F9 !important;

    background-image: url('../images/optiML-QMS/qms2-1.png'), url('../images/optiML-QMS/qms2-2.png');

    background-repeat: no-repeat, no-repeat;

    background-size: auto, auto;

    background-position: right top, left top;

    border: 1px solid #d9dff2;

    border-radius: 30px;

    box-shadow: 0 4px 6px 0px #00000075;

}

.thankyou_box img {

    mix-blend-mode: multiply;

    width: 200px;

}

.thankyou_box h1 {

    font-size: 28px;

}



.Unified_leasning_platform .tab-content>.tab-pane {

    margin-bottom: 10px;

    margin: 0px 0 10px 0;

}

section.what_we_do .tab-content>.tab-pane .card-header{

    padding: 0;

    width: 100%;

}

section.what_we_do .tab-content>.tab-pane .card-header a {

    display: block;

    width: 100%;

    /* border-radius: 10px; */

    background-color: #f0f5ff;

    color: #094fb7 !important;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    /* border: 1px solid #094fb72e !important; */

    font-size: 15px;

    line-height: 27px;

    padding: .5rem .95rem;

    cursor: pointer;

    text-decoration: none;

}

.Unified_leasning_platform .tab-content > .tab-pane .card-body {

    border: 7px solid #fff;

    /* border-radius: 10px; */

    padding: 0;

}

section.what_we_do .tab-content>.tab-pane .card-header a[aria-expanded="true"] {

    color: #fff !important;

    background-color: #094fb7;

}

.header_section .navbar #ContactBtn{

    /* display: inline-flex;

    padding: .25rem 0.6rem;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

    border-radius: .25rem;

    background: #f0812d;

    border: 1px solid #f0812d;

    color: #fff;

    margin-right: 5px; */

    display: inline-flex;

    padding: 0.3rem 0.9rem;

    padding: 0.3rem 0.7rem 0.3rem 0.9rem;

    justify-content: center;

    align-items: center;

    border-radius: 25px;

    /* border-radius: .25rem; */

    background: #ffffff;

    border: 0px solid transparent;

    color: #ffffff;

    margin-right: 4px;

    /* background-image: linear-gradient(90deg, #00D2FC, #f0812d, #e4252e, #16a64a); */

    /* -webkit-background-clip: text; */

    /* -webkit-text-fill-color: transparent; */

    /* -webkit-animation: hue 20s infinite linear; */

    /* background-color: #1fd1f9; */

    background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);

    /* background: transparent; */

    background: #f0812d

}

.header_section .navbar #ContactBtn i {

    margin-left: 6px;

    font-size: 1.2rem;

    vertical-align: text-bottom;

}



.header_section .navbar #ContactBtn{

    display: none;

}



.showMessage .toast-body {

    padding: .475rem 1.5rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    background-color: green;

    color: #fff;

    display:none;

}



.team-event-box {

    border-radius: 16px;

    overflow: hidden;

    img{

        width: 100%;

    }

}

.Team-about-portion-heading {

    font-size: 20px;

    margin-bottom: 3px;

    font-weight: 500;

    color: #5B53FF;

    line-height: 33px;

    /* font-size: 15.83px; */

}

.Team-about-portion-sub-heading {

    font-size: 34px;

    font-weight: 600;

    line-height: 47px;

    letter-spacing: 0px;

    color: #0A1425;

    margin-bottom: 20px;

}

.Team-about-portion-para{

    font-size: 18px;

    font-weight: 400;

    line-height: 27px;



}

.Team-about-portion .viewmore {

    background-color: #5B53FF;

    color: #fff;

    padding: 10px 20px;

    display: inline-block;

    border-radius: 6px;

    margin-top: 10px;

    text-transform: capitalize;

    transition: all ease .3s;

    text-decoration: none;

    border: 1px solid transparent;

}

.Team-about-portion .viewmore:hover {

    border-color: #5B53FF;

    color: #5B53FF;

    background-color: #fff;

}

.our-team-box {

    border: 1px solid #ced4da;

    padding: 25px;

    border-radius: 16px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    height: 100%;

    overflow: hidden;

    transition: all ease .2s;

}

.our-team-box-image {

    border-radius: 1000px;

    overflow: hidden;

    border: 1px solid #ced4da;

    padding: 0px;

    box-sizing: border-box;

    width: 100%;

    transition: all ease .2s;

}

.our-team-box-image img{

    transition: all ease .3s;

}

.our-team-box .our-team-box-name {

    font-weight: 600;

    font-size: 19px;

    color: #161616;

    color: #0A1425;

    margin: 15px 0;

}

.our-team-box .our-team-box-profile {

    font-size: 14px;

    line-height: 14px;

    color: #5B53FF;

    font-weight: 600;

    text-align: center;

    line-height: 17px;

    margin-bottom: 0px;

}

.our-team-box .our-team-box-social ul {

    padding: 0;

    list-style: none;

    margin: 0;

    margin-top: 15px;

}

.our-team-box .our-team-box-social ul li {

    display: inline-block;

    /* float: left; */

    width: 30px;

    height: 30px;

    text-align: center;

    vertical-align: middle;

    margin-right: 5px;

    border-radius: 2px;

    overflow: hidden;

    transition: all ease .1s;

}

.our-team-box .our-team-box-social ul li a {

    /* width: 30px;

    height: 30px;

    text-align: center;

    vertical-align: middle;

    display: inline-block; */

    width: 30px;

    height: 30px;

    text-align: center;

    vertical-align: middle;

    display: block;

    line-height: 30px;

    color: #ced4da;

    border: 1px solid #ced4da;

    border-radius: 4px;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.our-team-box .our-team-box-social ul li:last-child {

    margin: 0;

}

.our-team-box .our-team-box-social ul li a i {

    color: #ced4da;

}

.our-team-box:hover {

    border-color: #5B53FF;

    border-color: #5b53ff85;

    box-shadow: 0 4px 6px 0px #00000075;

    box-shadow: 0 6px 6px 0px #0000002b;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

}

.our-team-box:hover .our-team-box-image {

    border-color: #5B53FF;

    border-color: #ffffff;

    box-shadow: 0px 0px 16px -1px #5B53FF;

    /* transform: scale(2.1);

    transform-origin: 50% 30%; */

}

.our-team-box:hover .our-team-box-social ul li a{

    color: #fff;

    border-color: #5B53FF;

    background-color: #5B53FF;

}

.our-team-box:hover .our-team-box-social ul li a i  {

    color: #fff;

}

.our-team-box:hover .our-team-box-social ul li a:hover {

    background-color: #fff;

    color: #5B53FF;

}

.our-team-box:hover .our-team-box-social ul li a:hover i {

    color: #5B53FF;

}

.our-team-box:hover .our-team-box-image img {

    -webkit-transform: scale3D(1.1, 1.1, 1);

    transform: scale3D(1.1, 1.1, 1);

}

section.customer-feedback .item {

    padding: 20px 10px;

}

section.customer-feedback .feedback-box {

    border: 1px solid #ced4da;

    padding: 20px 15px;

    border-radius: 16px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    height: 100%;

    transition: all ease .2s;

    border-color: #d0e6ff;

    background-color: #d0e6ffe3;

}

.video-box video {

    width: 100%;

    max-width: 533px;

    height: 100%;

}



section.customer-feedback .feedback-box .feechack-para {

    text-align: center;

    color: #3d3d3d;

    margin: 13px 0 5px;

    font-size: 15px;

    width: 90%;

}

section.customer-feedback .feedback-box .feecback-img {

    width: 60px;

    border: 2px solid #ffffff;

    border-radius: 100px;

    filter: drop-shadow(2px 4px 6px #00000054);

    margin: 15px 0 0;

}

.owl-carousel .owl-item img {

    display: block;

    width: 100%;

}

section.customer-feedback .feedback-box .feedback-name {

    margin: 20px 0 5px;

    font-weight: 500;

    font-style: italic;

}

section.customer-feedback .feedback-box:hover {

    box-shadow: 0px 3px 10px 0px #7d90a5;

    /* border-color: #fff; */

}

section.customer-feedback .owl-nav{



}

section.customer-feedback .owl-nav button{



}

section.customer-feedback .owl-nav button {

    background-color: #d0e6ff !important;

    color: #0066D9 !important;

    align-items: center;

    border-radius: 7px !important;

    display: inline-flex !important;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    /* border: 1px solid #0066D9 !important; */

}

section.customer-feedback .owl-nav button:hover {

    color: #fff !important;

    background-color: #0066D9 !important;

}







/* all features page */



.all_features_page{

    scroll-behavior: smooth !important;

    background-image: linear-gradient(to right top, #b6e0ff, #b3daff, #b2d4ff, #b4ceff, #b7c7ff, #bcc4ff, #c2c1ff, #c9bdff, #d1bdff, #d8bdff, #e0bcff, #e8bcff);

    background-image: linear-gradient(to right top, #f2ddb1, #e9e0b1, #dee3b2, #d3e6b6, #c7e9bc);

    background-image: linear-gradient(to right top, #f4f9ff, #ecf3fc, #e5ecf9, #dfe6f5, #d9dff2);

    background-image: linear-gradient(to right top, #dae2f8, #e5e9fa, #eff0fb, #f7f7fd, #ffffff);

}

.all_features_list ul {

    padding: 0;

    list-style: none;

}

.all_features_list ul li {

    /* margin-bottom: 10px; */

}

.all_features_list ul li a {

    display: block;

    border: 0.5px solid #000;

    margin: 5px 0;

    margin: 0px 0 10px 0;

    background-color: #fff;

    color: #000;

    font-size: 18px;

    font-style: normal;

    /* font-weight: 600; */

    font-weight: 400;

    line-height: 18px;

    padding: 1rem 1rem;

    text-align: left;

    border-radius: 10px;

    /* background-color: #f0f5ff; */

    color: #094fb7 !important;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

    font-size: 15px;

    line-height: 27px;

    padding: .5rem .95rem;

    cursor: pointer;

    text-decoration: none;

}

.all_features_list ul li a:hover {

    color: #fff !important;

    background-color: #094fb7;

}

.all_features_single_list .single_service_title {

    font-weight: 600;

    margin: 0;

    font-size: 20px;

    font-size: 17px;

    color: #161616;

    margin-bottom: 14px;

    margin-bottom: 30px;

    

}

.all_features_single_section .section_heading {

    margin-bottom: 40px;

    color: #094fb7 !important;

}

.all_features_single_row{

    gap: 20px;

    margin-bottom: 30px;

}

.all_features_single_list {

    /* flex-grow: 1;

    flex-basis: 0;

    background-color: #f0f5ff;

    border: 1px solid #094fb72e !important;

    padding: 15px;

    border-radius: 5px; */

    flex-grow: 1;

    flex-basis: 0;

    background-color: #f0f5ff;

    /* border: 1px solid #094fb72e !important; */

    padding: 20px 25px;

    padding: 15px 15px;

    border-radius: 5px;

    box-shadow: 0rem 1.1rem 5rem -0.5rem #b7c4d9;

    background-color: #fff !important;

    text-align: left;

    border-radius: 40px 16px 16px 16px;

    /* height: 100%; */

    transition: all ease .2s;

    border: 1px solid #d3ddff !important;

}

.all_features_single_list:hover{

    box-shadow: 0 4px 6px 0px #00000075;

}



.all_features_single_list p {

    font-size: 15px;

    margin: 0 4px 10px;

}

.all_features_single_section {

    position: relative;

}

.hash {

    position: absolute;

    top: -90px;

}

.all_features_list .sticky-top{

    top: 90px;

    margin-top: 64px;

}

.all_features_page .bg-white {

    background-color: transparent !important;

}





#all_features_list .navlink.active {

    color: #fff !important;

    background-color: #094fb7;

}



/* .hero .all_features_single_section:first-child {

    padding-top: 90px !important;

    transition: all ease .3s;

} */

/* .hero {

    padding-top: 90px !important;

    transition: all ease .3s;

} */

.hero #all_features_list_detail {

    /* margin-top: 200px; */

}



.all_features_single_section {

    position: relative;

    padding-top: 72px !important;

    padding-bottom: 0px !important;

}

.ExtraSpace .all_features_single_section{

    padding-top: 90px !important;

}

.negative-margin-bottom {

    margin-bottom: -15px !important;

}





/* CRM page */

section#crm_sliding_button {

    background-image: linear-gradient(to right, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);

    padding: 6px 0;

}



.wrapper{

  }

  

  .crm_sliding_button_box .toggle_radio{

    position: relative;

    background: #ffffff47;

    margin: 0px auto;

    overflow: hidden;

    padding: 0 !important;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    position: relative;

    height: 50px;

    width: 100%;

  }

  .crm_sliding_button_box .toggle_radio > * {

    float: left;

  }

  .crm_sliding_button_box .toggle_radio input[type=radio]{

    display: none;

  }

  .crm_sliding_button_box .toggle_radio label{

    color: #000;

    z-index: 0;

    display: block;

    width: 33.33%;

    height: 24px;

    height: 38px;

    margin: 6px auto;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    cursor: pointer;

    z-index: 1;

    text-align: center;

    z-index: 2;

    position: relative;

  }

  .crm_sliding_button_box .toggle_radio label p{

    margin: 0;

    line-height: 38px;

  }

  .crm_sliding_button_box .toggle_radio .toggle_option_slider{

    width: 33.33%;

    height: 40px;

    position: absolute;

    top: 5px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease;

  }

  

  .crm_sliding_button_box .toggle_radio #first_toggle:checked ~ .toggle_option_slider{

    background: rgba(255,255,255,.3);

    left: calc(0% + 6px);

    width: calc(33.33% - 6px) !important;

    z-index: 1;

    background-color: #fff;

    box-shadow: 0 4px 9px -1px #00000075;

  }

  .crm_sliding_button_box .toggle_radio #second_toggle:checked ~ .toggle_option_slider{

    background: rgba(255,255,255,.3);

    left: 33.33%;

    z-index: 1;

    background-color: #fff;

    box-shadow: 0 4px 9px -1px #00000075;

  }

  .crm_sliding_button_box .toggle_radio #third_toggle:checked ~ .toggle_option_slider{

    background: rgba(255,255,255,.3);

    left: calc(66.66% - 0px);

    width: calc(33.33% - 6px);

    z-index: 1;

    background-color: #fff;

    box-shadow: 0 4px 9px -1px #00000075;

  }

  #crm_sliding_button_detail{

    background-image: linear-gradient(to right top, #f2ddb1, #e9e0b1, #dee3b2, #d3e6b6, #c7e9bc);

    background-image: linear-gradient(to right top, #f6e6c7, #efe8c7, #e8ebc8, #dfedcb, #d7efcf);

  }

  #crm_sliding_button_detail .content_area {

    margin-top: 0px;

}



#crm_sliding_button_detail .tab_content {

    display: none; /* Hide all by default */

}

#crm_sliding_button_detail .content_area .ViewAllFeatures {

    display: inline-block;

    background-color: #2194a2;

    /* border: 1px solid #54a8c7; */

    padding: 10px 25px;

    border-radius: 100px;

    display: inline-block;

    color: #fff;

    text-decoration: none;

    transition: all ease .2s;

    overflow: hidden;

    position: relative;

}

#crm_sliding_button_detail .content_area .ViewAllFeatures:hover {

    background-color: #fff;

    color: #2194a2;

    box-shadow: 0 4px 6px 0px #0000003d;

}

#crm_sliding_button_detail .tab_content.active {

    display: block; /* Show active content */

}

.single_service_frame.crm-inner-page .single_service_box_inner.single_service_box_inner_one{



}

.single_service_frame.crm-inner-page .single_service_box_inner .single_service_box_two_sub_heading {

    margin-bottom: 0px;

}

.single_service_frame.crm-inner-page .single_service_box_inner.single_service_box_inner_two img {

    /* max-width: 110px; */

    max-width: 100%;

}

.single_service_frame.crm-inner-page .single_service_box_inner.single_service_box_inner_one img{

    /* max-width: 110px; */

    max-width: 100%;

}







/* 

.team-event-portion .owl-carousel .item {

    width: 100% !important; 

    height: 350px;

    overflow: hidden; 

}

.team-event-portion .owl-carousel .item {

    background-size: cover; 

    background-position: center; 

}

.team-event-portion .owl-carousel .item img {

    width: 100%; 

    height: 100%; 

    object-fit: cover; 

} */

#teameventportion,

#teamsportsportion,

#teameventmain {

    border-radius: 15px;

    overflow: hidden;

}

#crmDialer,

#crmAnalytics,

#crmQms {

    border-radius: 15px;

    padding-bottom: 30px;

}

#crmDialer .carousel-inner,

#crmAnalytics .carousel-inner,

#crmQms .carousel-inner{    

    border-radius: 15px;

}   

#crmDialer .carousel-indicators,

#crmAnalytics .carousel-indicators,

#crmQms .carousel-indicators {

    bottom: 0px;

    margin-bottom: 6px;

}

#crmDialer .carousel-indicators li,

#crmAnalytics .carousel-indicators li,

#crmQms .carousel-indicators li {

    width: 8px;

    height: 8px;

    margin: 0px 7px;

    background: #ffffff;

    display: inline-block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

    opacity: .4;

}



#crmDialer .carousel-indicators li:nth-child(1),

#crmAnalytics .carousel-indicators li:nth-child(1),

#crmQms .carousel-indicators li:nth-child(1),

#crmDialer .carousel-indicators li:nth-child(5),

#crmAnalytics .carousel-indicators li:nth-child(5),

#crmQms .carousel-indicators li:nth-child(5),

#crmDialer .carousel-indicators li:nth-child(9),

#crmAnalytics .carousel-indicators li:nth-child(9),

#crmQms .carousel-indicators li:nth-child(9),

#crmDialer .carousel-indicators li:nth-child(13),

#crmAnalytics .carousel-indicators li:nth-child(13),

#crmQms .carousel-indicators li:nth-child(13){

    background: #e4252e !important;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #e4252e !important;

    box-shadow: 0px 0px 5px #000;

}

#crmDialer .carousel-indicators li:nth-child(2),

#crmAnalytics .carousel-indicators li:nth-child(2),

#crmQms .carousel-indicators li:nth-child(2),

#crmDialer .carousel-indicators li:nth-child(6),

#crmAnalytics .carousel-indicators li:nth-child(6),

#crmQms .carousel-indicators li:nth-child(6),

#crmDialer .carousel-indicators li:nth-child(10),

#crmAnalytics .carousel-indicators li:nth-child(10),

#crmQms .carousel-indicators li:nth-child(10),

#crmDialer .carousel-indicators li:nth-child(14),

#crmAnalytics .carousel-indicators li:nth-child(14),

#crmQms .carousel-indicators li:nth-child(14){

    background: #31bae6!important;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #31bae6!important;

    box-shadow: 0px 0px 5px #000;

}

#crmDialer .carousel-indicators li:nth-child(3),

#crmAnalytics .carousel-indicators li:nth-child(3),

#crmQms .carousel-indicators li:nth-child(3),

#crmDialer .carousel-indicators li:nth-child(7),

#crmAnalytics .carousel-indicators li:nth-child(7),

#crmQms .carousel-indicators li:nth-child(7),

#crmDialer .carousel-indicators li:nth-child(11),

#crmAnalytics .carousel-indicators li:nth-child(11),

#crmQms .carousel-indicators li:nth-child(11),

#crmDialer .carousel-indicators li:nth-child(15),

#crmAnalytics .carousel-indicators li:nth-child(15),

#crmQms .carousel-indicators li:nth-child(15){

    background: #16a64a!important;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #16a64a!important;

    box-shadow: 0px 0px 5px #000;

}

#crmDialer .carousel-indicators li:nth-child(4),

#crmAnalytics .carousel-indicators li:nth-child(4),

#crmQms .carousel-indicators li:nth-child(4),

#crmDialer .carousel-indicators li:nth-child(8),

#crmAnalytics .carousel-indicators li:nth-child(8),

#crmQms .carousel-indicators li:nth-child(8),

#crmDialer .carousel-indicators li:nth-child(12),

#crmAnalytics .carousel-indicators li:nth-child(12),

#crmQms .carousel-indicators li:nth-child(12),

#crmDialer .carousel-indicators li:nth-child(16),

#crmAnalytics .carousel-indicators li:nth-child(16),

#crmQms .carousel-indicators li:nth-child(16){

    background: #f0812d!important;

    transform: scale(1.1);

    border: 1px solid #fff;

    outline: 1px solid #f0812d!important;

    box-shadow: 0px 0px 5px #000;

}



.inner_page_top ul {

    padding: 0;

    list-style: none;

    font-weight: 500;

    color: #000;

}

.inner_page_top ul li {

    margin-bottom: 6px;

}

.inner_page_top ul img {

    max-width: 105px;

}



#crmDialer .carousel-indicators li.active,

#crmAnalytics .carousel-indicators li.active,

#crmQms .carousel-indicators li.active{

    opacity: 1;

}



.team-event-portion .carousel-item img,

.team-sports-portion .carousel-item img,

#crmDialer .carousel-item img,

#crmAnalytics .carousel-item img,

#crmQms .carousel-item img  {

    min-height: 474px;

    object-fit: cover;

    width: 100% !important; 

  }



  #crmAnalytics .carousel-item img  {

    min-height: 474px;

    object-fit: fill;

    width: 100% !important; 

  }



  #teameventportion button,

  #teamsportsportion button,

  #teameventmain button,

  #crmDialer button,

  #crmAnalytics button,

  #crmQms button  {

    background-color: #0066d9 !important;

    color: #ffffff !important;

    align-items: center;

    border-radius: 7px !important;

    display: inline-flex !important;

    flex-shrink: 0;

    font-size: 1.25rem;

    height: 32px;

    justify-content: center;

    transition: .3s ease-in-out;

    width: 32px;

    top: calc(50% - 16px);

    opacity: .7;

}

#teameventportion button.carousel-control-prev,

#teamsportsportion button.carousel-control-prev,

#teameventmain button.carousel-control-prev,

#crmDialer button.carousel-control-prev,

#crmAnalytics button.carousel-control-prev,

#crmQms button.carousel-control-prev {

    margin-left: 10px;

}

#teameventportion button.carousel-control-next,

#teamsportsportion button.carousel-control-next,

#teameventmain button.carousel-control-next,

#crmDialer button.carousel-control-next,

#crmAnalytics button.carousel-control-next,

#crmQms button.carousel-control-next {

    margin-right: 10px;

}

#teameventportion button:hover,

#teamsportsportion button:hover,

#teameventmain button:hover,

#crmDialer button:hover,

#crmAnalytics button:hover,

#crmQms button:hover{

    background-color: #0B63E5;

    border-color: #0B63E5;

}

#teameventportion button.carousel-control-next:focus, 

#teameventportion button.carousel-control-next:hover, 

#teameventportion button.carousel-control-prev:focus, 

#teameventportion button.carousel-control-prev:hover,

#teamsportsportion button.carousel-control-next:focus, 

#teamsportsportion button.carousel-control-next:hover, 

#teamsportsportion button.carousel-control-prev:focus, 

#teameventmain button.carousel-control-prev:hover, 

#teameventmain button.carousel-control-next:hover, 

#teameventmain button.carousel-control-prev:focus, 

#teameventmain button.carousel-control-prev:hover,

#crmDialer button.carousel-control-prev:hover,

#crmDialer button.carousel-control-prev:focus,

#crmDialer button.carousel-control-next:hover,

#crmDialer button.carousel-control-next:focus,

#crmAnalytics button.carousel-control-prev:hover,

#crmAnalytics button.carousel-control-prev:focus,

#crmAnalytics button.carousel-control-next:hover,

#crmAnalytics button.carousel-control-next:focus,

#crmQms button.carousel-control-prev:hover,

#crmQms button.carousel-control-prev:focus,

#crmQms button.carousel-control-next:hover,

#crmQms button.carousel-control-next:focus{

    opacity: 1;

    transition: all ease .1s;

}

.fw-500 {

    font-weight: 500;

}



.crm-inner-page .section_heading {

    margin-bottom: 30px;

}

.InOutOmni {

    border: 1px solid #094fb72e !important;

    /* border-radius: 1000px; */

    border-radius: 5px;

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    background-color: #f0f5ff;

}

.InOutOmni .centerDiv{

    padding-left: 0;

    padding-right: 0;

}

.InOutOmni .centerDiv .InOutOmniBox {

    border-left: 1px solid #094fb72e;

    border-right: 1px solid #094fb72e;

}

.InOutOmniBox img {

    width: 100%;

    max-width: 70px;

}

.InOutOmniBox .single_service_title {

    font-size: 21px;

    color: #161616;

    margin: 20px 0 15px;

}

.InOutOmniBox p {

    display: inline-block;

    width: 83%;

}

.InOutOmniBoxLearnMore {

    border: 1px solid #0066D9;

    overflow: hidden;

    background-color: #d0e6ff;

    padding: 8px 25px;

    border-radius: 100px;

    display: inline-block;

    color: #0066D9;

    text-decoration: none;

    transition: all ease .2s;

    margin-top: 15px;

    text-decoration: none !important;

}

.InOutOmniBoxLearnMore:hover {

    color: #fff;

    background-color: #094FB7;

}

#crmDialer button.carousel-control-prev, 

#crmDialer button.carousel-control-next,

#crmAnalytics button.carousel-control-prev,

#crmAnalytics button.carousel-control-next,

#crmQms button.carousel-control-prev,

#crmQms button.carousel-control-next {

    display: none !important;

}













.header_section .navbar{

    padding: 0px 0;

}

#navbarNav .navbar-links li a{

    padding: 32px 10px;

}

section.header_section.header_small .navbar #navbarNav .navbar-links li:not(.contact-link) a{

    padding: 21px 10px;

}

#navbarNav .navbar-links li a:before,

#navbarNav .navbar-links li:hover a::before{

    bottom: 15px;

}

.dropdown-menu-center {

    /* transform: translate(50%, -1px); */

}

.dropdown-hover .dropdown-menu {

    display: unset;

    top: calc(100% - 1px);

    left: auto;

    right: 0;

    visibility: hidden;

    opacity: 0;

    transform: scale(0);

    z-index: -10;

    -webkit-transition: opacity .3s ease, visibility .3s ease, transform .5s, z-index 0s;

    transition: opacity .3s ease, visibility .3s ease, transform .5s, z-index 0s;

    border: 1px solid #dadada;

    border-radius: 10px;

    box-shadow: 0 7px 9px -1px #0000002e;

    padding: 15px 10px;

    background-image: url(/wp-includes/rmt-header-footer-img/top-banner-bg.png) !important;

    background-size: cover;

}



.dropdown-hover .dropdown-menu-services {

    /* left: -30px; */

    /* right: unset;

    left: -50%; */

    /* transform: translateX(-50%) !important; */

}

.dropdown-hover>.dropdown-menu-services {
    right: calc(0px + 175px) !important;
    right: calc(0px + 0px) !important;
    max-width: 590px;
    width: 100%;
    min-width: 400px;
}
.dropdown-hover>.dropdown-menu-products {
    left: calc(0px + 0px) !important;
    max-width: 790px;
    width: 100%;
    min-width: 500px;
}
.dropdown-hover:hover #navbarDropdown {

    color: #f0812d !important;

}

.dropdown-hover:hover>.dropdown-menu {

    /* display: inline-block; */

    transform: scale(1);

    visibility: visible;

    opacity: 1;

    transform: scale(1);

    z-index: 1;

}

.dropdown-hover:hover>.dropdown-menu-services{

    /* transform: translateX(-50%) !important; */

}

.dropdown-hover-list-group .dropdown-hover-list-group-title{

    /* margin-top: 20px !important; */

    display: inline-block;

    font-size: 15px !important;

    font-weight: 500 !important;

}

.dropdown-hover-list-group .dropdown-hover-list-group-title,

.dropdown-hover-list-group > ul li a,

section.header_section.header_small .navbar #navbarNav .navbar-links .navbar-dropdown .dropdown-hover-list-group .dropdown-hover-list-group-title,

section.header_section.header_small .navbar #navbarNav .navbar-links .navbar-dropdown .dropdown-hover-list-group > ul li a {

    padding: 10px 10px !important;

    color: #000 !important;

}

.dropdown-hover-list-group .dropdown-hover-list-group-title::before,

.dropdown-hover-list-group > ul li a::before {

    bottom: 0px !important;

    width: 0% !important;

}

.dropdown-hover-list-group > ul {

    padding-left: 0;

    list-style: none;

    margin: 10px 0 5px;

    margin: 2px 0 5px;

}

.dropdown-hover-list-group > ul li {

    display: inline-block;

    width: 100%;

}

.dropdown-hover-list-group > ul li a{

    display: inline-block;

}

.dropdown-hover-list-group .dropdown-hover-list-group-title:hover, 

.dropdown-hover-list-group > ul li a:hover,

section.header_section.header_small .navbar #navbarNav .navbar-links .navbar-dropdown .dropdown-hover-list-group .dropdown-hover-list-group-title:hover,

section.header_section.header_small .navbar #navbarNav .navbar-links .navbar-dropdown .dropdown-hover-list-group > ul li a:hover{

    color: #f0812d !important;

}

.dropdown-hover-list-group .dropdown-hover-list-group-title:hover::before, 

.dropdown-hover-list-group > ul li a:hover::before{

    width: 100% !important;

}





/* UI UX page === START=== */



@media (min-width: 576px) {

    .container-UiUx{

      max-width: 540px;

      margin-right: auto;

      margin-left: auto;

    }

  }

  @media (min-width: 768px) {

    .container-UiUx {

      max-width: 720px;

      margin-right: auto;

      margin-left: auto;

    }

  }

  @media (min-width: 992px) {

    .container-UiUx {

      max-width: 960px;

      margin-right: auto;

      margin-left: auto;

    }

  }

  @media (min-width: 1200px) {

    .container-UiUx{

      max-width: 1140px;

      margin-right: auto;

      margin-left: auto;

    }

  }

  @media (min-width: 1201px) {

    .container-UiUx{

      max-width: 100%;

      padding-right: 104px;

      padding-left: 104px;

      margin-right: auto;

      margin-left: auto;

    }

  }

  



section.inner_page_top.UiUxSection{

    background-image: linear-gradient(to right, #0b18306b, #0b18306b), url(../images/ui-ux/ui-ux-banner.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    color: #ffff;

}

.UiUxSectionBanner{

    /* padding: 150px 0 !important; */

    padding: 60px 0 60px !important;

}

.UiUxSection .sectionTitle {

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    color: #fff;

    margin-bottom: 0px;

}

.UiUxSection .sectionTitle .sectionTitleWhite {

    color: #fff;

}

.UiUxSection .sectionTitle .sectionTitleOrange {

    color: #ff4000;

}

.UiUxSection .sectionTitle .sectionTitleOrange.text-bold{

    font-weight: 500;

}

.UiUxSection .sectionSubTitle {

    font-size: 70px;

    font-weight: 700;

    line-height: 90px;

    color: #fff;

    margin: 30px 0;

}

.UiUxSection .sectionDescription {

    width: 60%;

    margin: 0 auto;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 30px;

}

.UiUxSection button {

    border-radius: 6px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    padding: .375rem 1.5rem;

    box-shadow: none !important;

    outline: none !important;

}

.UiUxSection button.btn-orange {

    background: #ff4000;

    border-color: #ff4000;

    color: #fff;

}

.UiUxSection button.btn-white {

    background: #fff;

    border-color: #fff;

    color: #202020;

}

.UiUxSection button.btn-orange:hover, 

.UiUxSection button.btn-orange:active {

    background: transparent;

    border-color: #ff4000;

    color: #ff4000;

    box-shadow: 0 4px 6px 0px #0000003d !important;

}

.UiUxSection button.btn-white:hover, 

.UiUxSection button.btn-white:active {

    background: transparent;

    border-color: #fff;

    color: #fff;

    box-shadow: 0 4px 6px 0px #0000003d !important;

}

















.UiUxSectioNN .item {

    border-color: #5d5d5d47 !important;

    padding: 0 0 !important;

}

.UiUxSectioNN .item img {

    max-width: 200px !important;

}

.UiUxSectioNN .item:hover {

    border-color: #5D5D5D !important;

    box-shadow: none !important;

}



section.inner_page_top.UiUxSectioN {

    background-image: none;

    background: #fff;

}











.UiUxSectioN .sectionTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    /* max-width: 770px; */

    /* max-width: 870px; */

    margin: 0 auto;

    text-transform: uppercase;

    position: relative;

}



.UiUxSectioN .sectionTitle .forBadgeOnly {

    position: absolute;

    max-width: 135px;

    width: 100%;

}



.UiUxSectioN .sectionTitle .colorFullBadge {

    font-size: 21px;

    background-color: #00BBFF; 

    padding: 0px 14px;

    line-height: 33px;

    font-weight: 500;

    border-radius: 10px;

    display: inline-block;

    color: #fff;

    transform: rotate(11deg) translate(0%, 74%);

    transform-origin: left bottom;

    float: left;

    left: 13px;

    animation: flashBadgeBackground 3s infinite, flashTextContent 0s infinite;

    opacity: 1;

}



@keyframes flashBadgeBackground {

    0%, 100% {

        background-color: #00BBFF; 

    }

    50% {

        background-color: purple; 

    }

}

@keyframes flashTextContent {

    0%, 100% {

        content: "UI/UX"; 

        opacity: 0; 

    }

    50% {

        content: "Research"; 

        opacity: 0; 

    }

}

@keyframes flashText {

    0%, 100% {

        content: "UI/UX";

        background-color: transparent;

    }

    50% {

        content: "Research"; 

        background-color: transparent;

    }

} 

.flashing-text {

    position: relative;

    display: inline-block;

    font-weight: bold;

    color: #ff5722; 

    font-size: 1.2rem; 

}





.flashing-text::after {

    content: "UI/UX"; 

    animation: flashText 3s infinite; 

}



.UiUxSectioN .sectionDescription {

    font-size: 16px;

    font-weight: 400;

    line-height: 21px;

    color: #4E4D4D;

    margin: 30px 0px 40px;

}

.UiUxSectioN .sectionDescription span {

    font-size: 20px;

    color: #383737;

}

.UiUxSectioN .btn-orange {

    background-color: #f0812d;

    border-color: #f0812d;

    border-radius: 100px;

    padding: .375rem 25px;

    color: #ffffff;

    /* box-shadow: 0px 3px 4px 1px #a74505 inset, 0px 0px 0px 2.8px #f0812d57; */

    box-shadow: 0px 0px 0px 2.8px #f0812d57;

    outline: 2px solid #ffffff;

    transition: all ease .2s;

    text-transform: uppercase;

    font-weight: 600;

}

.UiUxSectioN .btn-orange:hover {

    background-color: #ffffff;

    border-color: #ffffff;

    /* box-shadow: 0px -4px 4px 1px #a74505 inset;

    box-shadow: 0px 3px 4px 1px #858585 inset, 0px 0px 0px 2.8px #f0812d; */

    /* box-shadow: 0px -4px 4px 1px #a74505 inset; */

    box-shadow: 0px 0px 0px 2.8px #f0812d;

    color: #f0812d;

}







section.UiUxClients, 

section.UiUxPortfolios{

    mask-image: linear-gradient(to right, 

    rgb(0 0 0 / 0%) 0%, /* Fully transparent at the left */

    rgb(0, 0, 0) 20%, /* More opaque area to create a stronger transition */

    rgb(0, 0, 0) 80%, /* Maintain a solid black mask in the middle */

    rgb(0 0 0 / 0%) 100% /* Fully transparent at the right */

  );

  mask-image: linear-gradient(to right, 

    rgb(0 0 0 / 0%) 0%, /* Fully transparent at the left */

    rgb(0, 0, 0) 10%, /* Less opaque area at the start of the gradient */

    rgb(0, 0, 0) 90%, /* Wider solid black area in the middle */

    rgb(0 0 0 / 0%) 100% /* Fully transparent at the right */

);

}

section.UiUxClients, 

section.UiUxPortfolios,

section.UiUxCollaboration,

section.UiUxServices,

section.UiUxPlans,

section.UiUxCaseStudy {

    padding: 40px 0;

}

.UiUxClients .sectionDescription,

.UiUxCollaboration .sectionDescription {

    font-size: 16px;

    font-weight: 400;

    line-height: 21px;

    color: #4E4D4D;

    /* margin: 30px 0px 40px; */

}

.UiUxClients .owl-carousel .owl-stage-outer,

.UiUxPortfolios .owl-carousel .owl-stage-outer{

    padding: 20px 0;

}

.UiUxClients .owl-carousel .item{

    border-radius: 10px;

    border: 1px solid #31bae6;

    transition: all ease .2s;

    overflow: hidden;

    background-color: #ffffff;

    padding: 10px;

    /* padding: 0 0 !important; */

    border-color: #5d5d5d47 !important;

    border-color: transparent !important;

    transition: all ease .2s;



}

.UiUxClients .owl-carousel .item img{

    transition: all ease .2s;

    max-width: 200px;

    margin: 0 auto;

}

.UiUxPortfolios .owl-carousel .item img{

    /* width: 100%;

    max-width: fit-content; 

    height: auto; 

    object-fit: contain; */

    width: 100%;

  height: auto;

  max-width: 100%;

  max-height: 100vh;

  object-fit: contain;

}

.UiUxClients .owl-carousel .item:hover{

    border-color: #5D5D5D !important;

    box-shadow: none !important;

}

.UiUxClients .owl-carousel .item:hover img{

    transform: scale(1.04);

}







 /* new design UiUxCollaboration ====STAART */

 .UiUxCollaborationImageSliderInner {

    background: #FFF6F2;

    border-radius: 32px;

    padding: 0 30px;

}

.UiUxCollaborationImageSliderLeft .owl-carousel {

    border-radius: 32px;

    overflow: hidden;

}

.UiUxCollaborationImageSliderLeft .owl-carousel .item .item_box {

    text-align: center;

}

.UiUxCollaborationImageSliderLeft .owl-carousel .item .item_box span {

    width: 50px;

    display: inline-block;

    margin-bottom: 15px;

}

.UiUxCollaborationImageSliderLeft .owl-carousel .item .item_box span img {

    width: 100%;

}

.UiUxCollaborationImageSliderLeft .owl-carousel .item .item_box img {

    

}

.UiUxCollaborationImageSliderLeft .owl-carousel .item .item_box p {

    font-size: 28px;

    text-transform: uppercase;

    line-height: 33px;

    font-weight: 600;

    margin: 12px 0;

}

.UiUxCollaborationImageSliderLeft .owl-carousel .owl-dots {

    margin-bottom: 20px;

}

.owl-theme .owl-nav.disabled+.owl-dots button.owl-dot.active span {

    background: #19313F;

}

.owl-theme .owl-nav.disabled+.owl-dots button.owl-dot span {

    background: #C4C4C4;

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-stage-outer{

    height: 100%;

    

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;

    box-shadow: 0px 1px 4px 1px #a7450529 !important;

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-item{

   

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-stage-outer .owl-stage {

    height: 100%;

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-item {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #fff;

    /* border-radius: 32px; */

    overflow: hidden;

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-item .item {

    padding: 20px;

}

.UiUxCollaborationImageSliderRight .owl-carousel .owl-item .item p {

    font-size: 30px;

    line-height: 53px;

    font-weight: 400;

    text-align: center;

}







 .UiUxCollaborationImageSliderLeft, .UiUxCollaborationImageSliderRight{

   

}

.UiUxCollaborationImageSliderLeft {

    

}



.UiUxCollaborationImageSliderLeft {

}

.UiUxCollaborationImageSliderRight{

}



 /* new design UiUxCollaboration ====END */









 /* new design Our services ====START */



 section.UiUxServices {

    background-color: #F7FDFF;

}

section.UiUxServices .sectionTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px 0;

    text-transform: uppercase;

    display: inline-block;

    background-image: url('../services/ui-ux/images/our-services/border-bottom.png');

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: contain;

    /* padding-bottom: 30px; */



    font-size: 39px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 48px;

    padding-bottom: 22px;

}



.UiUxServices-singleBox {

    background-color: #fff;

    border-radius: 16px;

    padding: 20px;

    border: 1px solid #01d2c7;

    border: 1px solid #67dcf0;

    border: 1px solid #fff;

    /* box-shadow: 0rem 1.1rem 5rem -0.5rem #e2ffff; */

    /* box-shadow: 0 4px 16px 0px #08b6b617; */

    height: 100%;

    transition: all ease .2s;

}

.UiUxServices-singleBox img {

    max-width: 80px;

}

.UiUxServices-singleBox:hover {

    box-shadow: 0 4px 16px 0px #08b6b617;

    /* background-image: url(../services/ui-ux/images/our-services/illustration.gif); */

}

.UiUxServices-ServiceName {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

    padding: 15px 0;

    margin: 0;

}

.UiUxServices-ServiceText {

    color: #646464;

    font-size: 18px;

    font-weight: 400;

    line-height: 29px;

}

 /* new design Our services ====END */







 /* new design UiUxClients ====STAART */

 .UiUxPortfoliosScrollBox{



 }

 .UiUxPortfoliosScrollBox img {

    max-width: 100%;

  }

  .UiUxPortfoliosScrollBox .splide__slide{

      width: auto !important;

  }

  

  .UiUxPortfoliosScrollBox .splide_slide img{

    width: 100%;

    height: 100%;

    cursor: pointer;

  }

  .UiUxPortfoliosScrollBox .splide__slide img{

      /* width: 100%;

      vertical-align:bottom;

      height: 100%; */

  }

  .UiUxPortfoliosScrollBox .splide__slide p{

    text-align: center;

  }



.splide img{

    width: 100%;

}



  /* new design UiUxClients ====END */









section.UiUxPortfolios .item .UiUxPortfolios_name {

    text-align: center;

}

.UiUxCollaboration .sectionTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px auto;

    text-transform: uppercase;

}





.UiUxCollaborationBox {

    border: 1px solid #9E9E9E;

    padding: 20px 24px;

    border-radius: 16px;

    height: 100%;

}

.UiUxCollaborationBox .UiUxCollaborationImage {

    display: block;

    width: 100%;

}

.UiUxCollaborationBox .UiUxCollaborationImage img {

    width: 50px;

    height: auto;

    margin-bottom: 10px;

}

.UiUxCollaborationBox .UiUxCollaborationTitle {

    font-size: 28px;

    text-transform: uppercase;

    line-height: 33px;

    margin: 10px 0 15px;

    color: #000;

    font-weight: 500;

}

.UiUxCollaborationBox .UiUxCollaborationText {

    color: #404040;

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;

}





section.UiUxGrowth {

    background-color: #08429A;

    background-color: #E2FFFF;

    padding: 40px 0;

    color: #fff;

}

.UiUxGrowthHead {

  

}

.UiUxGrowth .UiUxGrowthHead .sectionDescription {

    font-size: 16px;

    font-weight: 400;

    line-height: 21px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 0px !important;

}

.UiUxGrowth .UiUxGrowthHead .sectionTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px 0 0px;

    text-transform: uppercase;

    display: inline-block;

    background-image: url(../services/ui-ux/images/our-services/border-bottom.png);

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: contain;

    /* padding-bottom: 30px; */



    font-size: 39px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 48px;

    padding-bottom: 22px;

    margin: 16px 0 30px;

}







/* UiUxGrowth new design change===start== */







.UiUxCollaborationImageSlider .UiUxCollaborationImageSliderLeft{



}



.UiUxGrowth .owl-carousel .item{} 



.UiUxGrowth #left-carousel-Growth .item ,

.UiUxGrowth #right-carousel-Growth .item {

    align-items: center;

    color: white;

    display: flex;

    height: auto;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;

    height: 473px;

  }

  

  

  .UiUxGrowth #left-carousel-Growth.owl-drag .owl-item .item,

  .UiUxGrowth #right-carousel-Growth.owl-drag .owl-item .item {

      margin: 10px 0 !important;

  }

  .UiUxGrowth #left-carousel-Growth .item,

  .UiUxGrowth #right-carousel-Growth .item {

  }

  .UiUxGrowth #left-carousel-Growth.owl-drag .owl-item .item img, 

  .UiUxGrowth #right-carousel-Growth.owl-drag .owl-item .item img{

  }

  .UiUxGrowth #right-carousel-Growth.owl-drag .owl-item .item { 

  }

  .UiUxGrowth #right-carousel-Growth .item {

    background-image: linear-gradient(to right bottom, #08baba, #07a2a2, #058b8b, #047575, #035f5f);

  }

  .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-stage-outer,

  .UiUxGrowth #right-carousel-Growth.owl-carousel .owl-stage-outer{

    /* max-height: 473px; */

    overflow: hidden;

    min-height: 473px;

  }

  .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-stage-outer,

  .UiUxGrowth #right-carousel-Growth.owl-carousel .owl-stage-outer{

    height: 100%;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;

  }

  .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-stage-outer .owl-stage,

  .UiUxGrowth #right-carousel-Growth.owl-carousel .owl-stage-outer .owl-stage{

    height: 100%;

  }

  .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-item,

  .UiUxGrowth #right-carousel-Growth.owl-carousel .owl-item{

    height: 100%;

  }

  .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-item .item,

  .UiUxGrowth #right-carousel-Growth.owl-carousel .owl-item .item{

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;

    height: calc(100% - 20px);

    margin-top: 10px;

  }

  .UiUxGrowthRightTextBox {

    padding: 0px 20px;

    padding: 10px 20px;

    height: 100%;

    padding: 20px 22px;

}

.UiUxGrowthRightTextBox .UiUxGrowthRightTitle {

    font-size: 27px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

    line-height: 45px;

}

.UiUxGrowthRightTextBox .UiUxGrowthRightSubTitle {

    font-size: 19px;

    line-height: 29px;

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 15px;

}

.UiUxGrowthRightTextBox p {

    font-size: 16px;

    line-height: 23px;

    font-weight: 400;

}



.UiUxGrowth #left-carousel-Growth .owl-item .item img, 

.UiUxGrowth #right-carousel-Growth .owl-item .item img{

  height: 100%;

  object-fit: cover;

}

/* .UiUxGrowth #left-carousel-Growth.owl-carousel .owl-item .item{

    color: red;

}

.UiUxGrowth #left-carousel-Growth.owl-carousel .owl-item .item p {

    position: absolute;

} */



section.UiUxGrowth .custom-nav{

    margin-top: 10px;

}

section.UiUxGrowth .custom-nav button.btn-white{

    border-radius: 100px;

    padding: .375rem 25px;

    transition: all ease .2s;

    text-transform: uppercase;

    font-weight: 600;

    background-color: #ffffff;

    border-color: #ffffff;

    box-shadow: 0px 0px 0px 2.8px #f0812d57;

    outline: 2px solid #fff;

    color: #f0812d;

    margin: 0 10px;

}

section.UiUxGrowth .custom-nav button.btn-white:hover {

    background-color: #f0812d;

    border-color: #f0812d;

    box-shadow: 0px 0px 0px 2.8px #f0812d57;

    outline: 2px solid #ffffff;

    color: #fff;

}

section.UiUxGrowth .custom-nav button.disabled:hover {

    opacity: .5;

    background-color: #f0812d;

    border-color: #f0812d;

    pointer-events: unset !important;

}





/* 

  #right-carousel-Growth.owl-carousel .owl-stage-outer,

  #left-carousel-Growth.owl-carousel .owl-stage-outer {   

    height: 100%;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;

  }

  #right-carousel-Growth.owl-carousel .owl-stage-outer .owl-stage,

  #left-carousel-Growth.owl-carousel .owl-stage-outer .owl-stage{

    height: 100%;

  }

  .UiUxGrowth #right-carousel-Growth.owl-drag .owl-item .item,

  .UiUxGrowth #left-carousel-Growth.owl-drag .owl-item .item{

  }

#right-carousel-Growth .owl-item {    

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    overflow: hidden;  

}

.UiUxGrowthRightTextBox {

    padding: 0px 20px;

}

.UiUxGrowthRightTextBox .UiUxGrowthRightTitle {

    font-size: 27px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 20px;

    line-height: 45px;

}

.UiUxGrowthRightTextBox .UiUxGrowthRightSubTitle {

    font-size: 19px;

    line-height: 29px;

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 15px;

}

.UiUxGrowthRightTextBox p {

    font-size: 16px;

    line-height: 23px;

    font-weight: 400;

} */

/* UiUxGrowth new design change===end== */









/* Our Plans new design change===start== */

.UiUxPlans .UiUxPlansHead .sectionTitle{

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px 0;

    text-transform: uppercase;

    display: inline-block;

    background-image: url(../services/ui-ux/images/our-services/border-bottom.png);

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: contain;

    /* padding-bottom: 30px; */



    font-size: 39px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 48px;

    padding-bottom: 22px;

}

.UiUxPlansBox {

    background-image: linear-gradient(to right bottom, #08baba, #07a2a2, #058b8b, #047575, #035f5f);

    border-radius: 16px;

    padding: 21px;

    color: #fff;

    border: 1px solid #028A8A;

    height: 100%;

    transition: all .1s ease-in-out;

}

.UiUxPlansBox:hover {

    /* box-shadow: 0rem 1.1rem 2rem -0.5rem #00ffff; */

    /* background-image: linear-gradient(to right, #08baba, #07a2a2, #058b8b, #047575, #035f5f); */

    background-image: linear-gradient(to right, #047575, #07a2a2, #058b8b, #047575, #035f5f);

    transform: scale(1.01);

}

.UiUxPlansBox .UiUxPlansBoxContent{



}

.UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle {

    font-size: 36px;

    line-height: 40px;

    font-weight: 500;

    /* border-bottom: 1px solid #fff; */

    position: relative;

    padding-bottom: 16px;

    margin-bottom: 24px;

}

.UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 1px;

    left: 0;

    bottom: 0px;

    background-image: linear-gradient(to left, #01d2c7, #67dcf0, #aee5ff, #e3efff, #ffffff);

}



.UiUxPlansBox .UiUxPlansBoxList{

    /* list-style-type: none; */

    padding-left: 25px;

    list-style: disc;

}

.UiUxPlansBox .UiUxPlansBoxList li {

    font-size: 17px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 11px;

}







.UiUxPlansBox .UiUxPlansBoxPrice {

    margin-top: 60px;

    position: relative;

}

.UiUxPlansBox .UiUxPlansBoxPrice button {

    border-radius: 100px;

    font-size: 20px;

    line-height: 32px;

    font-weight: 500;

    background: #E2FFFF;

    transition: all .2s ease;

    margin-bottom: 20px;

}

.UiUxPlansBox .UiUxPlansBoxPrice button:hover {

    border: 1px solid #08b7b7;

    background-color: #035f5f;

    color: #fff;

    color: #E2FFFF;

}

.UiUxPlansBox .UiUxPlansBoxPrice span {

    display: block;

    width: 100%;

    text-align: center;

    font-size: 12px;

    color: #fff;

    /* line-height: 27px; */

    margin: 6px 0 0;

    font-family: auto;

    letter-spacing: 0.5px;

    font-family: monospace;

    position: absolute;

    left: 0;

    bottom: -8px;

}

/* Our Plans new design change===end== */









/* Case Study design ===start== */

section.UiUxCaseStudy {

    background: #F7FDFF;

}

.UiUxCaseStudyDescriptiont {

    /* font-size: 11px; */

    font-size: 16px;

    line-height: 16px;

    color: #404040;

    text-transform: uppercase;

    font-weight: 500;

}

.UiUxCaseStudyDescriptiont i {

    margin-right: 5px;

    color: #FF5443;

    font-size: inherit;

}

.UiUxCaseStudyTitle {

    font-size: 39px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 48px;

    color: #000000;

    margin: 25px 0;

    margin: 16px 0 30px;

}

.UiUxCaseStudyTitle .Orange {

    color: #FF5443;

}

.UiUxCaseStudy .UiUxPlansHead .btn-black {

    border-radius: 100px;

    font-size: 20px;

    line-height: 32px;

    font-weight: 500;

    background: #000;

    transition: all .2s ease;

    margin-bottom: 20px;

    padding: .375rem 1.25rem;

    border-color: #000;

    color: #fff;

    box-shadow: 0px 0px 0px 2.8px #00000057;

    outline: 2px solid #ffffff;

}

.UiUxCaseStudy .UiUxPlansHead .btn-black:hover {

}

.UiUxCaseStudy .UiUxPlansHead .btn-black:hover {

    background-color: #ffffff;

    border-color: #ffffff;

    /* box-shadow: 0px -4px 4px 1px #a74505 inset; */

    box-shadow: none;

    color: #020202;

    outline-color: #000;

    outline-width: 1px;

}

/* Case Study design ===end== */







section.UiUxDesignProcess{

    padding: 40px 0;

}

.UiUxDesignProcess .UiUxDesignProcessTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px 0;

    text-transform: uppercase;



    font-size: 39px;

    font-weight: 700;

    line-height: 48px;

    margin-top: 0px;

}



.UiUxDesignProcess .UiUxDesignProcessTitle span{

    color: #8A8A8A;

}



.UiUxDesignProcess .card {

    margin-bottom: 10px;

    border: 1px solid rgba(0, 0, 0, .125) !important;

    border: 1px solid rgb(0 0 0 / 18%) !important;

    border-radius: .25rem !important;

    /* box-shadow: 0px 1px 7px 0px #999;

    box-shadow: 0px 1px 7px 0px #99999975; */

    border-radius: 30px !important;

    overflow: hidden;

    border-radius: 10px !important;

    /* box-shadow: 0px 2px 6px -2px #b7c4d9; */

    border: 1px solid #094fb72e !important;

    /* box-shadow: 0px 2px 6px -2px #ff44004f; */

    border: 1px solid #ff44007a !important;

    /* box-shadow: 0px 3px 4px 1px #a7450529 !important; */

    /* box-shadow: none;

    border: none !important; */

    border: 1px solid #069e9e75 !important;

}

.UiUxDesignProcess .card .card-header {

    padding: 0;

    box-shadow: none;

    border: none;

}

.UiUxDesignProcess .card .card-header .faq_title {

    padding: 1.25rem;

    font-size: 20px;

    color: #000;

    font-size: 18px;

    line-height: 31px;

    padding: .75rem .95rem;

    font-size: 15px;

    line-height: 27px;

    padding: .5rem .95rem;

    cursor: pointer;

    color: #31bae6;

    background-color: #fff;

    font-weight: 400;

    align-items: center;

    justify-content: space-between;

    display: flex;

    flex-direction: row;

    /* color: #FF4400; */

    color: #f0812d;

    border-bottom: 1px solid #ff44007a;

    border-bottom: 1px solid #069e9e75;

    margin-bottom: -1px !important;

    background: #ffbf8f24;

    /* color: #035f5f;

    background: #E2FFFF; */

    color: #fff;

    background: #046565;

}

.UiUxDesignProcess .card .card-header .faq_title{

    /* color: #fff !important;

    background-color: #094fb7 !important; */

}

.UiUxDesignProcess .card .card-header .faq_title.collapsed{

    color: #000;

    font-weight: 400;

    align-items: center;

    justify-content: space-between;

    display: flex;

    flex-direction: row;

    /* background-color: #f0f5ff !important;

    color: #094fb7 !important; */

    /* color: #FF4400; */

    /* background: #ffbf8f24; */

    background: #fff;

    transition: all ease .1s;

}

.UiUxDesignProcess #accordion .card .faq_title:after{

    content: "\f068";

    font-family: fontAwesome;

    float: right;

    color: #f0812d;

    color: #fff;

}

.UiUxDesignProcess #accordion .card .faq_title.collapsed:after{

    content: "\2b";

    font-family: fontAwesome;

    color: #f0812d;

    color: #000;

    color: #035f5f;

}



.UiUxDesignProcess .card:hover .faq_title.collapsed,

.UiUxDesignProcess .card:hover .faq_title.collapsed::after {

    /* color: #FF4400 !important; */

    color: #f0812d !important;

    color: #035f5f !important;

    background: #fff;

    /* background: #ffbf8f24; */

    background: #E2FFFF;

    

}

.UiUxDesignProcess .card:hover .faq_title.collapsed::after{



}









section.UiUxDesignRecentWork {

    padding: 40px 0;

    color: #fff;

    background: #E2FFFF;

}

section.UiUxDesignRecentWork .UiUxDesignRecentWork-Box {

    background-color: #08429A;

    background-color: #fff;

    border-radius: 32px;

    padding: 50px;

    padding: 25px 30px;

    padding: 0px 30px;

    flex-direction: row;

    flex-wrap: nowrap;

    /* height: 480px; */

    justify-content: space-between;

    overflow: hidden;

    color: #000;

}



.UiUxDesignRecentWork-Box .UiUxDesignProcessTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #fff;

    max-width: 800px;

    margin: 25px 0;

    margin: 45px 0 15px;

    text-transform: uppercase;

    color: #000;

}

.UiUxDesignRecentWork-Box .sectionDescription {

    font-size: 28px;

    line-height: 27px;

    font-weight: 500;

    color: #000;

}

.UiUxDesignRecentWork-Box .btn {

    border-radius: 100px;

    padding: .375rem 25px;

    transition: all ease .2s;

    text-transform: uppercase;

    font-weight: 600;

}

.UiUxDesignRecentWork-Box .btn-white,

.UiUxDesignRecentWork-Box .btn-orange:hover {

    background-color: #ffffff;

    border-color: #ffffff;

    /* box-shadow: 0px 3px 4px 1px #858585 inset, 0px 0px 0px 2.8px #ffffffd9; */

    /* outline: 2px solid #08429a; */

    box-shadow: 0px 0px 0px 2.8px #f0812d57;

    outline: 2px solid #fff;

    color: #f0812d;

}

.UiUxDesignRecentWork-Box .btn-orange,

.UiUxDesignRecentWork-Box .btn-white:hover {

    background-color: #f0812d;

    border-color: #f0812d;

    /* box-shadow: 0px 3px 4px 1px #a74505 inset, 0px 0px 0px 2.8px #ffffffd9;

    outline: 2px solid #08429a; */

    box-shadow: 0px 0px 0px 2.8px #f0812d57;

    outline: 2px solid #ffffff;

    color: #fff;

}







ul.UiUxDesignRecentWork-Box-marque-b-t {

    list-style: none;

    padding: 0;

    margin: 0;

    /* height: 150px; */

    max-height: 320px;

    max-height: 385px;

    max-height: 500px;

    width: 200px;

    height: 100%;

    width: 100%;

    overflow: hidden;

    position: relative;

    mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, #08429A 12.5%, #08429A 87.5%, rgba(0, 0, 0, 0) 100%);

    opacity: .5;

    opacity: 1;

  }



  /* The scroll container */

  ul.UiUxDesignRecentWork-Box-marque-b-t .scroll-container {

    display: flex;

    flex-direction: column;

    animation: scrollUp 30s linear infinite; 

  }



  /* Each list item style */

  ul.UiUxDesignRecentWork-Box-marque-b-t li {

    /* height: 50px; */

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 10px;

  }



  ul.UiUxDesignRecentWork-Box-marque-b-t li img {

    /* height: 40px; */

    /* height: 100%;

    width: auto; */

    width: 100%;

  }



  /* Keyframes for smooth scrolling from bottom to top */

  @keyframes scrollUp {

    0% {

      transform: translateY(0); /* Starting position */

    }

    100% {

      transform: translateY(-50%); /* Move the list by half its height */

    }

  }



  /* Style the wrapper to contain both the original and the duplicated items */

  ul.UiUxDesignRecentWork-Box-marque-b-t .scroll-container {

    display: flex;

    flex-direction: column;

  }











  section.UiUxDesignFlexiblePlans{

    padding: 40px 0 0;

  }

  .UiUxDesignFlexiblePlans .UiUxDesignProcessTitle {

    font-size: 62px;

    line-height: 75px;

    font-weight: 900;

    color: #000;

    max-width: 800px;

    margin: 25px 0;

    text-transform: uppercase;

}

.UiUxDesignFlexiblePlans .UiUxDesignProcessTitle span {

    color: #8A8A8A;

}

.UiUxDesignFlexiblePlansImage {

    /* mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #08429A 12.5%, #08429A 87.5%, rgba(0, 0, 0, 0) 100%); */

    mask-image: linear-gradient(to right, #08429A 87.5%, rgba(0, 0, 0, 0) 100%);

    transform: translate(-50px, 0%);

}

.UiUxDesignFlexiblePlansBox .PlansBoxTitle {

    font-size: 28px;

    line-height: 28px;

    font-weight: 400;

    margin-bottom: 25px;

}

.UiUxDesignFlexiblePlansBox p {

    color: #3D3D3D;

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

    margin-bottom: 25px;

}

.UiUxDesignFlexiblePlansBox ul {

    list-style: none;

    padding-left: 0px;

}

.UiUxDesignFlexiblePlansBox ul li {

    padding-left: 27px;

    position: relative;

    margin-bottom: 20px;

    color: #3D3D3D;

    font-size: 24px;

    line-height: 24px;

    font-weight: 400;

}

.UiUxDesignFlexiblePlansBox ul li:before {

    content: "\f058";

    font-family: "FontAwesome";

    position: absolute;

    left: 0px;

    font-size: 20px;

    color: #000;

    line-height: 26px;

}



section.UiUxJoin {

    padding: 40px 0;

    background: #08429A;

    background-image: linear-gradient(to right bottom, #08baba, #07a2a2, #058b8b, #047575, #035f5f);

}

section.UiUxJoin {

    position: relative;

}

section.UiUxJoin span#UiUxJoinn {

    position: absolute;

    top: -64px;

}

.UiUxJoin .UiUxJoinDescriptiont {

    font-size: 11px;

    line-height: 16px;

    color: rgba(255, 255, 255, 0.81);

    text-transform: uppercase;

    font-weight: 500;

}

.UiUxJoin .UiUxJoinDescriptiont i {

    margin-right: 5px;

    color: #FF4400;

    font-size: inherit;

}

.UiUxJoinsectionTitle {

    font-size: 39px;

    text-transform: uppercase;

    font-weight: 900;

    font-weight: 700;

    line-height: 48px;

    /* color: rgba(255, 255, 255, 0.70); */

    color: #fff;

    margin: 25px 0;

    margin: 3px 0;

}

.UiUxJoinsectionTitle .Orange {

    /* color: #FF4400; */

    color: #f0812d;

}

.UiUxJoin .UiUxJoinSubDescriptiont {

    font-size: 14px;

    color: rgba(255, 255, 255, 0.70);

}



.UiUxJoinBoxTabs {

    box-shadow: 0 4px 6px 0px #00000075;

    box-shadow: 0 7px 6px 0px #00000075;

    border-radius: 25px;

    overflow: hidden;

}

.UiUxJoinBoxTabs ul.nav-tabs {

    /* border-color: #1F57AB; */

    border-bottom: 1px solid #1F57AB;

}

.UiUxJoinBoxTabs ul .nav-item {

    width: 50%;

    text-align: center;

}

.UiUxJoinBoxTabs ul .nav-item a {

    border-radius: 0px;

    overflow: hidden;

    padding: .75rem 1rem;

    /* border-color: #1F57AB; */

    color: #FEFEFE;

    color: rgba(255, 255, 255, 0.70);

}

.UiUxJoinBoxTabs ul .nav-item:first-child a {

    border-radius: 0px;

    border-top-left-radius: 25px;

    /* border-top-right-radius: 32px; */

}

.UiUxJoinBoxTabs ul .nav-item:last-child a {

    border-radius: 0px;

    /* border-top-left-radius: 32px; */

    border-top-right-radius: 25px;

}

.UiUxJoinBoxTabs ul .nav-item a.active {

    background-color: #1F57AB;

    border-color: #1F57AB;

    color: #fff;

}

.UiUxJoinBoxTabs ul .nav-item a:hover{

    border-color: #1F57AB;

}

.UiUxJoinBoxTabs .tab-content {

    padding: 20px;

    background: #1F57AB;

}

.UiUxJoinBoxTabs .tab-content form{



}

.UiUxJoinBoxTabs .tab-content form p {

    font-size: 12px;

    line-height: 14px;

    font-weight: 400;

    color: #fff;

    letter-spacing: 0.5px;

}

.UiUxJoinBoxTabsCheckboxes {

    align-content: center;

    align-items: center;

    display: flex;

    flex: none;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 15px;

    height: min-content;

    justify-content: flex-start;

    justify-content: space-between;

}

.UiUxJoinBoxTabsCheckboxes label.form-check-label {

    font-size: 13px;

    line-height: 16px;

    font-weight: 400;

    color: #fff;

}

.UiUxJoinBoxTabs .tab-content form p.UiUxJoinBoxTabsPrivacyText {

    font-size: 12px;

    line-height: 17px;

    font-weight: 400;

    color: rgba(255, 255, 255, 0.70);

    letter-spacing: 0.7px;

}

.UiUxJoinBoxTabs .tab-content form p.UiUxJoinBoxTabsPrivacyText a {

    color: #DEDEDE;

    text-decoration: underline;

}

.UiUxJoinBoxTabs .tab-content form input:not(.form-check-input),

.UiUxJoinBoxTabs .tab-content form textarea{

    font-size: 13px;

    line-height: 15px;

    font-weight: 500;

    letter-spacing: .2px;

    color: #808080;

    padding: 1.3rem .75rem;

    border-radius: 13px;

}

.UiUxJoinBoxTabs .tab-content form select{

    font-size: 13px;

    line-height: 15px;

    font-weight: 500;

    letter-spacing: .2px;

    color: #808080;

    padding: .375rem .75rem;

    border-radius: 13px;

    height: calc(1.5em + 1.5rem + 2px);

}

.UiUxJoinBoxTabs .tab-content form button {

    color: #fff;

    font-size: 16px;

    line-height: 17px;

    padding: .375rem .75rem;

    padding: 0.9rem .75rem;

    border-radius: 100px;

    background-color: #FF4400;

    border-color: #FF4400;

}

.UiUxJoinBoxTabs .tab-content form button:hover {

    /* background-color: #fff; */

    /* border-color: #FF4400; */

    /* color: #FF4400; */

    background-color: #f0812d;

    border-color: #f0812d;

    box-shadow: 0px 3px 4px 1px #a74505 inset, 0px 0px 0px 2.8px #ffffff00;

}

.UiUxJoinBoxTabs .tab-content form p.UiUxJoinBoxTabsPrivacyText a:hover{

    color:#FF4400;

}

.UiUxJoinBoxTabsCheckboxes input.form-check-input {

    position: relative;

    border: 1px solid rgba(136, 136, 136, 0.2);

    border-radius: 4px;

    background: none;

    cursor: pointer;

    line-height: 0;

    margin: 0 .6em 0 0;

    outline: 0;

    padding: 0 !important;

    vertical-align: text-top;

    height: 16px;

    width: 16px;

    -webkit-appearance: none;

    /* background-color: #3E6BAE; */

    background-color: #035f5f;

    background-color: #fff;

}

.UiUxJoinBoxTabsCheckboxes .form-check:hover input.form-check-input  {

    background-image: none;

    /* background-color: #ff4400 !important;

    border-color: #ff4400 !important; */

    background-color: #f0812d !important;

    border-color: #f0812d !important;

}

.UiUxJoinBoxTabsCheckboxes .form-check:hover .form-check-input:checked:after {

    border: 2px solid #fff;

    border-left: 0;

    border-top: 0;

    content: "";

    display: inline-block;

    height: 11px;

    left: 4px;

    position: absolute;

    top: 0;

    transform: rotate(46deg);

    width: 5px;

}

.UiUxJoinBoxTabsCheckboxes .form-check .form-check-input:checked:after {

    border: 2px solid #fff;

    border-left: 0;

    border-top: 0;

    content: "";

    display: inline-block;

    height: 11px;

    left: 4px;

    position: absolute;

    top: 0;

    transform: rotate(46deg);

    width: 5px;

}

.UiUxJoinBoxTabsCheckboxes .form-check .form-check-input:checked{

    /* background-color: #ff4400; */

    background-color: #f0812d;

}





/* Ready to join new design */



.UiUxJoinBox-image img {

    max-width: 420px;

    width: 100%;

}



.UiUxJoinBox form p {

    font-size: 12px;

    line-height: 14px;

    font-weight: 400;

    color: #fff;

    letter-spacing: 0.5px;

    color: rgba(255, 255, 255, 0.70);

}

.UiUxJoinBoxTabsCheckboxes label.form-check-label{

    color: rgba(255, 255, 255, 0.70);

}

.UiUxJoinBoxTabsCheckboxes .form-check:hover label,

.UiUxJoinBoxTabsCheckboxes .form-check .form-check-input:checked + label {

    color: #fff;

}

/* .UiUxJoinBox form input {

    font-size: 13px;

    line-height: 15px;

    font-weight: 500;

    letter-spacing: .2px;

    color: #808080;

    padding: 1.3rem .75rem;

    border-radius: 13px;

} */

.UiUxJoinBox form input:not(.form-check-input),

.UiUxJoinBox form textarea,

.UiUxJoinBox form select{

    font-size: 13px;

    line-height: 15px;

    font-weight: 500;

    letter-spacing: .2px;

    color: #808080;

    padding: 1.3rem .75rem;

    border-radius: 13px;

}

.UiUxJoinBox form select{    

    padding: .375rem .75rem;

    height: calc(1.5em + 1.5rem + 2px);

    height: calc(1.5em + 1.4rem + 1.70px);

    line-height: 23px;

}

.UiUxJoinBox form button {

    color: #fff;

    font-size: 16px;

    line-height: 17px;

    line-height: 12.81px;

    padding: .375rem .75rem;

    padding: 0.9rem .75rem;

    border-radius: 100px;

    /* background-color: #FF4400;

    border-color: #FF4400; */

    background-color: #f0812d;

    border-color: #f0812d;

    border-radius: 13px;

    width: calc(50% - 15px);

    min-width: 180px;

}

.UiUxJoinBox form button:hover{

    background-color: #f0812d;

    border-color: #f0812d;

    box-shadow: 0px 3px 4px 1px #a74505 inset, 0px 0px 0px 2.8px #ffffff00;

}

.UiUxJoinBox form .UiUxJoinBoxTabsPrivacyText {

    font-size: 12px;

    line-height: 17px;

    font-weight: 400;

    color: rgba(255, 255, 255, 0.70);

    letter-spacing: 0.7px;

}

.UiUxJoinBox form .UiUxJoinBoxTabsPrivacyText a {

    color: #DEDEDE;

    text-decoration: underline;

}

.UiUxJoinBox form .UiUxJoinBoxTabsPrivacyText a:hover{

    color: #FF4400;

}



/* UI UX page === END=== */





/* UI UX -- Case Study page === START=== */



section.CaseStudy {

    padding: 40px 0;

}

.CaseStudyMainTitle{

    font-size: 62px;

    line-height: 75px;

}

.CaseStudyTitle{

    font-size: 39px;

    text-transform: uppercase;

    line-height: 48px;

    color: #000000;

    margin: 25px 0;

    margin: 16px 0 30px;

}

.font-700{

    font-weight: 700;

}

.font-600{

    font-weight: 600;

}

.UIUX-keyPerformance {

    background: #ffece7;

}

.UIUX-keyPerformanceHeading {

    padding-bottom: 22px;

}

.CaseStudyTitlePara{

    color: #646464;

    font-size: 18px;

    font-weight: 400;

    line-height: 29px;

}

/* .UIUX-keyPerformancePara {

} */

.UIUX-keyPerformanceSingleBox {

    padding: 15px;

    background: #fff;

    height: 100%;

    border-radius: 16px;

    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */

}

.keyPerformanceSingleBoxTitle {

    font-size: 18px;

    line-height: 27px;

    font-weight: 500;

    color: #000;

    margin-top: 15px;

}

.ProjectShowcaseContainer {

    display: grid;

    grid-template-columns: 100%;

    grid-template-rows: auto auto auto;

    gap: 20px;

    padding: 0 15px;

}

  

  .ProjectShowcaseContainer .top, .ProjectShowcaseContainer .bottom {

    width: 100%;

  }

  

  .ProjectShowcaseContainer .middle {

    display: grid;

    grid-template-columns: 45% 55%;

    gap: 20px;

    overflow: hidden;

    border-radius: 27px;

  }

  

  .ProjectShowcaseContainer .middle1, .ProjectShowcaseContainer .middle2 {

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  .ProjectShowcaseContainer .middle1 img, .ProjectShowcaseContainer .middle2 img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    max-height: 700px; /* Adjust as needed */

    object-position: center;

    border-radius: 27px;

  }

  

  .ProjectShowcaseContainer  img.w-100 {

    width: 100%;

    height: auto;

    border-radius: 27px;

  }



  section.UIUX-ThingsWeDid {

    background: #FF5443;

    background-image: url(../services/ui-ux/images/case-study/things-we-do/things-we-do-bg.png);

    background-repeat: no-repeat;

    background-position: bottom -150px left -180px;

    background-size: contain;

}

.ThingsWeDidSngleContent {

    gap: 20px;

    color: #fff;

}

.ThingsWeDidSngleContentBox {

    border-bottom: 1px solid hsl(0deg 0% 100% / 20%);

}

.ThingsWeDidSngleContentBox:last-child{

    border-bottom: none;

}

.ThingsWeDidSngleContentBox p {

    /* margin: 0; */

    font-size: 16px;

    line-height: 23px;

    font-weight: 400;

}

.CaseStudySubTitle {

    font-size: 28px;

    line-height: 34px;

    text-transform: uppercase;

    font-weight: 500;

    margin-bottom: 15px;

}



section.UIUX-Comments{

    background-color: #000;

    padding: 60px 0;

    background-image: url(../services/ui-ux/images/case-study/Comments/bg.jpg);

    background-repeat: no-repeat;

    background-size: 20%;

    background-attachment: fixed;

    /* background: url(../services/ui-ux/images/case-study/Comments/bg1.png); */



}

.CommentsSngle {

    padding-left: 100px;

    padding-top: 70px;

    position: relative;

}

.CommentsSngle i {

    position: absolute;

    top: 0;

    left: 0px;

    font-size: 45px;

    color: #FF5443;

}

.CommentsSngle > p {

    font-size: 23px;

    line-height: 35px;

    margin-bottom: 0;

}

.CommentsSngleUserBox {

    margin-top: 50px;

    gap: 10px;

}

.CommentsSngleUser {

    width: 50px;

    height: 50px;

    display: flex;

}

.CommentsSngleNameBox p {

    margin: 0;

    font-size: 18px;

    font-weight: 300;

}

.CommentsSngleNameBox .CommentsSngleName {

    font-size: 17px;

    font-weight: 500;

}

section.UIUX-Challenges {

    background: #FF5443;

    background-image: url(../services/ui-ux/images/case-study/challanges/bg.png);

    background-repeat: no-repeat;

    background-position: right bottom 0px;

    background-size: contain;

}

section.UIUX-Challenges .CaseStudyMainTitle {

    padding-bottom: 22px;

    margin-bottom: 30px;

}

section.UIUX-Challenges p {

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    line-height: 29px;

}

section.UIUX-Requirements .CaseStudyMainTitle {

    color: #000;

    padding-bottom: 22px;

    margin-bottom: 30px;

}

section.UIUX-Requirements p {

    font-size: 18px;

    font-weight: 400;

    line-height: 29px;

    color: #5A5959;

}

.UIUX-DesigningProcess img {

    width: 100%;

    max-width: 400px;

    border-radius: 16px;

}

.DesigningProcessStep {

    width: 50px;

    height: 50px;

    display: inline-flex;

    min-width: 50px;

    max-width: 50px;

    align-items: center;

    justify-content: center;

    background: #FF958A;

    border-radius: 100px;

    color: #3C016B;

    font-size: 21px;

    font-weight: 700;

    margin-bottom: 20px;

}

.DesigningProcessStepTitle {

    font-size: 23px;

    line-height: 35px;

    margin-bottom: 20px;

    font-size: 26px;

    /* line-height: 35px; */

    color: #000;

    margin-bottom: 20px;

}

.DesigningProcessStepPara {

    font-size: 16px;

    font-weight: 400;

    color: #5A5959;

}

section.UIUX-Banners{

    /* background: #ffece7; */

}

section.UIUX-UserExperience .CaseStudyTitlePara {

    color: #000;

}

section.UIUX-engage-contact{

    padding: 60px 0 60px;

    background-image: linear-gradient(to right bottom, #08baba, #07a2a2, #058b8b, #047575, #035f5f);

}

/* UI UX -- Case Study page === END=== */









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

    .iti__country-list {

        width: 300px;

    }

}





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

    section.recent_blogs .owl-carousel .owl-nav,

    .single_service_frame .owl-carousel .owl-nav {

        width: calc(100% + 72px);

        left: calc(0px - 36px);

    }

}



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

    section.Industries_we_serve .iws_box:hover img {

        transform: translate3d(40px, 0px, 0px) scale(1.4);

    }

    section.client_testimonial .owl-carousel .owl-nav,

    section.recent_blogs .owl-carousel .owl-nav,

    .single_service_frame .owl-carousel .owl-nav{

        width: calc(100% + 100px);

        left: calc(0px - 50px);

    }

    .testimonials .swiper{

        height: 490px;

    }

    .testimonials .testimonial-item{

        min-height: 380px;

    }

    .dsp_box_outer{

        padding: 14px 14px;

    }

    .dsp_box_outer_one, 

    .dsp_box_outer_two,

    .dsp_box_outer_three,

    .dsp_box_outer_four,

    .dsp_box_outer_five,

    .dsp_box_outer_six,

    .dsp_box_outer_seven{

        background-image: none;

        border: 2px dashed #000;

        border-radius: 50px;

    }

    .dsp_box_outer_one{

        border: 2px dashed #873e35;

    }

    .dsp_box_outer_two{

        border: 2px dashed #fc9a1f;

    }

    .dsp_box_outer_three{

        border: 2px dashed #1a6f87;

    }

    .dsp_box_outer_four{

        border: 2px dashed #2abec0;

    }

    .dsp_box_outer_five{

        border: 2px dashed #873e35;

    }

    .dsp_box_outer_six{

        border: 2px dashed #fc9a1f;

    }

    .dsp_box_outer_seven{

        border: 2px dashed #1a6f87;

    }

    

    .UiUxSectioN .sectionTitle .forBadgeOnly {

        /* position: absolute;

        max-width: 135px;

        width: 100%;

        right: -40px;

        top: -62px; */

    }

    .UiUxSectioN .sectionTitle .colorFullBadge{

        /* transform: rotate(0deg) translate(-102%, 129%);

        left: 86px; */

    }

    .UiUxSectioN .sectionTitle{

        /* max-width: 100%; */

    }

    .UiUxSectioN .sectionTitle {

        font-size: 55px;

    }

}



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



    .inner_page_top.GenAI .inner_page_title{

        font-size: 45px;

        font-weight: 700;

        line-height: 55px;

    }

}



@media only screen and (min-width: 1024px) {

    

    section.what_we_do .wwd_box:hover .wwd_text{

        font-size: 100% !important;

    }

    section.what_we_do .wwd_box .wwd_text > button,

    section.what_we_do .wwd_box:hover .wwd_text span.btn{

        margin: 0;

    }

}

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

    section.client_testimonial .owl-carousel .owl-nav{

        display: none;

    }



    section.recent_blogs .owl-carousel .owl-nav,

    .single_service_frame .owl-carousel .owl-nav{

        width: calc(100% + 60px);

        left: calc(0px - 30px);

    }



    section.what_we_do {

        padding-top: 20px;

    }

    .single_service_frame .section_heading,

    .section_heading{

        font-size: 33px;

        margin-bottom: 35px;

        font-weight: 500;

    }

    .single_service_frame .section_sub_heading{

        font-size: 19px;

        margin-bottom: 20px !important;

    }

    .Theme_white_page .section_sub_heading {

        font-size: 24px;

    }

    section#Award_section .Award_title .Award_title_heading{

        font-size: 20px;

        line-height: 26px;

    }

    section.faq_blogs {

        padding-bottom: 40px;

    }

    section.Get_in_touch_new .Get_in_touch_form_box input, 

    section.Get_in_touch_new .Get_in_touch_form_box textarea, 

    section.Get_in_touch_new .Get_in_touch_form_box select, 

    .Get_in_touch_form_box_contact input, 

    .Get_in_touch_form_box_contact textarea, 

    .Get_in_touch_form_box_contact select{

        border: 1px solid #094fb72e !important;

    }

    .iti--separate-dial-code .iti__selected-flag {

        background-color: rgb(227 229 243);

    }

    

    .inner_page_top.GenAI .inner_page_title{

        font-size: 40px;

        font-weight: 700;

        line-height: 45px;

    }

    section.requestAdemo .requestAdemoform .requestAdemoform_sub_title{

        font-size: 18px;

    }



    

}



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

    /* section.what_we_do {

        padding-top: 20px;

    }

    .single_service_frame .section_heading,

    .section_heading{

        font-size: 33px;

        margin-bottom: 35px;

        font-weight: 500;

    }

    .single_service_frame .section_sub_heading{

        font-size: 19px;

        margin-bottom: 20px !important;

    }

    .Theme_white_page .section_sub_heading {

        font-size: 24px;

    }

    section#Award_section .Award_title .Award_title_heading{

        font-size: 20px;

        line-height: 26px;

    }

    section.faq_blogs {

        padding-bottom: 40px;

    }

    section.Get_in_touch_new .Get_in_touch_form_box input, 

    section.Get_in_touch_new .Get_in_touch_form_box textarea, 

    section.Get_in_touch_new .Get_in_touch_form_box select, 

    .Get_in_touch_form_box_contact input, 

    .Get_in_touch_form_box_contact textarea, 

    .Get_in_touch_form_box_contact select{

        border: 1px solid #094fb72e !important;

    }

    .iti--separate-dial-code .iti__selected-flag {

        background-color: rgb(227 229 243);

    }

    

    .inner_page_top.GenAI .inner_page_title{

        font-size: 40px;

        font-weight: 700;

        line-height: 45px;

    } */

}



@media only screen and (min-width: 992px) {



    /* .header_section .navbar {

        justify-content: space-between;

    } */

    .wrapper {

        display: grid;

        grid-template-columns: 1fr 2fr !important;

    }

    section.what_we_do .wwd_box:hover .wwd_text{

        font-size: 90%;

    }

    section.what_we_do .wwd_box .wwd_text > button,

    section.what_we_do .wwd_box:hover .wwd_text span.btn{

        margin: 0;

    }

    

        /* section.client_testimonial .owl-carousel .owl-stage-outer{

            display: flex;

            flex: 1 0 auto;

            flex-direction: column;

        }

        section.client_testimonial .owl-carousel .owl-stage-outer .owl-item, 

        section.client_testimonial .owl-carousel .owl-stage-outer .owl-item .item, 

        section.client_testimonial .owl-carousel .owl-stage-outer .owl-item .item .testimonial_box{

            height: 100%;

            min-height: 100%;

        } */



        #sidebarCollapse{

            display: none;

        }

}



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

    footer .footer_logo img {

        width: 100%;

        max-width: 320px;

    }

    

    .how-we-engage-single-box .single_service_title{

        margin: 15px 0;

        font-size: 21px;

        line-height: 32px;

    }

    

}



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



    .header_section .navbar #navbarNav .nav-link.contact-link{

        margin: 0;

    }

    section.client_testimonial .item .testimonial_box span {

        margin: 0 auto;

    }

    /* .wrapper {

        display: grid;

        grid-template-columns: 4fr 7fr;

    } */

    section.Industries_we_serve .iws_box:hover img {

        transform: translate3d(30px, 0px, 0px) scale(1.4);

    }

    section.client_testimonial .owl-carousel .owl-stage-outer{

        /* display: inline-flex; */

        display: flex;

        flex: 1 0 auto;

        flex-direction: column;

    }

    section.client_testimonial .owl-carousel .owl-stage-outer .owl-item, 

    section.client_testimonial .owl-carousel .owl-stage-outer .owl-item .item, 

    section.client_testimonial .owl-carousel .owl-stage-outer .owl-item .item .testimonial_box{

        height: 100%;

        min-height: 100%;

    }



    .panel.panelThree {

        background-image: linear-gradient(to top, #408ca79e, #fff0);

    }



    .panel.panelOne.active {

        background-image: linear-gradient(to top, #0000002e, #fff0);

    }

    .panel.panelThree.active {

        background-image: linear-gradient(to top, #0000008a, #fff0);

    }

    .panel.panelTwo.active {

        background-image: linear-gradient(to top, #00000082, #fff0);

    }



    .panel.panelOne:hover:not(.active) {

        background-color: #0000004d;

    }

    .panel.panelTwo:hover:not(.active) {

        background-color: #0000004d;

    }

    .panel.panelThree:hover:not(.active) {

        background-color: #87878761;

        background-color: #0000004d;

    }



    

    .testimonials .swiper{

        height: 440px;

    }

    .testimonials .testimonial-item{

        min-height: 330px;

    }

    #testimonials .swiper-button-next{

        margin-right: -10px;

    }

    #testimonials .swiper-button-prev{

        margin-left: -10px;

    }

    section.recent_blogs .owl-carousel .owl-nav{



    }

    /* footer .footer_logo img {

        width: 100%;

        max-width: 320px;

    } */

    section.rmt_Slider .panel {

        padding: 0 20px;

    }

    .header_section .navbar{

        padding: 0px 0;

    }

    #sidebar .sidebar-header .sidebar-logo{

        height: 62px;

        padding: 10px 44px 10px 10px;

    }

    .leadershipModal .card .card-body .team_box{

        display: block;

    }

    .leadershipModal .card .faq_title.collapsed, .leadershipModal .card .faq_title {

        justify-content: flex-start;

        /* width: 120%; */

        flex-direction: column;

    }

    /* section.application_screens .owl-carousel .owl-item.active, 

    section.application_screens .owl-carousel .owl-item{

        transform: scale(1) !important;

    } */

    section.application_screens .owl-carousel .owl-item.active.center {

        transform: scale(1.04);

        transition: all ease .4s;

    }

    section.application_screens .owl-carousel .owl-item.active, section.application_screens .owl-carousel .owl-item {

        transform: scale(0.88);

        transition: all ease .4s;

    }

    section.application_screens .owl-carousel .owl-nav{

        display: none;

    }

    section.application_screens .item img {

        width: 90%;

        margin: 0 auto;

    }

    section.UiUxPortfolios .item img {

        /* width: 90% !important;

        margin: 0 auto;

        width: 100%; 

        height: auto; 

        object-fit: contain; */

        width: 80%;

        height: auto;

        max-width: 100%;

        max-height: 100vh;

        object-fit: contain;

    }

    .dsp_box_outer_three{

        background-image: none;

        border: 2px dashed #1a6f87;

        border-radius: 50px;

    }



    .cookies-popup{

        left: 50%;

        transform: translate(-50%, 0%);

    }

    footer .footer_logo {

        margin-bottom: 30px;

    }

    footer .footer_logo img{

        width: 100%;

        max-width: 270px;

    }

    .ExtraSpace .all_features_single_section{

        padding-top: 20px !important;

    }



    .UiUxSectioN .sectionTitle .forBadgeOnly { 

        position: absolute; 

        /* max-width: 0; */ /* width: 0; */ 

        left: calc(50% - 36.5px); 

        top: 0px;

    } 

    .UiUxSectioN .sectionTitle .colorFullBadge{ 

        transform: rotate(0deg) translate(-33%, -91%); 

    }

    .UiUxSectioN .sectionTitle {

        font-size: 51px;

    }

    .UiUxServices .sectionTitle,

    .UiUxGrowth .sectionTitle,

    .UiUxPlans .sectionTitle,

    .UiUxCaseStudyTitle,

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle,

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 33px !important;

        line-height: 48px !important;

        /* padding-bottom: 22px; */

    }

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle{

        padding-bottom: 0px;

    }

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 30px !important;

        line-height: 40px !important;

    }

    .UiUxCaseStudy .UiUxPlansHead .btn-black,

    .UiUxPlansBox .UiUxPlansBoxPrice button{

        font-size: 1rem;

        line-height: 1.5;

    }

    .UiUxServices-ServiceName{

        font-size: 25px;

    }

    .UiUxGrowthRightTextBox .UiUxGrowthRightTitle{

        font-size: 25px;

        line-height: 35px;

    }

    

    .UIUX-DesigningProcess img{

        max-width: 100%;

    }

}



@media only screen and (min-device-width : 0px) and (max-device-width : 991px) {

    .single_service_box_new .single_service_box_new_sub_heading{

        max-width: 100%;

        font-size: 22px;

        font-weight: 600;

        line-height: 29px;

    }

    .single_service_box_new_sub_heading_two{

        max-width: 100%;

        margin-bottom: 0px;

        padding-bottom: 0;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading{

        max-width: 100%;

        font-size: 22px;

        font-weight: 600;

        line-height: 29px;

        margin-bottom: 20px;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading + ul.list-style_2 {

        margin-top: 0px;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner.single_service_box_inner_one {

        background-size: 50% 110%, 30% 40%;

        background-position: right -10px top 0px, left -10px top 0px;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner.single_service_box_inner_two,

    .single_service_frame.BOT-inner-page .single_service_box_inner.single_service_box_inner_one,

    .single_service_frame.BOT-inner-page .single_service_box_inner.single_service_box_inner_two{

        background-size: 30% 40%, 50% 110%;

        background-position: right -10px top 0px, left -10px top 0px;

    }

    

    .requestAdemoform {

        text-align: center;

        display: flex;

        flex-direction: column;

        -ms-flex-align: center !important;

        align-items: center !important;

        -ms-flex-pack: center !important;

        justify-content: center !important;

    }

    .requestAdemoform .input-group {

        justify-content: center;

    }

    section.requestAdemo .requestAdemoform .requestAdemoform_title {

        font-size: 38px;

    }

    .header_section .navbar #ContactBtn{

        display: inline-block;

    }

    .dialer-analytics-qms-section .single_service_frame{

        padding-bottom: 0px ;

    }

    #crmDialer .carousel-item img, 

    #crmAnalytics .carousel-item img, 

    #crmQms .carousel-item img{

        min-height: unset !important;

    }

    

    .inner_page_top.GenAI .inner_page_title.hide-on-mobile {

        display: none;

    }

    

}



@media only screen and (min-width: 768px) {

    .wrapper {

        display: grid;

        grid-template-columns: 4fr 7fr;

    }

    

    .Unified_leasning_platform .tab-content .card-header {

        display: none;

    }

    .Unified_leasning_platform .tab-content .collapse{

        display:block;

    }

}





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

    .single_service_frame .section_heading,

    .section_heading{

        font-size: 30px;

        margin-bottom: 45px;

        margin-bottom: 20px;

        margin-bottom: 35px;

        font-weight: 500;

    }

    section.engage-contact .section_heading{

        font-size: 33px;

        margin-bottom: 35px;

        font-weight: 500;

        line-height: 35px;

    }

    .inner_page_top.GenAI .inner_page_title {

        font-size: 33px;

        font-weight: 700;

        line-height: 37px;

    }

    .inner_page_top.GenAI .inner_page_sub_title {

        font-size: 24px;

        line-height: 32px;

        color: #000;

        margin: 15px 0;

    }

    .single_service_contact .single_service_single_box_img_title{

        margin-bottom: 0px;

    }

    .single_service_usa a{

        margin-top: 0px;

    }

    section.privacy_policy p+br+br, 

    section.privacy_policy ul+br+br {

        display: none;

    }

    section.data_science_process .dsp_box_inner {

        text-align: center;

    }

}





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



    /* .single_service_frame .section_heading,

    .section_heading{

        font-size: 30px;

        margin-bottom: 45px;

        margin-bottom: 20px;

        margin-bottom: 35px;

        font-weight: 500;

    } */

    /* .inner_page_top.GenAI .inner_page_title{

        font-size: 40px;

        font-weight: 700;

        line-height: 45px;

    } */





    section#counter .single_counter .statistic-counter {

        font-size: 30px;

        margin-bottom: 12px;

    }

    section#counter .single_counter p {

        color: rgba(255, 255, 255, 0.48);

        font-size: 16px;

    }

    .Get_in_touch_box .Get_in_touch_img_box{

        background-position: left center;

    }

    .Get_in_touch_box .Get_in_touch_img_box .Get_in_touch_img_box_label{

        margin-bottom: 20px;

    }

    

    

    .testimonials .swiper{

        height: 480px;

    }

    .testimonials .testimonial-item{

        min-height: 370px;

    }

    section.rmt_Slider{

        height: calc(100vh - 64px);

    }

    section.rmt_Slider .MainSlideBox{

        flex-direction: column;

        height: calc(100vh - 64px);

    }

    section.rmt_Slider .MainSlideBox .panel{

        flex: 1;

        height: 100px;

        overflow: hidden;

    }

    section.rmt_Slider .MainSlideBox .panel .panel_title{

        flex-direction: row;

    }

    section.rmt_Slider .MainSlideBox .panel .panel_title i{

        margin: 0;

        font-size: 20px;

        margin-right: 10px;

        width: 33.5px;

        height: 33.5px;

        line-height: 33px;

        transform: rotate(0deg);

        outline: 1px dashed #16a64a;

    }

    section.rmt_Slider .MainSlideBox .panel .panel_title p{

        margin: 0;

        font-size: 20px;

    }

    section.rmt_Slider .MainSlideBox .panel.active{

        flex: 5;

    }

    section.rmt_Slider .MainSlideBox .panel.active .panel_title{

        width: calc(100% - 40px);

        box-sizing: content-box;

        /* padding: 0 20px; */

        display: inline-flex;

    }



    .counterNew{

        padding: 50px 0 0;

    }

    .counterNew .main_counter_area{

        transform: translate(0%, 0%);

        margin-bottom: 0%;

    }

    .inner_page_top.GenAI .counterNew{

        margin: 0rem 0;

    }

    .all_features_single_row{

        flex-direction: column !important;

    }

    

    .UiUxSectioN .sectionTitle {

        font-size: 40px;

        line-height: 60px;

        padding-top: 15px;

    }

    

    

    .UiUxServices .sectionTitle,

    .UiUxGrowth .sectionTitle,

    .UiUxPlans .sectionTitle,

    .UiUxCaseStudyTitle,

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle,

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 31px !important;

        line-height: 48px !important;

        /* padding-bottom: 22px; */

    }

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle{

        padding-bottom: 0px;

    }

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 27px !important;

        line-height: 35px !important;

    }

    .UiUxCaseStudy .UiUxPlansHead .btn-black,

    .UiUxPlansBox .UiUxPlansBoxPrice button{

        font-size: 1rem;

        line-height: 1.5;

    }

    .UiUxServices-ServiceName{

        font-size: 23px;

    }

    

    .UiUxGrowthRightTextBox .UiUxGrowthRightTitle{

        font-size: 23px;

        line-height: 35px;

    }

    .UiUxGrowthRightTextBox .UiUxGrowthRightSubTitle{

        font-size: 17px;

    }

}

@media only screen and (min-device-width : 0px) and (max-device-width : 767px) {

    .panel_text p{

        font-size: 16.5px;

    }

    section#service_sliding_button{

        display: none;

    }

    .serviceOursolutions_image {

        max-width: 400px;

        width: 100%;

        margin: 0 auto;

    }

    

    .serviceOursolutionsBOT_image{

        max-width: 210px;

        width: 100%;

        margin: 0 auto;

    }

    

    .single_service_box_new .single_service_box_new_sub_heading{

        max-width: 100%;

        font-size: 21px;

        font-weight: 600;

        line-height: 29px;

    }

    

    .single_service_box_new_sub_heading_two{

        max-width: 100%;

        margin-bottom: 0px;

        padding-bottom: 0;

    }

    

    .serviceEvaluateAIMaturityQA_title{

        font-size: 21px;

        font-weight: 600;

        line-height: 29px;

    }

    .serviceEvaluateAIMaturityQA_question {

        line-height: 24px;

    }

    #serviceEvaluateAIMaturityQA .btn-mobile {

        width: auto;

        color: #fff;

        padding: .375rem .75rem;

        font-size: 1rem;

    }

    

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading{

        max-width: 100%;

        font-size: 21px;

        font-weight: 600;

        line-height: 29px;

        margin-bottom: 20px;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading + ul.list-style_2 {

        margin-top: 0px;

    }

    .single_service_box_two .value{

        font-size: 60px;

    }

    .single_service_box_two .count_type{

        font-size: 39px;

        margin-left: -13px;

    }

    .thankyou_box img{

        width: 150px;

    }

    .thankyou_box h1 {

        font-size: 23px;

    }

    section.requestAdemo .requestAdemoform .requestAdemoform_sub_title {

        font-size: 17px;

    }

    

    .Unified_leasning_platform .tab-content > .tab-pane {

        display: block !important;

        opacity: 1;

    }

    .crm_sliding_button_box .toggle_radio{

        height: 150px;

        /* background: none; */

        /* border-radius: 0; */

        border-radius: 23px;

    }

    .crm_sliding_button_box .toggle_radio label {

        /* width: 100%; */

        width: calc(100% - 10px);

    }

    .crm_sliding_button_box .toggle_radio #first_toggle:checked ~ .toggle_option_slider{

        width: calc(100% - 10px) !important;

        left: 5px;

    }

    .crm_sliding_button_box .toggle_radio #second_toggle:checked ~ .toggle_option_slider{

        left: 5px;

        width: calc(100% - 10px);

        top: calc(33.33% + 5px);

    }

    .crm_sliding_button_box .toggle_radio #third_toggle:checked ~ .toggle_option_slider{

        left: 5px;

        width: calc(100% - 10px);

        top: calc(66.66% + 5px);

    }

}







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

    section.client_testimonial .owl-carousel .owl-nav{

        position: unset;

    }

    section.recent_blogs .owl-carousel .owl-nav,

    #testimonials .swiper-button-next, #testimonials .swiper-button-prev,

    .single_service_frame .owl-carousel .owl-nav{

        /* display: none; */

    }

    section.client_testimonial .owl-carousel .owl-nav .owl-prev,

    section.client_testimonial .owl-carousel .owl-nav .owl-next{

        position: absolute;

        top: calc(50% - 25px);

        height: 50px;

        width: 50px;    

    }

    section.client_testimonial .owl-carousel .owl-nav .owl-prev{

        left: -25px;

    }

    section.client_testimonial .owl-carousel .owl-nav .owl-next{

        right: -25px;

    }

    .testimonials .swiper{

        height: 480px;

    }

    .testimonials .testimonial-item{

        min-height: 370px;

    }



}



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

    section.application_screens .owl-carousel .owl-item.active, 

    section.application_screens .owl-carousel .owl-item{

        transform: scale(0.88) !important;

        /* transform: scale(1) !important; */

        transition: all ease .4s;

    } 

    section.application_screens .owl-carousel .owl-item.active.center {

        transform: scale(1.04) !important;

        transition: all ease .4s;

    }

    section.application_screens .item img {

        width: 70%;

        width: 80%;

        margin: 0 auto;

        transition: all ease .4s;

    }

    section.application_screens .section_heading {

        /* margin: 0; */

    }

    section.application_screens .owl-carousel .owl-stage-outer {

        /* padding: 0; */

    }

    section.application_screens .owl-carousel .owl-dots {

        /* margin: 0; */

    }

}

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

    section.application_screens .owl-carousel .owl-item.active, 

    section.application_screens .owl-carousel .owl-item{

        transform: scale(0.88) !important;

        /* transform: scale(1) !important; */

        transition: all ease .4s;

    } 

    section.application_screens .owl-carousel .owl-item.active.center {

        transform: scale(1) !important;

        transition: all ease .4s;

    }

    section.application_screens .item img {

        width: 65%;

        /* width: 90%; */

        margin: 0 auto;

        transition: all ease .4s;

    }

    section.application_screens .section_heading {

        margin-bottom: 10px;

    }

    section.application_screens .owl-carousel .owl-stage-outer {

        padding: 15px 0;

    }

    section.application_screens .owl-carousel .owl-dots {

        margin: 5px 0 0;

    }

}





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

    section.client_testimonial .owl-carousel .owl-nav{

        display: none;

    }

    section.Trusted_brands .section_sub_heading{

        width: 100%;

    }

    .Single_blog_sidebar .input-group-append button {

        margin: 0 !important;

    }

    section.recent_blogs .owl-carousel .owl-nav, 

    .single_service_frame .owl-carousel .owl-nav{

        display: none;

    }

}

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



    section.what_we_do {

        padding-top: 40px;

    }

    footer .footer_link_block .footer_link_title,

    footer ul{

        text-align: center;

    }

    

    

    section.recent_blogs .owl-carousel .owl-nav,

    #testimonials .swiper-button-next, #testimonials .swiper-button-prev,

    .single_service_frame .owl-carousel .owl-nav{

        display: none;

    }

    

    .testimonials .swiper{

        height: 500px;

        min-height: 500px;

    }

    .testimonials .testimonial-item{

        min-height: 370px;

    }



    section.Get_in_touch_new .Get_in_touch_img_box{

        padding-bottom: 0px;

    }

    section.Get_in_touch_new .Get_in_touch_form_box{

        padding-top: 0;

    }

    section.Get_in_touch_new .Get_in_touch_img_box .Get_in_touch_img_box_label{

        font-size: 30px;

    }

    footer .footer_logo {

        margin-bottom: 20px;

    }

    section#Award_section .Award_box .Award_box_inner img {

        width: 100%;

        max-width: 200px;

    }

    .inner_page_top.GenAI .inner_page_title {

        font-size: 30px;

        font-weight: 700;

        line-height: 33px;

    }

    .inner_page_top.GenAI .inner_page_sub_title {

        font-size: 21px;

        line-height: 30px;

        color: #000;

        margin: 15px 0;

        font-weight: 400;

    }

    .single_service_frame .section_heading, .section_heading {

        font-size: 25px;

        margin-bottom: 45px;

        margin-bottom: 20px;

        margin-bottom: 35px;

        font-weight: 500;

    }

    .Theme_white_page .section_sub_heading{

        font-size: 21px;

    }

    .single_service_single_box_img_title .single_service_title{

        font-size: 18px;

    }

    .single_service_single_box .single_service_text {

        padding: 0 20px;

        margin-top: -35px;

    }

    section.engage-contact .section_heading {

        font-size: 26px;

        margin-bottom: 30px;

        font-weight: 500;

        line-height: 30px;

    }

    section.engage-contact .section_sub_heading {

        font-size: 20px;

        margin-bottom: 30px;

        font-weight: 400;

        font-size: 19px;

        line-height: 24px;

    }

    section.engage-contact{

        padding: 40px 0;

    }

    .single_service_box_new .single_service_box_new_sub_heading{

        max-width: 100%;

        font-size: 20px;

        font-weight: 600;

        line-height: 26px;

    }

    

    .single_service_box_new_sub_heading_two{

        max-width: 100%;

        margin-bottom: 0px;

        padding-bottom: 0;

    }

    .serviceEvaluateAIMaturityQA_title{

        font-size: 20px;

        font-weight: 600;

        line-height: 26px;

    }

    .serviceEvaluateAIMaturityQA_question {

        line-height: 21px;

    }

    

    

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading{

        max-width: 100%;

        font-size: 20px;

        font-weight: 600;

        line-height: 26px;

        margin-bottom: 20px;

    }

    .single_service_frame.QMS-inner-page .single_service_box_inner .single_service_box_two_sub_heading + ul.list-style_2 {

        margin-top: 0px;

    }

    .UiUxSectioN .sectionTitle {

        font-size: 30px;

        line-height: 50px;

        padding-top: 10px;

    }

    .UiUxSectioN .sectionTitle .colorFullBadge {

        font-size: 17px;

        padding: 0px 14px;

        line-height: 29px;

    }



    .UiUxServices .sectionTitle,

    .UiUxGrowth .sectionTitle,

    .UiUxPlans .sectionTitle,

    .UiUxCaseStudyTitle,

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle,

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 29px !important;

        line-height: 40px !important;

        /* padding-bottom: 22px; */

    }

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle{

        padding-bottom: 0px;

    }

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 25px !important;

        line-height: 30px !important;

    }

    .UiUxCaseStudy .UiUxPlansHead .btn-black,

    .UiUxPlansBox .UiUxPlansBoxPrice button{

        font-size: 1rem;

        line-height: 1.5;

    }

    .UiUxServices-ServiceName{

        font-size: 20px;

    }

    

    .UiUxGrowthRightTextBox .UiUxGrowthRightTitle{

        font-size: 20px;

        line-height: 30px;

    }

    .UiUxGrowthRightTextBox .UiUxGrowthRightSubTitle{

        font-size: 16px;

    }

    .UiUxPlansBox .UiUxPlansBoxList li{

        font-size: 16px;

        line-height: 23px;

    }

    

    .UiUxJoinBox-image img{

        max-width: 300px;

    }

    .UiUxJoinBoxTabsCheckboxes{

        justify-content: start;

    }

}







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



    section#counter .single_counter .statistic-counter {

        font-size: 20px;

        margin-bottom: 12px;

    }

    section#counter .single_counter p {

        color: rgba(255, 255, 255, 0.48);

        font-size: 16px;

        margin-bottom: 0;

    }

    .testimonials .swiper{

        height: 530px;

        min-height: 530px;

    }

    .testimonials .testimonial-item{

        min-height: 426px;

    }

    

}



@media only screen and (min-width: 390px) {



    .testimonials .swiper{

        height: 540px;

        min-height: 540px;

    }

    .testimonials .testimonial-item{

        min-height: 440px;

    }

}

@media only screen and (min-width: 375px) {



    .testimonials .swiper{

        height: 570;

        min-height: 570px;

    }

    .testimonials .testimonial-item{

        min-height: 465px;

    }

}



section.what_we_do .wwd_box .wwd_img_box .wwd_heading {

    background: transparent;

    align-items: flex-end;

    color: #000;

    color: #ffffff;

    text-shadow: 1px 1px 1px #000;

    box-shadow: 0px 8px 26px -12px #000 inset;

    background-image: linear-gradient(to top, #000000ad, #fff0);

    background-image: linear-gradient(to top, #000, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

}

section.what_we_do .wwd_box.wwd_box_1 .wwd_heading{

    background-image:linear-gradient(to top, #e4252e61, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #e4252e57, #fa618836, #f69ccd1a, #efd2f408, #ffffff00);

}

section.what_we_do .wwd_box.wwd_box_2 .wwd_heading{

    background-image: linear-gradient(to top, #31bae673, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #31bae68c, #89c8f340, #bed7f96b, #e5e9fc00, #ffffff00);

}

section.what_we_do .wwd_box.wwd_box_3 .wwd_heading{

    background-image: linear-gradient(to top, #16a64a69, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #16a64a73, #00c2af2e, #64d5ee17, #cae5ff1a, #ffffff0d);

}

section.what_we_do .wwd_box.wwd_box_4 .wwd_heading{

    background-image: linear-gradient(to top, #f0812d52, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #f0812d8c, #ff918a14, #ffb5d230, #fbddf926, #ffffff00);

}

section.what_we_do .wwd_box.wwd_box_5 .wwd_heading{

    background-image: linear-gradient(to top, #e4252e61, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #e4252e57, #fa618836, #f69ccd1a, #efd2f408, #ffffff00);

}

section.what_we_do .wwd_box.wwd_box_6 .wwd_heading{

    background-image: linear-gradient(to top, #31bae673, #ffffff00, #ffffff00, #ffffff00, #ffffff00);

    background-image: linear-gradient(to top, #31bae68c, #89c8f340, #bed7f96b, #e5e9fc00, #ffffff00);

}

section.what_we_do .wwd_box:hover .wwd_text{

    /* background: #e4252e; */

    flex-direction: column;

    justify-content: flex-end;

    justify-content: space-between;

    align-items: center !important;

    /* box-shadow: 0px -20px 26px -29px #000 inset; */

    font-size: 80% !important;

    font-size: 99% !important;

    height: 100%;

    padding-bottom: 15px;

    display: flex;

}

section.what_we_do .wwd_box .wwd_text{

    /* padding-bottom: 15px; */

    padding: 0 0 15px;

    justify-content: space-between;

}

section.what_we_do .wwd_box .wwd_text p{

    width: 90%;

    margin: 0 auto 1rem;

    color: #000;

}

section.what_we_do .wwd_box_1:hover,

section.what_we_do .wwd_box_5:hover{

    border: 1px solid #e4252e;

}

section.what_we_do .wwd_box_2:hover,

section.what_we_do .wwd_box_6:hover{

    border: 1px solid #31bae6;

}

section.what_we_do .wwd_box_3:hover,

section.what_we_do .wwd_box_7:hover{

    border: 1px solid #16a64a;

}

section.what_we_do .wwd_box_4:hover,

section.what_we_do .wwd_box_8:hover{

    border: 1px solid #f0812d;

}

section.what_we_do .wwd_box .wwd_text button,

section.what_we_do .wwd_box:hover .wwd_text span.btn {

    border: 1px solid #a2a2a2;

    background: #ffffff;

    padding: 2px 15px !important;

    border-radius: 100px;

    color: #212529;

}

section.what_we_do .wwd_box:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box:hover .wwd_text .wwd_heading{

    background-image: none;

    /* background: #31bae6; */

    font-size: 16.5px;

    width: 100%;

    font-weight: 600;

    line-height: 18px;

    text-shadow: 1px 1px 1px #000;

    padding: 15px 0;

}

section.what_we_do .wwd_box_1:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_5:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_1:hover .wwd_text .wwd_heading,

section.what_we_do .wwd_box_5:hover .wwd_text .wwd_heading{

    background: #e4252e;

}

section.what_we_do .wwd_box_2:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_6:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_2:hover .wwd_text .wwd_heading,

section.what_we_do .wwd_box_6:hover .wwd_text .wwd_heading{

    background: #31bae6;

}

section.what_we_do .wwd_box_3:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_7:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_3:hover .wwd_text .wwd_heading,

section.what_we_do .wwd_box_7:hover .wwd_text .wwd_heading{

    background: #16a64a;

}

section.what_we_do .wwd_box_4:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_8:hover .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_4:hover .wwd_text .wwd_heading,

section.what_we_do .wwd_box_8:hover .wwd_text .wwd_heading{

    background: #f0812d;

}

section.what_we_do .wwd_box_1:hover .wwd_text,

section.what_we_do .wwd_box_5:hover .wwd_text,

section.what_we_do .wwd_box_2:hover .wwd_text,

section.what_we_do .wwd_box_6:hover .wwd_text,

section.what_we_do .wwd_box_3:hover .wwd_text,

section.what_we_do .wwd_box_7:hover .wwd_text,

section.what_we_do .wwd_box_4:hover .wwd_text,

section.what_we_do .wwd_box_8:hover .wwd_text{

    background: #fff;

}





section.what_we_do .wwd_box_1 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_5 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_2 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_6 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_3 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_7 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_4 .wwd_img_box .wwd_heading,

section.what_we_do .wwd_box_8 .wwd_img_box .wwd_heading{

    box-shadow: none;

    background-image: linear-gradient(to top, #000000cc, #fff0);

    background-image: linear-gradient(to top, #00000080, #fff0);

}

section.what_we_do .wwd_box_1:hover button, 

section.what_we_do .wwd_box_5:hover button,

section.what_we_do .wwd_box_1:hover .wwd_text span.btn,

section.what_we_do .wwd_box_5:hover .wwd_text span.btn {

    border: 1px solid #e4252e;

    background: #e4252e4d;

    background: #e4252e21;

    padding: 2px 15px !important;

    border-radius: 100px;

    color: #212529;

}

section.what_we_do .wwd_box_2:hover button, 

section.what_we_do .wwd_box_6:hover button,

section.what_we_do .wwd_box_2:hover .wwd_text span.btn,

section.what_we_do .wwd_box_6:hover .wwd_text span.btn {

    border: 1px solid #31bae6;

    background: #31bae642;

    background: #31bae633;

    padding: 2px 15px !important;

    border-radius: 100px;

    color: #212529;

}



section.what_we_do .wwd_box_3:hover button, 

section.what_we_do .wwd_box_7:hover button,

section.what_we_do .wwd_box_3:hover .wwd_text span.btn,

section.what_we_do .wwd_box_7:hover .wwd_text span.btn {

    border: 1px solid #16a64a;

    background: #16a64a4d;

    background: #16a64a36;

    background: #8be78b6e;

    padding: 2px 15px !important;

    border-radius: 100px;

    color: #212529;

}



section.what_we_do .wwd_box_4:hover button, 

section.what_we_do .wwd_box_8:hover button,

section.what_we_do .wwd_box_4:hover .wwd_text span.btn,

section.what_we_do .wwd_box_8:hover .wwd_text span.btn {

    border: 1px solid #f0812d;

    background: #f0812d61;

    background: #f0812d3d;

    background: #ffae70a8;

    padding: 2px 15px !important;

    border-radius: 100px;

    color: #212529;

}



div#DownloadWhitePaperModal.modal select{

    height: calc(1.5em + .5rem + 13px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

}

#whitePaperModal .modal-dialog {

    /* max-width: 300px; */

}

#whitePaperModal {

    background-color: #001e2b61;

}



#secondModal{

    overflow-y: hidden !important;

    

    background-color: transparent;

}

body.modal-open{

    /* overflow: hidden !important;

    position: fixed;

    overflow-y: hidden !important;

    width: 100%; */

}

#whitePaperModal .modal-content {

    border-radius: 20px !important;

    /* border: 1px solid #f0812d;s */

    background-color: #001e2b;

    color: #fff;

    padding: 25px 0;

}

#secondModal .modal-content {

    border-radius: 20px !important;

    border: 1px solid #f0812d;

}

#secondModal input,

#secondModal textarea{

    border: 1px solid #ced4da;

    height: calc(1.5em + .5rem + 13px);

    border-radius: 8px;

    background-color: #ffffff;

}



#secondModal select{

    height: calc(1.5em + .5rem + 13px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    border-radius: 8px;

}



#secondModal textarea{

    height: auto;

}

#secondModal input:hover,

#secondModal textarea:hover,

#secondModal select:hover,

#secondModal input:focus,

#secondModal textarea:focus,

#secondModal select:focus{

    box-shadow: 0px 2px 6px -2px #b7c4d9;

    border: 1px solid #094fb72e !important;

}

div#whitePaperModal a.btn-close,

div#secondModal a.btn-close {

    color: #fff;

    top: 0px;

    right: 10px;

    position: absolute;

    font-size: 26px;

    text-decoration: none;

    opacity: .5;

}



div#whitePaperModal a.btn-close:hover ,

div#secondModal a.btn-close:hover {

    opacity: 1;

}



div#secondModal form select{

}





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

    .inner_page_top.GenAI .inner_page_title {

        font-size: 25px;

        font-weight: 700;

        line-height: 32px;

    }

    .inner_page_top.GenAI .inner_page_sub_title {

        font-size: 19px;

        line-height: 28px;

        color: #000;

        margin: 15px 0;

        font-weight: 400;

    }

    .single_service_frame .section_heading, .section_heading {

        font-size: 21px;

        line-height: 27px;

    }

    

    section.engage-contact .section_heading {

        font-size: 23px;

        margin-bottom: 28px;

        font-weight: 500;

        line-height: 28px;

    }

    section.engage-contact .section_sub_heading {

        margin-bottom: 28px;

        font-weight: 400;

        font-size: 17px;

        line-height: 22px;

    }

    section.engage-contact{

        padding: 40px 0;

    }



    .UiUxSectioN .sectionTitle {

        font-size: 25px;

        line-height: 45px;

        padding-top: 5px;

    }

    .UiUxSectioN .sectionTitle .colorFullBadge{

        font-size: 15px;

    }

    .UiUxSectioN .btn-orange{

        font-size: 0.9rem;

    }



    .UiUxServices .sectionTitle,

    .UiUxGrowth .sectionTitle,

    .UiUxPlans .sectionTitle,

    .UiUxCaseStudyTitle,

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle,

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 27px !important;

        line-height: 37px !important;

        /* padding-bottom: 22px; */

    }

    .UiUxJoinsectionTitle,

    .UiUxDesignProcess .UiUxDesignProcessTitle{

        padding-bottom: 0px;

    }

    .UiUxPlansBox .UiUxPlansBoxContent .UiUxPlansBoxTitle{

        font-size: 23px !important;

        line-height: 22px !important;

    }

    .UiUxCaseStudy .UiUxPlansHead .btn-black,

    .UiUxPlansBox .UiUxPlansBoxPrice button{

        font-size: 1rem;

        line-height: 1.5;

    }

    .UiUxServices-ServiceName{

        font-size: 20px;

    }

    .UiUxServices-ServiceText{

        font-size: 16px;

    }

    

    .UiUxGrowthRightTextBox .UiUxGrowthRightTitle{

        font-size: 20px;

        line-height: 30px;

    }

    .UiUxGrowthRightTextBox .UiUxGrowthRightSubTitle{

        font-size: 16px;

    }

    .UiUxPlansBox .UiUxPlansBoxList li{

        font-size: 16px;

        line-height: 23px;

    }

}

@media only screen and (min-width: 480px) {

    .header_section .navbar #ContactBtn i {

        display: none;

    }

}



@media only screen and (min-device-width : 0px) and (max-device-width : 484px) {

    .header_section .navbar #ContactBtn {

        /* text-indent: -1000px;

        border-radius: 0px;

        border-radius: .25rem;

        padding: 0.3rem .7rem; */

        text-indent: -1000px;

        border-radius: 0px;

        border-radius: .25rem;

        padding: 0.3rem .7rem;

        padding: 0.3rem .6rem 0.3rem .7rem;

        width: 40px;

        height: 33.6px;

        line-height: 27px;

    }

    .header_section .navbar #ContactBtn p{

        display: none

    }

    .header_section .navbar #ContactBtn i {

        /* text-indent: -6px; */

        text-indent: 0px !important;

        /* vertical-align: unset; */

    }

    .header_section .navbar #ContactBtn i {

        display: block;

        margin: 0;

        vertical-align: middle !important;

        line-height: 24px;

    }

}



@media only screen and (min-device-width : 0px) and (max-device-width : 390px) {

    .header_section .navbar {

        padding: 3.22px 0;

        /* height: 64px; */

    }

    .navbar-brand {

        margin-right: 5px;

    }

    .header_section .navbar .navbar-brand img {

        width: 223px;

        height: auto;

        flex-shrink: 0;

    }

}



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

    section.what_we_do .wwd_box{

        min-height: 120px;

        background: url('../images/slide.png');

        background-size: 230%;

        background-repeat: no-repeat;

        border: 2px solid #fff;

    }

    section.what_we_do .wwd_box .wwd_img_box{

        height: auto;

    }

    section.what_we_do .wwd_box .wwd_img_box .wwd_heading {

        box-shadow: none;

        align-items: center;

        height: auto;

        top: 0%;

        bottom: 0;

        padding: 15px 5px;

        outline: 11px solid #000;

    }

    section.what_we_do .wwd_box .wwd_img_box img,

    section.what_we_do .wwd_box .wwd_text {

        display: none;

        opacity: 0;

        visibility: hidden;

    }

}


.navbar {
    margin-bottom: 0px !important;

}