@font-face {
font-family: montserrat_bold;
src: url("../font/Montserrat-Bold.ttf");
font-display: swap;
}
@font-face {
font-family: montserrat_extrabold;
src: url("../font/Montserrat-ExtraBold.otf");
font-display: swap;
}
@font-face {
font-family: montserrat_extralight;
src: url("../font/Montserrat-ExtraLight.otf");
font-display: swap;
}
@font-face {
font-family: montserrat_light;
src: url("../font/Montserrat-Light.otf");
font-display: swap;
}
@font-face {
font-family: montserrat_regular;
src: url("../font/Montserrat-Regular.otf");
font-display: swap;
}
@font-face {
font-family: montserrat_semibold;
src: url("../font/Montserrat-SemiBold.otf");
font-display: swap;
}
@font-face {
font-family: montserrat_thin;
src: url("../font/Montserrat-Thin.otf");
font-display: swap;
}
.sow-headline-container p.sow-sub-headline {
font-family: 'montserrat_light' !important;
font-weight: 400 !important;
}
.sow-headline-container h5.sow-sub-headline {
font-family: 'montserrat_light' !important;
font-weight: 400 !important;
}
.sow-features-list .sow-features-feature .textwidget {
font-family: 'montserrat_light' !important;
font-weight: 400 !important;
}
.security-ppp
{
color: #5F6368;
font-family: Montserrat;
font-size: 16px;
font-weight: 400;
line-height: 35px;
}
.security-pp{
color: #5F6368;
font-family: Montserrat;
font-weight: 400;
letter-spacing: 0.35px;
line-height: 18px;
}
.security-p{
font-family: Montserrat;
font-size: 15px;
font-weight: 500;
}
.white-button-nft:hover {
transition: all 0.8s;
color: #FFFFFF !important;
background: #EF0D33;
border: 1px solid #EF0D33;
top: -3px;
box-shadow: 0px 0px 20px 15px #8888881f;
}
.white-button-nft {
color: #1D1D1D;
border: 1px solid gray;
padding: 8px 35px 8px 35px;
font-weight: 300;
font-family: Lato;
top: 0;
border-radius: 4px;
position: relative;
}
.red-button-nft:hover {
transition: all 0.8s;
color: #1D1D1D !important;
border: 1px solid gray !important;
background: #f5f5f5;
top: -3px;
box-shadow: 0px 0px 20px 15px #8888881f;
}
.red-button-nft {
color: #FFFFFF !important;
background: #EF0D33;
border: 1px solid #EF0D33;
padding: 8px 22px 8px 22px;
font-weight: 300;
font-family: Lato;
top: 0;
border-radius: 4px;
position: relative;
}
/* case study css */
section.overview_section {
height: unset;
position: relative;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.overview_section span.gray-part {
position: absolute;
right: 0;
}
.case-study-select {
height: 74.03px;
background: #F7F7F7;
border-radius: 15px;
color: #000000;
font-size: 21px;
line-height: 26px;
font-family: 'montserrat_light';
font-style: normal;
font-weight: 600;
width: 410px;
cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
}
.select-styled {
font-family: 'montserrat_light';
font-style: normal;
font-weight: 600;
font-size: 21px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 26px 0 0 104px;
border-radius: 12px;
}
.select-styled:active, .select-styled.active {
background-color: #FF292E;
color: white;
}
.select-options {
margin-top: 40px;
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
padding: 0;
list-style: none;
background: white;
padding: 0px 4px 6px 0;
border-radius: 10px;
}
.select-options li {
padding: 3% 0 3% 7%;
color: rgba(0, 0, 0, 0.36);
background: #FAFAFA;
font-weight: 500;
font-size: 14px;
font-family: 'montserrat_light';
}
.select-options li:hover {
color: #000000;
font-size: 15px;
background: #F0F0F0;
font-weight: 500;
font-family: 'montserrat_light';
border-left: 3px solid #FF292E;
}
.select-options li[rel="hide"] {
display: none;
}
.case-study-blog .case-study-title h2 {
color: black;
margin-top: 4%;
font-weight: bold;
font-size: 64px;
font-family: montserrat_bold;
text-align: center;
}
.case-study-blog .case-study-dec p {
padding-top: 5px;
color: rgba(0, 0, 0, 0.6);
font-family: montserrat_light;
font-size: 24px;
width: 60%;
text-align: center;
margin: auto;
line-height: 2.3vw;
font-weight: normal;
}
.case-study-search {
margin-top: 88px;
}
.case-study-search form {
display: flex;
justify-content: center;
}
.select_technology {
position: relative;
margin-right: 15px;
margin-left: 10px;
}
.case-study-search form .select_technology span.red {
z-index: 1;
top: 23px;
position: absolute;
left: 7%;
}
.case-study-search form .select_technology span.gray {
z-index: 1;
top: 37px;
position: absolute;
right: 10%;
}
.select_industry {
position: relative;
margin-right: 25px;
}
.select_industry span.red {
z-index: 1;
top: 23px;
position: absolute;
left: 7%;
}
.select_secondary_search.show-search-title .secondary_search {
transition: width 2s;
display: block;
}
.select_secondary_search.show-search-title label {
display: none;
}
.select_secondary_search.show-search-title {
width: unset;
}
.select_secondary_search {
border-radius: 15px;
position: relative;
background: #F7F7F7;
height: 61.03px;
width: 63px;
}
.select_secondary_search #search_submit {
width: 92.93px;
height: 81.03px;
}
.select_secondary_search #search_submit {
display: none;
}
.select_secondary_search label {
cursor: pointer;
}
.select_secondary_search label svg {
height: 74.03px;
padding: 0 25px;
border-radius: 15px;
position: absolute;
top: 0;
left: 0%;
background: #f7f7f7;
}
.case-study-wrap {
display: flex;
margin: 83px 80px 20px 120px;
justify-content: center;
flex-wrap: wrap;
}
.select_industry .case-study-select .select-styled:before {
position: absolute;
content: url("data:image/svg+xml;charset=UTF-8,");
background-size: 28px 28px;
left: 29px;
bottom: 12px;
}
.select_industry .case-study-select .select-styled.active::before {
content: url("data:image/svg+xml;charset=UTF-8,");
}
.select_technology .case-study-select .select-styled:before {
position: absolute;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 28px 28px;
left: 29px;
bottom: 7px;
}
.select_technology .case-study-select .select-styled.active::before {
content: url("data:image/svg+xml;charset=UTF-8, ");
}
.select-styled.active::after {
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 28px 28px;
}
.select-styled:after {
position: absolute;
display: block;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 28px 28px;
height: 28px;
width: 9px;
right: 33px;
bottom: 22px;
}
.case-study-card {
margin: 0px 3% 3% 0px;
width: 30%;
background: #F7F7F7;
box-sizing: border-box;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
position: relative;
}
.case-study-card img {
width: 470.23px;
height: 240.4px;
object-fit: cover;
}
.case-study-card h2 {
color: black;
font-family: 'montserrat_semibold';
font-size: 24px;
font-weight: 700;
padding-left: 10%;
padding-right: 10%;
line-height: 1.3;
padding-top: 15px;
}
.case-study-card p {
opacity: .8;
font-weight: bolder;
padding-right: 10%;
color: rgba(0, 0, 0, 0.6);
font-size: 18px;
padding-left: 10%;
text-align: left;
line-height: 30px;
font-family: 'montserrat_light';
font-weight: 400;
}
.case-study-card a {
padding-bottom: 35px;
float: right;
padding-right: 10%;
font-size: 18px;
font-style: normal;
font-weight: 500;
color: #FF0005;
font-family: 'montserrat_light';
}
.case-study-card a.read-more {
padding-bottom: 15px;
position: absolute;
bottom: 0;
right: 0;
}
.select_industry p {
position: absolute;
left: 0;
z-index: 1;
top: -18px;
color: red;
margin-left: 10%;
}
.select_technology p {
position: absolute;
left: 0;
z-index: 1;
top: -18px;
color: red;
margin-left: 10%;
}
.secondary_search input::placeholder {
color: #B2B2B2;
font-size: 21px;
}
.secondary_search input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.couldnt {
border: 1px solid rgba(128, 128, 128, 0.14);
box-shadow: 0px 0px 15px 1px rgb(128 128 128 / 14%);
position: relative;
padding: 20px 160px 20px 20px;
background-color: white;
margin: 30px 0;
}
.couldnt-text h4 {
line-height: 25px !important;
font-size: 21px !important;
color: #363439 !important;
margin: 10px 0 0 !important;
font-style: unset !important;
box-shadow: unset !important;
}
.couldnt-button {
position: absolute;
padding: 10px 25px;
right: 2%;
border-radius: 3px;
top: 50%;
margin-top: -19px;
border: none;
outline: none;
background-color: #ef0d33;
color: white;
cursor: pointer;
font-size: 11px;
text-shadow: none;
font-family: montserrat_light, sans-serif;
text-align: center;
}
.couldnt-button:hover {
box-shadow: 0 0 7px 1px rgb(239 13 51 / 48%);
}
@media only screen and (max-width: 768px) {
.couldnt {
padding: 20px !important;
}
.couldnt-button {
position: relative;
top: auto;
right: auto;
margin: auto;
display: block;
}
.couldnt-text p {
margin-top: 10px !important;
}
}
.secondary_search {
position: relative;
}
.secondary_search span {
position: absolute;
top: 35px;
right: 10px;
cursor: pointer;
opacity: 0;
}
.show-search-title .secondary_search span {
opacity: 1;
}
.show-search-title .secondary_search input {
max-width: 45vw;
width: 13vw;
opacity: 1;
}
.secondary_search input {
border-radius: 15px;
height: 81.03px;
border: unset;
background: #F7F7F7;
border-radius: 15px;
color: #B2B2B2;
line-height: 26px;
font-family: 'montserrat_light';
font-style: normal;
font-weight: 600;
max-width: 0px;
padding: 0 13% 0 5%;
font-size: 15px;
transition: all .2s ease-in-out;
opacity: 0;
}
.secondary_search input:focus {
box-shadow: unset;
background-color: unset;
color: #B2B2B2;
}
.case-study-card:hover {
box-shadow: 0px 3px 10px 1px #ddd;
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
@media only screen and (max-width: 1440px) {
.select_secondary_search label svg {
height: 61px;
top: 0;
left: 0;
}
.secondary_search span {
top: 24px;
}
.secondary_search input {
height: 61.03px;
}
.case-study-blog .case-study-dec p {
width: 50%;
}
.select_industry .case-study-select .select-styled.active::before {
content: url("data:image/svg+xml;charset=UTF-8,");
}
.select_industry .case-study-select .select-styled:before {
position: absolute;
content: url("data:image/svg+xml;charset=UTF-8,");
background-size: 28px 28px;
left: 29px;
bottom: 8px;
}
.select-styled:after {
bottom: 15px;
}
.select_technology .case-study-select .select-styled:before {
position: absolute;
content: url("data:image/svg+xml;charset=UTF-8, ");
background-size: 28px 28px;
left: 24px;
bottom: 7px;
}
.select_technology .case-study-select .select-styled.active::before {
content: url("data:image/svg+xml;charset=UTF-8, ");
}
.case-study-select {
width: 313px;
height: 61.03px;
}
.select-styled {
padding: 17px 0 0 82px;
font-weight: 100;
font-size: 15px;
}
.case-study-blog .case-study-dec p {
font-size: 18px;
line-height: 35px;
}
.case-study-blog .case-study-title h2 {
font-size: 50px;
}
.case-study-card p {
line-height: 30px;
font-size: 14px;
margin-top: -3px;
margin-bottom: 5px;
}
.case-study-card a {
font-size: 16px;
}
.case-study-card img {
height: 220.4px;
}
.case-study-card h2 {
font-size: 18px;
}
}
@media only screen and (max-width: 1062px) {
.select-options li {
font-size: 16px;
}
.case-study-select {
width: 317px;
}
.select-styled {
font-size: 16px;
}
.case-study-card {
width: 45%;
}
}
@media only screen and (max-width: 788px) {
.select_technology {
margin-left: -10px;
}
.select_secondary_search label svg {
left: 40%;
}
.select_secondary_search {
width: 373px;
margin-right: 25px;
}
.select_search label svg {
left: 45%;
}
.select-options {
margin-top: 12px;
}
.case-study-select {
width: 373px;
}
.select_search {
width: 373px;
margin-top: 10px;
margin-bottom: 25px;
}
.case-study-wrap {
margin: 50px 0px 20px 20px;
}
}
@media only screen and (max-width: 500px) {
.select_technology {
margin-right: 0px;
margin-left: 0;
}
.show-search-title .secondary_search input {
margin-left: 4%;
}
.case-study-card p {
font-size: 12px;
line-height: 28px;
}
.case-study-blog .case-study-dec p {
line-height: 28px;
font-size: 14px;
}
.select_secondary_search label svg {
left: 40%;
}
.select_secondary_search {
width: 323px;
}
.secondary_search input {
width: 323px;
}
.select_search label svg {
left: 50%;
}
.case-study-blog .case-study-dec p {
width: 82%;
text-align: justify;
}
.case-study-select {
width: 323px;
}
.select_industry {
margin-right: 0px;
}
.case-study-blog .case-study-title h2 {
font-size: 35px;
}
.case-study-card {
width: 100%;
margin-bottom: 10%;
}
.select_industry .case-study-select .select-styled:before {
left: 19px;
}
.select_secondary_search {
margin-right: 0;
}
}
/* end case study css */
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #fff;
font-size: 14px;
line-height: 20px;
color: #333;
height: 100%;
text-shadow: none;
font-family: montserrat_regular, sans-serif;
overflow: hidden;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.3);
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: rgba(117, 116, 116, 0.4);
}
::-webkit-scrollbar-thumb:window-inactive {
background-color: #ccc
}
::-moz-selection {
color: #fff;
background: #999;
}
::selection {
color: #fff;
background: #999;
}
.clear {
clear: both;
}
.row-fluid {
width: 100%;
}
.container {
width: 1170px;
margin: 40px auto;
}
.outer {
height: 100%;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
a {
color: #08c;
text-decoration: none;
}
h1, h2, h3, h4, h6 {
font-weight: 400;
}
select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input[type=text], textarea, input[type="password"], input[type="email"], input[type="number"] {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
display: block;
height: 25px;
padding: 4px 10px;
margin: 15px 10px;
font-size: 14px;
line-height: 20px;
color: #666;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 90%;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
}
select {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
display: block;
height: 35px;
padding: 4px 10px;
margin: 15px 10px;
font-size: 14px;
line-height: 20px;
color: #666;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 93.5%;
}
.clutchLeft-top .bc-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.clutchLeft-buttom .bc-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.btn {
height: 35px;
border: none;
font-size: 14px;
background: #ff6600;
color: #fff;
cursor: pointer;
margin: 5px;
text-shadow: none;
padding: 0px 20px;
text-align: center;
line-height: 34px;
display: inline-block;
width: 107px;
border-radius: 4px;
}
.btn:hover {
background-color: #ED6103;
}
.btn_line {
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn_line:hover {
background: #fff;
color: #585858;
}
.btn_more {
background-size: 13px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding-left: 50px;
position: relative;
background: transparent;
color: #ef0d33;
font-size: 11px;
width: 80px;
}
.btn_more:hover {
background-position: left 5px top 10px;
background-color: transparent;
}
.btn_more:before {
content: '';
position: absolute;
top: 50%;
left: 0px;
width: 40px;
border-bottom: 1px solid #ef0d33;
}
@keyframes btnSlide {
0% {
opacity: 1;
height: 0;
-webkit-transform: translateY(35px);
-moz-transform: translateY(35px);
-ms-transform: translateY(35px);
-o-transform: translateY(35px);
transform: translateY(35px);
}
100% {
opacity: 1;
height: 35px;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
.btn_red {
background: #ef0d33;
color: #fff;
border: 1px solid #ef0d33;
position: relative;
overflow: hidden;
opacity: 1 !important;
}
.section_view .btn_red {
animation: btnSlide 0.8s forwards;
}
.btn_red:after {
background: #fff;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.section_view .btn_red:after {
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
-ms-transform: translateY(-105%);
-o-transform: translateY(-105%);
transform: translateY(-105%);
}
.btn_red:hover {
background: #d40a2c;
color: white;
}
.menu_open {
overflow: hidden !important;
}
.menu_outer {
z-index: 1000;
position: relative;
}
.menu_open .menu_outer {
height: 100%;
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #313439;
}
.menu_btn_wrap {
background: #ef0d33;
border-radius: 3px;
box-shadow: 0px 2px 19px 9px rgba(239, 13, 51, 0.08);
color: #fff;
position: fixed;
top: 20px;
right: 40px;
cursor: pointer;
font-size: 0;
z-index: 1000;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 1px;
}
#menu_title {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: inline-block;
font-weight: 400;
font-family: montserrat_light;
font-size: 10px;
border-right: 1px solid rgba(197, 11, 42, 0.4);
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
#menu_title a {
color: #fff;
}
.menu_open #menu_title {
width: 0;
padding: 0;
}
.call_icon {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 30px;
background: url(../images/phone-receiver.png) no-repeat center;
background-size: 15px;
cursor: pointer;
border-right: 1px solid rgba(197, 11, 42, 0.4);
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.menu_open .call_icon {
width: 0;
padding: 0;
border: none;
}
.menu_icon {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 30px;
background-size: 25px;
cursor: pointer;
}
.menu_icon:hover, .call_icon:hover {
background-color: #d60c2e;
}
#nav-icon3 {
width: 15px;
height: 45px;
position: relative;
margin: 9px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
top: 6px;
}
#nav-icon3 span:nth-child(4) {
top: 12px;
}
.menu_open #nav-icon3 span:nth-child(1), .detail_open #nav-icon3 span:nth-child(1) {
top: 6px;
width: 0%;
left: 50%;
}
.menu_open #nav-icon3 span:nth-child(2), .detail_open #nav-icon3 span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_open #nav-icon3 span:nth-child(3), .detail_open #nav-icon3 span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_open #nav-icon3 span:nth-child(4), .detail_open #nav-icon3 span:nth-child(4) {
top: 6px;
width: 0%;
left: 50%;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.menu_wrapper {
height: 100%;
display: none;
}
.menu_wrapper .logo {
left: 50px;
box-shadow: none;
}
.menu_open .menu_wrapper {
display: block;
animation: fadeIn 1s;
z-index: 10;
}
.menu_card_outer {
background: white;
top: 0;
position: absolute;
width: 78%;
height: 100%;
box-sizing: border-box;
z-index: 0;
overflow: auto;
display: none;
z-index: 9;
}
.menu_card_outer.open{
display: block;
animation-duration: 0.3s;
}
.fadeInLeftBig{
animation-name: fadeInLeftBig;
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100%{
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeOutRightBig{
animation-name: fadeOutRightBig;
}
@keyframes fadeOutRightBig {
0%{
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100%{
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.menu_card_outer .menuViewAll{
width: 70vw;
border-top: 1px solid #E6E6E6;
grid-column: 1 / -1;
padding: 3vw 0 0 0;
font-size: 1vw;
text-align: center;
position: absolute;
bottom: 1vw;
left: 50%;
transform: translate(-50%, -50%);
}
.menu_card_outer .menuViewAll a{
border: 2px solid #E56E75;
padding: .6vw 2.3vw;
color: #DB333C;
font-size: .8vw;
}
.menu_card_outer .menuViewAll:hover{
color: #d60c2e;
}
.menuListWrapper {
grid-template-columns: repeat(4, 1fr);
display: none;
}
.menuListWrapper.show{
display: grid;
}
.menu_card_outer .menuContent{
padding: 4vw 4vw 4vw 3.5vw;
}
.menu_card_outer .menuHead{
font-size: 1.32vw;
padding-bottom: 2vw;
margin: 0;
padding: 0 5.2vw 1vw 2vw;
line-height: 1.2;
border-bottom: 1px solid #E6E6E6;
}
.menu_card_outer .menuInnerList p{
flex-basis: 48%;
margin: 0;
padding: 1vw 2.2vw 1vw 2vw;
}
.menu_card_outer .menuInnerList p a{
color: #323232;
display: table;
font-size: .8vw;
font-weight: 500;
cursor: pointer;
}
.menu_card_outer .menuInnerListWrapper:nth-child(even){
border-right: unset;
}
.menu_card_outer .menuInnerList p a:hover{
color: #ef0d33;
}
.mobile-menu{
display: none;
}
.pc-menu{
display: block;
}
@media only screen and (max-width: 768px) {
.mobile-menu {
display: block;
}
.pc-menu{
display: none;
}
.mob-subMenuList .subMenuSlider{
display: none;
}
.mob-subMenuList .subMenuSlider.activeList{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: white;
left: 0;
display: block;
z-index: 1;
padding: 80px 40px;
transition: right .5s ease;
box-sizing: border-box;
}
.mob-subMenuList .subMenuSlider.activeList .submenuHead{
color: #e62552;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 18px;
padding-bottom: 30px;
}
.mob-subMenuList{
display: none;
}
.mob-subMenuList.open{
display: block;
}
.mob-subMenuList.open .backArrow{
cursor: pointer;
position: absolute;
right: 27px;
top: 0;
z-index: 3;
transform: rotate(-45deg);
display: block;
margin: 30px auto;
width: 14px;
height: 14px;
border-top: 2px solid #000;
border-left: 2px solid #000;
}
.mob-subMenuList.open .backArrow::after{
content: "";
display: block;
width: 2px;
position: absolute;
height: 22px;
background-color: black;
transform: rotate(-45deg) translate(15px, 4px);
left: -6px;
top: -3px;
margin-top: 8px;
}
.mob-subMenuList .subMenuSlider.activeList a{
color: #323232;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 500;
line-height: 8px;
padding-bottom: 30px;
padding-left: 20px;
user-select: none;
-webkit-user-select: none;
}
.mobile-menu .menuList span{
display: inline-block;
margin-left: 10px;
width: 6px;
height: 6px;
border-top: 2px solid #121315;
border-left: 2px solid #121315;
transform: rotate(225deg);
margin-bottom: 2px;
}
.mobile-menu .mob-subMenu{
display: none;
overflow: unset;
max-height: unset;
transition: unset !important;
}
.mobile-menu .mob-subMenu li{
color: #121315;
padding: 6px 10px 6px 45px;
display: block;
font-size: 11px;
margin: 0px 0px;
font-weight: 600;
font-family: montserrat_light, sans-serif;
border: 1px solid transparent;
}
.menu_links_wrap ul li:hover ul.mob-subMenu{
max-height: unset !important;
}
.menu_btn_wrap.hide{
display: none;
}
}
.blog_menu {
position: absolute;
top: 0px;
left: -100%;
width: 33%;
height: 100%;
background-color: transparent;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url("../images/menu_left.jpg");
}
.menu_wrapper.open .blog_menu {
left: 0%;
}
.side_logo {
width: 100%;
height: 100px;
text-align: center;
margin: 3% 0%;
box-sizing: border-box;
padding: 25% 0%;
}
.side_logo img {
width: 65px;
}
.side_strip {
width: 100%;
text-transform: uppercase;
font-size: 10px;
text-align: center;
position: relative;
}
.side_strip:before {
content: '';
position: absolute;
left: 0px;
top: 6px;
height: 7px;
width: 16%;
background-color: rgba(255, 255, 255, 0.1);
}
.side_strip:after {
content: '';
position: absolute;
right: 0px;
top: 6px;
height: 7px;
width: 16%;
background-color: rgba(255, 255, 255, 0.1);
}
.side_strip ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.side_strip ul li {
margin: 0px;
padding: 0px 8px;
color: rgba(255, 255, 255, 0.4);
display: inline-block;
vertical-align: top;
font-family: montserrat_light;
position: relative;
}
.side_strip ul li:before {
content: '';
position: absolute;
top: 7px;
left: -3px;
height: 5px;
width: 5px;
border-radius: 50%;
background-color: #ef0d33;
}
.side_strip ul li:nth-child(1):before {
display: none;
}
.side_content {
width: 80%;
margin: auto;
padding: 9% 0%;
box-sizing: border-box;
position: relative;
}
.side_content p {
font-size: 11px;
color: rgba(255, 255, 255, 0.3);
font-family: montserrat_light;
text-align: justify;
line-height: 20px;
width: 100%;
margin: 0px;
}
.side_content:after {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 2px;
background-color: rgba(255, 255, 255, 0.1);
}
.book_container {
width: 85%;
height: 150px;
background-color: rgba(255, 255, 255, 0.1);
margin: 12% auto 0%;
padding: 15px 15px 15px 110px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.book_container .book_img {
position: absolute;
top: 0px;
left: 15px;
height: 155px;
width: 155px;
z-index: -1;
background-image: url(../images/book.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.book_container h2 {
color: white;
text-transform: uppercase;
font-size: 14px;
font-family: montserrat_regular;
margin-bottom: 0px;
line-height: 15px;
margin-top: 15px;
}
.book_container p {
color: rgba(255, 255, 255, 0.3);
font-size: 10px;
line-height: 20px;
font-family: montserrat_light;
margin: 8px 0px 5px;
}
.book_container .download_btn {
color: #ef0d33;
font-size: 11px;
cursor: pointer;
display: block;
}
.book_container .download_btn:hover {
opacity: 0.8;
}
.sub_banner {
width: 100%;
height: 130px;
background-image: url("../images/home_menu_card.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.sub_head {
font-size: 23px;
line-height: 30px;
padding: 15px 0px;
text-transform: capitalize;
}
.blog_content p {
color: #525558;
font-size: 11px;
line-height: 18px;
text-align: justify;
margin: 15px 0px;
}
.blog_stripe {
width: 100%;
background-color: #45484c;
}
.blog_stripe ul {
margin: 0px;
padding: 0px 50px;
text-align: left;
box-sizing: border-box;
}
.blog_stripe ul li {
display: inline-block;
vertical-align: top;
width: auto;
color: #979899;
font-family: montserrat_light;
font-size: 10px;
text-transform: uppercase;
padding: 2px 15px;
position: relative;
}
.blog_stripe ul li:before {
content: '';
position: absolute;
top: 9px;
left: 0px;
height: 5px;
width: 5px;
background-color: #ef0d33;
border-radius: 50%;
}
.more a {
color: #ef0d33;
font-size: 12px;
}
.more a:hover {
color: #d60c2e;
}
.middle_menu {
width: 67%;
height: 100%;
margin-left: 33%;
}
.white_paper_menu {
width: 100%;
height: 50%;
background-color: #ebebeb;
box-sizing: border-box;
padding: 60px 50px;
position: relative;
top: -100%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.menu_wrapper.open .white_paper_menu {
top: 0px;
}
.white_paper_menu h4.main_head {
color: #dcdcdc;
}
.case_study_menu {
width: 100%;
height: 50%;
overflow: hidden;
background-color: #f8f8f8;
box-sizing: border-box;
position: relative;
bottom: -50%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.menu_wrapper.open .case_study_menu {
bottom: 0%;
}
.menu_card_wrap {
height: 400px;
width: 800px;
margin: auto;
position: relative;
padding: 0px 60px;
box-sizing: border-box;
}
.white_paper_wrap {
width: 100%;
position: relative;
}
.image_box {
width: 250px;
height: 175px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/tagrail_image.jpg");
position: absolute;
top: 0px;
left: 0px;
margin-top: 10px;
}
.content_box {
width: 100%;
box-sizing: border-box;
padding: 20px 20px 20px 200px;
}
.content_box .sub_title {
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
}
.content_box p {
font-size: 11px;
line-height: 18px;
font-family: montserrat_light;
color: #8e8e8e;
min-height: 75px;
max-height: 115px;
}
.content_box .download_btn {
background-color: white;
padding: 4px 5px 4px 30px;
font-size: 12px;
width: 110px;
cursor: pointer;
position: relative;
display: block;
}
.content_box a {
color: #333;
}
.content_box .download_btn:before {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 15px;
height: 15px;
opacity: 1;
background: url(../images/download_red.png) center no-repeat;
background-size: cover;
}
.content_box .download_btn:hover {
opacity: 0.7;
}
.middle_menu h4.main_head {
margin: 0px;
}
.case_study_menu .main_head {
padding: 30px 0px 0px 50px;
}
.case_study_wrap {
width: 100%;
height: 245px;
margin-top: 20px;
box-sizing: border-box;
padding: 25px;
display: block;
z-index: 1;
background-color: white;
}
.case_study_wrap .title_border {
width: 84%;
height: 45px;
position: absolute;
z-index: 0;
left: 8%;
top: 29%;
border: 3px solid rgba(149, 149, 149, 0.10);
display: none;
}
.case_study_wrap .case_images {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.case_study_wrap .sub_title {
text-align: center;
font-size: 13px;
text-transform: uppercase;
}
.clutchRight .clutchRight-padding {
padding-left: 5%;
padding-right: 17%;
}
.clutchRight .clutchRight-padding p {
text-align: left;
}
.case_study_wrap .title {
color: #ef0d33;
text-align: center;
padding: 10px;
font-family: montserrat_extrabold;
font-size: 17px;
line-height: 20px;
width: 80%;
box-sizing: border-box;
margin: auto;
position: relative;
z-index: 0;
background-color: white;
}
#casestudy_Slider .swiper-wrapper .swiper-slide:nth-child(even) .case_study_wrap {
background-color: #f0f0f0;
}
#casestudy_Slider .swiper-wrapper .swiper-slide:nth-child(even) .case_study_wrap .title {
background-color: #f0f0f0;
}
.swiper-button-next img, .swiper-button-prev img {
position: absolute;
top: 8px;
left: 8px;
width: 14px;
opacity: 0.5;
}
.clutchLeft-buttom div .right {
padding-bottom: 12px;
margin-left: 15%;
}
.swiper-button-next:hover img, .swiper-button-prev:hover img {
opacity: 1;
}
.swiper-container#whitepaper_Slider {
padding-top: 60px;
top: -60px;
}
.swiper-container#casestudy_Slider {
padding-top: 85px;
bottom: 0px;
width: 115%;
position: absolute;
}
#whitepaper_Slider .swiper-button-prev, #whitepaper_Slider .swiper-button-next, #casestudy_Slider .swiper-button-prev, #casestudy_Slider .swiper-button-next {
height: 38px;
width: 38px;
top: 32px;
background-image: url(../images/red_arrow.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#whitepaper_Slider .swiper-button-next:hover, #whitepaper_Slider .swiper-container-rtl .swiper-button-prev:hover, #casestudy_Slider .swiper-button-next:hover, #casestudy_Slider .swiper-container-rtl .swiper-button-prev:hover {
opacity: 0.7;
}
#whitepaper_Slider .swiper-button-prev, #whitepaper_Slider .swiper-container-rtl .swiper-button-next, #casestudy_Slider .swiper-button-prev, #casestudy_Slider .swiper-container-rtl .swiper-button-next {
background: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url("../images/upload.png");
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#whitepaper_Slider .swiper-button-prev:hover, #whitepaper_Slider .swiper-container-rtl .swiper-button-next:hover, #casestudy_Slider .swiper-button-prev:hover, #casestudy_Slider .swiper-container-rtl .swiper-button-next:hover {
opacity: 0.7;
}
#whitepaper_Slider .swiper-button-prev, #whitepaper_Slider .swiper-container-rtl .swiper-button-next {
right: 55px;
left: auto;
}
#casestudy_Slider .swiper-button-prev, #casestudy_Slider .swiper-container-rtl .swiper-button-next {
right: 24%;
left: auto;
}
#casestudy_Slider .swiper-button-next, #casestudy_Slider .swiper-container-rtl .swiper-button-prev {
right: 18.5%;
left: auto;
}
@keyframes cardSlideUp {
0% {
margin-top: 100px;
}
100% {
margin-top: 0px;
}
}
.menu_card {
position: absolute;
top: 0;
left: 0;
background: #FFFFFF;
width: 100%;
height: 100%;
border-radius: 0px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.4s cubic-bezier(0.46, 0.45, 0.38, 0.36);
-moz-transition: all 0.4s cubic-bezier(0.46, 0.45, 0.38, 0.36);
-ms-transition: all 0.4s cubic-bezier(0.46, 0.45, 0.38, 0.36);
-o-transition: all 0.4s cubic-bezier(0.46, 0.45, 0.38, 0.36);
transition: all 0.4s cubic-bezier(0.46, 0.45, 0.38, 0.36);
cursor: pointer;
background: url("../images/image.jpg") no-repeat top center;
background-image: url("../images/ai_bg.jpg");
background-size: 100% auto;
-webkit-transform: perspective(230px) rotateX(-1deg);
-moz-transform: perspective(230px) rotateX(-1deg);
-ms-transform: perspective(230px) rotateX(-1deg);
-o-transform: perspective(230px) rotateX(-1deg);
transform: perspective(230px) rotateX(-1deg);
opacity: 0;
}
.change_makers_slider_image {
display: block;
}
.menu_card:nth-child(1) {
z-index: 10;
top: 0px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1) perspective(230px) rotateX(-1deg);
-moz-transform: scale(1) perspective(230px) rotateX(-1deg);
-ms-transform: scale(1) perspective(230px) rotateX(-1deg);
-o-transform: scale(1) perspective(230px) rotateX(-1deg);
transform: scale(1) perspective(230px) rotateX(-1deg);
opacity: 1;
}
.menu_open .menu_card {
animation: cardSlideUp 0.5s forwards;
opacity: 1;
}
.menu_card:nth-child(2) {
z-index: 9;
top: -15px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.93) perspective(230px) rotateX(-1deg);
-moz-transform: scale(0.93) perspective(230px) rotateX(-1deg);
-ms-transform: scale(0.93) perspective(230px) rotateX(-1deg);
-o-transform: scale(0.93) perspective(230px) rotateX(-1deg);
transform: scale(0.93) perspective(230px) rotateX(-1deg);
opacity: 0.7;
}
.menu_open .menu_card:nth-child(2) {
animation-delay: 0.1s;
}
.menu_card:nth-child(3) {
z-index: 8;
top: -30px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.87) perspective(230px) rotateX(-1deg);
-moz-transform: scale(0.87) perspective(230px) rotateX(-1deg);
-ms-transform: scale(0.87) perspective(230px) rotateX(-1deg);
-o-transform: scale(0.87) perspective(230px) rotateX(-1deg);
transform: scale(0.87) perspective(230px) rotateX(-1deg);
opacity: 0.5;
}
.menu_open .menu_card:nth-child(3) {
animation-delay: 0.2s;
}
.menu_card:nth-child(4) {
z-index: 7;
top: -45px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.80) perspective(230px) rotateX(-1deg);
-moz-transform: scale(0.80) perspective(230px) rotateX(-1deg);
-ms-transform: scale(0.80) perspective(230px) rotateX(-1deg);
-o-transform: scale(0.80) perspective(230px) rotateX(-1deg);
transform: scale(0.80) perspective(230px) rotateX(-1deg);
opacity: 0.3;
}
.menu_open .menu_card:nth-child(4) {
animation-delay: 0.3s;
}
.menu_card:nth-child(5) {
z-index: 6;
top: -60px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.63) perspective(230px) rotateX(-1deg);
-moz-transform: scale(0.63) perspective(230px) rotateX(-1deg);
-ms-transform: scale(0.63) perspective(230px) rotateX(-1deg);
-o-transform: scale(0.63) perspective(230px) rotateX(-1deg);
transform: scale(0.63) perspective(230px) rotateX(-1deg);
opacity: 0.1;
}
.menu_card:nth-child(6) {
z-index: 5;
top: -75px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.53) perspective(230px) rotateX(-1deg);
-moz-transform: scale(0.53) perspective(230px) rotateX(-1deg);
-ms-transform: scale(0.53) perspective(230px) rotateX(-1deg);
-o-transform: scale(0.53) perspective(230px) rotateX(-1deg);
transform: scale(0.53) perspective(230px) rotateX(-1deg);
opacity: 0.05;
}
.menu_card:nth-child(7) {
z-index: 4;
top: -90px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
opacity: 0.4;
}
.menu_card:nth-child(8) {
z-index: 3;
top: -140px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
opacity: 0.3;
}
.menu_card:nth-child(9) {
z-index: 2;
top: -160px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-ms-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
opacity: 0.2;
}
.menu_card:nth-child(10) {
z-index: 1;
top: -180px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.1;
}
.menu_card:nth-child(11) {
z-index: 0;
top: -200px;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.menu_card:first-child:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
-webkit-transform: scale(1.05) perspective(230px) rotateX(-1deg);
-moz-transform: scale(1.05) perspective(230px) rotateX(-1deg);
-ms-transform: scale(1.05) perspective(230px) rotateX(-1deg);
-o-transform: scale(1.05) perspective(230px) rotateX(-1deg);
transform: scale(1.05) perspective(230px) rotateX(-1deg);
}
.menu_card:last-child {
opacity: 0;
}
.menu_card.active {
-webkit-transform: scale(1) perspective(230px) rotateX(-1deg);
-moz-transform: scale(1) perspective(230px) rotateX(-1deg);
-ms-transform: scale(1) perspective(230px) rotateX(-1deg);
-o-transform: scale(1) perspective(230px) rotateX(-1deg);
transform: scale(1) perspective(230px) rotateX(-1deg);
top: 0;
}
@keyframes menuCardHide {
0% {
opacity: 1;
transform: scale(1) perspective(230px) rotateX(-1deg) translateY(0px);
}
100% {
opacity: 0;
transform: scale(1) perspective(230px) rotateX(-1deg) translateY(30px);
}
}
@keyframes menuCardHide2 {
0% {
opacity: 1;
transform: scale(0.93) perspective(230px) rotateX(-1deg) translateY(0px);
}
100% {
opacity: 0;
transform: scale(0.93) perspective(230px) rotateX(-1deg) translateY(30px);
}
}
@keyframes menuCardHide3 {
0% {
opacity: 1;
transform: scale(0.87) perspective(230px) rotateX(-1deg) translateY(0px);
}
100% {
opacity: 0;
transform: scale(0.87) perspective(230px) rotateX(-1deg) translateY(30px);
}
}
@keyframes menuCardHide4 {
0% {
opacity: 1;
transform: scale(0.80) perspective(230px) rotateX(-1deg) translateY(0px);
}
100% {
opacity: 0;
transform: scale(0.80) perspective(230px) rotateX(-1deg) translateY(30px);
}
}
.menu_open .menu_card_hide:nth-child(1) {
animation: menuCardHide 0.5s linear forwards;
}
.menu_open .menu_card_hide:nth-child(2) {
animation: menuCardHide2 0.5s linear forwards;
}
.menu_open .menu_card_hide:nth-child(3) {
animation: menuCardHide3 0.5s linear forwards;
}
.menu_open .menu_card_hide:nth-child(4) {
animation: menuCardHide4 0.5s linear forwards;
}
.menu_anim_slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.menu_anim_slide .menu_triangle1 {
bottom: 80px;
left: 150px;
opacity: 0.05;
-webkit-transform: scale(1.1) rotate(30deg);
-moz-transform: scale(1.1) rotate(30deg);
-ms-transform: scale(1.1) rotate(30deg);
-o-transform: scale(1.1) rotate(30deg);
transform: scale(1.1) rotate(30deg);
}
.menu_anim_slide .menu_triangle2 {
opacity: 0.1;
-webkit-transform: scale(0.6) rotate(-130deg);
-moz-transform: scale(0.6) rotate(-130deg);
-ms-transform: scale(0.6) rotate(-130deg);
-o-transform: scale(0.6) rotate(-130deg);
transform: scale(0.6) rotate(-130deg);
bottom: 90px;
left: 50%;
}
.menu_anim_slide .menu_triangle3 {
opacity: 0.05;
-webkit-transform: scale(0.8) rotate(-150deg);
-moz-transform: scale(0.8) rotate(-150deg);
-ms-transform: scale(0.8) rotate(-150deg);
-o-transform: scale(0.8) rotate(-150deg);
transform: scale(0.8) rotate(-150deg);
top: 250px;
left: 80px;
}
.menu_anim_slide .menu_triangle4 {
opacity: 0.4;
-webkit-transform: scale(0.5) rotate(-170deg);
-moz-transform: scale(0.5) rotate(-170deg);
-ms-transform: scale(0.5) rotate(-170deg);
-o-transform: scale(0.5) rotate(-170deg);
transform: scale(0.5) rotate(-170deg);
top: 100px;
left: 40%;
}
.menu_anim_slide .menu_triangle5 {
opacity: 0.1;
-webkit-transform: scale(0.8) rotate(-120deg);
-moz-transform: scale(0.8) rotate(-120deg);
-ms-transform: scale(0.8) rotate(-120deg);
-o-transform: scale(0.8) rotate(-120deg);
transform: scale(0.8) rotate(-120deg);
bottom: 300px;
right: 5%;
}
.menu_anim_slide .menu_triangle6 {
opacity: 0.04;
-webkit-transform: scale(0.4) rotate(-240deg);
-moz-transform: scale(0.4) rotate(-240deg);
-ms-transform: scale(0.4) rotate(-240deg);
-o-transform: scale(0.4) rotate(-240deg);
transform: scale(0.4) rotate(-240deg);
top: 100px;
right: 80px;
}
@keyframes menuInnerTriangleAnim {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes menuTriangle1Rotate {
0% {
transform: scale(1.1) rotate(34deg);
}
100% {
transform: scale(1.1) rotate(394deg);
}
}
@keyframes menuTriangle2Rotate {
0% {
transform: scale(0.6) rotate(300deg);
}
100% {
transform: scale(0.6) rotate(-60deg);
}
}
@keyframes menuTriangle3Rotate {
0% {
transform: scale(0.4) rotate(-60deg);
}
100% {
transform: scale(0.4) rotate(300deg);
}
}
.menu_anim_slide .triangle_inner {
animation: menuInnerTriangleAnim 15s infinite linear;
animation-direction: alternate;
}
.menu_anim_slide .menu_triangle1, .menu_anim_slide .menu_triangle6 {
animation: menuTriangle1Rotate 15s infinite linear;
}
.menu_anim_slide .menu_triangle2, .menu_anim_slide .menu_triangle4 {
animation: menuTriangle2Rotate 15s infinite linear;
}
.menu_anim_slide .menu_triangle3, .menu_anim_slide .menu_triangle5 {
animation: menuTriangle3Rotate 15s infinite linear;
}
.logo_btm {
position: absolute;
bottom: 0;
right: 20px;
color: rgba(199, 199, 199, 0.05);
font-size: 120px;
line-height: 120px;
opacity: 0.8;
}
.menu_links_wrap {
position: absolute;
right: -100%;
top: 0px;
bottom: 0;
background: #f5f5f5;
width: 22.5%;
padding: 20px 30px;
box-sizing: border-box;
z-index: 1;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.menu_wrapper.open .menu_links_wrap {
right: 0%;
}
h4.main_head {
font-size: 50px;
font-weight: bolder;
color: #ebebeb;
margin: 0px;
line-height: 60px;
margin-top: 20px;
}
.menu_links_wrap>ul {
list-style: none;
padding: 0 30px 0px 0px;
border-bottom: 1px solid #ebebeb;
}
.menu_links_wrap ul li {
position: relative;
opacity: 0;
}
@keyframes menuSlideLeft {
0% {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
.menu_open .menu_links_wrap ul li {
animation: menuSlideLeft 0.5s forwards;
animation-delay: 0.5s;
}
.menu_open .menu_links_wrap ul li:nth-child(2) {
animation-delay: 0.6s;
}
.menu_open .menu_links_wrap ul li:nth-child(3) {
animation-delay: 0.7s;
}
.menu_open .menu_links_wrap ul li:nth-child(4) {
animation-delay: 0.8s;
}
.menu_open .menu_links_wrap ul li:nth-child(5) {
animation-delay: 0.9s;
}
.menu_open .menu_links_wrap ul li:nth-child(6) {
animation-delay: 1s;
}
.menu_links_wrap ul>li>a {
color: #121315;
padding: 6px 10px;
display: block;
font-size: 11px;
margin: 0px 0px;
font-weight: 600;
font-family: montserrat_light, sans-serif;
border: 1px solid transparent;
}
.menu_links_wrap ul>li:hover>a, .menu_links_wrap ul>li.active>a {
background-color: white;
color: #ef0d33;
}
.menu_links_wrap ul li ul {
max-height: 0px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
overflow: hidden;
margin: 0;
padding: 0;
display: none;
}
.menu_links_wrap ul li:hover ul {
max-height: 200px;
}
.menu_open .menu_links_wrap ul li ul li {
padding-left: 30px;
display: block;
opacity: 1;
animation: none;
}
.menu_links_wrap ul li ul li a {
font-size: 10px;
color: #585858;
padding: 5px 0px;
border: none;
margin: 0;
}
.menu_links_wrap ul li ul li:hover a {
border: none;
box-shadow: none;
color: #999;
}
.menu_links_wrap ul li ul li:after {
content: '';
position: absolute;
width: 0px;
border-bottom: 1px solid #ef0d33;
left: 5px;
top: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.menu_links_wrap ul li ul li:hover:after {
width: 15px;
}
.menu_icons_wrap {
display: flex;
flex-wrap: wrap;
}
.menu_icons_wrap h2 {
font-weight: bolder;
font-size: 28px;
color: #ebebeb;
margin: 10px 0px 10px;
line-height: 28px;
width: 100%;
}
.menu_icons_wrap a {
width: 33%;
display: inline-block;
vertical-align: top;
}
.btm_icon {
text-align: center;
width: 100%;
cursor: pointer;
margin: 5px 0px;
padding: 5px;
box-sizing: border-box;
z-index: 1;
padding-top: 5px;
}
.btm_icon:hover {
background: #ebebeb;
}
.btm_icon .icon {
width: 40px;
height: 40px;
margin: 5px auto 0px;
background: white;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
background: url("../images/technologies/ai.png") no-repeat center;
background-size: contain;
}
.menu_icons_wrap a:nth-child(3) .btm_icon .icon {
background: url("../images/technologies/blockchain.png") no-repeat center;
}
.menu_icons_wrap a:nth-child(4) .btm_icon .icon {
background: url("../images/technologies/ar_vr.png") no-repeat center;
}
.menu_icons_wrap a:nth-child(5) .btm_icon .icon {
background: url("../images/technologies/iot.png") no-repeat center;
}
.menu_icons_wrap a:nth-child(6) .btm_icon .icon {
background: url("../images/technologies/big_data.png") no-repeat center;
}
.menu_icons_wrap a:nth-child(7) .btm_icon .icon {
background: url("../images/technologies/cloud_computing.png") no-repeat center;
}
.btm_icon p {
color: #777;
font-size: 10px;
line-height: 12px;
margin: 5px 0px 0px;
height: 28px;
overflow: hidden;
}
/*for page_links written by athul start*/
.page_links {
width: 100%;
position: absolute;
height: 100%;
left: 0;
background-color: #ebebeb;
padding: 20px 0;
overflow: hidden;
}
.page_links::before {
content: '';
position: absolute;
width: 105%;
height: 23px;
border-radius: 50%;
top: -22px;
left: -5%;
-webkit-box-shadow: 0 6px 6px -7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 6px 6px -7px rgba(0, 0, 0, 0.35);
box-shadow: 0 6px 6px -7px rgba(0, 0, 0, 0.35);
}
.page_link_adjust {
display: flex;
display: -ms-flex;
display: -mos-flex;
display: -webkit-flex;
justify-content: space-between;
padding: 0 8%;
flex-wrap: wrap;
}
.page_links_div {
width: 48%;
text-align: center;
margin: 5px 0;
}
.page_links_div a {
display: flex;
align-items: center;
}
.page_link_inner {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #f8f8f8;
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
margin: 0 10px 0 0;
}
.page_link_p {
padding-top: 5px;
text-align: left;
color: #5b5b5b;
font-size: 11px;
}
.page_links div:nth-child(1) .page_link_inner {
background-image: url("../images/newblog.png");
}
.page_links div:nth-child(2) .page_link_inner {
background-image: url("../images/newwhite_paper.png");
}
.page_links div:nth-child(3) .page_link_inner {
background-image: url("../images/newindustry.png");
}
.page_links div:nth-child(4) .page_link_inner {
background-image: url("../images/play.png");
}
.page_links div:nth-child(6) .page_link_inner {
background-image: url("../images/gallery.png");
opacity: 0.6;
}
/*for page_links written by athul end*/
@keyframes pageZoom {}
.section {
padding: 50px 10px;
position: relative;
height: 100%;
box-sizing: border-box;
}
.header_section {
background-size: cover;
padding: 0;
height: 100%;
overflow: hidden;
}
.header_section header {}
.sub_menu {
position: absolute;
right: 180px;
top: 20px;
z-index: 10;
font-family: montserrat_light, sans-serif;
}
.sub_menu ul {
margin: 0;
padding: 0 0 0 25px;
list-style: none;
position: relative;
}
.sub_menu ul:before {
content: '';
position: absolute;
width: 20px;
border-bottom: 2px solid #ef0d33;
top: 15px;
left: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sub_menu ul:hover:before {
width: 0;
}
.sub_menu li {
display: inline-block;
border-bottom: 1px solid transparent;
position: relative;
margin: 0px 10px;
cursor: pointer;
}
.sub_menu li:after {
content: '';
position: absolute;
border-bottom: 2px solid #ef0d33;
width: 0;
left: 50%;
bottom: 0px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sub_menu li:hover:after {
width: 80%;
left: 10%;
}
.sub_menu li a {
color: rgba(255, 255, 255, 0.7);
padding: 5px 0px;
display: block;
font-size: 12px;
}
.menu_outer .logo img {
width: 105px;
height: 24px;
object-fit: cover;
}
.logo {
width: 105px;
padding: 11px 13px 10px;
background: #ef0d33;
display: block;
position: fixed;
top: 0;
left: 30px;
z-index: 1;
box-shadow: 0px 2px 19px 9px rgba(239, 13, 51, 0.1);
}
.menu_open .menu_outer>.logo, .detail_open .menu_outer>.logo {
display: none;
}
.header_content {
color: #fff;
z-index: 1;
position: relative;
height: 100%;
}
.header_slider {
height: 100%;
}
.slide {
height: 100%;
background: #000 no-repeat center;
background-size: cover;
position: absolute;
width: 100%;
left: 100%;
overflow: hidden;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
@keyframes showSlide {
0% {
left: 100%;
}
100% {
left: 0;
}
}
@keyframes hideSlide {
0% {
left: 0;
}
100% {
left: -100%;
}
}
.active_slide {
display: block;
animation: showSlide 0.8s forwards;
}
.hide_slide {
animation: hideSlide 0.8s forwards;
}
.slide_anim {
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 0;
}
.slide_anim div {
animation-timing-function: linear;
}
.slide_img {
background: url("../images/huggingface-leaderboard-accubits.png") no-repeat center bottom;
background-size: contain;
position: absolute;
/* bottom: 0px; */
right: 5%;
width: 650px;
height: 90%;
z-index: 1;
}
.slide_img1 {
background: url("../images/huggingface-leaderboard-accubits.png") no-repeat center bottom;
background-size: contain;
position: absolute;
right: 5%;
width: 650px;
height: 90%;
z-index: 1;
}
.slide_img2 {
background: url("../images/s2img.png") no-repeat center center;
background-size: contain;
position: absolute;
right: 1%;
top:10%;
width: 650px;
height: 100%;
z-index: 1;
}
.slide_img3 {
background: url("../images/s3img.png") no-repeat center bottom;
background-size: contain;
position: absolute;
right: 5%;
width: 650px;
height: 90%;
z-index: 1;
}
.slide_img4 {
background: url("../images/huggingface-leaderboard-accubits.png") no-repeat center bottom;
background-size: contain;
position: absolute;
right: 5%;
width: 650px;
height: 90%;
z-index: 1;
}
.slide_img5{
background: unset;
bottom: 18%;
right: 5%;
width: 650px;
position: absolute;
z-index: 1;
}
.slide_img5 iframe{
width: 100%;
height: 500px;
}
@keyframes roboImg {
0% {
transform: translate(40px) scale(1);
}
100% {
transform: translate(-40px) scale(1.1);
}
}
.active_slide .slide_img {
animation: roboImg 15s infinite linear;
}
.equation_behind {
background: url("../images/equation_behind.png") no-repeat center;
background-size: contain;
width: 440px;
height: 600px;
position: absolute;
right: 50px;
bottom: 0px;
}
.equation2_behind {
background: url("../images/equation_behind2.png") no-repeat center;
background-size: contain;
width: 600px;
height: 120px;
position: absolute;
left: 100px;
top: 16%;
}
.equation_front {
background: url("../images/equation_front.png") no-repeat center;
background-size: contain;
width: 240px;
height: 80px;
position: absolute;
left: 200px;
bottom: 15%;
}
@keyframes equation_behind {
0% {
transform: translate(0px) scale(1);
}
100% {
transform: translate(60px) scale(1.05);
}
}
@keyframes equation2_behind {
0% {
transform: translate(0px);
}
100% {
transform: translate(60px);
}
}
@keyframes equation_front {
0% {
transform: translate(30px);
}
100% {
transform: translate(150px);
}
}
.active_slide .equation_behind {
animation: equation_behind 15s infinite linear;
}
.active_slide .equation2_behind {
animation: equation2_behind 15s infinite linear;
}
.active_slide .equation_front {
animation: equation_front 15s infinite linear;
}
.triangle {
position: absolute;
background: url("../images/triangle.png") no-repeat center;
background-size: contain;
width: 50px;
height: 50px;
transform-origin: center;
}
.triangle_inner {
width: 30px;
height: 30px;
background: url("../images/triangle.png") no-repeat center;
background-size: contain;
margin: 30px auto;
}
#triangle1 {
bottom: 80px;
left: 150px;
opacity: 0.1;
-webkit-transform: scale(1.3) rotate(30deg);
-moz-transform: scale(1.3) rotate(30deg);
-ms-transform: scale(1.3) rotate(30deg);
-o-transform: scale(1.3) rotate(30deg);
transform: scale(1.3) rotate(30deg);
}
#triangle2 {
opacity: 0.4;
-webkit-transform: scale(0.6) rotate(-130deg);
-moz-transform: scale(0.6) rotate(-130deg);
-ms-transform: scale(0.6) rotate(-130deg);
-o-transform: scale(0.6) rotate(-130deg);
transform: scale(0.6) rotate(-130deg);
bottom: 90px;
left: 500px;
}
#triangle3 {
opacity: 0.4;
-webkit-transform: scale(0.9) rotate(-150deg);
-moz-transform: scale(0.9) rotate(-150deg);
-ms-transform: scale(0.9) rotate(-150deg);
-o-transform: scale(0.9) rotate(-150deg);
transform: scale(0.9) rotate(-150deg);
top: 250px;
left: 80px;
}
#triangle4 {
opacity: 0.4;
-webkit-transform: scale(0.5) rotate(-170deg);
-moz-transform: scale(0.5) rotate(-170deg);
-ms-transform: scale(0.5) rotate(-170deg);
-o-transform: scale(0.5) rotate(-170deg);
transform: scale(0.5) rotate(-170deg);
top: 100px;
left: 400px;
}
#triangle5 {
opacity: 0.4;
-webkit-transform: scale(1) rotate(-120deg);
-moz-transform: scale(1) rotate(-120deg);
-ms-transform: scale(1) rotate(-120deg);
-o-transform: scale(1) rotate(-120deg);
transform: scale(1) rotate(-120deg);
bottom: 100px;
right: 40%;
}
#triangle6 {
opacity: 0.05;
-webkit-transform: scale(0.4) rotate(-240deg);
-moz-transform: scale(0.4) rotate(-240deg);
-ms-transform: scale(0.4) rotate(-240deg);
-o-transform: scale(0.4) rotate(-240deg);
transform: scale(0.4) rotate(-240deg);
top: 100px;
right: 80px;
}
@keyframes innerTriangleAnim {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-10px);
}
}
@keyframes triangle1Rotate {
0% {
transform: scale(1.4) rotate(34deg) translate(0, 0);
}
100% {
transform: scale(1.6) rotate(390deg) translate(0px, 0px);
}
}
@keyframes triangle2Rotate {
0% {
transform: scale(0.5) rotate(360deg) translate(0, 0);
}
100% {
transform: scale(0.6) rotate(-60deg) translate(-20px, -20px);
}
}
@keyframes triangle3Rotate {
0% {
transform: scale(0.3) rotate(-60deg) translate(0, 0);
}
100% {
transform: scale(0.4) rotate(360deg) translate(-20px, -20px);
}
}
.active_slide #triangle1 {
animation: triangle1Rotate 15s infinite linear;
}
.active_slide .triangle_inner {
animation: innerTriangleAnim 15s infinite linear;
}
.active_slide #triangle2 {
animation: triangle2Rotate 15s infinite linear;
}
.active_slide #triangle3 {
animation: triangle2Rotate 15s infinite linear;
}
.active_slide #triangle4 {
animation: triangle3Rotate 15s infinite linear;
}
.active_slide #triangle5 {
animation: triangle3Rotate 15s infinite linear;
}
.active_slide #triangle6 {
animation: triangle1Rotate 15s infinite linear;
}
@keyframes blackTriangle {
0% {
transform: rotate(20deg) translate(0px);
}
100% {
transform: rotate(10deg) translate(-30px);
}
}
.triangle_black {
bottom: 40px;
position: absolute;
left: 200px;
width: 600px;
height: 600px;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
opacity: 0.7;
}
.active_slide .triangle_black {
animation: blackTriangle 15s infinite linear;
}
.triangle_black .triangle {
background-image: url("../images/black_triangle.png");
width: 600px;
height: 600px;
}
.triangle_black .triangle_inner {
background-image: url("../images/black_triangle.png");
width: 400px;
height: 400px;
animation: none;
margin: 130px auto;
}
.anim_line {
border-bottom: 3px solid #ef0d33;
width: 500px;
position: absolute;
}
#line1 {
left: -320px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 80px;
}
#line2 {
left: 650px;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
bottom: 30px;
}
#line3 {
right: 100px;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
top: -150px;
}
#line4 {
right: -400px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
top: 500px;
}
@keyframes line1 {
0% {
-webkit-transform: rotate(-30deg) scale(1) translate(80px);
-moz-transform: rotate(-30deg) scale(1) translate(80px);
-ms-transform: rotate(-30deg) scale(1) translate(80px);
-o-transform: rotate(-30deg) scale(1) translate(80px);
transform: rotate(-30deg) scale(1) translate(80px);
}
100% {
-webkit-transform: rotate(-35deg) scale(1) translate(80px);
-moz-transform: rotate(-35deg) scale(1) translate(80px);
-ms-transform: rotate(-35deg) scale(1) translate(80px);
-o-transform: rotate(-35deg) scale(1) translate(80px);
transform: rotate(-35deg) scale(1) translate(80px);
}
}
@keyframes line2 {
0% {
-webkit-transform: rotate(61deg) scale(1) translate(30px);
-moz-transform: rotate(61deg) scale(1) translate(30px);
-ms-transform: rotate(61deg) scale(1) translate(30px);
-o-transform: rotate(61deg) scale(1) translate(30px);
transform: rotate(61deg) scale(1) translate(30px);
}
100% {
-webkit-transform: rotate(48deg) scale(1) translate(-30px);
-moz-transform: rotate(48deg) scale(1) translate(-30px);
-ms-transform: rotate(48deg) scale(1) translate(-30px);
-o-transform: rotate(48deg) scale(1) translate(-30px);
transform: rotate(48deg) scale(1) translate(-30px);
}
}
@keyframes line3 {
0% {
-webkit-transform: translate(0px) rotate(60deg);
-moz-transform: translate(0px) rotate(60deg);
-ms-transform: translate(0px) rotate(60deg);
-o-transform: translate(0px) rotate(60deg);
transform: translate(0px) rotate(60deg);
}
100% {
-webkit-transform: translate(-40px) rotate(60deg);
-moz-transform: translate(-40px) rotate(60deg);
-ms-transform: translate(-40px) rotate(60deg);
-o-transform: translate(-40px) rotate(60deg);
transform: translate(-40px) rotate(60deg);
}
}
@keyframes line4 {
0% {
-webkit-transform: translate(0px) rotate(30deg);
-moz-transform: translate(0px) rotate(30deg);
-ms-transform: translate(0px) rotate(30deg);
-o-transform: translate(0px) rotate(30deg);
transform: translate(0px) rotate(30deg);
}
100% {
-webkit-transform: translate(-40px) rotate(30deg);
-moz-transform: translate(-40px) rotate(30deg);
-ms-transform: translate(-40px) rotate(30deg);
-o-transform: translate(-40px) rotate(30deg);
transform: translate(-40px) rotate(30deg);
}
}
.active_slide #line1 {
animation: line1 15s linear infinite;
}
.active_slide #line2 {
animation: line2 15s linear infinite;
}
.active_slide #line3 {
animation: line3 15s linear infinite;
}
.active_slide #line4 {
animation: line4 15s linear infinite;
}
/* .slider_content {
margin: 16% 180px 100px;
float: left;
position: relative;
z-index: 1;
max-width: 500px;
} */
.slider_content {
margin: 16% 30px 40px 170px;
float: left;
position: relative;
z-index: 1;
width: 60%;
}
/* @keyframes sliderContent {
0% {
-webkit-transform: perspective(820px) rotateY(-10deg) scale(1.1, 1.1) translate(60px);
-moz-transform: perspective(820px) rotateY(-10deg) scale(1.1, 1.1) translate(60px);
-ms-transform: perspective(820px) rotateY(-10deg) scale(1.1, 1.1) translate(60px);
-o-transform: perspective(820px) rotateY(-10deg) scale(1.1, 1.1) translate(60px);
transform: perspective(820px) rotateY(-10deg) scale(1.1, 1.1) translate(60px);
}
100% {
transform: perspective(820px) rotateY(-18deg) scale(1, 1) translate(0px);
-o-transform: perspective(820px) rotateY(-18deg) scale(1, 1) translate(0px);
-ms-transform: perspective(820px) rotateY(-18deg) scale(1, 1) translate(0px);
-moz-transform: perspective(820px) rotateY(-18deg) scale(1, 1) translate(0px);
-webkit-transform: perspective(820px) rotateY(-18deg) scale(1, 1) translate(0px);
}
} */
/* .active_slide .slider_content {
animation: sliderContent 15s linear infinite;
} */
.header_content h2 {
/* font-size: 48px; */
font-size: 42px;
line-height: 56px;
position: relative;
margin-bottom: 20px;
/* text-shadow: 2px 2px #000; */
font-family: montserrat_Light;
}
.header_content h2>span {
font-family: montserrat_bold;
}
/* hghg */
.header_content h2:after {
position: absolute;
width: 70px;
border-bottom: 3px solid #fff;
bottom: -5px;
left: 0;
}
.header_content p {
color: #c7c7c7;
font-size: 17px;
margin: 0px 0px 30px 0px;
padding: 15px 200px 15px 0px;
/* background: rgba(70, 70, 70, 0.4); */
position: relative;
font-family: montserrat_extralight;
line-height: 30px;
}
/* .header_content p:before {
content: '+';
position: absolute;
top: 20px;
left: 0px;
border-radius: 50%;
background: #ef0d33;
width: 30px;
height: 30px;
color: #fff;
font-size: 36px;
line-height: 30px;
text-align: center;
} */
.headbanBtn {
background: #ef0d33;
border: none;
box-shadow: none;
color: #fff;
padding: 10px 50px 10px 50px;
height: 35px;
border-radius: 3px;
cursor: pointer;
outline: none;
text-transform: uppercase;
letter-spacing: 2px;
font-family: montserrat_light;
font-size: 12px;
}
.section_nav {
position: absolute;
bottom: 15px;
z-index: 1;
display: inline-block;
}
.nav_wrap {}
.nav {
display: inline-block;
width: 30px;
height: 30px;
background: url("../images/upload.png") no-repeat center;
margin: 5px;
vertical-align: middle;
cursor: pointer;
padding-left: 10px;
box-sizing: border-box;
}
.nav.next {
border: 1px solid #ddd;
background: url("../images/download.png") no-repeat center;
}
#case_section .nav.prev {
background: url("../images/arrow_gray_up.png") no-repeat center;
}
.nav:hover {
background-color: #ddd;
}
.dark .nav:hover {
background-color: #333;
}
.dark .nav.next {
border-color: #333;
}
.nav_text {
display: inline-block;
vertical-align: middle;
font-size: 11px;
/* padding-left: 40px; */
padding-left: 5px;
color: #888;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.down_arrow {
background: url("../images/download.png") no-repeat center;
background-size: contain;
width: 25px;
height: 25px;
z-index: 1;
position: absolute;
bottom: 20px;
left: 40px;
animation: bounce 2s infinite;
}
.footer_section {
background: #212121;
/* padding: 70px 120px; */
padding: 0;
box-sizing: border-box;
/* min-height: 100%; */
height: auto;
}
.footer_section .fp-tableCell {
vertical-align: top !important;
}
.footer_head {
width: 500px;
}
.footer_head h2 {
font-size: 45px;
color: #fff;
}
.footer_head p {
color: #a4a4a4;
padding-left: 80px;
position: relative;
margin: 0px;
}
.footer_head p:before {
content: '';
position: absolute;
border-bottom: 3px solid #ef0d33;
width: 50px;
left: 10px;
top: 10px;
}
#footer_error {
opacity: 0;
color: #e74c3c;
font-size: 12px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#footer_error.show {
opacity: 1;
}
.footer_tab {
display: flex;
margin: 5px 0px 0px;
z-index: 1;
}
.footer_tab .tab {
width: 33%;
color: #ddd;
font-size: 22px;
font-family: montserrat_light, sans-serif;
}
.footer_tab .tab p {
padding: 5px 0px;
border-bottom: 3px solid transparent;
display: inline-block;
cursor: pointer;
font-size: 18px;
}
.footer_tab .tab.active p, .footer_tab .tab p:hover {
border-bottom: 3px solid #ef0d33;
}
.tab_container {
margin-bottom: 30px;
z-index: 1;
}
.tab_item {
display: none;
}
.tab_item.active {
display: block;
}
.footer_form_wrap {
display: flex;
flex-wrap: wrap;
}
.form_col {
width: 33%;
box-sizing: border-box;
padding-right: 60px;
margin-bottom: 45px;
}
.form_col:nth-child(3n) {}
.floating_input {
position: relative;
color: #ddd;
}
.floating_input input {
font-size: 17px;
background: transparent;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
outline: none;
border-radius: 0px;
padding: 5px 5px;
margin: 0;
color: white;
width: 100%;
box-sizing: border-box;
height: auto;
font-family: "Times New Roman";
}
textarea.footer_textarea {
overflow: hidden;
padding: 14px 5px;
width: 100%;
margin: auto;
font-size: 17px;
height: 65px;
display: block;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
box-sizing: border-box;
border-radius: 0px;
color: white;
font-family: "Times New Roman";
resize: none;
}
.floating_input input+label, .floating_input textarea+label, .floating_input label {
font-size: 14px;
position: absolute;
pointer-events: none;
left: 5px;
top: 10px;
-webkit-transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-ms-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
color: #dddddd;
}
.floating_input input:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.floating_input input:focus+label, .floating_input input:valid~label {
top: -20px;
font-size: 12px;
color: #a4a4a4;
}
.floating_input textarea:focus+label, .floating_input label.selected {
top: -20px;
font-size: 12px;
color: #a4a4a4;
}
.floating_input input[type="number"]::-webkit-outer-spin-button, .floating_input input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
margin: 0;
}
.floating_input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
-o-appearance: textfield;
appearance: textfield;
}
.floating_input input:focus+label.budget_label, .floating_input input:valid~label.budget_label, .floating_input label.budget_label {
top: -38px;
font-size: 12px;
color: #a4a4a4;
}
.form_row {
width: 100%;
}
.form_row .form_col {
display: inline-block;
vertical-align: top;
}
ul.service_dropdown {
list-style-type: none;
background: transparent;
margin: 0px;
padding: 0px;
position: absolute;
top: -35px;
left: 0px;
width: 100%;
z-index: -1;
opacity: 0;
display: none;
height: 120px;
overflow: auto;
-webkit-transition: 0.5s all linear;
-moz-transition: 0.5s all linear;
-ms-transition: 0.5s all linear;
-o-transition: 0.5s all linear;
transition: 0.5s all linear;
box-shadow: 0px 1px 10px 0px #333;
}
ul.service_dropdown.open {
z-index: 10;
display: block;
opacity: 1;
}
.budfooter {
position: relative;
}
.budgetdropOverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 6;
cursor: pointer;
display: block;
}
ul.service_dropdown li {
padding: 7px 10px 7px 25px;
line-height: 26px;
box-sizing: border-box;
cursor: pointer;
background: #3a3e42;
z-index: 9;
}
ul.service_dropdown li:hover {
background: #414446;
}
.form_row .form_col:nth-child(1) .floating_input {
z-index: 1;
}
.floating_input.hide_input input {
z-index: -10;
}
.form_row .form_col .floating_input input {
cursor: pointer;
}
.form_row .form_col .floating_input:before {
content: "";
position: absolute;
top: 10px;
right: 0px;
width: 15px;
height: 15px;
background-image: url("../images/down_arrow.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.floating_input .slider {
width: 99%;
margin: 25px 0px 0px 0px !important;
}
.floating_input .slider .track {
background: #44474b;
border: 1px solid #44474b;
}
.floating_input .slider .dragger {
background: #ef0d33;
border: none;
}
.floating_input .output {
top: -25px;
right: 5px;
position: absolute;
font-size: 18px;
font-family: "Times New Roman";
}
.floating_input .output:before {
content: "$";
position: absolute;
top: 0px;
left: -12px;
}
.floating_input .addui-slider .addui-slider-track {
border: 1px solid #4e5256;
background: #44474b;
top: 12px;
}
.floating_input .addui-slider .addui-slider-track .addui-slider-range {
background: transparent;
}
.floating_input .addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-handle {
top: -8px;
width: 15px;
height: 15px;
}
.floating_input .addui-slider .addui-slider-track .addui-slider-handle:after {
width: 15px;
height: 15px;
background: #ee0d33;
top: 0px;
left: 0px;
}
.floating_input #first, .floating_input #second {
width: 50px;
position: absolute;
top: -32px;
}
.floating_input #first {
left: 0px;
}
.floating_input #second {
right: 0px;
}
.floating_input .addui-slider-value span {
font-size: 17px;
font-family: "Times New Roman";
}
.floating_input .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value {
background: rgba(63, 81, 181, 0.5);
opacity: 1;
-webkit-transform: scale(1, 1) rotate(-135deg);
-moz-transform: scale(1, 1) rotate(-135deg);
-ms-transform: scale(1, 1) rotate(-135deg);
-o-transform: scale(1, 1) rotate(-135deg);
transform: scale(1, 1) rotate(-135deg);
margin-top: -60px;
border-radius: 0 50% 50% 50%;
}
.floating_input .addui-slider .addui-slider-track .addui-slider-handle:hover {
box-shadow: none;
}
.floating_input .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
background: transparent;
box-shadow: none;
}
.floating_input .addui-slider.addui-slider-horizontal {
height: 50px;
width: 100%;
margin: 16px 0px;
}
.floating_input .slider-container.theme-blue {}
.floating_input .slider-container.theme-blue .scale {
display: none;
}
.floating_input .theme-blue .back-bar .pointer-label {
font-size: 16px;
top: -28px;
}
.form_half {
width: 66%;
}
.form_full {
width: 99%;
margin-bottom: 20px;
}
.copyright_wrap {
background: #2d3034;
padding: 10px 120px;
color: #a4a4a4;
font-size: 12px;
font-family: montserrat_light, sans-serif;
width: 100%;
box-sizing: border-box;
}
.ripple {
position: relative;
overflow: hidden
}
.ripple:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
background-repeat: no-repeat;
background-position: 50%;
-webkit-transform: scale(10, 10);
-moz-transform: scale(10, 10);
-ms-transform: scale(10, 10);
-o-transform: scale(10, 10);
transform: scale(10, 10);
opacity: 0;
-webkit-transition: transform .5s, opacity 1s;
-moz-transition: transform .5s, opacity 1s;
-ms-transition: transform .5s, opacity 1s;
-o-transition: transform .5s, opacity 1s;
transition: transform .5s, opacity 1s;
}
.ripple:active:after {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
opacity: .2;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.menu_btn_wrap .ripple {
display: inline-block;
vertical-align: middle;
}
.footer_tabsection {
position: relative;
z-index: 10;
}
.footer_tabsection.success_submit .footer_tab {
opacity: 0;
}
.footer_tabsection.success_submit .tab_container {
opacity: 0;
}
.success_popup {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
opacity: 0;
z-index: -1;
background-color: #313439;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.footer_tabsection.success_submit .success_popup {
opacity: 1;
}
.success_msg {
width: 100%;
height: 100%;
padding: 10% 5%;
box-sizing: border-box;
}
.success, .success_img {
width: 47%;
margin: 1%;
display: inline-block;
vertical-align: top;
text-align: center;
color: white;
}
.success h2 {
font-size: 40px;
line-height: 45px;
font-family: montserrat_light;
width: 385px;
text-align: left;
margin: 0px auto 10px;
}
.success p {
font-family: montserrat_thin;
font-size: 20px;
width: 385px;
text-align: left;
margin: auto;
}
.success_img img {
width: 90px;
margin: auto;
}
.success_popup.success_submit {
left: 0%;
}
.banner_down_arrow {
padding-top: 80px;
position: absolute;
bottom: 0px;
left: 0px;
height: auto;
width: 70px;
z-index: 1;
cursor: pointer;
}
.banner_down_arrow span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 1.5s infinite;
animation: sdb 1.5s infinite;
opacity: 0;
box-sizing: border-box;
}
.banner_down_arrow span:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.banner_down_arrow span:nth-of-type(2) {
top: 16px;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
/*css for blockchain slider*/
/*.blockchain .triangle_wrap, .slide_img, .equation_behind, .equation2_behind, .equation_front {*/
/*display: none;*/
/*}*/
.blockchain #line3 {
display: none;
}
.blockchain .block_image {
position: absolute;
top: -70px;
}
.blockchain .block_image img {}
.blockchain .aihead_content {
position: relative;
width: 85%;
top: 29%;
left: 14%;
}
.blockchain .float_right {
clear: right;
}
.blockchain .aihead_content h5 {
font-size: 28px;
font-family: montserrat_thin, sans-serif;
margin: 0;
color: #ffffff;
position: relative;
top: 70px;
}
.blockchain .aihead_content .head_cnt {
color: #949191;
font-family: montserrat_light, sans-serif;
margin-top: 19%;
width: 59%;
}
.blockchain .aihead_content {
z-index: 10;
}
.blockchain .aihead_content .btn {
margin-top: 40px;
background: #ef0d33;
cursor: pointer;
position: relative;
z-index: 20;
}
.blockchain .aihead_content .btn:hover {
box-shadow: 0px 0px 5px 0px rgba(239, 13, 51, 0.8);
background: #ca0d2d;
}
.blockchain #line1 {
left: -480px;
transform: rotate(-45deg);
bottom: 280px;
}
.blockchain #line2 {
left: 790px;
transform: rotate(60deg);
bottom: -180px;
}
.blockchain #line4 {
right: -460px;
transform: rotate(30deg);
top: 260px;
}
.clutchLeft-buttom div img.left {
transition: transform .5s;
}
.clutchLeft-buttom div img.left:hover {
transform: scale(1.02);
}
.clutchLeft-buttom div img.right {
transition: transform .5s;
}
.clutchLeft-buttom div img.right:hover {
transform: scale(1.02);
}
#data_slide {
background-color: transparent;
background-image: url('../images/slider1_bg.jpg');
background-size: cover;
background-repeat: no-repeat;
}
/*.bc {*/
/*background: url('../images/blockchain/Layer.png') 0 0 repeat;*/
/*-webkit-animation: animate_background 7s linear 0s infinite;*/
/*-moz-animation: animate_background 7s linear 0s infinite;*/
/*-o-animation: animate_background 7s linear 0s infinite;*/
/*animation: animate_background 7s linear 0s infinite;*/
/*}*/
.aihead_content {
/*background: url('../images/blockchain/Layer.png') 0 0 repeat;*/
/*-webkit-animation: animate_background 15s linear infinite;*/
/*-moz-animation: animate_background 15s linear infinite;*/
/*-o-animation: animate_background 15s linear infinite;*/
/*animation: animate_background 15s linear infinite;*/
}
.active_slide .aihead_content {
/* transform: translate3d(80px, 0px, 0px);
transition-duration: 25000ms; */
}
.mask_div {
position: absolute;
top: 0;
left: 0;
}
.mask_div img {
/*-webkit-mask-image: url('../images/blockchain/blocklayer.png');*/
/*-webkit-mask-size: 100% 100%;*/
width: 100%;
height: 100%;
}
.type-page .entry-header {
display: none;
}
@-webkit-keyframes animate_background {
0% {
margin-left: 0;
}
100% {
margin-left: 50px;
}
}
@-moz-keyframes animate_background {
0% {
margin-left: 0;
}
100% {
margin-left: 50px;
}
}
@-o-keyframes animate_background {
0% {
margin-left: 0;
}
100% {
margin-left: 50px;
}
}
@keyframes animate_background {
0% {
margin-left: 0;
}
100% {
margin-left: 50px;
}
}
@keyframes maskimg {
0% {
transform: translate(40px) scale(1);
}
100% {
transform: translate(-40px) scale(1.1);
}
}
/*css for blockchain slider*/
@-webkit-keyframes sdb {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.noColor {
color: #ef0d33;
}
/* css styles for about us page */
.about_top {
height: 100%;
/* background-image: url(../images/about/1.JPG); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: space-between;
padding: 0 14.8%;
}
.leftDiv {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.abt_topH {
font-size: 25px;
font-weight: bold;
letter-spacing: 1px;
color: #010101;
position: relative;
}
.abt_topH::before {
content: 'OUR VISION';
position: absolute;
font-size: 51px;
color: black;
top: -45px;
letter-spacing: 5px;
color: #f3f2f2;
}
.abt_topP1 {
padding: 18px 10% 0 0;
font-size: 12px;
color: #575757;
line-height: 22px;
font-family: montserrat_light;
}
.abt_topP2 {
padding: 6px 0 0 0;
font-size: 12px;
color: #d71434;
}
.rightDiv {
width: 50%;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.sevenDiv {
position: relative;
/* width: 81%; */
width: 76%;
}
.sevenDiv::before {
content: '#7BillionCreativeMinds';
position: absolute;
font-size: 18px;
bottom: 2px;
right: -15%;
color: #a3a3a3;
}
.sevenDiv img {
width: 100%;
position: relative;
z-index: 2;
}
.videoDiv {
position: absolute;
width: 97%;
height: 215px;
left: 2%;
top: 42%;
box-shadow: 5px 5px 30px 1px #a2a2a2;
border-radius: 5px;
background-image: url(../images/about/accubits-team-photo.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 3;
border-radius: 5px;
overflow: hidden;
}
.videoDiv::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
background-color: black;
opacity: .2;
}
.playBtn {
position: absolute;
width: 50px;
height: 50px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 50%;
box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
animation: pulse 3s infinite ease-in-out;
}
.playBtn:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
}
40% {
-webkit-box-shadow: 0 0 0 20px rgb(255 255 255 / 35%);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgb(255 255 255 / 65%);
box-shadow: 0 0 0 10px rgb(255 255 255 / 65%);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
}
40% {
-moz-box-shadow: 0 0 0 20px rgb(255 255 255 / 35%);
}
70% {
-moz-box-shadow: 0 0 0 10px rgb(255 255 255 / 65%);
box-shadow: 0 0 0 10px rgb(255 255 255 / 65%);
}
100% {
-moz-box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
box-shadow: 0 0 0 0 rgb(255 255 255 / 65%);
}
}
.animationLineDiv {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.animationLine {
width: 130px;
height: 1px;
background: #b9b8b8;
transform: rotate(-45deg);
position: absolute;
transform-origin: right;
}
.LineOne {
right: -6%;
top: 17%;
animation: lineMove 16.5s infinite;
}
.LineTwo {
right: -14%;
top: 13%;
animation: lineMove 17s infinite;
}
.LineThree {
bottom: 18%;
left: -7%;
animation: lineMove 17s infinite;
}
.LineFour {
bottom: 12%;
left: -10%;
animation: lineMove 16.5s infinite;
}
@keyframes lineMove {
0% {
transform: rotate(-45deg) translate(-50%);
}
50% {
transform: rotate(-45deg) translate(50%);
}
100% {
transform: rotate(-45deg) translate(-50%);
}
}
/* top_Two */
.about_top_Two {
height: 100%;
/* background-image: url(../images/about/2.JPG); */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: space-between;
padding: 0 9.2%;
}
.about_top_Two .leftDiv {
width: 58%;
padding: 3.6% 0 0 0;
}
.ab_imgDiv {
position: relative;
padding: 14% 8% 0 0;
}
.ab_imgDiv_img {
position: relative;
z-index: 2;
}
.ringDivOne, .ringDivTwo, .ringDivThree {
position: absolute;
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: 1;
}
.ringDivOne {
top: 8%;
left: 30%;
}
.ringDivTwo {
top: 53%;
left: 21%;
}
.ringDivThree {
top: 69%;
right: 1%;
}
.circle {
border-radius: 50%;
border: 1px solid #b9b4b4;
width: 200px;
height: 200px;
position: absolute;
opacity: 0;
animation: scaleIn 8s infinite cubic-bezier(.36, .11, .89, .32);
}
@keyframes scaleIn {
from {
width: 5px;
height: 5px;
opacity: .5;
}
to {
width: 200px;
height: 200px;
opacity: 0;
}
}
.item {
z-index: 100;
padding: 5px;
}
.item img {
width: 150px;
}
.about_top_Two .abt_topH {}
.about_top_Two .abt_topH::before {
display: none;
}
.about_top_Two .rightDiv {
width: 42%;
padding: 0% 0 0 1.1%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.abt_topTwoP1 {
padding: 9px 3% 0 0;
font-size: 18px;
color: #868686;
line-height: 28px;
letter-spacing: .5px;
}
.valueCards_wrap {
width: 85%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
box-sizing: border-box;
padding: 15px 0 0;
}
.value_card {
width: 48%;
position: relative;
padding: 15px 5px 13px;
border-radius: 5px;
box-shadow: 0px 8px 17px #00000029;
margin-bottom: 13px;
background: white;
text-align: center;
box-sizing: border-box;
font-size: 13px;
color: #5f5f5f;
cursor: pointer;
}
.value_card::before {
content: '';
position: absolute;
width: 3px;
height: 60%;
top: 22%;
left: 10px;
background: #EF0D33;
z-index: 1;
}
.value_card::after {
content: '';
position: absolute;
width: 3px;
height: 0%;
top: 22%;
left: 10px;
background: white;
z-index: 2;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.value_card:hover {
background: #EF0D33;
box-shadow: 0px 8px 17px #EF0D3352;
color: white;
}
.value_card:hover::after {
height: 60%;
background: white;
}
.values_wrap {
width: 100%;
box-sizing: border-box;
padding: 23px 8% 0 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
display: none;
}
#pioneer {
display: block;
}
.valuesEach {
position: relative;
}
.valuesHWrap {
display: flex;
justify-content: space-between;
}
.valuesH {
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
color: #010101;
}
.valuesHLine {
flex: auto;
height: 2px;
background: #f0f0f0;
margin: 20px 0 0 15px;
}
.valuesP {
min-height: 75px;
padding: 8px 0 0;
font-size: 12px;
color: #575757;
line-height: 22px;
margin: 0;
font-family: montserrat_light;
}
/* top_Two /*/
.abtusVid {
width: 100%;
/* height: 100%; */
background: black;
margin-top: -93px;
}
.abtBanner {
height: 80vh;
overflow: hidden;
position: relative;
}
/* .abtBanner::before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
} */
.abtbanerContent {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.abtbanerContent h4 {
text-align: center;
color: #fff;
font-size: 34px;
margin: 0;
text-transform: uppercase;
}
.abtbanerContent h6 {
text-align: center;
color: #fff;
font-size: 20px;
margin: 24px 0 0 0px;
/* font-family: montserrat_light; */
font-family: montserrat_thin;
}
.teamContainer {
display: flex;
}
.team-member, .team-member .team-img {
position: relative;
}
/* .team-member {
overflow: hidden;
} */
.team-member, .team-member .team-img {
position: relative;
}
.team-hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
border: 20px solid rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.90);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.team-member:hover .team-hover .desk {
top: 35%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
opacity: 1;
}
.team-hover .desk {
position: absolute;
top: 0%;
width: 100%;
opacity: 0;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
-webkit-transition: all 0.3s 0.2s;
transition: all 0.3s 0.2s;
/* padding: 0 20px; */
}
.desk, .desk h4, .team-hover .s-link a {
text-align: center;
color: #222;
}
.team-member:hover .team-hover .s-link {
bottom: 10%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
opacity: 1;
}
.team-hover .s-link {
position: absolute;
bottom: 0;
width: 100%;
opacity: 0;
text-align: center;
-webkit-transform: translateY(45%);
-ms-transform: translateY(45%);
transform: translateY(45%);
-webkit-transition: all 0.3s 0.2s;
transition: all 0.3s 0.2s;
font-size: 35px;
}
.desk, .desk h4, .team-hover .s-link a {
text-align: center;
color: #222;
}
.team-member .s-link a {
margin: 0 10px;
color: #333;
font-size: 16px;
}
.team-member .s-link a img {
width: 16px;
height: 16px;
}
.team-title {
position: relative;
/* padding: 20px 0;
display: inline-block; */
letter-spacing: 2px;
width: 100%;
background-color: #f9f9f9;
height: 140px;
text-align: center;
}
.team-title h5 {
display: block;
text-transform: uppercase;
margin: 0;
padding: 30px 0 0px 0;
font-size: 18px;
color: #2e2e2e;
}
.team-title span {
font-size: 12px;
text-transform: uppercase;
color: #000;
letter-spacing: 1px;
font-family: montserrat_light;
display: block;
position: relative;
padding: 12px 0 0 0;
}
.tmContainer {
display: flex;
padding: 20px 20px 20px 20px;
justify-content: space-around;
flex-wrap: wrap;
}
.tea_mem {
width: 300px;
/* height: 310px; */
/* overflow: hidden; */
border-radius: 5px;
padding: 0 0 0 0;
box-shadow: 0 0 8px 1px #ddd;
/* overflow: hidden; */
}
.teamSectionContainer {
padding: 0 30px 0 30px;
position: relative;
}
.tstitle {
padding: 20px 0 40px 0;
margin: 0;
/* color: #a5a5a5; */
/* font-size: 30px; */
text-align: center;
font-size: 50px;
font-weight: bolder;
color: #ebebeb;
}
.tsSubtitle {
padding: 1% 8% 1% 8%;
margin: 0;
color: #4a4a4a;
font-family: montserrat_light;
line-height: 22px;
font-size: 13px;
text-align: center;
}
.meetourTeamcontainer {
padding: 30px 0px 0px 0px;
background-color: #fdfdfd;
}
.teamMember {
padding: 2% 0 2% 0;
}
.more_team {
-webkit-transform: translateZ(0);
transform: translateZ(0);
top: 25px;
right: 25px;
z-index: 99;
position: absolute;
width: 32px;
height: 32px;
color: #ef0d33;
background-color: rgba(255, 255, 255, .9);
text-align: center;
font-size: 17px;
font-weight: 700;
letter-spacing: 1px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
opacity: 1;
cursor: pointer;
line-height: 23px;
box-shadow: 0 0 8px 1px #ddddddb5;
}
.more_team:hover {
-webkit-transform: scale(1) translateY(0) rotate(-180deg);
-moz-transform: scale(1) translateY(0) rotate(-180deg);
transform: scale(1) translateY(0) rotate(-180deg);
}
.team_content {
position: absolute;
top: 60px;
left: 30px;
width: 300px;
transform-origin: top;
-webkit-transform-origin: top;
-moz-transform-origin: top;
/* -webkit-transform: scale(.5);
-moz-transform: scale(.5);
transform: scale(.5); */
}
.team_content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
display: none;
background: rgba(239, 13, 51, 0.9);
padding: 15px;
z-index: 9;
box-shadow: 32 32 39px 50px #ddd;
/* box-shadow: 0 0 64px 1px #0000002e; */
color: #fff;
border-radius: 5px;
}
.journey p {
font-size: 12px;
line-height: 21px;
font-family: montserrat_light;
text-align: left;
}
.accuabtredBlock {
background: #ef0d33 url(../images/accuabtpng.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
width: 30%;
height: 40%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
padding: 5% 4% 6% 4%;
}
.accuabtredBlock h2 {
color: #fff;
}
.accuabtredBlock p {
font-family: montserrat_light;
font-size: 12px;
}
.abtSeeMore {
width: 160px;
height: 50px;
margin: 10px 0 0 0;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
font-size: 16px;
color: #393737;
border: transparent;
outline: none;
font-family: montserrat_regular;
cursor: pointer;
}
.abtSeeMore:hover {
border: 1px solid #fff;
background: transparent;
color: #fff;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.abtBanner:hover .abt2, .abtBanner:focus .abt2 {
transform: scale(1.2);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.abt2 {
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.manwithlight {
background-image: url('../images/abt2.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
/* css styles for about us page */
/* News Page */
.newsPagefullwidth {
width: 100% !important;
}
.newsPagefullwidth.white_right {
width: 100% !important;
vertical-align: top;
overflow-y: unset;
overflow-x: unset;
padding: 0px 16% 0 -3%;
margin: 0 auto;
text-align: left;
}
.news_sec {
flex-direction: column;
height: 70% !important;
}
.news_sec .detail_header_contentt {
max-width: 100%;
margin: 0!important;
text-align: center;
padding: 0 25% 0% 25%;
}
.news_sec .bl_content {
padding: 0 25% 3% 25%;
}
.news_sec .header_content {
/* height: 70% !important; */
}
.npAdd .detail_header_contentt {
max-width: 100% !important;
margin: 0;
padding: 0% 25% 0% 25%;
}
.npAdd .bl_content {
padding: 3% 25% 3% 25%;
}
.npAdd .blhead {
padding: 0;
}
.newsPagefullwidth .detail_header_contentt h1 {
font-size: 40px;
line-height: 50px;
margin: 20px 0;
font-family: montserrat_semibold;
position: relative;
color: #191919;
}
.newsPagefullwidth .detail_header_contentt h2 {
font-size: 40px;
line-height: 50px;
margin: 20px 0;
font-family: montserrat_semibold;
position: relative;
color: #191919;
}
.insights-content ul {
font-size: 18px;
line-height: 2.5em;
}
.insights-content h2 {
line-height: 2em;
margin-top: 1.75em;
font-size: 25px;
font-weight: 600;
}
.insights-content h3 {
line-height: 2em;
margin-top: 1.75em;
font-size: 20px;
font-weight: 600;
}
.insights-content h4 {
line-height: 2em;
margin-top: 1.75em;
font-size: 18px;
font-weight: 600;
}
.insights-content h5 {
line-height: 2em;
margin-top: 1.75em;
font-size: 16px;
font-weight: 600;
}
.insights-content h6 {
line-height: 2em;
margin-top: 1.75em;
font-size: 14px;
font-weight: 600;
}
.insights-content ol {
font-size: 18px;
line-height: 2.5em;
}
.news_sec .detail_header_contentt .noppad:before {
width: 35px;
height: 2px;
background-color: transparent;
content: '';
position: absolute;
top: 44px;
left: 0px;
right: 0;
margin: 0 auto;
}
.newsPagefullwidth .bl_content p {
line-height: 36px;
letter-spacing: -0.004em;
font-size: 18px;
font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif !important;
color: #000000d6;
}
.news_sec .blhead {
padding: 2% 0% 2% 6%;
position: relative;
}
.newsDatepub {
color: #0000008c;
}
.newsButton {
text-align: center;
}
/* Front page New Section [ Clutch ] */
.clutchContainer {
display: flex;
justify-content: space-around;
position: relative;
width: 100%;
height: 83vh;
overflow: hidden;
}
.clutchLeft, .clutchRight {
width: 50%;
height: 100%;
}
.clutchLeft .clutchLeft-top {
height: 50%;
position: relative;
margin-bottom: 10px;
margin-right: 10px;
}
.clutchLeft .clutchLeft-buttom {
height: 50%;
position: relative;
margin-top: -1px;
margin-right: 10px;
}
.clutchLeft .clutchLeft-buttom div {
position: absolute;
top: 15%;
left: 10%;
right: 15%;
}
.clutchLeft .clutchLeft-top div {
position: absolute;
top: 15%;
left: 10%;
right: 15%;
}
.clutchLeft-top div .forrester {
margin-left: -9px;
}
.clutchLeft h1 {
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
font-size: 30px;
font-family: 'montserrat_regular';
line-height: 50px;
letter-spacing: 1px;
}
.clutchLeft a {
font-family: 'montserrat_extralight';
color: white;
opacity: .9;
text-decoration: underline;
}
img.clutchb {
transition: transform .5s;
}
img.clutchb:hover {
transform: scale(1.02);
}
.clutchLeft a:hover {
opacity: 1;
}
.clutchRight .clutchRight-padding a:hover {
opacity: 1;
}
.clutchLeft p {
font-family: 'montserrat_extralight';
opacity: .8;
color: #fff;
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
}
section.clutch_section {
padding: 0;
}
.clutchLeftfooter {
position: absolute;
height: 80px;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
text-align: center;
}
.clutchLeftfooter button:hover {
box-shadow: 0px 0px 5px 0px rgba(239, 13, 51, 0.8);
/* background: #ca0d2d; */
}
.clutchLeftfooter button {
background: #ef0d33;
border: none;
box-shadow: none;
height: 35px;
color: #fff;
padding: 0px 40px 0px 15px;
border-radius: 3px;
cursor: pointer;
outline: none;
background-image: url(../images/color_right_arrow.png);
background-position: right;
background-repeat: no-repeat;
}
.clutchRight {
background: #f4f4f2;
padding-top: 5%;
position: relative;
height: auto;
padding-left: 2%;
background: url("../images/clutch3.png");
background-size: contain;
}
.clutchRight .clutchRight-padding h1 {
margin-top: 35px;
font-size: 22px;
}
.clutchRight h1 {
color: #ffffff;
font-size: 50px;
font-family: 'montserrat_regular';
line-height: 50px;
letter-spacing: -2px;
}
.clutchRight .clutchRight-padding a {
font-family: 'montserrat_extralight';
color: white;
opacity: .9;
text-decoration: underline;
}
.clutchRight p {
color: white;
font-size: 18px;
font-family: 'montserrat_extralight';
line-height: 30px;
letter-spacing: 1px;
opacity: .8;
}
.clutchRightfooter {
position: absolute;
height: 80px;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: 10px auto;
text-align: center;
}
.clutchRightfooter button:hover {
box-shadow: 0px 0px 5px 0px rgba(239, 13, 51, 0.8);
}
.clutchRightfooter button {
background: #ef0d33;
border: none;
box-shadow: none;
height: 35px;
color: #fff;
padding: 0px 40px 0px 15px;
border-radius: 3px;
cursor: pointer;
outline: none;
background-image: url(../images/color_right_arrow.png);
background-position: right;
background-repeat: no-repeat;
}
.clutchlogoContainer {
display: flex;
justify-content: space-between;
padding: 55px 5px 10px 0px;
}
.clutchSection {
padding: 0 40px 0 30px;
}
img.clutchb {
width: auto;
height: 140px;
}
/* Front page New Section [ Clutch ] */
/* Front page New Section [ News and updates ] */
.newsSection {
position: relative;
height: 100%;
width: 100%;
background: #f5f7fb;
box-sizing: border-box;
/* display: table; */
}
.newSec {
/* display: table-cell; */
/* vertical-align: middle; */
}
.newsSectionContainer {
position: relative;
width: 100%;
height: 100%;
display: flex;
padding: 5% 18px 5% 15px;
box-sizing: border-box;
}
.newsSectionR {
position: relative;
width: 70%;
padding: 2% 0 2% 0;
box-sizing: border-box;
}
.newsSectionL {
position: relative;
width: 30%;
padding: 2% 0% 0% 2%;
box-sizing: border-box;
}
.nsLcard {
background: #fff;
position: relative;
border-radius: 10px;
width: 100%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.05);
margin: 0 auto;
min-height: 120px;
box-sizing: border-box;
/* padding: 20px 15px 15px 140px; */
padding: 31px 15px 31px 140px;
margin: 0 0 20px 0;
cursor: pointer;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
.nsLcard:hover {
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
box-shadow: 0 0 15px 2px #ddd;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.newsCardcontainer {
position: relative;
box-sizing: border-box;
display: flex;
justify-content: space-between;
/* padding: 0 15px 20px 15px; */
}
.news-image {
background: no-repeat center;
background-size: cover;
height: 200px;
}
.accoladesC {
padding: 0 15px 0 15px;
}
.nsLcardimg {
position: absolute;
top: 0;
bottom: 0;
vertical-align: middle;
left: 15px;
width: 100px;
margin: 0 auto;
text-align: center;
/* box-shadow: 0 10px 20px rgba(0,0,0,0.07), 0 6px 6px rgba(0,0,0,0.05); */
border-radius: 10px;
background: transparent;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.nsLcard p {
color: #585858;
font-family: montserrat_light;
}
.nsRcard {
background: #fff;
position: relative;
margin: 0 0 50px 0;
border-radius: 10px;
width: 90%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.05);
margin: 0 auto;
margin: 0 0 50px 0;
color: #585858;
font-family: montserrat_light;
text-align: right;
min-height: 120px;
box-sizing: border-box;
}
.nsRcardContent {
padding: 0px 20px 20px 20px;
}
.nsRcard button {
background: #e72d31;
border: none;
box-shadow: none;
color: #fff;
padding: 10px 15px 10px 15px;
border-radius: 3px;
cursor: pointer;
outline: none;
}
.nsRcard p {
text-align: left;
}
.newsSectionL .newsHead, .newsSectionR .newsHead {
font-size: 50px;
line-height: 72px;
padding-left: 0;
color: #e5e5e5;
margin: 20px 0 25px 0;
padding: 0 18px 0 11px;
}
.nsRcard {
background: #fff;
position: relative;
width: 32%;
height: 50vh;
overflow: hidden;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}
.nsRcard:hover {
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
box-shadow: 0 0 15px 2px #ddd;
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.nsRcardContent h3 {
/* text-transform: uppercase; */
color: #191919;
margin: 20px 0px 10px;
text-align: left;
font-family: montserrat_regular, sans-serif;
}
.nsRcardContent h4 {
color: #0000008c;
text-align: left;
font-family: montserrat_regular, sans-serif;
}
.nsRcardContent p {
color: #999;
font-family: montserrat_light, sans-serif;
font-size: 12px;
max-height: 100px;
overflow: hidden;
}
.newspara {
text-align: left;
font-family: montserrat_regular, sans-serif;
color: #585858;
line-height: 27px;
margin: 0 0 30px 0px;
padding: 0px 18px 0 18px;
}
.newsbutton {
background: #e72d31;
border: none;
box-shadow: none;
color: #fff;
padding: 10px 15px 10px 15px;
border-radius: 3px;
cursor: pointer;
outline: none;
position: absolute;
right: 18px;
top: 58px;
display: none;
}
/* Pagination Style */
.article_pagination {
text-align: center;
}
.page-numbers {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
box-sizing: border-box;
margin-top: 20px;
cursor: pointer;
border: 1px solid transparent;
color: #999;
font-family: montserrat_extralight;
}
.article_pagination .pagination_box.pagination_more {
line-height: 30px;
}
.article_pagination .pagination_box a {
display: block;
padding-top: 10px;
color: #333;
width: 40px;
height: 40px;
box-sizing: border-box;
}
.page-numbers.active, .page-numbers:hover {
border: 1px solid #ef0d33;
}
.page-numbers.current {
border: 1px solid #ef0d33;
}
.mpagination {
margin: a auto;
text-align: center;
width: 100%;
}
.next.page-numbers {
width: auto;
border: 1px solid transparent;
}
.prev.page-numbers {
width: auto;
border: 1px solid transparent;
}
/* Pagination Style */
.mobileClients {
display: none;
}
.videoContainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 125;
display: none;
}
.videoOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
opacity: .4;
z-index: 1;
}
.videoFrame {
position: absolute;
width: 70%;
height: 70%;
left: 15%;
top: 15%;
z-index: 2;
}
/* About Us ---------- Partner */
.opContainer {
padding: 1% 9% 4% 9%;
position: relative;
height: 100%;
}
.partnerBox {
position: relative;
width: 337px;
height: 208px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 12px;
opacity: 1;
padding: 0% 0%;
margin: 20px 0px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s ease-in-out;
cursor: pointer;
}
.partnerBox:hover {
background-color: #fff;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.05);
/* -webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px); */
}
.partnerBox:hover .pMore {
transform: rotate(270deg);
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.partnerBox:hover .partnerContent .pMore {
transform: rotate(90deg);
}
.partnerBoxContainer {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0% 0% 3% 0%;
}
.pMore {
position: absolute;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transform: rotate(90deg);
top: 20px;
right: 10px;
font: normal normal 700 18px/32px Montserrat;
color: #A7A3A3;
text-align: center;
font-size: 17px;
font-weight: 700;
letter-spacing: 2px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
opacity: 1;
cursor: pointer;
line-height: 23px;
z-index: 2;
height: 30px;
width: 38px;
background: transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
/* .pMore:hover{
height: 30px;
width: 38px;
background: #aaa;
color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
border-radius: 3px;
} */
.partnerContent .pMore {
color: #EF0D33;
height: 30px;
width: 38px;
background: transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
/* .partnerContent .pMore:hover {
color: #ffffff;
height: 30px;
width: 38px;
background: #EF0D33;
border-radius: 3px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
} */
.partnerContent {
width: 100%;
position: absolute;
background: #fff;
z-index: 2;
padding: 0% 2%;
top: -30%;
height: 275px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 13px 31px #00000012;
border-radius: 12px 12px 0px 0px;
opacity: 1;
border-bottom: 3px solid #EF0D33;
text-align: center;
padding: 7% 2% 2% 2%;
}
.partnerContent img {
padding: 4% 8%;
}
.partnerContent p {
padding: 0% 4% 1% 4%;
margin: 0;
text-align: center;
font: normal normal normal 13px/23px Montserrat;
letter-spacing: 0px;
color: #8A8A8A;
opacity: 1;
}
.partnerContent a {
padding: 2% 4%;
text-align: center;
font: normal normal bold 12px/24px Montserrat;
letter-spacing: 0px;
color: #EF0D33;
opacity: 1;
}
img.pbLogo {
width: 60%;
height: auto;
}
#select-box {
text-align: center;
font: normal normal 600 18px/32px Montserrat;
letter-spacing: 0px;
color: #707070;
opacity: 1;
}
#select-box option {
text-align: center;
font: normal normal 600 18px/32px Montserrat;
letter-spacing: 0px;
color: #707070;
opacity: 1;
}
.oph {
font: normal normal bold 43px/53px Montserrat;
letter-spacing: 0px;
color: #707070;
opacity: 1;
text-align: center;
margin: 0;
}
.opp {
text-align: center;
font: normal normal normal 18px/32px Montserrat;
letter-spacing: 0px;
color: #707070;
opacity: 1;
margin: 0% 0% 1% 0%;
padding: 1% 30% 1% 30%;
}
.pliftup {
width: 100%;
flex-direction: column;
display: none;
}
.lifted .pliftup {
width: 100%;
flex-direction: column;
display: flex;
}
.partnerBox.lifted {
position: relative;
width: 337px;
height: 308px;
opacity: 1;
padding: 0% 0%;
margin: 20px 0px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: start;
text-align: center;
transition: 0.3s ease-in-out;
cursor: pointer;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 13px 31px #00000012;
border-radius: 12px 12px 0px 0px;
opacity: 1;
border-bottom: 2px solid #ef0d33;
-webkit-transform: translate(0, -70px);
-moz-transform: translate(0, -70px);
-o-transform: translate(0, -70px);
-ms-transform: translate(0, -70px);
transform: translate(0, -70px);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 1.8em;
}
@-webkit-keyframes remove {
0% {
opacity: 0;
}
100% {
opacity: 1;
animation: poof 0.1s linear 0s 1;
-webkit-animation: poof 0.1s linear 0s 1;
}
}
.lifted .pbLogo {
margin: 0 auto;
width: 110px;
height: auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-timing-function: linear
}
.lifted p {
padding: 0% 4% 1% 4%;
margin: 0;
text-align: center;
font: normal normal normal 13px/23px Montserrat;
letter-spacing: 0px;
color: #8A8A8A;
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
animation: remove 1s linear 0s 1 forwards;
-webkit-animation: remove 1s linear 0s 1 forwards;
}
.lifted a {
padding: 2% 4%;
text-align: center;
font: normal normal bold 12px/24px Montserrat;
letter-spacing: 0px;
color: #EF0D33;
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
animation: remove 1s linear 0s 1 forwards;
-webkit-animation: remove 1s linear 0s 1 forwards;
}
.lifted .pMore {
color: #EF0D33;
}
.partnerBoxContainer .swiper-pagination {
bottom: -4px !important;
left: 0;
width: 100%;
}
.partnerBoxContainer .swiper-pagination-bullet-active {
opacity: 1;
background: #e70027;
}
.partnerBoxContainer .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.partnerBoxContainer .swiper-slide {
width: auto;
height: 100%;
position: relative;
}
.parterSmonly {
display: none;
}
/* About Us ---------- Partner */
/* Front page New Section [ News and updates ] */
@media only screen and (max-width: 4000px)and (min-width: 3500px) {
.clutchRight {
padding-top: 6%;
}
}
@media only screen and (max-width: 4000px)and (min-width: 3000px) {
.clutchSection {
padding: 0 2.37179vw 0 2.3vw;
}
.clutchLeft .clutchLeft-buttom div {
top: 10%;
}
.clutchLeft .bc-image {
transform: scale(1);
}
.clutchLeft img, .clutch_logo {
/* transform: scale(2); */
transform-origin: top left;
}
.clutchRight .clutchRight-padding h1 {
margin-top: 85px;
font-size: 50px;
}
.clutchLeft h1, .clutchRight h1 {
font-size: 50px;
line-height: 95px;
}
.clutchLeft p, .clutchRight p {
font-size: 25px;
line-height: 56px;
letter-spacing: 2px;
}
/* img.clutchb {
transform: scale(2);
} */
.clutchlogoContainer {
padding: 100px 5px 10px 65px;
}
.clutchLeft-buttom div h1 {
margin-top: 0;
}
}
@media only screen and (max-width: 2048px)and (min-width: 1921px) {
/* footer {
width: 87%;
} */
.case_section .ourFocusp {
font-size: 15px;
}
.case_details p {
font-size: 14px;
}
.case_details h4 {
font-size: 14px;
}
.focus {
height: 420px;
}
.focus_right_wrap {
display: flex;
flex-direction: column;
justify-content: center;
}
.focus_section h2 .rotate_text {
left: -50%;
}
.focus_section h2 {
width: 14%;
}
.client_details_wrap p {
font-size: 15px;
}
.nsRcardContent h4 {
font-size: 16px;
}
.nsRcardContent p {
font-size: 13px;
line-height: 25px;
max-height: 155px;
}
.nsLcard {
min-height: 165px;
}
}
@media only screen and (min-width: 1920px) {
/* .min2560 {
max-width: 1920px;
margin: 0 auto !important;
overflow: hidden;
position: relative;
background-color: #ccc;
}
.min2560 body{
max-width: 1920px;
margin: 0 auto !important;
overflow: hidden;
position: relative;
} */
.abt_topH {
font-size: 35px;
}
.abt_topH::before {
font-size: 75px;
}
.abt_topP1 {
font-size: 15px;
line-height: 30px;
}
.videoDiv {
height: 285px;
top: 38%;
}
.value_card {
padding: 20px 5px 18px;
margin-bottom: 15px;
font-size: 15px;
}
.valuesP {
font-size: 15px;
}
.valuesH {
font-size: 18px;
}
}
@media only screen and (max-width: 1920px) {
.abtBanner {
height: 75vh;
}
.abtusVid {
margin-top: -132px;
}
.nsRcard {
background: #fff;
position: relative;
width: 32%;
height: 470px;
}
}
@media only screen and (max-width: 1900px) {
.clutchLeft p, .clutchRight p {
font-size: 14px;
line-height: 2;
padding-bottom: 15px;
}
img.clutchb {
width: auto;
height: 110px;
}
.clutchLeft h1, .clutchRight h1 {
font-size: 22px;
line-height: 40px;
}
.clutchLeft h1 {
margin-top: 0;
}
}
@media only screen and (max-width: 1600px) {
.nsRcard {
background: #fff;
position: relative;
width: 32%;
height: 530px;
}
.slide_img {
right: 2%;
width: 512px;
height: 70%;
z-index: 1;
}
.slider_content {
margin-top: 18%;
}
}
@media only screen and (max-width: 1450px) {
.form_col {
margin-bottom: 40px;
}
.form_full {
margin-bottom: 20px;
}
.form_row {
max-height: 60px;
}
.abtusVid {
margin-top: -100px;
}
.abtBanner {
height: 56vh;
}
.clutchLeft p {
padding: 0 5% 0 0;
font-size: 12px;
line-height: 24px;
}
.clutchRight p {
padding: 0 0% 3% 0;
font-size: 14px;
line-height: 24px;
}
/* bill */
img.clutchb {
width: auto;
height: 110px;
}
.newsSectionContainer {
padding: 2% 32px 1% 30px;
}
.nsLcard {
margin: 0 0 20px 0;
/* padding: 28px 15px 28px 15px; */
padding: 15px 15px 15px 15px;
}
.nsLcardimg {
top: 50%;
left: 20px;
text-align: right;
width: 80px;
}
.nsRcard {
background: #fff;
position: relative;
width: 32%;
height: auto;
}
.nsLcard p {
color: #585858;
font-family: montserrat_light;
padding: 0px 0 0 100px;
font-size: 12px;
}
.nsRcardContent {
padding: 0px 20px 20px 20px;
height: 190px;
}
.clutchLeft h1, .clutchRight h1 {
font-size: 25px;
line-height: 35px;
}
.nsRcardContent p {
max-height: 40px;
overflow: hidden;
}
.case_section .ourFocusp {
padding: 0 25% 0 130px;
}
.header_content h2 {
font-size: 32px;
line-height: 40px;
}
.header_content p {
color: #c7c7c7;
font-size: 14px;
margin: 0px 0px 25px 0px;
padding: 15px 20px 15px 0px;
}
.slider_content {
width: 45%;
}
.sevenDiv {
position: relative;
width: 74%;
margin: 0% 0% 0% 9%;
}
}
@media screen and (max-width: 1450px) {
.partnerBox {
position: relative;
width: 256px;
height: 156px;
}
.partnerContent .pbLogo {
height: 40px;
width: 40px;
}
.pbLogo {
width: 128px;
height: auto;
}
.partnerContent {
height: 218px;
}
.opp {
font: normal normal normal 14px/26px Montserrat;
padding: 1% 28%;
}
.oph {
font: normal normal bold 34px/34px Montserrat;
}
.partnerContent p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
#select-box {
font: normal normal 600 16px/32px Montserrat;
}
.partnerBox.lifted {
position: relative;
width: 256px;
height: 248px;
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
-o-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.lifted p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ringDivTwo {
top: 48%;
left: 18%;
}
.ringDivOne {
top: 2%;
left: 27%;
}
.ringDivThree {
top: 64%;
right: -2%;
}
}
@media only screen and (max-width: 1440px) {
.clutchLeft-buttom div img.right {
width: 18%;
}
.clutchLeft-buttom div img.left {
width: 27%;
}
.clutchLeft-top div .forrester {
width: 75%;
}
.clutchRight .clutchRight-padding a {
font-size: 12px;
}
.clutchRight p {
font-size: 12px;
}
.clutchRight .clutchRight-padding h1 {
margin-top: 35px;
font-size: 20px;
letter-spacing: 1px;
}
.clutchRight-padding .clutch_logo {
width: 16%;
}
.clutchSection {
padding: 0 40px 0 30px;
}
.clutchlogoContainer {
padding: 40px 5px 10px 0px;
}
.clutchLeft a {
font-size: 12px;
}
.clutchRight {
padding-top: 6%;
}
.clutchLeft .clutchLeft-top div {
top: 13%;
}
.clutchLeft .clutchLeft-top div h1 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px;
letter-spacing: 1px;
}
.clutchLeft-buttom div h1 {
margin-top: 0;
font-size: 20px;
letter-spacing: 1px;
}
.clutchLeft .clutchLeft-buttom {
height: 50%;
}
.clutchLeft .clutchLeft-top {
height: 50%;
}
}
@media only screen and (max-width: 1414px) {
.clutchLeft h1, .clutchRight h1 {
font-size: 18px;
}
}
@media only screen and (max-width: 1400px) {
.menu_card_wrap {
width: 680px;
height: 340px;
}
.menu_anim_slide .menu_triangle1 {
bottom: 50px;
left: 80px;
}
.menu_anim_slide .menu_triangle2 {
bottom: 80px;
left: 50%;
}
.menu_anim_slide .menu_triangle3 {
top: 150px;
left: 60px;
}
.menu_anim_slide .menu_triangle4 {
top: 50px;
left: 40%;
}
.menu_anim_slide .menu_triangle5 {
bottom: 150px;
right: 5%;
}
.menu_anim_slide .menu_triangle6 {
top: 40px;
right: 90px;
}
.form_col {
margin-bottom: 35px;
}
.form_full {
margin-bottom: 20px;
}
.abtusVid {
margin-top: -93px;
}
.abtBanner {
height: 80vh;
}
.clutchLeft h1 {
font-size: 18px;
line-height: 40px;
margin: 20px 0 10px 0;
}
.clutchRight h1 {
font-size: 18px;
line-height: 40px;
margin: 20px 0 10px 0;
}
img.clutchb {
width: auto;
height: 90px;
}
.newspara {
font-size: 12px;
}
.partnerContent p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ringDivTwo {
top: 47%;
left: 17%;
}
.ringDivOne {
top: 1%;
left: 26%;
}
.ringDivThree {
top: 62%;
right: -3%;
}
}
@media screen and (max-width: 1366px), screen and (max-height: 650px) {
.newsSectionL .newsHead, .newsSectionR .newsHead {
font-size: 34px;
line-height: 50px;
padding-left: 0;
color: #e5e5e5;
margin: 15px 0 15px 0;
padding: 0 18px 0 11px;
}
}
@media only screen and (max-width: 1300px) {
.nav_text {
padding-left: 20px;
}
.footer_section {
/* padding: 40px 100px; */
}
.swiper-container#whitepaper_Slider {
top: -50px;
}
.team_content {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
}
.newsSectionContainer {
flex-direction: row;
padding: 2% 0 0 0;
}
.newsSectionL, .newsSectionR {
position: relative;
width: 100%;
padding: 2%;
}
.nsLcard, .nsRcard {
width: 100%;
}
}
@media only screen and (max-width: 1220px) {
.case_study_wrap .title {
font-size: 13px;
}
.nsRcard {
width: 80%;
max-height: 400px;
margin: 0 15px 0 0;
}
}
@media only screen and (max-width: 1100px) {
.middle_menu .white_paper_menu h4.main_head {
margin-top: -25px;
}
.middle_menu .case_study_menu h4.main_head {
margin-top: -10px;
}
.swiper-container#casestudy_Slider {
/*top: -70px;*/
}
.case_study_wrap .sub_title {
margin-top: 15px;
}
.menu_links_wrap {
padding: 20px 20px;
}
.menu_links_wrap>ul {
padding: 0 25px 0px 0px;
}
.menu_icons_wrap h2 {
font-size: 24px;
margin: 0px 0px 0px;
}
.blog_content {
padding: 0px 20px;
}
.sub_banner {
height: 110px;
}
.sub_head {
font-size: 20px;
line-height: 25px;
}
.blog_content p {
line-height: 15px;
}
}
@media only screen and (max-width: 1053px) {
.clutchLeft h1 {
line-height: 28px;
margin: 10px 0 10px 0;
}
}
@media only screen and (max-width: 1024px) {
.footer_section {
/* padding: 40px 60px; */
}
.success h2 {
font-size: 33px;
line-height: 38px;
}
.success p {
font-size: 18px;
}
.book_container p {
line-height: 15px;
}
.abt_sector1 {
display: flex;
flex-direction: column;
}
.abtLeft {
width: 100%;
}
.abtRight {
width: 100%;
}
.aboutContent {
padding: 5% 3% 5% 3%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.aboutContent p {
padding: 2% 0% 0% 0%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.achievements {
padding: 2% 0% 0% 0%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.abtawards {
margin-top: -8%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.achbanner h4 {
padding: 5% 4%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.teampic {
width: 90px;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.abtBanner {
height: 80vh;
}
.abtusVid {
margin-top: -70px;
}
.tea_mem {
width: 280px;
margin: 0 0 20px 0;
}
.tmContainer {
display: flex;
padding: 20px 15px 20px 15px;
}
.nsRcardContent {
padding: 0px 20px 20px 20px;
height: auto;
}
.newsCardcontainer {
display: flex;
/* justify-content: space-between;
flex-direction: column; */
}
.nsRcard, .nsLcard {
width: 100%;
margin: 0px 15px 15px 0px;
}
.newsSectionL .newsHead, .newsSectionR .newsHead {
font-size: 34px;
line-height: 30px;
padding-left: 0;
color: #e5e5e5;
margin: 0px 0 10px 0;
padding: 0 18px 0 11px;
}
.newsSectionL, .newsSectionR {
position: relative;
width: 100%;
padding: 4% 2% 0 2%;
}
.mask_div {
position: absolute;
top: 28px;
left: 0;
}
.newsSectionContainer {
flex-direction: column;
padding: 2% 0 0 0;
}
/* about us */
.about_top {
height: auto;
padding: 10% 4% 3% 4%;
}
.videoDiv {
top: 37%;
}
.about_top_Two {
height: auto;
padding: 8% 4% 8% 4%;
}
.sevenDiv {
margin: 0% 0% 0% 2%;
}
.valueCards_wrap {
width: 100%;
}
.partnerBoxContainer {
justify-content: space-around;
}
/* about us /*/
.partnerBox {
width: 280px;
height: 160px;
/* margin: 20px 0px 60px 0px; */
}
.partnerContent {
height: 180px;
}
.partnerContent p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pSelect {
margin: 0 auto;
width: 100%;
}
.partnerContent {
top: 0;
}
.partnerBox.lifted {
position: relative;
width: 280px;
height: 160px;
transform: unset;
padding: 2% 0% 0% 0%;
}
.lifted p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.partnerBoxContainer .swiper-wrapper {
display: flex;
flex-wrap: wrap;
}
.ringDivOne {
top: -3%;
left: 23%;
}
.ringDivTwo {
top: 43%;
left: 14%;
}
.ringDivThree {
top: 58%;
right: -6%;
}
}
@media only screen and (max-width: 900px) {
.clutchLeft-buttom div .left {
width: 100px;
}
.clutchLeft-buttom div .right {
width: 75px;
}
.footer_head h2 {
font-size: 34px;
}
.footer_tab .tab p {
font-size: 14px;
margin: 10px 0;
}
.floating_input input+label {
font-size: 12px;
}
h4.main_head {
font-size: 47px;
}
.theteamblock {
flex-direction: column;
padding: 5% 0%;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
.teamLeft, .teamRight {
display: flex;
margin-bottom: 10%;
justify-content: center;
transition: 0.2s ease;
-webkit-transition: 0.2s ease;
}
}
@media only screen and (min-height: 800px) {
.swiper-container#casestudy_Slider {
padding-top: 110px;
}
.side_content {
padding: 13% 0%;
}
.book_container {
margin: 16% auto 0%;
}
}
@media only screen and (min-height: 1024px) {
.side_content {
padding: 17% 0% 25%;
}
.book_container {
margin: 25% auto 0%;
}
.sub_head {
padding: 35px 0px 40px;
}
.blog_stripe ul {
margin: 0px 0px 25px;
}
.sub_banner {
height: 180px;
}
.content_box {
padding: 50px 20px 20px 250px;
}
.image_box {
width: 270px;
height: 210px;
}
}
@media only screen and (min-height: 900px) {
.side_content {
padding: 13% 0% 20%;
}
.book_container {
margin: 20% auto 0%;
}
.content_box {
padding: 35px 20px 30px 225px;
}
/* .swiper-container#whitepaper_Slider {
top: -5px;
} */
.sub_banner {
height: 170px;
}
.sub_head {
padding: 20px 0px 35px;
}
.blog_stripe ul {
margin: 0px 0px 25px;
}
}
@media only screen and (orientation: portrait) and (max-width: 900px) and (max-height: 1024px) {
.middle_menu .case_study_menu {
display: none;
}
.blog_menu {
width: 100%;
}
.blog_wrap {
position: relative;
width: 100%;
box-sizing: border-box;
padding-left: 230px;
padding-right: 10px;
}
.sub_head {
padding: 0px 0px 15px;
}
.blog_stripe ul {
margin: 0px 0px 15px;
padding: 0px 25px;
}
.blog_stripe {
background-color: transparent;
}
.sub_banner {
position: absolute;
top: 0px;
left: 30px;
width: 200px;
height: 85%;
}
.middle_menu {
width: 100%;
height: 100%;
margin-left: 0%;
}
.white_paper_menu {
height: 50%;
}
.middle_menu .white_paper_menu h4.main_head {
margin-top: 25px;
font-size: 40px;
}
.white_paper_menu {
top: 50%;
left: -100%;
}
.menu_wrapper.open .white_paper_menu {
top: 50%;
left: 0%;
}
.swiper-container#whitepaper_Slider {
padding-bottom: 100px;
}
.content_box p {
font-size: 12px;
line-height: 22px;
}
.blog_content p {
font-size: 12px;
line-height: 18px;
}
.menu_icons_wrap a {
width: 50%;
}
.side_logo {
margin: 0px 0%;
padding: 11% 0px;
}
.side_strip ul li {
padding: 0px 20px;
}
.side_content {
padding: 0px 0px 3%;
margin: 4% auto 0px;
}
.book_container {
margin: 3% auto 0px;
width: 280px;
}
.side_strip:before, .side_strip:after {
width: 25%;
}
}
@media only screen and (max-width: 768px) {
.clutchLeft .clutchLeft-buttom div {
top: 23%;
}
.clutchRight .clutchRight-padding {
padding-right: 5%;
}
.clutchLeft .clutchLeft-top {
height: 340px;
margin-right: 0;
}
.clutchLeft .clutchLeft-buttom {
height: 340px;
margin-right: 0;
}
.videoFrame {
height: 45%;
top: 28%;
}
img.clutchb {
margin-right: 15px;
}
.clutchlogoContainer {
justify-content: center;
padding: 10px 5px 10px 5px;
}
.clutchRight {
width: 100%;
height: 500px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 10px;
}
.clutchLeft {
width: 100%;
height: 679px;
box-sizing: border-box;
}
.clutchSection {
padding: 0;
}
.clutchContainer {
height: 100%;
flex-direction: column;
}
.middle_menu {
display: none;
}
.menu_links_wrap {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.blog_menu {
width: 50%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.menu_icons_wrap h2 {
width: 100%;
}
.menu_card_outer {
width: 100%;
}
.page_links {
height: auto;
}
.blog_menu::-webkit-scrollbar {
display: none;
}
.form_col {
width: 49%;
box-sizing: border-box;
padding-right: 50px;
}
.footer_section {
height: auto;
overflow: hidden;
/* padding: 40px; */
}
.footer_head {
max-width: 500px;
}
.form_col.form_full {
width: 100%;
}
.tstitle {
font-size: 34px;
}
.accuabtredBlock {
width: 75%;
height: 50%;
}
.manwithlight {
background-size: unset;
}
.npAdd .detail_header_contentt {
max-width: 100% !important;
margin: 0;
padding: 0% 8% 0% 8%;
}
.npAdd .bl_content {
padding: 8% 8% 3% 8%;
}
.nsLcard {
padding: 15px 10px 10px 10px;
margin: 10px 10px 20px 0;
min-height: 200px;
}
.nsRcard {
text-align: left;
margin: 0 10px 0 0px;
}
.nsLcard {
text-align: center;
}
.nsLcardimg {
position: relative;
top: 15px;
bottom: 0px;
left: 0;
margin: 0 auto;
}
.newsSectionL .newsHead, .newsSectionR .newsHead {
font-size: 34px;
padding-left: 0;
color: #e5e5e5;
}
.newsSectionR {
padding: 0 40px 0 30px;
}
.newsSectionL {
padding: 30px 15px 50px 15px;
/* padding: 30px 20px 50px 20px; */
}
.newsbutton {
display: none;
}
.nsLcard p {
padding: 0px 0 0 0px;
}
.clutchRightfooter {
position: relative;
margin: 20px auto 0;
height: auto;
}
/* about us */
.about_top {
height: auto;
flex-wrap: wrap-reverse;
overflow: hidden;
}
.leftDiv {
width: 100%;
padding: 20% 0 17%;
}
.rightDiv {
width: 100%;
padding: 25% 0 17%;
}
.sevenDiv img {
width: 100%;
}
.sevenDiv {
width: 55%;
margin: auto !important;
}
.videoDiv {
right: 0;
left: 0;
width: 95%;
height: 200px;
top: 30%;
bottom: 0;
margin: auto;
}
.sevenDiv::before {
right: -20%;
}
.about_top_Two {
height: auto;
flex-wrap: wrap;
}
.about_top_Two .leftDiv {
width: 100%;
padding: 0;
}
.about_top_Two .rightDiv {
width: 100%;
padding: 10.5% 5% 10%;
}
.ab_imgDiv {
position: relative;
padding: 10% 0% 0 0;
}
.LineThree {
left: -9%;
}
.LineOne {
top: 15%;
}
/* about us /*/
.oph {
font: normal normal bold 30px/34px Montserrat;
}
.opp {
font: normal normal normal 14px/24px Montserrat;
padding: 1% 4%;
}
.ringDivOne {
top: -3%;
left: 31%;
}
.ringDivTwo {
top: 46%;
left: 21%;
}
.ringDivThree {
top: 64%;
right: -9%;
}
}
@media only screen and (max-height: 700px) {
.footer_head h2 {
margin-bottom: 20px;
margin-top: 60px;
}
.footer_head h2 {
font-size: 40px;
}
.footer_tab .tab p {
margin: 5px 0px 30px;
}
.case_study_wrap {
height: 215px;
}
.swiper-container#casestudy_Slider {
padding-top: 80px;
}
}
@media only screen and (max-height: 650px) {
.footer_head h2 {
margin-bottom: 10px;
margin-top: 16px;
font-size: 35px;
}
.footer_head p {
font-size: 11px;
line-height: 14px;
}
.form_col {
margin-bottom: 30px;
}
.floating_input input+label, .floating_input textarea+label, .floating_input label {
font-size: 12px;
}
.floating_input input, .floating_input textarea {
font-size: 15px !important;
}
.menu_links_wrap>ul {
padding: 0 30px 10px 0px;
}
.menu_icons_wrap h2 {
margin: 5px 0px 5px;
}
.menu_links_wrap ul>li>a {
padding: 6px 10px;
}
.page_links {
padding: 5% 0;
}
.btm_icon {
margin: 0;
}
}
@media only screen and (max-height: 600px) {
.footer_head>p {
display: none;
}
.footer_tab .tab p {
margin: -5px 0px 30px;
}
}
@media only screen and (max-width: 700px) {
.videoDiv {
height: 185px;
}
}
@media only screen and (max-width: 578px) {
.videoDiv {
height: 150px;
}
.sevenDiv::before {
right: -25%;
font-size: 15px;
}
.clutchLeft h1 {
padding: 25px 0 0 0;
}
.middle_menu {
display: none;
}
.menu_links_wrap {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.blog_menu {
display: none;
}
.menu_icons_wrap h2 {
width: 100%;
}
.menu_card_outer {
width: 100%;
}
.page_links {
height: auto;
}
.footer_head h2 {
margin-bottom: 10px;
margin-top: 16px;
font-size: 32px;
}
.clutchContainer {
height: 100%;
flex-direction: column;
}
.clutchSection {
padding: 0;
}
.clutchRight .clutchRight-padding {
padding-right: 5%;
}
.clutchLeft, .clutchRight {
width: 100%;
height: 100%;
position: relative;
padding: 5% 0% 0% 0%;
min-height: 408px;
text-align: center;
}
.clutchLeft h1, .clutchRight h1 {
font-size: 30px;
line-height: 36px;
margin: 0px 0 10px 0;
letter-spacing: 0px;
letter-spacing: -.02em;
}
.clutchLeft-buttom div .left {
width: 100px;
}
.clutchLeft-buttom div .right {
width: 75px;
}
.clutchLeft p, .clutchRight p {
font-size: 15px;
line-height: 22px;
letter-spacing: 1px;
}
/* .clutchLeftfooter,
.clutchRightfooter {
height: 60px;
left: 0;
width: 100%;
text-align: center;
bottom: 0px;
position: relative;
} */
.clutchLeftfooter button, .clutchRightfooter button {
/* padding: 12px 40px 12px 15px; */
}
img.clutchb {
max-height: 70px;
}
.clutchlogoContainer {
display: flex;
justify-content: space-around;
padding: 10px 5px 50px 5px;
}
img.forrester {
width: 400px;
}
img.clutch_logo {
width: 100px;
}
.clutchContainer {
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
}
.newsSectionR {
padding: 0 15px 0 15px;
}
.newsSection {
height: auto;
width: 100%;
display: block;
}
.newSec {
display: block;
vertical-align: unset;
}
.clutchLeft h1, .clutchRight h1 {
font-size: 24px;
}
.clutchLeft p, .clutchRight p {
padding: 0;
font-size: 12px;
}
}
/* test */
@media only screen and (max-width: 540px) {
.videoDiv {
height: 135px;
}
.logo {
display: block;
}
.sub_menu {
right: 130px;
width: 60%;
display: none;
}
.copyright_wrap {
padding: 10px 12px;
text-align: center;
}
.btn.btn_red.submit_btn {
width: 80%;
}
.nwswiper {
padding: 10px 0 30px 0;
}
}
@media only screen and (max-width: 500px) {
.clutchRight {
margin-top: 10px;
}
.clutchLeft .clutchLeft-buttom div {
top: 10%;
}
.clutchLeft-buttom div img.right {
padding-top: 3%;
width: 19%;
}
.clutchRight .clutchRight-padding p {
text-align: center;
}
.clutchLeft .clutchLeft-top {
height: 390px;
}
img.forrester {
padding-top: 0 !important;
}
.form_col {
margin-bottom: 30px;
}
.footer_head p {
font-size: 11px;
line-height: 14px;
word-wrap: break-word;
width: 53%;
}
.footer_tab .tab {
width: 32%;
}
.footer_section {
height: auto;
overflow: hidden;
/* padding: 40px 0 40px 20px; */
}
.form_col {
width: 100% !important;
box-sizing: border-box;
padding-right: 0px;
}
.carinCol {
width: 100%;
}
.team_content {
left: 0;
width: 250px;
}
.newsPagefullwidth .detail_header_contentt h1 {
font-size: 22px;
line-height: 30px;
margin: 20px 0;
font-family: montserrat_semibold;
position: relative;
color: #191919;
text-align: left;
}
.newsPagefullwidth .detail_header_contentt h1 {
font-size: 22px;
line-height: 30px;
margin: 20px 0;
font-family: montserrat_semibold;
position: relative;
color: #191919;
text-align: left;
}
.newsPagefullwidth .bl_content p {
color: rgba(0, 0, 0, 0.55);
font-size: 16px;
text-align: left;
line-height: 30px;
margin-top: 20px;
}
.oph {
text-align: left;
}
.opp {
font: normal normal normal 14px/24px Montserrat;
padding: 4% 0%;
}
}
@media only screen and (max-width: 480px) {
.slider_nav_wrap {
position: absolute !important;
left: 0 !important;
top: 380px !important;
display: inline-block;
margin: 0 auto;
left: 0px;
right: 0px;
justify-content: center;
padding: 0 10px;
}
#nextSlide{
float: right;
}
}
@media only screen and (max-width: 482px) {
.videoDiv {
height: 120px;
}
.sevenDiv::before {
font-size: 13px;
right: -30%;
}
.ringDivOne {
top: -45px;
left: 22%;
}
.ringDivTwo {
top: 46%;
left: 16%;
}
.ringDivThree {
top: 48%;
right: -20%;
}
.about_top_Two .leftDiv {
padding: 0 0 15%;
overflow: hidden;
}
.about_top_Two .rightDiv {
padding: 0 5% 10%;
}
.sevenDiv::before {
font-size: 15px;
}
.tstitle {
line-height: 40px;
}
.case_section h2 {
margin: 20px 0;
font-size: 44px;
/* padding: 0px 20px; */
}
.section_nav {
display: none;
}
.focus_right {
width: 0px;
display: none;
}
.frontfullinXs#fullpage {
height: auto;
}
.frontSec1 {
height: auto !important;
}
h4.main_head {
line-height: 30px;
margin-top: 0px;
}
.footer_form_wrap {
display: flex;
flex-wrap: wrap;
padding: 0px 0px 80px 0px;
}
.blockchain .aihead_content .head_cnt {
color: #949191;
font-family: montserrat_light, sans-serif;
margin-top: 24%;
}
.section_view.focus_section h2 {
position: relative;
width: 100%;
}
.slider_content {
display: none;
}
.change_makers_slider_image {
display: none;
}
.slide_anim .equation_behind, .slide_anim .anim_line, .slide_anim .slide_img {
display: none;
}
.mobslideContent {
margin: 0 auto;
text-align: center;
z-index: 3;
position: absolute;
top: 20%;
}
.mobslideContent h2 {
line-height: 30px;
font-size: 18px;
text-align: left;
line-height: 44px;
padding: 5px 20px 15px 20px;
text-transform: uppercase;
}
.header_content p {
color: #c7c7c7;
font-size: 14px;
margin: 0px 0px 20px;
padding: 15px 20px 15px 20px;
background: transparent;
position: relative;
text-align: left;
}
.header_content p:before {
display: none;
}
.mobslideContent .aiMobbtb {
background-color: #ef0d33;
display: block;
margin: 0px 20px 15px 20px;
}
.triangle_black {
display: none;
}
.slide_anim {
opacity: .3;
}
.header_content.frontHead::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
/* background: rgba(0, 0, 0, 0.9); */
z-index: 1;
}
.blockchain .aihead_content {
display: none;
}
.slide_anim {
position: absolute;
z-index: 2;
top: 0;
}
.page_link_adjust {
padding: 0px 5% 12% 5%;
}
section.clutch_section {
padding: 0;
height: auto !important;
}
.nsLcardimg {
top: 20px;
}
.newsbutton {
position: relative;
top: 0;
margin: 0 0 20px 0;
/* margin: 0 auto; */
text-align: center;
}
.newspara {
margin: 0 0 20px 0px;
padding: 0;
}
.slide.blockchain {
display: none;
}
.active_slide {
display: block;
/* animation: showSlide 0s forwards; */
}
.accslideInUp {
opacity: 1 !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.case_section .accslideInUp {
animation: none !important;
transform: none !important;
}
.section_view .nwswiper {
animation: none !important;
animation-delay: none !important;
transform: none !important;
}
.section_view .newsSectionR h2 {
animation: none !important;
animation-delay: none !important;
transform: none !important;
}
.section_view .newsSectionL h2 {
animation: none !important;
animation-delay: none !important;
transform: none !important;
}
.section_view .accoladesC {
animation: none !important;
animation-delay: none !important;
transform: none !important;
}
.section_view .client_details_wrap h2 {
animation: none !important;
animation-delay: unset !important;
transform: none !important;
}
.section_view .client_details_wrap p {
animation: none !important;
animation-delay: unset !important;
transform: none !important;
}
.section_view .client_number_wrap h3 {
animation: none !important;
animation-delay: unset !important;
transform: none !important;
}
.section_view.focus_section h2 {
animation: none !important;
animation-delay: unset !important;
transform: none !important;
}
.mobileClients {
display: block;
}
.client_list.active {
display: none;
}
.mobileClients ul li {
text-align: center;
box-sizing: border-box;
background: #fff;
margin: 0 10px 30px 0px;
padding: 0 20px 0 0px;
}
.mobileClients ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.client_list {
display: none;
}
.mobclimgs {
min-width: 150px;
}
.mobclimgs li img {
width: auto;
height: 38px;
line-height: 50px;
padding: 10px 10px 10px 10px;
}
.mobileClients .swiper-pagination-bullet-active {
opacity: 1;
background: #e72d32;
}
.mobileClients .swiper-wrapper {
margin: 0px 0 20px 0;
}
img.forrester {
width: 350px;
}
.partnerBoxContainer {
overflow: hidden;
}
.partnerBoxContainer .swiper-wrapper {
display: flex;
flex-wrap: unset;
}
.partnerBoxContainer .swiper-slide {
/* margin: 4% 1%; */
width: 100% !important;
height: 100%;
position: relative;
margin-right: -0.5%;
}
.partnerBoxContainer .swiper-slide.swiper-slide-next {
margin-left: -8%;
}
.partnerBox {
width: 86%;
height: 160px;
margin: 25px 13px;
}
.parterSmonly {
display: block;
}
.partnerlgOnly {
display: none;
}
.about_top_Two {
height: auto;
padding: 0% 0% 8% 0%;
}
.lifted .pbLogo {
width: 100px;
height: auto;
}
}
@media only screen and (max-width: 672px) {
.menu_icons_wrap a {
width: 30%;
}
}
@media only screen and (max-width: 425px) {
.clutchLeft .clutchLeft-top div h1 {
margin-top: 0px;
}
.playBtn {
width: 40px;
height: 40px;
}
.sevenDiv {
width: 65%;
margin: auto;
}
.videoDiv {
height: 120px;
}
.sevenDiv::before {
font-size: 12px;
}
.value_card {
text-align: left;
width: 85%;
padding: 15px 5px 13px 10%;
}
.valueCards_wrap {
justify-content: center;
}
.abt_topH {
font-size: 22px;
}
.abt_topH::before {
font-size: 45px;
}
.abt_topTwoP1 {
font-size: 14px;
}
.logo {
position: absolute;
display: block;
left: 14px;
}
.menu_btn_wrap {
top: 15px;
right: 15px;
}
.form_col {
width: 100%;
box-sizing: border-box;
padding-right: 30px;
}
.footer_tab {
display: block;
}
.form_col.form_full {
margin-top: 46px;
}
.sub_menu {
right: 130px;
width: 60%;
}
.footer_head h2 {
margin-bottom: 10px;
margin-top: 16px;
font-size: 28px;
}
.footer_tab .tab {
width: 32%;
font-size: 18px;
display: inline-block;
padding: 2px;
box-sizing: border-box;
}
.success p {
width: auto;
}
.success h2 {
width: auto;
}
.section_view.case_section h2 {
animation: none;
}
img.clutch_logo {
display: none;
}
.partnerBox.lifted {
position: relative;
width: 86%;
height: 170px;
transform: unset;
margin: 2% auto;
}
.about_top_Two {
height: auto;
padding: 0% 0% 8% 0%;
}
.teamSectionContainer {
padding: 0;
}
.lifted .pbLogo {
width: 100px;
height: auto;
}
}
@media only screen and (max-width: 380px) {
.rightDiv {
padding: 30% 0 17%;
}
.animationLineDiv {
top: -30px;
}
.videoDiv {
height: 110px;
}
.ringDivOne, .ringDivTwo, .ringDivThree {
width: 120px;
height: 120px;
}
.ringDivTwo {
top: 43%;
left: 18%;
}
.ringDivOne {
top: -14px;
left: 29%;
}
.ringDivThree {
top: 60%;
right: -11%;
}
.abt_topH::before {
font-size: 35px;
}
.abt_topP1 {
padding: 18px 0 0 0;
text-align: justify;
}
.values_wrap {
padding: 23px 0 0 0;
}
.case_section h2 {
margin: 20px 0;
font-size: 44px;
/* padding: 0px 20px; */
}
.section_nav {
display: none;
}
.focus_right {
width: 0px;
display: none;
}
.slider_nav_wrap {
position: absolute !important;
left: 0 !important;
top: 380px !important;
display: inline-block;
margin: 0 auto;
left: 0px;
right: 0px;
justify-content: center;
padding: 0 10px;
}
#nextSlide {
float: right;
}
.frontfullinXs#fullpage {
height: auto;
}
.frontSec1 {
height: auto !important;
}
h4.main_head {
line-height: 30px;
margin-top: 0px;
}
.footer_form_wrap {
display: flex;
flex-wrap: wrap;
padding: 0px 0px 80px 0px;
}
.blockchain .aihead_content .head_cnt {
color: #949191;
font-family: montserrat_light, sans-serif;
margin-top: 24%;
}
.section_view.focus_section h2 {
position: relative;
width: 100%;
}
.slider_content {
display: none;
}
.slide_anim .equation_behind, .slide_anim .anim_line, .slide_anim .slide_img {
display: none;
}
.mobslideContent {
margin: 0 auto;
text-align: center;
z-index: 3;
position: absolute;
top: 20%;
}
.mobslideContent h2 {
font-size: 26px;
/* text-align: center; */
line-height: 44px;
padding: 5px 20px 0px 20px;
text-transform: uppercase;
/* max-width: 250px; */
}
.header_content p {
color: #c7c7c7;
font-size: 12px;
margin: 0px 0px 10px;
padding: 0px 20px 15px 20px;
background: transparent;
position: relative;
/* text-align: center; */
line-height: 21px;
}
.header_content p:before {
display: none;
}
.mobslideContent .aiMobbtb {
background-color: #ef0d33;
}
.triangle_black {
display: none;
}
.slide_anim {
opacity: .3;
}
.header_content.frontHead::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
/* background: rgba(0, 0, 0, 0.9); */
z-index: 1;
}
.blockchain .aihead_content {
display: none;
}
.slide_anim {
position: absolute;
z-index: 2;
top: 0;
}
.newsSectionL .newsHead, .newsSectionR .newsHead {
font-size: 30px;
padding-left: 0;
color: #e5e5e5;
}
.partnerBoxContainer .swiper-slide {
margin: 4% 0%;
}
.lifted .pbLogo {
width: 100px;
height: auto;
}
}
@media only screen and (max-width: 350px) {
.sub_menu {
right: 110px;
width: 62%;
}
img.forrester {
width: 300px;
}
.abt_topH {
font-size: 19px;
}
.videoDiv {
height: 100px;
}
.sevenDiv::before {
font-size: 10px;
}
.rightDiv {
width: 100%;
padding: 30% 0 25%;
}
.partnerBoxContainer .swiper-slide {
margin: 4% 0%;
}
.lifted .pbLogo {
width: 100px;
height: auto;
}
}
@media only screen and (orientation: portrait) and (max-height: 900px) {
.side_logo {
padding: 9% 0px 10%;
}
.side_content {
padding: 0px 0px 2%;
margin: 2% auto 0px;
width: 90%;
}
.book_container {
margin: 2% auto 0px;
padding: 5px 5px 5px 90px;
height: 100px;
width: 320px;
}
.book_container .book_img {
height: 110px;
width: 120px;
}
}
@media only screen and (min-width: 1600px) {
.clutchRight p {
padding: 0;
}
}
.header_background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
/*background animation srart*/
@keyframes move-twink-back {
from {
background-position: 0 0;
}
to {
background-position: -10000px 5000px;
}
}
@-webkit-keyframes move-twink-back {
from {
background-position: 0 0;
}
to {
background-position: -10000px 5000px;
}
}
@-moz-keyframes move-twink-back {
from {
background-position: 0 0;
}
to {
background-position: -10000px 5000px;
}
}
@-ms-keyframes move-twink-back {
from {
background-position: 0 0;
}
to {
background-position: -10000px 5000px;
}
}
.stars, .twinkling {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: block;
}
.stars {
background: #000 url('../images/blockchain_carrot/stars.png') repeat top center;
z-index: 0;
}
.twinkling {
background: transparent url('../images/blockchain_carrot/twinkling.png') repeat top center;
z-index: 1;
-moz-animation: move-twink-back 700s linear infinite;
-ms-animation: move-twink-back 700s linear infinite;
-o-animation: move-twink-back 700s linear infinite;
-webkit-animation: move-twink-back 700s linear infinite;
animation: move-twink-back 700s linear infinite;
}
/*background animation end*/
.change_makers_slider {
display: flex;
}
.slider_content.change_makers_content {
width: 40%;
margin: auto 30px auto 170px !important;
}
.slider_content.change_makers_content h2 {
font-size: 26px;
line-height: 50px;
font-family: 'montserrat_regular';
}
.change_makers_slider_image {
width: 60%;
margin: auto;
z-index: 0;
}
.change_makers_slider .change_makers_content p {
font-size: 12px;
padding: 0px 0px 15px 0px;
opacity: .8;
padding-right: 9%;
}
.change_makers_slider_image img {
width: 64%;
margin-left: 10%;
}
.change_makers_link {
display: flex;
}
.change_makers_link .headbanBtn {
height: unset;
padding: 10px 15px 10px 15px;
text-transform: unset;
letter-spacing: 1px;
border-radius: 6px;
font-family: 'montserrat_light';
}
.change_makers_link .headbanBtn.first-link {
margin-right: 5%;
transition: .5s;
}
.change_makers_link .headbanBtn.first-link:hover {
transform: translatey(-3px);
}
.change_makers_link .headbanBtn.second-link {
background: unset;
border: 1px solid #98192e;
color: #bfbcbc;
transition: .5s;
}
.change_makers_link .headbanBtn.second-link:hover {
transform: translatey(-3px);
}
@media only screen and (max-width: 1450px) {
.change_makers_slider .change_makers_content p {
font-size: 12px;
}
}
@media only screen and (max-width: 1320px) {
.change_makers_slider .change_makers_content p {
/* font-size: 0.769vw; */
padding: 0px 0px 0.96vw 0px;
}
.headbanBtn {
font-size: 1.1vw;
}
.slider_content.change_makers_content {
margin: auto 1.923vw auto 10.897vw !important;
}
.change_makers_link .headbanBtn {
padding: 0.64vw 0.96vw 0.64vw 0.96vw;
}
}
@media only screen and (max-width: 482px) {
.change_makers_slider .mobile-banner-image {
position: absolute;
top: 1%;
z-index: -1;
left: 56%;
}
.change_makers_slider .mobslideContent {
position: relative;
}
.change_makers_link {
padding: 0px 20px 0px 20px;
}
.change_makers_slider .mobslideContent h2 {
line-height: 35px;
font-size: 21px;
padding: 5px 20px 0px 20px;
}
.change_makers_slider .mobslideContent p {
line-height: 28px;
font-size: 13px;
opacity: .7;
}
.headbanBtn {
font-size: 11px;
}
.change_makers_link .headbanBtn {
padding: 7px 12px;
border-radius: 4px;
}
}
@media only screen and (max-width: 350px) {
.change_makers_link .headbanBtn {
padding: 4px 4px;
border-radius: 4px;
font-size: 10px;
}
}
@media only screen and (max-width: 2100px) and (min-width: 2000px) {
/* menu */
.side_content p {
font-size: 0.701vw !important;
line-height: 1.282vw !important;
}
.case_study_wrap {
height: 20.7vw;
margin-top: 1.282vw;
padding: 1.6vw;
}
.case_study_menu .main_head {
padding: 1.923vw 0px 0px 3.2vw;
}
h4.main_head {
font-size: 3.2vw !important;
line-height: 3.846vw !important;
}
.case_study_menu {
height: 47%;
}
.white_paper_menu {
height: 53%;
}
.middle_menu {
height: 102%;
}
.menu_links_wrap>ul {
padding: 0 1.923vw 0px 0px;
}
.menu_links_wrap ul>li>a {
padding: 0.6846vw 0.641vw !important;
font-size: 0.9vw !important;
}
.menu_open .menu_links_wrap ul li ul li {
padding-left: 1.923vw;
}
.menu_links_wrap ul li ul li a {
font-size: 0.641vw;
padding: 0.32vw 0px;
}
.swiper-container#whitepaper_Slider {
padding-top: 4.846vw;
top: -3.846vw;
}
.content_box .sub_title {
font-size: 0.997vw !important;
line-height: 1.3256vw !important;
}
.content_box p {
font-size: 0.8vw;
line-height: 1.3538vw;
min-height: 4.8vw;
max-height: 7.67179vw;
}
.content_box .download_btn {
padding: 0.5564vw 0.32vw 0.5564vw 1.923vw;
font-size: 0.869vw;
width: 7.85128vw;
}
.content_box .download_btn:before {
top: 0.52vw;
left: 0.32vw;
width: 0.96vw;
height: 0.96vw;
}
.image_box {
width: 18.02564vw;
height: 14.21vw;
margin-top: 0.64vw;
}
.content_box{
padding: 1.282vw 1.282vw 1.282vw 12.82vw;
}
.side_logo{
margin: 5% 0%;
}
.side_content p {
font-size: 0.701vw;
line-height: 1.282vw;
}
.side_content{
padding: 9% 0%;
}
}
@media only screen and (max-width: 4000px)and (min-width: 1921px) {
.slider_content.change_makers_content {
margin: auto 1.923vw auto 10.897vw !important;
}
.slider_content.change_makers_content h2 {
font-size: 1.66vw;
line-height: 3.2vw;
}
.change_makers_slider .change_makers_content p {
line-height: 2.2435vw;
font-size: 0.869vw;
padding: 0px 0px 0.96vw 0px;
}
.change_makers_link .headbanBtn {
padding: 1.24vw 1vw 1.24vw 1vw;
letter-spacing: 0.064vw;
border-radius: 0.3846vw;
font-size: 0.869vw;
}
.change_makers_link .headbanBtn.second-link {
border: 0.064vw solid #98192e;
}
}