@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic');


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
div#section6 {
    margin-top: -250px;
}

#A_licensed_manpower_agency_in_1 {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 13.6%;
    top: 60vh;
    position: absolute;
    overflow: visible;
    width: 83%;
    white-space: normal;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 19.5px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    HEIGHT: 60PX;
    FONT-SIZE: 25.9PX;
}


html {
    overflow-x:hidden;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
html::-webkit-scrollbar {
    overflow-x:hidden;
    display: none!important;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  
.im1 {
    width: 300px;
    top: 18.8px;
    position: relative;
}
.lsitem {
    margin-bottom: 20px;
}

textarea.form-control {
    height: auto;
}
textarea.form-control {
    height: 150px!important;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   FONT-SIZE:21PX;
  



}
  textarea::-moz-placeholder { /* Firefox 19+ */
    FONT-SIZE:21PX;
  }
  textarea:-ms-input-placeholder { /* IE 10+ */
    FONT-SIZE:21PX;
  }
  textarea:-moz-placeholder { /* Firefox 18- */
    FONT-SIZE:21PX;
  }


ul a   {text-decoration:none;display:block;width:100%;height:100%;text-align:center;vertical-align:middle;padding-top:15px;}
ul a:visited   {text-decoration:none;color:white;display:block;width:100%;height:100%;text-align:center;vertical-align:middle;padding-top:15px;}
ul a:active   {text-decoration:none;display:block;width:100%;height:100%;text-align:center;vertical-align:middle;padding-top:15px;}
.im2{width:300px;}
.body, body, *, tspan, h1, p{
    line-height: 1;

    font-family:
    
    "Roboto Condensed", sans-serif;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 24.5px;
}

.lsitem {
    width: 770px;
}   
.leg{
    widtH:100%;
    position: relative;
    top: -100px;
}
.flexlast{
    width:100%;
    margin:auto;
    display:flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.addrpara .lastpar {
    margin: 0!important;
    width: 90%;
    text-align: justify;
    top: 5.7px!important;
    position: relative;
}


.thnlastlogo {
    width: 190px;
    /* left: -510px; */
    top: 5.7px;
    position: relative;
}




.secsec{height: 100vh;}

.kokoro {
    height: 100vh;
    top: -60px;
    position: relative;
}
.kokoflex .fp-scroller {
    height: 120vh;
}

.iScrollIndicator {
    display: none!important;
}
.hodl {
    height: 100vh;
    position: relative;
    top: -130.9px;
}
#p222{ height: 100vh;}

.go555{ height: 100vh;}

#p111{ height: 100vh;}

#section0{height: 100vh;}

.pageit {
    height: 78.9vh;
}

#p5555{height: 140vh;}







  
  /*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  now override the 3.3 new styles for modern browsers & apply opacity
  */
  @media all and (transform-3d), (-webkit-transform-3d) {
      
  
 





.kokoflex .fp-tableCell {
    height: 0;
}
body p{
    line-height: 1.1;


}



.form-group {
   margin-bottom:0
}

.form-group {
    margin-bottom:0 ;
}
.midflex2 {
    /* display: flex; */
    /* top: 0; */
    position: relative;
    /* justify-content: center; */
    height: 79.8vh;
}
.cardholder{
    top:10px;
}


#p10 p {
    top: 75.8px;
    position: relative;
    font-size: 26px;
    padding-bottom: 50px;
  }
  






#p21 p {
    font-size: 30.99;


}



#p3 p {
    font-size: 49.7px;

}

.lefts img {
    width: 170%;
}
.who {
    width: 73%;
    margin: auto;
    height: 650px;
    left: -7px;
    top: -10px;
    position: relative;
}

.lg{
    top: 0;
    position: relative;
    display: inline;
}


.page-10 {
    padding-top: 40px;
}
.iconkoko{


        WIDTH: 470PX;

}
.lefts>img{


    width: 540px;
}
.lefts {
    width: 20%;
    /* height: 100%; */
    display: inline-block;
    left: -10px;
    position: relative;
    /* top: inherit; */
    top: -220px;
}



.rights {
    display: inline-block;
    width: 40%;
    /* position: relative; */
    /* left: 210px; */
    /* float: right; */
}






.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 83.8vh;
}
.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 79.7vh;
}

.fp-controlArrow.fp-prev {

    left: 12%;
    width: 0;
    border-width: 25px 30px 25px 0;
    border-color: transparent #3D66AA transparent transparent;
}


.fp-controlArrow.fp-next {
    right: 12%;
    border-width: 25px 0 25px 30px;
    border-color: transparent transparent transparent #3D66AA;
}

.fp-slidesNav.fp-bottom {
    bottom: 17px;
    display: none!important;
}


.toops{

    margin-top: 60px;
}

.doown{

    top:168px!important;

    position: relative;
}


.btraclogo3 {
    width: 1036.906px;
    position: relative;
    right: 0;
    transform-origin: right;
}
.btraclogo2 {
    width: 776.906px!important;
    position: relative;
    right: 0;
    transform-origin: right;
} 
#p21 {
    margin-top: 45px;
    position: relative;
}
.my-form {
    color: #3D66AA;
}
.my-form .btn-default {
    background-color: #3D66AA;
    color: #fff;
    border-radius: 0;
}
.my-form .btn-default:hover {
    background-color: #3D66AA;
    color: #fff;
}
.my-form .form-control {
    border-radius: 0;
}


.flex-container33   {
    flex-flow: row wrap;
    width: 88%;
    top: 100px;
    position: relative;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */
    display: flex; /* Standard syntax */
}
.flex-container33 .column{
    padding: 5px;
    /* background: #dbdfe5; */
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
}
.flex-container33 .column.bg-alt{
    /* background: #b4bac0; */
}

iframe{
    
    width: 600px;
    border: 0;
    position: relative;
    top: 60px;
    /* margin-bottom: 200px; */
    }
.mapss{
    display: flex;
    justify-content: center;
    width: 65%;
    top: 100px;
    flex-flow: row wrap;
    position: relative;
}   

textarea, input[type=text], input[type=email], select {
    
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
  }

  
  .rights {
    display: inline-block;
    width: 70%;
    position: relative;
    left: 15%;
}
  
   input[type=submit] {
	width: 30%;
	background-color: #5f7aac;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	position:relative;
	left: 68.5%;
	}
  
  input[type=submit]:hover {
	width:30%;
	background-color: #8e9ebd;

	
	
  }

  
  form> div {
	border-radius: 5px;
	padding: 20px;
	}
    form {
        width: 95%;
        margin: 40px auto;
    }

/* ======================== */
/* FORM VALIDATOR CSS STYLE */
/* ======================== */
.form-input-error-msg {
    display: none;
    padding: 4px 0;
    margin-bottom: 5px;
    color: red;
    font-weight: bold;
    font-size: 0.8em;
    overflow: hidden;
}
.form-input-error-msg.show-error {
    display: block;
}
.alert.form-input-error-msg {
    padding: 4px;
    margin-bottom: 5px;
    color: #a94442;
    font-weight: bold;
}
.form-input-error-msg span.error-empty, 
.form-input-error-msg span.error-wrong {
    display: none;
}
.form-input-error-msg span.error-empty.show-error, 
.form-input-error-msg span.error-wrong.show-error {
    display: inline-block;
}

.error {
    border-color: red;
}

.cent{
    width:80%;margin:auto;
}
form{display: inline-block;
    position: relative;}
    .flexiload {
        border: 1px black solid;
        width: 829px;
        top: 80px;
        position: relative;
        /* margin: auto; */
    }
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  input[type=submit] {
    /* right: -60px; */
    background-color: #3D66AA;
    color: white;
    padding: 12px 20px;
    /* left: 240px; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
  
  input[type=submit]:hover {
    background-color: white;
    color:#3D66AA;
  }
  
  .container4 {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
  } 
iframe{    position: relative;
    }
.nonee {
    display: none;
}
.fp-tableCell2 {
    display: table-cell;
    vertical-align: center!important;
    width: 100%;
    height: 100%;
}

div#p20 {
    top: 82.7px;
    position: relative;
    /* font-size: 25px; */
} 

label {
    display: inline-block;
    color:rgb(3, 88, 116);
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

#p10 {
    position: relative;
 
}



div#p4 {
    padding-top: 90px;
    position: relative;
}
div#p40 {
    padding-top: 10px;
    position: relative;
}
.item2 {
    width: 80%;
    margin: auto;
    top: 390px;
    position: relative;
}






.scrollable-element{
    height: 400px;
    width: 600px;
    overflow-y: scroll;
    margin: 0 auto;
}
.box{
    display: block;
    background: red;
    margin: 20px;
    padding: 20px;
}
.scrollable-element {
    height: 400px;
    width: 600px;
    overflow-y: scroll;
    margin: 0 auto;
}

#p3 {
    margin-top: -250px;
    position: relative;
}
.p3 {
    margin-top: -56.9px;
}
.p33 {
    margin-top: 120px;
}

#Group_271>img {
    width: 80%;
    top: 0.4px;
    position: relative;
}
#p1 {
    position: relative;
    top: 127px;
}
   


#p2 {
    position: relative;
    top: 123px;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: top!important;  
    width: 100%;
    height: 100%;
}

.container-fluid {
    top: 60px;
    width: 94%;
    left: 0;
    position:relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.col-xsm-12>img {
    left: -23%;
    position: relative;
    top: 43.5%;
    margin-top: -20%;
}
.conflexitem>p {
    font-size: 30.9px;
    text-align: justify;
    left: 2.4%;
    top: 70px;
    position: relative;
}


.flex-item3>img {
    width: 250px;
    /* left: 30px; */
    position: relative;
    height: 170px;
}
.flex-item>svg {
    width: 368.6px;
}
.white {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
}
.white2  {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
}

html{

    overflow-x: hidden;}

   

div#Group_271 {
    position: relative;
    right: 48.9px;
}

#p11{


    position: relative;
    top: 30px;
}

#A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 278px;
    top: 590px;
    position: absolute;
    overflow: visible;
    width: 982px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 39px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
}

div#koko {
    display: inline-block;
    width: 52%;
    position: relative;
    left: 13%;
    margin-top: 130px;
}
#p5>svg {
    display: inline;
    width: 20%;
    position: relative;
    left: 67.3%;
    top: 120px;
    margin-bottom: 100px;
}

.vertjourney{
    display:none;
    
    
    
}


.holdit {
    

    position: relative;
  
}


.glyphicon>svg {
    width: 1.9vw;
}






.flexb-item>img{width:150px;

    
}
body, span, tspan, h1 {
    font-family: "Roboto Condensed", sans-serif;
}


.div70{
    width:70%;
    
}
.divit{display:flex;
    position: relative;
    justify-content: space-between;
    flex-flow:row wrap;
    width:73.5%;
    margin:auto;


}

.div30{
    width:25%;


}
.rollitflex {
    top: 210px;
    display: flex;
    width: 80%;
    justify-content: center;
    flex-flow: row wrap;
    margin: auto;
    position: relative;

    overflow: scroll;

    overflow: -moz-scrollbars-none;
    /* this will hide the scrollbar in internet explorers */
    -ms-overflow-style: none;
}

.rollitflex2 {
    top: 129px;
    display: flex;
    width: 80%;
    align-content: top;
    justify-content: center;
    flex-flow: row wrap;
    margin: auto;
    position: relative;
    /* height: 1475px; */
    overflow: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}



#section0 .fp-scroller {
    overflow: hidden;
}

.rollitflex::-webkit-scrollbar {
    width: 0px!important;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.rollitflex2::-webkit-scrollbar {
    width: 0px!important;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.rollitflex3::-webkit-scrollbar {
    width: 0px!important;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}





.flex-item2>img {
    width: 470px;
    z-index: 10;
}


.res1{


}



  .infocommune {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 61.3%;
    padding: 0;
    margin: auto;
    list-style: none;
}
.infocommune2    {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 61.3%;
    padding: 0;
    margin: auto;
    list-style: none;
}
 
 


.flei {
    /* padding: 16px; */
    width: 410px;
    height: auto;
    padding-bottom: 30px;
}

.flei2 {
    /* padding: 16px; */
    width: 580px;
    height: auto;
    padding-bottom: 30px;
}

.btraclogo{
    justify-content: flex-end;
}
.btraclogo2 {

    justify-content: flex-end;

}
.btraclogo3 {

    justify-content: flex-end;

}




.phoneem{
    position: relative;;
    left:0;


}
.bgg {

    mix-blend-mode: luminosity;
    /* position: absolute; */
    /* width: 100%; */
    
    width: 100%;
   
    background-position: fixed;
}

.page000 {
    top: 20px;
}
.bgg {
    top: 0;
    z-index: 0;
    /* mix-blend-mode: luminosity; */
    height: 200%;
    background: url(bak.jpg) ;


    position: relative;
}
.bgg2 {
    top: 0;
    z-index: 0;
    mix-blend-mode: luminosity;
    height: 110%;
    background: url(bak.jpg);
    position: relative;
}
.btraclogo {
    /* width: 258.906px; */
    position: relative;
    right: 0;
    transform-origin: right;
}
.btraclogo3{
    width: 1036.906px;
    position: relative;
    right: 0;
    transform-origin: right;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  nav {
    z-index: 100;
    height: 167px;
    padding: 1.5%;
    padding-left: 0;
    padding-right: 0;
    background-color: white;
    position: fixed;
    top: 0;
    position: fixed;
    width: 100%;
    /* border-bottom: 100px; */
}
  button {
    font-family: "Poppins", sans-serif;
  }

  .flexo {
    display: flex;
    top: 257px;
    /* padding-bottom: 190px; */
    position: relative;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    padding: 0;
    /* margin: 0; */
    margin-bottom: 240px;
    list-style: none;
}
  .flexo-item {
   
/* padding: 16px; */
   
/* left: -16px; */
   
/* top: -16px; */
   
position: relative;
   
width: 941px;
   
height: 630px;
   
/* margin-top: 14px; */
   
line-height: 150px;
   
color: white;
   
font-weight: bold;
   
font-size: 3em;
   
text-align: center;
}
  
  .dropdown {
    height: 10vh;
    width: 74.2%;
    margin: auto;
    display: flex;
    top:0px;
    position:relative;
    justify-content: flex-end;
    align-items: left;
    color:pink;
  }
  
  .projects,
  .products {
    position: relative;
    
  }
  
  .projects ul, .products ul {
    color: white;
    z-index: 50;
    margin-top: -10px;
    position: absolute;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    width: 350px;
    height: 400px;
    background: #3D66AA;
    left: -120px;
    list-style: none;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: all 0.4s ease;
}
  .projects li,
  .products li {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .projects li:hover,
  .products li:hover {
   
    background-color:white;
    transition: background-color .2s;
  }

  .projects li:hover >a,
  .products li:hover >a{
    color: #3D66AA;

  }
  
  .projects a, .products a {
    color: white;
    text-decoration: none;
    
}
.projects a:hover, .products a:hover {
    color: #3D66AA;
    text-decoration: none;
}
  .dropdown button,
  .home {
    /* border:solid 2px black; */
    background: none;
    text-decoration: none;
    width:100px;
    height:100px;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    outline:none;
  }
  
  .projects button:hover + ul,
  .products button:hover + ul {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
    outline:none;
  }

  
 
  .products ul:hover  {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
    outline:none;
  }
 


  .flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 97%;
    padding: 0;
    margin: 0;
    padding-top: 1%;
    list-style: none;
}





.flex-item {
    /* background: tomato; */
    /* padding: 16px; */
    left: 15px;
    height:100%;
    /* top: -16px; */
    position: relative;
    width: 375.2px;
    height: 307.5px;
    /* margin-top: 14px; */
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}

img.skill {
    width: 100%;
    height: 100%;
    max-width: 1160px;
    top: 50px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
}
.mapimage{position: relative;
    margin:0px 0px 0 0px;background-image:url(includess/mapit.svg);background-size:contain;background-repeat:no-repeat;background-position: left top;height:931px;}

.mapinfo {
    position: absolute;
    right: 10.5%;
    width: 18.1vw;
    top: 170.2px;
}

.mapimg{
   
}


img.skill2 {
    width: 100%;
    max-width: 977px;
    /* transform: scale(1.5); */
    top: 76px;
  
    /* padding: 50px 70px 0 70px; */
    position: relative;
  
}
.flexit {
    top: 60px;
    position: relative;
    display: flex;
    justify-content: center;
}

.flexit2{
    position: relative;
    display: flex;
    justify-content: center;
    top: 19px;
    /* margin-bottom: 110px; */
    position: relative;
}

  .empty{
      padding-bottom: 100px;
  }



 

  @media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:1070px) and (max-height:1090px){




    
    .flexit {
        top: 30px;
        position: relative;
        display: flex;
        justify-content: center;
    }.flexit2 {
        position: relative;
        display: flex;
        justify-content: center;
        top: -11px;
        /* margin-bottom: 110px; */
        position: relative;
    }#cont4 {
    height: 1760px;
    top: -190px;
    position: relative;
}
    
    .kokocaro.item {
  left: -4.3%;
  position: relative;
  }
  img.d-block.w-100 {
  height: 504.9PX;
  width: 930.5px!important;
  position: relative;
  margin-left: 117px;
}
div#section2 {
    margin-top: -120px;
}
  
.hodl {
    height: 100vh;
    position: relative;
    top: -132.9px;
}

  #p21 {
    margin-top: -260px;
    position: relative;
}
  .rollitflex2 {
      top: 69px;
      display: flex;
      width: 80%;
      align-content: top;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;
      /* height: 1475px; */
      overflow: scroll;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
  }

  div#section8 {
      margin-top: -190px;
  }
  div#section6 {
      margin-top: -20px;
  }
  div#section7 {
      height: 1080px;
      top: 30px;
      position: relative;
  }
 
  .cardholder2 {
      top: 20px;
      position: relative;}
    
  #A_licensed_manpower_agency_in_ {
      Z-INDEX: 10;
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
      left: 13.5%;
      top: 609px;
      position: absolute;
      overflow: visible;
      width: 1123px;
      white-space: nowrap;
      text-align: left;
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: bold;
      line-height: 30px;
      font-size: 38.9px;
      color: rgba(255,255,255,1);
      text-transform: uppercase;
  }
  
  .lsitem {
      width: 820px;
  }

  .lsitem.im1 {
      width: 200px;
  }


  

  .rollitflex {
      top: 129px;
      display: flex;
      width: 80%;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;

      overflow: scroll;
  }
  .infocommune {  
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      width: 75.5%;
      padding: 0;
      margin: auto;
      list-style: none;
  }
 


  


}
  @media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:1000px) and (max-height:1069px){


    
    .flexit {
        top: 30px;
        position: relative;
        display: flex;
        justify-content: center;
    }.flexit2 {
        position: relative;
        display: flex;
        justify-content: center;
        top: -11px;
        /* margin-bottom: 110px; */
        position: relative;
    }#cont4 {
    height: 1760px;
    top: -190px;
    position: relative;
}
    
    .kokocaro.item {
  left: -4.3%;
  position: relative;
  }
  img.d-block.w-100 {
  height: 504.9PX;
  width: 930.5px!important;
  position: relative;
  margin-left: 117px;
}
div#section2 {
    margin-top: -120px;
}
  
.hodl {
    height: 100vh;
    position: relative;
    top: -132.9px;
}

  #p21 {
    margin-top: -260px;
    position: relative;
}
  .rollitflex2 {
      top: 69px;
      display: flex;
      width: 80%;
      align-content: top;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;
      /* height: 1475px; */
      overflow: scroll;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
  }

  div#section8 {
      margin-top: -190px;
  }
  div#section6 {
      margin-top: -20px;
  }
  div#section7 {
      height: 1080px;
      top: 30px;
      position: relative;
  }
 
  .cardholder2 {
      top: 20px;
      position: relative;}
    
  #A_licensed_manpower_agency_in_ {
      Z-INDEX: 10;
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
      left: 13.5%;
      top: 609px;
      position: absolute;
      overflow: visible;
      width: 1123px;
      white-space: nowrap;
      text-align: left;
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: bold;
      line-height: 30px;
      font-size: 38.9px;
      color: rgba(255,255,255,1);
      text-transform: uppercase;
  }
  
  .lsitem {
      width: 820px;
  }

  .lsitem.im1 {
      width: 200px;
  }


  

  .rollitflex {
      top: 129px;
      display: flex;
      width: 80%;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;

      overflow: scroll;
  }
  .infocommune {  
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      width: 75.5%;
      padding: 0;
      margin: auto;
      list-style: none;
  }
 


  


}


@media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:870px) and (max-height:999px){
      .kokocaro.item {
    left: -4.3%;
    position: relative;
    }
    img.d-block.w-100 {
    height: 504.9PX;
    width: 930.5px!important;
    position: relative;
    margin-left: 117px;
}
    div#section2 {
        margin-top: -30px;
    }
    
    .hodl {
        height: 100vh;
        position: relative;
        top: -50.9px;
    }

    #p21 {
        margin-top: -120px;
        position: relative;
    }
    .rollitflex2 {
        top: 69px;
        display: flex;
        width: 80%;
        align-content: top;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        /* height: 1475px; */
        overflow: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

    div#section8 {
        margin-top: -120px;
    }
    div#section6 {
        margin-top: -20px;
    }
    div#section7 {
        height: 1080px;
        top: 30px;
        position: relative;
    }
   
    .cardholder2 {
        top: 20px;
        position: relative;}
      
    #A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.5%;
        top: 609px;
        position: absolute;
        overflow: visible;
        width: 1123px;
        white-space: nowrap;
        text-align: left;
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: bold;
        line-height: 30px;
        font-size: 38.9px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    
    .lsitem {
        width: 820px;
    }

    .lsitem.im1 {
        width: 200px;
    }


    

    .rollitflex {
        top: 129px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
  
        overflow: scroll;
    }
    .infocommune {  
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 75.5%;
        padding: 0;
        margin: auto;
        list-style: none;
    }
   


    


}

