@font-face {

    font-family: "VolvoNovum";

    src: url('../font/VolvoNovum-Regular.otf');

}

html {

    font-size: 10px;

}



body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #718fa1;

    border-radius: 10px;

}



body::-webkit-scrollbar {

    width: 10px;

    background-color: #718fa1;

}



body::-webkit-scrollbar-thumb {

    background-color: #efebeb;

    border-radius: 10px;

    background-image: -webkit-linear-gradient(5deg, #4ea2d7 53%, #408ab8 99%)

}



body {

    font-size: 1.5rem;

    font-family: "VolvoNovum", sans-serif;

}



h1 {

    font-size: 3.4rem;

    text-align: center;

    padding-bottom: 0.6rem;

}



h3 {

    font-size: 2rem;

    text-align: center;

    padding-bottom: 0.6rem;

    border-bottom: 0.2rem solid currentColor;

    margin-bottom: 1rem;

}



#lock {

    display: none;

}



.heading {

    font-weight: 700 !important;

    color: #b2904a !important;

    text-transform: uppercase !important;

}



.bg {

    background-color: #f0f0f0;

}



/* ==================== navbar start ==================== */

#header {

    position: sticky;

    top: 0;

    z-index: 999;

    background: #fff;

    left: 0;

    box-shadow: .2rem .2rem .5rem #707070cb;

}



#header .navbar-brand-logo1 {

    display: inline-block;

}



#header .navbar-brand-logo1 img {

    width: 24rem;

    padding-left: 2rem;

}



#header .navbar-brand-logo2 {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 2.15rem;

    background: #000;

    text-decoration: none;

}



#header .navbar-brand-logo2 iconify-icon {

    font-size: 3rem;

    color: #fff;

}



.menu {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/* ==================== navbar end ==================== */

/* ==================== Home start ==================== */

.innerhome {

    background: url(../img/c40-recharge/desk.jpg);

    height: 95vh;

    min-height: 48rem;

    background-size: cover !important;

    background-position: center center !important;

}



.innerhome p {

    line-height: 2rem;

    font-size: 1.6rem;

}

.checkhight{height: 100%;}

.innerhome .innercolright {

    display: flex;

    justify-content: center;

    align-items: center;

}



.innerhome .innercolleft .img-box::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    /* background: #00000066; */

    /* opacity: 0.6; */

}



.innerhome .formdiv {

    margin: 0 auto;

    width: 55%;

    border-radius: .6rem;

    box-shadow: 0 0 1.2rem .5rem #00000066;

    background-color: #fff;

}



.innerhome .formdiv form {

    padding: 2rem;

}



.innerhome .formdiv .inputdiv label {

    font-size: 1.4rem;

}



.innerhome .formdiv .inputdiv input {

    width: 100%;

    padding: .4rem .7rem;

}



.innerhome .formdiv .inputdiv .icons {

    position: absolute;

    right: 6%;

    top: 50%;

    transform: translate(50%, -50%);

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 2.3rem;

}





.innerhome .innercolleft .data-card {

    position: absolute;

    left: 50%;

    top: 35%;

    width: 55%;

    transform: translate(-50%, -50%);

    text-align: center;

    color: #fff;

    z-index: 3;

}



.innerhome .btndiv button {

    background: #949599;

    border: none;

    width: 100%;

    display: flex;

    color: #fff;

    text-transform: uppercase;

    justify-content: center;

    align-items: center;

    padding: .6rem;

    border-radius: .6rem;

}

.innerhome .btndiv button:hover{

    background: #89898b;

}

.innerhome .btndiv button iconify-icon {

    font-size: 2.1rem;

}



.checkdiv label {

    font-size: 1.2rem;

}



/* ==================== Home End ==================== */

/* ==================== Overview start ==================== */

.inneroverview {

    background: url(../img/slider/desk1.jpg);

    background-size: cover;

}



.inneroverview p {

    font-size: 1.3rem;

}



.inneroverview .innercolright {

    display: flex;

    justify-content: center;

    align-items: center;

}



.inneroverview .para1 .innercolleft .data-card {

    text-align: center;

    color: #000;

    z-index: 3;

    background-color: #b5bab9a8;

    padding: 2rem 2rem 1rem;

    width: 55%;

    margin: 6rem auto;

    border-radius: .6rem;

}



.inneroverview .para2 .data-card {

    text-align: center;

    color: #000;

    padding: 2rem 2rem 1rem;

    width: 55%;

    margin: 6rem auto;

}



.inneroverview .carslider .item {

    padding: 2rem 0 0;

    border-radius: 1rem;

    background: #fff;

    box-shadow: 0 0 1.2rem .5rem #00000056;

}



