html{
overflow-x: hidden;
}
body{
padding: 0;
margin: 0;
background: #fff;
color: var(--black);
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: #E4003A;
--secondary-color: #B60071;
--txtcolor1: #FFB200;
--txtcolor2: #EB5B00;
--dark-color: #141414;
--light-color: #f4f4f4;
--black: #232323;
--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(--white);
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;
font-size: 14px;
}
.btn-gradient:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 205%;
height: 100%;
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--secondary-color));
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: var(--secondary-color);
color: #fff;
border-radius: 0;
}
.breadcrumb a{
opacity: .7;
color: #fff;
}
/*Heading*/
header{
margin-bottom: 135px;
}
.navbar {
margin-bottom: 0;
background: white;
z-index: 9999;
border: 0;
font-size: 12px !important;
line-height: 1.4 !important;
border-radius: 0;
box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}
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 .flxcontrol{
width: 100%;
justify-content: space-between;
}
.navbar .navbar-brand{
height: unset;
padding: 0px 0;
padding-left: 0px;
margin-left: 0!important;
width: 120px;
}
.navbar .brand{
max-width: 120px;
max-height: 100px;
object-fit: contain;
}
header.fixed .navbar .brand{
max-height: 70px;
}
.navbar .brand-title{
width: calc(100% - 120px - 200px);
}
.navbar .title_icon{
width: 100%;
max-width: 750px;
height: 90px;
object-fit: contain;
position: relative;
top: -8px;
}
.navbar .seachbox{
}
.navbar .fsocial{
width: 200px;
text-align: right;
}
.navbar .fsocial ul{
margin: 0;
}
.navbar .fsocial ul li{
color: #fff;
border-radius: 50%;
}
.navbar .fsocial ul .fb{
background: #316FF6;
}
.navbar .fsocial ul .tw{
background: #1DA1F2;
}
.navbar .fsocial ul .ig{
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.navbar .fsocial ul .yt{
background: #FF0000;
}
.navbar .fsocial ul .ld{
background: #0077B5;
}
.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-default .navbar-collapse{
/*padding: 10px 0;*/
}
.fullmenu{
background: #FFB200;
}
.navbar .menu{
padding: 0;
text-align: right;
margin: 0 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.navbar .menu li{
position: relative;
display: inline-block;
text-align: center;
padding: 0;
margin: 0 3px;
font-size: 14px;
border-radius: 2px;
}
.navbar .menu li.special{
position: relative;
background: transparent;
color: var(--secondary-color)!important;
z-index: 1;
border: none!important;
border-radius: 5px;
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, var(--primary-color), var(--secondary-color));;
z-index: -1;
transition: .3s;
}
.navbar .menu li:hover{
background: var(--secondary-color);
}
.navbar .menu li.special:hover:after{
transform: translateX(-45%);
}
.navbar .menu li a{
text-decoration: none;
color: var(--black);
padding: 8px 10px;
display: inline-block;
font-weight: 600;
}
.navbar .menu li.special a{
color: #fff!important;
padding: 8px 24px;
}
.navbar .menu li:hover a{
color: #fff;
}
.menu .menu-item-has-children>a:first-child{
padding-right: 26px;
}
.menu .navcticn{
position: absolute;
color: var(--black);
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: #fff;
transform: rotate(180deg);
}
.navbar .menu .sub-menu{
padding: 20px 10px;
position: absolute;
width: 235px;
right: 0;
top: 100px;
opacity: 0;
visibility: hidden;
background: #ffdf94;
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: 35px;
}
.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: #fff;
}
.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: var(--dark-color);
}
.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: 0 auto;
transition: 0s;
width: 100%;
}
.navbar-default .navbar-collapse:hover{
overflow: visible!important;
}
.navbar-collapse.collapse[aria-expanded="false"]{
visibility: hidden;
opacity: 0;
}
/*End*/
/*Highlited points*/
.pts{
}
.pts .flxcontrol{
align-items: flex-start;
justify-content: space-between;
height: unset;
overflow: visible;
}
.pts .heading b{
color: var(--primary-color);
}
.pts .pts-box{
position: relative;
width: 28%;
margin: 30px 0px;
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;
z-index: 2;
box-shadow: 0 10px 50px rgb(0 0 0 / 6%);
border: 2px solid #fafafa;
/*backdrop-filter: blur(100px);*/
background-color: #fff;
overflow: hidden;
}
.pts .pts-box:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--secondary-color);
opacity: .2;
z-index: -1;
transition: 1s;
}
.pts .pts-box:hover:after{
top: 90%;
left: -5%;
filter: blur(80px);
}
.pts .pts-box:hover{
box-shadow: 0 15px 60px rgb(0 0 0 / 9%);
background: #fff;
transform: scale(1.05);
}
.pts .pts-box .icon{
width: 100%;
padding: 0 10px;
height: 70px;
}
.pts .pts-box .icon img{
max-width: 48px;
margin: 0 auto 15px auto;
transition: .5s;
}
.pts .pts-box .info{
width: 100%;
}
.pts .pts-box .info h4{
color: var(--secondary-color);
}
.pts .pts-box .info p{
font-size: 12px;
color: var(--black);
margin: 20px auto 0 auto;
max-width: 230px;
}
.pts .pts-box .info .btn{
margin: 25px 0 10px 0;
font-size: 12px;
padding: 7px 15px;
}
/*end*/
/*banner section*/
.section-1{
overflow: hidden;
z-index: 1;
}
.showcase{
overflow: hidden;
}
.showcase .bgimg{
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*min-height: 40vh;*/
/*height: calc(100vh - 135px);*/
width: 100%;
aspect-ratio: 85.2857 / 40;
width: 100%;
object-fit: cover;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
z-index: 1;
}
.showcase .up_lable{
max-width: 1170px;
width: calc(100% - 80px);
}
.showcase .up_lable h1{
font-size: 36px;
color: #fff;
letter-spacing: 0;
font-weight: 700;
margin-bottom: 12px;
}
.showcase .up_lable h1 span{
color: var(--secondary-color);
}
.showcase .up_lable h1 small{
color: white;
font-size: 50%;
}
.showcase .up_lable p{
opacity: .85;
font-size: 16px;
margin: 15px 0 25px 0;
}
.showcase .slidoverlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 30%), rgb(0 0 0 / 50%));
z-index: -1;
}
/* Buttons */
.btnbnr {
background: var(--primary-color);
border: 1px solid rgb(255 140 140 / 50%);
color: #fff;
min-width: 140px;
text-align: center;
box-shadow: 0 10px 40px rgb(59 0 0 / 45%);
padding: 10px 12px;
}
.btnbnr:hover{
/*color: #fff;
border: 2px solid var(--primary-color);
background: var(--primary-color);*/
}
.section-1 .swiper-button-next:after, .section-1 .swiper-button-prev:after{
color: #fff;
text-shadow: 0 0px 20px rgb(0 0 0 / 60%);
}
/*end*/
/*Section 2i*/
.section-2i{
overflow: hidden;
}
.section-2i .swiper-companies{
overflow: hidden;
}
.companies{
background: var(--lightgray);
padding: 45px 15px;
border-radius: 10px;
}
.section-2i .company{
padding: 0 20px;
height: 70px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
}
.section-2i .company img{
height: 70px;
object-fit: contain;
}
/*end*/
/*Section 2*/
.section-2{
position: relative;
z-index: 1;
/*overflow: hidden;*/
padding-bottom: 0;
margin-bottom: 0;
}
.section-2 .flxcontrol{
align-items: center;
}
.section-2:after{
content: "";
position: absolute;
left: 0;
bottom: -70px;
width: 100%;
height: 70px;
background: url(../img/bgdgn.png) no-repeat center center / cover;
z-index: -1;
background-size: contain;
background-repeat: repeat;
opacity: 0;
}
.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:before{
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgb(0 0 0 / 25%);
}
.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: .85;
transition: .5s;
}
.workimgs .vidon:hover:after{
opacity: 1;
transform: translate(-50%, -50%) scale(1.2);
}
.abtinfobox p{
margin-bottom: 35px;
color: var(--txtcolor2);
}
.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;
background: var(--secondary-color);
border-radius: 20px;
position: relative;
z-index: 1;
}
.section-4: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;
height: 50%;
aspect-ratio: 1 / 1;
max-height: 670px;
z-index: -1;
opacity: .7;
}
.section-4 .sectag{
color: #fff;
opacity: .8;
}
.section-4 .heading{
font-size: 28px;
color: #fff;
}
.section-4 .heading:after{
content: "";
position: absolute;
bottom: -40px;
left: 0;
width: 60px;
height: 6px;
border-radius: 5px;
background: var(--txtcolor1);
}
.section-4 .btn-gradient{
background: var(--txtcolor1) !important;
color: var(--dark-color) !important;
}
.section-4 .btn-gradient:hover{
background: var(--txtcolor2)!important;
color: #fff!important;
}
.section-4 .btn-gradient:after{
visibility: hidden;
}
.section-4 .flxcontrol{
align-items: stretch;
}
.section-4 .row>.flxcontrol{
padding: 60px 40px 40px 40px;
background: background: linear-gradient(137deg, #a6f8f5, #eaadff);
border-radius: 20px;
position: relative;
z-index: 1;
}
.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: center;
background: #fff;
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(--black);
font-weight: 600;
font-size: 18px;
margin: 5px 0;
}
.sec4item .infocont h5{
display: none;
}
.sec4item .infocont h5 span{
display: inline-block;
font-size: 10px;
color: #ff7277;
background: #fff4ea;
padding: 3px 7px;
border-radius: 3px;
}
.sec4item .infocont p{
color: var(--txtcolor2);
font-size: 12px;
margin-bottom: 0;
display: none;
}
.sec4item:hover{
box-shadow: 0 5px 40px rgb(0 0 0 / 20%);
transform: scale(1.05);
transition: all .3s ease-out;
background: #fff;
z-index: 2;
}
.sec4item:hover h3{
color: var(--primary-color);
}
/*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;
}
.section-5 .sec4item{
background: #f6f6f6;
}
.section-5 .sec4item .infocont p{
display: block;
}
/*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;
color: #fff;
}
.section-6 .heading{
margin-bottom: 15px;
}
/*end*/
/*Section 7*/
.section-7{
overflow: hidden;
}
.section-7 .alltesti{
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: var(--lightgray);
color: var(--black);
border-radius: 10px;
text-align: center;
transition: .5s;
}
.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;
transition: .5s;
transition-delay: .3s;
transform: rotate(-180deg) scale(0.5) translate(-70%, 70%);
}
.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%;
transform: scale(0.6);
transition: .5s;
transition-delay: .3s;
}
.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: #FF9800;
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%);
background: #fff!important;
}
.section-7 .sec7pagination{
bottom: -30px;
}
.section-7 .sec7pagination .swiper-pagination-bullet{
background: var(--primary-color);
}
.section-7 .swiper-slide-next .sec7item{
transform: scale(1.15);
background: #fff;
box-shadow: 0 5px 40px rgb(0 0 0 / 10%);
z-index: 2;
}
.section-7 .swiper-slide-next .sec7item:before{
transform: scale(1);
background: var(--secondary-color)
}
.section-7 .swiper-slide-next .sec7item:after{
transform: rotate(-180deg) scale(1) translate(0%, 0%);
background: url(../img/quote.svg) no-repeat center center/cover;
}
/*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: #fff;
}
.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;
background: var(--secondary-color);
}
.section-8 .panel-heading h4 a[aria-expanded="true"]{
background: var(--txtcolor1);
}
.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%) rotate(275deg);
transition: .5s;
}
.section-8 .panel-heading h4 a[aria-expanded="true"]:after{
transform: translateY(-50%) rotate(360deg);
}
.section-8 .panel-body{
border: none!important;
padding: 25px;
background: rgb(84 131 53 / 4%);
}
/*end*/
/*Section 9*/
.section-9{
width: 100%;
position: relative;
z-index: 2;
margin-bottom: -70px;
}
.section-9 .flxcontrol{
background: var(--secondary-color);
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(--txtcolor1);
}
.section-9 .unsetpos{
border-left: 1px solid #fff;
}
.section-9 .unsetpos p{
color: #ffffff;
font-size: 12px;
}
.section-9 .unsetpos .btn{
position: relative;
min-width: 200px;
background: var(--txtcolor1);
color: var(--black);
}
.section-9 .unsetpos .btn:hover{
background: var(--txtcolor2);
}
/*end*/
/*Section 10*/
.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*/
/*Contact us*/
.contact-us{
position: relative;
z-index: 1;
}
.contact-us:after{
content: "";
width: 100%;
height: 110vh;
left: 0;
top: 0;
position: absolute;
background-color: #fff;
background-position: center;
background-size: cover;
background-repeat: repeat;
background-image: url(../img/ctn-bg.png);
z-index: -1;
opacity: .2;
}
.contact-us .heading2 b{
font-size: 36px;
}
.contact-us .flxcontrol{
align-items: flex-start
}
.contact-us .ctn_from{
padding: 20px 5px;
background: #fff;
float: left;
box-shadow: 0 5px 20px rgb(0 0 0 / 9%);
border-radius: 10px;
margin: 5px 15px;
}
.contact-us .ctn_from input, .contact-us .ctn_from textarea{
background: #f3f5f6;
border: none;
width: 100%;
padding: 10px 15px;
margin-bottom: 20px;
border-radius: 5px;
}
.contact-us .ctn_from textarea{
min-height: 120px;
max-height: 140px;
max-width: 100%;
}
.contact-us .ctn_from input[type="submit"]{
background: var(--secondary-color);
color: #fff;
margin-bottom: 0;
}
.contact-us .ctn_info{
}
.contact-us .ctn_info p{
}
.contact-us .ctn_info ul{
list-style: none;
padding: 0;
margin: 0;
}
.contact-us .ctn_info ul li{
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.contact-us .ctn_info ul li a{
color: #5e5e5e;
}
.contact-us .ctn_info ul li i{
color: var(--secondary-color);
width: 25px;
position: absolute;
left: 0;
top: 5px;
}
.contact-us .ctn_info ul li span{
display: inline-block;
}
.contact-us .wpcf7-spinner{
position: absolute;
}
/*end*/
/*Defaut page baanr*/
.ldsec1{
position: relative;
z-index: 1;
color: var(--dark-color);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: var(--secondary-color);
background-blend-mode: multiply;
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;
color: var(--txtcolor1);
}
.flxcont p{
color: #fff;
}
/*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;*/
background: var(--secondary-color);
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: var(--secondary-color);
color: #fff;
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(--txtcolor2);
transition: .8s;
border-radius: 10px;
}
.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 rgb(83 130 53 / 25%);
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: var(--black);;
}
/*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*/
header {
margin-bottom: 90px;
}
.navbar{
background: rgb(255 255 255)!important;
backdrop-filter: blur(7px);
}
.navbar .flxcontrol {
margin: 0;
}
.navbar.navbar-default .container{
display: block;
}
.navbar .navbar-brand{
width: 70px;
}
.navbar .brand {
max-height: 70px;
}
.navbar .brand-title {
width: calc(100% - 70px - 40px);
}
.navbar .title_icon{
max-width: 200px;
}
.navbar .fsocial{
display: none;
}
.navbar-default .navbar-toggle{
width: 40px;
margin: 0;
}
.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 .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;
}
.showcase .bgimg{
/*height: calc(60vh - 135px);*/
}
.showcase .up_lable h1{
font-size: 28px;
}
.showcase .up_lable p{
font-size: 12px;
}
.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;
}
/*end*/
/*Defaut page baanr*/
.flx{
min-height: calc(35vh - 75px);
}
.flxcont h1{
font-size: 32px;
}
/* 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*/
/*contact us home*/
.contact-us .ctn_info{
margin-top: 30px;
padding: 0 30px;
}
/*end*/
}