/*
@File: Groots Template Styles
*/
/*================================================
Default CSS
=================================================*/
:root {
--para-color: #4A4A4A;
--heading-text-color: #161c2d;
--mainheading-text-color: #4A4A4A;
--subheading-text-color: #4A4A4A;
--primary-color: #3C71EA;
--secondary-color: #3CC48F;
--third-color: #4A00E0;
--fourth-color: #D80075;
--submenu-bg-color:#D8E3FB;
--primary-bg-color: #032b8d;
--white: #fff;
--black: #000;
--bluecard-bg:#F1F5FF;
--aquacard-bg:rgba(210,253,235,0.5);
--btn-bg-color: var(--primary-color);
--btn-bg-hover-color: #BDE3FF;
--highlight-color: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
--menuback-primary:#d1ddfa;
--span-color:#6c757d;
--primary-font-family: "Poppins",'Arial';
/* --secondary-font-family:"Open Sans", sans-serif;*/
--footer-text-color: #5e5e5e;
--primary-five-light: #d1ddfa;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth;
}
}*/
/*new code */
h1, h2, h3, h4, h5, h5,h6{
font-family: 'Poppins', Arial; /* Heading tags use Poppins */
color: #292e33;
font-weight: 600;/*semibold*/
}
/* span{
color: #292e33;
} */
button, input, optgroup, select, textarea,label {
font-family: var(--primary-font-family)!important;
color: var(--para-color)!important;
}
.poppins-medium {
font-family: "Poppins", Arial;
font-weight: 500;
font-style: normal;
}
body {
font-family: 'Poppins', Arial !important; /* Heading tags use Poppins */
font-size: 1rem;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype'),
url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
#hero .section-title h1 {
font-family: 'Gilroy', sans-serif !important;
font-size: 3rem;
font-weight: bolder;
text-align: left;
margin-bottom: 10px;
color: var(--mainheading-text-color);
line-height: 1.5;
}
#hero .homepage-section .section-title h1{
text-align: center;
font-size: 3rem;
font-weight: bolder;
}
#hero .section-title p {
font-family: 'Gilroy', sans-serif !important;
font-size: 1.125rem;
line-height: 1.5;
}
#popup {
display: none;
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#overlaypopup {
display: flex;
align-items: center;
justify-content: center;
/* height: 100vh; */
position: fixed;
top: 230px;
left: 330px;
width: 50%;
height: 20%;
/* background-color: rgba(0, 0, 0, 0.5); */
z-index: 999;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
}
#closeBtn {
cursor: pointer;
float: right;
font-size: 1.25rem;
font-weight: 500;
}
#hero #website-maintenance .center-image {
width: 355px !important;
}
.rap-data{
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.whatsapp_float {
position: fixed;
width: 36px;
height: 36px;
padding: 8px 8px !important;
bottom: 85px;
right: 7px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
margin-top: 4px;
text-align: center;
font-size: 35px;
z-index: 100;
line-height: normal;
}
/* background color */
.bg-f0f4fd {
background-color: #f0f4fd;
}
.bg-f0f4fd91{
background-color: #f0f4fd91;
}
.bg-f7fafd {
background-color: #f7fafd;
}
.bg-f8f9fb {
background-color: #f8f9fb;
}
.bg-f9fafb5e {
background-color: #f9fafb8e;
}
.bluish-gray {
background-color: #abb8c3;
}
.bg-f9f6f6 {
background-color: #f9f6f6;
}
.bg-f9fafb {
background-color: #f9fafb;
}
.bg-0f054b {
background-color: #0f054b;
}
.bg-4a00e0 {
background-color: #08001a;
}
.bg-032b8d {
background-color: var(--primary-bg-color);
}
img {
max-width: 100%;
}
p {
font-size: 1rem;
color: var(--para-color);
font-weight: 400;
font-family: var(--primary-font-family);
margin: 1rem 0; /* Margin above and below paragraphs */
line-height: 1.5; /* Line height for paragraphs */
/* letter-spacing: 0.02em;*/
}
/* .text-justify{
text-align: justify;
} */
a {
color: var(--primary-color);
display: inline-block;
-webkit-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
outline: 0 !important;
font-family: var(--primary-font-family);
}
a:hover,
a:focus {
color: var(--primary-color);
text-decoration: none;
}
.ml-auto {
margin-left: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.d-table {
width: 100%;
height: 100%;
}
.d-table-cell {
vertical-align: middle;
}
p:last-child {
margin-bottom: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--mainheading-text-color);
font-family: var(--primary-font-family);
}
/*h1 {
font-size: 2.5rem;
}*/
h1 {
font-size: 2.25rem;
font-weight:500;
}
h2 {
font-size: 2.25rem;
font-weight:500;
}
h3 {
font-size: 1.875rem;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.125rem;
}
ol, ul,li {
list-style: none;
/* padding: 0;
margin: 0; */
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.pl-2,
.px-2 {
padding-left: 2rem !important;
}
:focus {
outline: 0 !important;
}
.ptb-80 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pt-80{
padding-top:5rem;
}
.pb-80{
padding-bottom:5rem;
}
/*.mtt-6{
margin-top:4rem;
}
.mt-10{
margin-top: 0.625rem;
}
.mb-10{
margin-bottom: 0.625rem;
}*/
.text-gradient{
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.bg-eef6fd {
background-color: #eef6fd;
}
.section-title-benefits {
display: flex;
align-items: center; /* Align items vertically */
margin-bottom: 20px; /* Add space below the section title */
}
.dash-benefits {
flex-grow: 1; /* Allow the dashes to grow and take up available space */
height: 0.5px;
background-color:#545454; /* Color of the dashes */
/* margin: 0 10px; Add space between the dashes and text */
}
.benefits-img{
width: 70px;
height:70px;
}
.title-text-benefits {
font-weight: 500;
font-size: 1rem;
color: #ffffff;
padding: 10px 15px;
border-radius: 25px;
/* text-transform: uppercase; */
letter-spacing: 2px;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
#hero #about-us-page .section-title h1 {
font-size: 2.875rem !important;
}
#hero #about-us-page .section-title p{
font-size: 1.125rem !important;
}
.btn-primary-five {
color: var(--white);
border-radius: 0;
position: relative;
z-index: 1;
display: inline-flex;
justify-content: center;
white-space: nowrap;
background: 0 0;
transition: .5s;
border-radius: 5px;
overflow: hidden;
background: var(--third-color);
}
.btn-primary-five:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: .5s;
z-index: -1;
}
.eg-btn {
outline: 0;
border: none;
text-align: center;
display: inline-flex;
text-decoration: none;
transition: .45s ease-in-out;
text-transform: capitalize;
cursor: pointer;
font-family: var(--primary-font-family);
}
.btn--lg {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding: 12px 35px;
}
.btn-primary-five:hover {
color: var(--white);
}
.btn-primary-five:hover:before {
width: 0;
}
.btn-primary {
color: var(--white);
border: 1px solid var(--primary-color);
background: var(--primary-color);
background-clip: padding-box;
border-radius: 50px;
position: relative;
overflow: hidden;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: var(--para-color);
background: #BDE3FF !important;
-webkit-text-fill-color: var(--para-color);
}
.feature-btn{
margin-top: 10px;
}
.btn{
display:inline !important;
font-weight: 500;
font-size: 16px;
padding: 10px 24px !important;
position: relative;
border-radius:3.25rem !important;
}
.btn:hover {
font-weight: 500;
border: none;
border-radius: 50px;
}
.btn:first-child:active{
border-color: #BDE3FF !important;
}
.btn::after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 0;
background: var(--btn-bg-hover-color);
color: var(--white);
z-index: -1;
border-radius: 50px;
}
.btn::after {
left: 0;
border-radius: 50px;
}
.btn:hover::after {
width: 100%;
}
.bar {
height: 5px;
width: 90px;
background: #d1ddfa;
margin: 20px auto;
position: relative;
border-radius: 30px;
}
.bar::before {
content: "";
position: absolute;
left: 0;
top: -2.7px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #3c71ea;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG;
}
.features-area-two .section-title {
text-align: left !important;
}
@keyframes MOVE-BG {
from {
transform: translateX(0);
}
to {
transform: translateX(88px);
}
}
.dropdown .btn-primary {
padding-left: 10px;
color: var(--white) !important;
}
.disabled-link {
pointer-events: none;
cursor: not-allowed;
color: gray;
text-decoration: none;
}
.ab-brand-item img {
box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.04);
border-radius: 8px;
}
.mb-25 {
margin-bottom: 25px;
}
/*benefits span*/
.benefits{
display: block;
text-align: center !important;
margin-top:0px;
font-weight:600;
}
/*=============================
Our Work Section
======================*/
#our-work-slider .team-content img {
display: block;
height: 538px !important;
width: 262px !important;
}
#our-work-conclusion .section-title p {
max-width: 1500px !important;
margin: 0 auto;
}
.our-work-bg{
height: 550px!important;
background-size: cover;
}
.our-work-section .work-card{
box-shadow: 0 3px 10px #006eff4d;
border-radius: 15px;
width: 540px;
margin:15px;
height: 280px;
border-radius: 15px;
position: relative;
display: inline-block;
float: none;
/* border: 1px solid rgba(198,198,198,0.4); */
}
.commonbg-casestudy {
z-index: 1;
border-radius: 15px;
width: 50%;
margin-left: -12px;
height: 100%;
}
.casestudy-desc {
float: right;
width: 382px;
height: 280px;
padding: 25px;
border-radius: 16px 15px 15px 16px/15px;
background-color: #fff;
-webkit-box-shadow: -13px 1px 8px rgba(0,0,0,.18);
box-shadow: -13px 1px 8px rgba(0,0,0,.18);
border: solid 0 rgba(198,198,198,.4);
text-align: left;
}
.work-logo {
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
width: 162px;
height: 65px;
}
.casestudy-desc p {
color: var(--para-color);
font-size: 16px;
line-height: 24px;
padding-top: 0;
margin-bottom: 6px;
}
.casestudy-desc i{
font-size:14px;
}
.content-section {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
border-radius: 15px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.banner-section-portfolio {
position: relative;
overflow: hidden;
height: 90vh;
height: 100%;
z-index: 1;
padding: 60px 0;
/* background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%); */
/* background-image: url(../img/banner-one-bg.svg); */
background-repeat: no-repeat;
/* background-size: contain; */
background-size: cover;
}
.work-card-portfolio {
position: relative;
/* width: 300px;*/
/* height: 200px; */
border-radius: 15px;
overflow: hidden;
background-color: white;
box-shadow: 0 3px 10px #006eff4d;
border-radius: 15px;
background: transparent;
padding:1.5rem;
background-image: linear-gradient(90deg, white, white), linear-gradient(356deg, #3D71EB, #3BC490);
background-clip: padding-box, border-box;
background-origin: border-box;
border: 2px solid transparent;
}
.work-card-services-row{
display: flex;
align-content: center;
justify-content: center;
}
.work-card-services {
/* position: relative; */
width: 95%;
margin: 10px;
/* position: relative; */
padding: 10px;
text-align: center;
border-radius: 25px;
border: 1px solid #b5aaaaf5;
box-shadow: 0 3px 3px #006eff4d;
}
.section-second-pd{
padding: 0px 10px 25px 35px;
}
.key-points {
list-style-type: none;
padding: 0;
}
.key-points li {
margin: 10px 20px 10px 0px !important;
position: relative;
padding-left: 20px;
}
.key-points li::before {
content: "\2022"; /* Bullet character */
position: absolute;
left: 0;
color: #3D71EB; /* Bullet color */
font-size: 20px;
line-height: 1.2;
}
/*================================================
Main Hero Banner Section
=================================================*/
#hero .homepage-section{
display: flex;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 auto;
}
#hero .homepage-section .banner-section-para {
text-align: center;
margin: 25px 0px 0px 0px !important;
}
/*#hero .homepage-section .section-title p {
max-width: 800px;
}*/
.homebanner-btn{
font-size: 1rem;
font-weight:400;
border: 1px solid var(--primary-font-family);
background: #D4FEEC;
padding: 10px 24px;
position: relative;
border-radius: 50px;
color: var(--mainheading-text-color);
}
.service-features-list .service-item{
padding: 5px 10px;
margin: 5px 0;
font-family: var(--primary-font-family);
font-weight:500;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: transparent; /* Hide text color */
-webkit-background-clip: text; /* Apply background to text */
background-clip: text; /* Apply background to text */
}
.service-item span{
color: var(--para-color);
}
/* Ensure the content and button are in the same row */
/* Ensure the content and button are in the same row */
.service-six-content {
justify-content: space-between; /* This will place the button at the end */
align-items: center; /* Aligns content vertically */
}
/* Style for the Explore More link */
.explore-more {
font-size: 16px;
text-decoration: none; /* No underline */
color: #007bff; /* Default color for the link (primary color) */
transition: color 0.3s ease, transform 0.3s ease; /* Add transition effect */
}
/* Hover state for the Explore More link */
.explore-more:hover {
color: #0056b3; /* Change color on hover */
transform: translateX(5px); /* Smoothly move the button to the right */
}
/* Focus state to remove any default underline on click or focus */
.explore-more:focus {
outline: none; /* Removes the default outline */
color: #0056b3; /* Keeps the color on focus */
transform: translateX(5px); /* Apply the same hover effect on focus */
}
.explore-more::after {
content: "\f061"; /* Unicode for Font Awesome right arrow */
font-family: "Font Awesome 6 Free"; /* Font Awesome font family */
font-weight: 900; /* Solid style */
font-size: 16px; /* Adjust the size as needed */
margin-left: 8px; /* Add space between text and icon */
color: inherit; /* Matches the text color */
display: inline-block; /* Ensures proper alignment */
}
#hero .partner-logos {
/*display: inline-flex;*/
align-items: center;
/*justify-content: space-between;*/
background-color: #fff;
padding: 14px 25px;
border-radius: 60px;
margin-top: 10px;
}
#hero .banner-button {
background: linear-gradient(to right, #a223d1, #4631ce);
border: none;
transition-duration: 0.5s;
transition-timing-function: ease;
border-radius: 50px;
color: #fff;
font-weight: 500;
font-size: 16px;
padding: 10px 24px;
text-align: left;
/* margin-left: 30px; */
}
#hero .banner-button:hover {
transform: translate(0, -5px);
/* box-shadow: 0px 0px 25px black; */
border: 1px solid #FFF !important;
background: none;
z-index: -1;
border-radius: 50px;
color: #fff;
font-weight: 500;
font-size: 16px;
/* border: none; */
padding: 10px 24px;
}
#hero h6{
color: #fff;
}
#hero .services-right-image img:nth-child(1) {
left: 40%;
top: 0px;
z-index: 1;
}
#hero .pt-logo {
display: inline-block;
padding-right: 20px;
margin-right: 10px;
margin-left: 10px;
position: relative;
}
#hero .partner-logos .pt-logo img {
max-width: 100px;
height: auto;
width: auto;
}
#hero .pt-logo-line::after {
content: "";
display: inline-block;
position: absolute;
right: 0;
background: #e1e1e1;
border-radius: 3px;
width: 2px;
height: 100%;
}
.dot {
position: absolute;
margin-top: -5px;
margin-left: 15px;
}
/* .circle-container {
width: 20px;
height: 20px;
position: relative;
} */
.circle {
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
animation-name: bounce;
animation-duration: 1s;
animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
animation-iteration-count: infinite;
}
.circle:nth-child(1) {
left: 0;
animation-delay: -0.6s;
}
.circle:nth-child(2) {
left: 15px;
animation-delay: -0.45s;
}
.circle:nth-child(3) {
left: 30px;
animation-delay: -0.3s;
}
@keyframes bounce {
0% {
top: 20px;
}
30% {
top: 0;
}
60% {
top: 20px;
}
100% {
top: 20px;
}
}
@media only screen and (max-width: 1366px){
.contact-form {
top: auto;
width: 100%;
}}
@media only screen and (max-width: 1980px){
.contact-form {
width: 100%;
}
}
#hero .bg-image {
width: 100%;
height: auto;
}
#hero .center-image {
/* position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); */
width: 450px;
position: absolute;
top: 44%;
left: 48%;
transform: translate(-50%, -9%);
}
#hero .center-image1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*#hero .section-title {
margin-left: 10px;
margin-right: 25px;
text-align: left;
}*/
.contact-form {
background: #fff;
padding: 20px 25px;
position: relative;
/*border-radius: 10px;*/
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
width: 100%;
}
/*.want-head {
border-radius:15px;
padding: 10px 36px;
font-weight: 600;
font-size:25px;
color: #ffffff;
line-height: 1.5;
background-color:var(--primary-color)
}*/
.form-title{
color:var(--primary-color);
}
.contact-form .form-group{
margin: 10px;
}
.contact-form .want-head span {
color: #1a3ad6;
font-weight: 600;
}
.contact-mechanism-form {
padding: 5% 5% 0% 5%;
}
/* input.hs-input.error:focus, div.field.error input:focus, div.field.error textarea:focus, div.field.error .chzn-choices:focus, textarea.hs-input.error:focus, select.hs-input.error:focus {
border-color: #b9554d;
} */
.contact-form .hs-input:focus {
outline: 0 none;
/* border-color: #1a3ad6;*/
}
.contact-form .hs-input {
padding: 15px;
width: 100%;
height: 50px;
/* background: #f4f6ff;*/
border: 1px solid rgb(74 74 74 / 30%);
border-radius: 4px;
color: var(--para-color);
font-family: var(--primary-font-family);
font-weight: 500;
font-size: 14px;
line-height: 150%;
letter-spacing: .02em;
}
.hs-input {
display: inline-block;
width: 90%;
/*max-width: 500px;*/
height: 40px;
padding: 9px 10px;
font-family: var(--primary-font-family);
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: var(--para-color);
border: 1px solid #cbd6e2;
box-sizing: border-box;
border-radius: 3px;
}
#careerFrm .form-control {
padding-left: 1.375rem;
}
#careerFrm label{
display:block;
width:100%;
font-size:1rem;
color: var(--para-color) ;
font-family: var(--primary-font-family) !important;
border-radius: 0;
transition: .5s ease;
resize:vertical;
outline: 0;
border: none;
margin:0px 0 .5em;
}
.form-control:focus {
/* color: var(--bs-body-color); */
/* background-color: var(--bs-body-bg); */
border-color: unset !important;
/* outline: 0; */
/* box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); */
}
.form-control {
padding-left: 2.375rem;
}
.form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #3c71ea;
}
/* End registration form*/
.service-features-list {
max-width: 100%;
margin: 30px 20px 30px 0px;
}
@media (min-width: 768px){
.mx-md-0 {
margin-right: 0!important;
margin-left: 0!important;
}
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important;
}
.banner-arrow {
position: absolute;
left: 6%;
bottom: 50px;
z-index: 9;
width: 200px;
}
.justify-content-between {
justify-content: space-between !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.d-flex {
display: flex !important;
}
.banner-section {
position: relative;
overflow: hidden;
/* height: 120vh; */
/* height: 100%; */
z-index: 1;
padding: 50px 0;
}
.banner-section .banner-shape1 {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.banner-section .banner-shape2 {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
.banner-section .banner-shape3 {
position: absolute;
left: 37%;
top: 20%;
z-index: 0;
}
.banner-section .banner-shape4 {
position: absolute;
left: 7%;
top: 20%;
z-index: 0;
}
.banner-section .banner-shape5 {
position: absolute;
left: 5%;
top: 40%;
z-index: 0;
}
.banner-section .banner-shape6 {
position: absolute;
left: 29%;
bottom: 15%;
z-index: 0;
}
/*#hero .section-title h1 {
font-family: var(--primary-font-family);
font-size: 36px;
font-weight: 500;
text-align: left;
margin-bottom: 10px;
color: var(--mainheading-text-color);
line-height: 1.5;
}*/
.banner-section-para {
text-align: left;
color: var(--subheading-text-color);
margin: 20px 0px !important;
font-size: 1rem;
font-weight:400;
}
/*.page-title{
background: linear-gradient(to right, #2E2E2E, #ff7e5f, #feb47b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}*/
.banner-image {
position: relative;
}
#hero {
height:auto;
z-index: -1;
background: rgb(255,255,255);
background: linear-gradient(88deg, rgba(255,255,255,1) 28%, rgba(237,244,251,1) 90%, rgba(230,239,255,1) 100%);
background-repeat: no-repeat;
background-size: cover;
}
#hero .container-fluid {
padding-right: 0;
padding-left: 0;
}
.banner-center-text{
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
align-content: space-between;
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.section-bg {
background-color: var(--white);
}
.section-title h2 {
font-size: 2.25rem;
position: relative;
color: var(--heading-text-color);
}
/*.section-title p {
max-width: 660px;
margin: 0 auto;
}
*/
/*================================================
Topbar icon style
===============================================*/
.border-bottom {
border-bottom: 1px solid #3d3d3d; /* Adjust color and thickness as needed */
}
.whats-app{
font-size:24px;
padding-top: 2px
}
.hidden {
display: none !important;
}
#topbar{
font-size: 14px;
}
.topbar1{
position: fixed;
top: 0;
width: 100%;
background-color: #f8d7da;
color: #721c24;
padding: 10px 20px;
z-index: 1000;}
.topbar-social a{
font-size:16px;
color: var(--heading-text-color);
}
.topbar-social a:hover {
color: #3C71EA;
}
.rounded-svg {
border: 1px solid #3d3d3d; /* Default border color */
border-radius: 50%;
padding: 4px;
display: inline-block;
transition: border-color 0.3s ease; /* Add transition for smooth effect */
}
.rounded-svg:hover {
border-color: #3C71EA; /* Change border color on hover */
}
#close-btn {
display: none;
}
/* Initial state of the container */
#close-btn:not(:checked) ~ .fluid-container {
display: block;
}
/* When the checkbox is checked, hide the container */
#close-btn:checked ~ .fluid-container {
display: none;
}
/* Hover effect for links to change text color to muted */
.close-link:hover {
color: #f6f6f6; /* Bootstrap's text-muted color */
}
/* Style adjustments for links */
.close-link {
color: white;
font-size: 14px;
text-decoration: none;
}
.close-link u {
padding-left: 15px;
}
/* Style for the close button */
.close-button {
position: absolute;
top: 10px;
right: 10px;
color: white;
border: 1px solid white;
border-radius: 50%;
font-size: 16px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
}
.container {
position: relative;
}
.close-button:hover {
color: black;
border-color: black;
}
/*================================================
Shape CSS
=================================================*/
.shape1 {
position: absolute;
top: 20%;
z-index: -1;
left: 30px;
-webkit-animation: rotate3d 4s linear infinite;
animation: rotate3d 4s linear infinite;
opacity: 0.4;
}
.shape2 {
position: absolute;
z-index: -1;
top: 60%;
left: 15%;
}
.shape3 {
position: absolute;
left: 25%;
bottom: 15%;
z-index: -1;
-webkit-animation: animationFramesOne 15s infinite linear;
animation: animationFramesOne 15s infinite linear;
}
.shape4 {
position: absolute;
right: 25%;
bottom: 15%;
z-index: -1;
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
.shape5 {
position: absolute;
right: 5%;
top: 10%;
z-index: -1;
-webkit-animation: movebounce 5s linear infinite;
animation: movebounce 5s linear infinite;
opacity: 0.2;
}
.shape6 {
position: absolute;
z-index: -1;
top: 40%;
right: 10%;
}
.shape7 {
position: absolute;
left: 25%;
top: 15%;
z-index: -1;
-webkit-animation: animationFramesOne 20s infinite linear;
animation: animationFramesOne 20s infinite linear;
}
.shape8 {
position: absolute;
z-index: -1;
top: 15%;
right: 10%;
}
@-webkit-keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate3d {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes rotate3d {
0% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
/*================================================
About Us Section
=================================================*/
.about-content .section-title .bar {
margin-right: 0;
margin-left: 0;
}
#join-our-team .cta-right {
background: #fff2f9;
}
.about-content .section-title{
text-align: start;
}
.about-content .section-title {
margin-bottom: 18px;
}
.about-content .section-title p {
margin-bottom: 30px;
}
/* .section-title.style-two span {
padding-left: 15px;
} */
.about-content .section-title.style-two span:before {
left: 0;
}
.hiirrng h5 span{
color:#ffffff !important;
font-weight:600;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
background-clip: text !important;
background: linear-gradient(45deg, #ffffff, #ffffff 80%);
}
span {
font-weight:500;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.nav-item:nth-child(1) .service-number {
background: #FFD4EE; /* Light green */
}
.nav-item:nth-child(2) .service-number {
background: #FFE4C4; /* Light orange */
}
.nav-item:nth-child(3) .service-number {
background: #D4E3FE; /* Light blue */
}
.service-number {
font-size: 1rem;
font-weight: 400;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
color: var(--mainheading-text-color);
}
.service-number h5{
font-size:18px;
font-weight:600;
display: flex;
justify-content: space-around;
align-items: center;
justify-content: center;
margin-bottom:0px;
}
/* Active State Styling */
.nav-item .nav-link.active .service-number {
color: #fff; /* White text for active state */
border-color: var(--primary-color); /* Match border with active background */
}
.nav-item .nav-link.active h5 {
color: var(--primary-color) !important; /* Change text color in the active tab */
}
/* Optional Hover Effect */
.nav-link:hover .service-number {
background: rgba(0, 0, 0, 0.15); /* Subtle hover effect */
color: var(--mainheading-text-color);
}
.home-services h5{
font-size:18px;
padding: 0px 20px;
font-weight:500;
margin-bottom: 0px;
}
/* Hover Effect on the Entire Nav Link */
.nav-item .nav-link:hover .home-services h5 {
font-Weight:600;
}
/* Active Effect */
.nav-item .nav-link.active .home-services h5 {
font-Weight:600;
color: var(--primary-color); /* Change to primary font color when active */
}
/* Optional: Add a Hover Effect to the Entire Nav Link */
.nav-link:hover {
text-decoration: none; /* Remove underline if any */
color: inherit; /* Prevent text from changing unexpectedly */
}
.section-title>span {
position: relative;
display: inline-block;
font-size: 22px;
font-weight: 500;
/*color: var(--heading-text-color);*/
font-family: var(--primary-font-family);
margin-bottom: 5px;
}
.about-five-image {
position: relative;
text-align: center;
z-index: 1;
margin-bottom: 30px;
}
.about-five-image:before {
content: "";
position: absolute;
left: -10px;
top: 0;
background-color: var(--third-color-light);
width: 50px;
height: 100%;
z-index: -1;
}
.about-five-image .about-five-quote {
background-color: #f0f4fd;
padding: 40px;
position: absolute;
bottom: -30px;
left: -50px;
width: 100%;
max-width: 460px;
}
.about-five-image .about-five-quote:before {
content: "";
position: absolute;
left: 0;
top: 0;
background: linear-gradient(45deg, var(--secondary-color), var(--primary-color) 80%);
width: 5px;
height: 100%;
}
.about-five-image .about-five-quote h4 {
display: inline-block;
font-size: 24px;
margin-bottom: 0;
line-height: 1.45;
}
.about-five-image .about-five-quote h4 span.solid-line {
display: inline-block;
width: 130px;
height: 1px;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.about-five-image .about-five-quote:after {
content: url('data:image/svg+xml,<svg width="54" height="38" viewBox="0 0 54 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4556 25.0058L10.6774 24.4444L10.0846 24.3309C4.51108 23.2642 0.5 18.2873 0.5 12.5956C0.5 9.18078 1.93983 5.90436 4.45712 3.61194C6.97468 1.33733 10.3664 0.216684 13.7754 0.561309C19.9014 1.19704 24.6504 6.77506 24.5303 13.304C24.3633 21.9545 21.2667 27.5896 17.5964 31.2547C13.9142 34.9317 9.625 36.6542 7.04855 37.4126L7.03439 37.4168L7.0205 37.4218C6.85118 37.4827 6.66908 37.5 6.44038 37.5C5.71618 37.5 5.05679 37.1539 4.65077 36.5119L4.64955 36.51C4.12886 35.6949 4.21329 34.6457 4.85436 33.9126L4.8544 33.9125C7.36515 31.0405 9.25375 28.0479 10.4556 25.0058Z" stroke="url(%23paint0_linear_750_22)"/><path d="M39.4255 25.0058L39.6472 24.4444L39.0544 24.3309C33.4808 23.2642 29.4697 18.2873 29.4697 12.5956C29.4697 9.18081 30.9095 5.90442 33.4269 3.612C35.9446 1.33712 39.3363 0.216805 42.727 0.561273C48.8039 1.19726 53.4999 6.63782 53.4999 13.0624V13.3088C53.3318 21.9565 50.2357 27.5903 46.5662 31.2547C42.884 34.9317 38.5948 36.6542 36.0183 37.4126L36.0041 37.4168L35.9902 37.4218C35.8209 37.4827 35.6388 37.5 35.4102 37.5C34.686 37.5 34.0265 37.1539 33.6206 36.5119L33.6194 36.5099C33.0986 35.6948 33.183 34.6457 33.8241 33.9126L33.8241 33.9125C36.3349 31.0405 38.2235 28.0479 39.4255 25.0058Z" stroke="url(%23paint1_linear_750_22)"/><defs><linearGradient id="paint0_linear_750_22" x1="12.5162" y1="0" x2="12.5162" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="%234A00E0"/><stop offset="1" stop-color="%23D80075"/></linearGradient><linearGradient id="paint1_linear_750_22" x1="41.4848" y1="0" x2="41.4848" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="%234A00E0"/><stop offset="1" stop-color="%23D80075"/></linearGradient></defs></svg>');
position: absolute;
right: 20px;
bottom: 20px;
width: 60px;
height: 40px;
}
/*================================================
Our Services Section
=================================================*/
.srv-img-center{
display: flex;
justify-content: center;
}
.section-title-seven {
margin-top: -6px;
}
.section-title-seven span {
position: relative;
display: inline-block;
font-size: 20px;
font-weight: 500;
color: var(--text-primary);
font-family: var(--primary-font-family);
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.service-six-content h4{
padding: 0px 10px 0px;
}
.section-title-seven span:before {
left: 0;
}
.section-title-seven span:after {
right: 0;
}
.section-title-seven h2 {
font-size: 58px;
margin-bottom: 0;
line-height: 1.3;
}
.section-title-seven h3 {
font-size: 28px;
margin-bottom: 0;
font-weight: 500;
}
.section-title-small {
text-align: center;
margin-bottom: 60px;
}
.section-title-small h5 {
font-size: 20px;
color: var(--text-primary);
font-weight: 500;
position: relative;
display: inline-block;
}
.section-title-small h5:after {
content: "";
width: 140px;
height: 1px;
background-color: var(--primary-one);
position: absolute;
right: -155px;
top: 50%;
transform: translateY(-50%);
}
.section-title-small h5:before {
content: "";
width: 140px;
height: 1px;
background-color: var(--primary-one);
position: absolute;
left: -155px;
top: 50%;
transform: translateY(-50%);
}
.section-title-small-two {
text-align: start;
margin-bottom: 20px;
}
.section-title-small-two.style-white h5 {
color: var(--white);
}
.section-title-small-two h5 {
font-size: 20px;
color: var(--text-primary);
font-weight: 500;
position: relative;
display: inline-block;
}
.section-title-small-two h5:after {
content: "";
width: 110px;
height: 1px;
background-color: var(--primary-one);
position: absolute;
right: -155px;
top: 50%;
transform: translateY(-50%);
}
.service-six-single {
position: relative;
background: #fff;
border-radius: 10px;
transition: .5s;
padding: 30px 25px;
grid-gap: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08);
}
.service-six-single:hover {
transform: translateY(-10px);
}
.service-six-single .service-two-icon {
display: flex;
flex-direction: column;
align-items: inherit;
}
.service-six-single .service-two-icon>img {
width: 2rem;
height: 2rem;
}
.service-six-single .service-two-icon>span {
background-color: #55e393;
opacity: .5;
width: 1px;
height: 35px;
margin: 8px auto;
display: inline-block;
}
.service-six-single .service-two-icon .serial-number {
text-align: center;
font-size: 20px;
font-weight: 600;
color: transparent;
/* -webkit-text-stroke: 1px #ff7f18; */
-webkit-text-stroke: 1px var(--primary-color);
-webkit-text-fill-color: transparent;
}
.service-six-single .service-six-content h4 {
font-size: 18px;
font-weight: 600;
margin:0px;
}
.display-oneline {
display: flex;
align-content: stretch;
}
.service-six-single .service-six-content a {
color: var(--text-primary);
}
/*.service-six-single .service-six-content p {
font-weight: 500;
height: 60%;
}
*/
.explore-button:hover a {
color: var(--white);
font-weight: 600;
}
.explore-button:hover img {
transform: scale(1.05);
}
.service-six-single .service-six-content .explore-button a {
font-size: 16px;
font-weight: 600;
color: var(--white);
transition: .5s ease;
}
.explore-button a img {
transition: .5s ease;
margin-right: 5px;
}
.explore-button.style-two a {
font-size: 16px;
font-weight: 600;
}
.explore-button.with-border {
position: relative;
z-index: 1;
}
.explore-button.with-border:after {
content: "";
width: 60%;
max-width: 400px;
height: 1px;
background-color: var(--border-color);
position: absolute;
right: 0;
top: 16px;
z-index: -1;
}
.service-detials-image {
position: relative;
margin-bottom: 90px;
}
.service-detials-image .service-details-vector {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -68px;
}
.service-details-content .sub-title {
font-size: 32px;
margin-bottom: 35px;
font-weight: 600;
}
.title {
font-size: 36px;
margin-bottom: 20px;
}
.service-list {
list-style: none;
padding: 0;
margin: 10px 0 0;
}
.service-list li {
font-size: 18px;
font-weight: 500;
color: var(--text-secondary);
position: relative;
padding-left: 22px;
margin-bottom: 10px;
}
.service-list li:last-child {
margin-bottom: 0;
}
/*
.service-list li:before {
content: url(/_next/static/media/check-icon.75e00baa.svg);
position: absolute;
left: 0;
top: 0;
} */
.service-list-image img {
height: 180px;
object-fit: cover;
}
.nav-style-two {
border-bottom: none;
flex-wrap: nowrap;
margin-bottom: 20px;
gap: 10px;
}
.nav-style-two .nav-link {
font-size: 1.25rem;
font-weight: 500;
color: var(--heading-text-color);
font-family: var(--primary-font-family);
opacity: 1;
padding-top: 0;
transition: .45s ease;
}
.nav-style-two .nav-link .serial-number {
font-size: 1.125rem;
color: var(--heading-text-color);
font-weight: 500;
padding-right: 25px;
position: relative;
transition: .45s ease;
background: aliceblue;
padding: 15px;
border-radius: 100px;
margin-right:10px;
}
.sr-no1{
background: #D4FEEC;
border-radius: 100%;
}
.nav-style-two .nav-link.active .serial-number {
color: var(--primary-color);
}
.nav-style-two .nav-link:hover {
opacity: 1;
border: 1px solid transparent;
}
.nav-style-two .nav-link.active {
opacity: 1;
border: 1px solid transparent;
background: transparent;
font-weight: 500;
color: var(--heading-text-color);
font-family: var(--primary-font-family);
}
/*==============================================
Our SAAS Platform Section
==================================================*/
#gmetrics-product .section-title>span {
font-size: 1.75rem;
font-weight: 600;
display: flex;
/* flex-direction: row; */
align-items: center;
justify-content: flex-start;
margin-left: 5px;
}
#gmetrics-product ul {
box-shadow: 0 8px 32px #002dc71f;
border-radius: 10px;
max-width: 1200px;
width: 100%;
margin-bottom: 30px;
padding: 28px 20px;
display: flex;
/* justify-content: space-between; */
}
#gmetrics-product .section-title>span:after, .section-title>span:before {
display: none;
}
#gmetrics-product ul li {
display: inline-block;
text-align:center;
margin: 10px;
flex-direction: column;
}
#gmetrics-product .section-title h2 {
text-align: start;
}
#gmetrics-product ul li span {
font-size: 25px;
/* line-height: 56px; */
color: var(--third-color);
/* margin-right: 30px; */
/* height: 50px; */
/* width: 80px; */
font-weight: 600;
display: flex;
/* flex-wrap: nowrap; */
align-content: center;
justify-content: center;
align-items: center;
}
#gmetrics-product ul li p {
color:var(--para-color);
font-size: 16px;
/* line-height: 28px; */
font-family: var(--primary-font-family);
font-weight: 500;
max-width: 210px;
text-align: center;
}
/*================================================
Our Product Section
=================================================*/
.justify-content-center {
justify-content: center !important;
}
.mobile-center {
text-align: center;
display: flex;
}
.feature-three-single {
width: 100%;
width: 265px;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 300px;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
}
.feature-three-single .circle-break {
position: absolute;
left: 0;
top: 21px;
right: 0;
bottom: 0;
z-index: -1;
transition: .6s ease;
}
.feature-three-single:hover .circle-break {
transform: rotate(25deg);
}
.feature-three-single .feature-three-icon {
position: absolute;
/* top: 8px;
right: 55px; */
top: 52px;
right: 107px;
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px dashed #006ce4;
background-color: #f1f6fb;
display: flex;
align-items: center;
justify-content: center;
transition: .45s;
}
.feature-three-single .feature-three-icon svg {
fill: #00b98d;
transition: .45s;
}
.feature-three-content {
border: 3px solid #f1f6fb;
width: 100%;
height: 85%;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 80px 25px 25px;
}
.feature-three-content h4 {
font-size: 24px;
font-weight: 600;
}
.feature-three-content h4 a {
color: inherit;
}
/* .feature-three-content p {
margin-bottom: 30px;
} */
.feature-three-content .feature-btn {
transition: .4s ease;
}
.feature-three-single .feature-three-icon:hover {
background: linear-gradient(45deg, #006ce4, var(#00b98d) 80%);
}
/*================================================
Counter CSS
=================================================*/
.funfacts-area {
position: relative;
z-index: 1;
}
.funfacts-area .section-title h2 {
max-width: 675px;
margin: 0 auto;
line-height: 37px;
font-size: 32px;
}
.funfacts-area .section-title p {
max-width: 520px;
margin: 0 auto;
}
.funfacts-area .map-bg {
position: absolute;
z-index: -1;
top: 120px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}
.funfact {
text-align: center;
}
.funfact h3 {
color: var(--primary-color);
margin-bottom: 7px;
display: flex;
flex-direction: column;
align-items: center;
}
/* .funfact p {
line-height: initial;
} */
.section-title h3 {
font-size: 1.75rem;
font-weight: 500;
}
.counter-end,
.counter {
display: none !important;
}
.imporatant-red{
color:#ff0000;
}
.contact-cta-box {
margin: 80px auto 0;
max-width: 600px;
border: 2px dashed #ebebeb;
padding: 30px 210px 30px 30px;
border-radius: 5px;
position: relative;
}
.contact-cta-box h3 {
font-size: 20px;
margin-bottom: 6px;
}
.contact-cta-box p {
margin-bottom: 0;
}
.contact-cta-box .btn {
position: absolute;
right: 30px;
top: 50%;
margin-top: -27px;
}
.counter-section i {
display: block;
margin: 0 0 10px;
background-color: var(--primary-color);
color: var(--white);
padding: 15px;
border-radius: 50%;
justify-content: space-between;
align-items: center;
}
.counter-section span.counter,
.counter-number {
margin-bottom: 7px;
font-size: 32px;
font-weight:600;
line-height: 60px;
display: inline-block;
letter-spacing: 2px;
font-family: var(--primary-font-family);
line-height: 1.1em;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter-title {
font-size: 14px;
font-weight: 600;
/* letter-spacing: 2px; */
/* text-transform: uppercase; */;
}
.counter-icon {
top: 25px;
position: relative;
}
.counter-style2 .counter-title {
letter-spacing: 0.55px;
float: left;
}
.counter-style2 span.counter {
letter-spacing: 0.55px;
float: left;
margin-right: 10px;
}
.counter-style2 i {
float: right;
line-height: 26px;
margin: 0 10px 0 0;
}
.counter-subheadline span {
float: right;
}
.medium-icon {
font-size: 40px !important;
margin-bottom: 15px !important;
}
/*================================================
Team CSS
=================================================*/
.team-area {
padding-bottom: 50px;
}
.team-area .owl-dots {
margin-bottom: 30px;
}
.single-team {
background: var(--white);
padding-top: 35px;
padding-bottom: 35px;
margin-bottom: 30px;
-webkit-transition: 0.5s;
transition: 0.5s;
z-index: 1;
text-align: center;
}
.single-team .team-image {
position: relative;
z-index: 1;
padding-left: 35px;
padding-right: 35px;
}
.single-team .team-image img {
border: 3px solid #dcd0fb;
width: auto !important;
border-radius: 50%;
display: inline-block !important;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-team .team-image::before {
content: "";
position: absolute;
left: 0;
top: 50%;
background: #f9f6f6;
height: 10px;
width: 100%;
z-index: -1;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-team .team-content {
padding-left: 35px;
padding-right: 35px;
}
.single-team .team-content ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.single-team .team-content ul li {
display: inline-block;
margin: 0 3px;
}
.single-team .team-content ul li a {
color: #000229;
}
.single-team .team-content ul li a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
color: var(--primary-color);
}
.single-team .team-content ul li a svg {
width: 19px;
}
.single-team .team-content p {
margin-top: 20px;
margin-bottom: 0;
}
.single-team .team-info {
background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
padding: 10px 15px;
border-radius: 75px;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
margin-top: 25px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-team .team-info h3 {
font-size: 18px;
margin-bottom: 5px;
color: var(--white);
}
.single-team .team-info span {
color: var(--white);
font-size: 13px;
}
.single-team:hover {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}
.single-team:hover .team-image::before {
height: 0;
}
.single-team:hover .team-image img {
border-color: var(--primary-color) !important;
}
.single-team:hover .team-info {
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
/*owl carousel btn*/
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 20px;
line-height: 0.01;
}
.owl-theme .owl-dots {
margin-top: 20px;
line-height: 0.01;
}
.owl-theme .owl-dots .owl-dot span {
width: 5px;
height: 5px;
margin: 0 5px;
background: #d6d6d6;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
background: var(--primary-color);
}
/*================================================
Display one line or multiple line
=================================================*/
.multiple-line-ellipsis {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--heading-text-color);
}
.block-ellipsis {
display: block;
display: -webkit-box;
/* max-width: 100%;
height: 43px;
margin: 0 auto;
font-size: 14px;
line-height: 1; */
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*================================================
Blog CSS
=================================================*/
.blog-area .shape1 {
top: 13% !important;
}
.blog-area {
position: relative;
z-index: 1;
/* padding-bottom: 50px; */;
}
/* .blog-area .pagination-area {
margin-bottom: 30px;
} */
.single-blog-post {
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
/* margin-bottom: 30px; */;
}
.single-blog-post .blog-image {
position: relative;
}
.single-blog-post .blog-image a {
display: block;
}
.single-blog-post .blog-image .datee {
position: absolute;
padding-top: 6px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
background: #f7fafd;
}
.single-blog-post .blog-image .datee {
position: absolute;
padding-top: 6px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
background: #f7fafd;
}
.single-blog-post .blog-image .datee:hover {
background: #fff;
}
.single-blog-post .blog-image .date {
position: absolute;
left: 20px;
bottom: -20px;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
/* background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%); */
color: var(--white);
padding: 8px 16px;
font-size: 13px;
border-radius: 5px;
}
.single-blog-post .blog-post-content svg {
width: 15px;
margin-right: 10px;
}
.single-blog-post .blog-post-content {
/* padding-top: 40px; */
padding-top: 25px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
background: #f7fafd;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-blog-post .blog-post-content h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
}
.single-blog-post .blog-post-content span {
display: block;
color: var(--primary-color);
/* margin: 15px 0; */
margin-top: 5px;
margin-bottom: 10px;
}
.single-blog-post .blog-post-content span a {
color: var(--footer-text-color);
}
.single-blog-post .blog-post-content span a:hover {
color: var(--primary-color);
}
.single-blog-post .blog-post-content .read-more-btn {
color: var(--primary-color);
}
.single-blog-post .blog-post-content .read-more-btn svg {
-webkit-transition: 0.5s;
transition: 0.5s;
width: 15px;
}
.single-blog-post .blog-post-content .read-more-btn:hover {
color: var(--primary-color);
}
.single-blog-post .blog-post-content .read-more-btn:hover svg {
margin-left: 5px;
}
.single-blog-post:hover {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}
.single-blog-post:hover .blog-post-content {
background: var(--white);
}
.single-blog-post-box {
margin-bottom: 30px;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 5px;
}
.single-blog-post-box .entry-thumbnail a {
display: block;
}
.single-blog-post-box .entry-thumbnail a img {
border-radius: 5px 5px 0 0;
}
.single-blog-post-box .entry-post-content {
background: linear-gradient(to right top,
#d5fefd,
#e0fdff,
#effbff,
#fbfaff,
#fffcff);
padding: 20px;
}
.single-blog-post-box .entry-post-content .entry-meta {
margin-bottom: 10px;
}
.single-blog-post-box .entry-post-content .entry-meta ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.single-blog-post-box .entry-post-content .entry-meta ul li {
display: inline-block;
position: relative;
margin-right: 12px;
color: var(--footer-text-color);
font-size: 14px;
}
.single-blog-post-box .entry-post-content .entry-meta ul li::before {
content: "";
position: absolute;
right: -7px;
top: 50%;
-webkit-transform: rotate(14deg) translateY(-50%);
transform: rotate(14deg) translateY(-50%);
background: var(--footer-text-color);
width: 1px;
height: 13px;
}
.single-blog-post-box .entry-post-content .entry-meta ul li a {
display: inline-block;
color: var(--footer-text-color);
}
.single-blog-post-box .entry-post-content .entry-meta ul li a:hover {
color: var(--primary-color);
}
.single-blog-post-box .entry-post-content .entry-meta ul li:last-child {
margin-right: 0;
}
.single-blog-post-box .entry-post-content .entry-meta ul li:last-child::before {
display: none;
}
.single-blog-post-box .entry-post-content h3 {
margin-bottom: 0;
line-height: 1.5;
font-size: 18px;
}
.single-blog-post-box .entry-post-content p {
margin-top: 8px;
margin-bottom: 0;
}
.single-blog-post-box .entry-post-content .learn-more-btn {
margin-top: 15px;
font-weight: 600;
}
.single-blog-post-box .entry-post-content .learn-more-btn svg {
width: 15px;
}
.single-blog-item {
margin-bottom: 30px;
}
.single-blog-item .post-image {
text-align: center;
}
.single-blog-item .post-image a {
display: block;
}
.single-blog-item .post-content {
margin-top: 20px;
}
.single-blog-item .post-content .post-meta {
padding-left: 0;
margin-bottom: 10px;
list-style-type: none;
}
.single-blog-item .post-content .post-meta li {
display: inline-block;
margin-right: 25px;
position: relative;
}
.single-blog-item .post-content .post-meta li::before {
content: "";
position: absolute;
top: 10px;
right: -20px;
width: 10px;
height: 1px;
background-color: var(--footer-text-color);
}
.single-blog-item .post-content .post-meta li:last-child {
margin-right: 0;
}
.single-blog-item .post-content .post-meta li:last-child::before {
display: none;
}
.single-blog-item .post-content h3 {
line-height: 30px;
margin-bottom: 0;
font-weight: 600;
font-size: 20px;
}
.blog-slides {
margin-bottom: 30px;
}
.single-blog-post-item {
margin-bottom: 30px;
}
.single-blog-post-item .post-image {
border-radius: 5px;
overflow: hidden;
}
.single-blog-post-item .post-image a {
display: block;
border-radius: 5px;
}
.single-blog-post-item .post-image a img {
border-radius: 5px;
}
.single-blog-post-item .post-content {
-webkit-transition: 0.5s;
transition: 0.5s;
/* background: -webkit-gradient(
linear,
left bottom,
right top,
from(#d5fefd),
color-stop(#e0fdff),
color-stop(#effbff),
color-stop(#fbfaff),
to(#fffcff)
); */
background: linear-gradient(to right top,
#d5fefd,
#e0fdff,
#effbff,
#fbfaff,
#fffcff);
position: relative;
border-radius: 5px;
padding: 30px 25px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.05);
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
}
.single-blog-post-item .post-content .post-meta {
-webkit-transition: 0.5s;
transition: 0.5s;
margin-bottom: 10px;
list-style-type: none;
padding-left: 0;
}
.single-blog-post-item .post-content .post-meta li {
display: inline-block;
margin-right: 15px;
position: relative;
color: var(--footer-text-color);
}
.single-blog-post-item .post-content .post-meta li a {
color: var(--footer-text-color);
}
.single-blog-post-item .post-content .post-meta li a:hover {
color: var(--primary-color);
}
.single-blog-post-item .post-content .post-meta li::before {
content: "";
position: absolute;
right: -10px;
top: 4px;
height: 12px;
background-color: var(--footer-text-color);
width: 1px;
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
.single-blog-post-item .post-content .post-meta li:last-child {
margin-right: 0;
}
.single-blog-post-item .post-content .post-meta li:last-child::before {
display: none;
}
.single-blog-post-item .post-content h3 {
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
}
.single-blog-post-item .post-content .read-more-btn {
display: inline-block;
border-radius: 30px;
padding: 9px 25px;
border: 1px solid #e6e6e6;
background-color: var(--white);
position: absolute;
-webkit-transition: 0.5s;
transition: 0.5s;
left: 25px;
bottom: -22px;
opacity: 0;
visibility: hidden;
font-size: 14px;
font-weight: 500;
}
.single-blog-post-item .post-content .read-more-btn svg {
width: 15px;
margin-left: 2px;
}
.single-blog-post-item .post-content .read-more-btn:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white);
}
.single-blog-post-item:hover .post-content {
-webkit-transform: translateY(-22px);
transform: translateY(-22px);
}
.single-blog-post-item:hover .post-content .post-meta {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
.single-blog-post-item:hover .post-content h3 {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}
.single-blog-post-item:hover .post-content .read-more-btn {
opacity: 1;
visibility: visible;
}
.single-blog-post-box.bg-f4faff .entry-post-content {
background: #f4faff;
}
/*================================================
Footer CSS
=================================================*/
.footer-area {
position: relative;
z-index: 1;
background: #000229;
padding: 80px 30px 0px 30px
}
.footer-bottom-text {
padding: 1% 1%;
display: flex;
align-items: center;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
}
.footer-area .shape1 {
top: 9% !important;
left: 0px !important;
}
.footer-mnwrapr{
/* margin-top: 35px; */
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.footer-mncol-logo {
max-width: 500px;
/* margin-left: 10px; */
}
.footer-mnwrapr .logo {
max-width: 180px;
display: inline-block;
}
.footer-mnwrapr .logo img {
display: block;
width: 100%;
}
.footer-mnwrapr .footer-info {
/* color: #fff; */
font-size: 14px;
font-weight: 500;
color: #cbd6e2;
/* margin-top: 20px; */
}
.footer-info p{
font-size: 14px !important;
font-weight: 400;
color: #cbd6e2;
}
.single-footer-widget h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
color: var(--bs-body-bg);
}
.single-footer-widget ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.single-footer-widget ul.list li {
margin-bottom: 5px;
}
.single-footer-widget ul.list li a {
/* color: var(--white); */
font-size: 14px;
font-weight: 400;
color: #cbd6e2;
}
.single-footer-widget ul.list li a:hover {
color: var(--white);
padding-left: 7px;
}
.single-footer-widget ul.list li:last-child {
margin-bottom: 0;
}
.single-footer-widget ul.footer-contact-info {
margin-bottom: 20px;
}
.single-footer-widget ul.footer-contact-info li {
position: relative;
color: var(--white);
margin-bottom: 8px;
padding-left: 25px;
}
.single-footer-widget ul.footer-contact-info li svg {
position: absolute;
left: 0;
width: 15px;
top: 0;
}
.single-footer-widget ul.social-links li {
display: inline-block;
margin-right: 2px;
}
.single-footer-widget ul.social-links li a {
width: 35px;
text-align: center;
line-height: 29px;
height: 35px;
/* border: 1px solid var(--primary-color); */
color: linear-gradient(90deg, var(--third-color), var(--fourth-color) 100%);
border-radius: 50%;
/* color: var(--primary-color); */
}
.single-footer-widget ul.social-links li a svg {
width: 20px;
}
.single-footer-widget ul.social-links li a.facebook {
/* border-color:var(--white); */
color:var(--white);
}
.single-footer-widget ul.social-links li a.facebook:hover {
color: #cbd6e2;
}
.footer-pl{
padding-left: 48px;
}
.copyright-area {
text-align: center;
color: var(--white);
}
.foupbr-mnwrapr {
width: 1200px;
max-width: 100%;
}
.foupbr-mnwrapr {
width: 1100px;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.copyright-area p a {
font-weight: 600;
color: #cbd6e2;
}
.copyright-area p,
.terms-privacy a,
.made-with p{
/* color: var(--white); */
font-size: 12px !important;
font-weight: 400;
color: #cbd6e2;
margin-top:0px;
}
.foupbr-mncol1 {
display: flex;
flex-direction: column;
}
.foupbr-hdrtlt h3{
font-size: 18px;
font-weight: 800;
color: #fff;
}
.ft-btn-lg {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
padding: 12px 20px;
}
.foupbr-mncntnr .input-group {
width: 90%;
margin-top: 10px;
}
.input-group input{
background: #fff;
color: #fff;
font-size: 12px;
border: 0;
}
.foupbr-hdrtxt {
text-transform: none;
/* font-weight: 400;
font-size: 15px; */
/* color: #fff; */
margin: 5px 0;
line-height: 2;
font-size: 14px;
font-weight: 500;
color: #cbd6e2;
/* width: 80%; */
}
.foupbr-form {
align-items: unset;
border-radius: 10px;
box-shadow: none;
background: unset;
}
.foupbr-form {
display: flex;
/* flex-flow: row wrap; */
align-items: center;
/* background: #fff; */
border-radius: 3px;
overflow: hidden;
/* box-shadow: 3px 3px 10px #cce3f7; */
}
.footer-border-top{
border-top: 1px solid #ffffff4a;
}
.gapNew{
font-size: 11px;
color: var(--white);
opacity: 0.7;
padding: 4px 5px;
display: inline-block;
font-weight: 200;
}
/*=============================
Go Top CSS
===============================*/
.go-top {
position: fixed;
cursor: pointer;
bottom: 30px;
right: 5px;
color: var(--white);
background-color: var(--primary-color);
z-index: 1;
display: none;
width: 36px;
text-align: center;
height: 36px;
border-radius: 10px;
line-height: 36px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.go-top:hover {
color: var(--white);
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
/*=============================
Header CSS
===============================*/
/* .submenu-bg{
background: linear-gradient(45deg,#4A00E0,#D80075);
color: var(--white);
}
.our-resource-submenu p{
padding: 7px !important;
padding-left: 20px !important;
margin-bottom: 1rem;
font-size: 14px;
padding: 2rem 3rem;
color: var(--white);
} */
.display-inline-img{
flex-direction: row !important;
}
.expert {
flex: 1;
margin-left: auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
.menu-bg-color{
background: linear-gradient(45deg,#3C71EA,#3CC48F);
padding: 2rem 3rem;
color: var(--white);
display: flex;
border-radius:5px;
flex-direction: column;
align-items: center;
}
/*.menu-col > li {
padding-bottom: 10px;
}*/
/*Add some space between items */
/*.menu-col > li::after {
content: '';
display: block;
border-bottom: 1px solid #d4d4d4;
}*/
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li.our-resource-submenu img {
max-width: 80%;
}
nav.bootsnav .menu-content-wp {
width: 30rem !important;
margin-left: calc(100vh - (800px));
}
.menu-assessment{
display: flex;
justify-content: center;
}
.dropdown-about-bottom-button a{
border: 1px solid var(--white) ;
color: var(--white) !important;
border-radius: 50px !important;
text-align: center;
/* padding: 5px 20px !important;
font-size: 16px;
margin-top: 7px; */
padding: 8px 24px !important;
font-size: 14px;
margin-top: 4px
}
.dropdown-about-bottom-button a:hover{
border: 1px solid var(--white) ;
color: var(--white) !important;
border-radius: 50px !important;
text-align: center;
/* padding: 5px 20px !important; */
padding: 8px 24px !important;
font-size: 14px;
margin-top: 4px
}
.dropdown-about-bottom{
padding: 5px !important;
}
.dropdown-visit-more-text {
font-family: var(--primary-font-family);
font-size: 14px;
/* line-height: 1.5px; */
color: var(--white);
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
}
.dropdown-visit-more-text p{
color: #fff;
margin-top: 10px;
font-size: 14px;
}
nav.navbar.bootsnav .nav .pt-btn a {
padding: 8px 15px !important;
margin-top: 6px;
} ul.menu-col .sub-menu-list-item {
flex: 0 0 33.33%;
display: block;
}
ul.menu-col .sub-menu-list-item .sub-menu-list-link {
/*display: flex;*/
padding: 10px;
border-radius: 4px;
transition: all 0.3s ease 0s;
}
ul.menu-col .sub-menu-list-item .sub-menu-list-link .nav-icon {
/*flex: 0 0 3rem;
width: 50px;*/
max-width: 36px;
align-items: flex-start;
}
.nav-icon {
display: flex;
align-items: center; /* Vertically center the image */
justify-content: center; /* Horizontally center the image */
}
ul.menu-col .sub-menu-list-item .sub-menu-list-link .nav-text {
align-self: center;
padding: 0px 8px 0px;
flex: 1 1 auto;
color:#3d3d3d;
}
.nav-title {
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: var(--heading-text-color);
margin: 0px 0px 3px;
}
.nav-info {
font-size: 12px;
line-height: 16px;
/* letter-spacing:1px; */
/* font-weight: 400; */
color: var(--heading-text-color);
margin: 5px 0 0;
}
/* .bg-color-menu{
background-color: var(--submenu-bg-color) !important;
width: -webkit-fill-available;
} */
.bg-color-menu a{
margin-left:0px !important;
width: -webkit-fill-available;
}
/* .bg-color-menu:hover {
background-color: var(--white) !important;
} */
/*nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.bootsnav ul.nav li.dropdown ul.dropdown-menu li.our-resource-submenu a.active {
background-color: var(--submenu-bg-color);
border-radius: 5px;
color: #4a00e0; ;
}*/
.service-tab li a{
padding:8px;
}
/*#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.our-resource-submenu {
border-bottom: 1px solid #ddd;
padding: 3px 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.our-resource-submenu a {
border-bottom: 1px solid #ddd;
padding: 7px !important;
padding-left: 20px !important;
}*/
span .free-tag-head {
display: inline-block;
background: #3c71ea;
color: #ffffff !important;
font-size: 12px;
padding: 4px 10px;
border-radius: 10px;
margin-left: 4px;
transform: translateY(-1px);
transition: all 0.3s ease;
}
/*#header .free-tag-head1,
.free-tag-head1 {
display: inline-block;
color: var(--primary-color);
background: transparent;
font-size: 7px;
font-weight: 600;
margin-left: 1px;
} */
/*=============================
Consultation Section
===============================*/
.cosulation-button-group {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.expert-service-section .expert-image {
position: absolute;
/* right: 70px;
bottom: 0px; */
right: 125px;
bottom: -7px;
}
.expert-service-wapper {
background-color: #fff2f9;
padding: 50px 45px;
border-radius: 20px;
}
.expert-border{
border-radius: 0px !important;
}
.position-relative {
position: relative!important;
}
.expert-service-section .expert-shape {
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
}
img {
max-width: 100%;
height: auto;
}
.expert-info h3 {
font-size: 32px;
margin: 10px 0px;
font-weight: 600;
}
.expert-info p {
font-size: 18px;
margin-bottom: 25px;
color: #2a2a2a;
}
.expert-info .expert-phone {
display: flex;
flex-direction: row;
align-items: flex-start;
}
#join-our-team .expert-info .expert-phone .icon {
background-color: #f7fafd;
}
#join-our-team .cta-com p {
height: 50px;
}
#join-our-team .cta-com.cta-left {
/* margin-right: 30px; */
background-repeat: no-repeat;
background-position: right top;
background-size: 37%;
height: 100%;
}
.expert-info .expert-phone .icon {
background-color:#fff2f9;
z-index: 99;
min-width: 50px;
height: 50px;
border-radius: 50px;
}
.expert-info .expert-number {
display: flex;
flex-direction: column;
}
.expert-info .expert-number span {
display: inline-block;
/* background-color: #D80075; */
background: linear-gradient(45deg, var(--third-color), var(--fourth-color) 80%);
color: var(--white);
font-size: 16px;
font-weight: 400;
padding: 10px 30px;
-webkit-clip-path: polygon(0 0,100% 0,85% 100%,0 100%);
clip-path: polygon(0 0,100% 0,85% 100%,0 100%);
max-width: 170px;
margin-left: -20px
}
#join-our-team .call-info-expert .expert-phone .icon {
background-color: transparent;
}
#join-our-team .call-info-expert .expert-phone .icon {
z-index: 99;
min-width: 45px;
height: 45px;
border-radius: 45px;
}
#join-our-team .call-info-expert .expert-number a {
margin-top: 0px;
font-size: 18px;
padding: 10px;
font-weight: 600;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent;
color: transparent;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.call-info-expert .expert-phone {
display: flex;
flex-direction: row;
align-items: center;
align-content: flex-start;
justify-content: center;
flex-wrap: nowrap;
}
.expert-info .expert-number a {
font-size: 20px;
font-weight: 600;
color: #D80075;
font-family:var(--primary-font-family);
margin-top: 5px;
}
.expert-service-section .expert-shape img {
height: inherit;
width: 100%;
}
/*==============================
Contact Us
=================================*/
#contactus-form .message{
color: #3c71ea;
font-size: 18px;
font-weight: 600;
}
#contactus-form .contact-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.contact-info-block {
background-color: var(--white);
border: 1px dashed var(--secondary-color-light);
padding: 0px 50px;
}
.contact-info-block.style-two {
border: 1px dashed var(--third-color-light);
}
.contact-three-wrapper {
background-color: var(--content-bg);
padding: 40px 60px;
}
.contact-three-wrapper.sibling-two {
background-color: #f5f3f1;
}
.map-container {
max-width: 85%;
}
img {
max-width: 100%;
height: auto;
}
.section-title {
text-align: center;
margin-top: -6px;
margin-bottom: 20px;
}
.section-title.style-two h2 span {
padding-left: 0;
}
.contat-mulitne-img img{
height: 50px;
width: auto;
display: block;
}
/* input,
textarea {
outline: 0;
border: none;
} */
a,
a:hover {
text-decoration: none;
}
a:focus {
outline: 0 solid;
}
#contactus-form .form-style-one .imporatant-red{
color: red;
}
/*contact form*/
button:focus,
input:focus,
textarea:focus {
outline: 0;
border-radius: 0;
}
input, select, textarea{
display:block;
width:100%;
padding: 8px 0px 8px;
font-size:14px;
color: #3d3d3d;
font-family: var(--primary-font-family) !important;
border-radius: 0;
transition: .5s ease;
resize:vertical;
outline: 0;
border: none;
}
label{
display:block;
width:100%;
font-size:14px;
color: #3d3d3d;
font-family: var(--primary-font-family) !important;
border-radius: 0;
transition: .5s ease;
resize:vertical;
outline: 0;
border: none;
margin:10px 0 .5em;
}
.form-check{
margin-bottom: 15px;
}
textarea{
min-height:180px;
}
.form-control {
font-size: 1rem;
color:#6c757d !important;
}
select{
color: var(--para-color);
}
option{
color: var(--para-color);
}
textarea {
min-height: 120px;
}
#contactus-form .cta-com h6{
font-size: 14px;
}
#contactus-form .section-title {
text-align: left !important;
margin-top: 0px;
margin-bottom: 10px;
}
/* Toogle switch*/
.toggle-buttons .toggle-btn {
margin-top: 15px;
padding: 10px 20px;
cursor: pointer;
border: none;
background-color: #f1f1f1;
border-radius: 50px;
font-size:14px;
}
.toggle-buttons .toggle-btn.active {
background-color: #007bff;
color: white !important;
}
.navbar-toggler-icon {
display: inline-block;
}
.close-icon {
display: none;
font-size: 28px;
color: #292e33 !important;
}
.navbar-toggler-icon {
display: inline-block;
}
.close-icon {
display: none;
font-size: 28px;
color: white;
}
/*end toggle switch*/
/*contact address details*/
.fa-ul{
padding-left:0px !important;
margin-left: 0px !important;
}
.list-item1 {
margin-bottom: 20px;
display: flex;
align-items: flex-start;
font-size:14px;
}
.icon-container1 {
margin-right: 15px; /* Space between icon and text */
}
.list-icon1 {
font-size: 1.50em; /* Larger icon size */
color: #007bff; /* Primary color */
}
.text-container {
max-width: 600px;
}
.span-details {
display: block;
margin-top: 5px;
}
.span-details a {
text-decoration: none;
color: var(--span-color);
font-size:14px;
}
.span-details a:hover {
color: #0d6efd; /* Darker shade for hover */
}
/*end address details*/
.form-style-one {
display: none;
}
.form-style-one.active {
display: block;
}
/* #contactus-form .form-data {
margin-top: 20px;
border: 1px solid #ccc;
padding: 20px;
box-sizing: border-box;
width: 100%;
} */
form.form-style-one .form-inner {
margin-bottom: 5px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 20px;
border-radius: 5px;
background-color: var(--white);
}
form.form-style-one .form-inner .input-icon {
min-width: 30px;
position: relative;
z-index: 2;
}
form.form-style-one .form-inner .input-icon i {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
vertical-align: middle;
font-size: 20px;
margin-bottom: 3px;
}
form.form-style-one .form-inner .input-icon:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 24px;
}
form.form-style-one .form-inner input,
form.form-style-one .form-inner textarea {
background-color: transparent;
}
form.form-style-one.sibling-five .form-inner .input-icon {
min-width: auto;
}
form.form-style-one.sibling-five .form-inner .input-icon:after {
content: none;
}
.checkbox-container {
margin-bottom: 25px;
overflow: hidden;
}
.checkbox-container .styled-checkbox {
position: absolute;
opacity: 0;
width: 100%;
max-width: 250px;
}
.checkbox-container .styled-checkbox.style-two:checked+label:before,
.checkbox-container .styled-checkbox.style-two:hover+label:before {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.checkbox-container .styled-checkbox+label {
position: relative;
cursor: pointer;
padding: 0;
font-size: 16px;
font-weight: 400;
font-family: var(--primary-font-family);
}
.checkbox-container .styled-checkbox+label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #fff;
}
.checkbox-container .styled-checkbox:checked+label:before,
.checkbox-container .styled-checkbox:hover+label:before {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.checkbox-container .styled-checkbox:disabled+label {
color: var(--text-secondary);
cursor: auto;
}
.checkbox-container .styled-checkbox:disabled+label:before {
box-shadow: none;
background: #ddd;
}
.checkbox-container .styled-checkbox:checked+label:after {
content: "";
position: absolute;
left: 5px;
top: 12px;
background: #fff;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
transform: rotate(45deg);
}
.working-hour-title {
margin-bottom: 45px;
}
.working-hour-title h3 {
font-size: 28px;
color: var(--white);
}
.working-hour-title .title-vector {
position: relative;
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.working-hour-title span:nth-child(2) {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 2px;
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color) 100%);
transform: rotate(45deg);
position: absolute;
left: 94px;
}
.working-hour-title span:first-child {
left: 0;
}
.working-hour-title span:first-child,
.working-hour-title span:last-child {
position: absolute;
top: 6px;
width: 80px;
height: 1px;
background: linear-gradient(180deg, var(--primary-color), var(--secondary-color) 100%);
}
.working-hour-title span:last-child {
right: 0;
}
.working-hour-title.sibling-three h3 {
color: var(--text-primary);
}
.working-hour-title.sibling-three span:nth-child(2) {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.working-hour-title.sibling-three span:first-child {
left: 0;
}
.working-hour-title.sibling-three span:first-child,
.working-hour-title.sibling-three span:last-child {
position: absolute;
top: 6px;
width: 80px;
height: 1px;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.working-hour-title.sibling-three span:last-child {
right: 0;
}
.working-list {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.working-list li {
margin-bottom: 5px;
}
.working-list li:first-child span,
.working-list li:nth-child(2) span:first-child {
font-size: 18px;
font-weight: 500;
color: var(--white);
}
.working-list li:nth-child(2) span:last-child {
font-size: 18px;
font-weight: 600;
}
.working-list-two {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.working-list-two li {
margin-bottom: 5px;
}
.working-list-two li:first-child span,
.working-list-two li:nth-child(2) span:first-child {
font-size: 18px;
font-weight: 400;
color: var(--text-secondary);
}
.working-list-two li:nth-child(2) span:last-child {
font-size: 18px;
font-weight: 600;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.working-list-two.sibling-two li:nth-child(2) span:last-child {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.separator {
color: rgba(0, 0, 0, .3);
margin: 50px 0;
}
.expert-info-two.sibling-two .expert-number a,
.expert-info-two.sibling-two .expert-number span {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.expert-info-two.sibling-two .expert-number a {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.expert-info-two.sibling-two .expert-phone .icon {
border: 1px solid var(--third-color);
}
.expert-info-two .expert-phone {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.expert-info-two .expert-phone .icon {
background-color: var(--white);
z-index: 99;
width: 50px;
height: 50px;
line-height: 48px;
border-radius: 50px;
font-size: 30px;
border: 1px solid var(--secondary-color);
display: flex;
align-items: center;
justify-content: center;
}
.currentColor {
background-color: #00b98d;
}
.expert-info-two .or {
font-size: 14px;
font-weight: 500;
color: var(--text-secondary);
margin: 15px 0;
display: block;
}
.expert-info-two .expert-number {
display: flex;
flex-direction: column;
}
.expert-info-two .expert-number span {
display: inline-block;
background-color: var(--white);
color: var(--white);
font-size: 14px;
font-weight: 400;
font-family: var(--primary-font-family);
padding: 0 30px;
-webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
max-width: 140px;
margin-left: -20px;
}
.expert-info-two .expert-number a,
.expert-info-two .expert-number span {
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%);
}
.expert-info-two .expert-number a {
font-size: 18px;
font-weight: 600;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-family: var(--primary-font-family);
margin-top: 6px;
}
.pricing-area {
position: relative;
z-index: 1;
}
.pricing-table {
text-align: center;
background: var(--white);
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
border-radius: 5px;
padding-bottom: 35px;
transition: .5s;
}
.pricing-table .pricing-header {
background: var(--white);
position: relative;
padding: 30px 20px;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #eee;
transition: .5s;
margin-bottom: 30px;
z-index: 1;
}
.pricing-table .pricing-header::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px 5px 0 0;
background: var(--primary-color);
opacity: 0;
visibility: hidden;
transition: .5s;
z-index: -1;
}
.pricing-table .pricing-header h3 {
font-size: 18px;
/* text-transform: uppercase; */
transition: .5s;
margin-bottom: 0;
}
.pricing-table .price {
margin-bottom: 30px;
}
.pricing-table .price span {
color: var(--primary-black-color);
font-size: 30px;
font-weight: 600;
}
.pricing-table .price span span {
font-size: 14px;
font-weight: 500;
}
.pricing-table:hover {
transform: translateY(-10px);
}
.pricing-table:hover .pricing-header::before {
opacity: 1;
visibility: visible;
}
.pricing-table:hover .pricing-header h3 {
color: var(--white);
}
/*================================================
Assessment Home Footer Section
=================================================*/
/* .new-bottom-cta {
padding-top: 40px;
} */
.new-cta-wrap {
display: flex;
align-items: flex-start;
margin: 0 auto;
}
.cta-com.cta-left {
margin-right: 10px;
background-repeat: no-repeat;
background-position: right top;
background-size: 65%;
height: 100%;
background-color: #ffffff;
}
#contact-assement .cta-com.cta-left {
background-size: 51%;
}
#contact-assement .cta-com h6 {
height: 60px;
}
.cta-com {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
box-shadow: 0 3px 10px #006eff4d;
padding: 30px 25px;
border-radius: 10px;
position: relative;
width: 100%;
transition: all ease .3s;
bottom: 0;
}
.cta-com img {
max-width: 100px;
margin: 20px 0;
height: 50px;
}
.cta-com::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px; /* Height of the border */
border-bottom-left-radius: 10px; /* Match the border radius of the box */
border-bottom-right-radius: 10px; /* Match the border radius of the box */
background-color: #3C71EA;
transform: scaleX(0);
transition: transform 0.3s ease;
}
.cta-com:hover::after {
transform: scaleX(1);
}
#contact-address .cta-com h6 {
text-align: center;
}
#contact-address .cta-com.cta-left {
display: flex;
/* margin-right: 30px; */
background-repeat: no-repeat;
background-position: right top;
background-size: 115%;
height: 100%;
align-content: center;
justify-content: center;
align-items: center;
flex-direction: column;
}
#contact-address .cta-com p {
text-align: center;
}
.cta-com svg {
height: 50px;
width: auto;
display: block;
}
.cta-com p {
height: 100px;
font-size: 16px;
line-height: 28px;
font-family:var(--para-color)
}
/*======================================
Certified section and Integrate section
========================================*/
.certified-name{
text-align: center;
font-weight: 300;
margin-top: 10px;
font-size:1rem !important;
}
.ingeration-partner{
background: #fff;
border: 1px solid #f0f4fd;
box-shadow: 0px 4px 6px rgba(0,0,0,0.05);
position: relative;
width: 100%;
padding:10px;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
}
/*.ingeration-partner img {
width: 70px !important;
height: 70px;*/
}
/*================================================
start cloud Managemanet Section
=================================================*/
.project-her-sec {
position: relative;
z-index: 1;
}
.project-her-sec .counter-number {
font-size: 16px;
font-weight: bolder;
letter-spacing: 0px;
}
.project-her-sec .hover-style {
background: #F2F5FD;
border-radius: 0 64px;
padding: 35px 26px;
/* transition: .2s ease 0; */
margin: 15px 0;
}
.project-her-sec .hover-style:hover {
background: #D1DDFA;
}
.features-container {
width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1
}
.features-list-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
/* background:#e4f0ff; */
/* padding: 50px 60px; */
padding: 50px 90px;
border-radius: 15px;
box-shadow: 0 3px 11px rgb(100 148 213 / 41%);
transition: all ease .3s;
background-image: url(../img/banner-bg1.jpg);
animation-name: slideInDown;
animation-duration: 700ms;
animation-timing-function: ease;
animation-delay: 300ms;
animation-direction: normal;
animation-fill-mode: both;
}
.features-list-wrapper:hover {
transform: scale(1.01);
}
.pb-10 {
padding-bottom: 10px;
}
.pt-10 {
padding-top: 10px;
}
.features-cta {
width: 30%;
}
.features-list {
width: 30%;
}
.features-list ul li:after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 14px;
left: 0;
top: 5px;
border: solid #2196f3;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.features-list ul li {
color: #000;
padding-left: 30px;
font-size: 18px;
line-height: 25px;
font-weight: 600;
margin: 30px 0;
position: relative
}
@media screen and (max-width:1281px) {
.features-container {
width: 100% !important
}
}
@media screen and (max-width:1024px) {
.features-list-wrapper:hover {
transform: inherit
}
.features-list-wrapper {
border-radius: 0;
box-shadow: none;
padding: 30px 30px 20px 30px
}
}
@media screen and (max-width:641px) {
#features-section {
margin-bottom: 0
}
#features-section .container {
padding: 0 !important
}
.features-cta {
text-align: left
}
.features-cta .talk-to-us {
width: 100%
}
.features-cta span {
/* font-size:16px; */
line-height: 24px;
font-weight: 600;
padding-bottom: 13px;
}
.features-list ul li:last-child {
margin-bottom: 0
}
.features-cta h6 {
font-size: 25px;
line-height: 34px;
font-weight: 600;
}
.features-cta h6:after {
left: 0;
transform: inherit
}
.features-cta p {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.features-list {
width: 100%
}
.features-list ul li {
margin: 10px 0;
font-size: 16px;
line-height: 25px;
font-weight: 600;
}
}
#cap ul>li>h5 {
font-size: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 10px 20px;
}
.cap .info ul li {
margin: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*================================================
Sitemap Section
=================================================*/
#premium .link-title{
font-size: 24px !important;
}
.sitemap-section {
position: relative;
overflow: hidden;
height: 50vh;
/* height: 100%; */
z-index: 1;
padding: 60px 0;
/* background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%); */
background-image: url(../img/sitemap.png);
background-repeat: no-repeat;
/* background-size: contain; */
background-size: cover;
}
.sitemap-home{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
#sitemap-list {
position: relative;
z-index: 2;
}
#hero .banner-image{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 3000 2000" viewBox="0 0 3000 2000" id="contact-us"><switch><g><polygon fill="%23e6e6e6" points="1201.428 1109.635 1304.52 1050.175 2259.611 1606.007 2156.519 1665.466"></polygon><polygon fill="%23ffd266" points="1246.709 483.34 1278.376 468.493 1764.481 428.256 2260.118 1035.347 2228.288 1053.844"></polygon><path fill="%23fefefe" d="M1266.343,1085.382c-12.933-19.99-21.344-43.314-21.284-64.278l1.525-537.995L1266.343,1085.382z"></path><polygon fill="%23f2b930" points="1246.709 483.34 2231.793 1052.078 1773.177 1089.754 1738.405 1046.651 1703.511 1049.533"></polygon><polygon fill="%23fff" points="1762.69 435.24 2228.285 1053.685 1246.583 483.109"></polygon><polygon fill="%23ffc333" points="1739.992 442.376 2228.285 1053.896 1246.583 483.109"></polygon><polygon fill="%23d9d9d9" points="2147.804 947.891 1739.992 442.376 1374.071 472.584 1373.403 640.298 1703.386 1049.301 1738.28 1046...557,124.345-73.519c58.66,33.867,100.275,104.033,100.094,167.998c-0.159,55.976-27.423,75.336-63.215,54.672c-15.578-8.994-26.817-25.022-28.418-45.785c-11.319,12.544-25.929,14.407-43.824,4.075c-21.194-12.236-37.058-40.085-36.969-71.319c0.133-46.822,30.411-71.295,78.127-43.746C1909.745,1346.538,1926.309,1360.287,1934.567,1370.019z M1895.31,1406.089l4.737-33.495c-2.653-2.311-6.288-5.168-10.263-7.463c-21.871-12.627-39.177,2.183-39.26,31.493c-0.041,14.48,5.566,26.867,16.492,33.176C1879.28,1436.88,1892.254,1426.441,1895.31,1406.089L1895.31,1406.089z"></path><path fill="%237ebd28" d="M1801.603,1262.315l16.805-9.766c21.607-12.557,51.778-10.87,87.767,9.908c58.66,33.867,100.275,104.033,100.094,167.998c-0.088,31.085-8.535,50.878-22.16,58.796l-16.805,9.766c13.624-7.918,22.071-27.711,22.16-58.796c0.181-63.965-41.434-134.131-100.094-167.998C1853.381,1251.445,1823.21,1249.759,1801.603,1262.315z"></path></g></g></switch></svg>');
}
.sitemap {
margin-top: 30px;
}
.sitemap-home {
margin-bottom: 30px;
}
#sitemap-list h5 {
font-size: 30px;
font-weight: bolder;
}
#sitemap-list a {
color: #000;
}
.link-box .link-list, .link-box .link-list1 {
list-style-type: none;
position: relative;
padding-top: 12px;
font-size: 16px;
font-weight: 100;
}
.link-list1::before, .link-box .link-list::before {
content: "";
position: absolute;
top: 0;
left: 16px;
width: 2px;
height: 100%;
background-color: #3c71ea;
}
.link-box .link-list li a, .link-box .link-list1 li a {
display: block;
padding: 7px 5px;
cursor: pointer;
}
/*================================================
Career Assesment
================================================*/
/* .we_are_hiring {
margin-top: 60px;
} */
.peoplenewsroom-section {
display: flex;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
border-radius: 24px;
overflow: hidden;
min-height: 310px;
}
.people-block {
width: 65%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
position: relative;
}
.people-block video {
position: absolute;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom left;
z-index: 0;
}
.people-block h5 {
color: #fff;
font-size: 36px;
line-height: 40px;
font-family: var(--primary-font-family);
font-weight: 600;
margin-bottom: 0;
}
.people-block p {
font-size: 18px;
line-height: 28px;
font-family: var(--primary-font-family);
font-weight: 400;
color: #fff;
}
#career-assesment .btn-primary-five:before {
width: 100%;
padding: 10px;
outline: none;
background: #196ffe;
border: 1px solid #196ffe;
}
#career-assesment .btn-primary-five{
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
/* #career-assesment .input-group {
width: 90%;
} */
#career-assesment .input-group input {
font-size: 16px;
font-family: var(--primary-font-family);
}
#career-assesment .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#contact-assement .new-cta-wrap .cta-com h6 {
height: 30% !important;
}
@media (min-width: 320px) and (max-width: 767px) {
#career-assesment .people-block{
flex-wrap: wrap;
flex-direction: column;
background-position: center;
}
.hiirrng {
position: relative;
z-index: 1;
width: 100%;
padding: 34px;
}
.newsroom-block {
margin: 75px 20px 20px 20px;
}
}
/*#cloud-assessment .expert-info{
padding: 0px 77px;
}*/
/*================================================
Responsive Css
=================================================*/
.cta-com h6 {
font-size:20px;
/* line-height: 32px; */
font-family:var(--primary-font-family);
font-weight: 600;
color:var(--heading-text-color);
/*margin-top: 10px;*/
}
.cta-com svg {
height: 50px;
width: auto;
display: block;
}
.cta-com p {
height: 100px;
font-size: 16px;
line-height: 28px;
font-family:var(--para-color)
}
/*======================================
Certified section and Integrate section
========================================*/
.tile{
background: #fff;
border: 1px solid #f0f4fd;
box-shadow: 4px 5px 16px rgba(21,0,99,.12);
position: relative;
width: 100%;
padding:20px;
/*transition: all ease .3s;*/
border-radius: 5px;
flex-direction: column;
margin: 0px 0px 10px;
text-align: -webkit-center;
}
.ingeration-partner h6{
margin-bottom:0px !important;
}
.ingeration-partner1 h6{
margin-bottom:0px !important;
}
.ingeration-partner img {
width: 100%;
max-height: 32px;
height: 100%;
object-fit: contain;
}
.ingeration-partner1 img {
width: 100%;
max-height: 50px;
height: 100%;
object-fit: contain;
}
/*================================================
start cloud Managemanet Section
=================================================*/
.project-her-sec {
position: relative;
z-index: 1;
}
.project-her-sec .counter-number {
font-size: 16px;
font-weight: bolder;
letter-spacing: 0px;
}
.project-her-sec .hover-style {
background: #F2F5FD;
border-radius: 0 64px;
padding: 35px 26px;
/* transition: .2s ease 0; */
margin: 15px 0;
}
.project-her-sec .hover-style:hover {
background: #D1DDFA;
}
.features-container {
width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1
}
.features-list-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
/* background:#e4f0ff; */
/* padding: 50px 60px; */
padding: 50px 90px;
border-radius: 15px;
box-shadow: 0 3px 11px rgb(100 148 213 / 41%);
transition: all ease .3s;
background-image: url(../img/banner-bg1.jpg);
animation-name: slideInDown;
animation-duration: 700ms;
animation-timing-function: ease;
animation-delay: 300ms;
animation-direction: normal;
animation-fill-mode: both;
}
.features-list-wrapper:hover {
transform: scale(1.01);
}
.pb-10 {
padding-bottom: 10px;
}
.pt-10 {
padding-top: 10px;
}
.features-cta {
width: 30%;
}
.features-list {
width: 30%;
}
.features-list ul li:after {
content: '';
display: block;
position: absolute;
width: 7px;
height: 14px;
left: 0;
top: 5px;
border: solid #2196f3;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.features-list ul li {
color: #000;
padding-left: 30px;
font-size: 18px;
line-height: 25px;
font-weight: 600;
margin: 30px 0;
position: relative
}
@media screen and (max-width:1281px) {
.features-container {
width: 100% !important
}
}
@media screen and (max-width:1024px) {
.features-list-wrapper:hover {
transform: inherit
}
.features-list-wrapper {
border-radius: 0;
box-shadow: none;
padding: 30px 30px 20px 30px
}
}
@media screen and (max-width:641px) {
#features-section {
margin-bottom: 0
}
#features-section .container {
padding: 0 !important
}
.features-cta {
text-align: left
}
.features-cta .talk-to-us {
width: 100%
}
.features-cta span {
/* font-size:16px; */
line-height: 24px;
font-weight: 600;
padding-bottom: 13px;
}
.features-list ul li:last-child {
margin-bottom: 0
}
.features-cta h6 {
font-size: 25px;
line-height: 34px;
font-weight: 600;
}
.features-cta h6:after {
left: 0;
transform: inherit
}
.features-cta p {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.features-list {
width: 100%
}
.features-list ul li {
margin: 10px 0;
font-size: 16px;
line-height: 25px;
font-weight: 600;
}
}
#cap ul>li>h5 {
font-size: 18px;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 10px 20px;
}
.cap .info ul li {
margin: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*================================================
Sitemap Section
=================================================*/
#premium .link-title{
font-size: 24px !important;
}
.sitemap-section {
position: relative;
overflow: hidden;
height: 50vh;
/* height: 100%; */
z-index: 1;
padding: 60px 0;
/* background: linear-gradient(45deg, var(--primary-color), var(--secondary-color) 80%); */
background-image: url(../img/sitemap.png);
background-repeat: no-repeat;
/* background-size: contain; */
background-size: cover;
}
.sitemap-home{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
#sitemap-list {
position: relative;
z-index: 2;
}
#hero .banner-image{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 3000 2000" viewBox="0 0 3000 2000" id="contact-us"><switch><g><polygon fill="%23e6e6e6" points="1201.428 1109.635 1304.52 1050.175 2259.611 1606.007 2156.519 1665.466"></polygon><polygon fill="%23ffd266" points="1246.709 483.34 1278.376 468.493 1764.481 428.256 2260.118 1035.347 2228.288 1053.844"></polygon><path fill="%23fefefe" d="M1266.343,1085.382c-12.933-19.99-21.344-43.314-21.284-64.278l1.525-537.995L1266.343,1085.382z"></path><polygon fill="%23f2b930" points="1246.709 483.34 2231.793 1052.078 1773.177 1089.754 1738.405 1046.651 1703.511 1049.533"></polygon><polygon fill="%23fff" points="1762.69 435.24 2228.285 1053.685 1246.583 483.109"></polygon><polygon fill="%23ffc333" points="1739.992 442.376 2228.285 1053.896 1246.583 483.109"></polygon><polygon fill="%23d9d9d9" points="2147.804 947.891 1739.992 442.376 1374.071 472.584 1373.403 640.298 1703.386 1049.301 1738.28 1046...557,124.345-73.519c58.66,33.867,100.275,104.033,100.094,167.998c-0.159,55.976-27.423,75.336-63.215,54.672c-15.578-8.994-26.817-25.022-28.418-45.785c-11.319,12.544-25.929,14.407-43.824,4.075c-21.194-12.236-37.058-40.085-36.969-71.319c0.133-46.822,30.411-71.295,78.127-43.746C1909.745,1346.538,1926.309,1360.287,1934.567,1370.019z M1895.31,1406.089l4.737-33.495c-2.653-2.311-6.288-5.168-10.263-7.463c-21.871-12.627-39.177,2.183-39.26,31.493c-0.041,14.48,5.566,26.867,16.492,33.176C1879.28,1436.88,1892.254,1426.441,1895.31,1406.089L1895.31,1406.089z"></path><path fill="%237ebd28" d="M1801.603,1262.315l16.805-9.766c21.607-12.557,51.778-10.87,87.767,9.908c58.66,33.867,100.275,104.033,100.094,167.998c-0.088,31.085-8.535,50.878-22.16,58.796l-16.805,9.766c13.624-7.918,22.071-27.711,22.16-58.796c0.181-63.965-41.434-134.131-100.094-167.998C1853.381,1251.445,1823.21,1249.759,1801.603,1262.315z"></path></g></g></switch></svg>');
}
.sitemap {
margin-top: 30px;
}
.sitemap-home {
margin-bottom: 30px;
}
#sitemap-list h5 {
font-size: 30px;
font-weight: bolder;
}
#sitemap-list a {
color: #000;
}
.link-box .link-list, .link-box .link-list1 {
list-style-type: none;
position: relative;
padding-top: 12px;
font-size: 16px;
font-weight: 100;
}
.link-list1::before, .link-box .link-list::before {
content: "";
position: absolute;
top: 0;
left: 16px;
width: 2px;
height: 100%;
background-color: #3c71ea;
}
.link-box .link-list li a, .link-box .link-list1 li a {
display: block;
padding: 7px 5px;
cursor: pointer;
}
/*================================================
Career Assesment
================================================*/
/* .we_are_hiring {
margin-top: 60px;
} */
.peoplenewsroom-section {
display: flex;
justify-content: space-between;
max-width: 1320px;
margin: 0 auto;
border-radius: 24px;
overflow: hidden;
min-height: 310px;
}
.people-block {
width: 65%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
position: relative;
}
.people-block video {
position: absolute;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom left;
z-index: 0;
}
.hiirrng {
position: relative;
z-index: 1;
/*padding-left: 80px;*/
}
.people-block h5 {
color: #fff;
line-height: 2.5rem;
font-weight: 500;
margin-bottom: 0;
}
.people-block p {
font-size: 1.125rem;
line-height: 28px;
font-family: var(--primary-font-family);
font-weight: 400;
color: #fff;
}
.newsroom-block{
z-index: 1;
/*margin: 75px;*/
}
#career-assesment .btn-primary-five:before {
width: 100%;
padding: 10px;
outline: none;
background: #196ffe;
border: 1px solid #196ffe;
}
#career-assesment .btn-primary-five{
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
/* #career-assesment .input-group {
width: 90%;
} */
#career-assesment .input-group input {
font-size: 1rem;
font-family: var(--primary-font-family);
}
#career-assesment .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#contact-assement .new-cta-wrap .cta-com h6 {
height: 30% !important;
}
@media (min-width: 320px) and (max-width: 767px) {
#career-assesment .people-block{
flex-wrap: wrap;
flex-direction: column;
background-position: center;
}
.hiirrng {
position: relative;
z-index: 1;
width: 100%;
padding: 34px;
}
.newsroom-block {
margin: 75px 20px 20px 20px;
}
}
/*#cloud-assessment .expert-info{
padding: 0px 77px;
}*/
.center-image-b{
display: flex !important;
flex-direction: column;
align-items: center !important;
}
/*=======================
Gmetrix
==========================*/
/* #gmetrix-landing .work-process-five span.serial-number {
height: 36px;
line-height: 40px;
min-width: 56px;
} */
/*================================================
Responsive Css our work
=================================================*/
@media (min-width: 320px) and (max-width: 480px){
.section-second-pd {
padding: 30px 5px 10px 20px;
}
.our-work-bg {
height: 25vh !important;
background-size: cover;
}
#our-work-slider .team-content img {
display: block;
height: 538px !important;
width: 375px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.our-work-bg {
height: 325px!important;
background-size: cover;
}
#our-work-slider .team-content img {
display: block;
height: 538px !important;
width: 350px !important;
}
.about.style-8 .info .key-points li {
width: 100% !important;
margin: 10px 10px;
}
.about.style-8 .info{
margin-top: 30px;}
}
.intl-tel-input,
.iti{
width: 100%;
}
.iti__selected-dial-code {
font-size: 1rem !important;
}
/*PHP Dev start*/
.service_list {
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #c5c5c5;
max-width:75%;
}
.service_list a {
font-size: 1rem;
font-weight: 600;
fill: var(--heading-text-color);
color: var(--heading-text-color);
border-style: solid;
border-width: 0px;
border-color: #c5c5c5;
border-radius: 0px;
padding: 18px 0;
display: inline-flex;
align-items: center; /* Align icon vertically with text */
text-decoration: none; /* Remove underline */
}
.service_list a i {
transform: rotate(-45deg); /* Initial rotation */
margin-left: 10px;
transition: transform 0.3s linear, color 0.3s linear; /* Add transition for color */
color: #313030;
}
.service_list a:hover i {
transform: rotate(0deg); /* Rotation on hover */
color: var(--primary-color); /* New color on hover */
}
/*end service css*/
/*Start tool gallery*/
a:hover {
text-decoration: none;
color: var(--primary-color); /* New color on hover */
}
.toolbar{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; /* This will ensure buttons wrap if the screen is small */
/* margin: 1rem 0;Adjust the margin if needed */
}
.toolbar button {
margin: 0.5rem; /* Optional: Adds spacing between buttons */
}
.btn.active{
border:1px solid #fff;
background-color: var(--primary-color);
color:var(--white) !important;
}
.gallery-top-text button {
border: 1px solid #E6EFFF;
background-color:#E6EFFF;
padding: 8px 12px !important;
border-radius: 5px !important;
color: var(--para-color);
display: inline-block;
font-size: 1rem !important;
font-weight: 500;
}
.gallery-top-text button:hover {
color: var(--white) !important;
background: var(--primary-color);
}
.filter-button.active {
background: var(--primary-color);
color: #fff;
}
.filter {
border: 1px solid #fff;
}
.filter:hover .overlay {
opacity: 0.8;
}
.text {
color: white;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
/*end tool gallery*/
/*CTA OF PHP*/
.php-benefits h6{
font-size:1.125rem;
font-weight:600;
}
.php-benefits:hover{
border: 1px solid var(--primary-color);
box-shadow: 0 4px 6px 0 rgba(60, 114, 234, 0.1);
}
.php-cta{
align-items: center !important;
background-color: #D4FEEC;
padding:60px 30px;
border-radius: 10px;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.php-cta:hover {
transform: translateY(-10px);
}
.php-cta h5{
font-size:2rem;
color:#0C1C6F;
font-weight:600;
}
.php-cta p{
font-size:1.25rem;
color:#0C1C6F;
}
.php-benefits{
border: 1px solid #C0C0C0;
padding: 20px 30px;
border-radius: 10px;
}
.php-benefits h5{
font-size:1.25rem;
font-weight: normal !important;
}
.cta
{
background: rgb(9,21,83);
/*background: linear-gradient(280deg, #89c7fb, #c8d5f9 62.02%, #f9f9f4);*/
background: linear-gradient(88deg, rgba(255,255,255,1) 28%, rgba(202,229,251,1) 90%, rgba(230,239,255,1) 100%);
}
.contact-form2 {
background: rgb(255 255 255 / 10%);5
padding: 15px 25px;
position: relative;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
width: 100%;
}
.bg-share{
background: var(--primary-color);
/*padding: 15px 25px;*/
position: relative;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.service-form{
background: var(--primary-color);
/*padding: 15px 25px;*/
position: relative;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.form1-bg{
/*padding: 15px 25px;*/
position: relative;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.form1{
padding: 1.25rem;
}
.form2{
padding: 1.25rem;
}
/*.contact-form2 .form-control{
color: var(--white);
}*/
.contact-form2 .hs-input {
padding: 15px;
width: 100%;
height: 50px;
background: rgb(255 255 255 / 0%);
border: 1px solid #f4f6ff;
border-radius: 5px;
color: var(--white) !important;
font-family: var(--primary-font-family);
font-weight: 500;
font-size: 0.875rem;
line-height: 150%;
letter-spacing: .02em;
}
@media only screen and (max-width: 1366px){
.contact-form2 {
top: auto;
width: 100%;
}}
@media only screen and (max-width: 1980px){
.contact-form2 {
width: 100%;
}
}
.form-control:focus {
background-color: rgb(255 255 255 / 0%) !important;
}
.contact-form2 .form-group{
margin: 10px;
}
.contact-form2 .want-head span {
color: #1a3ad6;
font-weight: 600;
}
.contact-form2 .hs-input:focus {
outline: 0 none;
border-color: #1a3ad6;
}
/* Change the placeholder text color */
.contact-form2 input::placeholder {
color: var (--white); /* Replace #888 with your desired color code */
}
/* For better browser support, you might need to include vendor prefixes */
.contact-form2 input::-webkit-input-placeholder {
color: var (--white);
}
.contact-form2 input:-ms-input-placeholder {
color: var (--white);
}
.contact-form2 input::-ms-input-placeholder {
color: var (--white);
}
/*end CTA*/
/*Start benefits of php dev*/
.info-box {
display: flex;
align-items: baseline; /* Ensure vertical alignment */
padding: 1.25rem;
}
.info-box .number {
flex-shrink: 0;
margin-right: 1.25rem;
font-size: 1.5rem; /* Adjust size of the number */
font-weight: 400;
color: var(--heading-text-color); /* Number color */
width: 3.125rem; /* Adjust width to align numbers consistently */
height: 3.125rem; /* Adjust height to align numbers consistently */
display: flex;
align-items: center;
justify-content: center;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.info-box .content h3 {
margin-top: 0;
margin-bottom: 0.625rem;
font-size: 1.5rem; /* Adjust font size as needed */
}
.info-box .content p {
margin: 0;
/* Text color */
}
/* Gradient backgrounds for each box */
/*Read more start*/
.read-more-btn {
color: #007BFF;
cursor: pointer;
text-decoration: underline;
}
.description {
display: inline;
}
/* .benefit-img{
border: 1px solid #ffffff;
box-shadow: 0 0 10px 5px rgba(21, 0, 99, 0.08);
border-radius: 1rem;}*/
/*Read more end*/
/*end php dev benefits*/
/*the mobile top brand logo start */
.logo-box {
padding: 1.25rem;
text-align: center;
object-fit: contain;
}
.logo-box img {
max-width: 100%;
height: auto;
}
/* Remove space between columns */
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters>[class^="col-"] {
padding-right: 0;
padding-left: 0;
}
/*end logo brands */
/*Clutch review design start*/
.review-card {
background: linear-gradient(135deg, #ffffff, #f2f7f3); /* Light greenish background */
border-radius: 15px;
padding: 1.875rem;
text-align: center;
max-width: 18.75rem;
margin: auto;
}
.stars {
color: #ff4d4d !important; /* Red color for stars */
}
.half-star {
color: #ff4d4d; /* Grey color for the half-star */
}
.clutch-logo {
font-size: 2rem;
font-weight: bold;
background-color: transparent !important; /* Clutch logo color */
}
.clutch-dot {
color: #e84545 !important; /* Red dot in the logo */
}
/*Clutch review design end*/
/*benefits design code start*/
.grecaptcha-badge {
visibility: hidden !important;
}
/* start boxes-area service*/
.boxes-area {
position: relative;
/*padding-bottom: 80px;*/
z-index: 1;
}
.box-mauve{
background:#E3CCFF;}
.box-gold{
background: #FFFDBB;
}
.box-celadon {
background:#E8F7A9;}
.box-green {
background: #D2FDEB;
}
.box-yellow{
background: #FEFDE1;
}
.box-pink{
background: #F4EAFF;
}
.box-aqua{
background: #E5F7FF;
}
.box-purple{
background: #FFDFF7;
}
.box-purple2{
background: #E6EAFF;
}
.box-peacock{
background:#E0FFF6;
}
.box-butter
{background:#FFF9E8;}
.box-boost{
background:#0A1863;
}
.box-blue {
background: linear-gradient(145deg, rgba(17,38,153,1) 0%, rgba(28,64,255,1) 100%);
}
.single-box {
padding: 1.875em;
position: relative;
z-index: 1;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
-webkit-box-shadow: 0 0 10px rgba(72, 69, 224, 0.1);
box-shadow: 0 0 10px rgba(194, 194, 194, 0.25);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-box .icon {
display: inline-block;
text-align: center;
width: 55px;
height: 55px;
line-height: 55px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-box h5 {
font-size: 1.25rem !important;
font-weight: 600;
margin-bottom: 0px !important;
}
.single-box p {
-webkit-transition: 0.5s;
transition: 0.5s;
}
/*end boxes-area service*/
/*media query for singal box*/
@media only screen and (max-width: 767px) {
.single-box {
margin-bottom: 30px;
}
}
/*box phph start*/
.single-box2 {
padding: 1.875em;
position: relative;
z-index: 1;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-box2 .icon {
display: inline-block;
text-align: center;
width: 55px;
height: 55px;
line-height: 55px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-box2 h5 {
font-size: 1.25rem !important;
font-weight: 600;
margin-bottom: 0px !important;
}
.single-box2 p {
-webkit-transition: 0.5s;
transition: 0.5s;
}
/*end boxes-area service*/
/*media query for singal box*/
@media only screen and (max-width: 767px) {
.single-box2 {
margin-bottom: 30px;
}
}
/*end with meadia query*/
/*********************************/
/********IAC page style start************/
/*****************************/
#iac-feature {
transition: 0.6s;
background-image: url(../img/banner/iac-feature.svg);
background-repeat: no-repeat;
background-size: cover;
opacity: 0; /* Start with hidden state */
transform: translateY(20px); /* Start slightly down */
animation: fadeInUp 0.6s ease-out forwards; /* Trigger animation */
}
/* Define the keyframes for the fadeInUp effect */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.iac-top-benefits {
/*position: relative;
padding: 0px 15px;*/
grid-gap: 20px;
}
#iac-top span{
color:#A0FFD7;
font-weight: 600;
-webkit-text-fill-color: transparent !important;
background: linear-gradient(45deg, aquamarine, #A0FFD7 80%);
-webkit-background-clip: text;
background-clip: text;
}
.iac-top-benefits h5{
font-weight:600;
font-size: 1.25rem !important;
}
.feature-border1, .feature-border3{
border-radius: 30px 30px 0px;
}
.feature-border2{
border-radius: 30px 30px 30px 0px;
}
.feature-border4{
border-radius: 0px 30px 30px;
}
.feature-border5{
border-radius: 30px 0px 30px 30px;
}
.feature-border6{
border-radius: 0px 30px 30px 30px;
}
.key-feature{
Padding:30px;
background-color: #ffffff;
box-shadow:rgba(168, 165, 165, 0.5) 0px 0px 10px 0px;
}
.key-feature h5{
font-weight:600;
font-size: 1.25rem !important;
color:#0A1863;
}
.fa-minus:before, .fa-subtract:before {
content: "\f068";
color: #3C71EA;
}
/*********************************/
/********IAC page style end************/
/*****************************/