@media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:800px) and (max-height:869px){
    .kokoro {
        height: 100vh;
        top: -60px;
        position: relative;
    }   #p3 {
        margin-top: -240px;
        position: relative;
    }  div#section1 {
        margin-top: 40px;
    }div#section2 {
        margin-top: 40px;
    }#cont4 {
        height: 1760px;
        top: -40px;
        position: relative;
    }

  #p5555 {
    height: 150vh;
}
    .kokocaro.item {
  left: -4.3%;
  position: relative;
  }
  img.d-block.w-100 {
  height: 504.9PX;
  width: 930.5px!important;
  position: relative;
  margin-left: 117px;
}
  div#section2 {
      margin-top: -30px;
  }
  
  .hodl {
      height: 100vh;
      position: relative;
      top: -13.9px;
  }

  #p21 {
      margin-top: 0px;
      position: relative;
  }
  .rollitflex2 {
      top: 69px;
      display: flex;
      width: 80%;
      align-content: top;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;
      /* height: 1475px; */
      overflow: scroll;
      overflow: -moz-scrollbars-none;
      -ms-overflow-style: none;
  }

  div#section8 {
    margin-top: 0px;
}
  div#section6 {
      margin-top: -20px;
  }
  div#section7 {
      height: 1080px;
      top: 30px;
      position: relative;
  }
 
  .cardholder2 {
      top: 20px;
      position: relative;}
    
  #A_licensed_manpower_agency_in_ {
      Z-INDEX: 10;
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
      left: 13.5%;
      top: 609px;
      position: absolute;
      overflow: visible;
      width: 1123px;
      white-space: nowrap;
      text-align: left;
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: bold;
      line-height: 30px;
      font-size: 38.9px;
      color: rgba(255,255,255,1);
      text-transform: uppercase;
  }
  
  .lsitem {
      width: 820px;
  }

  .lsitem.im1 {
      width: 200px;
  }


  

  .rollitflex {
      top: 129px;
      display: flex;
      width: 80%;
      justify-content: center;
      flex-flow: row wrap;
      margin: auto;
      position: relative;

      overflow: scroll;
  }
  .infocommune {  
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      width: 75.5%;
      padding: 0;
      margin: auto;
      list-style: none;
  }
 


  


}
@media only screen and (max-width:3000px){


}


  @media only screen and (max-width:2600px){

   

    

    
   
    #p11 {
        position: relative;
        top: 86.4px;
    }
    .btraclogo
    {

        position: relative;
        right:0;
        transform-origin:right;
    }

    .btraclogo2 {
        width: 1326.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    form {
        top: 20px;
        width: 1053px;
        left: 80px;
    }
    #p10 {
        position: relative;

    }


        #Group_271>img {
            width: 110%;
            text-outline: 0;top:-13px;
            position: relative;
        }
    
    .dropdown {
    height: 10vh;
    width: 74%;
    margin: auto;
    display: flex;
    top: 0px;
    position: relative;
    justify-content: flex-end;
    align-items: left;
}
    nav {
    z-index: 100;
    height: 167px;
    padding: 1.7%;
    padding-left: 0;
    padding-right: 0;
    background-color: white;
    position: fixed;
    top: 0;
    position: fixed;
    width: 100%;
    /* border-bottom: 100px; */
}
 

    .infocommune {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 72%;
    padding: 0;
    left: -1%;
    margin: auto;
    list-style: none;
    top: 19px;
    position: relative;
}
    .projects ul, .products ul {
      
        left: 0px;
        width: 290px;
    }
    .flex-item2>img {
    width: 480px;
    z-index: 10;
}
.mapimage {
    height: 1000.3px;
}


    
}


@media only screen and (max-width:2157px){

    

    
    .col-xsm-12>img {
        left: -16.1%;
        width: 81.9%;
        position: relative;
        top: 42.7%;
        margin-top: -20%;
    }

    .conflexitem>p {
        font-size: 25.5px;
        text-align: justify;
        left: 2.4%;
        top: 50px;
        position: relative;
    }

    form {
        top: 20px;
        width: 1023px;
    }

    .lefts img {
        width: 201.2%;
        left: 6.5px;
        top: -110px;
        transform-origin: top;
        position: relative;
    }
    .lefts {
        width: 20%;
        /* height: 100%; */
        display: inline-block;
        left: -10px;
        position: relative;
        /* top: inherit; */
        top: -227px;
    }

    .rights {
        display: inline-block;
        width: 70%;
        top: -90px;
        position: relative;
        left: 13%;
    }

    .lg {
        /* transform: scale(0.9); */
        top: -190px;
        position: relative;
        display: inline;
    }
    .iconkoko {
        WIDTH: 400PX;
    }
    .kokocover {
        position: relative;
        top: 60px;
        height: 720px;
        /* left: 30px; */
    }


    #p3 p {
        top: 60px;
        left: 10px;
        font-size: 40.7px;
    }

    #cont4 {
        height: 1760px;
    }
 
    .rollitflex {
        top: 80px;
        display: flex;
        width: 80%;
    
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }
    .mapimage {
        height: 60vh;
    }

    .mapinfo {
        position: absolute;
        right: 15.5%;
        width: 14.5vw;
        top: 111.2px;
    }
    #p11 {
        position: relative;
        top: 86.4px;
    }
    .btraclogo
    {

        position: relative;
        right:0;
        transform-origin:right;
    }

    .btraclogo2 {
        width: 1326.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    form {
        transform: scale(0.8);
        top: 40px;
        left: 47px;
    }
    #p10 {
        position: relative;

    }


        #Group_271>img {
            width: 110%;
            text-outline: 0;top:-13px;
            position: relative;
        }
    
    .dropdown {
    height: 10vh;
    width: 74%;
    margin: auto;
    display: flex;
    top: 0px;
    position: relative;
    justify-content: flex-end;
    align-items: left;
}
    nav {
    z-index: 100;
    height: 167px;
    padding: 1.7%;
    padding-left: 0;
    padding-right: 0;
    background-color: white;
    position: fixed;
    top: 0;
    position: fixed;
    width: 100%;
    /* border-bottom: 100px; */
}

    #myCarousel2 {
        transform: scale(1.7);
        position: relative;
        top: 280px;
        margin-bottom: 230px;
    }

    .infocommune {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 72%;
    padding: 0;
    left: -1%;
    margin: auto;
    list-style: none;
    top: 19px;
    position: relative;
}
    .projects ul, .products ul {
      
        left: 0px;
        width: 290px;
    }
    .flex-item2>img {
        width: 381px;
        z-index: 10;
    }


    #A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 334px;
    top: 874px;
    position: absolute;
    overflow: visible;
    width: 1112px;
    line-height: 50px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 53.7px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
    }







}

@media only screen and (max-width:1999px) and (min-height:1070px) and (max-height:1090px){
    .white2 {
        position: absolute;
        width: 100%;
        height: 110.6%;
        background-color: white;
    }
    .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .flexlast {
        top: 30px;
        position: relative;
    }

    .form-group {
        margin-bottom: -25px!important;
    }
    input[type="submit"] {
        top: 10;
        top: 30px;
        margin-left: -10px;
    }

    
    .lefts img {
        width: 208.5%;
        top: 31px;
        position: relative;
    }
    .lg {
        top: -190px;
        position: relative;
        display: inline;
    }

    .conflexitem>p {
        font-size: 25px;
        text-align: justify;
        left: 2.4%;
        top: 20.2px;
        position: relative;
    }

    
    #p3 p {
        font-size: 35.6px;
        top: 60px;
        position: relative;
    }

    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.4vh;
}
.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 81.2vh;
}
.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.7vh;
}


.im {
    width: 70.6%;
}



    form {
        width: 900px;
    }

    .btraclogo2 {
        width: 886.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p10 {
        position: relative;
    
    }

  
    #p11 {
        position: relative;
        top: 70px;
    }

    #p10 {
        position: relative;

    }


    .item2 {
        width: 80%;
        margin: auto;
        top: 280px;
        position: relative;
    }
    #Group_271>img {
        width: 100%;
        top:-8px;
        position: relative;
    }

   

    .mapinfo {
        position: absolute;
        right: 11%;
        width: 18.1vw;
        top: 434.2px;
    }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 840px;
        top: 0;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill2 {
        width: 100%;
        max-width: 581px;
        top: 80px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }


 

    .flex-item2>img {
    width: 360px;
    z-index: 10;
}
.bgg {
    top: 0;
    z-index: 0;
    /* mix-blend-mode: luminosity; */

    background: url(bak.jpg) ;

    position: relative;
}
    .flexo-item {
        width: 701px;
        height: 470px;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        /* top: -16px; */
        position: relative;
        width: 285.2px;
        height:100%;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }
    .flex-item>svg {
        width: 300px;
    }
    .mapimage {
   
height: 764.5px;
   
}
#A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 258px;
    top: 696px;
    position: absolute;
    overflow: visible;
    width: 982px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 40.8px;
    line-height: 38px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
}
    



 
        

}
@media only screen and (max-width:1999px) and (min-height:1000px) and (max-height:1069px){
    .white2 {
        position: absolute;
        width: 100%;
        height: 110.6%;
        background-color: white;
    }
    .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .flexlast {
        top: 30px;
        position: relative;
    }

    .form-group {
        margin-bottom: -25px!important;
    }
    input[type="submit"] {
        top: 10;
        top: 30px;
        margin-left: -10px;
    }

    
    .lefts img {
        width: 208.5%;
        top: 31px;
        position: relative;
    }
    .lg {
        top: -190px;
        position: relative;
        display: inline;
    }

    .conflexitem>p {
        font-size: 25px;
        text-align: justify;
        left: 2.4%;
        top: 20.2px;
        position: relative;
    }

    
    #p3 p {
        font-size: 35.6px;
        top: 60px;
        position: relative;
    }

    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.4vh;
}
.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 81.2vh;
}
.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.7vh;
}


.im {
    width: 70.6%;
}



    form {
        width: 900px;
    }

    .btraclogo2 {
        width: 886.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p10 {
        position: relative;
    
    }

  
    #p11 {
        position: relative;
        top: 70px;
    }

    #p10 {
        position: relative;

    }


    .item2 {
        width: 80%;
        margin: auto;
        top: 280px;
        position: relative;
    }
    #Group_271>img {
        width: 100%;
        top:-8px;
        position: relative;
    }

   

    .mapinfo {
        position: absolute;
        right: 11%;
        width: 18.1vw;
        top: 434.2px;
    }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 840px;
        top: 0;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill2 {
        width: 100%;
        max-width: 581px;
        top: 80px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }


 

    .flex-item2>img {
    width: 360px;
    z-index: 10;
}
.bgg {
    top: 0;
    z-index: 0;
    /* mix-blend-mode: luminosity; */

    background: url(bak.jpg) ;

    position: relative;
}
    .flexo-item {
        width: 701px;
        height: 470px;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        /* top: -16px; */
        position: relative;
        width: 285.2px;
        height:100%;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }
    .flex-item>svg {
        width: 300px;
    }
    .mapimage {
   
height: 764.5px;
   
}
#A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 258px;
    top: 696px;
    position: absolute;
    overflow: visible;
    width: 982px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 40.8px;
    line-height: 38px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
}
    



 
        

}

@media only screen and (max-width:1999px) and (min-height:870px) and (max-height:999px){
    .white2 {
        position: absolute;
        width: 100%;
        height: 110.6%;
        background-color: white;
    }
    .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .flexlast {
        top: 30px;
        position: relative;
    }

    .form-group {
        margin-bottom: -25px!important;
    }
    input[type="submit"] {
        top: 10;
        top: 30px;
        margin-left: -10px;
    }

    
    .lefts img {
        width: 208.5%;
        top: 31px;
        position: relative;
    }
    .lg {
        top: -190px;
        position: relative;
        display: inline;
    }

    .conflexitem>p {
        font-size: 25px;
        text-align: justify;
        left: 2.4%;
        top: 20.2px;
        position: relative;
    }

    
    #p3 p {
        font-size: 35.6px;
        top: 60px;
        position: relative;
    }

    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.4vh;
}
.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 81.2vh;
}
.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.7vh;
}


.im {
    width: 70.6%;
}



    form {
        width: 900px;
    }

    .btraclogo2 {
        width: 886.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p10 {
        position: relative;
    
    }

  
    #p11 {
        position: relative;
        top: 70px;
    }

    #p10 {
        position: relative;

    }


    .item2 {
        width: 80%;
        margin: auto;
        top: 280px;
        position: relative;
    }
    #Group_271>img {
        width: 100%;
        top:-8px;
        position: relative;
    }

   

    .mapinfo {
        position: absolute;
        right: 11%;
        width: 18.1vw;
        top: 434.2px;
    }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 840px;
        top: 0;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill2 {
        width: 100%;
        max-width: 581px;
        top: 80px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }


 

    .flex-item2>img {
    width: 360px;
    z-index: 10;
}
.bgg {
    top: 0;
    z-index: 0;
    /* mix-blend-mode: luminosity; */

    background: url(bak.jpg) ;

    position: relative;
}
    .flexo-item {
        width: 701px;
        height: 470px;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        /* top: -16px; */
        position: relative;
        width: 285.2px;
        height:100%;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }
    .flex-item>svg {
        width: 300px;
    }
    .mapimage {
   
height: 764.5px;
   
}
#A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 258px;
    top: 696px;
    position: absolute;
    overflow: visible;
    width: 982px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 40.8px;
    line-height: 38px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
}
    



 
        

}

@media only screen and (max-width:1999px) and (min-height:800px) and (max-height:869px){
    .white2 {
        position: absolute;
        width: 100%;
        height: 120.6%;
        background-color: white;
    }
    .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .flexlast {
        top: 30px;
        position: relative;
    }

    .form-group {
        margin-bottom: -25px!important;
    }
    input[type="submit"] {
        top: 10;
        top: 30px;
        margin-left: -10px;
    }

    
    .lefts img {
        width: 208.5%;
        top: 31px;
        position: relative;
    }
    .lg {
        top: -190px;
        position: relative;
        display: inline;
    }

    .conflexitem>p {
        font-size: 25px;
        text-align: justify;
        left: 2.4%;
        top: 20.2px;
        position: relative;
    }

    
    #p3 p {
        font-size: 35.6px;
        top: 60px;
        position: relative;
    }

    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.4vh;
}
.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 81.2vh;
}
.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 77.7vh;
}


.im {
    width: 70.6%;
}



    form {
        width: 900px;
    }

    .btraclogo2 {
        width: 886.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }

    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p10 {
        position: relative;
    
    }

  
    #p11 {
        position: relative;
        top: 70px;
    }

    #p10 {
        position: relative;

    }


    .item2 {
        width: 80%;
        margin: auto;
        top: 280px;
        position: relative;
    }
    #Group_271>img {
        width: 100%;
        top:-8px;
        position: relative;
    }

   

    .mapinfo {
        position: absolute;
        right: 11%;
        width: 18.1vw;
        top: 434.2px;
    }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 840px;
        top: 0;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill2 {
        width: 100%;
        max-width: 581px;
        top: 80px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }


 

    .flex-item2>img {
    width: 360px;
    z-index: 10;
}
.bgg {
    top: 0;
    z-index: 0;
    /* mix-blend-mode: luminosity; */

    background: url(bak.jpg) ;

    position: relative;
}
    .flexo-item {
        width: 701px;
        height: 470px;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        /* top: -16px; */
        position: relative;
        width: 285.2px;
        height:100%;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }
    .flex-item>svg {
        width: 300px;
    }
    .mapimage {
   
height: 764.5px;
   
}
#A_licensed_manpower_agency_in_ {
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 258px;
    top: 696px;
    position: absolute;
    overflow: visible;
    width: 982px;
    white-space: nowrap;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 40.8px;
    line-height: 38px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    z-index: 100;
}
    



 
        

}
@media only screen and (max-width:1900px){



    #p10 {
    position: relative;

}


}


@media only screen and (max-width:1670px) and (min-height:800px) and (max-height:920px){

    
    .carousel-control-next {
    right: 30px;
}
    .kokoro {
        height: 100vh;
        top: -220px;
        position: relative;
    }   .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 41%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    } #p21 {
        margin-top: -580px;
        position: relative;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -256.9px;
    }  
    .projects, .products {
        left: 14.4px;
        position: relative;
    }   

    div#section6 {
        margin-top: -131px;
    }
    .go555 {
        margin-top: 4px;
    }

    div#section4 {
    margin-top: -90px;
}
    
.who {
    width: 73%;
    margin: auto;
    height: 480px;
    left: -7px;
    top: -60px;
    position: relative;
}
   
   
    
.flex-item3 {
    left: 29.1px;
    position: relative;
}
   
.flex-item3 {
    width: 300px;
    height: 240px;
}
    .flex-item3>img {
        width: 260px;
        /* left: 30px; */
        position: relative;
        height: 231px;
    }
    #cont4 {
        height: 1380px;
    }
.kokocaro.item {
    left: -1.4%;
    position: relative;
}
    
    img.d-block.w-100 {
        height: 430px;
        width: 803.7px!important;
        margin-left: 100px;
    }

    .lefts {
        width: 21%;
        /* height: 100%; */
        display: inline-block;
        left: -11px;
        position: relative;
        /* top: inherit; */
        top: -260px;
    }

    .flexit {
        top: 0;
        position: relative;
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }
  
    
    #ID1_THANEX_web_page__HOME_ALL- {
        width: 180px;
        top: 18.5px;
        position: relative;
    }
    .products img {
        width: 40px;
        position: relative;
        top: -6px;
    }
    form {
        width: 858px;
        top: 90px;
        left: -27px;
        transform: scale(0.7);
    }

    .lefts img {
        width: 150%;
    }
  .btraclogo {
    width: 258.906px;
    position: relative;
    right: 0;
    transform-origin: right;
}
  .flei.phoneem {
    width: 270px;
}

  div#p4 {
    padding-top: 50px;
    position: relative;
}
div#p40 {
    top: -40px;
    position: relative;
}
    #p21>p {
        left: 9px;
        font-size: 21.9px;
    }

    #p21 {
        margin-top: -610px;
        position: relative;
    }
    .flex-item3 {
        LEFT: 2.8PX;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 115.4%;
        background-color: white;
    }

    #p3 p {
        top: 40px;
        font-size: 27.3px;
    }
    

    .conflexitem>p {
        font-size: 20.2px;
        text-align: justify;
        left: 2.4%;
        position: relative;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 65.3vh;
    }

    .imge3 {
        /* margin: auto; */
        width: 70%;
        height: 100px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 62.5vh;
    }
    div#section8 {
    margin-top: -299.3px;
}
    
    .kokoflex {
        display: grid;
        grid-template-columns: 75% 25%;
        width: 83.4%;
        margin: auto;
        top: -70px;
        position: relative;
    }
    .rollitflex2 {
        top: 19px;
        display: flex;
        width: 80%;
        align-content: top;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        /* height: 1475px; */
        overflow-y: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }
    .im {
        width: 51.6%;
    }



    div#Our_partnership_with_KoKoRoZas {
        margin-top: -32.1px;
    }

    .btraclogo2 {
        width: 576.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p3 {
        margin-top: -275px;
        position: relative;
    }

   
    #p20 .container-fluid{
        position: relative;
            top: -10px;}

    .flexo {
        display: flex;
        top: 120px;
        /* padding-bottom: 190px; */
        position: relative;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0;
        /* margin: 0; */
        margin-bottom: 240px;
        list-style: none;
    }
    #p11 {
        position: relative;
        top: 50px;
    }
    

    
    
    .products img {
        width: 40px;
        position: relative;
        top: -2.5px;
    }
    #p10 {
        position: relative;

    }
    #Group_271>img {
        width: 54%;
        top: 19.4px;
        left: 70px;
        position: relative;
    }
    .mapinfo {
        position: absolute;
        right: 21.5%;
        width: 15vw;
        top: 287.4px;
    }
    .p3 {
        margin-top: 50px;
    }
    .p33 {
        margin-top: 70px;
    }

    #p1, #p2 {
        margin-top: -52px;
    }
    .flex-item {
        width: 234.3px;
    }


    

    .text{font-size: 39.6px;}
    nav {
        z-index: 100;
        padding: 37.1px;
        padding-right:0;
        padding-left:0;
        height: 167px;
        background-color: white;
        position: fixed;
        top: -60px;
        position: fixed;
        width: 100%;
        /* border-bottom: 100px; */
    }
    
    .mapimage {
        height: 540.3px;
        top: 10px;
    }
  .dropdown {
        height: 10vh;
        width: 73.4%;
        display: flex;
        top: 28px;
        position: relative;
        justify-content: flex-end;
        align-items: left;
    }
   

    .lg {
        top: -240px;
        position: relative;
        display: inline;
    }



    .page-1 {
        z-index: 1;
        position: relative;
        top: 0px;
    }
img.skill2 {
    width: 100%;
    max-width: 592px;

    top: -32px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
img.skill {    height: 100%;
    width: 100%;
    max-width: 710px;
    top: -20px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
  .flexit {
    top: 0;
    position: relative;
    display: flex;
    justify-content: center;
    }
    .flex-item2 {
        width: 299.6px;
    }
.flex-item {
    width: 236.3px;
    }
    .flex-item>svg {
        width: 226px;
    }
  .flexo-item {
    width: 593px;
    height: 390px;
    }
    
    .flex-item2>img {
        width: 265.8px;
        z-index: 10;
    }
    .rollitflex {
        display: flex;
        width: 81.9%;
        top: 30px;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
    }


  
    .infocommune {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 71.2%;
        padding: 0;
        margin: auto;
        list-style: none;
    }

   
    

}
@media only screen and (max-width:1670px) and (min-height:730px) and (max-height:799px){
    .carousel-control-next {
    right: 30px;
}

    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 41%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    #p21 {
        margin-top: -580px;
        position: relative;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -100.9px;
    }   
    .projects, .products {
        left: 14.4px;
        position: relative;
    }   

    div#section6 {
        margin-top: -131px;
    }
    .go555 {
        margin-top: 40px;
    }

    div#section4 {
    margin-top: -90px;
}
    
.who {
    width: 73%;
    margin: auto;
    height: 480px;
    left: -7px;
    top: -60px;
    position: relative;
}
   
   
    
.flex-item3 {
    left: 29.1px;
    position: relative;
}
   
.flex-item3 {
    width: 300px;
    height: 240px;
}
    .flex-item3>img {
        width: 260px;
        /* left: 30px; */
        position: relative;
        height: 231px;
    }
    #cont4 {
        height: 1380px;
    }
.kokocaro.item {
    left: -1.4%;
    position: relative;
}
    
    img.d-block.w-100 {
        height: 430px;
        width: 803.7px!important;
        margin-left: 100px;
    }

    .lefts {
        width: 21%;
        /* height: 100%; */
        display: inline-block;
        left: -11px;
        position: relative;
        /* top: inherit; */
        top: -260px;
    }

    .flexit {
        top: 0;
        position: relative;
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }
  
    
    #ID1_THANEX_web_page__HOME_ALL- {
        width: 180px;
        top: 18.5px;
        position: relative;
    }
    .products img {
        width: 40px;
        position: relative;
        top: -6px;
    }
    form {
        width: 858px;
        top: 10px;
        left: -27px;
        transform: scale(0.7);
    }

    .lefts img {
        width: 150%;
    }
  .btraclogo {
    width: 258.906px;
    position: relative;
    right: 0;
    transform-origin: right;
}
  .flei.phoneem {
    width: 270px;
}

  div#p4 {
    padding-top: 50px;
    position: relative;
}
div#p40 {
    top: -40px;
    position: relative;
}
    #p21>p {
        left: 9px;
        font-size: 21.9px;
    }

    #p21 {
        margin-top: -260px;
        position: relative;
    }
    .flex-item3 {
        LEFT: 2.8PX;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 115.4%;
        background-color: white;
    }

    #p3 p {
        top: 40px;
        font-size: 27.3px;
    }
    

    .conflexitem>p {
        font-size: 20.2px;
        text-align: justify;
        left: 2.4%;
        position: relative;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 65.3vh;
    }

    .imge3 {
        /* margin: auto; */
        width: 70%;
        height: 100px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 62.5vh;
    }
    div#section8 {
    margin-top: -299.3px;
}
    
    .kokoflex {
        display: grid;
        grid-template-columns: 75% 25%;
        width: 83.4%;
        margin: auto;
        top: -70px;
        position: relative;
    }
    .rollitflex2 {
        top: 19px;
        display: flex;
        width: 80%;
        align-content: top;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        /* height: 1475px; */
        overflow-y: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }
    .im {
        width: 51.6%;
    }



    div#Our_partnership_with_KoKoRoZas {
        margin-top: -32.1px;
    }

    .btraclogo2 {
        width: 576.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p3 {
        margin-top: -275px;
        position: relative;
    }

   
    #p20 .container-fluid{
        position: relative;
            top: -10px;}

    .flexo {
        display: flex;
        top: 120px;
        /* padding-bottom: 190px; */
        position: relative;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0;
        /* margin: 0; */
        margin-bottom: 240px;
        list-style: none;
    }
    #p11 {
        position: relative;
        top: 50px;
    }
    

    
    
    .products img {
        width: 40px;
        position: relative;
        top: -2.5px;
    }
    #p10 {
        position: relative;

    }
    #Group_271>img {
        width: 54%;
        top: 19.4px;
        left: 70px;
        position: relative;
    }
    .mapinfo {
        position: absolute;
        right: 21.5%;
        width: 15vw;
        top: 287.4px;
    }
    .p3 {
        margin-top: 50px;
    }
    .p33 {
        margin-top: 70px;
    }

    #p1, #p2 {
        margin-top: -52px;
    }
    .flex-item {
        width: 234.3px;
    }


    

    .text{font-size: 39.6px;}
    nav {
        z-index: 100;
        padding: 37.1px;
        padding-right:0;
        padding-left:0;
        height: 167px;
        background-color: white;
        position: fixed;
        top: -60px;
        position: fixed;
        width: 100%;
        /* border-bottom: 100px; */
    }
    
    .mapimage {
        height: 540.3px;
        top: 10px;
    }
  .dropdown {
        height: 10vh;
        width: 73.4%;
        display: flex;
        top: 28px;
        position: relative;
        justify-content: flex-end;
        align-items: left;
    }
   

    .lg {
        top: -240px;
        position: relative;
        display: inline;
    }



    .page-1 {
        z-index: 1;
        position: relative;
        top: 0px;
    }
