*{
    margin: 0%;
    padding: 0%;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}


.um-center {
    background: linear-gradient(rgb(243, 238, 238), rgb(252, 249, 249));
    /* margin-left: 5%; */
    padding-top: 5px;
    padding-bottom: 15px;
    

}

.um-container1 {
    display: flex;
    gap: 40px;

}

.um-image1 {
    display: flex;
    gap: 30px;
    align-items: center;
    padding-left: 50px;
}

.logo1 {
    width: 50px;
    height: 60px;
}

.um-mainheading {
    color: rgb(1, 68, 1);
    font-weight: 400;
    font-size: 25px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.um-threehead {
    display: flex;
    gap: 20px;
    align-items: center;
}

.um-button {
    margin-left: 36%;
}

.log {
    background-color: white;
    padding: 10px;
    margin-top: 8%;
    border: none;
    box-shadow: 2px 1px 5px;
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.start {
    margin-left: 20px;
    background-color: #00473F;
    color: #D4FA1C;
    padding: 10px;
    margin-top: 8%;
    border: none;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.um-headings {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin-top: 3%;
    margin-bottom: 3%;
}



.um-butt {
    border-radius: 20px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: white;
    margin-top: 10%;
    border: none;
}

h1 {
    color: #00473F;
}

.man {
    text-decoration: underline rgb(0, 255, 0);

}

.um-sm {
    display: flex;
    justify-content: center;
}

.first {
    margin-left: 8%;
}

.um-para {
    text-align: center;
    line-height: 29px;
}

.um-paraum {
    font-size: 18px;
}

.um-button-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 3%;
}

.stf {
    background-color: #00473F;
    color: #D4FA1C;
    padding: 20px;
    border-radius: 10px;
    padding-left: 28px;
    padding-right: 28px;
    border: none;
    /* box-shadow: 2px 1px 5p    */
}

.gad {
    background-color: white;
    padding: 15px;
    font-weight: 550;
    color: #00473F;
    border-radius: 10px;
    padding-left: 28px;
    padding-right: 28px;
    border: none;
    /* box-shadow: 2px 1px 5px; */
}

.gram {
    width: 150px;
    height: 50px;
}




.um-container-footer {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: 10%;
}

.mt {
    font-size: 19px;
    font-weight: 100;
    
}








/*  */
body{
    background-color: rgb(131, 130, 130);
    padding-left: 60px;
    padding-right: 60px;
}
.go-main{
    background-color: #FFFFFF;
    height: max-content;
    padding-top: 100px;
    padding-left: 100px;
    padding-right:100px;
    padding-bottom: 50px;
}
.go-sub{
    background-color: #FFFFFF;
    height: max-content;
     display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 70px;
}
.go-feature{
    width: max-content;
    height: max-content;
    display: flex;
    border: 1px solid #014839;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    padding: 5px;
    column-gap: 5px;
}
.go-qr{
    width: 15px;
    box-shadow: 2px 2px 5px #014839;
}
/* heading content */
.go-head1{
 font-size: 40px;
 margin-top: 10px;
 font-weight: bold;
 color: #163027;
 
}
.go-head2{
   font-size: 40px;
 margin-top: 5px;  
    font-weight: bold;
    color: #163027;

}
/* para content */
.go-para1{
    margin-top: 25px;
    font-size: 14px;


}
.go-para2{
    margin-top: 7px;
     font-size: 14px;
}
/* ..........dynamic dash board */
.go-dy-main{
    background-color: #EBEEE8;
    height: max-content;
    width: 100%;
    margin-top: 55px;
    display: flex;
     border-radius: 10px;

}
.go-dy-sub1{
    width: 50%;
    background-color: #EBEEE8;
    padding-left: 55px;
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 55px;
    border-radius: 10px;
    
    
}
.go-dy-sub2{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;

}
.acme{
    width:100%;
    height: 310px;
    margin-top: 50px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 0px 0px 10px 0px;
    box-shadow: -2px -2px 4px rgb(255, 252, 252);
}
.go-con{
    font-weight: bold;
    font-size: 33px;
    
}
.go-par{
line-height: 28px;
margin-top: 15px;
margin-bottom: 10px;
}
.go-btn1{
margin-top: 100px;
display: flex;


}
.go-btn2{
padding: 15px 30px;
border: none;
border-radius: 7px;
background-color: #024931;  
color: #FFFFFF;
}
 /* <!-- smart notication and task management card --> */
 .go-card-main{
     background-color: #FFFFFF;
    height: max-content;
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
     border-radius: 10px;
      
 }
 .go-smart{
  width: 48%;
    background-color: #EBEEE8;
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-radius: 10px;
 }
 .go-task{
      width: 48%;
    background-color: #EBEEE8;
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    
    border-radius: 10px ;
 }
 .go-sm-top{
 justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 35px;
 }
 .go-sm-head{
    font-size:26px;
    margin-top: 55px;
    font-weight: bold;
 }
 .go-sm-para1{
      font-size:16px;
    margin-top: 13px;
 }
 .go-sm-para2{
  font-size:16px;
    margin-top: 13px;

 }
 .go-bottom-box{
    background-color: #FAFAFA;
    height: max-content;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 10px;
   
 }
 .go-box1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
     border-bottom: 1px solid rgb(226, 226, 226);
    box-shadow: 0px 1px  0px rgb(226, 226, 226);
    padding: 22px 0px;


 }
  .go-box2,.go-box3,.go-box4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(226, 226, 226);
    box-shadow: 0px 1px  0px rgb(226, 226, 226);
    padding: 8px 0px;
 }
 .go-box5{
     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
   
        
    padding-bottom: 90px;
 }
 .toggle{
    width: 30px;
 }
 .go-save{
    color: #024931;
    background-color: #FFFFFF;
    border: none;
    padding: 10px 10px;
    border-radius: 10px;

 }
  .go-box11{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0px;

 }
 /* profile */
 .go-ac1{
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
     border-radius: 10px;
    margin-top: 20px;
    font-size: 14px;
    padding-bottom: 3px;


 }
 .go-ac-top{
    display: flex;
    padding: 20px;
    

 }
 .go-ac-bo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 25px;
  padding-right: 35px;
    
 }

 .go-name{

    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    width: max-content;

 }
 .go-pro{
    background-image: url(./assert/vijay.jpeg);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    
 }
 .go-pro1{
    background-image: url(./assert/pdf.png);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    
 }
  .go-name1{

    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    width: max-content;
    padding-right: 150px;
 }
 /*  */

