@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Knewave&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lobster&family=Mrs+Saint+Delafield&family=Oswald:wght@200..700&family=Permanent+Marker&family=Qwitcher+Grypen:wght@400;700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Story+Script&display=swap');

body{
    justify-items: center;
    background-color: #EFFDF5;
}
*{margin: 0px;padding: 0px;}

.main{
    /* border: 1px solid red; */
    height: auto;
    width: 93%;
   box-shadow: 1px 0px 9px -5px #395245;
}

.nap_bar{
    /* border: 1px solid red; */
    height: 80px;
    width: 100%;
    display: flex;
    background-color: #fff;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 4;
     box-shadow: 1px 0px 12px -5px #395245;
}

.nap_bar_sub{
    /* border: 1px solid red; */
    height: 80px;
    width: 25%;
    font-family: "Roboto", sans-serif;
    align-content: center;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #00B074;
    cursor: pointer;

}

.nap_bar_sub1{
    /* border: 1px solid red; */
    height: 80px;
    width: 75%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.nap_bar_sub1_child{
    /* border: 1px solid red; */
    height: 80px;
    width: 50%;
    width: 530px;
   font-family: "Heebo", sans-serif;
   font-weight: 550;
   font-size: 15px;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   
}



#nap_bar_sub1_child_home{
    height: 50px;
    width: 80px;
    /* border: 1px solid red; */
    align-content: center;
    position: relative;
    color: #2B3940;
       cursor: pointer;
       transition: 0.5s all ease;
    

}
#nap_bar_sub1_child_home:hover{
    color: #00B074;
}

#nap_bar_sub1_child_home1{
    height: 50px;
   width: 80px;
     /* border: 1px solid red; */
    align-content: center;
    position: relative;
    color: #2B3940;
       cursor: pointer;
       transition: 0.5s all ease;
    

}
#nap_bar_sub1_child_home1:hover{
    color: #00B074;
}

#nap_bar_sub1_child_home4{
    height: 50px;
  width: 80px;
     /* border: 1px solid red; */
    align-content: center;
    position: relative;
    color: #2B3940;
       cursor: pointer;
    transition: 0.5s all ease;

}
#nap_bar_sub1_child_home4:hover{
    color: #00B074;
}

a{
    text-decoration: none;
}
#nap_bar_sub1_child_home2{
    height: 50px;
   width: 80px;
    /* border: 1px solid red; */
    align-content: center;
    position: relative;
    color: #2B3940;
    cursor: pointer;
   transition: 0.5s all ease;
   

}
#nap_bar_sub1_child_home2:hover{
    color: #00B074;
}





 ul{
     position: absolute;
    z-index: 5;
    display: none;
    width: 200%;
    top: 50px;
    background-color: #fff;
}
li{
    margin-top: 10px;
    padding-left: 30px;
    list-style: none;
    height: 30px;
    align-content: center;
    
}
li:hover{
    background-color: #d5d8d7de;
}

#nap_bar_sub1_child_home2:hover ul{
    display: block;
   
   
   
}

#nap_bar_sub1_child_home3{
    height: 50px;
   width: 80px;
    /* border: 1px solid red; */
    align-content: center;
    position: relative;
    color: #2B3940;
    cursor: pointer;
    transition: 0.5s all ease;
   

}
#nap_bar_sub1_child_home3:hover{
    color: #00B074;
}

#nap_bar_sub1_child_home3:hover ul{
    display: block;
   
   
   
}

.nap_bar_sub1 #bar{
    display: none;
}


  









.nap_bar_sub1_child1{
    /* border: 1px solid red; */
    height: 80px;
    width: 200px;
    align-content: center;
    text-align: center;
    font-family:"Roboto", sans-serif;
    background-color: #00B074;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    transition: 0.5s all ease;
}
.nap_bar_sub1_child1:hover{
    background-color: #17be87;
}



.w-100{
    height: 700px;
    
}

.body{
    /* border: 1px solid red; */
    height: 700px;
    width: 100%;
    background-size: cover;
    background-image: url("../img/job.jpg");
}


.body_sub{
   
    height: 700px;
    width: 100%;
    background-color: rgb(43 57 64 / 50%);
   justify-items: center;
   align-content: center;
}

.body_sub_child{
    border-left: 15px solid #00B074;
    height: 410px;
    width: 98.8%;
    position: relative;
    align-content: center;

}

.body_sub_child1{
    /* border: 1px solid red; */
    height: 150px;
    width: 65%;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 65px;
    font-weight: 700;
    padding-left: 35px;

}

.body_sub_child2{
    /* border: 1px solid red; */
    height: 100px;
    width: 58%;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 550;
    padding-left: 35px;
    align-content: center;
    line-height: 1.7;

}

.body_sub_child3{
    /* border: 1px solid red; */
    width: 490px;
    height: 80px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}

.body_sub_child3_bar{
    /* border: 1px solid red; */
    height: 60px;
    width: 195px;
    background-color: #00B074;
    align-content: center;
    text-align: center;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: 0.5s all ease;
    border-radius: 3px;
}
.body_sub_child3_bar:hover{
    background-color: #17be87;
}

.body_sub_child3_bar1{
    /* border: 1px solid red; */
    height: 60px;
    width:  195px;
    background-color: #2B9BFF;
    margin-left: -15px;
     align-content: center;
    text-align: center;
    color: #FFFFFF;
     font-size: 17px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
       cursor: pointer;
    transition: 0.5s all ease;
    border-radius: 3px;
}
.body_sub_child3_bar1:hover{
    background-color: #46a9ff;
}


.body_sub_child::before{
    content: '';
    height: 15px;
    width: 8%;
    background-color: #00B074;
    position: absolute;
    top: 0%;
    left: 0%;


}

.body_sub_child::after{
    content: '';
    height: 15px;
    width: 8%;
    background-color: #00B074;
    position: absolute;
    top: 96.3%;
    left: 0%;
 
}

.from{
    /* border: 1px solid red; */
    height: 100px;
    width: 100%;
    background-color: #00B074;
    align-content: center;
    justify-items: center;
}

.from_sub{
    /* border: 1px solid red; */
    height: auto;
    width: 93%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
    
}

.from_sub1{
    /* border: 1px solid red; */
    height: 36px;
    /* width: 27.5%; */
    width: 342px;
    background-color: #fff;
     border-radius: 3px;
   
}