img.skill2 {
    width: 100%;
    max-width: 592px;

    top: -32px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
img.skill {    height: 100%;
    width: 100%;
    max-width: 710px;
    top: -20px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
    .flexit {
        top: -100px;
        position: relative;
        display: flex;
        justify-content: center;
    }
    .flexit2 {
        position: relative;
        display: flex;
        justify-content: center;
        top: 35px;
        /* margin-bottom: 110px; */
        position: relative;
    }
    .flex-item2 {
        width: 299.6px;
    }
.flex-item {
    width: 236.3px;
    }
    .flex-item>svg {
        width: 226px;
    }
  .flexo-item {
    width: 593px;
    height: 390px;
    }
    
    .flex-item2>img {
        width: 265.8px;
        z-index: 10;
    }
    .rollitflex {
        display: flex;
        width: 81.9%;
        top: 40px;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
    }


  
    .infocommune {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 71.2%;
        padding: 0;
        margin: auto;
        list-style: none;
    }

   
    

}

@media only screen and (max-width:1670px) and (min-height:0px) and (max-height:729px){
    .carousel-control-next {
        right: 30px;
    }

    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 41%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    #p21 {
        margin-top: -580px;
        position: relative;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -10.9px;
    }   
    .projects, .products {
        left: 14.4px;
        position: relative;
    }   

    div#section6 {
        margin-top: -131px;
    }
    .go555 {
        margin-top: 40px;
    }

    div#section4 {
    margin-top: -90px;
}
.who {
    width: 73%;
    margin: auto;
    height: 480px;
    left: 0px;
    top: -120px;
    position: relative;
}
   
   
    
.flex-item3 {
    left: 29.1px;
    position: relative;
}
   
.flex-item3 {
    width: 300px;
    height: 240px;
}
    .flex-item3>img {
        width: 260px;
        /* left: 30px; */
        position: relative;
        height: 231px;
    }
    #cont4 {
        height: 1380px;
    }
.kokocaro.item {
    left: -1.4%;
    position: relative;
}
    
    img.d-block.w-100 {
        height: 430px;
        width: 803.7px!important;
        margin-left: 100px;
    }

    .lefts {
        width: 21%;
        /* height: 100%; */
        display: inline-block;
        left: -11px;
        position: relative;
        /* top: inherit; */
        top: -260px;
    }

    .flexit {
        top: 0;
        position: relative;
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }
  
    
    #ID1_THANEX_web_page__HOME_ALL- {
        width: 180px;
        top: 18.5px;
        position: relative;
    }
    .products img {
        width: 40px;
        position: relative;
        top: -6px;
    }
    form {
        width: 858px;
        top: 10px;
        left: -27px;
        transform: scale(0.7);
    }

    .lefts img {
        width: 150%;
    }
  .btraclogo {
    width: 258.906px;
    position: relative;
    right: 0;
    transform-origin: right;
}
  .flei.phoneem {
    width: 270px;
}

  div#p4 {
    padding-top: 50px;
    position: relative;
}
div#p40 {
    top: -40px;
    position: relative;
}
    #p21>p {
        left: 9px;
        font-size: 21.9px;
    }

    #p21 {
        margin-top: -260px;
        position: relative;
    }
    .flex-item3 {
        LEFT: 2.8PX;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 115.4%;
        background-color: white;
    }

    #p3 p {
        top: 40px;
        font-size: 27.3px;
    }
    

    .conflexitem>p {
        font-size: 20.2px;
        text-align: justify;
        left: 2.4%;
        position: relative;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 65.3vh;
    }

    .imge3 {
        /* margin: auto; */
        width: 70%;
        height: 100px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 62.5vh;
    }
    div#section8 {
    margin-top: -299.3px;
}
    
    .kokoflex {
        display: grid;
        grid-template-columns: 75% 25%;
        width: 83.4%;
        margin: auto;
        top: -70px;
        position: relative;
    }
    .rollitflex2 {
        top: 19px;
        display: flex;
        width: 80%;
        align-content: top;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        /* height: 1475px; */
        overflow-y: scroll;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }
    .im {
        width: 51.6%;
    }



    div#Our_partnership_with_KoKoRoZas {
        margin-top: -32.1px;
    }

    .btraclogo2 {
        width: 576.906px!important;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    .btraclogo3 {
        width: 1036.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
    #p3 {
        margin-top: -275px;
        position: relative;
    }

   
    #p20 .container-fluid{
        position: relative;
            top: -10px;}

    .flexo {
        display: flex;
        top: 120px;
        /* padding-bottom: 190px; */
        position: relative;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0;
        /* margin: 0; */
        margin-bottom: 240px;
        list-style: none;
    }
    #p11 {
        position: relative;
        top: 50px;
    }
    

    
    
    .products img {
        width: 40px;
        position: relative;
        top: -2.5px;
    }
    #p10 {
        position: relative;

    }
    #Group_271>img {
        width: 54%;
        top: 19.4px;
        left: 70px;
        position: relative;
    }
    .mapinfo {
        position: absolute;
        right: 21.5%;
        width: 15vw;
        top: 287.4px;
    }
    .p3 {
        margin-top: 50px;
    }
    .p33 {
        margin-top: 70px;
    }

    #p1, #p2 {
        margin-top: -52px;
    }
    .flex-item {
        width: 234.3px;
    }


    

    .text{font-size: 39.6px;}
    nav {
        z-index: 100;
        padding: 37.1px;
        padding-right:0;
        padding-left:0;
        height: 167px;
        background-color: white;
        position: fixed;
        top: -60px;
        position: fixed;
        width: 100%;
        /* border-bottom: 100px; */
    }
    
    .mapimage {
        height: 540.3px;
        top: 10px;
    }
  .dropdown {
        height: 10vh;
        width: 73.4%;
        display: flex;
        top: 28px;
        position: relative;
        justify-content: flex-end;
        align-items: left;
    }
   

    .lg {
        top: -240px;
        position: relative;
        display: inline;
    }



    .page-1 {
        z-index: 1;
        position: relative;
        top: 0px;
    }
img.skill2 {
    width: 100%;
    max-width: 592px;

    top: -32px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
img.skill {    height: 100%;
    width: 100%;
    max-width: 710px;
    top: -20px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
    }
    .flexit {
        top: -100px;
        position: relative;
        display: flex;
        justify-content: center;
    }
    .flexit2 {
        position: relative;
        display: flex;
        justify-content: center;
        top: 20px;
        /* margin-bottom: 110px; */
        position: relative;
    }
    .flex-item2 {
        width: 299.6px;
    }
.flex-item {
    width: 236.3px;
    }
    .flex-item>svg {
        width: 226px;
    }
  .flexo-item {
    width: 593px;
    height: 390px;
    }
    
    .flex-item2>img {
        width: 265.8px;
        z-index: 10;
    }
    .rollitflex {
        display: flex;
        width: 81.9%;
        top: 40px;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
    }


  
    .infocommune {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 71.2%;
        padding: 0;
        margin: auto;
        list-style: none;
    }

   
    

}
@media only screen and (max-width:1499px){

    .white2 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
    }
    #p3 {
        margin-top: -325px;
        position: relative;
    }
    #p21 {
        margin-top: -210px;
        position: relative;
    }
   
    .addrpara .lastpar {
        font-size: 13.8px;
        margin: 0!important;
        width: 100%;
        text-align: justify;
        top: 15px!important;
    }
    .leg {
        widtH: 100%;
        position: relative;
        top: -190px;
    }
    .rights {
        display: inline-block;
        width: 70%;
        top: -121px;
        position: relative;
        left: 13%;
    }
    .lsitem {
        width: 595px;
    }

    
    .kokocaro.item {
    left: 22.7px;
    position: relative;
}
    img.d-block.w-100 {
        height: 401.6px;
        margin-left: 99px;
        width: 703.9px!important;
    }

    .mapinfo {
        position: absolute;
        right: 20.3%;
        width: 15vw;
        top: 330px;
    }
  
    
    .lg {
        top: -90px;
        position: relative;
        left: 10px;
        display: inline;
    }
    form {
        width: 620px;
        left: 65.9px;
    }
  

    div#p20 {
        top: 42.7px;
        position: relative;
        /* font-size: 25px; */
    }
    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 80.2vh;
    }
    .im {
        width: 55.4%;
    }


    
    #p1 {
        position: relative;
        top: 123.8px;
    }
    .followMeBar.fixed {
        position: fixed;
        top: 140px;
        width: 85.83%;
        box-sizing: border-box;
        z-index: 9;
    }
    .rollitflex {
        top: 20px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }
  .flex-item2>img {
    width: 237px;
    z-index: 10;
}
img.skill {    height: 100%;
    width: 41%;
    max-width: 1019px;
    top: -33px;
    /* padding: 50px 70px 0 70px; */
    position: relative;
}
img.skill2 {
    width: 36%;
    max-width: 950px;
    top: -23px;
    /* padding: 50px 70px 0 70px; */
    position: relative;

}

    .flexo-item {
        width: 481px;
        height: 320px;
    }

    .page-1 {
        z-index: 1;
        position: relative;
        top: -10px;
    }
    .flex-item {
       
width: 210px;
    }
    .projects ul, .products ul {
    left: -248.6px;
    width: 350px;
}

.flex-item>svg {
    width: 210px;
}

.imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 61.1vh;
}

.imge2 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 64vh;
}
}

@media only screen and (max-width:1440px){
    div#section4 {
        margin-top: -150px;
    }


    

   

    
    .conflexitem>p {
        font-size: 16px;
        text-align: justify;
        left: 2.4%;
        position: relative;
    }
 
    
  

    
  
      
      
      .mapimage {
     
  height: 532px;
     
  }
  
  
    
}


   

@media only screen and (max-width:1399px){


    
    div#section4 {
        margin-top: -40px;
    }
    form {
        width: 720px;
        left: -20px;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: 119.1px;
    }

    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 42.6%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .lsitem.im1 {
        padding-left: 10px;
        width: 100px;
        left: 0.5px;
    }
    .lefts img {
        width: 160%;
        padding-left: 9.1px;
    }

    .who {
        width: 73%;
        margin: auto;
        height: 430px;
        left: -7px;
        top: 0px;
        position: relative;
    }
    .rollitflex2 {
        top: 29px;
    }
    div#section9 {
        margin-top: -70px;
    }
    .im {
        width: 54.3%;
    }
    
    .midflex {
        /* display: flex; */
        top: 40px;}
    #cont4 {
        height: 1100px;
    }
 
    
    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: 50px;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-repeat: no-repeat;
    }
    nav {
        z-index: 100;
        padding: 18px;
        padding-right: 0;
        padding-left: 0;
        height: 137px;
        background-color: white;
        position: fixed;
        top: -60px;
        position: fixed;
        width: 100%;
        /* border-bottom: 100px; */
    }



    
   
    #A_licensed_manpower_agency_in_ {
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 178px;
        top: 350.6px;
        position: absolute;
        overflow: visible;
        width: 982px;
        white-space: nowrap;
        text-align: left;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-size: 30.8px;
        line-height: 1;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
        z-index: 1;
    }
    .rights {
        display: inline-block;
        width: 70%;
        top: -72.3px;
        position: relative;
        left: 14.7%;
    }
    

    .lefts {
        width: 14.8%;
        /* height: 100%; */
        display: inline-block;
        left: -10px;
        position: relative;
        /* top: inherit; */
        top: -300px;
    }
    .lg {
        top: -228px;
        position: relative;
        left: 10px;
        display: inline;
    }

    .conflexitem>p {
        font-size: -2.5px;
        text-align: justify;
        left: 2.4%;
        position: relative;
    }

    .col-xsm-12>img {
        left: -23%;
        position: relative;
        top: 37.4%;
        WIDTH: 360PX;
        margin-top: -20%;
    }

    .kokocover {
        position: relative;
        top: 87px;
        height: 720px;
        /* left: 30px; */
    }

    .kokoflex {
        display: grid;
        grid-template-columns: 75% 25%;
        width: 83.4%;
        height: 670px;
        margin: auto;
        top: -50px;
        position: relative;
    }



    .page-10 {
        padding-top: 0;
        top: -30px;
        position: relative;
        top: -10px;
    }

    img.d-block.w-100 {
        height: 320PX;
        width: 717.9px!important;
    }
    .iconkoko {
        WIDTH: 366PX;
    }
  
    
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 67.3vh;
    }
    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 75vh;
    }
    
    .p3 {
    margin-top: -50px;
    }
    .p33 {
        margin-top: 40px;
    }
    div#p40 {
        position: relative;
        top: 40px;
    }
    div#p4 {
        position: relative;
        top: 10px;
    }


    .flexit {
        top: 0;
        margin-top: -120px;
        position: relative;
        display: flex;
        justify-content: center;
    }


    .flex-item {
        width: 201.2px;
    }

    .flex-item>svg {
        width: 200px;
    }

    #p1,#p2 {
        position: relative;
        top: 87px;
    }
    .infocommune {
        display: flex;
        transform: scale(0.8);
        flex-flow: row wrap;
        justify-content: space-between;
        width: 92.2%;
        padding: 0;
        top: -4px;
        margin: auto;
        list-style: none;
    }

    .rollitflex {
        top: 30px;
    }
    .mapinfo {
        position: absolute;
        right: 25.6%;
        width: 15vw;
        top: 170px;
    }

    .mapimage {
        height: 460.3px;
        top: 0;
    }
    img.skill {
        height: 100%;
        width: 41%;
        max-width: 1019px;
        top: 17px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }



    img.skill2 {
        width: 28%;
        max-width: 850px;
        top: 13px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    .page-1 {
        /* margin-top: 10px; */
        z-index: 1;
        position: relative;
        top: -31px;
    }
    #p21>p {
        left: 9px;
        font-size: 18.3px;
        top: 30px;
    }
    .flex-item3 {
        width: 262.2px;
        height: 206.7px;
    }

    .flex-item3>img {
        width: 250px;
        /* left: 30px; */
        position: relative;
        height: 190px;
    }
   
    

    
}
    



@media only screen and (max-width:1299px){

    #p21 {
        margin-top: -260px;
        position: relative;
    }

    #A_licensed_manpower_agency_in_ {
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 178px;
        top: 350.6px;
        position: absolute;
        overflow: visible;
        width: 982px;
        white-space: nowrap;
        text-align: left;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-size: 30.8px;
        line-height: 1;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
        z-index: 1;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -20.9px;
    }

    .lsitem.im1>img {
        padding-left: 14.7px;
    }
    .who {
        width: 73%;
        margin: auto;
        height: 480px;
        left: -7px;
        top: -50px;
        position: relative;
    }
    

    .lefts img {
        width: 230%;
        left: 20px;
        left: 10px;
        top: 10px;
    }
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 38.3%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 57.2vh;
    }
    #p3 p {
        font-size: 25.1px;
        top: 50px;
    }
    div#section2 {
        margin-top: -70px;
    }

    .followMeBar {
        filter: drop-shadow(0px 3px 6px rgba(80, 111, 135, 1));
        /* background: lightblue; */
        padding: 10px 20px;
        position: relative;
        z-index: 3;
        color: #fff;
        width: 87.9%;
        /* height: 70px; */
        border-radius: 0px 100px 100px 0px;
        height: 120px;
        /* opacity: 0.84; */
        BACKGROUND-COLOR: #3D66AA;
        stroke: rgba(112,112,112,1);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
        z-index: 11;
    }
    .addrpara .lastpar {
        margin: 0!important;
        width: 110%;
        text-align: justify;
        top: 15px!important;
    }
    .leg {
        widtH: 100%;
        position: relative;
        top: -110px;
    }


    .rights {
        display: inline-block;
        width: 70%;
        top: -62.3px;
        position: relative;
        left: 14.7%;
    }
    .addrpara .lastpar {
        margin: 0!important;
        width: 100%;
        left: 148.8px;
        text-align: justify;
        top: 15px!important;
    }
    .lsitem {
        width: 526.4px;
    }
   
    

    .col-xsm-12>img {
        left: -16%;
        position: relative;
        top: 42.9%;
        width: 80%;
        margin-top: -20%;
    }



    

    

    .midflex {
        /* display: flex; */
        top: 20px;
        position: relative;
        /* justify-content: center; */
        height: 83.6vh;
    }

    .midflex2 {
        /* display: flex; */
        top: 50px;
        position: relative;
        /* justify-content: center; */
        height: 79.8vh;
    }

    .rollitflex {
        top: 40px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }
    .flex-item2 {
        width: 240px;
    }
    .flex-item2>img {
        width: 220px;
        z-index: 10;
    }
    img.d-block.w-100 {
        height: 350px;
        position: relative;
        width: 625px!important;
        margin-left: 74px;
    }

    .kokocover {
    position: relative;
    top: 130px;
    height: 720px;
    left: 0px;
}

    .mapinfo {
        position: absolute;
        right: 22.5%;
        width: 14.1vw;
        top: 280px;
    }

    .mapimage {
        height: 470.3px;
        top: 70px;
    }

    
    #A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.6%;
        top: 415.6px;
        position: absolute;
        overflow: visible;
        line-height: 1;
        width: 1043px;
        white-space: nowrap;
        text-align: left;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 26px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }

   
    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: 0;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: top;
        background-repeat: no-repeat;
    }

    .page-1 {
        margin-top: -50px;
        z-index: 1;
        position: relative;
        top: 39px;
    }

    
    
    
    .rollitflex2 {
        top: 39px;
        padding-left: 29.6px;
    }
    nav {
        z-index: 100;
        padding: 23.1px;
        padding-right: 0;
        padding-left: 0;
        height: 137px;
        background-color: white;
        position: fixed;
        top: -60px;
        position: fixed;
        width: 100%;
        /* border-bottom: 100px; */
    }

    
    .form-group {
    margin-bottom: 0px!important;
    }
    .flex-item3>img {
        width: 250px;
        left: -30px;
        position: relative;
        height: 200px;
    }
    form> div {
        border-radius: 5px;
        padding:    0px;
    }
    

    form {
    top: 80px;
    width: 677.9px;
    left: 35.9px;
    }

    .lg {
        top: -110px;
        position: relative;
        left: 10px;
        display: inline;
    }
    .im1{transform: scale(.8);
        transform-origin: left top;}
        
        .lefts {
            width: 18.2%;
            /* height: 100%; */
            display: inline-block;
            left: -10px;
            position: relative;
            /* top: inherit; */
            top: -187px;
        }
    .leg {
        widtH: 100%;
        position: relative;
        top: -160px;
    }


    div#p20 {
        top: 50px;
        position: relative;
    }
    .page-10 {
        padding-top: 0;
        top: -4.5px;
    }
    html #p10 p {
        font-size: 17.7px!important;
        left: 0.9%;
        top: 35.8px;
    }

    .im {
        width: 53.2%;
    }
    .kokoflex {
        display: grid;
        grid-template-columns: 75% 25%;
        width: 80.5%;
        margin: auto;
        top: -120px;
        position: relative;
    }
    #p21 {

        position: relative;
    }

    .doown {
        top: 60px!important;
        position: relative;
    }

    .leftd > p {
        font-size: 16.9px!important;
    }
    .conflexitem>p {
        font-size: -2.5px;
        text-align: justify;
        left: 2.4%;
        padding-left: 5.4px;
        position: relative;
    }
    div#Our_partnership_with_KoKoRoZas {
        margin-top: -2.1px;
    }

  
    .infocommune {
        display: flex;
        top: 11.2px;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 90.6%;
        padding: 0;
        margin: auto;
        list-style: none;
    }

    #p5 {
        position: relative;
        top: 40px;
    }



    

    .item2 {
        width: 80%;
        margin: auto;
        top: 180px;
        position: relative;
    }

    .flexo {
        display: flex;
        top: 139px;
        /* padding-bottom: 190px; */
        position: relative;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0;
        /* margin: 0; */
        margin-bottom: 240px;
        list-style: none;
    }
    div#p4 {
        position: relative;
        top: 0px;
    }
    div#p40 {
        position: relative;
        top: -30px;
    }
    #p2 {
        position: relative;
        top: 120px;
    }
    #p1 {
        position: relative;
        top: 87px;
    }

    .flexit {
        top: 30px;
        position: relative;
    }

    .flexit2 {
        display: flex;
        justify-content: center;
        top: 20px;
    }
    
   
    .p33 {
        margin-top: 70px;
    }
    
  

  .text.a {
   font-size:37px;
    }
  #koko{width: 73.3%;
    margin: auto;
    top: 170px;
    position: relative;}
    #myCarousel {
        transform: scale(0.9);
        position: relative;
        top: 176px;
        margin-bottom: -10px;
    }
    #myCarousel2 {
        transform: scale(0.9);
        position: relative;
        top: 176px;
        margin-bottom: -10px;
    }

   
    #p3 {
        position: relative;

    }

    
    .mapimage {
        height: 461px;
        top: 0;
        position: relative;
    }
    .mapinfo {
        position: absolute;
        right: 22.5%;
        width: 14.1vw;
        top: 210px;
    }

    
    

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        /* left: -16px; */
        /* top: -16px; */
        position: relative;
        width: 188.2px;
        height: 100%;
        margin-top: 4px;
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }
    .flex-item>svg {
        width: 191.1px;
    }

    .flexit {
        /* margin-top: -120px; */
        position: relative;
    }
    
    img.skill {
        height: 100%;
        width: 100%;
        max-width: 550px;
        top: 0;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill2 {
        width: 100%;
        max-width: 443px;
        top: 0px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    .flexit2 {
        display: flex;
        justify-content: center;
        top: 140px;
    }
    #p1 {
        position: relative;
        top: 117px;
    }

    .flex-item3 {
        width: 235.7px;
        height: 200px;
    }

}

