@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

:root {
  --brand-color-1: #000000;
  --brand-color-2: #398acf;
  --brand-color-3: #8cc34b;
  --brand-color-4: #f7c744;
  --brand-color-5: #a769dd;
  --brand-color-6: #54bdd6;
}
h1{font-size: 26px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
*{box-sizing: border-box;}
body, input, textarea{font-family: "Inter", sans-serif; margin:0px; padding:0px;  font-weight: 400; font-size: 14px;    }
ul{list-style:none; margin:0px; padding:0px;}
ul li{list-style:none;  margin:0px; padding:0px;}

/*Header Start*/
/*
.header-bg{width: 100%;position: fixed;top: 0px;background: #fff;padding: 5px 12px;z-index: 99999;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10);}
.header-main{width: 100%; display: flex;}
.header-sec-1{
    width: 18%;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 0px;
}
.header-sec-1 img{width: 100%}
.header-sec-2{flex: 1; text-align: left;  align-items: end; display: flex;  margin: auto; flex-direction: column;position: relative;}
.hambuger{position: absolute; left: 10px;top: 0px; width: 30px; }
.hambuger img{ width: 100%; height: auto; }
.profile-1{width: 40px;height: auto }

.nav-top-space{top: 50px;position: relative}
.navigation-main{  display: flex;}
.nav-1{flex: 1;    padding: 0px 15px;}
.nav-2{width: 40px;    margin: 0px 15px;}
.nav-2 img{ width: 40px;height: auto}
*/
/*Header End*/

/*Header Start*/
.header-bg{width: 100%;position: fixed;top: 0px;background: #fff;padding: 5px 12px;z-index: 99999; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.10);}
.header-main{width: 100%; display: flex;}
.header-sec-1{width: 200px}
.header-sec-1 img{width: 100%}
.header-sec-2{flex: 1; text-align: left;  align-items: end; display: flex;  margin: auto; flex-direction: column;position: relative;}
.hambuger{position: absolute; left: 20px;top: 0px; width: 30px; }
.hambuger img{ width: 100%; height: auto; }
.profile-1{width: 40px;height: auto }
.nav-top-space{top: 50px;position: relative}
.navigation-main{  width: calc(100% - 50px); display: flex;}
.nav-1{flex: 1;}
.nav-2{width: 40px;}
.nav-2 img{ width: 40px;height: auto}
/*Header End*/

.br-r{border-right: 1px solid #C2CBD2;}
.l-img img{width: 65%;height: auto;}
.nav-1-1{padding: 0px 10px;}

/*Dropdown Strat*/
.wrap{padding:10px 0;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:flex}
.VZdropbtn,.wrap{}
.VZdropbtn,.VZsidex{color:#191919;cursor:pointer}
.VZcontent-wrap,.VZsidex{background-color:#fff;font-size:16px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);text-align:left}
.VZdropbtn{}
.VZdropdown{position:relative;display:inline-block}
.VZcontent-wrap{display:none;display:flex;position:absolute;width:max-content;z-index:1;border-radius:10px;margin-top:-2px;}
.cont,.side-wrap{display:none}
.VZdropdown-content a{color:#666;padding-bottom: 5px;text-decoration:none;display:block;font-size:15px;border-radius:8px;margin:2px;font-weight: 400;font-family: "Inter", sans-serif;}
.VZdropdown-content{margin: 10px 20px 5px 14px;}

/*
.VZdropdown-content a:hover{background-color:#191919;color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
.VZdropbtn:hover,.VZsidex:hover{background-color:#191919;color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);fill:white}
*/

.VZdropbtn span{margin-left:5px}.active{display:block}.bar{display:none;margin-left:auto;margin-right:10px}
.right-0{right: 0px}



@media screen and (max-width:700px){
    .bar{display:block}.about,.blog,.contact{display:none}
}
@media screen and (max-width:450px){
    .VZcontent-wrap{flex-direction:column;width:160px; padding: 10px 15px;}.VZdropdown-content{margin:0}
}
.VZsidex{border:2px solid #191919;padding:16px;border-radius:10px;margin:5px 0}
.side-content{display:flex;flex-direction:column}
.sum{display:block;margin-top:10px}
.VZdropbtn{display:inline-block}
/*Dropdown End*/


/*Body Start*/
.wrapper-1{width: 100%;margin: 0 auto;padding: 40px 20px}
h1{font-size: 21px;font-weight: 400;color: #000;}


.section-card-main{margin: 10px 0px 30px 0px;}
.section-2-wrap{display: flex;width: 100%;}
.section-2-2{width: 400px;}
.section-2-1{flex: 1;padding-right: 20px;}


.nav-1-1{display: flex;
    align-items: center;}
.nav-1-1 a{text-decoration:none;color:#000;}
.nav-1-1 h1{font-size:21px;font-weight:400;}



.section-card-wrap{background: #fff; padding: 20px;border-radius: 10px; position: relative;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);}

.section-card-main h3{ background-color: var(--brand-color-3); margin: 0px 0px 0px 20px;padding: 5px 10px; font-weight:300; display: inline-block;color: #fff}
.section-card-main h3 i{font-size: 28px; vertical-align: middle}

.section-card-wrap h5{background-color: var(--brand-color-2); margin: 0px 0px 0px 0px;padding: 5px 10px; font-weight:300; display: inline-block;color: #fff}

.form-col-2{display: flex;width: 100%; justify-content: space-between;flex-wrap: wrap}
.form-col-2-1{width: 48%;}

input[type='text'], input[type='password'],input[type='email'],input[type='phone']{background-color: #f9f8ff;border: 1px solid #f2efff; color: #414141;width: 100%;padding: 6px 10px;margin: 10px 0px;border-radius: 100px; font-size: 14px;}


.form-col-2-nw{display: flex;width: 100%;}
.form-col-2-nw-1{ flex: 1;  padding: 0px 10px}
.form-col-2-nw-2{ width: 200px }

.m-t-1 {margin-top: 10px}

.section-2-2 h3{background-color: var(--brand-color-2) !important}
.section-2-2 .section-card-wrap h5{background-color: transparent; color: var(--brand-color-2) !important;font-weight: 400;margin: 0px;padding: 0px;}
.yellow-btn{border: 0px;border-radius: 100px;padding: 5px 10px; color: #000;display: inline-block}

.fl-grow-0 {flex-grow: 0 !important;}
.fl-grow-1 {flex-grow: 1 !important;}
.fl-grow-2 {flex-grow: 2 !important;}
.fl-grow-3 {flex-grow: 3 !important;}

.w-10{width: 10% !important;flex: auto;}
.w-20{width: 20% !important;flex: auto;}
.w-30{width: 30% !important;flex: auto;}
.w-40{width: 40% !important; flex: auto;}
.w-50{width: 50% !important}
.w-60{width: 60% !important}
.w-70{width: 70% !important}
.w-80{width: 80% !important}
.w-90{width: 90%!important}
.w-100{width: 100% !important}


/*Body End*/







.container-full-width{display: flex;width: 100%;margin-top: 100px;}
.left-nav-main{width: 300px;height: calc(100vh);margin-top: -50px; background: #ff0000}
.content-section-main{flex: 1}



@media screen and (max-width:600px) {
    .l-img img {
        width: 40px;}
}