@font-face {
  font-family: "flaticon";
  src:url(../../1a7ecb646e1eba77.TTF) format("truetype"),
  /* src: url("fonts/test.otf") format("opentype"); */
   url(../../035db024835a82a2.OTF) format("opentype"),
   /* url("./flaticon.ttf?543eefdae5de196980aa397d2125f56b") format("truetype"), */
    /* url("./flaticon.woff?543eefdae5de196980aa397d2125f56b") format("woff"), */
    /* url("./flaticon.woff2?543eefdae5de196980aa397d2125f56b") format("woff2"), */
    /* url("./flaticon.eot?543eefdae5de196980aa397d2125f56b#iefix")
      format("embedded-opentype"), */
    /* url("./flaticon.svg?543eefdae5de196980aa397d2125f56b#flaticon")
      format("svg"); */
}
i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
  font-family: flaticon !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.flaticon-call-center-agent:before {
  content: "\f101";
}
.flaticon-placeholder:before {
  content: "\f102";
}
.flaticon-map-location:before {
  content: "\f103";
}
.flaticon-call:before {
  content: "\f104";
}
.flaticon-phone:before {
  content: "\f105";
}
.flaticon-mobile:before {
  content: "\f106";
}
.flaticon-mail:before {
  content: "\f107";
}
.flaticon-envelope:before {
  content: "\f108";
}
.flaticon-clock:before {
  content: "\f109";
}
.flaticon-chat-comment-oval-speech-bubble-with-text-lines:before {
  content: "\f10a";
}
.flaticon-speech-bubble:before {
  content: "\f10b";
}
.flaticon-visibility:before {
  content: "\f10c";
}
.flaticon-search:before {
  content: "\f10d";
}
.flaticon-laptop:before {
  content: "\f10e";
}
.flaticon-network:before {
  content: "\f10f";
}
.flaticon-global-network:before {
  content: "\f110";
}
.flaticon-network-1:before {
  content: "\f111";
}
.flaticon-dossier:before {
  content: "\f112";
}
.flaticon-operator:before {
  content: "\f113";
}
.flaticon-consultation:before {
  content: "\f114";
}
.flaticon-avatar:before {
  content: "\f115";
}
.flaticon-startup:before {
  content: "\f116";
}
.flaticon-facebook:before {
  content: "\f117";
}
.flaticon-twitter:before {
  content: "\f118";
}
.flaticon-linkedin:before {
  content: "\f119";
}
.flaticon-instagram:before {
  content: "\f11a";
}
.flaticon-dribbble-logo:before {
  content: "\f11b";
}
.flaticon-pinterest:before {
  content: "\f11c";
}
.flaticon-plus:before {
  content: "\f11d";
}
.flaticon-google-plus-logo:before {
  content: "\f11e";
}
.flaticon-remove:before {
  content: "\f11f";
}
.flaticon-next:before {
  content: "\f120";
}
.flaticon-right-arrow:before {
  content: "\f121";
}
.flaticon-right:before {
  content: "\f122";
}
.flaticon-left-arrow:before {
  content: "\f123";
}
.flaticon-down-arrow:before {
  content: "\f124";
}
.flaticon-two-thin-arrows-forming-a-circle:before {
  content: "\f125";
}
.flaticon-down-arrow-1:before {
  content: "\f126";
}
.flaticon-right-arrow-3:before {
  content: "\f127";
}
.flaticon-turn-right-curved-arrow:before {
  content: "\f128";
}
.flaticon-portfolio:before {
  content: "\f129";
}
.flaticon-suitcase:before {
  content: "\f12a";
}
.flaticon-businessman:before {
  content: "\f12b";
}
.flaticon-job-offer:before {
  content: "\f12c";
}
.flaticon-job:before {
  content: "\f12d";
}
.flaticon-medal:before {
  content: "\f12e";
}
.flaticon-lavender:before {
  content: "\f12f";
}
.flaticon-floral-design:before {
  content: "\f130";
}
.flaticon-calendar:before {
  content: "\f131";
}
.flaticon-calendar-1:before {
  content: "\f132";
}
.flaticon-conversation:before {
  content: "\f133";
}
.flaticon-right-quote:before {
  content: "\f134";
}
.flaticon-left-quote:before {
  content: "\f135";
}
.flaticon-straight-quotes:before {
  content: "\f136";
}
.flaticon-blocks-with-angled-cuts:before {
  content: "\f137";
}
.flaticon-like:before {
  content: "\f138";
}
.flaticon-user:before {
  content: "\f139";
}
.flaticon-like-1:before {
  content: "\f13a";
}
.flaticon-play-button:before {
  content: "\f13b";
}
.flaticon-star-social-favorite-middle-full:before {
  content: "\f13c";
}
.flaticon-star:before {
  content: "\f13d";
}
.flaticon-star-1:before {
  content: "\f13e";
}
.flaticon-tick:before {
  content: "\f13f";
}
.flaticon-check:before {
  content: "\f140";
}
.flaticon-check-mark:before {
  content: "\f141";
}
.flaticon-cancel:before {
  content: "\f142";
}
.flaticon-handshake:before {
  content: "\f143";
}
.flaticon-bars:before {
  content: "\f144";
}
.flaticon-finance:before {
  content: "\f145";
}
.flaticon-badge:before {
  content: "\f146";
}
.flaticon-winner:before {
  content: "\f147";
}
.flaticon-money-bag:before {
  content: "\f148";
}
.flaticon-pie-chart:before {
  content: "\f149";
}
.flaticon-law:before {
  content: "\f14a";
}
.flaticon-avatar-1:before {
  content: "\f14b";
}
.flaticon-law-1:before {
  content: "\f14c";
}
.flaticon-case:before {
  content: "\f14d";
}
.flaticon-bail:before {
  content: "\f14e";
}
.flaticon-customer:before {
  content: "\f14f";
}
.flaticon-checkmark:before {
  content: "\f150";
}
.flaticon-smile:before {
  content: "\f151";
}
.flaticon-complete:before {
  content: "\f152";
}
.flaticon-piston:before {
  content: "\f153";
}
.flaticon-engine:before {
  content: "\f154";
}
.flaticon-turbine:before {
  content: "\f155";
}
.flaticon-gears:before {
  content: "\f156";
}
.flaticon-welder:before {
  content: "\f157";
}
.flaticon-factory:before {
  content: "\f158";
}
.flaticon-sketch:before {
  content: "\f159";
}
.flaticon-crane:before {
  content: "\f15a";
}
.flaticon-pipe:before {
  content: "\f15b";
}
.flaticon-plumber:before {
  content: "\f15c";
}
.flaticon-leak:before {
  content: "\f15d";
}
.flaticon-gas:before {
  content: "\f15e";
}
.flaticon-wipe:before {
  content: "\f15f";
}
.flaticon-house:before {
  content: "\f160";
}
.flaticon-rent:before {
  content: "\f161";
}
.flaticon-shopping-cart:before {
  content: "\f162";
}
.flaticon-worth:before {
  content: "\f163";
}
.flaticon-commercial:before {
  content: "\f164";
}
.flaticon-market:before {
  content: "\f165";
}
.flaticon-car-loan:before {
  content: "\f166";
}
.flaticon-education:before {
  content: "\f167";
}
.flaticon-education-1:before {
  content: "\f168";
}
.flaticon-graduation-cap:before {
  content: "\f169";
}
.flaticon-photography:before {
  content: "\f16a";
}
.flaticon-photographer:before {
  content: "\f16b";
}
.flaticon-tripod:before {
  content: "\f16c";
}
.flaticon-writing:before {
  content: "\f16d";
}
.flaticon-pen:before {
  content: "\f16e";
}
.flaticon-portrait:before {
  content: "\f16f";
}
.flaticon-digital-camera:before {
  content: "\f170";
}
.flaticon-gallery:before {
  content: "\f171";
}
.flaticon-hairstyle:before {
  content: "\f172";
}
.flaticon-womens-day:before {
  content: "\f173";
}
.flaticon-architect:before {
  content: "\f174";
}
.flaticon-sport-mode:before {
  content: "\f175";
}
.flaticon-camera:before {
  content: "\f176";
}
.flaticon-video-camera:before {
  content: "\f177";
}
.flaticon-color-palette:before {
  content: "\f178";
}
.flaticon-send:before {
  content: "\f179";
}
.flaticon-send-1:before {
  content: "\f17a";
}
.flaticon-basin:before {
  content: "\f17b";
}
.flaticon-faucet:before {
  content: "\f17c";
}
.flaticon-shower:before {
  content: "\f17d";
}
.flaticon-bath:before {
  content: "\f17e";
}
.flaticon-shower-1:before {
  content: "\f17f";
}
.flaticon-bathtub:before {
  content: "\f180";
}
.flaticon-commode:before {
  content: "\f181";
}
.flaticon-pipes:before {
  content: "\f182";
}
.flaticon-pressure-gauge:before {
  content: "\f183";
}
.flaticon-faucet-1:before {
  content: "\f184";
}
.flaticon-tank:before {
  content: "\f185";
}
.flaticon-household:before {
  content: "\f186";
}
.flaticon-spray:before {
  content: "\f187";
}
.flaticon-vacuum-cleaner:before {
  content: "\f188";
}
.flaticon-cleaning-staff:before {
  content: "\f189";
}
.flaticon-toilet-paper:before {
  content: "\f18a";
}
.flaticon-roof:before {
  content: "\f18b";
}
.flaticon-joist:before {
  content: "\f18c";
}
.flaticon-engineer:before {
  content: "\f18d";
}
.flaticon-carpenter:before {
  content: "\f18e";
}
.flaticon-dust:before {
  content: "\f18f";
}
.flaticon-repair-tools:before {
  content: "\f190";
}
.flaticon-hammer:before {
  content: "\f191";
}
.flaticon-brickwall:before {
  content: "\f192";
}
.flaticon-helmet:before {
  content: "\f193";
}
.flaticon-under-construction:before {
  content: "\f194";
}
.flaticon-renovation:before {
  content: "\f195";
}
.flaticon-worker:before {
  content: "\f196";
}
.flaticon-excavator:before {
  content: "\f197";
}
.flaticon-angle-grinder:before {
  content: "\f198";
}
.flaticon-crane-1:before {
  content: "\f199";
}
.flaticon-home:before {
  content: "\f19a";
}
.flaticon-crane-2:before {
  content: "\f19b";
}
.flaticon-spray-1:before {
  content: "\f19c";
}
.flaticon-window:before {
  content: "\f19d";
}
.flaticon-cleaning:before {
  content: "\f19e";
}
.flaticon-clean:before {
  content: "\f19f";
}


