/* ----------------- STYLE INDEX--------------------
  0. Home Page Style
  1. English Editing Page Style
  2. English Proofreading Page Style 
  3. English Translation Page Style 
  4. Interpretation Page Style
  5. HR Service Page Style 
  6. Price List Page Style 
  7. Wanted Editor Page Style 
  8. About Us Page Style 
  9. Estimation Page Style 
  ----------------- STYLE INDEX---------------------
*/

/* bg-color: #006fb9 */
/* google font */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap");

/* difault css start */
body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #333;
}
.section-heading {
  margin-bottom: 30px;
  text-align: center;
}
.section-heading h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 26px;
}
.bg-light-sky {
  background: #f0f8fe;
}
/* difault css end */

/* ---------------------------------------------------------------------- */
/* 0. Home Page Style */
/* ---------------------------------------------------------------------- */
/* header-top-area start */
.header-top-area {
  background-color: #64c1ff;
}
p.header-top-text {
  color: #fff;
  margin-bottom: 0;
}
/* header-top-area end */

/* header-banner-area start */
.header-banner-area {
  min-height: 250px;
  background-image: linear-gradient(
      -45deg,
      rgba(15, 159, 255, 0),
      rgba(0, 142, 236, 0.1)
    ),
    url(../img/header-banner.jpg);
  /* background-image: linear-gradient(-45deg, rgba(0,79,153,.5), rgba(0,0,0,0.9)), url(../img/header-banner.jpg); */
  /* background-image: url(../img/header-banner.jpg); */
  background-size: cover;
  background-position: center center;
  border-top: 1px solid #0079ca;
}
.header-banner-wrap {
  min-height: 250px;
  display: flex;
  align-items: flex-start;
}
.header-banner {
  display: flex;
  align-items: baseline;
  margin-top: 35px;
}
.header-banner img {
  margin-right: 10px;
}
.header-banner h2 {
  margin-bottom: 0;
  color: #f5f5f5;
  font-weight: 900;
  font-size: 34px;
  text-shadow: 2px 2px #333;
}
/* header-banner-area end */

