html{
overflow-x: hidden;
}
body{
padding: 0;
margin: 0;
background: #07071c;
color: #fff;
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: #c400ff;
--secondary-color: #ebebeb;
--txtcolor1: #fff;
--txtcolor2: #636363;
--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;
}
.captext{
text-transform: uppercase;
}
.heading{
position: relative;
margin-bottom: 30px;
font-size: 42px;
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;
color: var(--primary-color);
font-weight: 500;
}
.sectag.nodgn, .sectag.hozrdgn{
padding-left: 0;
}
.sectag:before{
display: none;
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: #fff!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(135deg, #8428fc, #cb1efc, #8428fc);
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_30{
padding-top: 30px;
}
.pddb_30{
padding-bottom: 30px;
}
.pddt_50{
padding-top: 50px;
}
.pddb_50{
padding-bottom: 50px;
}
.pddt_70{
padding-top: 70px;
}
.pddb_70{
padding-bottom: 70px;
}
.m_0{
margin: 0!important;
}
.mt_0{
margin-top: 0!important;
}
.mb_0{
margin-bottom: 0!important;
}
.mt_30{
margin-top: 30px;
}
.mt_50{
margin-top: 50px;
}
.mt_70{
margin-top: 70px;
}
.mb_30{
margin-bottom: 30px;
}
.mb_50{
margin-bottom: 50px;
}
.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;
}
.breadcrumb{
background-color: #13133f;
}
/*social media icons*/
.social_md_list ul{
padding: 0;
margin: 0;
}
.social_md_list li{
display: inline-block;
width: 35px;
height: 35px;
background: var(--txtcolor1);
color: var(--dark-color);
padding: 6px 0 0;
font-size: 16px;
border-radius: 10px;
margin: 0px 5px 5px 0px;
text-align: center;
line-height: 1.6;
}
.social_md_list li svg {
fill: var(--dark-color);;
position: relative;
top: 2px;
}
.social_md_list li:hover{
background: var(--primary-color);
color: #fff;
transform: scale(1.2);
}
.social_md_list li:hover svg {
fill: #fff;
}
/*social media icons*/
/*Heading*/
header{
margin-bottom: 138px;
}
.navbar {
margin-bottom: 0;
background: transparent;
z-index: 9999;
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);
background: #07071c;
}
.navbar.navbar-default .container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
}
.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: 220px;
max-height: 70px;
object-fit: contain;
object-position: left;
}
.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(135deg, #8428fc, #cb1efc, #8428fc);
z-index: -1;
transition: .3s;
}
.navbar .menu li:hover{
/*background: var(--primary-color);*/
}
.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;
}
.navbar .menu li.special a{
color: var(--white)!important;
padding: 8px 24px;
}
.navbar .menu li:hover a{
color: var(--primary-color);
}
.menu .menu-item-has-children>a:first-child{
padding-right: 26px;
}
.menu .navcticn{
position: absolute;
color: #fff;
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(--primary-color);
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(--txtcolor2);
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: #fff;
}
.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: 5px 0 0px auto;
transition: 0s;
}
.navbar-default .navbar-collapse:hover{
overflow: visible!important;
}
.navbar-collapse.collapse[aria-expanded="false"]{
visibility: hidden;
opacity: 0;
}
/*End*/
/*banner section*/
.section-1{
z-index: 1;
}
.section-1 .swiper-mainslider{
overflow: hidden;
}
.showcase {
width: 100%;
position: relative;
}
.showcase:after{
content: "";
position: absolute;
left: 50%;
top: calc(50% - 85px);
width: 100%;
height: 100%;
min-height: 100vh;
background: url(../img/bannerbg.png) no-repeat center center/cover;
transform: translate(-50%, -50%);
z-index: -1;
opacity: 0.3;
}
.showcase .flxcontrol{
align-content: center;
align-items: stretch;
height: calc(100vh - 105px);
overflow: hidden;
}
.showcase-content {
position: relative;
z-index: 2;
padding-top: 16vh;
padding-bottom: 16vh;
}
.showcase-content h1.bnrheading {
font-weight: 700;
font-size: 48px;
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{
font-size: 16px;
padding: 10px 22px;
}
.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 0 0 auto;
max-width: 85%;
}
.pts{
}
.pts .flxcontrol{
align-items: stretch;
justify-content: space-between;
height: unset;
overflow: visible;
}
.pts .pts-box{
position: relative;
width: 28%;
margin: 30px 0px;
background: linear-gradient(14deg, #282828, #b5b5b5);
padding: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
border-radius: 10px;
transition: .5s;
}
.pts .pts-box:hover{
box-shadow: 0 10px 50px rgb(0 0 0 / 6%);
background: linear-gradient(135deg, var(--primary-color), #7e00ff);
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:nth-child(3n)::after,
.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: #07071c;
opacity: 1;
z-index: 1;
box-shadow: 0 0 0px 4px #07071c;
}
.pts .pts-box:nth-child(4n):before,
.pts .pts-box:first-child:before{
display: none;
}
.pts .pts-box .icon{
width: 100%;
padding: 0 10px;
}
.pts .pts-box .icon img{
max-width: 70px;
margin: 0 auto;
filter: grayscale(1) brightness(0.1);
transition: .5s;
}
.pts .pts-box:hover .icon img{
filter: grayscale(1) brightness(10);
}
.pts .pts-box .info{
width: 100%;
}
.pts .pts-box .info p{
font-size: 14px;
}
.pts .pts-box .info .btn{
margin: 25px 0 10px 0;
}
/*end*/
/*Section 2i*/
.section-2i{
overflow: hidden;
}
.section-2i .swiper-companies{
overflow: hidden;
}
.section-2i .company{
padding: 20px;
background: var(--white);
border-radius: 10px;
}
.section-2i .company img{
height: 80px;
width: 100%;
object-fit: contain;
}
/*end*/
/*Section 2*/
.section-2 .flxcontrol{
align-items: flex-start;
}
.workimgs{
position: relative;
z-index: 1;
}
.workimgs .img2{
position: relative;
cursor: pointer;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 20px rgb(0 0 0 / 14%);
}
.workimgs .vidon:after{
content: "\f04b";
font-family: FontAwesome;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
text-align: center;
padding: 15px 0 15px 5px;
font-size: 30px;
color: #fff;
border: 3px solid #fff;
border-radius: 50%;
opacity: .7;
transition: .5s;
}
.workimgs .vidon:hover:after{
opacity: 1;
transform: translate(-50%, -50%) scale(1.2);
}
.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%);
}
/*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;
}
.section-4 .heading:after{
content: "";
position: absolute;
bottom: -40px;
left: 0;
width: 60px;
height: 6px;
border-radius: 5px;
background: var(--primary-color);
}
.section-4 .flxcontrol{
align-items: stretch;
}
.section-4 .row>.flxcontrol{
padding: 60px 40px 40px 40px;
background: linear-gradient(227deg, #525255, #1d1d28);
border-radius: 20px;
position: relative;
z-index: 1;
}
.section-4 .row>.flxcontrol:after{
content: "";
background-image: url(../img/footer_img_1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
left: 0;
bottom: 0;
width: 500px;
height: 500px;
z-index: -1;
opacity: .15;
}
.section-4 .flxcontrol .col-md-3{
padding: 0;
}
.section-4 .itemcont{
margin-bottom: 30px;
}
.sec4item{
position: relative;
padding: 20px 20px 30px 20px;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
background: #29292e;
border-radius: 10px;
}
.sec4item .icon{
width: 70px;
padding: 0 8px;
}
.sec4item .icon svg{
}
.sec4item .icon img{
/*border-radius: 5px;*/
/*box-shadow: 0 3px 10px rgb(0 0 0 / 6%);*/
}
.sec4item .infocont{
width: calc(100% - 70px);
padding-left: 25px;
}
.sec4item .infocont h3{
color: var(--secondary-color);
font-weight: 600;
font-size: 18px;
margin-top: 0;
}
.sec4item .infocont p{
color: var(--txtcolor2);
font-size: 14px;
margin-bottom: 0;
}
.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;
}
/*end*/
/*Section 5*/
.section-5{
position: relative;
overflow: hidden;
z-index: 1;
background-image: url(../img/bg2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
}
.section-5 .flxcontrol{
align-items: flex-start
}
.section-5 .itemcont{
margin-bottom: 30px;
padding: 0;
}
.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;
position: relative;
}
.bgvid{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
padding-bottom: 56.4%;
width: 100%;
z-index: -1;
}
.bgvid iframe{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
}
.section-6 .flxcontrol{
min-height: 70vh;
align-content: center;
}
.section-6 .heading{
margin-bottom: 15px;
}
/*end*/
/*Section 7*/
.section-7{
overflow: hidden;
}
.sec7item{
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;
background: linear-gradient(25deg, #191927, #434352);
border-radius: 10px;
text-align: center;
}
.sec7item:after{
content: "";
position: absolute;
right: 15px;
top: 15px;
width: 30px;
height: 25px;
background: url(../img/quote.svg) no-repeat center center/cover;
z-index: 1;
transform: rotate(-180deg);
transition: .3s;
}
.sec7item:hover:after{
background: url(../img/quote2.svg) no-repeat center center/cover;
opacity: 1;
}
.sec7item:before{
content: "";
position: absolute;
right: -70px;
top: -70px;
width: 140px;
height: 140px;
background: #494957;
border-radius: 50%;
}
.sec7item .thumbimg{
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
border: 3px solid #fff;
}
.sec7item .hdingcont{
width: 100%;
padding: 0 15px;
}
.sec7item .hdingcont h3{
margin-top: 10px;
margin-bottom: 5px;
font-weight: 700;
font-size: 20px;
color: var(--secondary-color);
}
.sec7item .hdingcont .ratings:after{
content: "\f005\00a0\f005\00a0\f005\00a0\f005\00a0\f005";
color: var(--primary-color);
font-family: FontAwesome;
font-size: 16px;
}
.sec7item .infocont{
width: 100%;
padding: 10px 0px;
color: var(--secondary-color);
}
.sec7item:hover{
box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
}
.section-7 .sec7pagination{
bottom: -30px;
}
.section-7 .sec7pagination .swiper-pagination-bullet{
background: var(--primary-color);
}
/*end*/
/*section 8*/
.section-8{
overflow: hidden;
}
.section-8 .flxcontrol{
align-items: flex-start;
}
.section-8 .panel{
border: none;
border-radius: 10px;
overflow: hidden;
margin-bottom: 13px;
background: #16162e;
}
.section-8 .panel-heading{
padding: 0;
background: transparent;
}
.section-8 .panel-heading h4{
}
.section-8 .panel-heading h4 a{
position: relative;
display: block;
padding: 22px;
font-size: 20px;
color: #fff;
font-weight: normal;
}
.section-8 .panel-heading h4 a[aria-expanded="true"]{
background: #494957;
}
.section-8 .panel-heading h4 a:after{
content: "\f107";
font-family: FontAwesome;
font-size: 20px;
color: white;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.section-8 .panel-heading h4 a[aria-expanded="true"]:after{
content: "\f106";
}
.section-8 .panel-body{
border: none!important;
padding: 25px;
}
/*end*/
/*Section 9*/
.section-9{
width: 100%;
position: relative;
z-index: 2;
margin-bottom: -70px;
}
.section-9 .flxcontrol{
background: linear-gradient(30deg, #444, #c7c7c7);
color: #fff;
padding: 50px 25px;
border-radius: 20px;
}
.section-9 h2{
position: relative;
margin: 25px 0 35px;
font-size: 32px;
font-weight: 600;
}
.section-9 h2:after{
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 60px;
height: 6px;
border-radius: 5px;
background: var(--primary-color);
}
.section-9 .unsetpos{
border-left: 1px solid #b9b9b9;
}
.section-9 .unsetpos .btn{
position: relative;
min-width: 200px;
}
/*end*/
/*Section 10*/
.hmcont{
}
.hmcont .flxcontrol{
align-items: stretch;
}
.hmcont .flxcontrol .flxcontrol{
background: #060631;
border-radius: 30px;
padding: 30px 15px;
}
.lightmode .hmcont .flxcontrol .flxcontrol{
background: #f2f2f2;
color: #000;
}
.hmcont h3{
font-size: 32px;
margin-top: 0;
}
.lightmode .hmcont h3{
color: var(--primary-color);
}
.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: calc(100% - 120px);
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;
height: calc(100% - 75px);
margin: 45px 0 0;
}
.hmcont .contmap iframe{
position: absolute;
width: 100%;
height: 100%;
}
/*end*/
/*Defaut page baanr*/
.ldsec1{
position: relative;
z-index: 1;
color: white;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: rgb(25 27 37 / 65%);
background-blend-mode: overlay;
position: relative;
left: 0;
top: 0;
width: 100%;
}
.flx{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
min-height: calc(60vh - 75px);
}
.flxcont{
text-align: center;
}
.flxcont h1{
font-size: 50px;
font-weight: 700;
margin-top: 0;
}
/*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*/
footer{
position: relative;
padding: 70px 0 0;
z-index: 1;
}
footer:after{
content: "";
background-image: url(../img/bg_footer_2.jpg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .2;
z-index: -1;
}
.fbraning img{
max-width: 180px;
}
.fnote h3{
margin-top: 0;
}
.fsocial ul{
padding: 0;
}
.fsocial li{
display: inline-block;
width: 32px;
height: 32px;
background: #f2f2f2;
color: #000;
padding: 4px 0 0;
font-size: 18px;
border-radius: 10px;
margin: 10px 2px 10px 0px;
text-align: center;
}
.fsocial li:hover{
background: var(--primary-color);
color: #fff;
}
.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 3px 15px;
border-radius: 5px;
}
.fpoints li:hover{
/*background: gainsboro;*/
}
.fpoints li:after{
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
height: 5px;
width: 5px;
opacity: 1;
background-color: var(--primary-color);
transition: .8s;
}
.fpoints li:hover:after{
transform: translateY(-50%) scale(2);
border-radius: 50%;
}
.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;
}
.cpyrgt a{
color: #fff;
}
/*Footer end*/
/*extra*/
.slideanim {
opacity: 0;
visibility:hidden;
transition: .3s ease-in-out;
}
.slidelrmain {
opacity: 0;
visibility:hidden;
transition: .3s ease-in-out;
}
.sliderlmain {
opacity: 0;
visibility:hidden;
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*/
@media (max-width: 991px){
body{
overflow-x: hidden;
}
.showcase-content{
margin-bottom: 140px;
}
.workimgs .img1{
left: -10%;
}
/*footer*/
footer{
text-align: center;
}
.fpoints ul{
padding: 0;
}
.fpoints li{
display: inline-block;
padding: 0 10px;
}
.fpoints li:after{
display: none;
}
.cpyrgt{
text-align: center;
}
.cpyrgt p{
font-size: 12px;
}
/*end*/
}
@media (max-width: 767px){
body{
font-size: 14px;
}
.m_off{
display: none!important;
}
.m_on{
display: block!important;
}
.heading{
font-size: 28px;
}
/*Header*/
.navbar{
background: rgb(5 11 34 / 65%);
backdrop-filter: blur(7px);
}
.navbar.navbar-default .container{
display: block;
}
.navbar .brand {
max-width: unset;
width: unset;
max-height: 60px;
}
.navbar .collapse {
display: inherit;
}
.navbar-collapse.collapse[aria-expanded="false"]{
visibility: visible;
opacity: 1;
margin: 0;
}
.navbar-collapse.collapse[aria-expanded="true"]{
height: calc(100vh - 77px);
}
.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: 22px;
margin-right: 5px;
}
.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;
}
.heroimgcont .heroitems .heroitemimg{
margin: 0 auto;
}
.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: 101.5%;
transform: translateX(-50%);
left: 50%;
width: 4px;
height: 50px;
}
.pts .pts-box:before {
top: -12.5%;
transform: translateX(-50%);
left: 50%;
right: unset;
}
.pts .pts-box:nth-child(3n)::after,
.pts .pts-box:nth-child(4n):before{
display: unset;
}
.pts .pts-box:last-child:after {
display: none;
}
/*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(../img/joining1.png) no-repeat center center/cover!important;
}
/*end*/
/*Section 4*/
.section-4{
margin-top: 0;
margin-bottom: 30px;
}
.section-4 .heading, .section-4 .sectag{
text-align: center;
}
.section-4 .row>.flxcontrol{
padding: 35px 0px 180px 0px;
width: calc(100% - 30px);
margin-left: 15px;
}
.section-4 .row>.flxcontrol:after{
width: 400px;
height: 400px;
opacity: .07;
}
.sec4item .infocont h3{
font-size: 16px;
}
/*end*/
/*Section 5*/
.section-5{
background-position: left;
}
/*end*/
/*Section 6*/
.section-6 .bgvid{
padding-bottom: 100vh;
}
.bgvid iframe{
min-width: 1900px;
}
/*end*/
/*Section 7*/
/*end*/
/*Section 8*/
/*end*/
/*Section 9*/
.section-9{
padding: 0 15px;
}
.section-9 h2{
margin-top: 0;
}
.section-9 .unsetpos{
border: none;
}
/*end*/
}
/*light mode*/
body.lightmode{
background: #fff;
color: var(--black);
}
.lightmode .breadcrumb{
background-color: #f5f5f5;
}
.lightmode .btn-gradient{
color: #fff!important;
}
.lightmode .btn-gradient:after{
background: linear-gradient(135deg, #8428fc, #cb1efc, #8428fc);
}
/*Heading*/
.lightmode header.fixed .navbar{
background: #fff;
}
.lightmode .navbar .menu li a,
.lightmode .navbar .menu li .navcticn{
color: var(--dark-color);
}
.lightmode .navbar .menu li:hover a,
.lightmode .navbar .menu li:hover .navcticn{
color: var(--primary-color);
}
.lightmode .navbar .menu li.special a{
color: #fff!important;
}
.lightmode .navbar .menu li.special:after{
background: linear-gradient(135deg, #8428fc, #cb1efc, #8428fc);
}
.lightmode .navbar .menu .sub-menu li a {
color: var(--txtcolor2);
}
.lightmode .navbar .menu .sub-menu li:hover a {
color: var(--primary-color);
}
/*end*/
/*Banner Section*/
.lightmode .showcase:after{
background: url(../img/bnr_w.png) no-repeat center center/cover;
}
.lightmode .showcase-content h1.bnrheading{
color: var(--black);
}
.lightmode .showcase-content p.bnrp {
color: var(--txtcolor2);
}
.lightmode .pts .pts-box{
background: linear-gradient(14deg, #c9c9c9, #fff6f6);
color: var(--black);
}
.lightmode .pts .pts-box:before{
background: #fff;
box-shadow: 0 0 0px 4px #ffffff;
}
.lightmode .pts .pts-box:hover .icon img{
filter: none;
}
/*end*/
/*Section 4*/
.lightmode .section-4 .row>.flxcontrol{
background: linear-gradient(227deg, #fff, #ededed);
}
.lightmode .section-4 .row>.flxcontrol:after{
opacity: 1;
}
.lightmode .sec4item{
background: #ededed;
}
.lightmode .sec4item .infocont h3{
color: var(--black);
}
/*end*/
/*Section 6*/
.lightmode .section-6{
color: #fff;
}
/*end*/
/*Section 7*/
.lightmode .sec7item{
background: linear-gradient(14deg, #c9c9c9, #fff6f6);
color: var(--black);
}
.lightmode .sec7item .hdingcont h3,
.lightmode .sec7item .infocont{
color: var(--black);
}
.lightmode .sec7item:before{
background: #e2dede;
}
/*end*/
/*Section 8*/
.lightmode .section-8 .panel{
background: #f6f6f6;
}
.lightmode .section-8 .panel-heading h4 a{
color: #fff;
background: #8b8b8b;
}
/*end*/
/*Section 9*/
.lightmode .section-9 .flxcontrol{
background: linear-gradient(135deg, #8428fc, #cb1efc, #8428fc);
}
.lightmode .section-9 h2:after,
.lightmode .section-9 .unsetpos .btn{
background: #000;
}
/*end*/
/*Footer*/
.lightmode footer{
background: #ededed;
}
.lightmode .fbraning p,
.lightmode .fpoints li a {
color: var(--txtcolor2);
}
.lightmode .cpyrgt a{
color: var(--black);
}
.lightmode footer:after{
filter: grayscale(1) invert(1);
opacity: .08;
}
/*end*/
/*end*/