.from_sub1_do{
    /* border: 1px solid red; */
    height: 36px;
    /* width: 27.5%; */
    width: 342px;
    background-color: #fff;
     border-radius: 3px;
   
}

.from_sub1_do input{
    width: 94.5%;
    height: 92%;
    padding-left: 15px;
    border-radius: 3px;
    outline: none;
    font-size: 17px;
    border: none;
   
}

.from_sub1 select{
    height: 100%;
    width: 97%;
    padding-left: 15px;
    outline: none;
    font-size: 17px;
      border: none;
        border-radius: 3px;
        cursor: pointer;
        color: #666565;
   

}

.from_sub2{
    /* border: 1px solid red; */
    height: 36px;
    /* width: 15%; */
    width: 185px;
      border-radius: 3px;
}

.from_sub2 button{
    height: 100%;
    width: 100%;
    background-color: #2b3940;
    color: #fff;
   font-weight: 550;
   font-size: 16px;
     border-radius: 3px;
     border: none;
     outline: none;
     cursor: pointer;
}


/* explor */



.Explore{
    /* border: 1px solid red; */
    height:auto;
   
    width:100%;
    justify-items: center;
    background-color: #ffffff;
}
.Explore1{
    /* border:1px solid blue; */
    height:170px;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    text-align: center;
    font-size:40px;
    align-content: center;
    background-color: #ffffff;
}
.explore-sub{
    /* border:1px solid green; */
    height:200px;
    /* background: #f4f4f4; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
     background-color: #ffffff;
    
    

}
.explore-sub1{
    border-radius: 3px;
    height:175px;
    width: 300px;
    background-color: #ffffff;
    box-shadow:34px 40px 170px -8px rgb(0 0 0 / 8%);
   
   
    
}
.explore-sub1:hover{
    border:1px solid rgba(184, 183, 183, 0.349);
    box-shadow: none;
    
   
}
.explore-sub1-img{
    /* border:1px solid red; */
    height:72px;
    width:90px;
    color:#00B074;
    text-align: center;
    align-content: center;
}
.explore-sub1-service{
    /* border:1px solid red; */
    height:49px;
    width:200px;
    font-weight:bold;
    font-size: 17px;
    font-family: "Inter", sans-serif;
    padding-left: 22px; 
    align-content: center;
}
.explore-sub1-vacancy{
    /* border:1px solid blue; */
    height:40px;width: 120px;
    color:#00B074;
    padding-left:15px;
    text-align: center;
    align-content: center;
    letter-spacing:1px;
     font-family: "Inter", sans-serif;
}


/* /explor */


.back{
    width: 100%;
    /* border: 1px solid red; */
    height: 80px;
    background-color: white;
}



.wehelp{
    /* border:1px solid black; */
    height:auto;
    width:100%;
display:flex;
/* align-items: center; */
justify-content: space-around;
background-color: #ffffff;
flex-wrap: wrap;
}


.sub_wehelp{
    /* border:1px solid black; */
    height:600px;
     width:604px;
     background-image:url("-webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%)");
}

.pro_wehelp{
    /* border:1px solid black; */
    height:auto;
    width:624px;
    display:flex;
    justify-content: center;
    /* align-items: center; */
    margin-top:100px;
    margin-bottom:50px;
    
}



.sub_wehelp1{
        /* border:1px solid black; */
    height:50%;
    width:100%;
    display:flex;
}

.sub_wehelp2{
        /* border:1px solid black; */
    height:50%;
    width:100%;
     display:flex;
}



.sub_wehelp1_1{
     /* border:1px solid black; */
    height:100%;
    width:50%  
}



.sub_wehelp1_2{
     /* border:1px solid black; */
    height:100%;
    width:50%; 
    display:flex;
    align-items: flex-end; 
}



.sub_wehelp2_1{
     /* border:1px solid black;/ */
    height:100%;
    width:50%;
      display:flex;
    justify-content: flex-end;   
}



.sub_wehelp2_2{
     /* border:1px solid black; */
    height:100%;
    width:50%  
}



.pro_wehelp1{
   /* border:1px solid black; */
    height:auto;
    width:100% ;;  
}


.pro_wehelp1_1{
   /* border:1px solid black; */
    height:auto;
    width:100%; 
    font-size:41px; 
    font-family: "Roboto", sans-serif;
    font-weight: bold; 
    word-spacing: 2.6px;
    color:#2b3940; 
}



.pro_wehelp1_2{
   /* border:1px solid black; */
    height:auto;
    width:100%; 
    font-size:16px;
    font-family: "Roboto", sans-serif;
    line-height: 25px; 
    word-spacing: 1px; 
    padding-top: 25px;
    color:#787883;
}

    







.pro_wehelp1_3{
   /* border:1px solid black; */
    height:auto;
    width:100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-evenly; */
      
}




.pro_wehelp1_4{
   /* border:1px solid black; */
    height:61px;
    width:30%;    
    font-size:16px;
    font-weight: bold;
    font-family:"Roboto", sans-serif;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #00b074;
    color:#eef3f1;
    border-radius:2px;
    cursor: pointer;
    transition: 0.5s all ease;

}
.pro_wehelp1_4:hover{
    background-color: #17be87;
}


.pro_wehelp1_3_sub{
    /* border:1px solid black; */
    height:16%;
    width:100%; 
    /* margin-top:18px; */
     align-content:center;
}
.pro_wehelp1_3_sub i{
    font-size:16px;
    color:#00b074;
    font-weight: bold;
    margin-right:10px;

}

.pro_wehelp1_3_sub{
     font-size:16px;
    font-family: "Roboto", sans-serif;
    word-spacing: 1px; 
    color:#787883;
    margin-top:20px;
}



.pro_wehelp1_3_subb{
     font-size:16px;
    font-family: "Roboto", sans-serif;
    word-spacing: 1px; 
    color:#787883;
    margin-top:20px;
    margin-bottom: 30px;
}


.pro_wehelp1_3_subb i{
    font-size:16px;
    color:#00b074;
    font-weight: bold;
    margin-right:10px;

}