.inneroverview .carslider .item h2 {

    font-size: 2.2rem;

    text-align: center;

}



.inneroverview .carslider .item h2 span {

    color: #00000066;

}



.inneroverview .carslider .item a {

    display: inline-block;

    width: 100%;

    text-align: center;

    text-decoration: none;

    padding: .8rem;

    text-transform: uppercase;

    background: #000;

    color: #fff;

    border-radius: 0 0 1rem 1rem;

}



.inneroverview .carslider .owl-dots {

    text-align: center;

}



.inneroverview .carslider .owl-dot {

    background: #565656;

    height: 0.9rem;

    width: 0.9rem;

    border-radius: 50%;

    margin: .4rem;

}



.inneroverview .carslider .owl-dot.active {

    background: #000;

    height: 0.9rem;

    width: 0.9rem;

    border-radius: 50%;

}



/* ==================== Overview End ==================== */

/* ==================== Service start ==================== */





.innerservice p {

    font-size: 1.3rem;

}



.innerservice .para2 .data-card {

    text-align: center;

    color: #000;

    padding: 2rem 2rem 1rem;

    width: 55%;

    margin: 6rem auto;

}

.innerservice .carslider .owl-stage-outer{

    padding: 1rem 0;

}

.innerservice .carslider .item {

    box-shadow: 0 0 0.5rem .5rem #00000056;

    border-radius: 0.6rem;

    margin: 0.7rem;

}

.innerservice .carslider .item img{

    border-radius: .7rem;

}

.innerservice .item a{

    position: relative;

    overflow: hidden;

}

.innerservice .overlay{

    position: absolute;

    transform: translateX(-100%);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: all .5s linear;

    background: #012a4396;

    border-radius: .7rem;

}

.innerservice .overlay img{

    position: absolute;

    transform: translate(-50%,-50%);

    left: 50%;

    top: 50%;

    opacity: 0;

    z-index: 0;

    width: 5rem;

    height: auto;

    transition: all .5s linear;

}

.innerservice .item a:hover .overlay {

    transform: translateX(0%);

}

.innerservice .item a:hover .overlay img{

    z-index: 2;

    opacity: 1;

}

.innerservice .carslider .owl-dots {

    text-align: center;

}



.innerservice .carslider .owl-dot {

    background: #565656;

    height: 0.9rem;

    width: 0.9rem;

    border-radius: 50%;

    margin: .4rem;

}



.innerservice .carslider .owl-dot.active {

    background: #000;

    height: 0.9rem;

    width: 0.9rem;

    border-radius: 50%;

}

.headline{text-align: center;position: relative;}

.headline::after{

    content: "";

    position: absolute;

    left: 50%;

    bottom: 10%;

    width: 17rem;

    height: 100%;

    margin-bottom: -1rem;

    transform: translate(-50%, 0px);

    border-bottom: 0.2rem solid #000;

}

/* ==================== Service End ==================== */

/* ==================== Footer start ==================== */

.innerfooter {

    background: #000;

    text-align: center;

}



.innerfooter img {

    filter: invert(1);

}



.innerfooter h4 {

    color: #fff;

    margin-bottom: 0;

    padding-bottom: 1rem;

}



.innerfooter h4 span {

    font-size: 70%;

}

label.error{

    position: absolute;

    left: 0;

    bottom: -1.3rem;

    font-size: 1.12rem;

    color: red;

}



/* ==================== Footer End ==================== */

/* ==================== Overview Start ==================== */

/* ==================== Overview end ==================== */



/* ==================== Popup Start ==================== */

.modal-dialog {

    width: 35%;

}



.modal-header {

    background-color: #000;

    padding: 1.5rem;

    border-bottom: 0.1rem solid #e5e5e5;

    min-height: 16.42857143px;

}



h3.modal-title {

    font-size: 1.6rem;

    text-align: center;

    color: #fff;

    font-weight: bold;

}



button#submitf {

    background-color: #d3a23b;

    color: #fff;

    -webkit-border-radius: 0.3rem;

    -moz-border-radius: 0.3rem;

    border-radius: 0.3rem;

    width: 100%;

    height: 3rem;

    line-height: 1rem;

}



.modal-content {

    border-radius: inherit;

    border: 0.2rem solid #fff;

}



#popupModal .input-group {

    position: relative;

    display: table;

    text-align: center;

    margin: 0.4rem auto;

    width: 100%;

}



.close {

    float: right;

    font-size: 2.1rem;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-shadow: 0 0.1rem 0 #fff;

    opacity: 1.2;

    background: unset;

}



.close:hover,

.close:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    opacity: 1.5;

    filter: alpha(opacity=50);

}



/* ==================== Popup End==================== */