@media only screen and (max-width:1099px){

    .products ul:hover  {
        opacity: 0;
        pointer-events: all;
        transform: translateY(0px);
        outline:none;
      }
     
    .addrpara .lastpar {
        margin: 0!important;
        width: 55.4%;
        left: 0;
        text-align: justify;
        top: 5.8px!important;
    }
    .lefts img {
        width: 212.3%;
        left: 20px;
        left: -61.8px;
        top: 80px;
    }


    .hodl {
        height: 100vh;
        position: relative;
        margin-top: 119.1px;
    }
    div#section8 {
        margin-top: -689.3px;
    }
    .page-10 {
        padding-top: 0;
        top: -264.5px;
        z-index:1
    }
    div#section6 {
        margin-top: -451px;
    }
    div#section2 {
        margin-top: 20px;
    }
    .kokoro {
        height: 100vh;
        top: 20px;
        position: relative;
    }

    #p10 {
        margin-top: -470px;
        position: relative;
    }
    
    

    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 408.2px;
    }

    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 28.7vh;
    }
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 18.8%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .go555 {
        margin-top: -330px;
    }
    div#section4 {
        margin-top: -1300px;
    }

    
    .pageit {
        margin-top: -300px;
        height: 210vh;
    } 
    div#Group_271 {display:none;
    }

    .kokoro {
        height: 220vh;
    }

    .conflexitem>p {
        font-size: 22px!important;
        text-align: justify;
        left: 0;
        top: 30px;
        position: relative;
    }

    .lefts {
        width: 43%;
        /* height: 100%; */
        display: inline-block;
        left: 66px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }
    .flex-item2>img {
        width: 200px;
        z-index: 10;
    }

    .flex-item2 {
        width: 200px;
    }
    .pageit {
        height: 210vh;
    }

    #cont4 {
        height: 1220px;
    }
    .lsitem {
        width: 272px;
        left: -10px;
    }

    .flexlast {
        top: 110px;
        position: relative;
    }

    form {
        top: 90px;
        width: 677.9px;
        left: -140px;
    }
    
    .flex-item3 {
        width: 220px;
        height: 200px;
    }

    .iconkoko {
        WIDTH: 100%;
    }

    .dis{
        width: 30%;
    margin: auto;
    }
    .im {
        width: 180%;
        left: -30%;
    }
    
    .flex-item3>img {
        width: 330px;
        left: 1.9px;
        position: relative;
        height: 290px;
    }
    .flex-item3 {
        width: 380px;
        height: 310px;
    }
    #p5555 {
        height: 185vh;
    }
    .hodl {
        height: 210vh;
    }
    

    #p222 {
        height: 140vh;
    }
    .kokoflex {
        display: grid;
        grid-template-columns: 100%;
        width: 80.5%;
        margin: auto;
        top: -60px;
        height: 1290px;
        position: relative;
    }

    img.d-block.w-100 {
        height: 350px;
        width: 660px!important;
    }
  

    

   
    
        

    

   
    

    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.png);
        height: 80vh;
        width: 100%;
        top: 64px;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: right;
        background-repeat: no-repeat;
    }
   p{ font-size: 24px;
    text-align: justify;
    top: 100px;
    left: 3px;
    position: relative;
    width: 73.5%;
    margin: auto !important;
    white-space: wrap;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: rgba(0,84,165,1);
}
        
#A_licensed_manpower_agency_in_ {
    /* Z-INDEX: 10; */
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 13.6%;
    top: 71.6%;
    position: absolute;
    overflow: visible;
    width: 852.7px;
    white-space: normal;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 34.5px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}


    .flei {
        /* padding: 16px; */
        width: 280px;
        height: auto;
        padding-bottom: 30px;
    }
    .item2 {
        width: 80%;
        margin: auto;
        top: 0;
        position: relative;
    }

 
    


    .midify{

        display: table-cell;
        vertical-align: middle;
        height: 100vh;
    }

    div#p4 {
        position: relative;
        top: 40px;
    }
     div#p40 {
        position: relative;
        top: 40px;
    }

    
    .p3 {
        margin-top: 50px;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 90vh;
    }
    .p33 {
        margin-top: 50px;
    }
    

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        /* left: -16px; */
        /* top: -16px; */
        position: relative;
        width: 258.2px;
        height:100%;
        margin-top: 14px;
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .flexit2 {
        display: flex;
        justify-content: center;
        top: -30px;
    }

    img.skill2 {
        width: 100%;
        max-width: 462px;
        top: 90px;
        /* padding: 50px 70px 0 70px; */
        position: relative;

    }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 919px;
        top: 0;
        padding: 50px 70px 0 70px;
        position: relative;
    }

    .flex-item>svg {
        width: 240px;
    }
    img.skill2 {
        width: 100%;
        max-width: 462px;
        top: 90px;
        /* padding: 50px 70px 0 70px; */
        position: relative;

    }
    .text {
        width: 100%;
        font-size: 4.9vw;
        left: 13.46%;
        height: 100%;
    }

    img.skill2 {
        width: 100%;
        max-width: 552px;
        top: 50px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        margin-top: 50px;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: -16px;
        /* top: -16px; */
        position: relative;
        width: 281.2px;
        height:100%;
        margin-top: 14px;
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .cardholder2 {
        margin-top: 30px;
    }
    #p2 {
        position: relative;
        top: 50px;
    }

    #p1, #p2 {
        margin-top: 0;
    }
  .col-xsm-12{

    width:100%!important;

    margin:auto!important;

    }

    .mar {
        POSITION: RELATIVE;
        display: block;
        TOP: -900PX;
 
    }

    .col-xsm-12>img {
        width: 101.9%;
        top: 50%;
        margin-top: -15%;
        overflow: hidden;
        position: relative;
        left: 10%;
        top: 51px;
        margin-left: -29%;
    }
    .container-fluid {
        width: 90%;
        left: -4.7%;
        position:relative;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .conflexitem>p {
        font-size: 16.1px!important;
        text-align: justify;
        left: 37.3px;
        position: relative;
    }


    .vertjourney{
        display:block;position: relative;
        top:100px;
       
    }
    
    .mapinfo2>svg {
        width: 360px;
    }
        #myCarousel {
        display:none;
        }
        #myCarousel2 {
            display:none;
        }


    .flexo {
        display: flex;
        top: 139px;
        /* padding-bottom: 190px; */
        position: relative;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding: 0;
        /* margin: 0; */
        margin-bottom: 240px;
        list-style: none;
    }

    img.d-block.w-100 {
        height: 420px;
        width: 670px!important;
    }
    html #p10 p {
        font-size: 27.7px!important;
        left: 0.9%;
        top: 272.9px;
    }
    .im2 {
        width: 440px;
    }

    .im2 {
        width: 80%;
        left: 212px;
        position: relative;
    }

   

    .mapimage {
        position: relative;
        left: -10px;
        /* margin: 50px 70px 0 0px; */
        background-image: url(includess/mapit2.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        height: 0;
        padding-top: 72.45%;
        /* margin-bottom: -50px; */
        top: 20px;
    }
    .projects ul, .products ul {
        position: absolute;
        left: -190px;}


        .flexo-item {
            top: -10px;
            width: 769px;
            height: 480px;
        }
    
    .mapinfo{display:none;}
    
    .infocommune {
        display: flex;
        flex-flow: row wrap;
            justify-content: space-between;
        width: -18.8%;
        /* padding: 0; */
        margin: auto;
        /* list-style: none; */
    }
}




    

@media only screen and (max-width:1080px){
    .projects ul, .products ul {
        left: -30px;
        width: 290px;
    }
    .flexo-item {
        top: -10px;
        width: 769px;
        height: 480px;
    }
   
}
    
    
  
    


@media only screen and (max-width:972px){
    .flex-item2>img {
        width: 170px;
    }
.flexo-item {
    width: 461px;
    height: 320px;
}
}


@media only screen and (max-width:799px){

    .cardholder2 {
        margin-top: 30px;
        left: 0;
        position: relative;
    }

    
  

    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        MARGIN-TOP: -160PX;
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }
    .leg {
        transform: scale(1);
        widtH: 100%;
        position: relative;
        top: 100px;
        left: -15px;
    }
    .rights {
        display: inline-block;
        width: 70%;
        top: -62.3px;
        position: relative;
        left: 56.8px;
    }   
    .lefts img {
        width: 230%;
        left: 20px;
        left: -12px;
        top: 80px;
    }
    img.d-block.w-100 {
        height: 310px;
        width: 500px!important;
    }
    .page-10 {
        padding-top: 0;
        top: 0px;
    }
    #p10 {
        margin-top: -1630px;
        position: relative;
    }
    .flex-item2>img {
        width: 280px;
    }
    .flex-item2 {
        width: 280px;
    }

    #A_licensed_manpower_agency_in_ {
        /* Z-INDEX: 10; */
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.6%;
        top: 66.9%;
        position: absolute;
        overflow: visible;
        width: 530px;
        white-space: normal;
        text-align: left;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34.5px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    div#section4 {
        margin-top: -690px;
    }
    .pageit {
        height: 210vh;
        margin-top: -210px;
    }
    div#section4 {
        margin-top: -710px;
    }
    #p21 {
        margin-top: -520px;
        position: relative;
    }


    .white2 {
        position: absolute;
        width: 100%;
        height: 160%;
        background-color: white;
    }

    .thnlastlogo {
        width: 190px;
        left: 190px;
        top: 5.7px;
        position: relative;
    }

    .lsitem.im1 {
        padding-left: 10px;
        width: 340px;
        left: 120.5px;
    }

    .lefts {
        width: 37.6%;
        /* height: 100%; */
        display: inline-block;
        left: 16px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }
    div#section9 {
        margin-top: 670px;
    }
    .col-xsm-12>img {
        width: 70%;
        top: 50%;
        margin-top: -15%;
        overflow: hidden;
        position: relative;
        left: 46.6%;
        top: 221px;
        margin-left: -29%;
    }

    .rollitflex2 {
        top: 119px;
        padding-left: 0;
        margin-left: 60px;
    }
    .hodl {
        height: 130vh;
        position: relative;
        margin-top: -1161.9px;
    }
    

    .white {
        position: absolute;
        width: 100%;
        height: 130%;
        background-color: white;
    }

    div#section8 {
        margin-top: -489.3px;
    }
    .mar {
        POSITION: RELATIVE;
        display: block;
        TOP: -960PX;
     
    }   
    .flex-item3 {
        width: 300px;
        height: 200px;
    }
    .flex-item3>img {
        width: 260px;
        left: 0;
        position: relative;
        height: 210px;
    }
    .kokoro {
        height: 100vh;
        top: 739px;
        position: relative;
    }
    div#p5555 {
        MARGIN-TOP: -109PX;
    }
    #p21 {
        margin-top: -650px;
        position: relative;
    }

    .im2 {
        width: 80%;
        left: 50px;
        position: relative;
    }
    
    .addrpara .lastpar {
        margin: 0!important;
        width: 62%;
        left: 148.8px;
        text-align: justify;
        top: 15px!important;
    }


    .go555 {
        height: 100vh;
        margin-top: 480px;
    }
  

    .kokocover {
        position: relative;
        top: 20px;
        height: 720px;
        left: 0px;
    }
    html #p10 p {
        font-size: 17.7px!important;
        left: 0.9%;
        top: -34.2px;
    }

    .rollitflex2 {
        top: 29px;
        padding-left: 0;
        margin-left: 90px;
    }

    a.anchor {
        display: block;
        position: relative;
        top: -70px;
        visibility: hidden;
    }

   

    


    
    div#section8 {
        height: 1700px!important;
        /* background-color: white; */
    }

    .conflexitem>p {
        font-size: 17.2px!important;
        text-align: justify;
        left: 0;
        position: relative;
    }


    .rollitflex {
        top: 100px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
      
        overflow: scroll;
    }
    div#section6 {
        height: 1280px!important;
    }

    div#section6 {
        height: 1280px!important;
        margin-top: -480px;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        MARGIN-TOP: -160PX;
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }

    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }
 
    
    #cont4 {
        height: 1600px;
    }
    .mySection {
   
        top: -2px;
    }
    .rollitflex {
        top: 30px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }
    .text.a {
        font-size: 34px;
    }
    .mapimage {
        height: 764.5px;
        top: 0px;
    }
   
    
 #hee{
        height: 1590px!important; 
    }

    .bgg {
        top: 0;
        z-index: 0;
        /* mix-blend-mode: luminosity; */
        height: 100%;
        background: url(bak.jpg) ;

        position: relative;
   
    }   
    .mapimage {
        height: 654.5px;
    }
 
    
}



@media only screen and (max-width:702px){

    .col-xsm-12>img {
        width: 90%;
        top: 50%;
        margin-top: -15%;
        overflow: hidden;
        position: relative;
        left: 40%;
        top: 161px;
        margin-left: -29%;
    }

    .hodl {
        height: 250vh;
    }
    .mar {
        top: -1040px;
        left: -50px;
        display: block;
        position: relative;
    }

    .imge2 {
        /* margin: auto; */
        width: 70%;
        top: 100px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 81.2vh;
    }

    .kokocover {
        position: relative;
        top: 130px;
        height: 720px;
        left: 40px;
    }
    img.d-block.w-100 {
        height: 250px;
        width: 370px!important;
    }

    
    
    
    .kokoflex {
        display: grid;
        grid-template-columns: 100%;
        width: 100%;
        margin: auto;
        top: -60px;
        height: 1290px;
        position: relative;
    }
   
.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 470px;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        top: 60px;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 75vh;
    }
    #cont4 {
        height: 1300px;
    }

    .pageit {
        height: 150vh;
    }

    .mapimage {
        top: 0px;
        height: 584.5px;
    }

    #A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.6%;
        top: 43%;
        position: absolute;
        overflow: visible;
        width: 310px;
        white-space: normal;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 23.5px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }

    .text.a {
        font-size: 27px;
    }
    .mapinfo2>svg {
        width: 270px;
    }
    .flexo-item {
        width: 491px;
        height: 320px;
    }
  
    
   


    .flex-item>svg {
        width: 250px;
    }

    img.skill {
        height: 100%;
        width: 100%;
        max-width: 919px;
        top: 0;
        padding: 0px 0px 0 0px;
        position: relative;
    }

  

}
 

   

      

      @media only screen and (max-width:460px){
       
        .infocommune {
            display: flex;
            top: -8.8px;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 90.6%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
        .flei {
            /* padding: 16px; */
            width: 320px;
            height: auto;
            left: 12.5px;
            padding-bottom: 30px;
        }
        .flei {
            /* padding: 16px; */
            width: 338.3px;
            LEFT: 2.5PX;
            height: auto;
            padding-bottom: 30px;
        }
        .phoneem {
            position: relative;
            left: 0;
        }

      
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 350px;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        .rollitflex {
            top: 20px;
            display: flex;
            width: 80%;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            overflow: scroll;
        }
        .page-1 {
            margin-top: -113px;
            z-index: 1;
            position: relative;
            top: 39px;
        }
        .pageit {
            height: 210vh;
            margin-top: -599.8px;
        }
        html #p10 p {
            font-size: 17.7px!important;
            left: 0.9%;
            top: 35.8px;
        }
        div#section8 {
            height: 2030px!important;
            /* background-color: white; */
        }

        
       
        .kokocover {
            position: relative;
            top: 130px;
            height: 720px;
            left: 10px;
        }
        div#section6 {
            margin-top: 209px;
        }

        img.skill2 {
            width: 100%;
            max-width: 552px;
            top: 80px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
            margin-top: 50px;
        }
        div#section2 {
            margin-top: 95px;
        }
       
        .bk .text {
            font-size: 22.1px;
        }

        .poltu .text {
            font-size: 22.6px;
        }
        .imge3{top: 40px;}
        .imge2 {
            top: 20px;
        }
        .midify {
            display: block;
            top: 240px;
            /* vertical-align: middle; */
            /* height: 100vh; */
        }

        #cont4 {
            height: 2910px;
        }
        .flex-item2>img {
            width: 230px;
            left: 29.5px;
            position: relative;
        }

       
        .pageit {
            height: 140vh;
        }
        .mapimage {
            height: 424.5px;
            margin-top: 0px;
        }
        div#section4 {
            margin-top: -370px;
        }

     
        
        .imagediv {
            mix-blend-mode: multiply;
            background-image: url(A.png);
            height: 80vh;
            width: 100%;
            top: 34px;
            position: relative;
            background-size: cover;
            height: 100vh;
            background-position: right;
            background-repeat: no-repeat;
        }

        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
            top: -210px;
            position: relative;
        }

        .mar {
            margin: auto;
            width: 80%;
            top: -340px;
            margin-left: 260px;
            display: block;
        }
        .kokoflex {
          display:block;
          margin:0;
        }
        .kokoflex {
            height: 210px;
        }

        .kokoflex {
            width: 100%;
            left: 0;
            top: -350px;
            position: relative;
        }

        
        img.d-block.w-100 {
            height: 190px;
            width: 269.1px!important;
            left: 15.7px;
            position: relative;
        }

        .b1 .text {
            font-size: 23.4px;
        }
        img#ID1_THANEX_web_page__HOME_ALL- {
            padding-top: 16px;
            width: 170px;
        }
        .b2 .text {
            font-size: 23.1px;
        }
        .a span {
            font-size: 16.9px;
        }
      

        #p10 p {
            width: 100%;
            font-size: 6.7vw;
            left: 0.2px!important;
            width: 70%;
            height: 100%;
        }

        div#section3 {
            height: 2540px!important;
        }

        .text.ttee{width: 100%;
            font-size: 6vw;
            white-space: nowrap!important;
            left: 13.46%;
            height: 100%;}

            img.skill {
                height: 100%;
                width: 100%;
                max-width: 359px;
                left: 0px;
                top: 50px;
          padding: 0px 0px 0 0px;
                /* position: relative; */
            }

        .cardholder2 {
            left: -10.1px;
      
            position: relative;
        }
        .mySection {
            top: 0;
        }

        .text {
            width: 100%;
            font-size: 5.9vw;
            left: 13.46%;
            height: 100%;
        }
        
        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.6%;
            top: 328.4px;
            line-height: 1;
            position: absolute;
            overflow: visible;
            width: 313px;
            white-space: normal;
            font-family: Roboto;
            font-style: normal;
            font-weight: bold;
            font-size: 26.6px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }
        .flex-item>svg {
            width: 210px;
        }
        .heightmask {
            overflow-y: scroll;
            width: 100%;
            height: 75vh;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        #p21>p {
            left: 6px;
            font-size: 18.3px;
        }

      

        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 0;
            position: relative;
        }
        .rights {
            display: inline-block;
            width: 100%;
            position: relative;
            left: 0;
            margin-top: -60px;
        }

        .lg {
            top: 0px;
            position: relative;
            left: 10px;
            display: inline;
        }

        form {
            width: 100%;
            left: -28.4px;
            top: 130px;
        }
    
        

        .conflexitem > p {
            font-size: 7px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }
        .text.a {
            font-size: 16px;
        }
        


     
        .flexo-item {
            width: 280px;
            height: 180px;
        }
        .projects ul, .products ul {
            position: absolute;
            left: -140px;
            width: 260px;
        }



        .conflexitem > p {
            font-size: 16.6px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }

        .lefts {
            width: 50%;
            /* height: 100%; */
            display: block;
            left: -10px;
            position: relative;
            /* top: inherit; */
            margin-top: 350px;
        }
     
      }
      @media only screen and (max-width:399px){
       
        .infocommune {
            display: flex;
            top: -8.8px;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 90.6%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
        .flei {
            /* padding: 16px; */
            width: 320px;
            height: auto;
            left: 12.5px;
            padding-bottom: 30px;
        }
        .flei {
            /* padding: 16px; */
            width: 320px;
            height: auto;
            padding-bottom: 30px;
        }
        .phoneem {
            position: relative;
            left: 10.9px;
        }

      
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 350px;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        .rollitflex {
            top: 20px;
            display: flex;
            width: 80%;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            overflow: scroll;
        }
        .page-1 {
            margin-top: -113px;
            z-index: 1;
            position: relative;
            top: 39px;
        }
        .pageit {
            height: 210vh;
            margin-top: -359.8px;
        }
        html #p10 p {
            font-size: 17.7px!important;
            left: 0.9%;
            top: 35.8px;
        }
        div#section8 {
            height: 2030px!important;
            /* background-color: white; */
        }


        .kokocover {
            position: relative;
            top: 130px;
            height: 720px;
            left: 10px;
        }
        div#section6 {
            margin-top: 209px;
        }

        img.skill2 {
            width: 100%;
            max-width: 552px;
            top: 80px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
            margin-top: 50px;
        }
        div#section2 {
            margin-top: 95px;
        }
       
        .bk .text {
            font-size: 22.1px;
        }

        .poltu .text {
            font-size: 22.6px;
        }
        .imge3{top: 40px;}
        .imge2 {
            top: 20px;
        }
        .midify {
            display: block;
            top: 240px;
            /* vertical-align: middle; */
            /* height: 100vh; */
        }

        #cont4 {
            height: 2910px;
        }
        .flex-item2>img {
            width: 270px;
            left: 0px;
            position: relative;
        }

       
        .pageit {
            height: 140vh;
        }
        .mapimage {
            height: 424.5px;
            margin-top: 0px;
        }
        div#section4 {
            margin-top: -370px;
        }

     
        #p222 {
            height: 170vh;
        }
        .imagediv {
            mix-blend-mode: multiply;
            background-image: url(A.png);
            height: 80vh;
            width: 100%;
            top: 34px;
            position: relative;
            background-size: cover;
            height: 100vh;
            background-position: right;
            background-repeat: no-repeat;
        }

        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
            top: -210px;
            position: relative;
        }

        .mar {
            margin: auto;
            width: 63.3%;
            margin-left: 9%;
            display: none;
        }
        .kokoflex {
          display:block;
          margin:0;
        }
        .kokoflex {
            height: 210px;
        }

        .kokoflex {
            width: 100%;
            left: -8px;
            top: -290px;
            position: relative;
        }
        .flex-item3>img {
            width: 250px;
            left: 10%;
            position: relative;
            height: 210px;
        }
        img.d-block.w-100 {
            height: 190px;
            width: 269.1px!important;
            left: 15.7px;
            position: relative;
        }

        .b1 .text {
            font-size: 23.4px;
        }
        img#ID1_THANEX_web_page__HOME_ALL- {
            padding-top: 16px;
            width: 170px;
        }
        .b2 .text {
            font-size: 23.1px;
        }
        .a span {
            font-size: 28.2px;
        }

      
    


        #p10 p {
            width: 100%;
            font-size: 6.7vw;
            left: 0.2px!important;
            width: 70%;
            height: 100%;
        }

        div#section3 {
            height: 2540px!important;
        }

        .text.ttee{width: 100%;
            font-size: 6vw;
            white-space: nowrap!important;
            left: 13.46%;
            height: 100%;}

            img.skill {
                height: 100%;
                width: 100%;
                max-width: 359px;
                left: 0px;
                top: 50px;
          padding: 0px 0px 0 0px;
                /* position: relative; */
            }

        .cardholder2 {
            left: -10.1px;
     
            position: relative;
        }
        .mySection{

            top:-3px;
        }

        .text {
            width: 100%;
            font-size: 6.7vw;
            left: 13.46%;
            height: 100%;
        }
        
