/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  } */
  
  .card_design {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    margin-top: -190px;
  }
  
  .card {
    background-color: #bfbbbb;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #bbb;
    display: -webkit-box;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }
  
  .left_align {
    width: 18vw;
    overflow: hidden;
    border-radius: 5px;
  }
  
  .left_align img {
    width: inherit;
    object-fit: cover;
    transform: scale(2.3);
  }
  
  .right_align .contact {
    display: flex;
    gap: 1rem;
    margin-right: 1rem;
  }
  
  .form, .address {
    display: flex;
    flex-direction: column;
    padding: 1rem 0 0;
  }
  
  .form input, textarea {
    width: 100%;
    outline: none;
    background: none;
    border: none;
    border-bottom: 2px solid #000;
    padding: 10px 0;
    margin: 5px 0;
  }

  
  
  .usersubmit input {
    background-color: #f25;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    width: min-content;
    padding: 15px;
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.3s;
  }
  
  .usersubmit input:hover {
    background-color: #f45;
  }
  
  .address {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  
  h4 {
    margin-bottom: 5px;
  }
  
  @media screen and (max-width: 700px) {
    .card {
      flex-direction: column;
    }
    
    .left_align {
      width: 60vw;
      height: 40vh;
    }
  }
  
  @media screen and (max-width: 350px) {
    .card_design {
      overflow: hidden;
    }
    .left_align {
      height: 20vh;
    }
    .contact {
      flex-direction: column;
    }
  }

  .card__apply {
    grid-row: 4/5;
    align-self: center;
  }
  .backimgset{
  background-image: url();
  }


  /* about section */

  .Best {
    
    padding-top:90px;

}

.Best .titlepage {
    text-align: center;
    padding-bottom: 60px;
}
/* .Best .titlepage h2::before {
    position: absolute;
content: "";
background: #ebbf60;
border-radius: 20px;
width: 20px;
height: 20px;
top: 15px;
margin-left: -37px;
} */

/* .Best .titlepage h2::after {
    position: absolute;
content: "";
background: #ebbf60;
border-radius: 20px;
width: 20px;
height: 20px;
top: 15px;
margin-left: 15px;
} */


.best_text p {
    font-size: 17px;
    line-height: 28px;
    color: #595959;
    padding-bottom: 50px;
}

.best_text a {
background: #000;
border: #ebbf60 solid 3px;
width: 190px;
padding: 12px 0;
font-weight: 500;
font-size: 17px;
line-height: 30px;
color: #fff;
border-radius: 27px;
text-align: center;
float: right;
}

.best_text a:hover {
    background: #f2740d;
    color: #fff;
}

.best_img {
   text-align: center;
}
.best_img::after {
position: absolute;
content: "";
width: 1269px;
height: 1232px;
background: url(images/blog/Rectangle\ 8.png);
top: -55px;
left: -157%;
right: 40px;
background-repeat: no-repeat;
}
.best_img figure {
    margin: 0;
}

.best_img figure img {
    width: 100%;
    border: #eec668 solid 31px;
    border-radius: 258px;
}

.best_img h4 {
  color: #fff;
bottom: 74px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
font-size: 20px;
}

.flot_left a { float: left; }

.best_main {
   margin-bottom: 136px;
}

.croos_rt::after {
position: absolute;
content: "";
width: 1269px;
height: 1232px;
background: url(images/blog/Rectangle8.png);
top: -5px;
left: -80px;
background-repeat: no-repeat;
}

.best_img.croos_rt {
   margin-top: 80px;
}


.d_none {
position: inherit;
}
.d_none {margin-top: 80px;}
.d_none::after {
   position: inherit;
}

.pa_bot {margin-bottom: 0;}

/** end about section **/


/** contact section **/
.contact {
    padding-top: 90px;  
}

.titlepage {
    text-align: center;
    padding-bottom: 50px;
}
.titlepage h2 {
    font-weight: bold;
    color: #2d2e2e;
    line-height: 46px;
    font-size: 40px;
    padding-bottom: 20px;
}

.titlepage p {
 color: #1d1d1d;
 font-size: 16px;
 line-height: 28px;
}

.contact .contact {
    background: #fff;
width: 100%;
height: 100%;
padding: 36px;
border-radius: 30px;
border: #eec668 solid 7px;
}
.contact .contact .contactus {
    border: #000 solid 1px;
padding: 0px 0px 12px 0px;
margin-bottom: 30px;
border-radius: inherit;
color: #000;
width: 100%;
border-top: inherit;
border-right: inherit;
border-left: inherit;
font-size: 17px;
line-height: 18px;
}
.contact .contact .textarea {
    margin-bottom: 25px;
   padding: 15px 0px;
   border: transparent;
    color: #000 !important;
    width: 100%;
  font-size: 17px;
line-height: 18px;
    border-radius: inherit;
    border: #000 solid 1px;
border-top: inherit;

border-right: inherit;

border-left: inherit;
}
.contact .contact .send {
    font-size: 16px;

    background-color: #000;
    color: #fff;
    padding: 10px 60px;
    margin: 0 auto;
  border-radius: 30px;
display: block;
}
.contact .contact .send:hover {
    background-color: #f2740d;

    color: #fff;
}
.rable-box figure {
   margin: 0px;
}
.rable-box figure img {
   width: 100%;
}

/* end */


.about-bg {
  background-color: #ad2100;
  margin-bottom: 90px;
}
.about-bg .abouttitle h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding: 40px 0;
  font-weight: 500;
  text-align: center;
}
.Currency-bg {
  background-color: #ad2100;
}
.Currency-bg .abouttitle h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding: 40px 0;
  font-weight: 500;
  text-align: center;
}
.Request-bg {
  background-color: #ad2100;
}
.Request-bg .abouttitle h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding: 40px 0;
  font-weight: 500;
  text-align: center;
}
.Team-bg {
  background-color: #ad2100;
}
.Team-bg .abouttitle h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  padding: 40px 0;
  font-weight: 500;
  text-align: center;
}

