html{
overflow-x: hidden;
}
body{
padding: 0;
margin: 0;
background: white;
font-size: 14px;
line-height: 1.5;
font-family: 'Poppins', sans-serif;
font-weight: 400;
/*overflow-x: hidden;*/
}
.overflowon{
overflow-y: auto;
}
.overflowoff{
overflow-y: hidden;
}
*{
outline: none!important;
transition: .2s ease-in-out;
}
img{
max-width: 100%;
width: 100%;
}
a{
text-decoration: none!important;
}
.m_on{
display: none;
}
.displayoff{
display: none!important;
}
/*color*/
:root {
--primary-color: #ffba00;
--secondary-color: #000000;
--txtcolor1: #ffba00;
--txtcolor2: #000000;
--dark-color: #141414;
--light-color: #f4f4f4;
--black: #000000;
--white: #ffffff;
--lightgray: #fbfbfb;
}
.primaryBG{
background: var(--primary-color);
}
.secondaryBG{
background: var(--secondary-color);
}
.transparent{
background: transparent;
}
.blackBG{
background: var(--black);
}
.whiteBG{
background: var(--white);
}
.lightgrayBG{
background: var(--lightgray);
}
.blackTXT{
color: var(--black);
}
.whiteTXT{
color: var(--white);
}
.grayTXT{
color: #979797;
}
.txtcolor1{
color: var(--txtcolor1);
}
.txtcolor2{
color: var(--txtcolor2);
}
/*end*/
/*Typography*/
h1, h2, h3{
font-family: 'Poppins', sans-serif;
font-weight: 700;
}
.captext{
text-transform: uppercase;
}
.heading{
position: relative;
margin-bottom: 30px;
font-size: 28px;
font-family: 'Poppins', sans-serif;
}
.heading b, .heading strong{
font-weight: 700;
}
.bttmline:after{
content: "";
position: absolute;
top: calc(100% + 12px);
left: 50%;
transform: translateX(-50%);
width: 100px;
max-width: 30%;
height: 4px;
border-radius: 5px;
background: var(--primary-color);
}
.heading2{
padding: 0 15px;
font-family: 'Poppins', sans-serif;
}
.heading2 b{
font-size: 55px;
}
.heading2 b span{
background: #0066ff;
padding: 0 10px;
}
.sectag{
position: relative;
padding-left: 55px;
font-weight: 500;
}
.sectag.nodgn, .sectag.hozrdgn{
padding-left: 0;
}
.sectag:before{
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 5px;
width: 44px;
box-shadow: -3px 3px 7px 0 rgb(251 176 52 / 20%);
background-color: #0000;
background-image: linear-gradient(340deg ,var(--primary-color) 8%,#fbb034 100%);
}
.sectag.nodgn:before{
display: none;
}
.sectag.hozrdgn:before{
top: -15px;
left: 50%;
transform: translateX(-50%);
}
hr{
border-top: 1px solid #e2e2e2;
}
.bdr_t{
border-top: 1px solid #e2e2e2;
}
.bdr_b{
border-bottom: 1px solid #e2e2e2;
}
/*end*/
/*Buttons*/
.hoverbtn:hover{
transform: scale(1.1);
box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.3);
}
.btn-gradient{
position: relative;
background: transparent;
color: var(--secondary-color)!important;
z-index: 1;
overflow: hidden;
border: none!important;
}
.btn-gradient:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 205%;
height: 100%;
background: linear-gradient(45deg, #ffba00, #ffde00, #ffba00);
z-index: -1;
transition: .3s;
}
.btn-gradient:hover:after{
transform: translateX(-45%);
}
.hovwhiteTXT:hover{
color: white!important;
}
.hovblackTXT:hover{
color: black!important;
}
.btn-shadow{
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.btn-round{
border-radius: 100px;
padding-left: 20px;
padding-right: 20px;
}
.btn-hover-big:hover{
transform: scale(1.02);
}
/*end*/
/*Padding and margines*/
.paddZero{
padding: 0!important;
}
.pddlr_0{
padding-left: 0;
padding-right: 0;
}
.pdd20{
padding: 20px;
}
.pdd30{
padding: 30px;
}
.pdd50{
padding: 50px;
}
.pddt_10{
padding-top: 10px;
}
.pddt_20{
padding-top: 20px;
}
.pddt_30{
padding-top: 30px;
}
.pddt_40{
padding-top: 40px;
}
.pddt_50{
padding-top: 50px;
}
.pddt_60{
padding-top: 60px;
}
.pddt_70{
padding-top: 70px;
}
.pddb_10{
padding-bottom: 10px;
}
.pddb_20{
padding-bottom: 20px;
}
.pddb_30{
padding-bottom: 30px;
}
.pddb_40{
padding-bottom: 40px;
}
.pddb_50{
padding-bottom: 50px;
}
.pddb_60{
padding-bottom: 60px;
}
.pddb_70{
padding-bottom: 70px;
}
.m_0{
margin: 0!important;
}
.mt_0{
margin-top: 0!important;
}
.mb_0{
margin-bottom: 0!important;
}
.mt_10{
margin-top: 10px;
}
.mt_20{
margin-top: 20px;
}
.mt_30{
margin-top: 30px;
}
.mt_40{
margin-top: 40px;
}
.mt_50{
margin-top: 50px;
}
.mt_60{
margin-top: 60px;
}
.mt_70{
margin-top: 70px;
}
.mb_10{
margin-bottom: 10px;
}
.mb_20{
margin-bottom: 20px;
}
.mb_30{
margin-bottom: 30px;
}
.mb_40{
margin-bottom: 40px;
}
.mb_50{
margin-bottom: 50px;
}
.mb_60{
margin-bottom: 60px;
}
.mb_70{
margin-bottom: 70px;
}
/*end*/
.floatL{
float: left;
}
.floatR{
float: right;
}
.relative{
position: relative;
}
.fa-font:before, .fa-font:after, .fa-font li:before, .fa-font li:after{
font: normal normal normal 14px/1 FontAwesome;
content: none;
}
.flxcontrol{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: center;
}
.flex-wrap
{
flex-wrap: wrap;
}
.justify-content-between
{
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.mr-40
{
margin-right:50px;
}
/*Heading*/
header{
margin-bottom: 75px;
}
.navbar {
margin-bottom: 0;
background: white;
/* z-index: 9999; */
z-index: 10;
border: 0;
font-size: 12px !important;
line-height: 1.4 !important;
border-radius: 0;
box-shadow: 0 0 0px rgb(0 0 0 / 0);
}
header.fixed .navbar{
box-shadow: 0 0 20px rgb(0 0 0 / 0.1);
}
.navbar .navbar-brand{
height: unset;
padding: 10px 0;
padding-left: 0px;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #f4511e !important;
background-color: #fff !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
.navbar .brand{
max-width: 175px;
}
.navbar-default .navbar-collapse{
/*padding: 10px 0;*/
}
.navbar .menu{
padding: 0;
text-align: right;
margin: 5px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.navbar .menu li{
position: relative;
display: inline-block;
text-align: center;
padding: 0;
margin: 5px;
font-size: 14px;
border-radius: 50px;
}
.navbar .menu li.special{
position: relative;
background: transparent;
color: var(--secondary-color)!important;
z-index: 1;
border: none!important;
border-radius: 50px;
overflow: hidden;
}
.navbar .menu li.special:hover{
transform: scale(1.05);
}
.navbar .menu li.special:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 205%;
height: 100%;
background: linear-gradient(45deg, #ffba00, #ffde00, #ffba00);
z-index: -1;
transition: .3s;
visibility: visible;
}
.navbar .menu li:hover{
background: #f6f6f6;
}
.navbar .menu li.special:hover:after{
transform: translateX(-45%);
}
.navbar .menu li a{
text-decoration: none;
color: var(--secondary-color);
padding: 8px 14px;
display: inline-block;
visibility: visible;
}
.navbar .menu li.special a{
color: var(--secondary-color)!important;
padding: 8px 24px;
}
.navbar .menu li:hover a{
}
.menu .menu-item-has-children>a:first-child{
padding-right: 26px;
}
.menu .navcticn{
position: absolute;
color: #000;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
z-index: 2;
right: 0;
top: 4px;
padding: 8px 8px;
cursor: pointer;
}
.navbar .menu li:hover.navcticn{
color: var(--black);
transform: rotate(180deg);
}
.navbar .menu .sub-menu{
padding: 20px 10px;
position: absolute;
width: 235px;
right: 0;
top: 100px;
opacity: 0;
visibility: hidden;
background: #fff;
z-index: 9;
transition: .2s;
border-radius: 3px;
box-shadow: 0px 15px 20px rgb(0 0 0 / 7%);
}
.navbar .menu li:hover > .sub-menu{
visibility: visible;
opacity: 1;
top: 40px;
}
.navbar .menu .sub-menu li{
display: block;
text-align: left;
margin: 0;
}
.navbar .menu .sub-menu li:hover{
background: #fff3eb;
}
.navbar .menu .sub-menu li a{
color: var(--secondary-color);
letter-spacing: 0;
width: 100%;
display: block;
padding: 5px 10px;
}
.navbar .menu .sub-menu li:hover a{
color: var(--primary-color);
}
.navbar .menu .sub-menu .sub-menu{
width: 250px;
right: 50%;
top: 0;
background: #e5f4ff;
z-index: -1;
border-radius: 10px 0px 10px 10px;
}
.navbar .menu .sub-menu .sub-menu li a{
color: black;
}
.navbar .menu .sub-menu .sub-menu li:hover a{
color: #0043ff;
}
.navbar .menu .sub-menu li:hover .sub-menu{
visibility: visible;
opacity: 1;
right: 100%;
top: 0;
z-index: 2;
}
.navbar .menu .sub-menu li.menu-item-has-children:hover{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-default .navbar-toggle{
/*display: unset;
float: left;
margin: 18px 15px 18px 0;
padding: 8px;*/
background: transparent!important;
}
.navbar-toggle .icon-bar{
display: block;
width: 28px;
height: 3px;
border-radius: 5px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #333;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 5px;
transition: .5s;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(2){
width: 82%;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(3){
width: 50%;
}
.navbar-default .navbar-toggle.collapsed .icon-bar{
width: 28px;
}
.navbar-default .navbar-collapse{
max-height: 57.4px!important;
overflow: hidden!important;
margin: 8px auto;
transition: 0s;
}
.navbar-default .navbar-collapse:hover{
overflow: visible!important;
}
.navbar-collapse.collapse[aria-expanded="false"]{
visibility: hidden;
}
/*End*/
/*banner section*/
.section-1{
background: white;
z-index: 1;
}
.section-1 .swiper-mainslider{
overflow: hidden;
}
.showcase {
width: 100%;
position: relative;
}
.showcase:after{
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 70vh;
background: url(./img/growthcarvs.png) no-repeat center center/cover;
transform: translateY(-45%);
z-index: -1;
}
.showcase .flxcontrol{
align-content: center;
align-items: stretch;
height: calc(80vh - 75px);
overflow: hidden;
}
.showcase-content {
position: relative;
z-index: 2;
padding-top: 16vh;
/* padding-bottom: 16vh; */
}
.showcase-content h1.bnrheading {
font-weight: 700;
font-size: 38px;
line-height: 1.2;
margin: 0 0 2rem;
color: var(--secondary-color);
}
.showcase-content p.bnrp {
color: var(--secondary-color);
font-weight: 400;
font-size: 16px;
line-height: 1.4;
margin: 0 0 2.5rem;
}
.showcase-content .btn-grp{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.showcase-content .btn-grp .btn{
margin-right: 20px;
}
.showcase-content .pulse{
animation: pulse 5s infinite;
animation-delay: var(--s);
font-size: 22px;
padding: 10px 0;
width: 44px;
height: 44px;
line-height: 1;
text-align: center;
}
.heroimgcont {
height: 100%;
position: relative;
}
.heroimgcont .heroitems{
overflow: hidden;
}
.heroimgcont .heroitems .heroitemimg{
width: 450px;
margin: 0 auto;
max-width: 90%;
}
.pts{
}
.pts .flxcontrol{
align-items: flex-start;
justify-content: space-between;
height: unset;
overflow: visible;
}
.pts .pts-box{
position: relative;
width: 28%;
margin: 30px 0px;
background: var(--lightgray);
padding: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.pts .pts-box:hover{
box-shadow: 0 10px 50px rgb(0 0 0 / 6%);
background: #fff;
transform: scale(1.03);
}
.pts .pts-box:after{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 104%;
width: 20%;
height: 4px;
border-radius: 5px;
background: var(--primary-color);
opacity: .5;
}
.pts .pts-box:last-child:after{
display: none;
}
.pts .pts-box:before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 111.6%;
width: 18px;
height: 18px;
border-radius: 50%;
border: 4px solid var(--primary-color);
background: #fff;
opacity: 1;
z-index: 1;
box-shadow: 0 0 0px 4px white;
}
.pts .pts-box:first-child:before{
display: none;
}
.pts .pts-box .icon{
max-width: 75px;
margin-right: 20px;
}
.pts .pts-box .icon img{
}
.pts .pts-box .info{
width: calc(100% - 95px);
}
.pts .pts-box .info p{
font-size: 14px;
}
/*end*/
/*Section 2*/
.section-2 .flxcontrol{
align-items: flex-start;
}
.workimgs{
position: relative;
z-index: 1;
}
.workimgs .img2{
position: relative;
}
.abtinfobox p{
margin-bottom: 20px;
}
.abtinfobox blockquote{
position: relative;
border-left-color: transparent;
margin-left: 0;
font-size: unset;
}
.abtinfobox blockquote:before{
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 85%;
width: 4px;
box-shadow: -3px 3px 7px 0 rgb(251 176 52 / 20%);
background-color: #0000;
background-image: linear-gradient(340deg ,var(--primary-color) 8%,#fbb034 100%);
}
.abtinfobox .flxcontrol{
justify-content: space-between;
}
.abtinfobox .flxcontrol h3{
color: var(--primary-color);
font-weight: 700;
font-size: 44px;
margin-bottom: 0;
}
.abtinfobox .flxcontrol p{
font-weight: 500;
}
/*end*/
/*Section 3*/
.section-3{
width: 100%;
position: relative;
z-index: 1;
background: url(./img/bg3.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.section-3 .flxcontrol{
align-content: flex-start;
align-items: stretch;
justify-content: space-between;
overflow: hidden;
}
.section-3 .flxcontrol .col-md-6.col-sm-6{
width: calc(50% - 40px);
margin-bottom: 80px;
position: relative;
}
.section-3 .flxcontrol .col-md-6.col-sm-6:after{
content: "";
position: absolute;
top: 50%;
transform: translateY(44%);
left: 90%;
width: 160px;
height: 100px;
z-index: 2;
}
.section-3 .flxcontrol .col-md-6.col-sm-6:last-child:after{
display: none;
}
.section-3 .flxcontrol .col-md-6.col-sm-6:nth-child(even):after{
background: url(./img/joining1.png) no-repeat center center/cover;
}
.section-3 .flxcontrol .col-md-6.col-sm-6:nth-child(odd):after{
background: url(./img/joining2.png) no-repeat center center/cover;
width: 500px;
height: 89px;
left: 50%;
top: 98%;
transform: translateX(-100%);
}
.section-3 .sec3item{
padding: 20px;
background: #fff;
border-top: 20px solid var(--primary-color);
border-radius: 15px ;
box-shadow: 0 5px 40px rgb(0 0 0 / 5%);
height: 100%;
}
.section-3 .sec3item .icon{
font-size: 90px;
font-weight: 900;
padding: 0px 0 10px;
color: rgb(243 243 243);
}
.section-3 .sec3item .infocont{
padding: 0 15px;
}
.section-3 .sec3item h3{
margin-top: 5px;
font-weight: 600;
}
.section-3 .sec3item p{
color: gray;
}
.section-3 .sec3item .btn{
margin-top: 20px;
color: #858585;
font-size: 15px;
}
.section-3 .sec3item .btn:hover{
box-shadow: 0 2px 20px rgb(0 0 0 / 8%);
background: #cecece;
color: #5e5e5e;
transform: scale(1.02);
}
.section-3 .sec3item:hover{
background: #fff;
transform: translateY(-5px);
box-shadow: 0 5px 10px rgb(0 0 0 / 0.1);
border-bottom-color: var(--primary-color);
z-index: 2;
}
.section-3 .sec3item:hover .icon{
color: var(--primary-color);
/*opacity: .5;*/
}
.section-3 .sec3item:hover h3{
color: var(--primary-color);
}
.section-3 .sec3item:hover p{
}
/*end*/
/*section 4*/
.section-4{
overflow: hidden;
background: #fbfbfb;
}
.section-4 .btn-grp{
white-space: nowrap;
width: 100%;
overflow: auto;
padding: 30px 0;
}
.section-4 .btn-grp .btn{
font-size: 12px;
text-transform: uppercase;
color: #000;
border-radius: 6px;
margin: 3px;
padding: 5px 10px;
}
.section-4 .flxcontrol{
align-items: stretch;
}
.section-4 .flxcontrol .col-md-3{
padding: 0;
}
.sec4item{
position: relative;
padding: 20px 20px 20px 20px;
height: 100%;
margin-bottom: 20px;
}
.sec4item .icon{
width: 100%;
}
.sec4item .icon svg{
}
.sec4item .icon img{
border-radius: 5px;
box-shadow: 0 3px 10px rgb(0 0 0 / 6%);
}
.sec4item .infocont{
width: 100%;
margin-bottom: 80px;
}
.sec4item .infocont h3{
color: var(--secondary-color);
font-weight: 600;
font-size: 18px;
}
.sec4item .infocont p{
color: var(--secondary-color);
font-size: 14px;
}
.sec4item .infocont .arrwbtn{
position: absolute;
left: 50%;
bottom: 38px;
transform: translateX(-50%);
}
.sec4item .infocont .arrwbtn button{
background-color: #f3f3f3;
background-image: url(./img/arrow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
text-shadow: 0 0 10px transparent;
padding: 26px;
border-radius: 50%;
border: none;
}
.sec4item:hover{
box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
transform: scale(1.05);
transition: all .3s ease-out;
background: #fff;
z-index: 2;
}
.sec4item:hover .infocont .arrwbtn button{
background-color: #ffb700;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzU0JyBoZWlnaHQ9JzU0JyB2aWV3Qm94PScwIDAgNTQgNTQnPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0zMTggLTM4MzcpJz48Y2lyY2xlIGN4PScyNycgY3k9JzI3JyByPScyNycgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMzE4IDM4MzcpJyBmaWxsPSd0cmFuc3BhcmVudCc+PC9jaXJjbGU+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTQ4IDEwMzkuMTk2KSc+PHBhdGggZD0nTTI2MzQuNy0xNjkyLjY0NGwzLjc5MiwzLjc5Mi0uNjMyLjYzMi0zLjE2LDMuMTYnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0yNDQxLjk3NiA0NTEzLjQ0OCknIGZpbGw9J25vbmUnIHN0cm9rZT0nIzAwMjI0MCcgc3Ryb2tlLXdpZHRoPScxLjUnPjwvcGF0aD48cGF0aCBkPSdNMjYzNC43LTE2OTIuNjQ0bDMuNzkyLDMuNzkyLS42MzIuNjMyLTMuMTYsMy4xNicgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTI0MzcuODczIDQ1MTMuNDQ4KScgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAyMjQwJyBzdHJva2Utd2lkdGg9JzEuNSc+PC9wYXRoPjwvZz48L2c+PC9zdmc+IA==);
}
/*end*/
/*Section 5*/
.section-5{
position: relative;
overflow: hidden;
z-index: 1;
}
.section-5:before, .section-5:after{
content: "";
position: absolute;
transform: translateX(-50%);
width: 900px;
height: 900px;
background: url(./img/design.svg) no-repeat center center/cover;
z-index: -1;
opacity: .1;
}
.section-5:before{
left: 25%;
top: -50%;
}
.section-5:after{
left: 80%;
bottom: -50%;
}
.section-5 .flxcontrol{
overflow: hidden;
}
.sec5item{
background: #fff;
border-radius: 10px;
padding: 15px;
margin-bottom: 25px;
}
.sec5item .thumbimg{
position: relative;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 3px 7px rgb(0 0 0 / 12%);
}
.sec5item .thumbimg img{
width: 100%;
transition: .8s;
}
.sec5item:hover .thumbimg img{
transform: scale(1.1);
}
.sec5item .thumbimg .pricerng{
position: absolute;
z-index: 1;
bottom: 7px;
color: #fff;
left: 7px;
background: var(--primary-color);
padding: 5px 12px;
border-radius: 5px;
font-size: 12px;
}
.sec5item .thumbimg .pricerng .amount{
font-weight: 600;
}
.sec5item .thumbimg .pricerng ins{
text-decoration: none;
}
.sec5item .thumbimg .pricerng del{
float: right;
margin-left: 5px;
font-size: 10px;
font-weight: normal;
position: relative;
top: 3px;
}
.sec5item .thumbimg .pricerng del .amount{
font-weight: normal;
}
.sec5item:hover h3{
color: var(--primary-color);
}
.sec5item .infocont .arrwbtn button{
border-radius: 50px;
padding: 10px 20px;
font-weight: 500;
color: var(--secondary-color);
background: #ffdead;
background-image: none!important;
}
/*end*/
/*Section 6*/
.section-6{
overflow: hidden;
}
.sec6item{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
padding: 30px;
transition: all .3s ease-out;
overflow: hidden;
}
.sec6item:after{
content: "";
position: absolute;
right: -5px;
bottom: 0;
width: 154px;
height: 125px;
background: url(./img/quote.svg) no-repeat center center/cover;
z-index: -1;
transform: rotate(-180deg);
opacity: .05;
transition: .3s;
}
.sec6item:hover:after{
background: url(./img/quote2.svg) no-repeat center center/cover;
opacity: 1;
}
.sec6item .thumbimg{
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.sec6item .hdingcont{
width: calc(100% - 80px);
padding: 0 15px;
}
.sec6item .hdingcont h3{
margin-top: 10px;
margin-bottom: 5px;
font-weight: 700;
font-size: 20px;
color: var(--secondary-color);
}
.sec6item .hdingcont .ratings:after{
content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";
color: var(--primary-color);
font-family: FontAwesome;
font-size: 16px;
}
.sec6item .infocont{
width: 100%;
padding: 10px 0px;
color: var(--secondary-color);
}
.sec6item:hover{
box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
}
.section-6 .sec6pagination{
bottom: -30px;
}
/*end*/
/*Section 6 New*/
/*.Testimonial_Slider_Inner*/
/*{*/
/* position: relative;*/
/* margin-top: 0px;*/
/* width: 100%;*/
/* padding: 14px 0 14px 28px;*/
/*}*/
/*.Testimonial_Slider_logo*/
/*{*/
/* position: absolute;*/
/* left: 0px;*/
/* top: 0px;*/
/* width: 110px;*/
/* height: 110px;*/
/* border-radius: 15px;*/
/* outline-color: #ffffff !important;*/
/* outline-offset: 0px !important;*/
/* outline-style: solid !important;*/
/* outline-width: 14px !important;*/
/* background: #f4f8f9;*/
/* border: 1px solid #e1e1e1;*/
/*}*/
/*.Testimonial_Slider_logo img*/
/*{*/
/* -o-object-fit: contain;*/
/* object-fit: contain;*/
/* -o-object-position: center center;*/
/* object-position: center center;*/
/* width:100%;*/
/* height:100%;*/
/* padding:8px;*/
/*}*/
/*.Testimonial_Slider_text*/
/*{*/
/* padding: 16px 54px 30px 115px;*/
/* flex-direction: column;*/
/* border-radius: 24px;*/
/* background-color: #fffde9;*/
/* border: 1px solid #ffc101;*/
/* overflow: hidden;*/
/* position: relative;*/
/* z-index: -1;*/
/* display: flex;*/
/* min-height: 218px;*/
/* justify-content: center;*/
/*}*/
/*.Testimonial_Slider_text:hover {*/
/* background-color: #fffde3;*/
/* border: 1px solid #ffba00;*/
/*}*/
/*.Testimonial_Slider_text p*/
/*{*/
/* font-size: 14px;*/
/*}*/
/*.Testimonial_Slider_text h3*/
/*{*/
/* font-size: 20px;*/
/*}*/
/*.Testimonial_Slider_rating*/
/*{*/
/* position: absolute;*/
/* top: 10px;*/
/* right: -21px;*/
/* overflow: hidden;*/
/* border-radius: 13rem;*/
/* outline-color: #ffffff;*/
/* outline-offset: 0px;*/
/* outline-style: solid;*/
/* outline-width: 12px;*/
/* cursor: pointer;*/
/*}*/
/*.Testimonial_Slider_rating span*/
/*{*/
/* position: relative;*/
/* display: flex;*/
/* padding: 6px 14px 6px 14px;*/
/* -webkit-box-align: center;*/
/* -webkit-align-items: center;*/
/* -ms-flex-align: center;*/
/* align-items: center;*/
/* grid-column-gap: 0.5rem;*/
/* grid-row-gap: 0.5rem;*/
/* border-radius: 10rem;*/
/* background-color: #fff;*/
/* outline-color: #ffffff !important;*/
/* outline-offset: 0px !important;*/
/* outline-style: solid !important;*/
/* outline-width: 1rem !important;*/
/* font-weight: 500 !important;*/
/*}*/
/*.Testimonial_Slider_rating span::after {*/
/* content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";*/
/* color: #ffba00;*/
/* font-family: FontAwesome;*/
/* font-size: 16px;*/
/*}*/
/*.Testimonial_Slider_text::before {*/
/* content: "";*/
/* position: absolute;*/
/* width: 100px;*/
/* height: 100px;*/
/* background: #ffc101;*/
/* left: -44px;*/
/* top: -30px;*/
/* border-radius: 21px;*/
/*}*/
/*.Testimonial_Slider_text::after {*/
/* content: "";*/
/* position: absolute;*/
/* width: 127px;*/
/* height: 30px;*/
/* border: 1px solid #ffc101;*/
/* right: -38px;*/
/* top: -6px;*/
/* border-radius: 28px;*/
/* background: #ffffff;*/
/*}*/
.Testimonial_Slider_Inner2
{
position: relative;
margin: 30px 20px;
padding: 20px 28px;
border-radius: 18px;
position: relative;
background: #fff;
box-shadow:0px 0px 24px -6px #e5e5e5;
border:1px solid #ccc;
}
.Testimonial_Slider_Inner2::after
{
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #ffc000;
border-radius: 18px;
z-index: -1;
transform: rotate(174deg);
box-shadow: 0px 0px 16px -6px #ccc;
display:none;
}
.Testimonial_Slider_logo2
{
width: 105px;
height: 105px;
overflow: hidden;
padding: 10px;
position: relative;
z-index: 4;
}
.Testimonial_Slider_logo2 img
{
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
border-radius: 15px 0 15px 0;
z-index: 2;
background:#eee;
}
.Testimonial_Slider_logo2::before
{
position: absolute;
content: "";
width: 86px;
height: 86px;
border: 2px solid #ffc000;
border-radius: 15px 0 15px 0;
z-index: -1;
top: 0px;
left: 0px;
}
.Testimonial_Slider_logo2::after
{
position: absolute;
content: "";
width: 86px;
height: 86px;
border: 2px solid #ffc000;
border-radius: 15px 0 15px 0;
z-index: -1;
bottom: 0;
right: 0px;
}
.Testimonial_Slider_text2
{
width: calc(100% - 105px);
padding-left: 20px;
}
.Testimonial_Slider_text2 h5
{
font-size: 16px;
}
.Testimonial_Slider_text2 p
{
font-size: 14px;
}
.Testimonial_Slider_text2 label
{
font-size: 16px;
color: #ffc000;
}
.coma-style
{
position: relative;
min-height: 206px;
}
.coma-style::before
{
position: absolute;
content: "“";
top: -78px;
left: 0px;
color: #ffc000;
font-size: 120px;
font-family: Georgia, "Times New Roman", Times, serif;
text-shadow: -1px -1px 15px #eee;
}
.coma-style::after
{
position: absolute;
content: "”";
right: 0px;
bottom: -142px;
color: #ffc000;
font-size: 120px;
font-family: Georgia, "Times New Roman", Times, serif;
text-shadow: -1px -1px 15px #eee;
}
.Testimonial_Slider_rating2 .ratings:after{
content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";
color: var(--primary-color);
font-family: FontAwesome;
font-size: 16px;
}
.Testimonial_Slider .swiper-review
{
overflow:hidden;
}
/*Section 6 Ne end*/
/*Section 7*/
.section-7{
width: 100%;
position: relative;
z-index: 1;
}
.section-7 .flxcontrol{
background-image: url('Footer.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center -50px;
background-color: #ffba00;
color: #fff;
padding: 50px 25px;
border-radius: 20px;
}
.section-7 h2{
font-style: italic;
margin: 15px 0;
}
.section-7 .unsetpos .btn{
position: relative;
min-width: 200px;
}
/*end*/
/*Section 8*/
.hmcont{
}
.hmcont .flxcontrol{
}
.hmcont .flxcontrol .flxcontrol{
background: #fffdf8;
padding: 20px;
border-radius: 20px;
}
.hmcont h3{
font-size: 32px;
margin-top: 0;
}
.hmcont .continfo{
border: 2px solid var(--secondary-color);
padding: 15px;
margin-bottom: 10px;
position: relative;
}
.hmcont .continfo:after{
content: "";
position: absolute;
right: calc(0% - 5px);
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 80%;
background: var(--primary-color);
border-radius: 5px;
}
.hmcont .continfo p{
max-width: 240px;
margin: 0 0 10px auto;
}
.hmcont .ctnmail{
color: var(--secondary-color);
font-weight: 500;
}
/*.hmcont .contmap{*/
/* position: relative;*/
/* padding-bottom: 56.4%;*/
/* overflow: hidden;*/
/* border-radius: 15px;*/
/* box-shadow: 0 5px 15px #00000012;*/
/*}*/
/*.hmcont .contmap iframe{*/
/* position: absolute;*/
/* width: 100%;*/
/* height: 100%;*/
/*}*/
/*end*/
/*My account*/
.woocommerce-MyAccount-navigation ul {
white-space: nowrap;
width: 100%;
overflow-x: auto;
padding: 0;
background: #ededed;
border-radius: 5px;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
display: inline-block;
padding: 5px 10px;
margin: 3px;
}
.woocommerce-MyAccount-navigation ul li a {
color: #000;
}
.woocommerce-MyAccount-navigation ul li.is-active {
background: var(--primary-color);
border-radius: 3px;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: white;
}
.woocommerce form .form-row .input-checkbox {
margin: 5px 0px 0px 0;
transform: scale(1.2);
}
.woocommerce-terms-and-conditions-checkbox-text {
display: inline-block;
padding-left: 20px;
line-height: 1.4;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 2px solid var(--secondary-color);
border-radius: 0px;
max-width: 450px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
#customer_login .u-column1 h2, #customer_login .u-column2 h2{
text-align: center;
font-size: 18px;
}
#customer_login .woocommerce-form button[type="submit"]{
width: 100%;
padding: 12px 15px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce #customer_login form label{
font-weight: normal;
font-size: 14px;
color: var(--primary-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
width: 100%;
float: unset;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding: 10px;
}
.checkout.woocommerce-checkout img{
background: white!important;
}
/*End*/
/*Footer*/
.section-footer
{
border-top: 1px solid #ffba00;
}
footer{
background-image: url('Footer.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 70px 0 0;
}
.fbraning img{
max-width: 180px;
margin:auto;
margin-top: -1rem;
}
.fnote h3{
margin-top: 0;
}
.fsocial ul{
padding: 0;
}
.fsocial li{
display: inline-block;
width: 40px;
height: 40px;
background: #f2f2f2;
color: var(--secondary-color);
padding: 7px 0 0;
font-size: 18px;
border-radius: 50px;
margin: 10px 2px 10px 0px;
text-align: center;
}
.fsocial li:hover{
background: var(--primary-color);
color: #fff !important;
}
.fpoints h3{
font-size: 15px;
font-weight: 600;
margin: 0 0 20px;
}
.fpoints ul{
padding: 0;
margin: 0;
}
.fpoints li{
position: relative;
list-style: none;
color: black;
margin-bottom: 6px;
padding: 3px 0;
border-radius: 5px;
}
.fpoints li:hover{
/*background: gainsboro;*/
}
.fpoints li:after{
content: "";
position: absolute;
top: calc(100% - 0px);
left: 0px;
transform: translateY(-50%);
height: 3px;
width: 0px;
opacity: 0;
box-shadow: -3px 3px 7px 0 rgb(251 176 52 / 20%);
background-color: #0000;
background-image: linear-gradient(340deg ,var(--primary-color) 8%,#fbb034 100%);
transition: .8s;
}
.fpoints li:hover:after{
width: 44px;
opacity: 1;
}
.fpoints li a{
color: var(--secondary-color);
display: block;
}
.fpoints li:hover a{
font-weight: 500;
}
.ftb{
border-top: 1px solid #dcdcdc;
padding: 30px 0;
margin-top: 35px;
}
.ftb p span{
color: black;
padding: 5px;
margin: 0 10px;
}
.ftb p strong, .ftb p b{
font-weight: 600;
}
/*Footer end*/
/*extra*/
.slideanim {
opacity: 1;
visibility:unset;
transition: .3s ease-in-out;
}
.slidelrmain {
opacity: 1;
visibility:unset;
transition: .3s ease-in-out;
}
.sliderlmain {
opacity: 1;
visibility:unset;
transition: .3s ease-in-out;
}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
opacity: 1;
animation-delay: var(--d);
transition: .3s ease-in-out;
}
.slidelr {
animation-name: slidelr;
-webkit-animation-name: slidelr;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
opacity: 1;
transition: .3s ease-in-out;
}
.sliderl {
animation-name: sliderl;
-webkit-animation-name: sliderl;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
opacity: 1;
transition: .3s ease-in-out;
}
/*end*/
/*Animations*/
@keyframes slide {
0% {
visibility:hidden;
transform: translateY(70%);
}
100% {
visibility: visible;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
visibility:hidden;
-webkit-transform: translateY(-70%);
}
100% {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
}
}
@keyframes slidelr {
0% {
opacity: 0;
transform: translateX(-70%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes slidelr {
0% {
opacity: 0;
-webkit-transform: translateX(-70%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@keyframes sliderl {
0% {
opacity: 0;
transform: translateX(70%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes sliderl {
0% {
opacity: 0;
-webkit-transform: translateX(70%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
/*pulsh effect*/
@keyframes pulse{
0%{
box-shadow: 0 0 0 0 rgb(255 172 0 / 44%), 0 0 0 0 rgb(255 106 0 / 65%);
}
40%{
box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 0 rgb(255 172 0 / 51%);
}
80%{
box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
}
100%{
box-shadow: 0 0 0 0 rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
}
}
/*end*/
.navbar-collapse.collapse[aria-expanded="false"] {
visibility: visible;
}
@media (max-width: 991px){
body{
overflow-x: hidden;
}
.navbar-collapse.collapse[aria-expanded="false"] {
visibility: visible;
}
.menu .navcticn {
position: absolute;
color: #000;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
z-index: 2;
right: 0;
top: -5px;
padding: 8px 8px;
cursor: pointer;
}
.navbar .menu li:hover {
background: #f6f6f6;
width: auto;
padding: 7px;
}
.showcase .flxcontrol {
align-content: center;
align-items: stretch;
height: auto;
overflow: hidden;
}
.showcase-content {
position: relative;
z-index: 2;
padding-top: unset;
/* padding-bottom: 16vh; */
}
.showcase-content{
margin-bottom: -8px;
}
.heroimgcont {
height: unset;
position: relative;
}
.workimgs .img1{
left: -10%;
}
/*footer*/
footer{
text-align: center;
}
.fpoints ul{
padding: 0;
}
.fpoints li{
display: inline-block;
}
/*end*/
}
@media (max-width: 767px){
body{
font-size: 14px;
}
.m_off{
display: none!important;
}
.m_on{
display: block!important;
}
.heading{
font-size: 28px;
}
/*Header*/
.collapse {
display: inherit;
}
.navbar-collapse.collapse[aria-expanded="false"]{
visibility: visible;
opacity: 1;
margin: 0;
display:none;
}
.navbar-collapse.collapse[aria-expanded="true"]{
/* height: calc(100vh - 77px); */
opacity: 1;
display:block;
}
.navbar-default .navbar-toggle:hover .icon-bar{
/*width: initial;*/
}
.navbar-default .navbar-collapse{
max-height: unset!important;
}
.navbar .menu{
max-height: 100%;
overflow: auto;
display: block;
}
.navbar .navbar-brand{
padding-left: 15px;
}
.navbar-default .navbar-toggle{
margin-top: 18px;
}
.navbar .menu li{
display: block;
text-align: center;
border-radius: 6px;
}
.navbar .menu li.account{
position: fixed;
top: 42px;
right: 5px;
font-size: 26px;
}
.navbar .menu .sub-menu{
position: relative;
width: 100%;
top: 0!important;
border-radius: 0 0 5px 5px;
background: #fdfdfd;
display: none;
visibility: visible!important;
opacity: 1!important;
}
.navbar .menu li .sub-menu.active{
display: block;
}
.menu .navcticn.active{
transform: rotate(180deg);
}
/*end*/
/*Banner*/
.showcase-content{
text-align: center;
padding-top: 5vh;
padding-bottom: 5vh;
margin: 0;
}
.showcase .flxcontrol{
height: unset;
margin-top: -10%;
}
.showcase-content .btn-grp{
flex-wrap: wrap;
justify-content: center;
}
.showcase-content .btn-grp a:first-child{
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.showcase-content h1.bnrheading{
font-size: 28px;
}
.showcase-content p.bnrp{
font-size: 14px;
}
.pts .pts-box {
width: calc(100% - 30px);
margin: 30px 15px;
}
.pts .pts-box:after {
top: 104%;
transform: translateX(-50%);
left: 50%;
width: 4px;
height: 50px;
}
.pts .pts-box:before {
top: -34%;
transform: translateX(-50%);
left: 50%;
right: unset;
}
/*end*/
/*Section 2*/
.section-2{
overflow: hidden;
margin-bottom: 0;
padding-bottom: 0;
}
.abtinfobox .flxcontrol h3{
font-size: 28px;
}
.abtinfobox .flxcontrol {
justify-content: space-evenly;
}
/*end*/
/*Section 3*/
.section-3{
margin-top: 0;
margin-bottom: 50px;
}
.section-3 .flxcontrol .col-md-6.col-sm-6{
width: 100%;
}
.section-3 .flxcontrol .col-md-6.col-sm-6:after {
top: 100%!important;
transform: translateX(-50%) rotate(90deg)!important;
left: 50%!important;
width: 95px!important;
height: 60px!important;
background: url(../css/img/joining1.png) no-repeat center center/cover!important;
}
/*end*/
/*Section 4*/
.section-4{
margin-top: 0;
margin-bottom: 30px;
}
.sec4item .infocont h3{
font-size: 16px;
}
.sec5item .infocont .arrwbtn button{
min-width: 120px;
padding: 8px 10px;
}
/*end*/
/*Section 7*/
.section-7 .flxcontrol{
width: 90%;
margin: 0 auto;
}
.section-7 .unsetpos {
margin-top: 30px;
}
/*end*/
/*Section 8*/
.hmcont .flxcontrol .flxcontrol .col-md-6.col-sm-6{
margin: 20px 0;
}
/*end*/
}
/*network page*/
.tabs_my {
margin: 0 auto;
}
.tabs_my > input[type="radio"] {
display: none;
}
.tabs_my > div {
display: none;
border: 1px solid #e0e0e0;
padding: 20px 20px;
font-size: 16px;
}
#tab_my-btn-1:checked ~ #content-1,
#tab_my-btn-2:checked ~ #content-2,
#tab_my-btn-3:checked ~ #content-3 {
display: block;
}
.tabs_my > label {
display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
padding: 2px 8px;
font-size: 16px;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor: pointer;
position: relative;
top: 1px;
}
.tabs_my > label:not(:first-of-type) {
border-left: none;
}
.tabs_my > input[type="radio"]:checked + label {
background-color: #fff;
border-bottom: 1px solid #fff;
}
.box_container
{
max-width: 80%;
margin: 0 auto;
}
.box_flex
{
display: flex;
}
.box_flex_item
{
/* flex: 0 0 33.33%;
max-width: 33.33%;*/
padding: 0px;
margin: 0px 0px;
border: 0px;
background-color: rgb(255, 255, 255);
transform: translateY(0px);
transition: all 0.6s ease 0s;
border: 1px solid #ccc;
border-radius: 8px;
height: 198px;
}
.box_flex_item:hover
{
box-shadow: rgb(0 0 0 / 10%) 0px 5px 11px 0.2px;
}
.box_flex_item_header
{
padding: 12px 12px 0px;
min-height:120px;
}
.d-flex
{
display: flex;
}
.inq_img
{
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
position: relative;
margin-right: 12px;
}
.inq_img img
{
width:100%;
height:100%;
object-fit: cover;
object-position: center;
}
.inq_name
{
width: calc(100% - 76px);
}
.inq_name h3
{
margin-top: 0px;
font-size: 16px;
color: rgb(61, 63, 84);
font-weight: 500;
opacity: 1;
margin-bottom: 3px;
line-height: 1;
min-height: 32px;
overflow-wrap: break-word;
font-family: Montserrat, sans-serif;
font-size: 20px;
}
.inq_name p
{
font-size: 15px;
color: rgb(92, 92, 92);
padding-bottom: 3px;
font-family: Montserrat, sans-serif;
}
.box_flex_item_body
{
margin-top: 8.5px;
padding: 12px;
border-top: 1px solid #ccc;
font: inherit;
vertical-align: baseline;
font-family: Montserrat, sans-serif;
}
.box_flex_item_body p
{
line-height: 24px;
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (min-width:576px) and (max-width:767px)
{
.box_flex_item
{
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width:576px) and (max-width:767px)
{
.box_flex_item
{
flex: 0 0 100%;
max-width: 100%;
}
}
.network_data .nav-pills .nav-link
{
color: #000
}
.network_data .nav-pills .nav-link.active,.network_data .nav-pills .show>.nav-link {
color: #fff;
background-color: #ffba00;
}
.nav-item.active .nav-link.active{background:#000;}
.network_data ul.nav {
justify-content: center;
display: flex;
margin-bottom: 25px;
}
.numbers_set1
{
background-color: #fbfbfb;
border-radius: 20px;
overflow: hidden;
width: auto;
min-width: 101%;
}
.numbers_set1 .heading
{
text-align: center;
margin-bottom: 30px;
}
.numbers_set1 .number_set
{
text-align: center;
}
@media (max-width: 400px)
{
.numbers_set1 .number_set
{
width:100%;
}
}
.numbers_set1 .number_set label
{
font-size: 36px;
color: #ffba00;
font-weight: 600;
margin:0px;
}
.numbers_set1 .number_set p
{
font-size: 14px;
margin:0px;
/*color: #eee*/
}
.p-0
{
padding: 0px;
}
.m-0
{
margin: 0px;
}
.align-items-center
{
align-items: center;
}
.justify-content-between
{
justify-content: space-between;
}
.l-bg
{
background:url('https://img.freepik.com/premium-photo/group-business-people-working-graph-chart-talking-planning-analyze-investment-marketing-tablet-office_44344-3692.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 400px;
}
.mt-2
{
margin-top: 30px
}
.main-row-inner
{
display: flex;
align-items: top;
justify-content: space-between;
margin-bottom:30px;
flex-wrap: wrap;
}
.main-row-top
{
display: flex;
align-items: center;
}
.inq_name_h4
{
margin-top: 0px !important;;
font-size: 16px;
color: rgb(61, 63, 84);
font-weight: 500;
opacity: 1;
margin-bottom: 3px;
line-height: 1;
min-height: 44px;
overflow-wrap: break-word;
}
.website_link a{
font-weight: 500;
}
.startup_web_link
{
color:#000;
}
.startup_web_link:hover
{
color:#ffba00;
}
.box_flex_item_header_top
{
min-height:88px;
}
/* width */
::-webkit-scrollbar {
width: 6px;
height:6px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.cashfree-logo img
{
width:100px;
}
.cashfree-logo
{
text-align:center;
}
/************/
.Start-up-menu-item
{
display:none !important;
}
.disclaimer-main-box
{
padding: 26px 14px 26px 14px;
background: #f9f9f9;
border-radius: 23px;
}
.section-disclaimer
{
}
.disclaimer-img {
text-align: center;
}
.disclaimer-img img
{
width:254px;
}
.section-7 .flxcontrol
{
padding: 26px 25px;
}
.disclaimer-row
{
align-items:center;
display:flex;
flex-wrap: wrap;
}
.disclaimer-text p
{
font-size: 16px;
}
.news-slider
{
margin-top:20px;
}
.news_head.heading
{
margin-bottom:10px;
}
.news_head.sectag.hozrdgn:before {
top: 32px;
left: 50%;
transform: translateX(-50%);
}
.depicter-auto-height .depicter-view
{
height:350px !important;
}
/**************Contect Us Start***************/
.serv_overview .decp h2{
font-weight: 700;
font-size: 44px;
color: black;
text-transform: uppercase;
}
.serv_overview{
color: var(--secondary-color);
}
.serv_overview img{
width: 95%;
}
.cttnform .rbdr{
display: flex;
background: #fbfbfb;
padding: 0;
border-radius: 20px;
border: 1px solid #171414;
overflow: hidden;
box-shadow: 0px 0px 6px rgb(0 0 0 / 0.08);
flex-wrap: wrap;
}
.cttnform .rbdr .fmctn{
padding: 10px 4%;
}
.cttnform .rbdr .wellcome{
font-weight: 800;
font-size: 30px;
}
.cttnform .rbdr input, .cttnform .rbdr textarea, .cttnform .rbdr select{
width: 100% !important;
max-height: 60px;
border: none;
padding: 8px 8px 8px 8px;
margin-bottom: 5px;
margin-top: 3px;
border-bottom: 1px dashed #b9b9b9;
color: black;
font-weight: 500;
background: #e7e7e7;
border-radius: 8px;
}
.cttnform .rbdr textarea
{
max-height: 76px !important;
}
.cttnform .rbdr p{
margin: 0;
}
.cttnform .wpcf7-form label
{
font-weight:500;
}
.cttnform .rbdr input[type="submit"]{
font-size: 16px;
text-transform: capitalize;
margin: 0 auto;
padding: 8px 14px;
border-bottom: none;
width: 162px !IMPORTANT;
border-radius: 5px;
background: linear-gradient(45deg, #333333, #5b5b5b, #292929) !important;
color: #fff;
z-index: 1;
}
.cttnform .rbdr .ctxt{
padding: 26px 32px 26px 32px;
position:relative;
}
.cttnform .rbdr .ctxt p{
font-size: 16px;
}
.cttnform .rbdr .ctxt ul{
padding: 0;
}
.cttnform .rbdr .ctxt ul li{
display: inline-block;
color: #0066ff;
margin: 15px 0;
}
.cttnform .rbdr .ctxt ul li i{
color: #0066ff;
font-size: 50px;
background: white;
width: 75px;
height: 75px;
padding: 12px 0;
border-radius: 50%;
margin: 5px 10px;
}
.cttnform .rbdr .ctxt ul li p{
color: #fff;
}
.cttnform .rbdr .ctxt ul li:hover{
transform: scale(1.02);
}
#contact .card:hover i,#contact .card:hover h4{
color: var(--primary-color);
}
.cttnform label{
display: block;
color: #343434;
}
.btn.btn-sbmt{
background: var(--secondary-color);
color: #fff;
}
.btn.btn-sbmt:hover{
background: var(--primary-color);
color: white;
box-shadow: 0 3px 10px rgb(0 0 0 / 12%);
}
/*@media (max-width: 768px)*/
/*{*/
/* .cttnform {*/
/* height: 627px;*/
/* }*/
/*}*/
.cttnform .form-field__label {
font-size: 0.75rem;
transform: translateY(-14px);
display: block;
font-weight: normal;
left: 0;
margin: 0;
padding: 18px 12px 0;
position: absolute;
top: 0;
transition: all 0.4s;
width: 100%;
}
.cttnform .form-field__control {
background: #eee;
border-radius: 8px 8px 0 0;
overflow: hidden;
position: relative;
width: 100%;
}
.cttnform .form-field__bar {
border-bottom: 2px solid #b11adc;
bottom: 0;
content: "";
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
transform: scaleX(0);
transition: all 0.4s;
width: 1%;
}
.cttnform .form-field__input,
.cttnform .form-field__textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-bottom: 1px solid #999;
color: #333;
display: block;
font-size: 1.2rem;
margin-top: 24px;
outline: 0;
padding: 0 12px 10px 12px;
width: 100%;
}
.cttnform .form-field__input:-ms-input-placeholder ~ .form-field__label,
.cttnform .form-field__textarea:-ms-input-placeholder ~ .form-field__label {
font-size: 1.2rem;
transform: translateY(0);
}
.cttnform .form-field__input:-moz-placeholder-shown ~ .form-field__label, .cttnform .form-field__textarea:-moz-placeholder-shown ~ .form-field__label {
font-size: 1.2rem;
transform: translateY(0);
}
.cttnform .form-field__input:-ms-input-placeholder ~ .form-field__label, .cttnform .form-field__textarea:-ms-input-placeholder ~ .form-field__label {
font-size: 1.2rem;
transform: translateY(0);
}
.cttnform .form-field__input:placeholder-shown ~ .form-field__label,
.cttnform .form-field__textarea:placeholder-shown ~ .form-field__label {
font-size: 1.2rem;
transform: translateY(0);
}
.cttnform .form-field__input:focus ~ .form-field__label,
.cttnform .form-field__textarea:focus ~ .form-field__label {
color: #b11adc;
font-size: 0.75rem;
transform: translateY(-14px);
}
.cttnform .form-field__input:focus ~ .form-field__bar,
.cttnform .form-field__textarea:focus ~ .form-field__bar {
border-bottom: 2px solid #b11adc;
transform: scaleX(150);
}
.cttnform .form-field__textarea {
height: 150px;
}
.bg-yellow-light
{
background:#ffba00 !important;
}
.meeting-btn
{
position: relative;
background: transparent;
color: var(--secondary-color)!important;
z-index: 1;
border: none!important;
border-radius: 5px;
overflow: hidden;
}
.meeting-btn::after
{
content: "";
position: absolute;
top: 0;
left: 0;
width: 205%;
height: 100%;
background: linear-gradient(45deg, #ffba00, #ffde00, #ffba00);
z-index: -1;
transition: .3s;
}
.button_Schedule_meeting
{
padding: 8px 14px;
color: var(--secondary-color)!important;
background:none;
border:none;
}
.meeting-btn:hover::after {
transform: translateX(-45%);
}
.contmap
{
margin-top: 26px;
overflow: hidden;
border-radius: 10px;
height: 140px;
}
.contact-address
{
color:#000;
text-align:left;
margin-top:6px;
}
.align-items-center {
align-items: center!important;
}
.justify-content-center {
justify-content: center!important;
}
.contact_email img
{
width:25px;
}
.contact_No img
{
width:25px;
}
.ml-10
{
margin-left:10px;
}
.ml-20
{
margin-left:20px;
}
.mr-10
{
margin-right:10px;
}
.cttnform .rbdr .ctxt::before {
content: "";
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
background: #fbfbfb;
}
.contact-page-box {
padding: 26px 30px;
background: #171414;
z-index: 1;
position: relative;
color: #fff;
border-radius: 15px;
}
.contact_email_phone_address
{
border-bottom: 1px dashed #fff;
padding: 12px 0 8px 0;
border-radius: 2px;
}
.contact_email_phone_address a
{
color: #fff;
}
.contact_email_phone_address img
{
width: 24px
}
.flx
{
min-height: calc(60vh - 244px) !important;
}
/* Tablet view (600px to 991px) */
@media only screen and (min-width: 600px) and (max-width: 991px) {
.pts .flxcontrol {
align-items: unset;
justify-content: space-between;
height: unset;
overflow: visible;
}
}
@media (max-width: 768px) {
.section-1 .swiper-mainslider {
overflow: hidden;
min-height: 100%;
}
.numbers_set1 .numbers_set {
width: 100%;
}
section.section-3.pddt_70.pddb_70.relative {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
/* section.section-6.pddt_70.pddb_70.relative {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
} */
}
/**************Contect Us Start End***************/
@media (max-width: 991px) {
.fpoints li {
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding-right: 10px;
border-right: 3px solid #fbb034;
border-radius: 0px;
}
.fpoints li::after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
background-color: #ccc;
}
/* Hide border-right on the last child */
.fpoints li:last-child {
border-right: none;
}
}
@media (max-width: 767px) {
.section-footer .row {
display: flex;
flex-direction: column;
align-items: center;
}
.fpoints {
text-align: center;
margin: 5px auto;
}
.fbraning {
margin-top: 20px;
}
.fsocial ul {
display: flex;
justify-content: center;
padding: 0;
}
.fsocial ul a {
margin: 0 5px;
}
.fpoints ul.menu {
padding: 0;
list-style: none;
}
.fpoints ul.menu li {
margin: 5px 0;
display: block;
border: none;
}
}
@media (max-width: 767px) {
.fpoints h3 {
display: inline-block;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.fpoints h3::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 50%;
border-bottom: 2px solid #fbb034; /* Change the color and width as needed */
}
}
.has-text-align-center {
text-align: center;
}
a.set_res1 {
color: #ffba00;
}
label.footer-span {
font-weight: 400;
}
@media (max-width: 400px)
{
.numbers_set1 .number_set
{
width:100%;
}
}
@media (max-width: 768px)
{
.fsocial.mt_20 a i {
display: inline-block !important;
margin: 0 auto;
}
.sectag {
position: relative;
padding-left: 55px;
font-weight: 500;
margin-top: 2%;
}
.numbers_set1 .number_set
{
width:100%;
}
.cttnform .rbdr .wellcome {
font-weight: 800;
font-size: 25px;
}
.cttnform .rbdr input, .cttnform .rbdr textarea, .cttnform .rbdr select {
max-width: 100% !important;
max-height: 60px;
border: none;
padding: 8px 8px 8px 8px;
margin-bottom: 5px;
margin-top: 3px;
border-bottom: 1px dashed #b9b9b9;
color: black;
font-weight: 500;
background: #e7e7e7;
border-radius: 8px;
}
.flxcontrol11{
display: block;
}
.meeting-btn11{
margin-top: 3%;
}
.flxcont h1 {
font-size: 30px !important;
font-weight: 700;
margin-top: 0;
}
}
header.fixed .navbar {
box-shadow: 0 0 20px rgb(0 0 0 / 0.1);
}
.navbar-toggle.collapsed .icon-bar {
width: 28px;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
.navbar .menu li a {
text-decoration: none;
color: var(--secondary-color);
padding: 0px 0px;
display: inline-block;
visibility: visible;
}
}
/* Styles for tablets */
@media (min-width: 600px) and (max-width: 1024px) {
.s123{
display: flex;
}
.imggallery li {
min-width: calc(50% - 10px);
}
.workimgs.col-xs-12.col-md-6.col-sm-6 {
display: block;
width: 100%;
}
.col-xs-12.col-md-6.col-sm-6.abtinfobox {
display: block;
width: 100%;
}
.sectag {
position: relative;
padding-left: 55px;
font-weight: 500;
margin-top: 2%;
}
.col-xs-12.col-md-4.col-sm-4.appyform.pddt_50 {
width: 100%;
}
.aplfrm_ctn .aplfrm input, .aplfrm_ctn .aplfrm textarea {
padding: 8px 15px;
background: #fff;
border: 2px solid #e7e7e7;
border-radius: 3px;
width: 85%;
min-width: 97%;
margin: 0 auto 10px;
max-height: 70px;
}
.col-xs-12.col-md-8.col-sm-8.abtinfobox.pddt_50{
width: 100%;
}
.section-3 .sec3item .btn {
margin-top: 20px;
color: #858585;
font-size: 13px;
}
.image-container {
max-width: 100%;
display: flex;
justify-content: center;
margin-top: 20px;
flex-direction: column-reverse;
}
.navbar .menu li.special a {
color: var(--secondary-color) !important;
padding: 4px 10px;
}
.navbar .brand {
max-width: 100px;
display: block;
margin: 0 auto;
}
.navbar .navbar-brand {
height: unset;
padding: 20px 0;
padding-left: 0px;
}
}
.lazy {
background-color: #f0f0f0; /* Placeholder color */
width: 100%;
height: 200px; /* Adjust as needed */
}
.btn_wraper {
display: none;
}
.fsocial li a {
color: #000;
}
.fsocial li a:hover{
background: var(--primary-color);
color: #fff !important;
}
.fsocial.mt_20 a i {
display: block;
margin: 0 auto;
}
.col-xs-12.prtfolio_box.paddZero a h2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(0deg, black, transparent);
display: block;
color: white;
padding: 30px 5px 15px;
font-weight: 500;
font-size: 20px;
margin: 20px 0 0;
line-height: 1.1;
font-style: normal;
}
.infocont h2 {
color: var(--secondary-color);
font-weight: 600;
font-size: 18px;
}
.Testimonial_Slider_text2 h4 {
font-size: 16px !important;
}
.Testimonial_Slider_text2 h3 {
font-size: 16px !important;
}
h2.heading.smllsize {
font-size: 24px;
}
h3.text-uppercase.mb-2 {
font-size: 18px;
font-weight: 500;
}
h2 strong {
font-size: 14px;
}
@media (max-width: 768px)
{
.showcase-content .btn-grp .btn {
/* margin-right: 20px; */
/* padding: 10px 15px; */
display: inline-block;
}
}
.col-xs-12.col-md-8.col-sm-8 h2 strong {
font-size: 30px;
}
a.link_set {
color: #000;
text-decoration: none;
padding-left:2px;
display: inline-block; /* Allows transform to apply properly */
transition: transform 0.3s ease, color 0.3s ease;
}
a.link_set:hover, a.link_set:focus {
/* transform: scale(1.05); */ /* Slightly enlarge the link on hover */
color: #000; /* If you want to keep the color the same, otherwise change it */
}
a.link_set2 {
color: #000;
text-decoration: none;
padding: 5px 5px; /* Increase padding to enlarge touch target */
display: inline-block; /* Allows transform to apply properly */
/*transition: transform 0.3s ease, color 0.3s ease;*/
border-radius: 5px; /* Optional: make the touch target look more button-like */
}
a.link_set2:hover, a.link_set2:focus {
/*transform: scale(1.05); /* Slightly enlarge the link on hover */
color: #000; /* Keep the color the same on hover or change it */
}
a.link_set4 {
color: #000;
text-decoration: none;
display: inline-block; /* Allows transform to apply properly */
/*transition: transform 0.3s ease, color 0.3s ease;*/
border-radius: 5px; /* Optional: make the touch target look more button-like */
}
a.link_set4:hover, a.link_set4:focus {
/* transform: scale(1.05); /* Slightly enlarge the link on hover */
color: #000; /* Keep the color the same on hover or change it */
}
a.link_set1 {
color: gray;
}
ul#block-f503eb52-502c-4d40-83f2-de2aca53275a {
margin-bottom: 12px;
padding: 5px 6%;
display: inline-block;
}
.container1 .content1.slide-left h1 {
font-size: 30px;
}
.marquee_set1{
display: block;
padding: 5px;
background-color: #ffba00;
}
strong.ffssdd {
font-size: 30px;
}
.menu-itemes {
position: relative;
background: transparent;
color: var(--secondary-color) !important;
z-index: 1;
border: none !important;
border-radius: 50px;
overflow: hidden;
display: inline-block;
text-align: center;
padding: 8px 24px;
margin: 0;
font-size: 14px;
}
.menu-itemes.special::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, #ffba00, #ffde00, #ffba00);
z-index: -1;
transition: transform 0.3s ease;
transform: scale(1.5); /* Start scaled larger */
}
.menu-itemes-a:hover::after {
transform: scale(1.05); /* Scale back to normal size on hover */
}
.menu-itemes-a {
color: #000 !important;
position: relative;
z-index: 2; /* Ensure the link text is above the pseudo-element */
text-decoration: none;
}
.inputts_ress{
font-weight: 100 !important;
font-size: 12px;
}
.input_text_set23_resss{
width: 100% !important;
max-height: 60px;
border: none;
padding: 8px 8px 8px 8px;
margin-bottom: 5px;
margin-top: 3px;
border-bottom: 1px dashed #b9b9b9;
color: #7e7979 !important;
font-weight: 500;
background: #e7e7e7 ;
border-radius: 8px;
font-size: 12px;
font-weight: 100 !important;
}
.s1234{
font-size: 16px;
text-transform: capitalize;
margin: 0 auto;
padding: 8px 14px;
border-bottom: none;
width: 162px !IMPORTANT;
border-radius: 5px;
background: linear-gradient(45deg, #333333, #5b5b5b, #292929) !important;
color: #fff;
z-index: 1;
}
.i1_res{
width: 100% !important;
max-height: 60px;
border: none;
padding: 8px 8px 8px 8px;
margin-bottom: 5px;
margin-top: 3px;
border-bottom: 1px dashed #b9b9b9;
color: black;
font-weight: 500;
background: #e7e7e7;
border-radius: 8px;
}
.imggallery li span {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
position: 10px;
color: white;
background: rgb(62 0 2 / 75%);
font-size: 14px;
display: none !important;
}