#A_licensed_manpower_agency_in_ {
    Z-INDEX: 10;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 13.6%;
    top: 468.4px;
    line-height: 1;
    position: absolute;
    overflow: visible;
    width: 313px;
    white-space: normal;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 26.6px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}
        .flex-item>svg {
            width: 210px;
        }
        .heightmask {
            overflow-y: scroll;
            width: 100%;
            height: 75vh;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        #p21>p {
            left: 6px;
            font-size: 18.3px;
        }

      

        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 0;
            position: relative;
        }
        .rights {
            display: inline-block;
            width: 100%;
            position: relative;
            left: 0;
            margin-top: -60px;
        }

        .lg {
            top: 0px;
            position: relative;
            left: 10px;
            display: inline;
        }

        form {
            width: 365.9px;
            left: -44.1px;
        }
    
    
        

        .conflexitem > p {
            font-size: 7px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }
        .text.a {
            font-size: 16px;
        }
        


        .cardholder2 {
            left: -10.1px;
            position: relative;
        }
        .flexo-item {
            width: 280px;
            height: 180px;
        }
        .projects ul, .products ul {
            position: absolute;
            left: -140px;
            width: 260px;
        }



        .conflexitem > p {
            font-size: 13.1px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }

        .lefts {
            width: 50%;
            /* height: 100%; */
            display: block;
            left: -10px;
            position: relative;
            /* top: inherit; */
            margin-top: 350px;
        }
     
      }
      @media only screen and (max-width:380px){
       
        .infocommune {
            display: flex;
            top: -8.8px;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 90.6%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
        .flei {
            /* padding: 16px; */
            width: 320px;
            height: auto;
            left: 12.5px;
            padding-bottom: 30px;
        }
        .flei {
            /* padding: 16px; */
            width: 320px;
            height: auto;
            padding-bottom: 30px;
        }
        .phoneem {
            position: relative;
            left: 10.9px;
        }

      
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 350px;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        .rollitflex {
            top: 20px;
            display: flex;
            width: 80%;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            overflow: scroll;
        }
        .page-1 {
            margin-top: -113px;
            z-index: 1;
            position: relative;
            top: 39px;
        }
        .pageit {
            height: 210vh;
            margin-top: -599.8px;
        }
        html #p10 p {
            font-size: 17.7px!important;
            left: 0.9%;
            top: 35.8px;
        }
        div#section8 {
            height: 2030px!important;
            /* background-color: white; */
        }

    
        .kokocover {
            position: relative;
            top: 130px;
            height: 720px;
            left: 10px;
        }
        div#section6 {
            margin-top: 209px;
        }

        img.skill2 {
            width: 100%;
            max-width: 552px;
            top: 80px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
            margin-top: 50px;
        }
        div#section2 {
            margin-top: 95px;
        }
       
        .bk .text {
            font-size: 22.1px;
        }

        .poltu .text {
            font-size: 22.6px;
        }
        .imge3{top: 40px;}
        .imge2 {
            top: 20px;
        }
        .midify {
            display: block;
            top: 240px;
            /* vertical-align: middle; */
            /* height: 100vh; */
        }

        #cont4 {
            height: 2910px;
        }
        .flex-item2>img {
            width: 230px;
            left: 29.5px;
            position: relative;
        }

       
        .pageit {
            height: 140vh;
        }
        .mapimage {
            height: 424.5px;
            margin-top: 0px;
        }
        div#section4 {
            margin-top: -370px;
        }

     
        #p222 {
            height: 170vh;
        }
        .imagediv {
            mix-blend-mode: multiply;
            background-image: url(A.png);
            height: 80vh;
            width: 100%;
            top: 34px;
            position: relative;
            background-size: cover;
            height: 100vh;
            background-position: right;
            background-repeat: no-repeat;
        }

        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
            top: -210px;
            position: relative;
        }

        .mar {
            margin: auto;
            width: 80%;
            top: -340px;
            margin-left: 260px;
            display: block;
        }
        .kokoflex {
          display:block;
          margin:0;
        }
        .kokoflex {
            height: 210px;
        }

        .kokoflex {
            width: 100%;
            left: -8px;
            top: -350px;
            position: relative;
        }

        .flex-item3>img {
            width: 250px;
            left: 0;
            position: relative;
            height: 190px;
        }
        img.d-block.w-100 {
            height: 190px;
            width: 269.1px!important;
            left: 15.7px;
            position: relative;
        }

        .b1 .text {
            font-size: 23.4px;
        }
        img#ID1_THANEX_web_page__HOME_ALL- {
            padding-top: 16px;
            width: 170px;
        }
        .b2 .text {
            font-size: 23.1px;
        }
        .a span {
            font-size: 28.2px;
        }

      
      

        #p10 p {
            width: 100%;
            font-size: 6.7vw;
            left: 0.2px!important;
            width: 70%;
            height: 100%;
        }

        div#section3 {
            height: 2540px!important;
        }

        .text.ttee{width: 100%;
            font-size: 6vw;
            white-space: nowrap!important;
            left: 13.46%;
            height: 100%;}

            img.skill {
                height: 100%;
                width: 100%;
                max-width: 359px;
                left: 0px;
                top: 50px;
          padding: 0px 0px 0 0px;
                /* position: relative; */
            }

        .cardholder2 {
            left: -10.1px;

            position: relative;
        }
        .mySection {
            top: 0;
        }

        .text {
            width: 100%;
            font-size: 6.7vw;
            left: 13.46%;
            height: 100%;
        }
        
#A_licensed_manpower_agency_in_ {
    Z-INDEX: 10;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 13.6%;
    top: 468.4px;
    line-height: 1;
    position: absolute;
    overflow: visible;
    width: 313px;
    white-space: normal;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 26.6px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}
        .flex-item>svg {
            width: 210px;
        }
        .heightmask {
            overflow-y: scroll;
            width: 100%;
            height: 75vh;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        #p21>p {
            left: 6px;
            font-size: 18.3px;
        }

      

        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 0;
            position: relative;
        }
        .rights {
            display: inline-block;
            width: 100%;
            position: relative;
            left: 0;
            margin-top: -60px;
        }

        .lg {
            top: 0px;
            position: relative;
            left: 10px;
            display: inline;
        }

        form {
            width: 365.9px;
            left: -44.1px;
        }
    
    
        

        .conflexitem > p {
            font-size: 7px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }
        .text.a {
            font-size: 16px;
        }
        


        .cardholder2 {
            left: -10.1px;
            position: relative;
        }
        .flexo-item {
            width: 280px;
            height: 180px;
        }
        .projects ul, .products ul {
            position: absolute;
            left: -140px;
            width: 260px;
        }



        .conflexitem > p {
            font-size: 16.6px !important;
            text-align: justify;
            left: 0;
            position: relative;
        }

        .lefts {
            width: 50%;
            /* height: 100%; */
            display: block;
            left: -10px;
            position: relative;
            /* top: inherit; */
            margin-top: 350px;
        }
     
      }

     
    @media only screen and (max-width:322px){

        .text.a {
            font-size: 14px;
        }
        .flexo-item {
            width: 261px;
            height: 160px;
        }

    }

   
    @media only screen and  (min-width:2400px){ 
        .im2 {
            width: 80%;
            left: 90.3px;
            position: relative;
        }
        div#section2 {
            top: -60px;
        }
        .thnlastlogo {
            width: 190px;
            /* left: -510px; */
            top: -8.4px;
            position: relative;
        }


        .cardholder2 {
            margin-top: 1.5px;
        }
        .page-1 {
            top: -100px;
            position: relative;
            position: relative;
            top: 20px;
            padding-top: 3.8%;
        }
        

        .flex-item3>img {
            width: 399px;
            z-index: 10;
        }

        .rollitflex2 {
            top: 129px;
            display: flex;
            width: 85.5%;
            left: 40px;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .flex-item3 {
            width: 490px;
            height: 380px;
        }

        .conflexitem>p {
            font-size: 35.9px;
            text-align: justify;
            left: 2.4%;
            top: -20px;
            position: relative;
        }

        
    
    
    
       
    
    




    }
   
   
    
    
    
   
    
    @media only screen and (min-width:1000px) and (max-width:1100){

        

       
        


        
    }
    @media only screen and (min-width:1100px) and (max-width:1200px){

        
        .who {
            width: 73%;
            margin: auto;
            height: 470px;
            left: -7px;
            top: 20px;
            position: relative;
        }

     
        

    
        #p21>p {
            top: 80px;
            left: 9px;
            font-size: 21.9px;
        }

        .poltu {
            top: 80px;
        }

   
        
        html #p10 p {
            font-size: 22.5px!important;
            left: 0.9%;
            top: 100px;
        }

        
    }

    
    @media only screen and (min-width:1299px) and (max-width:1399px){
        .container-fluid.page000 {
            margin-top: -20px;
        }   .lefts img {
            width: 201.2%;
            left: 6.5px;
            top: 18px;
            transform-origin: top;
            position: relative;
        }

        div#section2 {
            margin-top: -30px;
        }
        .addrpara .lastpar {
            margin: 0!important;
            width: 100%;
            left: -0.8px;
            text-align: justify;
            top: 15px!important;
        }
        .white2 {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: white;
        }
        .bgg {
            top: 0;
            z-index: 0;
            /* mix-blend-mode: luminosity; */
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
        
        a.anchor {
            display: block;
            position: relative;
            top: -70px;
            visibility: hidden;
        }
        #p3 p {
            font-size: 20.7px;
            top: 30.9px;
        }
        .lefts img {
            width: 150%;
            left: 20px;
    
            
     
        }
    }

    
    @media only screen and (min-width:1200px) and (max-width:1300px){

        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
        div#section8 {
            margin-top: -189.3px;
        }

       
        .kokoro {
            
            height: 100vh;
            top: -90px;
            position: relative;
        }
        .go555 {
            margin-top: 190px;
        }
      

        a.anchor {
            display: block;
            position: relative;
            top: -70px;
            visibility: hidden;
        }

        


       

        .lsitem.im2 {
            transform: scale(.8);
            transform-origin: left top;
        }
        
     
        
        #p21>p {
            left: 12.7px;
            font-size: 18.3px;
            top: 34.5px;
        }
        

        

        

        
        .addrpara .lastpar {
            margin: 0!important;
            width: 100%;
            left: -1.2px;
            text-align: justify;
            top: 15px!important;
        }
        
        .leg {
            widtH: 100%;
            position: relative;
            top: -60px;
        }

    }
    @media only screen and (min-width:1370px) and (max-width:1500px){
        .kokoro {
            height: 100vh;
            top: -160px;
            position: relative;
        }
        
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 40%;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }  
        
        #p3 p {
            top: 50px;
            font-size: 27.3px;
        }
      
       
      
        #p21>p {
            left: 9px;
            top: 22.7px;
            font-size: 21.6px;
        }
    
        
        #p10 p {
            top: 104.8px;
            left: 0.3px;
            position: relative;
            font-size: 18.5px;
            padding-bottom: 50px;
            TEXT-ALIGN: JUSTIFY;
            WIDTH: 73.3%;
        }

      
        .flex-item2>img {
            width: 257px;
            z-index: 10;
        }

        
        .flex-item2 {
            width: 260px;
            height: 210px;
  
        }
    }

        @media only screen and (min-width:1600px) and (min-width:1670px){
 .container-fluid.page000 {
            top: -10px;
        }  
        }

        @media only screen and (min-width:1600px) and (min-width:1670px) and (min-height:999px) and (max-height:1020px){
        .container-fluid.page000 {
            top: 20px;
        }.im1 {
            left: 10px;
        }
    }
        @media only screen and (min-width:1600px) and (min-width:1670px) and (min-height:1060px) and (max-height:2000px){
            .container-fluid.page000 {
       
            top: 40px;
        }
    }
    @media only screen and (min-width:1600px){

        .mapinfo {
            position: absolute;
            right: 21.5%;
            width: 15vw;
            top: 327.4px;
        }

        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 459px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 33px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }

 
       
        


        

        #p21>p {
            top: 30px;
            left: 9px;
            font-size: 21.9px;
        }
       
        

        html #p10 p {
            font-size: 21.3px!important;
            left: 0.9%;
            top: 18.2px;
        }
      
        
       
       
        

      
        

     
        


    }
    
    @media only screen and (min-width:1600px) and (min-height:800px) and (max-height:920px){
        
    a.anchor {
        display: block;
        position: relative;
        top: -60px;
        visibility: hidden;
    }

    .mapinfo {
        position: absolute;
        right: 25%;
        width: 14.5vw;
    }    



        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 549px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 38.9px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }

    }

    @media only screen and (min-width:1600px)  and (min-height:730px) and (max-height:799px) {
        
        a.anchor {
            display: block;
            position: relative;
            top: -60px;
            visibility: hidden;
        }
    
        .mapinfo {
            position: absolute;
            right: 25%;
            width: -21.5vw;
            top: 198.4px;
        }
    
    
    
            #A_licensed_manpower_agency_in_ {
                Z-INDEX: 10;
                filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
                left: 13.5%;
                top: 549px;
                position: absolute;
                overflow: visible;
                width: 1123px;
                white-space: nowrap;
                text-align: left;
                font-family: "Roboto Condensed", sans-serif;
                font-style: normal;
                font-weight: bold;
                line-height: 30px;
                font-size: 38.9px;
                color: rgba(255,255,255,1);
                text-transform: uppercase;
            }
    
        }

        @media only screen and (min-width:1600px)  and (min-height:0px) and (max-height:729px) {
        
            a.anchor {
                display: block;
                position: relative;
                top: -60px;
                visibility: hidden;
            }
        
            .mapinfo {
                position: absolute;
                right: 25%;
                width: -21.5vw;
                top: 198.4px;
            }
        
        
        
                #A_licensed_manpower_agency_in_ {
                    Z-INDEX: 10;
                    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
                    left: 13.5%;
                    top: 549px;
                    position: absolute;
                    overflow: visible;
                    width: 1123px;
                    white-space: nowrap;
                    text-align: left;
                    font-family: "Roboto Condensed", sans-serif;
                    font-style: normal;
                    font-weight: bold;
                    line-height: 30px;
                    font-size: 38.9px;
                    color: rgba(255,255,255,1);
                    text-transform: uppercase;
                }
        
            }
@media only screen and (min-width:1999px) and (min-height:1070px) and (max-height:1090px){

        
        

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: 31px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill2 {
        width: 100%;
        max-width: 687px;
        /* transform: scale(1.5); */
        top: 56px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        height: 100%;
        /* top: -16px; */
        position: relative;
        width: 306.2px;
        height: 307.5px;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 98.5%;
        padding: 0;
        margin: 0;
        padding-top: 1%;
        list-style: none;
    }

    .flex-item>svg {
        width: 308.6px;
    }   

    img.skill2 {
        width: 100%;
        max-width: 597px;
        /* transform: scale(1.5); */
        top: -10px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: -9px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

}

@media only screen and (min-width:1999px) and (min-height:1000px) and (max-height:1069px){

        
        

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: 31px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill2 {
        width: 100%;
        max-width: 687px;
        /* transform: scale(1.5); */
        top: 56px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        height: 100%;
        /* top: -16px; */
        position: relative;
        width: 306.2px;
        height: 307.5px;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 98.5%;
        padding: 0;
        margin: 0;
        padding-top: 1%;
        list-style: none;
    }

    .flex-item>svg {
        width: 308.6px;
    }   

    img.skill2 {
        width: 100%;
        max-width: 597px;
        /* transform: scale(1.5); */
        top: -10px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: -9px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

}
@media only screen and (min-width:1999px) and (min-height:870px) and (max-height:999px){

        
        

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: 31px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill2 {
        width: 100%;
        max-width: 687px;
        /* transform: scale(1.5); */
        top: 56px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        height: 100%;
        /* top: -16px; */
        position: relative;
        width: 306.2px;
        height: 307.5px;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 98.5%;
        padding: 0;
        margin: 0;
        padding-top: 1%;
        list-style: none;
    }

    .flex-item>svg {
        width: 308.6px;
    }   

    img.skill2 {
        width: 100%;
        max-width: 597px;
        /* transform: scale(1.5); */
        top: -10px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: -9px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

}


@media only screen and (min-width:1999px) and (min-height:800px) and (max-height:869px){

        
        

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: 31px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill2 {
        width: 100%;
        max-width: 687px;
        /* transform: scale(1.5); */
        top: 56px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    .flex-item {
        /* background: tomato; */
        /* padding: 16px; */
        left: 15px;
        height: 100%;
        /* top: -16px; */
        position: relative;
        width: 306.2px;
        height: 307.5px;
        /* margin-top: 14px; */
        line-height: 150px;
        color: white;
        font-weight: bold;
        font-size: 3em;
        text-align: center;
    }

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 98.5%;
        padding: 0;
        margin: 0;
        padding-top: 1%;
        list-style: none;
    }

    .flex-item>svg {
        width: 308.6px;
    }   

    img.skill2 {
        width: 100%;
        max-width: 597px;
        /* transform: scale(1.5); */
        top: -10px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    img.skill {
        width: 100%;
        height: 100%;
        max-width: 1160px;
        top: -9px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

}


@media only screen and (min-width:2000px) and (max-width:2200px){

    .im2 {
        width: 80%;
        left: 22.1px;
        position: relative;
    }
    div#section8 {
        margin-top: -30px;
    }
    .kokoro {
        height: 100vh;
        top: -200px;
        position: relative;
    }  
    .hodl {
        height: 100vh;
        position: relative;
        top: -290.9px;
    }

    .white2 {
        position: absolute;
        width: 100%;
        height: 103.4%;
        background-color: white;
    }

    #p21 {
        margin-top: -600px;
        position: relative;
    }

    
    div#section1 {
        margin-top: 20px;
    }
    .flex-item2>img {
        width: 351px;
        z-index: 10;
    }
    
    div#section2 {
        margin-top: -10px;
    }
    #p3 p {
        top: 60px;
        left: 10px;
        font-size: 36.6px;
    }
    div#section6 {
        margin-top: -200px;
    }
    .kokocaro.item {
        left: 20px;
        position: relative;
    }
    #p3 {
        margin-top: -580px;
        position: relative;
    }

    
    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: 0;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: right;
        background-repeat: no-repeat;
    }
   
    .leg {
        widtH: 100%;
        position: relative;
        top: -150px;
    }
    .lsitem {
        width: 850px;
    }

    .rollitflex2 {
        top: 139px;}

        #A_licensed_manpower_agency_in_ {
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 283.3px;
            top: 657px;
            position: absolute;
            overflow: visible;
            width: 1112px;
            line-height: 50px;
            white-space: nowrap;
            text-align: left;
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: bold;
            font-size: 40.1px;
            line-height: 1;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
            z-index: 1;
        }

    form {
        top: 52px;
        width: 1033px;
    }


    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 64vh;
    }
        form {
            top: 50px;
            width: 1033px;
        }

        .imge3 {
            /* margin: auto; */
            width: 70%;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 60.7vh;
        }
        
    
    
        
}



        

    @media only screen and (max-width:2000px) and (min-width:1800px){
     
        .mapinfo {
            position: absolute;
            right: 12%;
            width: 18.5vw;
            top: 297.4px;
        }
        html #p10 p {
            font-size: 26.6px!important;
            left: 0.6%;
            top: 0px;
        }
        
        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 629px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 38.9px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }
  

        

    textarea#textarea_1 {
        height: 150px;
    }
    textarea, input[type=text], input[type=email], select {
     
        height: 60px;
    
    }
    
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-size: 30px;
        font-weight: 700;
    }

    .lefts {
        width: 20%;
        /* height: 100%; */
        display: inline-block;
        left: -5.9px;
        position: relative;
        /* top: inherit; */
        top: -340px;
    }
    }

    @media only screen and (min-width:1800px){
        
a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}
        

        
        .leg {
            widtH: 100%;
            position: relative;
            top: -150px;
        }

        .flex-item3>img {
            width: 360px;
            z-index: 10;
            height: 340px;
        }

       

        
        .kokocover {
            position: relative;
            top: -20px;
            height: 720px;
            margin-left: 10px;
            overflow: hidden;
        }
        #p21>p {
            top: 50px;
            left: 9px;
            font-size: 29.5px;
        }

        

    
        .who {
            width: 73%;
            margin: auto;
            height: 550px;
            left: -7px;
            top: 30px;
            position: relative;
        }

        .flex-item2 {
            left: 0px;
            position: relative;
        }
        
        .mapimage {
            transform: scale(0.8);
            transform-origin: left;
            top: -71.2px;
            margin: 0px 72px 0 0px;
        }
        #cont4 {
            height: 1760px;
            top: -160px;
            position: relative;
        }
        
        .page-2 {
            position: relative;
 
            top: 139px;
            width: 100%;
        }
    
        
    
        .page-1 {
            /* z-index: 1; */
            position: relative;
            /* top: 70px; */
            padding-top: 10px;
        }


        .mapinfo svg {
            width: 75%;
            left: -160px;
            position: relative;
        }
    }
  
    @media only screen and (min-width:1400px) and (max-width:1498px){
        .leg {
            widtH: 100%;
            position: relative;
            top: -50px;
        }       
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
       
        #p21 {
            margin-top: -350px;
            position: relative;
        }
        .hodl {
            height: 100vh;
            position: relative;
            margin-top: -150.9px;
        }

    
        form {
            width: 938px;
            top: 90px;
            left: -27px;
            transform: scale(0.7);
        }
        
        .kokocaro.item {
            left: -25.3px;
            position: relative;
        }
        a.anchor {
            display: block;
            position: relative;
            top: -80px;
            visibility: hidden;
        }

        html #p10 p {
            font-size: 19.6px!important;
            left: 0;
            top: 20px;
        }
        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 380px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 33px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }

        
    
        .lsitem.im1 {
            width: 421px;
            left: 5.5px;
        }
        .lefts img {
            position: relative;
            left: 12.9px!important;
            width: 185.1%;
            top: 20px;
        }

        form {
            width: 860px;
            left: -14.1px;
        }

        .lg {
            top: -200px;
            position: relative;
            left: 10px;
            display: inline;
        }
        .col-xsm-12>img {
            left: -23%;
            position: relative;
            WIDTH: 400PX;
            top: 3.2%;
            margin-top: 120px;
        }

        .conflexitem>p {
            font-size: 21px;
            text-align: justify;
            left: 2.4%;
            position: relative;
        }

        .lg {
            top: -250px;
            position: relative;
            left: 10px;
            display: inline;
        }

        

        .flex-item3>img {
            width: 260px;
            z-index: 10;
        }
        .flex-item2 {
            width: 270px;
            height: 250px;
        }
        .flex-item3 {
            width: 270px;
            height: 250px;
        }

       
        .page-1 {
            z-index: 1;
            position: relative;
            top: 0px;
        }
        div#section2 {
            margin-top: -100px;
        }
      
    }
    @media only screen and (min-width:2000px) and (max-width:2100px){

        
        .kokocover {
            position: relative;
            top: 70px;
            height: 720px;
            left: 12.4px;
            overflow: hidden;
        }

        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 35.3%;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: 0;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        .page-10 {
            /* padding-top: 0.3px; */
            margin-top: -90px;
        }
        #p5555 {
            position: relative;
            top: -267.6px;
            height: 140vh;
        }
        div#pp {
            top: -190px;
            position: relative;
        }
    
}

    @media only screen and (min-width:2000px){
        

        
        .mapinfo {
            position: absolute;
            right: 12%;
            width: 18.5vw;
            top: 287.4px;
        }
        div#hee {
            position: relative;
            top: -100px;
        }
        .flexlast .lsitem.im1 {
            width: 630px;
        }

        html #p10 p {
            font-size: 26.9px!important;
            left: 0.5%;
            top: 86.8px;
        }
        .rollitflex {
            top: 50px;
            display: flex;
            width: 80%;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }
        
        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
            padding: 0;
            margin: 0;
        }
        div#section5 {
            top: 50px;
        }

        #p3 p {
            top: 40px;
            left: 10px;
            font-size: 41.6px;
        }
        #cont4 {
            height: 1960px;
            margin-top: -96px;
        }
        .flex-item2 {
            width: 402px;
            left: 37.7px;
            height: 330px;
        }

        
        .mapimage {
            transform: scale(1.1);
            transform-origin: left;
            top: 32px;
            margin: 0px 72px 0 0px;
        }

        .rollitflex2 {
            top: 29px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

        .flex-item3 {
            width: 384px;
            height: 320px;
        }



     

        .flex-item3>img {
            width: 351px;
            z-index: 10;
            height: 340px;
        }
        .kokoflex {
            display: grid;
            grid-template-columns: 75% 25%;
            width: 81.3%;
            margin: auto;
            left: -21.4px;
            top: -11px;
            height: 620px;
            overflow: hidden;
            position: relative;
        }
        img.skill {
            width: 100%;
            height: 100%;
            max-width: 930px;
            top: -79px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
        }
        .flex-item>svg {
            width: 318.6px;
        }

        .container-fluid.page000 {
            top: -10px;
        }

   
        .kokocaro.item {
    left: -3%;
    position: relative;
}
       

            .w-100 {
                width: 81%!important;
                margin-left: 118px;
                width: 1020px;}
            .kokocaro.item {
                margin-left: -4%;
}
            

    }

    @media only screen and (min-width:2400px){
        #p3 {
            margin-top: 280px;
            position: relative;
        }
        #cont4 {
            height: 1960px;
            margin-top: -90px;
        }
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 50.3%!important;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
        
        
        #p21 {
            margin-top: -410px;
            position: relative;
        }
        .flex-item>svg {
            width: 408.6px;
        }

       
        

        .rollitflex2 {
            top: 139px;}
        .mapinfo {
            position: absolute;
            right: 9.2%;
            width: 20vw;
            top: 451.7px;
        }

        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 827px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 48.9px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }
        

        .mapimage {
            transform: scale(1);
            transform-origin: left;
            top: 8.8px;
            margin: 0px 72px 0 0px;
            height: 941.3px;
        }
        .flex-item {
            width: 390px;
        }

        img.skill {
            width: 100%;
            height: 100%;
            max-width: 1120px;
            top: 41px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
        }
        img.skill2 {
            width: 100%;
            max-width: 887px;
            /* transform: scale(1.5); */
            top: 166px;
            /* padding: 50px 70px 0 70px; */
            position: relative;
        }
        .flexit {
            top: 70px;
            position: relative;
            display: flex;
            justify-content: center;
        }

        .iconkoko {
            WIDTH: 407PX;
        }
        #p21 {
            margin-top: -910px;
            position: relative;
        }
            .imge2 {
            height: 82.3vh;
            }
        .flex-item3 {
            width: 506px;
            height: 360px;
        }
        #p5555 {
            top: -260px;
            position: relative;
            height: 140vh;
        }
        div#pp {
            margin-top: -610px;
            position: relative;
        }
        .imge3 {
            
            height: 79.2vh;
        }
        .flex-item3>img {
            width: 391px;
            z-index: 10;
        }
        .rollitflex2 {
            top: 149px;
            left: 40px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }
    
        
        .w-100 {
            height: 712px;
            width: 1278px!important;
            width: 1220px;
        }
        .im {
            width: 97.7%;
        }
        .kokoflex {
            display: grid;
            grid-template-columns: 75% 25%;
            width: 81.3%;
            margin: auto;
            left: -23.7px;
            top: 0px;
            height: 760px;
            overflow: hidden;
            position: relative;
        }

       

        .imagediv {
            mix-blend-mode: multiply;
            background-image: url(A.jpg);
            /* height: 80vh; */
            width: 100%;
            top: 70px;
            position: relative;
            background-size: cover;
            height: 100vh;
            background-position: right center;
            background-repeat: no-repeat;
        }

        .lg {
    top: -120px;
    position: relative;
    display: inline;
}

        #p21>p {
            top: 141.2px;
            left: 9px;
            font-size: 41.9px;
        }

        


        .who {
            width: 73%;
            margin: auto;
            height: 650px;
            left: -7px;
            top: 130px;
            position: relative;
        }

        .col-xsm-12>img {
            left: -23%;
            position: relative;
            top: 33.5%;
            margin-top: -20%;
        }

       

        .container-fluid.page000 {
            top: 80px;
        }.kokocaro.item {
    left: -2%;
    position: relative;
}
        .w-100 {
            height: 712px;
            width: 1278px!important;
            width: 1220px;
            margin-left: 139px;
        }

  
        

        


        html #p10 p {
            font-size: 38.9px!important;
            left: 6.9px;
            /* width: 74.8%; */
            top: 0px;
        }

        
        
        
    }

    @media only screen and  (min-width:1600px) and (max-width:1700px){

        
        .lefts {
            width: 21%;
            /* height: 100%; */
            display: inline-block;
            left: -11px;
            position: relative;
            /* top: inherit; */
            top: -200px;
        }
        .addrpara .lastpar {
            margin: 0!important;
            width: 100.3%;
            text-align: justify;
            top: 15px!important;
            position: relative;
        }
       

.followMeBar {
    filter: drop-shadow(0px 3px 6px rgba(80, 111, 135, 1));
    /* background: lightblue; */
    padding: 10px 20px;
    position: relative;
    z-index: 3;
    color: #fff;
    width: 87.9%;
    /* height: 70px; */
    border-radius: 0px 100px 100px 0px;
    height: 130px;
    /* opacity: 0.84; */
    BACKGROUND-COLOR: #3D66AA;
    stroke: rgba(112,112,112,1);
    stroke-width: 1px;
    stroke-linejoin: miter;
    stroke-linecap: butt;
    stroke-miterlimit: 4;
    shape-rendering: auto;
    z-index: 11;
}



    }

    