#app {
  font-family: 'Alibaba PuHuiTi', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;600;700;800;900&display=swap"); */
:root {
  --main-color-one: #022791;
  --main-color-two: rgba(49, 47, 47, 0.301);
  --secondary-color: #2c3e50;
  --heading-color: #111;
  --paragraph-color: #7e7e7e;
  --heading-font: "Alibaba PuHuiTi", sans-serif;
  --body-font: "Alibaba PuHuiTi", sans-serif;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: var(--body-font);
}
* {
  font-family: 'flaticon';
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {

  width: 100vw;
  /* width: 1920px; */
  margin: 0;
  color: var(--paragraph-color);
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: 14px;
  /* 在 Vue 工程中，CSS 文件位于 src/assets/css，imgs 位于 src/assets/imgs */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDNUYxOUZEMzM4RDExRTY4RTBBOUQyNUU5Q0UzNTUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDNUYxOUZFMzM4RDExRTY4RTBBOUQyNUU5Q0UzNTUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM1RjE5RkIzMzhEMTFFNjhFMEE5RDI1RTlDRTM1NTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM1RjE5RkMzMzhEMTFFNjhFMEE5RDI1RTlDRTM1NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U3/aPAAAAP1BMVEX09PTz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);
}
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-thumb {
  background-color: #0003 !important;
  border-radius: 10px !important;
  -webkit-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
}
body::-webkit-scrollbar-track {
  border-radius: 10px !important;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 48px;
  line-height: 1.0833333333;
}
h2 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
}
h3 {
  font-size: 24px;
  line-height: 1.0833333333;
  font-weight: 700;
}
h4 {
  font-size: 20px;
  line-height: 1.2380952381;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
  font-weight: 700;
}
p {
  color: var(--paragraph-color);
  hyphens: auto;
  margin-bottom: 0;
  line-height: 24px;
}
a {
  color: inherit;
  text-decoration: none;
  color: var(--paragraph-color);
}

/* Footer links color */
#footer-section a {
  color: #fff;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
  outline: 0;
  color: inherit;
}
pre {
  word-break: break-word;
}
a i {
  padding: 0 2px;
}
#banner-section img{
width: 100%;
}
img {
  max-width: 100%;
  
}
ol {
  counter-reset: counter;
  padding-left: 0;
}
ol li {
  list-style: none;
  margin-bottom: 1rem;
}
ol li:before {
  counter-increment: counter;
  content: counter(counter);
  font-weight: 500;
  margin-right: 10px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid #ddd;
}
code {
  color: var(--main-color-one);
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#content[tabindex="-1"]:focus {
  outline: 0;
}
#default-home .container {
  max-width: 1170px;
}
.show-imag{
  display: block;
}
.bb{
  border-bottom: 1px solid rgba(49, 47, 47, 0.301);
}
@media (max-width: 767px) {
  #hero-section .container {
    max-width: 500px;
  }
  #service-section .container,
  #callto-section .container,
  #project-section .container,
  #about-section .container,
  #solution-section .container,
  #testimonial-section .container,
  #team-section .container,
  #blog-section .container,
  #footer-section .container,
  #contact-section .container {
    max-width: 400px;
  }
  .show-imag{
    display: none;
  }
}
.card,
.card-body {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}
#form-messages {
  /* color: green; */
  padding: 15px;
  float: right;
}
.error{
  color: red;
}
.success{
  color: green;
}
.bg-prefix {
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
  width: 100%;
}
#banner-section {
  /* 原模板使用 banner-img.jpg，这个文件在当前项目中不存在。
     这里改为使用已有的头图资源 images/home1.jpg，路径相对于本 CSS 文件。 */
  /* background: url(../images/home1.jpg); */
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  /* margin-top: 80px; */
}
#banner-section .overlay {
  padding: 200px 0;
  background: rgba(0, 0, 0, 0.5);
}
  .main-bottom{
    display: inline-block;
    margin-left: 22px;
    height: 32px;
    width: 188px;
    border: 1px solid #0087FF;
    font-size: 12px;
    font-family: Alibaba PuHuiTi;
    font-weight: bold;
    color: #0087FF;
    line-height: 32px;
  }
    .xbaud-list{
      
      color: #fff;
    }
  .xbaud-list p{
      margin-bottom:0;
      color: #fff;
      font-family: Alibaba PuHuiTi;
      line-height: 30px;
  }
  .xbaud-contant .img-left{

    position: absolute;
    transform: translate(-50%,0);
    top: 50%;
    left: 40px;
    width: 30px;
    height: 30px;
  }
  .xbaud-contant .img-right{

    position: absolute;
    transform: translate(-50%,0);
    top: 50%;
    right: 40px;
    width: 30px;
    height: 30px;
  }
