*{ /* 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; } .panel:nth-of-type(4), .panel:nth-of-type(5) { display: none; } } /* 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(../images/genAI/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 + 275px) !important; max-width: 420px; } .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; } }