/*  */


.um-wholecontainer {
    background: linear-gradient(#273E3D, #34504e);
    color: white;
    text-align: center;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 20px;
    
}

.sep-int {
    margin-top: 5%;
    background-color: #283F3E;
    border: 1px solid #486967;
    padding: 10px;
    border-radius: 20px;
    width: 90px;
    margin-left: 45%;
}

.seo-dri {
    font-size: 36px;
    font-weight: 550;
}

.seo-para {
    font-size: 16px;
    text-decoration: underline;
}

.um-para {
    font-size: 20px;
}

.imgcont {
    width: 100%;
}



/*  */
/* .k-main{
    background-color: #FFFFFF;
    height: max-content;
    padding-top: 100px;
    padding-left: 100px;
    padding-right:100px;
    padding-bottom: 50px;
} */
.k-sub{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.k1,.k2,.k3,.k4,.k5{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
     color: #163027;;
}
.k7{
    font-weight:bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.k8{
    font-size: 16px;
    margin-bottom: 30px;
}
.im1{
background-image: url(./im1.jpeg);
background-size: cover;
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
margin-left: -35px;

}
.im2{
background-image: url(./im2.jpeg);
background-size: cover;
position:absolute;
width: 50px;
height: 50px;
margin-left: 30px;
border-radius: 50%;
}
.k6{
    display: flex;
    margin-bottom: 20px ;
    justify-content: center;
}
.k9{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    background-color:#F6F6F4 ;
    padding: 50px 0px;
    border-radius: 10px;
    margin-bottom: 20px;

}
.k2021{
    font-size: 62px;
    font-weight: bold;
    color: #163027;
}
.gk1{
    background-color: #273E3D;
    width: 100%;
    display: flex;  

    
}
.gk2{
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #FFFFFF;
font-weight: bold;


}
.gk6{

    text-decoration: underline #E4F856 ;
}
.gk3{
width: 50%;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding-top: 70px;
padding-bottom: 70px;
}
.gk4{
    font-size: 32px;
}
.gk-btn1{
    padding: 15px 30px;
    border: none;
    border-radius: 10px;
    background-color: #FDFFFF;
    
}
.gk-btn{
    padding: 15px 30px;
      border: none;
    border-radius: 10px;
    background-color: #E3FB6B;
}

 /*  */




 /*  */