.breadcrubms ul li {
  color: #fff;
  font-size: 20px;
}
.breadcrubms ul li span {
  position: relative;
  font-size: 48px;
  font-weight: 700;
  color: var(--main-color-one);
  text-align: center;
}
.breadcrubms ul li span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 3px;
  width: 50px;
  background: var(--main-color-one);
}
.breadcrubms ul li span:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
  background: var(--main-color-one);
}
@media (max-width: 767px) {
  #banner-section .overlay {
    padding: 100px 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .breadcrubms ul li span {
    font-size: 32px;
  }
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-35 {
  padding-top: 35px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-45 {
  padding-top: 45px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-55 {
  padding-top: 55px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-65 {
  padding-top: 65px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-75 {
  padding-top: 75px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-95 {
  padding-top: 95px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-105 {
  padding-top: 105px;
}
.pt-110 {
  padding-top: 110px;
}
.pt-115 {
  padding-top: 115px;
}
.pt-120 {
  padding-top: 120px;
}
.pt-125 {
  padding-top: 125px;
}
.pt-130 {
  padding-top: 130px;
}
.pt-135 {
  padding-top: 135px;
}
.pt-140 {
  padding-top: 140px;
}
.pt-145 {
  padding-top: 145px;
}
.pt-150 {
  padding-top: 150px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-35 {
  padding-bottom: 35px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-45 {
  padding-bottom: 45px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-55 {
  padding-bottom: 55px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-65 {
  padding-bottom: 65px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-85 {
  padding-bottom: 85px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-95 {
  padding-bottom: 95px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-105 {
  padding-bottom: 105px;
}
.pb-110 {
  padding-bottom: 110px;
}
.pb-115 {
  padding-bottom: 115px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pb-125 {
  padding-bottom: 125px;
}
.pb-130 {
  padding-bottom: 130px;
}
.pb-135 {
  padding-bottom: 135px;
}
.pb-140 {
  padding-bottom: 140px;
}
.pb-145 {
  padding-bottom: 145px;
}
.pb-150 {
  padding-bottom: 150px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-55 {
  margin-top: 55px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-65 {
  margin-top: 65px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-75 {
  margin-top: 75px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-85 {
  margin-top: 85px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-95 {
  margin-top: 95px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-105 {
  margin-top: 105px;
}
.mt-110 {
  margin-top: 110px;
}
.mt-115 {
  margin-top: 115px;
}
.mt-120 {
  margin-top: 120px;
}
.mt-125 {
  margin-top: 125px;
}
.mt-130 {
  margin-top: 130px;
}
.mt-135 {
  margin-top: 135px;
}
.mt-140 {
  margin-top: 140px;
}
.mt-145 {
  margin-top: 145px;
}
.mt-150 {
  margin-top: 150px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-55 {
  margin-bottom: 55px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-65 {
  margin-bottom: 65px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-75 {
  margin-bottom: 75px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-85 {
  margin-bottom: 85px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-95 {
  margin-bottom: 95px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-105 {
  margin-bottom: 105px;
}
.mb-110 {
  margin-bottom: 110px;
}
.mb-115 {
  margin-bottom: 115px;
}
.mb-120 {
  margin-bottom: 120px;
}
.mb-125 {
  margin-bottom: 125px;
}
.mb-130 {
  margin-bottom: 130px;
}
.mb-135 {
  margin-bottom: 135px;
}
.mb-140 {
  margin-bottom: 140px;
}
.mb-145 {
  margin-bottom: 145px;
}
.mb-150 {
  margin-bottom: 150px;
}
@media (max-width: 991px) {
  .md-mt-5 {
    margin-top: 5px;
  }
  .md-mt-10 {
    margin-top: 10px;
  }
  .md-mt-15 {
    margin-top: 15px;
  }
  .md-mt-20 {
    margin-top: 20px;
  }
  .md-mt-25 {
    margin-top: 25px;
  }
  .md-mt-30 {
    margin-top: 30px;
  }
  .md-mt-35 {
    margin-top: 35px;
  }
  .md-mt-40 {
    margin-top: 40px;
  }
  .md-mt-45 {
    margin-top: 45px;
  }
  .md-mt-50 {
    margin-top: 50px;
  }
  .md-mt-55 {
    margin-top: 55px;
  }
  .md-mt-60 {
    margin-top: 60px;
  }
  .md-mt-65 {
    margin-top: 65px;
  }
  .md-mt-70 {
    margin-top: 70px;
  }
  .md-mb-5 {
    margin-bottom: 5px;
  }
  .md-mb-10 {
    margin-bottom: 10px;
  }
  .md-mb-15 {
    margin-bottom: 15px;
  }
  .md-mb-20 {
    margin-bottom: 20px;
  }
  .md-mb-25 {
    margin-bottom: 25px;
  }
  .md-mb-30 {
    margin-bottom: 30px;
  }
  .md-mb-35 {
    margin-bottom: 35px;
  }
  .md-mb-40 {
    margin-bottom: 40px;
  }
  .md-mb-45 {
    margin-bottom: 45px;
  }
  .md-mb-50 {
    margin-bottom: 50px;
  }
  .md-mb-55 {
    margin-bottom: 55px;
  }
  .md-mb-60 {
    margin-bottom: 60px;
  }
  .md-mb-65 {
    margin-bottom: 65px;
  }
  .md-mb-70 {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .xs-mt-5 {
    margin-top: 5px;
  }
  .xs-mt-10 {
    margin-top: 10px;
  }
  .xs-mt-15 {
    margin-top: 15px;
  }
  .xs-mt-20 {
    margin-top: 20px;
  }
  .xs-mt-25 {
    margin-top: 25px;
  }
  .xs-mt-30 {
    margin-top: 30px;
  }
  .xs-mt-35 {
    margin-top: 35px;
  }
  .xs-mt-40 {
    margin-top: 40px;
  }
  .xs-mt-45 {
    margin-top: 45px;
  }
  .xs-mt-50 {
    margin-top: 50px;
  }
  .xs-mt-55 {
    margin-top: 55px;
  }
  .xs-mt-60 {
    margin-top: 60px;
  }
  .xs-mt-65 {
    margin-top: 65px;
  }
  .xs-mt-70 {
    margin-top: 70px;
  }
  .xs-mb-5 {
    margin-top: 5px;
  }
  .xs-mb-10 {
    margin-top: 10px;
  }
  .xs-mb-15 {
    margin-top: 15px;
  }
  .xs-mb-20 {
    margin-top: 20px;
  }
  .xs-mb-25 {
    margin-top: 25px;
  }
  .xs-mb-30 {
    margin-top: 30px;
  }
  .xs-mb-35 {
    margin-top: 35px;
  }
  .xs-mb-40 {
    margin-top: 40px;
  }
  .xs-mb-45 {
    margin-top: 45px;
  }
  .xs-mb-50 {
    margin-top: 50px;
  }
  .xs-mb-55 {
    margin-top: 55px;
  }
  .xs-mb-60 {
    margin-top: 60px;
  }
  .xs-mb-65 {
    margin-top: 65px;
  }
  .xs-mb-70 {
    margin-top: 70px;
  }
}
.m-auto {
  margin-left: auto;
  margin-right: auto;
}
.min-height-600 {
  min-height: 600px;
}
.overflow-hidden {
  overflow: hidden;
}
.alignleft {
  float: left;
  clear: both;
}
.alignright {
  float: right;
  clear: both;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}
.alignfull {
  margin: 1.5em 0;
  max-width: 100%;
}
.alignwide {
  max-width: 1100px;
}
.clear {
  clear: both;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
.btn {
  /* padding: 15px 25px; */
  border-radius: 0;
  color: #111;
}
.btn-primary {
  position: relative;
  background-color: var(--main-color-two);
  border: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
}
.btn-primary:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  box-shadow: -7px -7px 20px 0 #fff9, -4px -4px 5px 0 #fff9,
    7px 7px 20px 0 #fff9, 4px 4px 5px 0 #fff9;
  transition: all 0.3s ease;
  border-radius: 0;
}
.btn-primary:hover {
  color: black;
  background-color: var(--main-color-one);
  border-radius: 5px;
}
.btn-primary:hover:after {
  top: 0;
  height: 100%;
}
.btn-primary:active {
  top: 2px;
}
.section-title {
  position: relative;
  max-width: 700px;
}
.section-title span.subtitle {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--body-font);
  color: var(--main-color-one);
  margin-bottom: 10px;
  display: block;
}
.section-title .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  font-family: var(--heading-font);
  margin: 0;
}
.section-title .title span {
  color: var(--main-color-one);
}
.section-title p {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .section-title span.subtitle {
    font-size: 14px;
  }
  .section-title .title {
    font-size: 30px;
    line-height: 36px;
  }
}
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: var(--main-color-one);
  color: black;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  z-index: 99;
  font-size: 25px;
  cursor: pointer;
  display: none;
}
.pre-wrap {
  position: fixed;
  content: "";
  transform: translate(-100%, -240%);
  font-size: 62px;
}
/* .preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader-inner .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader-inner .center span {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #262626;
  animation: animate 4s infinite forwards ease-in-out;
}
.preloader-inner .center span:nth-child(1) {
  background: #ffc400;
  left: -24px;
  top: -24px;
  animation-delay: 0.5s;
}
.preloader-inner .center span:nth-child(2) {
  background: #ffc400;
  left: 0;
  top: -24px;
  animation-delay: 1s;
}
.preloader-inner .center span:nth-child(4) {
  background: #396afc;
  left: -24px;
  top: 0;
  animation-delay: 1.5s;
}
.preloader-inner .center span:nth-child(3) {
  background: #396afc;
  left: 0;
  top: 0;
  animation-delay: 2s;
}
@keyframes animate {
  0% {
    transform: rotateY(0deg);
  }
  20% {
    transform: rotateY(360deg);
  }
  40% {
    transform: rotateX(180deg);
  }
  60% {
    transform: rotateX(0deg);
  }
  80% {
    transform: rotateX(360deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}
.preloader-inner .cancel-preloader {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.preloader-inner .cancel-preloader a {
  background-color: var(--main-color-one);
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  display: block;
  transition: all 0.3s ease-in;
}
.preloader-inner .cancel-preloader a:hover {
  background-color: var(--secondary-color);
  color: #fff;
} */
.sticky {
  display: block;
}
embed,
iframe,
object {
  max-width: 100%;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
  clear: both;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
.wp-link-pages a {
  margin: 0 5px;
  transition: 0.3s ease-in;
}
.wp-link-pages {
  margin-bottom: 30px;
  margin-top: 25px;
}
.wp-link-pages span,
.wp-link-pages a {
  border: 1px solid #e2e2e2;
  padding: 5px 15px;
  display: inline-block;
}
.wp-link-pages .current,
.wp-link-pages a:hover {
  background-color: var(--main-color-one);
  color: black;
  border-color: var(--main-color-one);
}
.wp-link-pages span:first-child {
  margin-right: 5px;
}
.post-password-form input {
  display: block;
  border: 1px solid #e2e2e2;
  height: 50px;
  border-radius: 3px;
  padding: 0 20px;
}
.post-password-form label {
  font-weight: 600;
  color: #333;
}
.post-password-form input[type="submit"] {
  width: 100px;
  height: 50px;
  background-color: var(--main-color-one);
  color: black;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border: 0;
  cursor: pointer;
  transition: 0.3s ease-in;
}
.post-password-form input[type="submit"]:hover {
  background-color: #121a2f;
}
.footer-widget .table td,
.footer-widget .table th {
  padding: 0.5rem !important;
}
.single-post-details-item .entry-content > .alignwide {
  max-width: 1100px;
}
.single-post-details-item .entry-content > .alignfull {
  margin: 1.5em 0;
  max-width: 100%;
}
.wp-block-video video {
  max-width: 636px;
}
.wp-block-image img {
  display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%;
}
.wp-block-image.alignfull img {
  width: 100vw;
}
.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto;
}
.wp-block-cover-text p {
  padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px;
}
.wp-block-table {
  display: block;
  overflow-x: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table td,
.wp-block-table th {
  padding: 0.5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wp-block-quote.is-large {
  margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
  margin-top: 0;
}
.wp-block-separator {
  margin: 3em auto;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0;
  }
}
wp-block-video video {
  max-width: 636px;
}
.wp-block-image img {
  display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%;
}
.wp-block-image.alignfull img {
  width: 100vw;
}
.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto;
}
.wp-block-cover-text p {
  padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px;
}
.wp-block-table {
  display: block;
  overflow-x: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table td,
.wp-block-table th {
  padding: 0.5em;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wp-block-quote.is-large {
  margin: 0 auto 16px;
}
.wp-block-pullquote > p:first-child {
  margin-top: 0;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 4px solid #000;
  padding-left: 1em;
}
.wp-block-separator {
  margin: 3em auto;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0;
  }
}
.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
}
.header-top {
  padding: 20px 0;
}
.header-top .header-top-left ul li {
  padding-right: 30px;
}
.header-top .header-top-left ul li span {
  text-transform: uppercase;
  font-size: 12px;
}
.header-top .header-top-left ul li p i {
  color: var(--main-color-one);
  font-size: 14px;
}
.header-top .header-top-left ul li p {
  margin-top: 5px;
  font-size: 18px;
  color: #111;
}
@media (max-width: 992px) {
  .header-top .header-top-left ul li p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .nav-right-content {
    margin: 10px 0 10px 0;
    text-align: center;
  }
}
.navbar.navbar-area.white .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.50%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");
}
.navbar.navbar-area.nav-style-01 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.50%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");
}
.navbar.navbar-area .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.50%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");
}
.navbar-toggler {
  padding: 10px;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}
.mobile-logo {
  display: none;
}
@media only screen and (max-width: 991px) {
  .mobile-logo {
    display: block;
  }
  .desktop-logo {
    display: none !important;
  }
}
.navbar-area {
  padding: 5px;
  /* background: var(--main-color-two); */
  /* background: url(./assets/imgs/header_bg.png) */
}
.navbar-area.nav-absolute {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 1;
}
.navbar-area.nav-style-02.has-topbar {
  top: 50px;
}
.navbar-area.nav-style-02.has-topbar-02 {
  top: 122px;
}
.navbar-area.nav-style-02.has-topbar-03 {
  top: 70px;
}
.navbar-area.nav-style-02 .nav-container {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0 15px;
}
.navbar-area.nav-style-02 .nav-container .logo-wrapper {
  max-width: 200px;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content {
  display: flex;
  align-items: center;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li {
  color: black;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li + li {
  margin-left: 5px;
}
.navbar-area.nav-style-02 .nav-container .nav-right-content ul li a {
  color: black;
}
.navbar-area.nav-style-02
  .nav-container.political-02
  .navbar-collapse
  .navbar-nav
  li.current-menu-item
  a {
  color: #1684fc;
}
.navbar-area.nav-style-02
  .nav-container.political-02
  .navbar-collapse
  .navbar-nav
  li.current-menu-item:before {
  color: black;
}
.navbar-area.nav-style-02
  .nav-container.political-02
  .navbar-collapse
  .navbar-nav
  li:hover.menu-item-has-children:before {
  color: black;
}
.navbar-area.nav-style-02
  .nav-container.political-02
  .navbar-collapse
  .navbar-nav
  li:hover
  a {
  color: #1684fc;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
  text-align: center;
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.current-menu-item
  a {
  color: var(--main-color-one);
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.current-menu-item:before {
  color: var(--main-color-one);
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children {
  z-index: initial;
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children:before {
  color: black;
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li
  a {
  background-color: #fff;
  color: var(--paragraph-color);
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li
  a:hover {
  background-color: var(--main-color-one);
  color: #fff;
}
.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a {
  transition: all 0.3s ease-in;
  color: #fff;
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li:hover.menu-item-has-children:before {
  color: var(--main-color-one);
}
.navbar-area.nav-style-02
  .nav-container
  .navbar-collapse
  .navbar-nav
  li:hover
  a {
  color: var(--main-color-one);
}
.navbar-area .nav-container {
  background-color: #fff;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0 30px;
}
.navbar-area .nav-container .nav-right-content .btn-wrapper {
  margin-left: 40px;
}
.navbar-area .nav-container .nav-right-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 15px;
}
.navbar-area .nav-container .nav-right-content ul li {
  display: inline-block;
  margin: 0 15px;
  color: #6a7795;
}
.navbar-area .nav-container .nav-right-content ul li:last-child {
  margin-right: 0;
}
.navbar-area .nav-container .nav-right-content ul li a {
  color: #6a7795;
  transition: all 0.3s ease-in;
}
.navbar-area .nav-container .nav-right-content ul li a:hover {
  color: var(--secondary-color);
}
.navbar-area .nav-container .nav-right-content ul li.search {
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.navbar-area .nav-container .nav-right-content ul li.search:hover {
  color: var(--main-color-one);
}
.navbar-area .nav-container .navbar-brand .site-title {
  font-weight: 700;
  font-size: 30px;
  font-family: var(--heading-font);
  line-height: 90px;
  color: var(--heading-color);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav {
  display: block;
  width: 100%;
  text-align: right;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
  display: inline-block;
  font-size: 16px;
  font-family: var(--body-font);
  text-transform: capitalize;
  /* font-weight: 600; */
  line-height: 70px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
  margin-left: 68px;
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.current-menu-item
  a {
  color: var(--main-color-one);
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children {
  position: relative;
  z-index: 0;
}
.menu-item-has-children i {
  font-size: 9px;
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu {
  position: absolute;
  text-align: left;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  top: 100%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  z-index: 9;
  border-bottom: 4px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li {
  display: block;
  margin-left: 0;
  line-height: 24px;
  font-size: 14px;
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li
  + li {
  border-top: 1px solid #e2e2e2;
}
.navbar-area
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li
  a {
  display: block;
  padding: 12px 30px;
  background-color: #fff;
  white-space: nowrap;
  color: var(--paragraph-color);
  transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  transition: all 0.3s ease-in;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
}
@media only screen and (max-width: 991px) {
  .navbar-area.nav-style-02 .nav-container .navbar-toggler {
    background-color: #fff;
  }
  .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {
    background-color: var(--main-color-two);
    padding: 0 20px;
  }
  .navbar-area.nav-style-02
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li
    a {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-area.nav-style-01 .nav-container {
    padding: 20px 0;
  }
  .navbar-area.nav-style-01
    .nav-container
    .responsive-mobile-menu
    .navbar-toggler {
    background-image: none;
  }
  .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    text-align: left;
  }
  .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    line-height: 30px;
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.current-menu-item
    a {
    color: var(--main-color-one);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.current-menu-item.menu-item-has-children:before {
    color: var(--main-color-one);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children {
    z-index: initial;
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children:before {
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li
    + li {
    border-top: 1px solid #e2e2e2;
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li
    a {
    background-color: transparent;
    color: var(--paragraph-color);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li
    a:hover {
    background-color: var(--main-color-one);
    color: black;
  }
  .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
    transition: all 0.3s ease-in;
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li:hover.menu-item-has-children:before {
    color: var(--main-color-one);
  }
  .navbar-area.nav-style-01
    .nav-container
    .navbar-collapse
    .navbar-nav
    li:hover
    a {
    color: var(--main-color-one);
  }
  .navbar-area .nav-container {
    position: relative;
    z-index: 0;
    min-height: 80px;
  }
  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
  }
  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
  .navbar-area .nav-container .navbar-brand {
    display: block;
  }
  .navbar-area .nav-container .navbar-brand .navbar-toggler {
    position: absolute;
    right: 10px;
    border: 1px solid #e2e2e2;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    margin-top: 20px;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    text-align: left;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
    border-bottom: 0;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
    margin-left: 0;
  }
  .navbar-area
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu {
    position: initial;
    display: block;
    width: 100%;
    border-top: 0;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    transition: height 500ms;
  }
  .navbar-area
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    .sub-menu
    .menu-item-has-children:before {
    content: "";
  }
  .navbar-area
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li {
    padding: 0;
  }
  .navbar-area
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li
    + li {
    border-top: 0;
  }
  .navbar-area
    .nav-container
    .navbar-collapse
    .navbar-nav
    li.menu-item-has-children
    .sub-menu
    li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 575px) {
  .navbar-area .nav-container {
    margin: 0;
  }
}
.hero-slider-one.style-01 .owl-item.active .subtitle {
  animation: flipInX 1.5s 0.3s both;
}
.hero-slider-one.style-01 .owl-item.active .title {
  animation: flipInX 1.5s 0.6s both;
}
.hero-slider-one.style-01 .owl-item.active p {
  animation: flipInX 1.5s 0.9s both;
}
.hero-slider-one.style-01 .owl-item.active .author-sign {
  animation: flipInX 1.5s 1.2s both;
}
.hero-slider-one.style-01 .owl-item.active .hero-btn .btn {
  animation: flipInX 1.5s 1.5s both;
}
.hero-slider-one:hover .owl-nav div {
  visibility: visible;
  opacity: 1;
}
.hero-slider-one .owl-nav div {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #111;
  border: 1px solid #111;
  border-radius: 50%;
  transition: all 0.3s ease-in;
  visibility: hidden;
  opacity: 0;
}
.hero-slider-one .owl-nav div:hover {
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}
.hero-slider-one .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}
.hero-area {
  padding: 200px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.hero-content {
  max-width: 700px;
  padding-top: 180px;
}
.hero-content .subtitle {
  position: relative;
  margin-bottom: 20px;
  color: #111;
  font-weight: 700;
}
.hero-content .title {
  font-weight: 900;
  line-height: 1.1;
  font-size: 60px;
  text-transform: uppercase;
}
.hero-content .title span {
  color: var(--main-color-one);
}
.hero-content p {
  margin-top: 15px;
  font-size: 20px;
  line-height: 1.5;
  color: #555;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .hero-area {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .hero-area {
    padding: 100px 0;
  }
  .hero-content .title {
    font-size: 42px;
  }
  .hero-content p {
    font-size: 16px;
  }
  .hero-content .subtitle {
    font-size: 20px;
  }
}
.service-title {
  margin-left: auto;
  margin-right: auto;
}
.service-single-item {
  position: relative;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.06);
  padding: 50px;
}
.service-single-item .shape {
  position: absolute;
  top: 30px;
  left: 45px;
  width: 80px;
  z-index: -1;
}
.service-single-item .icon:before {
  position: absolute;
  content: "";
  left: 0;
  top: 75px;
  height: 1px;
  width: 70px;
  background: var(--main-color-two);
}
.service-single-item .icon i {
  padding-left: 15px;
  color: var(--main-color-two);
  z-index: 1;
  font-size: 36px;
  display: block;
}
.service-single-item .title {
  font-weight: 600;
}
.service-single-item:hover .content .title {
  color: var(--main-color-one);
  transition: 0.3s;
}
#callto-section {
  position: relative;
  background: var(--main-color-one);
}
#callto-section .content {
  max-width: 700px;
  margin: auto;
}
.callto .subtitle {
  text-transform: uppercase;
  line-height: 1.5;
}
.callto .subtitle {
  /* background: #fff; */
  color: #fff;
  padding: 5px;
  max-width: 460px;
  margin: auto;
  text-align: center;
}
.callto .title {
  color: #fff;
}
.callto .phone-number {
  font-size: 48px;
  display: block;
  font-weight: 600;
  color: var(--main-color-one);
}
.callto-img {
  position: absolute;
  top: -150px;
  right: 0;
  z-index: 9;
}
@media (max-width: 767px) {
  .callto .title,
  .callto .phone-number {
    font-size: 30px;
  }
  .callto-img img {
    width: 200px;
  }
}
.solution-title {
  margin-left: auto;
  margin-right: auto;
}
.solution-item {
  position: relative;
  padding: 30px;
  box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
}
.solution-item .solution-shape-icon .shape {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 60px;
}
.solution-item .solution-shape-icon i {
  display: block;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 28px;
}
.solution-item .title {
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .solution-img {
    text-align: center;
    margin-bottom: 30px;
  }
}
.request-form {
  background-color: var(--main-color-two);
  padding: 50px 45px 50px;
  position: relative;
  z-index: 2;
}
.request-form .content .title {
  color: black;
}
.request-form .section-title .title {
  font-size: 24px;
  line-height: 34px;
}
.request-page-form .form-group textarea {
  width: 100%;
  resize: none;
}
.request-page-form .form-group .form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 15px 30px 15px 0;
  color: black;
  background-color: transparent;
}
.request-page-form .form-group .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.request-page-form .form-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
}
.request-page-form .submit-btn {
  margin-top: 20px;
  background-color: #fff;
  width: 100%;
  padding: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main-color-two);
  transition: all 0.3s ease-in-out;
  border: 0;
  cursor: pointer;
}
.request-page-form .submit-btn:hover {
  background-color: var(--main-color-one);
  color: black;
}
@media (max-width: 767px) {
  .request-form {
    margin-top: 40px;
  }
}
.testimonial-area.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.testimonial-counter {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
}
.testimonial-counter.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.testimonial-counter.bg-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.37);
  z-index: -1;
}
.testimonial-counter .content .title {
  font-size: 100px;
  line-height: 110px;
  font-weight: 800;
  color: black;
  margin-bottom: 30px;
}
.testimonial-counter .content h4 {
  color: black;
  font-size: 24px;
}
.testimonial-area {
  position: relative;
  z-index: 0;
}
.testimonial-area.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.testimonial-area.bg-image-02 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.testimonial-area.bg-image-02::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 32, 0.35);
  z-index: -1;
}
.testimonial-carousel-area {
  background: var(--main-color-one);
}
.single-testimonial-item {
  display: flex;
  align-self: flex-start;
  position: relative;
}
.single-testimonial-item .thumb.bg-image-02 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
.single-testimonial-item .content {
  padding: 80px 100px;
  text-align: center;
}
.single-testimonial-item .content .icon i {
  font-size: 52px;
  color: #111;
}
.single-testimonial-item .content .title {
  color: black;
}
.single-testimonial-item .content .text {
  font-size: 20px;
  font-style: italic;
  color: black;
  line-height: 1.5;
}
.single-testimonial-item .author-details .author-img img {
  width: 70px;
  border-radius: 50%;
  margin: auto;
}
.single-testimonial-item .content .designation {
  color: #111;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-counter .content .title {
    font-size: 52px;
    line-height: 48px;
  }
  .testimonial-counter .content h4 {
    font-size: 20px;
  }
  .single-testimonial-item .content {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .testimonial-area.bg-image {
    min-height: 0;
  }
  .testimonial-counter .content .title {
    font-size: 48px;
    line-height: 48px;
  }
}
.blog-title {
  margin-left: auto;
  margin-right: auto;
}
.blog-post-item {
  position: relative;
  box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
  border-radius: 20px;
}
.blog-post-item .thumb {
  border-radius: 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08), 0 0 0 transparent;
}
.blog-post-item .thumb img {
  left: 50%;
  border-radius: 20px;
}
.blog-post-item .post-category {
  padding-left: 30px;
}
.blog-post-item .post-category a {
  padding: 3px 10px;
  background: var(--main-color-one);
  border-radius: 50px;
  color: black;
  font-size: 13px;
  font-weight: 600;
}
.blog-post-item .content {
  padding: 30px;
}
.blog-post-item .content .title {
  transition: 0.3s;
}
.blog-post-item .content .title:hover {
  color: var(--main-color-one);
}
.blog-post-item .content p {
  margin-top: 15px;
}
.blog-post-item .content .post-meta img {
  max-width: 40px;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: -5px;
}
.blog-post-item .content .post-meta li {
  padding: 0 10px;
  font-size: 13px;
}
.blog-post-item .content .post-meta .separator {
  background: var(--main-color-one);
  height: 5px;
  width: 5px;
  padding: 0;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .blog-post-item .content {
    padding: 30px 15px;
  }
}
@media (max-width: 350px) {
  .blog-post-item .content {
    padding: 30px 15px;
  }
}
#footer-section {
  padding: 10px 0 0;
  background: #212e3c;
}
.footer-widget .widget-title {
  color: black;
  text-align: center;
}
.footer-widget .widget-title span {
  color: var(--main-color-one);
}
.footer-widget p {
  color: #90979e;
}
.footer-widget-social ul li a {
  padding-right: 20px;
}
.footer-widget-gallery ul li {
  float: left;
  width: 50%;
  padding: 10px 20px 10px 0;
}
.footer-widget-gallery ul li figure {
  margin: 0;
  padding: 0;
}
.work-imgs{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
  margin-top: 50px;
}
.work-imgs > div{
  width: 31.5%;
  margin: 10px;
  overflow: hidden;
}
.work-imgs > div > img {
  width: 100%;
}
.gy-imgs{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
}
.gy-imgs > div{
  width: 23.8%;
  overflow: hidden;
  margin: 4px;
}
.gy-imgs > div > img{
  width: 100%;
}
.footer-widget-links ul li a {
  padding: 5px 0;
  display: block;
}
.footer-widget-post .card {
  border-bottom: 1px solid #384350;
  padding-bottom: 20px;
}
.footer-widget-post .card:last-child {
  border: 0;
}
.footer-widget-post .content .title {
  color: #ddd;
  font-weight: 600;
}
.footer-widget-post .content .meta span {
  color: var(--main-color-one);
}
.copyright-area {
  background: var(--main-color-one);
  padding: 25px 0;
}
.copyright-area p {
  color: #fff;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-gallery {
    margin-top: 50px;
  }
}
.project-title {
  margin-left: auto;
  margin-right: auto;
}
.project-item {
  position: relative;
}
.project-item .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.project-item .content:hover{
  background: rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}
.project-item .content .title {
  position: absolute;
  left: 20px;
  bottom: 0;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  color: black !important;
}
.project-item .content .icon i {
  position: absolute;
  right: 20px;
  bottom: 50px;
  visibility: hidden;
  opacity: 0;
  height: 40px;
  width: 40px;
  line-height: 46px;
  font-size: 20px;
  text-align: center;
  background: var(--main-color-one);
  border-radius: 50%;
  color: black;
  transition: 0.3s;
  display: block;
}
.project-item:hover .content .title {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}
.project-item:hover .content .icon i {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}
.project-detl .project-heading .text {
  font-size: 18px;
  line-height: 1.5;
}
.project-detl p {
  margin-top: 15px;
}
.projects-detl-list li {
  padding: 10px 0;
}
.projects-detl-list li i {
  margin-right: 10px;
  color: var(--main-color-one);
}
.blog-post-item .content h3.title {
  line-height: 1.5;
}
.blog-post-item .content .post-quote {
  background: rgba(255, 196, 0, 0.2);
  padding: 30px;
}
.blog-post-item .content .post-quote i {
  font-size: 24px;
}
.blog-post-item .content .post-quote p {
  font-size: 18px;
  font-style: italic;
  margin-top: 0;
  color: #111;
}
.blog-post-item .content .post-quote small {
  margin-top: 15px;
  display: block;
  color: #111;
}
.blog-post-item .content .post-inner-list li {
  padding: 10px 0;
}
.blog-post-item .content .post-inner-list li i {
  font-size: 11px;
  margin-right: 10px;
  color: var(--main-color-one);
}
.blog-sidebar {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.06);
  padding: 30px;
  border-radius: 20px;
}
.blog-sidebar .widget-search {
  position: relative;
}
.blog-sidebar .widget-search input {
  padding: 17px;
  border-radius: 0;
  font-size: 14px;
}
.blog-sidebar .widget-search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 57px;
  line-height: 62px;
  width: 50px;
  font-size: 20px;
  border: 0;
  color: var(--main-color-one);
  background: transparent;
  cursor: pointer;
}
.blog-sidebar .widget-archive.categories ul li a {
  padding: 7px 0;
  display: block;
}
.blog-sidebar .widget-archive.categories i {
  color: var(--main-color-one);
  margin-right: 10px;
  font-size: 14px;
}
.blog-sidebar .widget-archive.categories ul li a span {
  float: right;
}
.blog-sidebar .recent-post-item .thumb {
  width: 300px;
  padding-right: 20px;
}
.blog-sidebar .recent-post-item .title {
  font-size: 16px;
  transition: 0.3s;
}
.blog-sidebar .recent-post-item .title:hover {
  color: var(--main-color-one);
}
.blog-sidebar .recent-post-item span {
  font-size: 13px;
  color: var(--main-color-one);
}
.blog-sidebar .widget-tag-cloud {
  overflow: hidden;
}
.blog-sidebar .tagcloud ul li {
  float: left;
}
.blog-sidebar .tagcloud ul li a {
  padding: 5px 15px;
  background: #f3f6fd;
  margin: 5px 2px;
  border-radius: 50px;
  font-size: 13px;
  display: block;
  transition: 0.3s;
}
.blog-sidebar .tagcloud ul li a:hover,
.blog-sidebar .tagcloud ul li a.active {
  background: var(--main-color-one);
  color: #111;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-area .comments-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 38px;
}
.comments-area .comment-list .comment-respond {
  margin-bottom: 30px;
}
.comments-area .comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  margin-bottom: 20px;
}
.comments-area .comment-list li {
  margin-bottom: 30px;
}
.comments-area .comment-list li:last-child {
  margin-bottom: 0;
}
.comments-area .comment-list li ul.children {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
}
.comments-area .comment-list li ul {
  list-style: none;
}
.comments-area .comment-list li ul.children li {
  margin-left: 50px;
  list-style-type: none;
  list-style: none;
}
.comments-area .comment-list li .single-comment-wrap {
  display: flex;
  align-self: flex-start;
}
.comments-area .comment-list li .single-comment-wrap .thumb {
  margin-right: 20px;
  min-width: 80px;
  border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap .thumb img {
  margin-bottom: 10px;
  border-radius: 50%;
  width: 100px;
}
.comments-area .comment-list li .single-comment-wrap .date,
.blog-details-page-content-area
  .comments-area
  .comment-list
  li
  .single-comment-wrap
  .time {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
.comments-area .comment-list li .single-comment-wrap .content {
  flex: 1;
  position: relative;
}
.comments-area .comment-list li .single-comment-wrap .content .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  font-family: var(--heading-font);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-content {
  max-width: 620px;
}
.comments-area .comment-list li .single-comment-wrap .content p {
  font-size: 14px;
  line-height: 24px;
  word-break: break-word;
}
.comments-area .comment-list li .single-comment-wrap .content p:last-child {
  margin-bottom: 0;
}
.comments-area .comment-list li .single-comment-wrap .content .reply {
  color: var(--main-color-one);
  font-size: 12px;
  transition: 0.3s;
}
.comments-area .comment-list li .single-comment-wrap .content .reply i {
  font-size: 10px;
  margin-right: 5px;
}
.comments-area .comment-list li .single-comment-wrap .content .reply:hover {
  color: var(--main-color-two);
}
.comments-area .reply-title,
.comments-area .comment-reply-title {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
}
.comments-area .form-submit {
  margin-bottom: 0;
}
.comment-form .form-group.textarea .form-control {
  resize: none;
}
.comment-form .form-group.textarea .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.comment-form .form-group .form-control {
  padding: 6px;
  border-radius: 0;
  border: 0;
  background-color: #eee;
}
.comment-form .submit-btn {
  height: 50px;
  width: auto;
  border-radius: 5px;
  font-weight: 400;
  background-color: var(--main-color-one);
  border: 0;
  cursor: pointer;
  transition: 0.3s ease-in;
  color: black;
}
.comment-form .submit-btn:hover {
  background-color: var(--secondary-color);
  color: black;
}
.comments-area .comment-list .children li:last-child {
  margin-bottom: 30px;
}
.comments-area .comment-list li ul.children {
  margin-top: 30px;
}
.comment-form-cookies-consent input[type="checkbox"] {
  margin-right: 5px;
}
.team-item .content {
  box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
  padding: 20px;
}
.team-item .team-img img {
  width: 100%;
}
#testimonial-page .testimonial-carousel-area {
  background: transparent;
  padding: 0;
  margin: 0;
}
#testimonial-page .single-testimonial-item .content {
  max-width: 100%;
  padding: 0;
}
#testimonial-page .single-testimonial-item .testimonial-title {
  position: relative;
}
#testimonial-page .single-testimonial-item .testimonial-title h6 {
  padding-left: 90px;
}
#testimonial-page .single-testimonial-item .testimonial-title:before {
  position: absolute;
  content: "";
  top: 9px;
  left: 38%;
  height: 1px;
  width: 70px;
  background: var(--main-color-one);
}
#testimonial-page .single-testimonial-item .content .text {
  color: inherit;
}
#testimonial-page .single-testimonial-item .content .title {
  color: #111;
}
#testimonial-page .single-testimonial-item .author-meta .designation {
  color: var(--main-color-one);
  font-size: 13px;
  font-weight: 600;
}
#testimonial-page .owl-carousel .owl-controls {
  margin-top: 30px;
}
#testimonial-page .owl-carousel .owl-controls .owl-dots {
  text-align: center;
}
#testimonial-page .owl-carousel .owl-controls .owl-dot {
  display: inline-block;
  margin: 0 2px;
  font-size: 24px;
  background: #eee;
  height: 15px;
  width: 15px;
  border-radius: 50%;
}
#testimonial-page .owl-dots .owl-dot.active {
  background: var(--main-color-one);
  width: 40px;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .testimonial-counter .content {
    padding: 50px;
  }
  .single-testimonial-item .content {
    padding: 50px;
  }
  #testimonial-page .single-testimonial-item .testimonial-title::before {
    display: none;
  }
  #testimonial-page .single-testimonial-item .testimonial-title h6 {
    padding-left: 0;
  }
}
.customer-review-title {
  margin: 0 auto 20px;
}
.customer-review-item {
  position: relative;
  box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
  padding: 30px;
}
.customer-review-item .customer-name {
  font-size: 16px;
  color: var(--main-color-one);
}
.customer-review-item .designation {
  font-size: 14px;
}
.customer-review-item .customer-rating ul li {
  margin-right: 3px;
  color: var(--main-color-one);
}
.customer-review-item .icon {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 42px;
  opacity: 0.2;
  color: var(--main-color-one);
}
.contact-details .contact-phone span {
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0;
  color: var(--main-color-one);
}
.contact-details .contact-info {
  position: relative;
  padding-left: 10px;
}
.contact-details .contact-info:before {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  height: 52px;
  width: 3px;
  background: var(--main-color-one);
  z-index: -1;
}
.contact-details .contact-info .subtitle {
  text-transform: uppercase;
}
.contact-details .contact-info .title {
  padding: 10px 0;
  font-size: 24px;
  font-weight: 500;
}
.contact-details .contact-info .text {
  font-size: 18px;
  font-weight: 300;
  max-width: 180px;
}
.contact-form-detl h3 {
  font-size: 36px;
  font-weight: 400;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .contact-form-detl {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .contact-details .contact-phone span {
    font-size: 28px;
  }
  .contact-form-detl h3 {
    font-size: 26px;
  }
}
.error-page a {
  background: var(--main-color-one);
  padding: 20px;
  margin: 30px auto 0;
  letter-spacing: 1px;
  display: block;
  width: 200px;
}
.flag-bo{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.flag-bo div{
  width: 30%;
  height: 125px;
  background-color: var(--main-color-one);
  border-width: 1px;
  border-style: solid;
  color: white;
  border-radius: 20px;
  font-size: 28px;
  padding: 0px;
  text-align: center;
  line-height: 125px;
  font-weight: 700;
  font-style: normal;
  box-shadow: 0 5px 20px 0 rgb(69 67 96 / 10%);
}
.title-left{
  width: 300px;
  height: 10px;
  border-bottom: 1px solid #022791;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 40px;
}
.title-right{
  width: 300px;
  height: 10px;
  border-bottom: 1px solid #022791;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 40px;
}
.title{
  /* width: 145px; */
  height: 38px;
  font-size: 30px;
  font-family: Alibaba PuHuiTi;
  font-weight: bold;
  color: #606060;
  line-height: 38px;
}
.title-top{
  height: 26px;
  font-size: 31px;
  font-family: Alibaba PuHuiTi;
  font-weight: 300;
  color: #022791;
  line-height: 26px;
  opacity: 0.11;
}
.title-bottom{
  height: 25px;
font-size: 18px;
font-family: Alibaba PuHuiTi;
font-weight: 400;
color: #606060;
line-height: 25px;
}
.title-bottom_{
  height: 26px;
  font-size: 30px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #022791;
  line-height: 26px;
}
.project-img>img{
  height: 220px;
}
.in:hover{
  transform: scale(1.2)
}