/* listing */
    .listing-main{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    background-color: #effdf5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.listing{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: flex;align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}
.listing-sub{
    /* border: 1px solid red; */
    width: 70%;
    height: 45px;
    align-content: center;
    text-align: center;
    font-family: "Heebo", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #2b3940;
}
.listing-sub1{
    border-bottom: 1px solid #dee2e6;
    width: 22%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.listing-sub1-sub{
    width: 30%;
    height: 98%;
    border-bottom: 2px solid #00b074;
    align-content: center;
    text-align: center;
    font-family: "Heebo", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #2b3940;
    cursor: pointer;

}
.listing-sub1-sub1{
    width: 29%;
    height: 98%;
    border-bottom: 2px solid #00b074;
    border: none;
    align-content: center;
    text-align: center;
    font-family: "Heebo", sans-serif;
   font-size: 17px;
    font-weight: 700;
    color: #2b3940;
    cursor: pointer;

}
.listing-sub1-sub2{
    width: 30%;
    height: 98%;
    border-bottom: 2px solid #00b074;
    border:none;
    align-content: center;
    text-align: center;
    font-family: "Heebo", sans-serif;
   font-size: 17px;
    font-weight: 700;
    color: #2b3940;
    cursor: pointer;
}
.listing-sub2{
    /* border: 1px solid red; */
    width: 95%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}
.listing-sub2-sub{
    /* border: 1px solid #dee2e6; */
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 45px rgb(0 0 0 / 8%);
    align-content: center;
    justify-items: center;
  

}
.listing-sub2-sub:hover{
     border: 1px solid #dee2e6;
      box-shadow: none;
}
.listing-sub2-sub-cetagory{
    width: 96%;
    height: auto;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 22.5px;
    margin-bottom: 22.5px;
}
.cetagory-sub{
    /* border: 1px solid red; */
    width: 480px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cetagory-sub-cetagory{
    border: 1px solid #dee2e6;
    width: 80px;
    height: 80px;
}
.cetagory-sub-cetagory1{
    /* border: 1px solid #dee2e6; */
    width: 80%;
    height: auto;
    align-content: center;
    
}
.cetagory-sub-cetagory1-sub{
    /* border: 1px solid #dee2e6; */
    width: 100%;
    height: 30px;
    font-family: "Inter", sans-serif;
   font-size: 22px;
    font-weight: 700;
    color: #2b3940;   
}
.cetagory-sub-cetagory1-sub-do1{
    /* border: 1px solid #dee2e6; */
    width: 100%;
    height: auto;
    align-content: center;
    font-family: "Inter", sans-serif;
   font-size: 21px;
    color: #2b3940;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;

    
}
.cetagory-sub-cetagory1-sub-do{
    /* border: 1px solid #dee2e6; */
    width: 135px;
    height: 30px;
    align-content: end;
   font-size: 16px;
    color: #00b074;
    
}
.cetagory-sub-cetagory1-sub-do span{
      font-family: "Heebo", sans-serif;
      font-size: 15px;
      color: #666565;
}
.cetagory-sub-cetagory1-sub-do11{
    /* border: 1px solid #dee2e6; */
    width: 100px;
    height: 30px;
    align-content:end;
   font-size: 16px;
    color: #00b074;
    
}
.cetagory-sub-cetagory1-sub-do11 span{
      font-family: "Heebo", sans-serif;
      font-size: 15px;
      color: #666565;
}

.cetagory-sub1{
    /* border: 1px solid red; */
    width:170px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.cetagory-sub1-cet{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
   
}
.cetagory-sub1-cet-sub{
    /* border: 1px solid red; */
    width: 40px;
    height: 40px;
    background-color: #effdf5;
    font-size: 18px;
    color: #00B074;
    align-content: center;
    text-align: center;
    position: relative;
    cursor: pointer;
}
#img{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
}
#img1{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
    display: none;
}
#imgs{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
}
#imgs1{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
    display: none;
}
#imgss{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
}
#imgss1{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
    display: none;
}
#img-s{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
}
#img1-s{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
    display: none;
}
#img-ss{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
}
#img1-ss{
    font-size: 18px;
    color: #00B074;
    position: absolute;
    left: 9px;
    top: 10px;
    display: none;
}
.cetagory-sub1-cet-sub1{
    /* border: 1px solid red; */
    width: 110px;
    height: 40px;
    border: none;
     background-color: #00B074;
     border-radius: 2px;
     font-size: 17px;
    color: #ffffff;
    align-content: center;
    text-align: center;
    font-family:'Inter', sans-serif;
    font-weight: 700;
    transition: 0.5s all ease ;
}
.cetagory-sub1-cet-sub1:hover{
    background-color: #17be87;
}
.cetagory-sub1-cet1{
    /* border: 1px solid red; */
    width: 100%;
    height: 35px;
     font-size: 16px;
    color: #00B074;
    align-content: center;
     font-family:'Inter', sans-serif;
}
.cetagory-sub1-cet1 span{
    color: #666565;
    font-size: 13px;
}
.morejob{
    /* border: 1px solid red; */
    width: 19%;
    height: 60px;
    background-color: #00B074;
    border-radius: 3px;
    align-content: center;
    text-align: center;
    font-family: "Heebo", sans-serif;
   font-size: 17.3px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    border: none;
    transition: 0.5s all ease;
}
.morejob:hover{
     background-color: #17be87;
}