.contact {
  padding-top: 17px;  
}

.titlepage {
  text-align: center;
  padding-bottom: 50px;
}
.titlepage h2 {
  font-weight: bold;
  color: #d3dbdb;;
  line-height: 46px;
  font-size: 40px;
  padding-bottom: 20px;
}

.titlepage p {
color: #b0acac;
font-size: 16px;
line-height: 28px;
}

.contact .contact {
  background: #fff;
width: 100%;
height: 100%;
padding: 36px;
border-radius: 30px;
border: #eec668 solid 7px;
}
.contact .contact .contactus {
  border: #000 solid 1px;
padding: 0px 0px 12px 0px;
margin-bottom: 30px;
border-radius: inherit;
color: #000;
width: 100%;
border-top: inherit;
border-right: inherit;
border-left: inherit;
font-size: 17px;
line-height: 18px;
}
.contact .contact .textarea {
  margin-bottom: 25px;
 padding: 15px 0px;
 border: transparent;
  color: #000 !important;
  width: 100%;
font-size: 17px;
line-height: 18px;
  border-radius: inherit;
  border: #000 solid 1px;
border-top: inherit;

border-right: inherit;

border-left: inherit;
}
.contact .contact .send {
  font-size: 16px;

  background-color: #000;
  color: #fff;
  padding: 10px 60px;
  margin: 0 auto;
border-radius: 30px;
display: block;
}
.contact .contact .send:hover {
  background-color: #f2740d;

  color: #fff;
}
.rable-box figure {
 margin: 0px;
}
.rable-box figure img {
 width: 100%;
}
.do-legacy-box .do-img-bg {
  background: url(images/blog/MicrosoftTeams-image\ \(9\).png);
  background-size: cover;
  background-position: left bottom;
  min-height: 337px;
  height: 100%;
}
.do-content-block {
  width: 100%;
  margin: 0 auto;
  color: #a8a7aa;
  padding: 0 60px 60px;
}
section p {
  color: #a8a7aa;
  font-size: 18px;
}
.do-cmd-message h4 {
  font-size: 20px;
  font-family: PTSans;
  font-weight: normal;
  font-size: 30px;
  color: #a8a7aa;
  margin: 10px 0 30px;
}
.img-height{
   height: 500px;
}