/* site-menu-area start */
.site-menu-area {
  background-image: linear-gradient(0deg, #0079ca, #64c1ff);
}
.site-navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #64c1ff;
  border-right: 1px solid #0079ca;
}
.site-navbar ul li {
  flex-grow: 1;
  border-left: 1px solid #0079ca;
  border-right: 1px solid #64c1ff;
}
.site-navbar ul li a {
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  padding: 9px 0 8px 0;
  font-size: 13px;
}
.site-navbar ul li a:hover,
.site-navbar ul li.active a {
  background-image: linear-gradient(180deg, #0079ca, #64c1ff);
}
/* site-menu-area end */

/* service-area start */
.sgl-service-box {
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 0px 4px 1px #ccc;
  min-height: 236px;
  position: relative;
}
.sgl-service-box.hr-service {
  min-height: 190px;
}
/* .sgl-service-box img {
  max-width: 60px;
  opacity: 0.8;
  margin-bottom: 15px;
}
.sgl-service-box h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
} */
.service-titla {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.service-titla img {
  max-width: 30px;
  margin-right: 10px;
}
.service-titla h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
}
.service-titla:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 2px;
  background: #64c1ff;
  left: 0;
  bottom: -10px;
}
.sgl-service-box p {
  text-align: justify;
}
.sgl-service-box p strong {
  font-weight: 500;
}
a.btn-read-more {
  background-image: linear-gradient(45deg, #0079ca, #64c1ff);
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  padding: 3px 12px;
  border-radius: 15px;
  text-decoration: none;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
a.btn-read-more:hover {
  background-image: linear-gradient(-45deg, #0079ca, #64c1ff);
}
/* service-area end */

/* strong-points-area start */
.strong-points-area {
  background-image: linear-gradient(
      -45deg,
      rgba(0, 121, 202, 0.85),
      rgba(100, 193, 255, 0.85)
    ),
    url(../img/strong-point_bg.jpg);
  background-size: cover;
  background-position: center center;
}
.strong-points-area .section-heading h2 {
  color: #fff;
}
.sgl-strong-point {
  margin-bottom: 25px;
}
.sgl-strong-point h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
}
.sgl-strong-point p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: justify;
}
.sgl-strong-point:last-child {
  margin-bottom: 0;
}
.sgl-strong-point h3:before {
  content: "";
  width: 110px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: -8px;
  left: 0;
}
/* strong-points-area end */

/* archive-area start */
.archive-box {
  border: 1px solid #ddd;
}
.archive-box p {
  margin-bottom: 0;
  padding: 8px;
  position: relative;
  padding-left: 20px;
}
.archive-box p span {
  color: #006fb9;
  position: absolute;
  left: 5px;
  top: 0;
  line-height: 36px;
}
.archive-box p:nth-child(even) {
  background: #f5f5f5;
}
/* archive-area end */

/* about-bcause-area start */
.about-bcause-area .section-heading h2 {
  margin-bottom: 10px;
}
.about-bcause-area .section-heading p {
  margin-bottom: 0;
  font-size: 15px;
}
.about-photo a img {
  box-shadow: 0px 0px 4px 1px #ccc;
  border-radius: 15px;
}
/* about-bcause-area start */

/* footer */
.footer-menu-area {
  background-image: linear-gradient(0deg, #0079ca, #64c1ff);
}
.footer-menu {
  margin-bottom: 15px;
}
.footer-menu h4 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu ul li a {
  color: #fff;
}
.footer-bottom-area {
  background: #006fb9;
  border-top: 1px solid #0065a8;
}
.footer-bottom p {
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
}

.footer-bottom {
  text-align: center;
}

/* Responsive navbar style */

/* logo  */
/* .site-menu-area .site-logo img {
  max-width: 50px;
  height: auto;
  transition: .3s;
} */

/* toggle button desing  */
.site-menu-area .nav-toggler:focus {
  outline: none;
}
.site-menu-area .nav-toggler {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 5px;
  background-color: transparent;
  cursor: pointer;
  height: 39px;
}
.site-menu-area .nav-toggler span,
.site-menu-area .nav-toggler span:before,
.site-menu-area .nav-toggler span:after {
  width: 28px;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: 0.3s;
}
.site-menu-area .nav-toggler span:before {
  content: "";
  transform: translateY(-9px);
}
.site-menu-area .nav-toggler span:after {
  content: "";
  transform: translateY(6px);
}
.site-menu-area .nav-toggler.toggler-open span {
  background-color: transparent;
}
.site-menu-area .nav-toggler.toggler-open span:before {
  transform: translateY(0px) rotate(45deg);
}
.site-menu-area .nav-toggler.toggler-open span:after {
  transform: translateY(-3px) rotate(-45deg);
}
/* hide button and logo  */
.site-menu-area .nav-toggler,
.site-menu-area .site-logo {
  display: none;
}

/* ---------------------------------------------------------------------- */
/* 1. English Editing Page Style */
/* ---------------------------------------------------------------------- */

/* header banner hight change */
.header-banner-area.sub-page {
  min-height: 150px;
}
.header-banner-area.sub-page .header-banner-wrap {
  min-height: 150px;
}

.english-editing-content p:last-child {
  margin-bottom: 0;
}

/* section-right-menu [common] */
.section-right-menu ul {
  list-style: none;
  text-align: right;
  margin: 0px;
  padding: 0px;
}
.section-right-menu ul li {
  display: inline-block;
}
.section-right-menu ul li a {
  display: block;
  padding-right: 10px;
  color: #006fb9;
  font-size: 16px;
  text-decoration: none;
}
.section-right-menu ul li:last-child a {
  padding-right: 0px;
}

/* Order Flow start */
.step-parent {
  display: flex;
  margin-bottom: 50px;
  position: relative;
}
.step-parent:after {
  /* flex-shrink: 0; */
  position: absolute;
  content: "";
  width: 20px;
  height: calc(100% - 54px + 16px);
  background: linear-gradient(
    0deg,
    rgba(0, 111, 185, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  left: 50px;
  margin-left: -10px;
  z-index: -1;
  top: 34px;
}
.step-parent:before {
  /* flex-shrink: 0; */
  content: "";
  position: absolute;
  left: 50px;
  border-top: 20px solid #006fb9;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin-left: -20px;
  bottom: -16px;
}
.step-parent:last-child {
  margin-bottom: 0px;
}
.step-parent .step-left {
  flex-shrink: 0;
  width: 100px;
  margin-right: 30px;
}
.step-parent .step-left p {
  border: 1px solid #006fb9;
  margin: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
  background-color: #fff;
  color: #006fb9;
}
.step-parent .step-right {
  width: 100%;
}
.step-parent .step-right ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.step-parent .step-right ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.step-parent .step-right ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  /* background-color: #000; */
  /* transform: rotate(45deg); */
  background-color: #006fb9;
}
.step-parent .step-right ul li.avoid-symbel:before {
  width: 0px;
  height: 0px;
}
.step-parent .step-right p {
  color: #006fb9;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  text-transform: capitalize;
}
.step-parent:last-child:before {
  border: 0px;
}
.step-parent:last-child:after {
  width: 0px;
  height: 0px;
}
/* Order Flow End */

/* FAQ Section Start*/
.question p,
.answer p {
  margin-bottom: 0px;
}
.qa-wrap {
  margin-bottom: 20px;
  box-shadow: 2px 2px 5px 0px rgb(100, 193, 255);
}
.qa-wrap:last-child {
  margin-bottom: 0px;
}
.question p:first-child,
.answer p:first-child {
  font-size: 16px;
  font-weight: 500;
  margin-right: 15px;
}
.question,
.answer {
  display: flex;
  border-left: 3px solid #006fb9;
  padding: 10px 5px;
}
.answer {
  background-color: #eef4f8;
  border-left-color: #64c1ff;
}
.question {
  background-color: #bfe3fa;
}
.question p:first-child {
  color: #006fb9;
}
.answer p:first-child {
  color: #64c1ff;
}
.section-right-menu {
  width: 100%;
  margin-top: 15px;
}
/* FAQ Section End */

/* ---------------------------------------------------------------------- */
/*  2. English Proofreading Page Style  */
/* ---------------------------------------------------------------------- */

/* Breadcrumb Section */
.breadcrumb-area .breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}
.breadcrumb-area .breadcrumb li {
  display: inline;
  font-size: 18px;
}
.breadcrumb-area .breadcrumb li + li:before {
  padding: 8px;
  color: black;
  content: "\003E";
}
.breadcrumb-area .breadcrumb li a {
  color: #006fb9;
  text-decoration: none;
}
.breadcrumb-area .breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.breadcrumb-area {
  margin: 10px 0px;
}
.breadcrumb-area .breadcrumb {
  margin: 0px;
  padding-left: 0px;
  background: none;
}

.english-proofreading-content p {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------- */
/* 3. English Translation Page Style  */
/* ---------------------------------------------------------------------- */

/* Translation Section*/
.translation {
  list-style: none;
  margin: 0px;
}
.translation li {
  margin-bottom: 30px;
}
.translation li:last-child {
  margin-bottom: 0px;
}
.translation .translation-title {
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
}
.translation .translation-title:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  left: -10px;
  top: 50%;
  background-color: #006fb9;
  transform: rotate(45deg);
  margin-left: -10px;
  margin-top: -5px;
}
.translation .translation-text {
  padding-top: 15px;
  padding-left: 20px;
  margin-bottom: 0px;
}
.translation ul.translation-text {
  list-style: none;
}
.translation ul.translation-text li {
  display: flex;
  margin-bottom: 15px;
}
.translation ul.translation-text li:last-child {
  margin-bottom: 0px;
}
.translation ul.translation-text li span {
  font-weight: bold;
  margin-right: 6px;
}
.translation ul.translation-text li p {
  margin: 0px;
}

/* ---------------------------------------------------------------------- */
/* 4. Interpretation Page Style */
/* ---------------------------------------------------------------------- */

/* interpretation section */
.interpretation p {
  margin-bottom: 0px;
  text-align: justify;
}

/* quality-assurance-area */
.assurance ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.assurance ul li {
  position: relative;
  margin-bottom: 20px;
  font-size: 15px;
  padding-left: 14px;
}
.assurance ul li:before {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  background-color: #006fb9;
  content: "";
}
.assurance ul li:last-child {
  margin-bottom: 0px;
}
.assurance-item-highlight {
  color: #006fb9;
}

/* order flow section */
.step-parent .step-right .arrangement-content li:before {
  content: " *";
  width: 0px;
  height: 0px;
  font-size: 20px;
  color: #006fb9;
  top: 0;
  line-height: 25px;
}

/* ---------------------------------------------------------------------- */
/*  5. HR Service Page Style  */
/* ---------------------------------------------------------------------- */
.hr-services .service-titla:before {
  width: 0px;
  height: 0px;
}
.hr-services .sgl-service-box {
  min-height: 185px;
}

/* ---------------------------------------------------------------------- */
/*  6. Price List Page Style  */
/* ---------------------------------------------------------------------- */
.pricelist-area table {
  border: 1px solid #ddd;
  table-layout: fixed;
  width: 100%;
}
.pricelist-area table tr th {
  text-align: center;
  font-size: 15px;
  background-color: #2795df;
  padding: 10px 0px;
  color: #fff;
  text-transform: capitalize;
}
.pricelist-area table tr th:first-child {
  width: 40%;
}
.pricelist-area table tr td {
  font-size: 15px;
  line-height: 45px;
  padding-left: 5px;
}
.pricelist-area table tr,
.pricelist-area table tr td,
.pricelist-area table tr th {
  border: 1px solid #ddd;
}
.pricelist-area .tbl-title {
  margin-bottom: 10px;
  font-size: 20px;
}
.pricelist-area .section-right-menu {
  margin-bottom: 30px;
}
.pricelist-area .row:last-child .section-right-menu {
  margin-bottom: 0px;
}
.pricelist-area .interpretation-table tr th:first-child {
  width: 30%;
}
.transcription-table caption {
  padding-top: 8px;
}

.min-order-text {
  font-weight: normal;
  font-size: 13px;
  margin-left: 4px;
}

.pricelist-area table :not(thead) {
  text-align: right;
  padding-right: 5px;
}

.pricelist-area table tr:first-child th:first-child,
.pricelist-area table tr td:first-child {
  text-align: left;
}

/* ---------------------------------------------------------------------- */
/* 7. Wanted Editor Page Style  */
/* ---------------------------------------------------------------------- */
/* check point section */
.check-point-section p:first-child {
  position: relative;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 14px;
}
.check-point-section p:first-child:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #006fb9;
  left: 0px;
  top: 50%;
  margin-top: -5px;
}
.check-point-section .description {
  font-size: 15px;
  text-align: justify;
}
.check-point-section {
  margin-bottom: 30px;
}

/* flowing the points */
.follow-point-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}
.point-title {
  display: flex;
  background-color: #bfe3fa;
  font-weight: bold;
}
.point-title p {
  margin-bottom: 0px;
  margin-left: 4px;
  line-height: 25px;
}
.point-title span {
  text-align: center;
  font-weight: bold;
  background-color: #006fb9;
  height: 25px;
  width: 25px;
  color: #fff;
  line-height: 27px;
}
.point-description {
  padding: 10px;
  margin-bottom: 0px;
  text-align: justify;
}
.point-wrap {
  margin-bottom: 20px;
  border: 1px solid #bfe3fa;
}
.point-wrap:last-child {
  margin-bottom: 0px;
}
/* registration button */
.staff-registration {
  margin-top: 30px;
}
.staff-registration button {
  border: none;
  background-image: linear-gradient(45deg, #0079ca, #64c1ff);
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 50px;
  text-decoration: none;
  display: block;
  margin: 0 auto;
}
.staff-registration button:hover {
  background-image: linear-gradient(-45deg, #0079ca, #64c1ff);
}

/* ---------------------------------------------------------------------- */
/* 8. About Us Page Style  */
/* ---------------------------------------------------------------------- */

/* about-us description and img */
.about-us-img {
  max-width: 100%;
  height: auto;
  background-color: #ddd;
  box-shadow: 3px -3px 0px rgba(100, 193, 255, 0.55);
}
.about-us-desc .first-line {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
.about-us-desc p:last-child {
  margin-bottom: 0px;
  font-size: 15px;
  text-align: justify;
  line-height: 1.5;
}

/* company information */
.about-us-company-info {
  margin-top: 30px;
}
.company-info {
  display: flex;
  margin-bottom: 8px;
}
.company-info .key {
  width: 150px;
  font-weight: bold;
  flex-shrink: 0;
}
.company-info .value {
  font-size: 15px;
  text-align: justify;
}
.company-info p {
  margin-bottom: 0;
}
.company-info:last-child {
  margin-bottom: 0px;
}
.company-info .value ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

/* ---------------------------------------------------------------------- */
/* 9. Estimation Page Style  */
/* ---------------------------------------------------------------------- */
/* .estimation iframe {
  width: 100%;
  min-height: 2375px;
}
.estimation-tabs {
  display: flex;
  background-color: #64c1ff;
  justify-content: center;
}
.estimation-tabs .tab {
  position: relative;
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;
}
.estimation-tabs .tab input {
  width: 16px;
  height: 16px;
  position: absolute;
  left: -13px;
  top: 50%;
  margin-top: -8px;
}
.estimation-tabs .tab label {
  padding: 15px 5px;
  margin-bottom: 0px;
  color: #fff;
  cursor: pointer;
  margin-right: 5px;
}
.estimation-tabs .tab:last-child label{
  margin-right: 0px;
}
.estimation-tabs .tab:last-child {
  margin-right: 0px;
}
.estimation-tab-contents {
  border: 1px solid #ddd;
  margin-bottom: 30px;
  padding: 15px;
}
.estimation-tab-contents .tab-content{
  display: none;
}
.estimation-tabs .tab input[type='radio']:checked + label{
  color: #000;
} */
/* .estimation-tabs .tab label.active {
  color: #000;
} */
/* #Translation-Content iframe {
  min-height: 2517px;
}
#Transcription-Content iframe {
  min-height: 2206px;
}
#HRservice-Content iframe {
  min-height: 2072px;
}
#Interpretation-Content iframe {
  min-height: 2126px;
} */
.estimation-forms {
  border: 1px solid #ddd;
  min-height: 500px;
}
section.estimation {
  padding: 30px 0px;
}
.site-navbar .estimation-item {
  position: relative;
}
.estimation-item .dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  top: 100%;
  display: flex;
  flex-direction: column;
  background-color: #006fb9;
  border: none;
  border-radius: 0;
  min-width: 200px;
  display: none;
}
.site-navbar .estimation-item:hover .dropdown-menu {
  display: block;
}
.estimation-item .dropdown-menu li {
  border: none;
}
.estimation-item .dropdown-menu li a {
  text-align: left;
  padding: 10px;
}
.estimation-item .dropdown-menu li a:hover {
  background: none;
  color: #000;
}
/* .estimation-item .dropdown-menu.est-open{
  display: block;
} */
.site-navbar .estimation-item a i {
  font-size: 16px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}