@media only screen and  (min-width:1500px) and (max-width:1580px){#p10 p {
    top: 5.8px;
    left: 12px;
    position: relative;
    font-size: 26px;
    padding-bottom: 50px;
}.carousel-control-next {
    right: 56px;
}
    .go555 {
        margin-top: 180px;
    }

    .addrpara .lastpar {
        margin: 0!important;
        width: 110%;
        text-align: justify;
        top: 5.7px!important;
        position: relative;
    }

    input[type="submit"] {
        top: 10;
        top: 16.9px;
        margin-left: -14.2px;
    }
    #p21 {
        margin-top: -730px;
        position: relative;
    }
    div#section1 {
        MARGIN-TOP: 20PX;
    }
    #p3 {
        margin-top: -435px;
        position: relative;
    }

    .page-10 {
        padding-top: 51.2px;
    }

    .white2 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
    }
    .bgg {
    
        height: 170%;}
    
    .followMeBar {
        filter: drop-shadow(0px 3px 6px rgba(80, 111, 135, 1));
        /* background: lightblue; */
        padding: 10px 20px;
        position: relative;
        z-index: 3;
        color: #fff;
        width: 87.9%;
        /* height: 70px; */
        border-radius: 0px 100px 100px 0px;
        height: 138px;
        /* opacity: 0.84; */
        BACKGROUND-COLOR: #3D66AA;
        stroke: rgba(112,112,112,1);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
        z-index: 11;
    }

    
    a.anchor {
        display: block;
        position: relative;
        top: -90px;
        visibility: hidden;
    }
    .white {
        position: absolute;
        width: 100%;
        height: 120%;
        background-color: white;
    }
    div#section2 {
        margin-top: -80px;
    }
    form {
        top: 80px;
        width: 747.9px;
        left: -39.1px;
    }
    .page-1 {
        z-index: 1;
        position: relative;
        top: 0px;
        padding-top: 0;
    }


    
    .lsitem.im1 {
        left: 5px;
    }
    
    .lefts img {
        width: 150%;
        left: 13.2px;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -160.9px;
    }

    img.d-block.w-100 {
        height: 370px;
        width: 706.3px!important;
    }

    .rollitflex {
        display: flex;
        width: 81.9%;
        top: 20px;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
    }
    div#section4 {
        margin-top: -102px;
    }

    div#section8 {
        margin-top: -209.3px;
    }
    div#section6 {
        margin-top: -121px;
    }
    .kokoro {
        height: 100vh;
        top: -130px;
        position: relative;
    }
   
    
    .lsitem.im2 {
        left: 90px;
    }
    .leg {
        widtH: 100%;
        position: relative;
        top: -200px;
        transform-origin: left;
        transform: scale(.8);
     }
     .lefts {
        width: 25.9%;
        /* height: 100%; */
        display: inline-block;
        left: -11px;
        position: relative;
        /* top: inherit; */
        top: -262.8px;
    }
    .lsitem {
        width: 550px;
    }
    

.sec10 {
    top: 400px;
    position: relative;
}
    
    
    .col-xsm-12>img {
        left: -23%;
        width: 80%;
        position: relative;
        top: 40%;
        margin-top: -20%;
    }

    
    #A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.5%;
        top: 499px;
        position: absolute;
        overflow: visible;
        width: 1123px;
        white-space: nowrap;
        text-align: left;
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: bold;
        line-height: 30px;
        font-size: 33px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    .conflexitem>p {
        font-size: 19.7px;
        text-align: justify;
        top: 0px;
        left: 2.4%;
        position: relative;
    }

  
      
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 40.5%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    
    #p3 p {
        font-size: 30.8px;
        top: 40px;
    }
    .mapinfo {
        position: absolute;
        right: 27.4%;
        width: 13.9vw;
        top: 212.4px;
    }
    .flex-item>svg {
        width: 246px;
    }

    .mapimage {
        height: 490.3px;
        top: 0px;
    }
    div#section9 {
        margin-top: 160px;
    }
   

    img.skill2 {
        width: 100%;
        max-width: 402px;
        top: -12px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill {
        height: 100%;
        width: 100%;
        max-width: 620px;
        top: -20px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }

    .flex-item2 {
        width: 284.4px;
    }
    
    
    
}
@media only screen and  (min-width:1580px) and (max-width:1620px){

    .who {
        width: 73%;
        margin: auto;
        height: 650px;
        left: -7px;
        top: 10px;
        position: relative;
    }
    .bgg {
        top: 0;
        z-index: 0;
        /* mix-blend-mode: luminosity; */
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .kokoro {
        height: 100vh;
        top: -130px;
        position: relative;
    }
    div#section1 {
        margin-top: 40px;
    }
    .flex-container {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 97%;
        padding: 0;
        margin: 0;
        padding-top: 1%;
        list-style: none;
        margin-top: -50px;
    }
    a.anchor {
        display: block;
        position: relative;
        top: -86.3px;
        visibility: hidden;
    }
    .white {
        position: absolute;
        width: 100%;
        height: 110%;
        background-color: white;
    }
    div#section2 {
        margin-top: -80px;
    }
 
    
    .lsitem.im1 {
        left: 5px;
    }
    
    .lefts img {
        width: 150%;
        left: 13.2px;
    }
    .hodl {
        height: 100vh;
        position: relative;
        margin-top: -10.9px;
    }
   
    .rollitflex {
        display: flex;
        width: 81.9%;
        top: 30px;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
    }
    div#section4 {
        margin-top: -90px;
    }
   
    
    .lsitem.im2 {
        left: -1.1px;
    }
    .leg {
        widtH: 100%;
        position: relative;
        top: -260px;
    }
    .lefts {
        width: 29.7%;
        /* height: 100%; */
        display: inline-block;
        left: -11px;
        position: relative;
        /* top: inherit; */
        top: -304.6px;
    }
    .lsitem {
        width: 550px;
    }
    

.sec10 {
    top: 400px;
    position: relative;
}
    
    
.col-xsm-12>img {
    left: -23%;
    width: 80%;
    position: relative;
    top: 29.7%;
    margin-top: -20%;
}

    #A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.5%;
        top: 499px;
        position: absolute;
        overflow: visible;
        width: 1123px;
        white-space: nowrap;
        text-align: left;
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: bold;
        line-height: 30px;
        font-size: 33px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    .conflexitem>p {
        font-size: 19.7px;
        text-align: justify;
        top: -10px;
        left: 2.4%;
        position: relative;
    }

   
    
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 40.5%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    
    #p3 p {
        font-size: 30.8px;
        top: 30px;
    }
    .mapinfo {
        position: absolute;
        right: 27.4%;
        width: 13.9vw;
        top: 191.4px;
    }
    .flex-item>svg {
        width: 246px;
    }

    .mapimage {
        height: 490.3px;
        top: 0px;
    }

    img.skill2 {
        width: 100%;
        max-width: 432px;
        top: -32px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    img.skill {
        height: 100%;
        width: 100%;
        max-width: 620px;
        top: -30px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    
}


@media only screen and (min-width:1800px){


    

 
    
    
}
@media only screen and (min-width:1299px) and (max-width:1399px){
    .flex-item2 {
        width: 256.7px;
    }

    #p3 {
        margin-top: -295px;
        position: relative;
    }   


    .go555 {
        margin-top: 190px;
    } 
    
    .flex-item3 {
        left: 0px;
        position: relative;
    }
    #p21 {
        margin-top: -220px;
        position: relative;
    }
    .imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 63.7vh;
    }

    .followMeBar {
        filter: drop-shadow(0px 3px 6px rgba(80, 111, 135, 1));
        /* background: lightblue; */
        padding: 10px 20px;
        position: relative;
        z-index: 3;
        color: #fff;
        width: 86.9%;
        /* height: 70px; */
        border-radius: 0px 100px 100px 0px;
        height: 110px;
        /* opacity: 0.84; */
        BACKGROUND-COLOR: #3D66AA;
        stroke: rgba(112,112,112,1);
        stroke-width: 1px;
        stroke-linejoin: miter;
        stroke-linecap: butt;
        stroke-miterlimit: 4;
        shape-rendering: auto;
        z-index: 11;
    }
  
    


    
    
    #p10 p {
        top: 65.8px;
        padding-left: 13.1px;
        position: relative;
        font-size: 18.6px;
        padding-bottom: 50px;
    }
    input[type="submit"] {
        top: 30px;
        left: 490px;
    }
    .rights {
        display: inline-block;
        width: 70%;
        top: -72.3px;
        position: relative;
        left: 12.3%;
    }
    .form-group {
        margin-bottom: -35px!important;
    }
    .lefts {
        width: 27.4%;
        /* height: 100%; */
        display: inline-block;
        left: -23.8px;
        position: relative;
        /* top: inherit; */
        top: -279px;
    }

  
    
    div#section8 {
        margin-top: -109.3px;
    }
    .white {
        position: absolute;
        width: 100%;
        height: 127.5%;
        background-color: white;
    }
    
    .lsitem {
        width: 490px;
    }
    .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 118%;
        background-color: white;
    }
    .lsitem.im2 {
        left: -2.7%;
    }
    .addrpara .lastpar {
        margin: 0!important;
        width: 140%;
        text-align: justify;
        top: 15px!important;
        left: 29.1px;
    }
    
    .im1,.im2{transform: scale(0.7);
        transform-origin: left top;
    }
    .leg {
        width: 100%;
        position: relative;
        top: -140px;
    }
    
    }


    @media only screen and (min-width:1670px) and (max-width:1699px) and (min-height:800px) and (max-height:920px){
        .lefts img {
            width: 208.5%;
            top: -13px;
            position: relative;
        } .lefts img {
            width: 169%;
        }
        a.anchor {
            display: block;
            position: relative;
            top: -90px;
            visibility: hidden;
        }
        .kokoro {
            height: 100vh;
            top: -110px;
            position: relative;
        }

        div#section2 {
            top: -60px;
        }

        
        #p3 {
            margin-top: -275px;
            position: relative;
        }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 102.3%;
            background: url(bak.jpg);
            position: relative;
        }
        .lsitem {
            width: 550px;
        }

        #p21 {
            margin-top: -580px;
            position: relative;
        }
        .hodl {
            height: 100vh;
            position: relative;
            margin-top: -60.9px;
        }   
        .projects, .products {
            left: 18.2px;
            position: relative;
        }
    
        div#section6 {
            margin-top: -161px;
        }   
        .go555 {
            margin-top: 170px;
        }
    
        div#section4 {
            margin-top: -110px;
        }
        
    .who {
        width: 73%;
        margin: auto;
        height: 480px;
        left: -7px;
        top: -60px;
        position: relative;
    }
       
       
        
    .flex-item3 {
        left: 29.1px;
        position: relative;
    }
       
    .flex-item3 {
        width: 300px;
        height: 240px;
    }
        .flex-item3>img {
            width: 260px;
            /* left: 30px; */
            position: relative;
            height: 231px;
        }
        #cont4 {
            height: 1380px;
        }
    
        
    
        
        img.d-block.w-100 {
            height: 430px;
            width: 803.7px!important;
        }
    
        .lefts {
            width: 28.7%;
            /* height: 100%; */
            display: inline-block;
            left: -11px;
            position: relative;
            /* top: inherit; */
            top: -285.9px;
        }
    
        .flexit {
            top: 0;
            position: relative;
            display: flex;
            margin-top: 30px;
            justify-content: center;
        }
      
        
        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 18.5px;
            position: relative;
        }
        .products img {
            width: 40px;
            position: relative;
            top: -6px;
        }
        form {
            width: 938px;
            top: 10px;
            left: -27px;
            transform: scale(0.7);
        }
    
        .lefts img {
            width: 150%;
        }
      .btraclogo {
        width: 258.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
      .flei.phoneem {
        width: 270px;
    }
    
      div#p4 {
        padding-top: 50px;
        position: relative;
    }
    div#p40 {
        top: -40px;
        position: relative;
    }
        #p21>p {
            left: 9px;
            font-size: 21.9px;
        }
        #p21 {
            margin-top: -340px;
            position: relative;
        }
        .white2 {
            position: absolute;
            width: 100%;
            height: 115.4%;
            background-color: white;
        }
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 43.5%;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    
        #p3 p {
            top: 70px;
            font-size: 27.3px;
        }
        
    
        .conflexitem>p {
            font-size: 20.2px;
            text-align: justify;
            left: 2.4%;
            position: relative;
        }
        .imge2 {
            /* margin: auto; */
            width: 70%;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 70.2vh;
        }
        .kokocaro.item {
            left: 31.4px;
            position: relative;
        }

        
    
        .imge3 {
            /* margin: auto; */
            width: 70%;
            height: 100px;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 62.5vh;
        }
        div#section8 {
            margin-top: 10.7px;
        }
        
        .kokoflex {
            display: grid;
            grid-template-columns: 75% 25%;
            width: 83.4%;
            margin: auto;
            top: -70px;
            position: relative;
        }
        .rollitflex2 {
            top: 19px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }
        .im {
            width: 58.9%;
        }

    
    
        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
        }
    
        .btraclogo2 {
            width: 576.906px!important;
            position: relative;
            right: 0;
            transform-origin: right;
        }
        .btraclogo3 {
            width: 1036.906px;
            position: relative;
            right: 0;
            transform-origin: right;
        }
    
    
        #p3 {
            position: relative;
    
        }
        #p20 .container-fluid{
            position: relative;
                top: -10px;}
    
        .flexo {
            display: flex;
            top: 120px;
            /* padding-bottom: 190px; */
            position: relative;
            flex-flow: row wrap;
            justify-content: center;
            width: 100%;
            padding: 0;
            /* margin: 0; */
            margin-bottom: 240px;
            list-style: none;
        }
        #p11 {
            position: relative;
            top: 50px;
        }
    
        
        
        .products img {
            width: 40px;
            position: relative;
            top: -2.5px;
        }
        #p10 {
            position: relative;
    
        }
        #Group_271>img {
            width: 54%;
            top: 19.4px;
            left: 70px;
            position: relative;
        }
        .mapinfo {
            position: absolute;
            right: 21.5%;
            width: 15vw;
            top: 187.4px;
        }
        .p3 {
            margin-top: 50px;
        }
        .p33 {
            margin-top: 70px;
        }
    
        #p1, #p2 {
            margin-top: -52px;
        }
        .flex-item {
            width: 234.3px;
        }
    
    
        
    
        .text{font-size: 39.6px;}
        nav {
            z-index: 100;
            padding: 37.1px;
            padding-right:0;
            padding-left:0;
            height: 167px;
            background-color: white;
            position: fixed;
            top: -60px;
            position: fixed;
            width: 100%;
            /* border-bottom: 100px; */
        }
        
        .mapimage {
            height: 540.3px;
            top: 10px;
        }
      .dropdown {
            height: 10vh;
            width: 73.4%;
            display: flex;
            top: 28px;
            position: relative;
            justify-content: flex-end;
            align-items: left;
        }
       
    
        .lg {
            top: -240px;
            position: relative;
            display: inline;
        }
    
    
    
        .page-1 {
            z-index: 1;
            position: relative;
            top: 0px;
        }
    img.skill2 {
        width: 100%;
        max-width: 592px;
    
        top: -32px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 710px;
        top: -20px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
      .flexit {
        top: 0;
        position: relative;
        display: flex;
        justify-content: center;
        }
        .flex-item2 {
            width: 298.1px;
        }
    .flex-item {
        width: 236.3px;
        }
        .flex-item>svg {
            width: 226px;
        }
      .flexo-item {
        width: 593px;
        height: 390px;
        }
        
        .flex-item2>img {
            width: 265.8px;
            z-index: 10;
        }
        .rollitflex {
            display: flex;
            width: 81.9%;
            top: 100px;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
         
        }
    
    
      
        .infocommune {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 71.2%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
    
        #myCarousel {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
       
        #myCarousel2 {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
        


    }
    
    @media only screen and (min-width:1670px) and (max-width:1699px) and (min-height:730px) and (max-height:799px){
        a.anchor {
            display: block;
            position: relative;
            top: -90px;
            visibility: hidden;
        }
        .kokoro {
            height: 100vh;
            top: -110px;
            position: relative;
        }

        div#section2 {
            top: -60px;
        }

        
        #p3 {
            margin-top: -275px;
            position: relative;
        }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 102.3%;
            background: url(bak.jpg);
            position: relative;
        }
        .lsitem {
            width: 550px;
        }

        #p21 {
            margin-top: -580px;
            position: relative;
        }
        .hodl {
            height: 100vh;
            position: relative;
            margin-top: -60.9px;
        }   
        .projects, .products {
            left: 18.2px;
            position: relative;
        }
    
        div#section6 {
            margin-top: -161px;
        }   
        .go555 {
            margin-top: 170px;
        }
    
        div#section4 {
            margin-top: -110px;
        }
        
    .who {
        width: 73%;
        margin: auto;
        height: 480px;
        left: -7px;
        top: -60px;
        position: relative;
    }
       
       
        
    .flex-item3 {
        left: 29.1px;
        position: relative;
    }
       
    .flex-item3 {
        width: 300px;
        height: 240px;
    }
        .flex-item3>img {
            width: 260px;
            /* left: 30px; */
            position: relative;
            height: 231px;
        }
        #cont4 {
            height: 1380px;
        }
    
        
    
        
        img.d-block.w-100 {
            height: 430px;
            width: 803.7px!important;
        }
    
        .lefts {
            width: 28.7%;
            /* height: 100%; */
            display: inline-block;
            left: -11px;
            position: relative;
            /* top: inherit; */
            top: -285.9px;
        }
    
        .flexit {
            top: 0;
            position: relative;
            display: flex;
            margin-top: 30px;
            justify-content: center;
        }
      
        
        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 18.5px;
            position: relative;
        }
        .products img {
            width: 40px;
            position: relative;
            top: -6px;
        }
        form {
            width: 938px;
            top: 10px;
            left: -27px;
            transform: scale(0.7);
        }
    
        .lefts img {
            width: 150%;
        }
      .btraclogo {
        width: 258.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
      .flei.phoneem {
        width: 270px;
    }
    
      div#p4 {
        padding-top: 50px;
        position: relative;
    }
    div#p40 {
        top: -40px;
        position: relative;
    }
        #p21>p {
            left: 9px;
            font-size: 21.9px;
        }
        #p21 {
            margin-top: -340px;
            position: relative;
        }
        .white2 {
            position: absolute;
            width: 100%;
            height: 115.4%;
            background-color: white;
        }
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 43.5%;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    
        #p3 p {
            top: 70px;
            font-size: 27.3px;
        }
        
    
        .conflexitem>p {
            font-size: 20.2px;
            text-align: justify;
            left: 2.4%;
            position: relative;
        }
        .imge2 {
            /* margin: auto; */
            width: 70%;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 70.2vh;
        }
        .kokocaro.item {
            left: 31.4px;
            position: relative;
        }

        
    
        .imge3 {
            /* margin: auto; */
            width: 70%;
            height: 100px;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 62.5vh;
        }
        div#section8 {
            margin-top: 10.7px;
        }
        
        .kokoflex {
            display: grid;
            grid-template-columns: 75% 25%;
            width: 83.4%;
            margin: auto;
            top: -70px;
            position: relative;
        }
        .rollitflex2 {
            top: 19px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }
        .im {
            width: 58.9%;
        }

    
    
        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
        }
    
        .btraclogo2 {
            width: 576.906px!important;
            position: relative;
            right: 0;
            transform-origin: right;
        }
        .btraclogo3 {
            width: 1036.906px;
            position: relative;
            right: 0;
            transform-origin: right;
        }
    
    
        #p3 {
            position: relative;
    
        }
        #p20 .container-fluid{
            position: relative;
                top: -10px;}
    
        .flexo {
            display: flex;
            top: 120px;
            /* padding-bottom: 190px; */
            position: relative;
            flex-flow: row wrap;
            justify-content: center;
            width: 100%;
            padding: 0;
            /* margin: 0; */
            margin-bottom: 240px;
            list-style: none;
        }
        #p11 {
            position: relative;
            top: 50px;
        }
    
        
        
        .products img {
            width: 40px;
            position: relative;
            top: -2.5px;
        }
        #p10 {
            position: relative;
    
        }
        #Group_271>img {
            width: 54%;
            top: 19.4px;
            left: 70px;
            position: relative;
        }
        .mapinfo {
            position: absolute;
            right: 21.5%;
            width: 15vw;
            top: 187.4px;
        }
        .p3 {
            margin-top: 50px;
        }
        .p33 {
            margin-top: 70px;
        }
    
        #p1, #p2 {
            margin-top: -52px;
        }
        .flex-item {
            width: 234.3px;
        }
    
    
        
    
        .text{font-size: 39.6px;}
        nav {
            z-index: 100;
            padding: 37.1px;
            padding-right:0;
            padding-left:0;
            height: 167px;
            background-color: white;
            position: fixed;
            top: -60px;
            position: fixed;
            width: 100%;
            /* border-bottom: 100px; */
        }
        
        .mapimage {
            height: 540.3px;
            top: 10px;
        }
      .dropdown {
            height: 10vh;
            width: 73.4%;
            display: flex;
            top: 28px;
            position: relative;
            justify-content: flex-end;
            align-items: left;
        }
       
    
        .lg {
            top: -240px;
            position: relative;
            display: inline;
        }
    
    
    
        .page-1 {
            z-index: 1;
            position: relative;
            top: 0px;
        }
    img.skill2 {
        width: 100%;
        max-width: 592px;
    
        top: -32px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 710px;
        top: -20px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
      .flexit {
        top: 0;
        position: relative;
        display: flex;
        justify-content: center;
        }
        .flex-item2 {
            width: 298.1px;
        }
    .flex-item {
        width: 236.3px;
        }
        .flex-item>svg {
            width: 226px;
        }
      .flexo-item {
        width: 593px;
        height: 390px;
        }
        
        .flex-item2>img {
            width: 265.8px;
            z-index: 10;
        }
        .rollitflex {
            display: flex;
            width: 81.9%;
            top: 100px;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
         
        }
    
    
      
        .infocommune {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 71.2%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
    
        #myCarousel {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
       
        #myCarousel2 {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
        


    }
    @media only screen and (min-width:1670px) and (max-width:1699px) and (min-height:0px) and (max-height:729px){
        a.anchor {
            display: block;
            position: relative;
            top: -90px;
            visibility: hidden;
        }
        .kokoro {
            height: 100vh;
            top: -110px;
            position: relative;
        }

        div#section2 {
            top: -60px;
        }

        
        #p3 {
            margin-top: -275px;
            position: relative;
        }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 102.3%;
            background: url(bak.jpg);
            position: relative;
        }
        .lsitem {
            width: 550px;
        }

        #p21 {
            margin-top: -580px;
            position: relative;
        }
        .hodl {
            height: 100vh;
            position: relative;
            margin-top: -60.9px;
        }   
        .projects, .products {
            left: 18.2px;
            position: relative;
        }
    
        div#section6 {
            margin-top: -161px;
        }   
        .go555 {
            margin-top: 170px;
        }
    
        div#section4 {
            margin-top: -110px;
        }
        
    .who {
        width: 73%;
        margin: auto;
        height: 480px;
        left: -7px;
        top: -60px;
        position: relative;
    }
       
       
        
    .flex-item3 {
        left: 29.1px;
        position: relative;
    }
       
    .flex-item3 {
        width: 300px;
        height: 240px;
    }
        .flex-item3>img {
            width: 260px;
            /* left: 30px; */
            position: relative;
            height: 231px;
        }
        #cont4 {
            height: 1380px;
        }
    
        
    
        
        img.d-block.w-100 {
            height: 430px;
            width: 803.7px!important;
        }
    
        .lefts {
            width: 28.7%;
            /* height: 100%; */
            display: inline-block;
            left: -11px;
            position: relative;
            /* top: inherit; */
            top: -285.9px;
        }
    
        .flexit {
            top: 0;
            position: relative;
            display: flex;
            margin-top: 30px;
            justify-content: center;
        }
      
        
        #ID1_THANEX_web_page__HOME_ALL- {
            width: 180px;
            top: 18.5px;
            position: relative;
        }
        .products img {
            width: 40px;
            position: relative;
            top: -6px;
        }
        form {
            width: 938px;
            top: 10px;
            left: -27px;
            transform: scale(0.7);
        }
    
        .lefts img {
            width: 150%;
        }
      .btraclogo {
        width: 258.906px;
        position: relative;
        right: 0;
        transform-origin: right;
    }
      .flei.phoneem {
        width: 270px;
    }
    
      div#p4 {
        padding-top: 50px;
        position: relative;
    }
    div#p40 {
        top: -40px;
        position: relative;
    }
        #p21>p {
            left: 9px;
            font-size: 21.9px;
        }
        #p21 {
            margin-top: -340px;
            position: relative;
        }
        .white2 {
            position: absolute;
            width: 100%;
            height: 115.4%;
            background-color: white;
        }
        .fp-controlArrow {
            -webkit-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -ms-user-select: none;
            position: absolute;
            z-index: 4;
            top: 43.5%;
            cursor: pointer;
            width: 0;
            height: 0;
            border-style: solid;
            margin-top: -38px;
            -webkit-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
    
        #p3 p {
            top: 70px;
            font-size: 27.3px;
        }
        
    
        .conflexitem>p {
            font-size: 20.2px;
            text-align: justify;
            left: 2.4%;
            position: relative;
        }
        .imge2 {
            /* margin: auto; */
            width: 70%;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 70.2vh;
        }
        .kokocaro.item {
            left: 31.4px;
            position: relative;
        }

        
    
        .imge3 {
            /* margin: auto; */
            width: 70%;
            height: 100px;
            align-items: center;
            /* display: flex; */
            position: relative;
            left: 50%;
            margin-left: -35.1%;
            /* justify-content: center; */
            align-content: center;
            /* flex-direction: column; */
            height: 62.5vh;
        }
        div#section8 {
            margin-top: 10.7px;
        }
        
        .kokoflex {
            display: grid;
            grid-template-columns: 75% 25%;
            width: 83.4%;
            margin: auto;
            top: -70px;
            position: relative;
        }
        .rollitflex2 {
            top: 19px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }
        .im {
            width: 58.9%;
        }

    
    
        div#Our_partnership_with_KoKoRoZas {
            margin-top: -32.1px;
        }
    
        .btraclogo2 {
            width: 576.906px!important;
            position: relative;
            right: 0;
            transform-origin: right;
        }
        .btraclogo3 {
            width: 1036.906px;
            position: relative;
            right: 0;
            transform-origin: right;
        }
    
    
        #p3 {
            position: relative;
    
        }
        #p20 .container-fluid{
            position: relative;
                top: -10px;}
    
        .flexo {
            display: flex;
            top: 120px;
            /* padding-bottom: 190px; */
            position: relative;
            flex-flow: row wrap;
            justify-content: center;
            width: 100%;
            padding: 0;
            /* margin: 0; */
            margin-bottom: 240px;
            list-style: none;
        }
        #p11 {
            position: relative;
            top: 50px;
        }
    
        
        
        .products img {
            width: 40px;
            position: relative;
            top: -2.5px;
        }
        #p10 {
            position: relative;
    
        }
        #Group_271>img {
            width: 54%;
            top: 19.4px;
            left: 70px;
            position: relative;
        }
        .mapinfo {
            position: absolute;
            right: 21.5%;
            width: 15vw;
            top: 187.4px;
        }
        .p3 {
            margin-top: 50px;
        }
        .p33 {
            margin-top: 70px;
        }
    
        #p1, #p2 {
            margin-top: -52px;
        }
        .flex-item {
            width: 234.3px;
        }
    
    
        
    
        .text{font-size: 39.6px;}
        nav {
            z-index: 100;
            padding: 37.1px;
            padding-right:0;
            padding-left:0;
            height: 167px;
            background-color: white;
            position: fixed;
            top: -60px;
            position: fixed;
            width: 100%;
            /* border-bottom: 100px; */
        }
        
        .mapimage {
            height: 540.3px;
            top: 10px;
        }
      .dropdown {
            height: 10vh;
            width: 73.4%;
            display: flex;
            top: 28px;
            position: relative;
            justify-content: flex-end;
            align-items: left;
        }
       
    
        .lg {
            top: -240px;
            position: relative;
            display: inline;
        }
    
    
    
        .page-1 {
            z-index: 1;
            position: relative;
            top: 0px;
        }
    img.skill2 {
        width: 100%;
        max-width: 592px;
    
        top: -32px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
    img.skill {    height: 100%;
        width: 100%;
        max-width: 710px;
        top: -20px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
        }
      .flexit {
        top: 0;
        position: relative;
        display: flex;
        justify-content: center;
        }
        .flex-item2 {
            width: 298.1px;
        }
    .flex-item {
        width: 236.3px;
        }
        .flex-item>svg {
            width: 226px;
        }
      .flexo-item {
        width: 593px;
        height: 390px;
        }
        
        .flex-item2>img {
            width: 265.8px;
            z-index: 10;
        }
        .rollitflex {
            display: flex;
            width: 81.9%;
            top: 100px;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
         
        }
    
    
      
        .infocommune {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 71.2%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
    
        #myCarousel {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
       
        #myCarousel2 {
            transform: scale(1);
            position: relative;
            top: 280px;
            margin-bottom: 200px;
        }
        


    }
    