.clients-main{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    background-color: #effdf5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clients{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
     background-color: #ffffff;
    display: flex;align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.clients-sub{
    /* border: 1px solid red; */
    width: 100%;
    height: 90px;
     font-family: "Inter", sans-serif;
   font-size: 42px;
    font-weight: 700;
    color: rgb(43, 57, 64);  
    align-content: center;
    text-align: center; 
}
.clients-sub1{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    justify-items: center;

}
.clients-sub1-child{
    /* border: 1px solid red; */
    width: 96%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.clients-sub1-child-sub{
    /* border: 1px solid red; */
    width: 395px;
    height: 218px;
    background-color: #effdf5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    
}
.clients-sub1-child-sub-child{
    /* border: 1px solid red; */
    width:87%;
    height: 80%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.clients-sub1-child-sub-child-sub{
    /* border: 1px solid red; */
    width:87%;
    height: 22%;
    align-content: center;
    font-size: 45px;
    color: #00B074;
    font-weight: 900;
}
.clients-sub1-child-sub-child-sub-sud{
    /* border: 1px solid red; */
    width:87%;
    height: 22%;
    align-content: center;
    font-size: 45px;
    color: #ffffff;
    font-weight: 900;
}
.clients-sub1-child-sub-child-sub1{
    /* border: 1px solid red; */
    width:100%;
    height: auto;
}
.clients-sub1-child-sub-child-sub1 p{
    color: #555454;
    font-family: "Heebo", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
}
.clients-sub1-child-sub-child-sub1-sud{
    /* border: 1px solid red; */
    width:100%;
    height: auto;
}
.clients-sub1-child-sub-child-sub1-sud p{
    color: #ffffff;
    font-family: "Heebo", sans-serif;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
}
.clients-sub1-child-sub-child-sub2{
    /* border: 1px solid red; */
    width:97%;
    height: 37%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.clients-sub1-child-sub-child-sub2-sub{
    /* border: 1px solid red; */
    width:17%;
    height: 93%;
    display: flex;
    align-items: center;
    
}
.clients-sub1-child-sub-child-sub2-sub1{
    /* border: 1px solid red; */
    width:76%;
    height: 90%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    
}
.clients-sub1-child-sub-child-sub2-sub11{
    /* border: 1px solid red; */
    width:100%;
    height: 55%;
    display: flex;
    align-items: center;
    color: #2B3940;
    font-family: "Inter", sans-serif;
    font-size: 21px;
    font-weight: 700;
}
.clients-sub1-child-sub-child-sub2-sub12{
    /* border: 1px solid red; */
    width:100%;
    height: 45%;
    display: flex;
    align-items: center;
     color: #666565;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    
}
.clients-sub1-child-sub-child-sub2-sub11-sud{
    /* border: 1px solid red; */
    width:100%;
    height: 55%;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 21px;
    font-weight: 700;
}
.clients-sub1-child-sub-child-sub2-sub12-sud{
    /* border: 1px solid red; */
    width:100%;
    height: 45%;
    display: flex;
    align-items: center;
     color: #fffdfd;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    
}
.clients-sub1-child-sub1{
    /* border: 1px solid red; */
    width: 395px;
    height: 218px;
    background-color: #00b074;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    
}
.clients-sub1-child1{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    align-content: center;
    justify-items: center;
    
}
.clients-sub1-child1-sub{
    /* border: 1px solid red; */
    width:120px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    
}

.clients-sub1-child1-sub1{
    /* border: 1px solid red; */
    width:15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
     background-color: #00B074;
     cursor: pointer;
}
.clients-sub1-child1-sub1-do{
    /* border: 1px solid red; */
    width:40%;
    height: 40%;
    border-radius: 1px;
     background-color: #0e0e0e;
     
}
.clients-sub1-child1-sub1-do1{
    /* border: 1px solid red; */
    width:40%;
    height: 40%;
    border-radius: 1px;
     background-color: #fffafa;
    
}

/* footer */

.footer{
    /* border: 1px solid red; */
    height: 400px;
    width: 100%;
    background-color: #2B3940;
    align-content: end;
    justify-items: center;
}

.footer_sub{
    /* border: 1px solid red; */
    height: 280px;
    width: 97%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.footer_sub_child{
    /* border: 1px solid red; */
    height: 230px;
    width: 285px;
}
.footer_sub_child_bar{
    /* border: 1px solid red; */
    height: 40px;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    font-family: "Inter", sans-serif;
    align-content: center;
     color: #ffffff;
}

.footer_sub_child_bar1{
    /* border: 1px solid red; */
    height: 160px;
    width: 100%;
    align-content: center;
}

.footer_sub_child_bar1_child{
    /* border: 1px solid red; */
    height: 30px;
    width: 100%;
    align-content: center;
    font-weight: 550;
     font-family: "Inter", sans-serif;
     color: rgb(255 255 255 / 50%);
     transition:0.5s all ease;
}

.footer_sub_child_bar1_child:hover{
   
    letter-spacing: 1px;
}

.footer_sub_child_bar1_child_do{
    /* border: 1px solid red; */
    height: 38px;
    width: 100%;
    align-content: center;
  
     font-family: "Inter", sans-serif;
     color: rgb(255 255 255 / 50%);
     
}

.footer_sub_child_bar1_child_do_1{
    /* border: 1px solid red; */
    height: 38px;
    width:56%;
    display: flex;
    justify-content: space-between;
    align-items: center;
     font-family: "Inter", sans-serif;
     color: rgb(255 255 255 / 50%);
     
}


.footer_sub_child_bar1_child_do1{
    border: 1px solid rgb(255 255 255 / 50%);
    height: 32px;
    width: 21%;
    align-content: center;
    text-align: center;
    color: #EFFDF5;
       transition: 1s;
     cursor: pointer;
}


.footer_sub_child_bar1_child_do1:hover{
    background-color: #dee2e6;
    color: #00B074;
  
}


.footer_sub_child_content{
    /* border: 1px solid red; */
    height: 60px;
    width: 90%;
    color: rgb(255 255 255 / 50%);
    font-family:  "Heebo", sans-serif;
    line-height: 1.5;
}


.footer_sub_child_email{
    border: 1px solid rgb(255 255 255 / 50%);
    height:60px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 3px;
}

.footer_sub_child_email_sub{
    /* border: 1px solid red; */
    height:60px;
    width: 65%;
   
}

.footer_sub_child_email_sub input{
    height: 100%;
    width: 83%;
    border: none;
    outline: none;
    padding-left: 30px;
    font-size: 17px;
    background-color: #2B3940;
    color: #666565;
}

.footer_sub_child_email button{
    height: 45px;
    width: 31.5%;
    color: #FFFFFF;
    background-color: #00B074;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: 550;
    border-radius:3px ;
    cursor: pointer;
    transition: 0.5s all ease;
}
.footer_sub_child_email button:hover{
 background-color: #17be87;
}











.footer_sub1{
    border-top: 1px solid rgb(255 255 255 / 10%);
    /* height: 75px; */
    height: auto;
    width: 97%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.footer_sub1_child{
    /* border: 1px solid red; */
    height: 40px;
    width: 440px;
    font-size: 15px;
    color: #EFFDF5;
    align-content: center;
    font-family: "Heebo", sans-serif;
}

.footer_sub1_child1{
     /* border: 1px solid red; */
    /* height: 40px; */
    height: auto;
    width: 300px;
    display: flex;
  
    align-items: center;
    position: relative;

}

.footer_sub1_child1_bar{
    border-right: 1px solid rgb(255 255 255 / 10%);
    height: 20px;
    width: 77px;
    align-content: center;
    font-family: "Heebo", sans-serif;
    text-align: center;
      color: #EFFDF5;

}

.footer_sub1_child1_bar1{
    /* border: 1px solid red; */
    height: 40px;
    width: 77px;
    align-content: center;
    font-family: "Heebo", sans-serif;
    text-align: center;
      color: #EFFDF5;
     

}

.footer_sub1_child1_bar2{
    /* border: 1px solid red; */
    height: 50px;
    width: 47px;
    align-content: center;
    font-family: "Heebo", sans-serif;
    text-align: center;
      color: #EFFDF5;
      position: absolute;
     bottom: 50px;
     right: 41px;
    background-color: #00B074;
    border-radius: 2px;
   position: fixed;
  transition: 0.5s all ease;

}
.footer_sub1_child1_bar2:hover{
 background-color: #17be87;
}






/* .footer */

a{
    color: #00B074;
    text-decoration: none;
}







/* /listing */





@media(max-width:1400px){
   .main{
    width: 100%;
   }



    .back{
        width: 100%;
    }

    .wehelp{
        width: 100%;
    }

   
     .from_sub{
        display: flex;
        justify-content: center;
       
    }

    .from_sub1_do{
        margin-top: 15px;
        margin-left: 10px;
    }

    .from_sub1{
        margin-left: 10px;
        margin-top: 15px;
    }

      .from_sub2{
        margin-left: 10px;
        margin-top: 15px;
    }
    

    

    .Explore1{
        width: 100%;
      

    }
    .explore-sub{
        width: 93%;
        height: auto;
        display: flex;
        gap: 20px;
       
    }

    .explore-sub1{
        margin-top: 20px;
        width: 280px;
    }
}

@media(max-width:1370px){
    .clients-sub1-child{
        justify-content: center;
    }
     .clients-sub1-child-sub{
        margin: 10px;
    } 
     .clients-sub1-child-sub1{
        margin: 10px;
    } 
} 

@media(max-width:1330px){
    .listing-sub1{
        width: 28%;
        
    }
    .listing-sub2-sub-cetagory{
        margin-top: 20px;
    }
}

@media(max-width:1300px){
    .from{
        height: auto;
    }

      .explore-sub1{
      
        width: 350px;
    }

    .body_sub_child{
        width: 95%;
    }

    .footer{
        height: auto;
    }

    .footer_sub{
        height: auto;
        justify-content: center;
    }


   
}
@media(max-width:1100px){
    .listing-sub1-sub{
        font-size: 14px;
    }
    .listing-sub1-sub1{
        font-size: 14px;
    }
    .listing-sub1-sub2{
        font-size: 14px;
    }
}




@media(max-width:1000px){
  .nap_bar_sub1_child{
    display: none;
    width: 100%;
    position: absolute;
    left: 10%;
    top: 22%;

    
  }

   .wehelp{
    width:100%;
   }
  

  #menu{
   
        position: absolute;
        left: 6%;
        top: 100%;
        background-color: #fff;
        padding-left: 10px;
        width: 85%;
  }

 
  .nap_bar_sub1 #bar{
    display: block;
  }

  .nap_bar_sub1_child1{
    display: none;
  }

  

  .nap_bar_sub1{
    height: auto;
    width: 75%;
    display: flex;
    justify-content: end;
    margin-top: 30px;
    margin-left: -30px;
    align-items: start;
  }

  #nap_bar_sub1_child_home2 ul{
     
    position: relative;
    left: 65px;
    top: -20px;

  }

   #nap_bar_sub1_child_home3 ul{
     
    position: relative;
    left: 65px;
    top: -20px;

  }

 
.body_sub_child1{
    font-size: 50px;
}

.footer_sub{
    justify-content: center;
}
  
}
@media(max-width:860px){
    .morejob{
        width: 25%;
        font-size: 16px;
    
    }

   .footer_sub1{
    justify-content: center;
   }

    .footer_sub1_child{
        height: auto;

    }
}
@media(max-width:800px){
    .listing-sub1{
        width: 45%;
    }
}


@media(max-width:775px){
    .explore-sub1{
        width: 550px;
    }

    .body_sub_child1{
        font-size: 40px;
        width: 495px;
    }

    .body_sub_child2{
        font-size: 14px;
        width: 500px;
    }

    .footer_sub1_child1{
        margin-top: 30px;
    }
}

@media(max-width:712px){
    .cetagory-sub1{
        margin-top: 20px;
    }
}
@media(max-width:670px){
   .nap_bar_sub{
    margin-left: 10px;
   }
}






@media(max-width:580px){
 .sub_wehelp{
    height:500px;
    width:500px;
 }   

  .pro_wehelp{
 margin:0px 10px;
 width: 85%;

 } 

 .pro_wehelp1_1{
    font-size: 35px;
 }

 .pro_wehelp1{
    margin-top: 40px;
 }

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

 .body_sub_child1{
    width: 90%;
 }

 .body_sub_child2{
    width: 90%;
 }

 .body_sub_child3{
 width: 400px;

}

.body_sub_child3_bar{
    width: 140px;
}

.body_sub_child3_bar1{
    width: 140px;
}
}
@media(max-width:535px){
    .morejob{
        width: 35%;
        font-size: 15px;
    
    }
}
@media(max-width:515px){
    .cetagory-sub-cetagory1{
        width: 70%;
    }
}

@media(max-width:500px){
    .listing-sub{
        font-size: 35px;
    }
    .listing-sub1{
        width: 55%;
    }

    .footer_sub1_child{
        text-align: center;
        line-height: 1.5;
    }

    .footer_sub1_child1{
        flex-wrap: wrap;
        justify-content: center;
    }
}


@media(max-width:450px){
    .clients-sub{
        font-size: 28px;
    }
}






@media (max-width:425px){
 .sub_wehelp{
    height:400px;
    width:400px;
 }   
 .pro_wehelp1_1{
    font-size: 25px;
 }

 .body_sub_child3{
    width: 350px;
 }

 .body_sub_child3{
    width: 300px;
 }

 .body_sub_child3_bar{
    width: 110px;
    font-size: 15px;
    
 }

 .body_sub_child1{
    font-size: 35px;
 }

 .body_sub_child2{
    font-size: 12px;
 }
 .body_sub_child3_bar1{
    width: 110px;
    font-size: 15px;
 }

 .Explore1{
    font-size: 30px;
 }
}
@media(max-width:390px){
    .listing-sub{
        font-size: 35px;
    }
    .listing-sub1{
        width: 85%;

    }
    .listing-sub1-sub{
        width: 75px;
    }
    .listing-sub1-sub1{
        width: 75px;
    }
    .listing-sub1-sub2{
        width: 75px;
    }
  
    .morejob{
        width: 46%;
        font-size: 14px;
    
    }

}








@media(max-width:350px){

    .nap_bar_sub{
      
        font-size: 30px;
    }
 .sub_wehelp{
    height:300px;
    width:300px;
 }   
 
 .pro_wehelp1_1{
    font-size: 22px;
 }
.body_sub_child{
    width: 92%;
}
.body_sub_child1{
    width: 85%;
    font-size: 30px;
 }
 .body_sub_child2{
    width: 85%;
 }

 .body_sub_child3{
    width: 260px;
 }

 .body_sub_child3_bar{
    width: 90px;
    height: 50px;
    font-size: 11px;
 }

 .body_sub_child3_bar1{
    width: 90px;
    height: 50px;
    font-size: 11px;
 }
 .cetagory-sub-cetagory1-sub{
    font-size: 18px;
 }

 .footer_sub_child{
    margin-left: 20px;
 }
}
@media(max-width:340px){
    .cetagory-sub-cetagory1{
        width: 62%;
    }
    .cetagory-sub-cetagory1-sub{
        font-size: 15px;
    }
}




/* contact */


.contact{
    /* border: 1px solid red; */
    height: 400px;
    width: 100%;
    background-image:url("../img/job.jpg");
    background-size: cover;
}

.contact_sub{
    height: 400px;
    width: 100%;
    background-color: rgb(43 57 64 / 50%);
    align-content: center;
    justify-items: center;
}

.contact_sub_child{
    border-left: 15px solid #00B074;
    height: 200px;
    width: 97%;
    position: relative;
    align-content: center;
}

.contact_sub_child::before{
    content: '';
    height: 15px;
    /* width: 8%; */
    width: 100px;
    position: absolute;
    left: 0%;
    top: -0%;
    background-color: #00B074;

}

.contact_sub_child::after{
    content: '';
    height: 15px;
    /* width: 8%; */
      width: 100px;
    position: absolute;
    left: 0%;
    top: 92.5%;
    background-color: #00B074;

}

.contact_sub_child_bar{
    /* border: 1px solid red; */
    height: 100px;
    /* width: 25%; */
    width: 353px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    align-content: center;
}

.contact_sub_child_bar1{
    /* border: 1px solid red; */
    height: 30px;
    /* width: 25%; */
        width: 353px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    /* font-weight: 550; */
    text-align: center;
    align-content: center;
}



.contact_from{
    /* border: 1px solid red; */
    height: 830px;
    width: 100%;
    align-content: center;
    justify-items: center;
    background-color: #ffffff;
}

.contact_from_child{
    /* border: 1px solid red; */
    height: 700px;
    width: 97%;
}

.contact_from_child1{
    /* border: 1px solid red; */
    height: 100px;
    width: 100%;
      font-family: "Inter", sans-serif;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    align-content: center;
}


.contact_from_child2{
    /* border: 1px solid red; */
    height: 120px;
    width: 100%;
    font-family: "Inter", sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.contact_from_child2_bar{
    /* border: 1px solid red; */
    height: 90px;
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EFFDF5;
}

.contact_from_child2_bar1{
    border: 1px solid #dee2e6;
    height: 45px;
    /* width: 10%; */
    width: 41px;
    align-content: center;
    text-align: center;
    color: #00B074;
    background-color: #fff;
    border-radius: 3px;

}

.contact_from_child2_bar2{
    /* border: 1px solid red; */
    height: 50px;
    width: 75%;
    align-content: center;
    padding-left: 15px;
    color: #666565;
    
}


.contact_from_child3{
    /* border: 1px solid red; */
    /* height: 475px; */
    width: 100%;
        font-family: "Heebo", sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_from_child3_1{
    /* border: 1px solid red; */
    height: 475px;
    width: 49%;
}


.contact_from_child3_1 iframe{
    height: 100%;
    width: 100%;
}


.contact_from_child3_1_child{
    height: auto;
    width: auto;
    /* border: 1px solid red; */
    text-align: justify;
    font-size: 16px;
    line-height: 1.5;
    color: #666565;
}

.contact_from_child3_1_child1{
    /* border: 1px solid red; */
    height: 403px;
    width: 100%;
}

.contact_from_child3_1_child1_bar{
    /* border: 1px solid red; */
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_from_child3_1_child1_bar1{
    /* border: 1px solid red; */
    height: 60px;
    width: 48.2%;
}

.contact_from_child3_1_child1_bar1 input{
    height: 98%;
    width: 94%;
    padding-left: 15px;
    font-size: 17px;
    outline: none;
    border: 1px solid #ced4da;
}

.contact_from_child3_1_child1_bar_do{
    /* border: 1px solid red; */
    height: 80px;
    width: 100%;
  
}

.contact_from_child3_1_child1_bar_do input{
    height: 60px;
    width: 97%;
    padding-left: 15px;
    font-size: 17px;
    outline: none;
    border: 1px solid #ced4da;
    
}

.contact_from_child3_1_child1_bar_do1{
     /* border: 1px solid red; */
    height: 150px;
    width: 100%;
}

.contact_from_child3_1_child1_bar_do2{
     /* border: 1px solid red; */
    height: 85px;
    width: 100%;
    align-content: end;
}

.text1{
    height: 89%;
    width: 97%;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 17px;
     border: 1px solid #ced4da;
     outline: none;
     max-width: 845px;
}

.text{
    height: 89%;
    width: 97%;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 17px;
     border: 1px solid #ced4da;
     outline: none;
     max-width: 615px;
}


.btn{
    height: 60px;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    background-color: #00B074;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
 
}




@media(max-width:1300px){
    .contact_from_child{
        width: 93%;
    }
}

@media(max-width:1110px){
   .contact_from_child3_1{
    height: 500px;
   }

   .contact_from_child3_1_child1_bar_do1{
    height: 175px;
   }
}

@media(max-width:1036px){
  

   .contact_from_child3_1_child1_bar_do1{
    height: 150px;
   }
}

@media(max-width:820px){
    .contact_from_child3_1_child{
        font-size: 15px;
    }
}

@media(max-width:768px){

    .contact_sub_child{
        width: 75%;
    }

    .contact_from{
        height: auto;
    }

    .contact_from_child{
        height: auto;
    }

    .contact_from_child1{
        font-size: 30px;
    }

    
     .contact_from_child2{
        height: auto;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
     }

     .contact_from_child2_bar{
        width: 600px;
     }

     .contact_from_child3{
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin-top: 40px;

     }

     .contact_from_child3_1{
        width: 600px;
     }
}


@media(max-width:425px){
    .contact_sub_child_bar{
        width: 220px;
        font-size: 40px;
    }
     .contact_sub_child_bar1{
        width: 220px;
        font-size: 11px;
    }

    .contact_from_child3_1{
    height: auto;
}

.contact_from_child3_1_child1{
    height: auto;
}
}









/* /contact */

/* error */

.error{
    /* border: 1px solid red; */
    height: 600px;
    width: 100%;
    align-content: center;
    justify-items: center;
}

.error_sub{
     /* border: 1px solid red; */
    height: 450px;
    width: 280px;
    align-content: center;
    justify-items: center;
}

.error_sub_child{
  /* border: 1px solid red; */
  height: 90px;
  width: 130px;
  align-content: center;
  text-align: center;
  color: #00B074;
  font-size: 80px;
}

.error_sub_child1{
  /* border: 1px solid red; */
  height: 100px;
  width: 70%;
  align-content: center;
  text-align: center;
  font-size: 80px;
  font-weight: 900;
  color: #2B3940;
      font-family: "Inter", sans-serif;
}

.error_sub_child2{
  /* border: 1px solid red; */
  height: 80px;
  width: 100%;
  align-content: center;
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #2B3940;
      font-family: "Inter", sans-serif;
}

.error_sub_child3{
  /* border: 1px solid red; */
  height: auto;
  width: 100%;
  align-content: center;
  text-align: center;
  font-size: 15px;
  color: #666565;
  line-height: 1.5;
      font-family: "Inter", sans-serif;
      padding-bottom: 25px;
}

.error_sub_child4{
    /* border: 1px solid red; */
    height: 55px;
    width: 150px;
    text-align: center;
    align-content: center;
      font-family: "Inter", sans-serif;
      font-weight: 700;
      background-color: #00B074;
      color: #FFFFFF;
      border-radius: 2px;
}
@media(max-width:850px){
    .error_sub_child1{
        font-size: 75px;
    }
    .error_sub_child2{
        font-size: 35px;
    }
    .error_sub_child3{
        font-size: 14px;
    }
    .error_sub_child4{
        font-size: 14px;
    }
}
@media(max-width:515px){
    .error_sub_child1{
        font-size: 70px;
    }
    .error_sub_child2{
        font-size: 30px;
    }
    .error_sub_child3{
        font-size: 14px;
    }
    .error_sub_child4{
        font-size: 14px;
    }
}
@media(max-width:300px){
    .error_sub{
        width: 260px;
    }
}


/* /error */


/* details */

.detail{
    /* border: 1px solid red; */
    height: auto;
    width: 100%;
    align-content: center;
    justify-items: center;
    background-color: white;
}

.detail_sub{
    /* border: 1px solid red; */
    height: auto;
    width: 96%; 
    display: flex;
   
    justify-content: space-between;
}
.detail_sub-cetagory{
    /* border: 1px solid red; */
    width: 840px;
    height: auto;
}
.listing-sub2-sub-do{
    /* border: 1px solid #dee2e6; */
    width: 100%;
    height: auto;
}


.detail_sub-cetagory1{
    /* border: 1px solid red; */
    width: 410px;
    height: 1250px;
}
.detail_sub-cetagory1-child{
    /* border: 1px solid red; */
    width: 100%;
    height: 380px;
    background-color: #EFFDF5;
    align-content: center;
    justify-items: center;
}
.detail_sub-cetagory1-child-sub{
    /* border: 1px solid red; */
    width: 75%;
    height: 75%;
}
.detail_sub-cetagory1-child-sub-cetagory{
    /* border: 1px solid red; */
    width: 100%;
    height: 19%;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #2B3940;
    font-size: 25.5px;
    
}
.detail_sub-cetagory1-child-sub-cetagory1{
    /* border: 1px solid red; */
    width: 100%;
    height: 81%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.detail_sub-cetagory1-child-sub-cetagory1-child{
    /* border: 1px solid red; */
    width: 100%;
    height: 20px;
    align-content: center;
    font-family: "Heebo", sans-serif;
    font-size: 15.7px;
    font-weight: 450;
    color: #666565;
}
.detail_sub-cetagory1-child1{
    /* border: 1px solid red; */
    width: 100%;
    height: 317px;
    background-color: #EFFDF5;
    margin-top: 25px;
    align-content: center;
    justify-items: center;
    
}
.detail_sub-cetagory1-child-sub-cetagory1 p{
    font-family: "Heebo", sans-serif;
    font-size: 15.7px;
    font-weight: 450;
    color: #666565;
    line-height: 1.5;
}

.descript{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
}
.descript-sub{
    /* border: 1px solid red; */
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    font-family: "Heebo", sans-serif;
    font-size: 25.5px;
    font-weight: 700;
    color: #2B3940;
    line-height: 1.5;
}
.descript-sub1{
    /* border: 1px solid red; */
    width: 98%;
    height: auto;
    padding-bottom: 10px; 
   
}
.descript-sub1 p{
    font-family: "Heebo", sans-serif;
    font-size: 15.7px;
    font-weight: 450;
    color: #666565;
    line-height: 1.5;
}

.cetagory-sub-cetagory1-sub-do-do{
    /* border: 1px solid #dee2e6; */
    width: 100%;
   height: 35px;
    font-family: "Inter", sans-serif;
   font-size: 27px;
    font-weight: 700;
    color: #2b3940;   
}


.respon{
    /* border: 1px solid red; */
    height: auto;
    width: 100%;
}

.respon_sub{
    /* border: 1px solid red; */
    height: 45px;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 25px;
    align-content: center;
    color: #2B3940;
}

.respon_sub_1{
    /* border: 1px solid red; */
    height: auto;
    width: 97%;
    font-size: 16px;
    font-family: "Heebo", sans-serif;
     color: #666565;
     align-content: center;
       line-height: 1.5;
       padding-top: 8px;
       padding-bottom: 8px;
}
.respon_sub_2{
    /* border: 1px solid red; */
    height: 135px;
    width: 97%;
    font-size: 16px;
    font-family: "Heebo", sans-serif;
     color: #666565;
     align-content: center;
       line-height: 1.5;
}

.respon_sub_2_icon{
    /* border: 1px solid red; */
    height: 25px;
    width:100%;
    align-content:end;
}


.apply{
    /* border: 1px solid red; */
    height: 412px;
    width: 100%;
    align-content: end;
}

.apply_sub{
   /* border: 1px solid red; */
    height: 70px;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 25px;
    align-content: center;
    color: #2B3940;
}

.apply_sub1{
    /* border: 1px solid red; */
    height:55px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.apply_sub1_from{
    /* border: 1px solid red; */
    height: 55px;
    width: 49%;
    align-content: center;
}

.apply_sub1_from input{
    height: 40px;
    width: 96.5%;
    padding-left: 10px;
    font-size: 16.8px;
    border: 1px solid #ced4da;
    
}




::placeholder{
    color: #666565;
}

.apply_sub2{
    /* border: 1px solid red; */
    height:160px;
    width: 100%;
    align-content: center;
   
}

.text{
    height: 77%;
    width: 97.5%;
    color: #666565;
    font-family: "Inter", sans-serif;
}

.apply_sub3{
    /* border: 1px solid red; */
    height:40px;
    width: 100%;
    font-weight: 700;
    text-align: center;
    align-content: center;
    font-family: "Inter", sans-serif;
    background-color: #00B074;
    color: #FFFFFF;
    border-radius: 2px;
    border: none;
    outline: none;
    font-size: 17px;
    cursor: pointer;  
}


/* /details */


@media(max-width:1310px){
    .detail_sub-cetagory{
        width: 700px;
    }

}


@media(max-width:1165px){
    .detail_sub-cetagory{
        width: 600px;
    }
}
 @media(max-width:1060px){
    .detail_sub-cetagory{
        width: 500px;
    }

    .detail_sub-cetagory1{
        width: 350px;
    }
    }

    @media(max-width:890px){
    .detail_sub-cetagory{
        width: 400px;
    }
    .apply_sub1_from input{
        font-size: 13.5px;
        width: 93%;
    }
    .apply_sub2 textarea{
        font-size: 13.5px;
        width: 95.5%;
    }
    .apply_sub1_from{
        width: 47%;
    }
}

 @media(max-width:790px){
    .detail_sub-cetagory{
        width: 300px;
    }
    .apply_sub1_from input{
        font-size: 11.5px;
        width: 93%;
    }
    .apply_sub2 textarea{
        font-size: 11.5px;
        width: 95%;
    }
    .apply_sub1_from{
        width: 47%;
    }
    .cetagory-sub-cetagory1-sub-do-do{
        font-size: 22px;
    }
    .descript-sub1 p {
        font-size: 14px;
    }
    .respon_sub_1{
        font-size: 14px;
    }
    .respon_sub_2_icon{
        font-size: 14px;
    }
    
    .detail_sub-cetagory1{
        width: 300px;
    }
}

@media(max-width:635px){
    .detail_sub{
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }
    .detail_sub-cetagory{
        width: 400px;
    }
    .apply_sub1_from input{
        font-size: 15.5px;
        width: 96%;
    }
    .apply_sub2 textarea{
        font-size: 15.5px;
        width: 95%;
    }
    .apply_sub1_from{
        width: 49%;
    }
    .cetagory-sub-cetagory1-sub-do-do{
        font-size: 27px;
    }
    .descript-sub1 p {
        font-size: 15.7px;
    }
    .respon_sub_1{
        font-size: 15.7px;
    }
    .respon_sub_2_icon{
        font-size: 15.7px;
    }
    
    .detail_sub-cetagory1{
        width: 400px;
    }
}

@media(max-width:450px){
    
    .detail_sub-cetagory{
        width: 300px;
    }
    .apply_sub1_from input{
        font-size: 12px;
        width: 92.5%;
    }
    .apply_sub2 textarea{
        font-size: 12px;
        width: 94.5%;
    }
    .apply_sub1_from{
        width: 47%;
    }
    .cetagory-sub-cetagory1-sub-do-do{
        font-size: 18px;
        height: 20px;
    }
    .descript-sub1 p {
        font-size: 12px;
    }
    .respon_sub_1{
        font-size: 12px;
    }
    .respon_sub_2_icon{
        font-size: 12px;
    }
    
    .detail_sub-cetagory1{
        width: 300px;
    }
}

@media(max-width:320px){
    
    .detail_sub-cetagory{
        width: 250px;
    }
    .apply_sub1_from input{
        font-size: 12px;
        width: 91.5%;
    }
    .apply_sub2 textarea{
        font-size: 12px;
        width: 93.5%;
    }
    .apply_sub1_from{
        width: 47%;
    }
    .cetagory-sub-cetagory1-sub-do-do{
        font-size: 15px;
        height: 20px;
    }
    .descript-sub1 p {
        font-size: 12px;
    }
    .respon_sub_1{
        font-size: 12px;
    }
    .respon_sub_2_icon{
        font-size: 12px;
    }
    .descript-sub{
        font-size: 24px;
    }
    .respon_sub{
         font-size: 24px;
    }
    .apply_sub{
        font-size: 24px;
    }
    
    .detail_sub-cetagory1{
        width: 250px;
    }
    .detail_sub-cetagory1-child-sub-cetagory{
        font-size: 24px;
    }
    .detail_sub-cetagory1-child-sub-cetagory1-child{
        font-size: 12px;
    }
    .detail_sub-cetagory1-child-sub-cetagory1 p{
        font-size: 12px;
    }
}