@media only screen and  (max-width:1500px){ 

    #p21 {
        margin-top: -150px;
        position: relative;
    }
    
}
@media only screen and (min-width:1355px) and (max-width:1375px){
    #p21 {
        margin-top: -220px;
        position: relative;
    }
    
    .thnlastlogo {
        width: 210px;
        top: 10px;
        right: -30px;
        position: relative;
    }.kokocaro.item {
    left: -2.9%;
    position: relative;
}
    img.d-block.w-100 {
        height: 351.9PX;
        width: 659.5px!important;
        position: relative;
        margin-left: 97px;
    }
}

@media only screen and (min-width: 1399px){



    
    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: 0;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: top;
        background-repeat: no-repeat;
    }
    
}

@media only screen and (min-width:1100px){
  


}
@media only screen and (max-width:1199px){
    #p3 {
        position: relative;
        margin-top: -60px;
    }
    .im {
        display:none;
    }
   



}

@media only screen and (min-width: 1499px){

    
    .imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: 0;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: top;
        background-repeat: no-repeat;
    }
    
    }


    @media only screen and (min-width:1520px) and (max-width:1670px) and  (min-height:800px) and (max-height:920px){
        .lsitem.im2 {
            width: 710px;
            margin-left: 0;
        }
        div#section8 {
            margin-top: -439.3px;
        }
        div#section2 {
            margin-top: -170px;
        }div#section4 {
            margin-top: -210px;
        }
       
        .white2 {
            position: absolute;
            width: 100%;
            height: 110%;
            background-color: white;
        }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
       .lsitem {
            width: 270px;
        }
    
    
    }
    @media only screen and (min-width:1520px) and (max-width:1670px) and (min-height:730px) and (max-height:799px){
        .who {
            width: 73%;
            margin: auto;
            height: 480px;
            left: -7px;
            top: -110px;
            position: relative;
        }    .lefts {
            width: 22.2%;
            /* height: 100%; */
            display: inline-block;
            left: -11px;
            position: relative;
            /* top: inherit; */
            top: -200.8px;
        }  #p21>p {
            left: 9px;
            top: 30px;
            font-size: 21.9px;
        }  form {
        width: 858px;
        top: 110px;
        left: -27px;
        transform: scale(0.7);
     }#p21 {
        margin-top: -790px;
        position: relative;
    }.im2 {
        left: -124px;
    }.leg {
        widtH: 100%;
        position: relative;
        top: -160px;
    }.lefts img {
        width: 201.2%;
        left: 6.5px;
        top: -73px;
        transform-origin: top;
        position: relative;
    }.lefts img {
        width: 204%;
    }
       
       
        .page000 {
            top: 40px;
        }.kokoro {
        height: 100vh;
        top: -130px;
        position: relative;
    }
    div#section8 {
        margin-top: -229.3px;
    }
        .white2 {
            position: absolute;
            width: 100%;
            height: 110%;
            background-color: white;
        }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
        .lsitem {
            width: 550px;
        }
        
    
    
    
    }

    @media only screen and (min-width:1520px) and (max-width:1670px) and (min-height:0px) and (max-height:729px){.imagediv {
        mix-blend-mode: multiply;
        background-image: url(A.jpg);
        /* height: 80vh; */
        width: 100%;
        top: -107px;
        position: relative;
        background-size: cover;
        height: 100vh;
        background-position: top;
        background-repeat: no-repeat;
    }#A_licensed_manpower_agency_in_ {
        Z-INDEX: 10;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.5%;
        top: 433px;
        position: absolute;
        overflow: visible;
        width: 1123px;
        white-space: nowrap;
        text-align: left;
        font-family: "Roboto Condensed", sans-serif;
        font-style: normal;
        font-weight: bold;
        line-height: 30px;
        font-size: 27.9px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
        form {
        width: 858px;
        top: 110px;
        left: -27px;
        transform: scale(0.7);
     }.im2 {
        left: -124px;
    }.leg {
        widtH: 100%;
        position: relative;
        top: -160px;
    }.lefts img {
        width: 201.2%;
        left: 6.5px;
        top: -73px;
        transform-origin: top;
        position: relative;
    }.lefts img {
        width: 204%;
    }
    #p21 {
        margin-top: -220px;
        position: relative;
    }
        .page000 {
            top: -20px;
        }.kokoro {
            height: 100vh;
            top: -200px;
            position: relative;
        }
    div#section8 {
        margin-top: -229.3px;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 113%;
        background-color: white;
    }
        .bgg2 {
            top: 0;
            z-index: 0;
            mix-blend-mode: luminosity;
            height: 100%;
            background: url(bak.jpg);
            position: relative;
        }
        .lsitem {
            width: 550px;
        }
        
    
    
    
    }
    @media only screen and  (min-width:2400px){ 
        .flex-item2 {
            width: 498.1px;
            left: 37.7px;
            height: 410px;
        }
        div#section6 {
            margin-top: -590px;
        }
       
        div#section5 {
            top: -440px;
        }
       
    
        
        .rights {
            display: inline-block;
            width: 70%;
            position: relative;
            left: 22.2%;
        }
        .lefts img {
            width: 245.9%;
            top: -68.3px;
            left: 7.3px;
            position: relative;
        }

        .leg {
            widtH: 100%;
            position: relative;
            top: -100px;
        }
        .lefts {
            width: 16%;
            /* height: 100%; */
            display: inline-block;
            left: -10px;
            position: relative;
            /* top: inherit; */
            /* top: -200px; */
            transform-origin: top;
        }
        .im1 img {
            transform: scale(1.5);
            transform-origin: left;
        }
        .im2 img,.im2 p {
    transform: scale(1.5);
    transform-origin: left;
}
.im2 p {top:30px;position:relative;}
.addrpara .lastpar {
    margin: 0!important;
    width: 59%;
    text-align: justify;
    top: 25px!important;
    position: relative;
}
.lsitem {
    width: 1140.9px;
}
.leg {
    width: 100%;
    position: relative;
    top: -100px;
}


    }


    
    @media only screen and (min-width:2000px){
        #p21>p {
            top: 42.3px;
            left: 9px;
            margin-bottom: 20px!important;
            font-size: -10.5px;
        }
       
        .who {
            width: 73%;
            margin: auto;
            height: 650px;
            left: -7px;
            top: 20px;
            position: relative;
        }

    }



    @media only screen and (min-width:2600px){
        .mapimage {
            transform: scale(1);
            transform-origin: left;
            top: 8.8px;
            margin: 0px 72px 0 0px;
            height: 1071.3px;
        }
        .flex-item2 {
            width: 558.1px;
            left: 37.7px;
            height: 410px;
        }
        #cont4 {
            height: 1960px;
            margin-top: -840px;
        }
        .infocommune {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            width: 73.1%;
            padding: 0;
            margin: auto;
            list-style: none;
        }
        
        #A_licensed_manpower_agency_in_ {
            Z-INDEX: 10;
            filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
            left: 13.5%;
            top: 937px;
            position: absolute;
            overflow: visible;
            width: 1123px;
            white-space: nowrap;
            text-align: left;
            font-family: "Roboto Condensed", sans-serif;
            font-style: normal;
            font-weight: bold;
            line-height: 30px;
            font-size: 48.9px;
            color: rgba(255,255,255,1);
            text-transform: uppercase;
        }
        }

        @media only screen and (max-width:1299px){

            div#section4 {
                margin-top: -120px;
            }


            #p21 {
                margin-top: -230px;
                position: relative;
            }
            .white2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
}
        }

        @media only screen and (min-width:1400px) and (max-width:1498px){

            .w-100 {
                /* width: 100%!important; */
                height: 509.1px;
                width: 900px!important;
            }
        }

       
  
       
       




    
    



@media only screen and (max-width: 500px){
    input[type=submit] {
        margin-left: -30px;
    }

    
   
    input[type=submit] {
        /* right: -60px; */
        background-color: #3D66AA;
        color: white;
        padding: 12px 20px;
        /* left: 240px; */
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    #section5 {
    height: 1660px!important;
    background-color: white;
    }
    .a span {
        font-size: 16.9px;
    }
    .midflex2 {
        /* display: flex; */
        top: 50px;
        position: relative;
        /* justify-content: center; */
        height: 289.8vh;
    }
    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    top: 60px;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 275vh;
    }
    
    .fp-controlArrow{
     display:none;
    }
    

    .kokocover {
        position: relative;
        margin-top: 10px;
        height: 720px;
        left: 0;
    }
    .mar {
        margin: auto;
        width: 100%;
        top: -340px;
        margin-left: 0;
        display: block;
    }
    .lsitem.im1 {
    padding-left: 10px;
    width: 340px;
    left: 0;
    }
    .leg {
        transform: scale(1);
        widtH: 100%;
        position: relative;
        top: 100px;
        left: -15px;
    }
    .im2 {
        width: 60%;
        left: 34.5%;
        position: relative;
    }

    .addrpara .lastpar {
        margin: 0!important;
        width: 124.4%;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }
    .thnlastlogo {
        width: 190px;
        left: 0;
        top: 5.7px;
        position: relative;
    }
	.mapimage {
    top: 0px;
    height: 584.5px;
    }
	div#section2 {
    margin-top: 690px;
    }
	.flex-item>svg {
    width: 250px;
    }
    #cont4 {
    height: 2810px;
    }
    div#section1 {
    margin-top: 140px;
    }

    .go555 {
    height: 100vh;
    margin-top: 873px;
    }

    .projects ul, .products ul {
    left: -217.6px;
    width: 290px;
    }
    div#section8 {
    margin-top: -49.3px;
    }
	.flei.phoneem {
		
    width: 360px;
    }
.mapinfo2 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -260px;
    position: relative;
    }
    div#section4 {
        margin-top: -110px;
    }
    .go555 {
        height: 100vh;
        margin-top: 383px;
    }
    div#section6 {
        height: 2330px!important;
        margin-top: 160px;
    }

    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 320px;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    html #p10 p {
        font-size: 17.7px!important;
        left: 2.2%;
        top: 25.8px;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        top: 20px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -34.4%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 361.2vh;
    }
    .kokoro {
        height: 160vh;
        top: -131px;
        position: relative;
    }
    .rollitflex {
        top: 20px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }

   
}

@media only screen and (max-width: 460px){
#p222 {
    height: 1570px;
}
}




@media only screen and  (min-width:1500px) and (max-width:1580px){
   
        .white2 {
            position: absolute;
            width: 100%;
            height: 124%;
            background-color: white;
        } 
    div#section8 {
        margin-top: -222.3px;
    }
.flexlast {
    width: 100%;
    margin: auto;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    flex-flow: row wrap;
}}



@media only screen and (max-width:1099px){

    form {
        top: 90px;
        width: 961.5px;
        left: -238.6px;
    }
    #p21 {
        margin-top: -1430px;
        position: relative;
    }
    .kokocover {
        position: relative;
        top: 310px;
        height: 720px;
        left: 0px;
    }

    div#section4 {
        margin-top: -500px;
    }
    

}
@media only screen and (max-width:799px){
    
    .kokocover {
        position: relative;
        top: 10px;
        height: 720px;
        left: 0px;
    }
    #p21 {
        margin-top: -1100px;
        position: relative;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 160%;
        background-color: white;
    }

    div#section4 {
        margin-top: -700px;
    }

}




@media only screen and (max-width:730px){
    form {
        width: 555.1px;
        left: -96.8px;
        top: 170px;
        transform: scale(0.8);
    }
    .cardholder2 {
        margin-top: 30px;
        margin-left: -5.8px;
        position: relative;
        left:0;
    }

    
  

    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        MARGIN-TOP: -160PX;
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }
    .leg {
        transform: scale(1.2);
        widtH: 100%;
        position: relative;
        top: 320px;
        left: -45px;
    }
    .rights {
        display: inline-block;
        width: 70%;
        top: -62.3px;
        position: relative;
        left: 56.8px;
    }   
    .lefts img {
        width: 230%;
        left: 20px;
        left: -12px;
        top: 80px;
    }
    img.d-block.w-100 {
        height: 199px;
        width: 301.7px!important;
    }
   
    .kokocover {
    position: relative;
    top: 70px;
    height: 720px;
    left: 0px;
    }
    .page-10 {
        padding-top: 0;
        top: 0px;
    }
    #p10 {
        margin-top: -1570px;
        position: relative;
    }

    
    .flex-item2>img {
        width: 280px;
    }
    .flex-item2 {
        width: 280px;
    }

    #A_licensed_manpower_agency_in_ {
        /* Z-INDEX: 10; */
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.6%;
        top: 66.9%;
        position: absolute;
        overflow: visible;
        width: 530px;
        white-space: normal;
        text-align: left;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34.5px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    div#section4 {
        margin-top: -690px;
    }
    .pageit {
        height: 210vh;
        margin-top: -210px;
    }
    div#section4 {
        margin-top: -820px;
    }
    #p21 {
        margin-top: -520px;
        position: relative;
    }


    .white2 {
        position: absolute;
        width: 100%;
        height: 160%;
        background-color: white;
    }

    .thnlastlogo {
        width: 190px;
        left: 0;
        top: 5.7px;
        position: relative;
    }
    .lsitem.im1 {
        padding-left: 10px;
        width: 340px;
        left: 120.5px;
    }

    .lefts {
        width: 37.6%;
        /* height: 100%; */
        display: inline-block;
        left: 16px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }
    div#section9 {
        margin-top: 670px;
    }
    .col-xsm-12>img {
        width: 70%;
        top: 50%;
        margin-top: -15%;
        overflow: hidden;
        position: relative;
        left: 46.6%;
        top: 221px;
        margin-left: -29%;
    }

    .rollitflex2 {
        top: 119px;
        padding-left: 0;
        margin-left: 60px;
    }
    .hodl {
        height: 130vh;
        position: relative;
        margin-top: -381.9px;
    }
    

    .white {
        position: absolute;
        width: 100%;
        height: 130%;
        background-color: white;
    }

    div#section8 {
        margin-top: -489.3px;
    }
    .mar {
        POSITION: RELATIVE;
        display: block;
        margin-left: 190px;
        TOP: -1000PX;
    }
    .flex-item3 {
        width: 300px;
        height: 200px;
    }
    .flex-item3>img {
        width: 260px;
        left: 0;
        position: relative;
        height: 210px;
    }
    .kokoro {
        height: 100vh;
        top: 639px;
        position: relative;
    }
    div#p5555 {
        MARGIN-TOP: 841PX;
    }
    input[type=submit] {
        width: 35.8%;
    }
    
    #p21 {
        margin-top: -340px;
        position: relative;
    }

    .im2 {
        width: 80%;
        left: 140px;
        position: relative;
    }
    .lefts {
        width: 41.7%;
        /* height: 100%; */
        display: inline-block;
        left: 16px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }
    .addrpara .lastpar {
        margin: 0!important;
        width: 62%;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }

    .go555 {
        height: 100vh;
        margin-top: 2110px;
    }
    
    .kokocover {
        position: relative;
        top: 360px;
        height: 720px;
        left: 0px;
    }
    html #p10 p {
        font-size: 17.7px!important;
        left: 0.9%;
        top: 265.8px;
    }
    .mar {
        POSITION: RELATIVE;
        display: block;
        margin-left: 120px;
        TOP: -330PX;
    }
    .rollitflex2 {
        top: 29px;
        padding-left: 0;
        margin-left: 50px;
    }

    a.anchor {
        display: block;
        position: relative;
        top: -70px;
        visibility: hidden;
    }

   

    


    
    div#section8 {
        height: 1700px!important;
        /* background-color: white; */
    }

    .conflexitem>p {
        font-size: 17.2px!important;
        text-align: justify;
        left: 0;
        position: relative;
    }


    .rollitflex {
        top: 100px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
      
        overflow: scroll;
    }
    div#section6 {
        height: 1280px!important;
    }

    div#section6 {
        height: 1280px!important;
        margin-top: -480px;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        MARGIN-TOP: -160PX;
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }

    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 61.2vh;
    }
 
    #cont4 {
        height: 2830px;
    }

    .go555 {
        height: 100vh;
        margin-top: 890px;
    }
    .mySection {
   
        top: -2px;
    }
    .rollitflex {
        top: 30px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }
    .text.a {
        font-size: 34px;
    }
    .mapimage {
        height: 764.5px;
        top: 0px;
    }
   
    
 #hee{
        height: 1590px!important; 
    }

    .bgg {
        top: 0;
        z-index: 0;
        /* mix-blend-mode: luminosity; */
        height: 100%;
        background: url(bak.jpg) ;

        position: relative;
   
    }   
    .mapimage {
        height: 654.5px;
    }
 
    
}
@media only screen and (min-width:790px) and (max-width:850px){

    
    div#section4 {
        margin-top: -830px;
    }
    .white2 {
        position: absolute;
        width: 100%;
        height: 150%;
        background-color: white;
    }
    .leg {
        widtH: 100%;
        position: relative;
        top: -20px;
    }
    form {
        width: 518.9px;
        top: 150px;
        left: -70.2px;
        transform: scale(1);
    }
   
    
    #p3 p {
        top: 60px;
       left: 0px; 
 
    }
    .container-fluid {
        width: 100%;
        left: -4.7%;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .conflexitem>p {
        font-size: 16.1px!important;
        text-align: justify;
        left: 22.3px;
        position: relative;
    }
    .hodl {
        height: 140vh;
        position: relative;
        margin-top: -1080.9px;
    }
    
    #A_licensed_manpower_agency_in_ {
        /* Z-INDEX: 10; */
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
        left: 13.4%;
        top: 76.1%;
        position: absolute;
        overflow: visible;
        width: 617.9px;
        white-space: normal;
        text-align: left;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 26.5px;
        color: rgba(255,255,255,1);
        text-transform: uppercase;
    }
    .col-xsm-12>img {
        width: 71.9%;
        top: 50%;
        margin-top: -15%;
        overflow: hidden;
        position: relative;
        left: 340px;
        top: 231px;
        margin-left: -29%;
    }
    div#section9 {
        margin-top: 1160px;
    }
 
    
    html #p10 p {
        font-size: 15.4px!important;
        left: 0.9%;
        top: 272.9px;
    }
    img.d-block.w-100 {
        height: 360px;
        width: 520px!important;
    }
    .kokoflex {
        display: grid;
        grid-template-columns: 100%;
        width: 81.4%;
        margin: auto;
        top: 130px;
        height: 1290px;
        position: relative;
    }
    div#section4 {
        margin-top: -540px;
    }
    div#section6 {
        margin-top: -421px;
    }
    #p10 {
        margin-top: -500px;
        position: relative;
    }
    
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 258.2px;
    }
    #p3 {
        position: relative;
        margin-top: 40px;
    }

    
    #p21 {
        margin-top: -1230px;
        position: relative;
    }
    .lsitem.im1 {
        padding-left: 10px;
        width: 130px;
        left: 0.5px;
    }
    .im2 {
        width: 80%;
        left: 14.7px;
        position: relative;
    }
    .flexlast {
        top: 110px;
        left: 3.8px;
        position: relative;
    }
   
    .bgg {
        top: 0;
        z-index: 0;
        /* mix-blend-mode: luminosity; */
        height: 100%;}
        #p5555 {
            height: 332.5vh;
        }

    div#section8 {
        margin-top: -549.3px;
    }

    .mar {
        POSITION: RELATIVE;
        display: block;
        TOP: -770PX;
        margin-left: 240px;
    }
    #p21 {
        margin-top: -920px;
        position: relative;
    }
    .addrpara .lastpar {
        margin: 0!important;
        width: 108%;
        left: 0;
        text-align: justify;
        top: 5.8px!important;
    }

    .cardholder2 {
        margin-top: 30px;
        margin-left: 30px;
        position: relative;
    }
}

@media only screen and (max-width: 600px){
    .text.a {
        font-size: -6px;
    }
    div#section4 {
        margin-top: -740px;
    }
    .mapimage {
        height: 524.5px;
    }

    .text.a {
        font-size: 26.3px;
    }

    .pageit {
        height: 210vh;
        margin-top: -150px;
    }
    input[type=submit] {
        margin-left: -30px;
    }

    
   
    input[type=submit] {
        /* right: -60px; */
        background-color: #3D66AA;
        color: white;
        padding: 12px 20px;
        /* left: 240px; */
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    #section5 {
    height: 1660px!important;
    background-color: white;
    }
    .a span {
        font-size: 18.9px;
    }
    .midflex2 {
        /* display: flex; */
        top: 50px;
        position: relative;
        /* justify-content: center; */
        height: 289.8vh;
    }
    .imge3 {
    /* margin: auto; */
    width: 70%;
    align-items: center;
    /* display: flex; */
    position: relative;
    top: 60px;
    left: 50%;
    margin-left: -35.1%;
    /* justify-content: center; */
    align-content: center;
    /* flex-direction: column; */
    height: 275vh;
    }
    
    .fp-controlArrow{
     display:none;
    }
    

    .kokocover {
        position: relative;
        margin-top: 10px;
        height: 720px;
        left: 0;
    }
    .mar {
        margin: auto;
        width: 100%;
        top: -340px;
        margin-left: 0;
        display: block;
    }
    .lsitem.im1 {
    padding-left: 10px;
    width: 340px;
    left: 0;
    }
    .leg {
        transform: scale(1);
        widtH: 100%;
        position: relative;
        top: 100px;
        left: -15px;
    }
    .im2 {
        width: 60%;
        left: 34.5%;
        position: relative;
    }

    .addrpara .lastpar {
        margin: 0!important;
        width: 124.4%;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }
    .thnlastlogo {
        width: 190px;
        left: 0;
        top: 5.7px;
        position: relative;
    }
	.mapimage {
    top: 0px;
    height: 584.5px;
    }
	div#section2 {
    margin-top: 690px;
    }
    .flex-item>svg {
        width: 306px;
        left: 13px;
        position: relative;
    }
    #cont4 {
    height: 2810px;
    }
    div#section1 {
    margin-top: 140px;
    }

    .go555 {
    height: 100vh;
    margin-top: 873px;
    }

    .projects ul, .products ul {
    left: -217.6px;
    width: 290px;
    }
    div#section8 {
        margin-top: -509.3px;
    }
	.flei.phoneem {
		
    width: 360px;
    }
    .mapinfo2 {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: -272px;
        position: relative;
    }
    div#section4 {
        margin-top: -110px;
    }
    .go555 {
        height: 100vh;
        margin-top: 383px;
    }
    div#section6 {
        height: 2330px!important;
        margin-top: 160px;
    }

    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 320px;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    html #p10 p {
        font-size: 17.7px!important;
        left: 2.2%;
        top: 25.8px;
    }
    .imge2 {
        /* margin: auto; */
        width: 70%;
        top: 20px;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -34.4%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 361.2vh;
    }
    .kokoro {
        height: 160vh;
        top: -131px;
        position: relative;
    }
    .rollitflex {
        top: 20px;
        display: flex;
        width: 80%;
        justify-content: center;
        flex-flow: row wrap;
        margin: auto;
        position: relative;
        overflow: scroll;
    }

    img.d-block.w-100 {
        height: 190px;
        width: 270px!important;
    }
}
@media only screen and (max-width: 600px){
html #p10 p {
    font-size: 17.7px!important;
    left: 2.2%;
    top: -24.2px;
}

}


 @media only screen and (min-width:2500px) and (max-height:1450px){
 .bgg2 {
    top: 0;
    z-index: 0;
    mix-blend-mode: luminosity;
    height: 100%;
    background: url(bak.jpg);
    position: relative;
}

}
 @media only screen and (min-width:2500px) and (max-height:1290px){
    
    #p5555 {
        top: -170px;
        position: relative;
        height: 140vh;
    } #p3 {
        margin-top: 510px;
        position: relative;
    }.hodl {
        height: 100vh;
        position: relative;
        top: 89.1px;
    }#p21 {
        margin-top: -560px;
        position: relative;
    }
    #cont4 {
        height: 1760px;
        top: -90px;
        position: relative;
    } div#section2 {

        top: 30px;
    } img.skill {
        width: 100%;
        height: 100%;
        max-width: 920px;
        top: 41px;
        /* padding: 50px 70px 0 70px; */
        position: relative;
    }
    .pageit {
        margin-top: -10px;
        position: relative;
    }

 }
 @media only screen and (max-width:810px) and (min-height:1260px){
    .imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 208.2px;
    }
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 120PX;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }.imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 16.7vh;
    }
    div#section9 {
        height: 690px!important;
    }.im2 {
        width: 80%;
        left: 9px;
        position: relative;
    }   div#section6 {
        margin-top: -781px;
    } .kokoro {
        height: 100vh;
        top: 810px;
        position: relative;
    }
    div#section4 {
        margin-top: -1320px;
    }
    .pageit {
        margin-top: -550px;
        height: 210vh;
    }
    .projects ul, .products ul {
        left: -100px;
        width: 290px;
    } .leg {
        transform: scale(1);
        widtH: 100%;
        position: relative;
        top: 100px;
        left: 15px;
    }  #p21>p {
        left: 15.4px;
        width: 75.3%;
        font-size: 18.3px;
        top: 30px;
    } html #p10 p {
        font-size: 17.7px!important;
        margin-left: 14.7%!important;
        top: -164.2px;
        left: -10px;
    }.mar {
        POSITION: RELATIVE;
        display: block;
        TOP: -760PX;
        left: 0;
    }.kokocover {
        position: relative;
        top: -320px;
        height: 720px;
        left: -10px;
    } .conflexitem>p {
        font-size: 17.2px!important;
        text-align: justify;
        left: 36px;
        position: relative;
        width: 86.6%;
    }  .thnlastlogo {
        width: 270px;
        left: 0;
        top: 5.7px;
        position: relative;
    }.lsitem.im1>img {
        width: 580px;
        padding-left: 14.7px;
    }form {
        top: 210px;
        width: 593.3px;
        left: -71.7px;
        transform: scale(1);
    }div#section8 {
        margin-top: -889.3px;
    }    .white2 {
        position: absolute;
        width: 100%;
        height: 126%;
        background-color: white;
    } .lefts {
        width: 48.5%;
        /* height: 100%; */
        display: inline-block;
        left: 65.8px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }.flex-item3 {
        width: 300px;
        height: 310px;
    }.bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    }.flex-item3>img {
        width: 280px;
        left: 1.9px;
        position: relative;
        height: 290px;
    }.addrpara .lastpar {
        margin: 0!important;
        width: 100.6%;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }
    .lsitem.im1 {
        padding-left: 10px;
        width: 340px;
        left: -12.5px;
    }div#section9 {
        margin-top: -2428px;
    }
    .lsitem.im1>img {
        padding-left: 14.7px;
    }  .thnlastlogo {
        width: 290px;
        left: 0;
        top: 5.7px;
        position: relative;
    } #p21 {
        margin-top: -590px;
        position: relative;
    }.hodl {
        height: 130vh;
        position: relative;
        margin-top: 0;
    }
    .fp-controlArrow.fp-next {
        right: 2%;}


        .fp-controlArrow.fp-prev {
            left: 2%;  }
            
            
            img.d-block.w-100 {
                height: 370px;
                width: 568.5px!important;
            }
        
        .heightmask {
        position: relative;
        overflow-y: scroll;
        width: 100%;
        height: 89.2vh;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }#p3 {
        position: relative;
        margin-top: -170px;
    }   .page-10 {
        padding-top: 0;
        top: -20px;
    }#p10 {
        margin-top: -1690px;
        position: relative;
    }
    
    .w3{
        position: absolute;
        width: 100%;
        height: 250vh;
        background-color: white;
    }
    .w4 {
        position: absolute;
        width: 100%;
        height: 190%;
        background-color: white;
    }

    .w5 {
        position: absolute;
        width: 100%;
        height: 190%;
        background-color: white;
    }
    .w6 {
        position: absolute;
        width: 100%;
        height: 420%;
        background-color: white;
    } 

 }
 
 @media only screen and (max-width:780px) and (min-height:1015px){
     .bgg2 {
    top: 0;
    z-index: 0;
    mix-blend-mode: luminosity;
    height: 100%;
    background: url(bak.jpg);
    position: relative;
    }
    .w3{
        position: absolute;
        width: 100%;
        height: 250vh;
        background-color: white;
    }
    .w4 {
        position: absolute;
        width: 100%;
        height: 190%;
        background-color: white;
    }

    .w5 {
        position: absolute;
        width: 100%;
        height: 190%;
        background-color: white;
    }
    .w6 {
        position: absolute;
        width: 100%;
        height: 420%;
        background-color: white;
    } 
    .projects ul, .products ul {
        left: -100px;
        width: 290px;
    } .leg {
        transform: scale(1);
        widtH: 100%;
        position: relative;
        top: 100px;
        left: 15px;
    }  #p21>p {
        left: 15.4px;
        width: 75.3%;
        font-size: 18.3px;
        top: 30px;
    }  html #p10 p {
        font-size: 17.7px!important;
        margin-left: 14.7%!important;
        top: -34.2px;
        left: 0;
    } .conflexitem>p {
        font-size: 17.2px!important;
        text-align: justify;
        left: 36px;
        position: relative;
        width: 86.6%;
    }  .thnlastlogo {
        width: 270px;
        left: 0;
        top: 5.7px;
        position: relative;
    }.lsitem.im1>img {
        width: 580px;
        padding-left: 14.7px;
    } form {
        top: 210px;
        width: 562.2px;
        left: -41.7px;
    transform: scale(1);
    }.mar {
        POSITION: RELATIVE;
        display: block;
        TOP: -1000PX;
        left: 0;
    } .white2 {
        position: absolute;
        width: 100%;
        height: 146%;
        background-color: white;
    } .lefts {
        width: 44%;
        /* height: 100%; */
        display: inline-block;
        left: 16px;
        position: relative;
        /* top: inherit; */
        top: 20px;
    }.addrpara .lastpar {
        margin: 0!important;
        width: 100.6%;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }
    .lsitem.im1 {
        padding-left: 10px;
        width: 340px;
        left: 30.5px;
    }
    .lsitem.im1>img {
        padding-left: 14.7px;
    }  .thnlastlogo {
        width: 190px;
        left: 0;
        top: 5.7px;
        position: relative;
    } #p21 {
        margin-top: -1290px;
        position: relative;
    } .hodl {
        height: 130vh;
        position: relative;
        margin-top: -1271.9px;
    }
    .fp-controlArrow.fp-next {
        right: 2%;}
        .fp-controlArrow.fp-prev {
            left: 2%;  }
        
        .heightmask {
        position: relative;
        overflow-y: scroll;
        width: 100%;
        height: 89.2vh;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }#p3 {
        position: relative;
        margin-top: -170px;
    }   .page-10 {
        padding-top: 0;
        top: -20px;
    }#p10 {
        margin-top: -1580px;
        position: relative;
    }

 }

@media only screen and (max-width:650px) and (min-height:350px){
    #p222 {
        height: 350vh;
    } .bgg2 {
        top: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        height: 100%;
        background: url(bak.jpg);
        position: relative;
    } .white2 {
        position: absolute;
        width: 100%;
        height: 410%;
        background-color: white;
    }  #p21 {
        margin-top: -280px;
        position: relative;
    }.text.a {
        font-size: 25.9px;
    }.hodl {
        height: 200vh;
        position: relative;
        margin-top: -1051.9px;
    } .flex-item3 {
        width: 230px;
        height: 210px;
    } div#p5555 {
        MARGIN-TOP: -29PX;
    } .kokoro {
        height: 640vh;
        top: 639px;
        position: relative;
    } .white {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: white;
    } 
    img.d-block.w-100 {
        height: 269px;
        width: 451.7px!important;
    }.imge3 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        top: -40px;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 75vh;
    }div#Our_partnership_with_KoKoRoZas {
        margin-top: -242.1px;
    }.kokocover {
        position: relative;
        top: 290px;
        height: 720px;
        margin-left: 55px;
    }.mar {
        POSITION: RELATIVE;
        display: block;
        margin-left: 170px;
        TOP: -1060PX;
    }
    .fp-controlArrow {
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        position: absolute;
        z-index: 4;
        top: 106.6px;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -38px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    } 
     div#section4 {
        margin-top: 520px;
    }div#section6 {
        height: 1280px!important;
        margin-top: 90px;
    }#p3 p {
        font-size: 15.2px;
        top: 50px;
    }.imge2 {
        /* margin: auto; */
        width: 70%;
        align-items: center;
        /* display: flex; */
        position: relative;
        left: 50%;
        margin-left: -35.1%;
        /* justify-content: center; */
        align-content: center;
        /* flex-direction: column; */
        height: 205.9vh;
    }
 #A_licensed_manpower_agency_in_ {
    /* Z-INDEX: 10; */
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    left: 13.6%;
    top: 74.5%;
    position: absolute;
    overflow: visible;
    width: 530px;
    white-space: normal;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14.5px;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
}div#section1 {
    margin-top: 60px;
}.pageit {
    height: 210vh;
    margin-top: 758px;
}

 }

 @media only screen and (max-width:1100px) {
 #fullpage, #section10{display:none;}

 }
 @media only screen and (max-width:599px) {



    
    img.d-block.w-100 {
        height: 60%;
        width: 100%!important;
    } form {
        width: 100%;
        left: 0;
        top: 0;
        transform: scale(.8);
    }.flexlast {
        top: 0;
        width: 275px;
        position: relative;
    }.lsitem.im1 {
        padding-left: 0;
        width: 320px;
        left: 0;
    }.im2 {
        width: 60%;
        left: 0;
        position: relative;
    }.tobe {
        margin-top: 37px;
        position: relative;
    }.leg {
        transform: scale(1);
        widtH: 76%;
        margin: auto;
        position: relative;
        top: 0;
        left: 0;
        height: 330px;
    }.lsitem.im1>img {
        width: 100%;
        padding-left: 0px;
    }.addrpara .lastpar {
        margin: 0!important;
        width: 270px;
        left: 0;
        text-align: justify;
        top: 15px!important;
    }form {
 
    margin: 0px auto;
}.mapinfo3 {
    padding-bottom: 0px;
}

#conact{margin-top:15px;}

 }
 .bgg10 {
    top: 0;
    z-index: 0;
  

 
    background-color: white;
    background: url(bak2.jpg) ;
    


    position:relative;
}

.mapimage4 {
    position: relative;
    margin: 0px 0px 0 0px;
    background-image: url(includess/mapit2.svg);
    background-repeat: no-repeat;
    padding-top: 81%;
}
  .mapinfo2 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -70px;
    position: relative;
  
}.mapinfo3 { 
    padding: 70px; padding-bottom:20px;
}.rollitflexe {
    top: 20px;

    width: 100%;
    justify-content: center;
    flex-flow: row wrap;
    margin: auto;
    position: relative;
    overflow: scroll;
}.imagediv5 {
    mix-blend-mode: multiply;
    background-image: url(A.jpg);
    /* height: 80vh; */
    width: 100%;
    top: 0;
    position: relative;
    background-size: cover;
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
}p.par1 {
    font-size: 24px;
    text-align: justify;
    top: 20px;
    left: 3px;
    position: relative;
    width: 73.5%;
    margin: auto !important;
    white-space: wrap;
    text-align: justify;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(0,84,165,1);
}

p.texto {
    font-size: 24px;
    text-align: justify;
    top: 20px;
    left: 3px;
    text-align: justify;
    position: relative;
    width: 73.5%;
    margin: auto !important;
    white-space: wrap;
    text-align: justify;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(0,84,165,1);
}

p.conf {
    font-size: 24px;
    text-align: justify;
    top: 20px;
    left: 3px;
    position: relative;
    width: 72.5%;
    text-align: justify;
    margin: auto !important;
    white-space: wrap;
    text-align: justify;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    color: rgba(0,84,165,1);
}

p.conto {
    font-size: 24px;
    text-align: justify;
    top: 20px;
    left: -6px;
    position: relative;
    width: 70.5%;
    text-align: justify;
    margin: auto !important;
    white-space: wrap;
    text-align: justify;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: rgba(0,84,165,1);
}


  .boody {
    position: relative;
    height: 100%;
  }

  .boody {

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
 
    margin: 0;
    padding: 0;
  }

  .swiper-container {
    width: 100%;
    height: 100%;
 overflow: visible!important;
  } 

  .swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  @media only screen and (min-width:600px) {

    
    
     }

@media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:1070px) and (max-height:1090px){
    .hodl {
        height: 100vh;
        position: relative;
        top: -202.9px;
    }

        #cont4 {
            height: 1760px;
            top: -260px;
            position: relative;
        }#p21 {
            margin-top: -360px;
            position: relative;
        }.rollitflex2 {
            top: 56px;
            display: flex;
            width: 80%;
            align-content: top;
            justify-content: center;
            flex-flow: row wrap;
            margin: auto;
            position: relative;
            /* height: 1475px; */
            overflow: scroll;
            overflow: -moz-scrollbars-none;
            -ms-overflow-style: none;
        }

    }


    @media only screen and (min-width:1700px) and (max-width:1999px) and (min-height:1000px) and (max-height:1069px){
        #p3 {
            margin-top: -370px;
            position: relative;
        }
        .rollitflex {
            top: 50px;}

        #cont4 {
        height: 1760px;
        top: -190px;
        position: relative;
        }
    }