input#solution : :-moz-placeholder {
  overflow-wrap : break-word;
  color : #11141b;
  text-wrap : balance;
  width : -moz-fit-content;
  width : fit-content;
  white-space : pre-wrap
}
  input#solution : :placeholder {
  overflow-wrap : break-word;
  color : #11141b;
  text-wrap : balance;
  width : -moz-fit-content;
  width : fit-content;
  white-space : pre-wrap
}
  *, : :after, : :before {
  margin : 0;
  padding : 0;
  box-sizing : border-box;
  scroll-behavior : smooth
}
body {
  font-family : "Josefin Sans", sans-serif;
  font-size : 16px;
  font-weight : 400
}
.hide {
  display : none
}
section {
  margin : 40px 0px;
  overflow : hidden
}
ul, ol {
  margin : 0;
  padding : 0;
  list-style : none
}
a {
  text-decoration : none
}
h1, h2, h3, h4, h5, h6, p {
  margin : 0;
  padding : 0
}
section .semi-title {
  margin-bottom : 10px
}
section .semi-title .animated-circles {
  color : #b59a6d;
  font-weight : 600;
  display : flex;
  align-items : center;
  position : relative;-moz-column-gap : 10px;
  column-gap : 10px
}
section .small-circle-start {
  position : relative;
  display : flex;
  align-items : center
}
  section .small-circle-start : :before {
  position : absolute;
  content : "";
  width : 15px;
  height : 15px;
  border : 1px dashed #b59a6d;
  right : 8px;
  border-radius : 50%;
  animation : circle 2s linear infinite
}
@keyframes circle {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
  }section .small-circle-start : :after {
  position : absolute;
  content : "";
  width : 15px;
  height : 15px;
  border : 1px dashed #b59a6d;
  right : 0;
  border-radius : 50%;
  animation : circleTwo 2s linear infinite
}
@keyframes circleTwo {
  0%{transform : rotate(360deg)
}
100% {
  transform : rotate(0deg)
}
}section .small-circle-end {
  position : relative;
  display : flex;
  align-items : center
}
  section .small-circle-end : :before {
  position : absolute;
  content : "";
  width : 15px;
  height : 15px;
  border : 1px dashed #b59a6d;
  left : 0px;
  border-radius : 50%;
  animation : circle 2s linear infinite
}
@keyframes circle {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
  }section .small-circle-end : :after {
  position : absolute;
  content : "";
  width : 15px;
  height : 15px;
  border : 1px dashed #b59a6d;
  left : 8px;
  border-radius : 50%;
  animation : circleTwo 2s linear infinite
}
@keyframes circleTwo {
  0%{transform : rotate(360deg)
}
100% {
  transform : rotate(0deg)
}
}.divide-row {
  background-color : rgba(0, 0,0, .06);
  content : "";
  height : 1px
}
.divide-row-tow {
  background-color : rgba(0, 0,0, .0823529412);
  content : "";
  height : 1px;
  width : 55%
}
.divide-column {
  background-color : #b59a6d;
  content : "";
  height : 100%;
  width : 3px
}
.sentence-underline {
  position : relative;
  display : inline-block
}
  .sentence-underline .banner-semi-title : :before {
  content : "";
  position : absolute;
  border-bottom : 1px solid rgba(255, 255, 255, .506);
  width : 100%;
  left : 0;
  top : 0;
  bottom : 0
}
.home-pages-video-popup .video-modal-wrapper {
  background-color : rgba(120, 119, 114, .9098039216);
  width : 100%;
  height : 100%;
  position : fixed;
  top : 50%;
  left : 50%;
  transform : translate(-50%, -50%);
  z-index : 999;
  display : none
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content {
  background-color : #fff;
  position : relative;
  width : 50%;
  padding : 20px;
  text-align : center;
  align-items : center;
  display : flex;
  justify-content : center;
  border-radius : 2px;
  top : 50%;
  left : 50%;
  transform : translate(-50%, -50%)
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content .video-close-btn {
  position : absolute;
  top : -10px;
  right : 10px;
  font-size : 40px;
  cursor : pointer
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content .web-video {
  width : 90%
}
.top-header-row-divide {
  background-color : #fff;
  height : 100%;
  opacity : .5;
  width : 1px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  section{margin : 50px 0px
}
.divide-row-tow {
  width : 45%
}
section .semi-title {
  display : flex;
  justify-content : center;
  text-align : center
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content .video-close-btn {
  top : -15px;
  right : 5px;
  font-size : 30px
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content {
  width : 90%;
  top : 31%
}
.home-pages-video-popup .video-modal-wrapper .video-modal-content .web-video {
  width : 100%
}
.top-header-row-divide {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  section{margin : 50px 0px
}
.divide-row-tow {
  width : 65%
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  section{margin : 50px 0px
}
.divide-row-tow {
  width : 50%
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .divide-row-tow{width : 45%
}
}h1 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 48px;
  line-height : 58px;
  font-weight : 800
}
h2 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 32px;
  line-height : 42px;
  font-weight : 700
}
h3 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 24px;
  line-height : 34px;
  font-weight : 700
}
h4 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 22px;
  line-height : 32px
}
h5 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 20px;
  line-height : 30px;
  font-weight : 600
}
h6 {
  font-family : "Raleway", sans-serif;
  color : #212529;
  font-size : 18px;
  line-height : 28px
}
p {
  color : #11141b;
  line-height : 24px;
  font-size : 16px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  h1{font-size : 23px;
  line-height : 33px
}
h2 {
  font-size : 20px;
  line-height : 30px
}
h3 {
  font-size : 18px;
  line-height : 28px
}
h4 {
  font-size : 17px;
  line-height : 27px
}
h5 {
  font-size : 16px;
  line-height : 26px
}
h6 {
  font-size : 15px;
  line-height : 25px
}
p {
  font-size : 14px;
  line-height : 24px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  h1{font-size : 26px;
  line-height : 36px;
  font-weight : 500
}
h2 {
  font-size : 23px;
  line-height : 33px;
  font-weight : 400
}
h3 {
  font-size : 21px;
  line-height : 31px;
  font-weight : 400
}
h4 {
  font-size : 18px;
  line-height : 28px;
  font-weight : 400
}
h5 {
  font-size : 17px;
  line-height : 27px;
  font-weight : 400
}
h6 {
  font-size : 16px;
  line-height : 26px;
  font-weight : 400
}
p {
  font-size : 14px;
  line-height : 24px;
  font-weight : 400
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  h1{font-size : 28px;
  line-height : 38px;
  font-weight : 500
}
h2 {
  font-size : 26px;
  line-height : 36px;
  font-weight : 400
}
h3 {
  font-size : 24px;
  line-height : 34px;
  font-weight : 400
}
h4 {
  font-size : 21px;
  line-height : 31px;
  font-weight : 400
}
h5 {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
h6 {
  font-size : 18px;
  line-height : 28px;
  font-weight : 400
}
p {
  font-size : 15px;
  line-height : 24px;
  font-weight : 400
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  h1{font-size : 32px;
  line-height : 42px;
  font-weight : 700
}
h2 {
  font-size : 30px;
  line-height : 40px;
  font-weight : 600
}
h3 {
  font-size : 28px;
  line-height : 38px;
  font-weight : 500
}
h4 {
  font-size : 26px;
  line-height : 36px;
  font-weight : 400
}
h5 {
  font-size : 24px;
  line-height : 34px;
  font-weight : 400
}
h6 {
  font-size : 22px;
  line-height : 32px;
  font-weight : 400
}
p {
  font-size : 15px;
  font-weight : 400
}
}button {
  font-family : "Raleway", sans-serif
}
.cityWall-btn a {
  display : inline-block;
  overflow : hidden;
  background : #b59a6d;
  transition : all .5s ease 0s;
  z-index : 1;
  padding : 13px 30px 13px;
  text-decoration : none;
  position : relative;
  border-radius : 0px;
  font-size : 15px;
  color : #fff;
  font-weight : 500
}
  .cityWall-btn a : :before {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  top : 0;
  left : 0;
  right : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn a : hover : :before {
  width : 100%;
  right : 0;
  left : auto
}
  .cityWall-btn a : :after {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  bottom : 0;
  right : 0;
  left : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn a : hover : :after {
  width : 100%;
  left : 0;
  right : auto
}
.cityWall-btn-two a {
  display : inline-block;
  overflow : hidden;
  background : #1b438a;
  transition : all .5s ease 0s;
  z-index : 1;
  padding : 13px 30px 13px;
  text-decoration : none;
  position : relative;
  border-radius : 0px;
  font-size : 15px;
  color : #fff;
  font-weight : 500
}
  .cityWall-btn-two a : :before {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  top : 0;
  left : 0;
  right : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn-two a : hover : :before {
  width : 100%;
  right : 0;
  left : auto
}
  .cityWall-btn-two a : :after {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  bottom : 0;
  right : 0;
  left : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn-two a : hover : :after {
  width : 100%;
  left : 0;
  right : auto
}
.cityWall-btn button {
  display : inline-block;
  overflow : hidden;
  background : #e2680c;
  transition : all .5s ease 0s;
  z-index : 1;
  padding : 13px 50px 13px;
  text-decoration : none;
  position : relative;
  border-radius : 0px;
  font-size : 15px;
  color : #fff;
  font-weight : 500;
  border : none;
  outline : none
}
  .cityWall-btn button : :before {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  top : 0;
  left : 0;
  right : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn button : hover : :before {
  width : 100%;
  right : 0;
  left : auto
}
  .cityWall-btn button : :after {
  content : "";
  background : #11141b;
  height : 50%;
  width : 0;
  position : absolute;
  bottom : 0;
  right : 0;
  left : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn button : hover : :after {
  width : 100%;
  left : 0;
  right : auto
}
.cityWall-btn-two.quick-service a {
  display : inline-block;
  overflow : hidden;
  background : #11141b;
  transition : all .5s ease 0s;
  z-index : 1;
  padding : 13px 30px 13px;
  text-decoration : none;
  position : relative;
  border-radius : 0px;
  font-size : 15px;
  color : #fff;
  font-weight : 500;
  border : 1px solid #11141b
}
  .cityWall-btn-two.quick-service a : :before {
  content : "";
  background : #b59a6d;
  height : 50%;
  width : 0;
  position : absolute;
  top : 0;
  left : 0;
  right : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn-two.quick-service a : hover : :before {
  width : 100%;
  right : 0;
  left : auto
}
  .cityWall-btn-two.quick-service a : :after {
  content : "";
  background : #b59a6d;
  height : 50%;
  width : 0;
  position : absolute;
  bottom : 0;
  right : 0;
  left : auto;
  transition : .5s;
  z-index : -1
}
  .cityWall-btn-two.quick-service a : hover : :after {
  width : 100%;
  left : 0;
  right : auto
}
.card-btn {
  color : #b59a6d;
  font-size : 17px;
  line-height : 34px;
  font-weight : 500;
  outline : none;
  background-color : rgba(0, 0,0, 0);
  border : 1px dashed #b59a6d;
  padding : 2px 12px;
  transition : .2s
}
.home-pages-video-popup .video-play-btn {
  position : relative;
  background-color : #b59a6d;
  outline : none;
  border : none;
  width : 50px;
  height : 50px;
  border-radius : 50%;
  color : #fff;
  font-size : 30px
}
  .home-pages-video-popup .video-play-btn : :before, .home-pages-video-popup .video-play-btn : :after {
  content : "";
  width : 100%;
  height : 100%;
  background-color : #b59a6d;
  z-index : 1;
  opacity : .7;
  position : absolute;
  border-radius : 50%;
  top : 0;
  left : 0
}
  .home-pages-video-popup .video-play-btn : :before {
  animation : playTwo 2s 2s ease-in-out infinite
}
  .home-pages-video-popup .video-play-btn : :after {
  animation : playTwo 2s 2s ease-in-out infinite
}
@keyframes playTwo {
  100%{transform : scale(1.5);
  opacity : 0
}
}.home-three .cityWall-btn a {
  border-radius : 0px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .navbar-details .cityWall-btn a{margin : 0 auto;
  padding : 8px 30px
}
.home.banner .buttons {
  flex-direction : column;
  text-align : center
}
.cityWall-btn a {
  padding : 8px 12px 8px
}
#openBtnTwo {
  width : 30px;
  height : 30px;
  border-radius : 50%;
  font-size : 20px
}
.home-pages-video-popup .video-play-btn {
  width : 40px;
  height : 40px;
  font-size : 20px
}
.home-three .mayor-city .images {
  top : 50px
}
  .home-three .mayor-city .images : :before {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .home.banner .cityWall-btn-two a{padding : 10px 20px
}
.cityWall-btn-two a {
  padding : 8px 30px 8px
}
#openBtnTwo {
  width : 35px;
  height : 35px;
  border-radius : 50%;
  font-size : 22px
}
.home-pages-video-popup .video-play-btn {
  width : 40px;
  height : 40px;
  font-size : 20px
}
.home-three .mayor-city .images {
  top : 50px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  #openBtnTwo{width : 40px;
  height : 40px;
  border-radius : 50%;
  font-size : 25px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .cityWall-btn a{padding : 13px 20px 13px
}
}.dropdown {
  position : relative;
  display : inline-block
}
.dropdown-toggle {
  cursor : pointer
}
.dropdown-menu {
  position : absolute;
  top : 100%;
  left : 0;
  display : none;
  min-width : 150px;
  padding : 8px;
  background-color : #fff;
  border : 1px solid #ccc;
  box-shadow : 0 2px 5px rgba(0, 0,0, .1);
  z-index : 1000
}
.dropdown-item {
  display : block;
  padding : 8px;
  color : #333;
  text-decoration : none;
  transition : background-color .3s
}
  .dropdown-item : hover {
  background-color : #f5f5f5
}
header .default {
  position : relative
}
header .default .top-header .top-header-content {
  background-color : #b59a6d;
  height : 60px;
  align-items : center;
  display : flex
}
header .default .top-header .top-header-content .contact-top-information a {
  color : #fff
}
header .default .top-header .top-header-content .contact-top-information .mobile-number-email {
  gap : 20px;
  font-size : 16px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink {
  gap : 20px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink .language {
  margin-right : 0px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink .language select#language {
  color : #fff;
  border : none;
  background : rgba(0, 0,0, 0);
  outline : none;
  cursor : pointer;
  font-size : 16px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink .language select#language option {
  background-color : #000;
  padding : 10px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink .socialLink ul {
  margin-left : 15px;-moz-column-gap : 15px;
  column-gap : 15px
}
header .home-one {
  position : relative
}
header .home-one .top-header .top-header-content {
  background-color : #1b438a;
  height : 50px;
  align-items : center;
  display : flex
}
header .home-one .top-header .top-header-content .contact-top-information {
  font-size : 16px
}
header .home-one .top-header .top-header-content .contact-top-information a {
  color : #fff;
  font-size : 16px
}
header .home-one .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 80px;
  column-gap : 80px
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .language {
  margin-right : 50px;
  font-size : 16px
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .language select#language {
  color : #fff;
  border : none;
  background : rgba(0, 0,0, 0);
  outline : none;
  cursor : pointer;
  font-size : 16px
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .language select#language option {
  background-color : #000;
  padding : 10px
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .socialLink ul {
  margin-left : 15px;-moz-column-gap : 15px;
  column-gap : 15px
}
header .home-three {
  position : relative
}
header .home-three .top-header {
  width : 100%;
  height : 10px;
  content : "";
  background-color : #bd632f
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  header .home-one .top-header .top-header-content{height : -moz-fit-content;
  height : fit-content;
  padding-top : 20px
}
header .home-one .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  align-items : center;
  justify-content : space-between
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .language {
  margin-right : 0
}
header .home-one .top-header .top-header-content .contact-top-information .mobile-number-email {
  flex-direction : column;
  row-gap : 0px;
  text-align : center
}
.home-one .language-socialLink {
  flex-direction : column;
  margin : 10px auto;
  row-gap : 20px;
  align-items : center;
  justify-content : center;
  text-align : center
}
.default .top-header .top-header-content .contact-top-information {
  padding : 20px 0px;
  row-gap : 50px
}
.default .divide-column {
  display : none
}
header .default .top-header .top-header-content {
  height : -moz-fit-content;
  height : fit-content
}
header .default .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  align-items : center;
  justify-content : space-between;
  row-gap : 1rem
}
header .default .top-header .top-header-content .contact-top-information .mobile-number-email {
  flex-direction : column;
  text-align : center
}
.default .language-socialLink {
  flex-direction : column;
  row-gap : 20px;
  align-items : center;
  margin : auto
}
.default .top-header .top-header-content .contact-top-information {
  padding : 20px 0px;
  row-gap : 50px
}
.default .divide-column {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  header .home-one .top-header .top-header-content{height : -moz-fit-content;
  height : fit-content;
  padding : 20px 0px
}
header .home-one .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 20px
}
header .home-one .top-header .top-header-content .contact-top-information .language-socialLink .language {
  margin-right : 0
}
header .home-one .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 0px;
  column-gap : 0px;
  justify-content : space-evenly
}
.home-one .language-socialLink {
  margin : auto;
  gap : 40px
}
.default .top-header .top-header-content .contact-top-information {
  padding : 20px 0px;
  row-gap : 20px
}
.default .divide-column {
  display : none
}
.default .top-header .top-header-content .contact-top-information .mobile-number-email {
  flex-wrap : wrap
}
.default-brand-style {
  display : none
}
header .default .top-header .top-header-content {
  height : -moz-fit-content;
  height : fit-content
}
header .default .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 20px
}
header .default .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 0px;
  column-gap : 20px;
  justify-content : space-evenly;
  flex-wrap : wrap;
  row-gap : 20px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink {
  margin : auto
}
.default .top-header .top-header-content .contact-top-information {
  padding : 20px 0px;
  row-gap : 20px
}
.default .divide-column {
  display : none
}
.default .top-header .top-header-content .contact-top-information .mobile-number-email {
  flex-wrap : wrap
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  header .home-one .top-header .top-header-content{height : -moz-fit-content;
  height : fit-content;
  padding : 20px 0px
}
header .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 30px
}
header .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 0px;
  column-gap : 0;
  justify-content : space-evenly
}
.home-one .language-socialLink {
  margin : auto
}
header .home-one .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 0;
  column-gap : 0
}
header .home-one .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 20px
}
header .default .top-header .top-header-content {
  height : -moz-fit-content;
  height : fit-content;
  padding : 20px 0px
}
header .default .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 30px
}
header .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 0px;
  column-gap : 0;
  justify-content : space-evenly
}
header .default .top-header .top-header-content .contact-top-information {
  flex-direction : column;
  row-gap : 20px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink {
  margin : auto
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  header .home-one .top-header .top-header-content{height : -moz-fit-content;
  height : fit-content;
  padding : 20px 0px
}
.default .top-header .top-header-content .contact-top-information .mobile-number-email {
  justify-content : center
}
header .default .top-header .top-header-content {
  height : -moz-fit-content;
  height : fit-content;
  padding : 20px 0px
}
.default .top-header .top-header-content .contact-top-information .mobile-number-email {
  justify-content : center
}
header .default .top-header .top-header-content .contact-top-information {
  font-size : 14px
}
header .default .top-header .top-header-content .contact-top-information a {
  font-size : 14px
}
header .default .top-header .top-header-content .contact-top-information .language-socialLink .language select#language {
  font-size : 14px
}
header .default .top-header .top-header-content .contact-top-information .mobile-number-email {
  -moz-column-gap : 24px;
  column-gap : 12px;
  font-size : 14px
}
}.beautiful-Portfolio .beautiful-images {
  display : grid;
  grid-template-columns : repeat(3, 1fr);
  gap : 24px
}
.beautiful-Portfolio .beautiful-images .second-column, .beautiful-Portfolio .beautiful-images .three-column {
  display : flex;
  flex-direction : column;
  row-gap : 24px
}
.beautiful-Portfolio .beautiful-images .item {
  position : relative;
  width : 100%;
  height : 100%;
  transition : all .5s ease
}
.beautiful-Portfolio .beautiful-images .item img {
  width : 100%;
  height : 100%;
  transition : all .8s ease
}
  .beautiful-Portfolio .beautiful-images .item : hover img {
  transform : scale(1.1)
}
.beautiful-Portfolio .beautiful-images .item .added-icons i {
  display : none;
  transition : all .5s ease
}
  .beautiful-Portfolio .beautiful-images .item : hover i {
  background-color : rgba(227, 209, 188, .44);
  width : 90%;
  height : 90%;
  font-size : 30px;
  font-weight : bolder;
  color : #fff;
  position : absolute;
  top : 50%;
  left : 50%;
  transform : translate(-50%, -50%);
  display : flex;
  align-items : center;
  justify-content : center;
  cursor : pointer
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .beautiful-Portfolio .beautiful-images{grid-template-columns : repeat(1, 1fr);
  gap : 10px
}
.beautiful-Portfolio .beautiful-images .second-column, .beautiful-Portfolio .beautiful-images .three-column {
  row-gap : 10px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .beautiful-Portfolio .beautiful-images{grid-template-columns : repeat(2, 1fr);
  gap : 10px
}
.beautiful-Portfolio .beautiful-images .second-column, .beautiful-Portfolio .beautiful-images .three-column {
  row-gap : 10px
}
.three-column.aos-init.aos-animate {
  display : flex;
  flex-wrap : wrap;
  gap : 10px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .beautiful-Portfolio .beautiful-images{gap : 14px
}
.beautiful-Portfolio .beautiful-images .second-column, .beautiful-Portfolio .beautiful-images .three-column {
  row-gap : 14px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .beautiful-Portfolio .beautiful-images{gap : 14px
}
.beautiful-Portfolio .beautiful-images .second-column, .beautiful-Portfolio .beautiful-images .three-column {
  row-gap : 14px
}
}.default .navbar-details {
  background-color : #fff;
  font-weight : bold;
  padding : 0px;
  height : 100px
}
.default .navbar-details .brand-logo a img {
  width : 140px
}
.default .navbar-details .navigation-link .navbar-nav {
  padding : 0px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  color : #000;
  position : relative;
  display : inline;
  font-size : 16px;
  margin : 20px;
  padding : 0px
}
  .default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : :after {
  border-bottom : 1px solid #b59a6d;
  content : "";
  position : absolute;
  width : 0%;
  bottom : 0;
  left : 0;
  transition : 2s
}
  .default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : hover : :after {
  width : 100%;
  display : inline-table
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link i {
  padding-left : 5px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .dash-icons {
  display : none
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .plus-icons {
  display : none
}
.default .navbar-details .navigation-link .modal-content {
  background-color : #bd632f;
  border-radius : 1%
}
.default .navbar-details .navigation-link .modal-content .search-form {
  display : flex;
  flex-direction : row-reverse;
  height : 80px
}
.default .navbar-details .navigation-link .modal-content .search-form button {
  position : absolute;
  top : 10px
}
.default .navbar-details .navigation-link .modal-content .search-form .search-wrap {
  width : 100%;
  align-items : center;
  display : flex;
  justify-content : center
}
.default .navbar-details .navigation-link .modal-content .search-form .search-wrap form {
  width : 80%
}
.default .navbar-details .navigation-link .modal-content .search-form .search-wrap input#Submit {
  width : 80%;
  outline : none;
  border : none;
  padding : 5px 10px;
  border-radius : 2px
}
.default .navbar-details .navigation-link .modal-content .search-form .search-wrap input[type=submit] {
  color : #fff;
  background : #b59a6d;
  padding : 5px 10px;
  border-radius : 2px;
  border : none
}
.home-one .navbar-details {
  background-color : #fff;
  font-weight : bold;
  padding : 0px 40px;
  height : 70px
}
.home-one .navbar-details .brand-logo a img {
  width : 140px
}
.home-one .navbar-details .navigation-link .navbar-nav {
  padding : 0
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  color : #000;
  position : relative;
  display : inline;
  font-size : 16px;
  margin : 20px;
  padding : 0px
}
  .home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : :after {
  border-bottom : 1px solid #b59a6d;
  content : "";
  position : absolute;
  width : 0%;
  bottom : 0;
  left : 0;
  transition : 2s
}
  .home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : hover : :after {
  width : 100%;
  display : inline-table
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link i {
  padding-left : 5px
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .dash-icons {
  display : none
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .plus-icons {
  display : none
}
.home-three .navbar-details {
  height : 100px;
  position : fixed;
  z-index : 10;
  background : #fff;
  margin : 0 auto;
  left : 0px;
  right : 0;
  top : 20px;
  max-width : 85%
}
.home-three .navbar-details .brand-logo a img {
  width : 140px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 0
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  color : #000;
  position : relative;
  display : inline;
  font-size : 16px;
  margin : 14px;
  padding : 0px
}
  .home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : :after {
  border-bottom : 1px solid #b59a6d;
  content : "";
  position : absolute;
  width : 0%;
  bottom : 0;
  left : 0;
  transition : 2s
}
  .home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link : hover : :after {
  width : 100%;
  display : inline-table
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link i {
  padding-left : 5px
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .dash-icons {
  display : none
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link .plus-icons {
  display : none
}
.home-three .search-container form {
  background-color : #b59a6d;
  display : flex;
  padding : 11px 18px;
  border-radius : 30px;
  align-items : center;
  position : relative;
  max-width : 180px
}
.home-three .search-container form input {
  width : 0px;
  outline : 0;
  border : 0;
  transition : .8s;
  background-color : rgba(0, 0,0, 0)
}
.home-three .search-container form button {
  border : none;
  background-color : rgba(0, 0,0, 0);
  transition : 3s
}
  .home-three .search-container form button : hover {
  transform : scale(1.1);
  color : #fff
}
  .home-three .search-container form button : focus {
  outline-style : solid
}
.home-three .search-container .active-input {
  width : 100%;
  padding : 0 5px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .home-one .navbar-details .navigation-link{padding-left : 0;
  margin-top : 20px
}
.home-one .navbar-details {
  padding : 20px 0px;
  height : auto
}
.default .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-one .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .navigation-link {
  padding-left : 0;
  margin-top : 20px
}
.home-three .navbar-details {
  padding : 6px 0px;
  height : auto
}
  .home-three .navbar-details .brand-logo : :before {
  display : none
}
.home-three .navbar-details .container .brand-logo {
  padding : 5px 10px;
  height : auto;
  position : static;
  width : 120px;
  border-radius : 2px
}
.home-three .navbar-details .brand-logo a {
  margin : 0
}
.home-three .navbar-details .brand-logo a img {
  width : 100%;
  margin-left : 0px
}
.home-three .navbar-details .said-navbar a {
  display : none
}
  .home-three .navbar-details .brand-logo : :after {
  display : none
}
.home-three .navbar-details .navigation-link .search-btn {
  display : none
}
.search-container {
  display : none
}
.default .navbar-details .navigation-link {
  padding-left : 0;
  margin-top : 20px
}
.default .navbar-details {
  padding : 20px 0px;
  height : auto
}
.default .navbar-details .said-navbar a {
  display : none
}
.default .navbar-details .navigation-link .search-btn {
  display : none
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .home-one .navbar-details{padding : 20px 0px;
  height : auto
}
.default .navbar-details .navigation-link .navbar-nav {
  padding : 20px
}
.home-one .navbar-details .navigation-link .navbar-nav {
  padding : 20px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 20px
}
.home-one .navbar-details .navigation-link {
  padding-left : 0px
}
.home-three .navbar-details {
  padding : 10px 0px;
  height : auto
}
  .home-three .navbar-details .brand-logo : :before {
  display : none
}
.home-three .navbar-details .container .brand-logo {
  padding : 5px 10px;
  height : auto;
  position : static;
  width : 120px;
  border-radius : 2px
}
.home-three .navbar-details .brand-logo a img {
  width : 100%;
  margin-left : 0px
}
.home-three .navbar-details .navigation-link {
  padding-left : 0px
}
  .home-three .navbar-details .brand-logo : :after {
  display : none
}
.default .navbar-details {
  padding : 20px 0px;
  height : auto
}
.default .navbar-details .navigation-link {
  padding-left : 0px
}
.default .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-one .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .home-one .navbar-details{padding : 20px 0px;
  height : auto
}
.home-one .navbar-details .navigation-link {
  padding-left : 0px
}
.home-three .navbar-details {
  padding : 20px 0px;
  height : auto
}
  .home-three .navbar-details .brand-logo : :before {
  display : none
}
.home-three .navbar-details .container .brand-logo {
  padding : 5px 10px;
  height : auto;
  position : static;
  width : 140px;
  border-radius : 2px
}
.home-three .navbar-details .brand-logo a img {
  width : 100%;
  margin-left : 0px
}
.home-three .navbar-details .navigation-link {
  padding-left : 0px
}
  .home-three .navbar-details .brand-logo : :after {
  display : none
}
.default .navbar-details {
  padding : 20px 0px;
  height : auto
}
.default .navbar-details .navigation-link {
  padding-left : 0px
}
.default .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-one .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .home-one .navbar-details .navigation-link .navbar-nav{gap : 14px
}
.home-one .navbar-details ul {
  margin-left : auto
}
.home-one .navbar-details .navigation-link {
  padding-left : 0px
}
.home-three .navbar-details .navigation-link .navbar-nav {
  padding : 20px 0px;
  gap : 20px
}
.home-three .navbar-details .container .brand-logo {
  padding : 5px 10px;
  height : auto;
  position : static;
  width : 140px;
  border-radius : 2px
}
  .home-three .navbar-details .brand-logo : :before {
  display : none
}
.home-three .navbar-details .brand-logo a {
  margin : 0
}
.home-three .navbar-details ul {
  margin-left : auto
}
.home-three .navbar-details .navigation-link {
  padding-left : 0px
}
  .home-three .navbar-details .brand-logo : :after {
  display : none
}
.home-three .navbar-details {
  max-width : 90%
}
.default .navbar-details ul {
  margin-left : auto
}
.default .navbar-details .navigation-link {
  padding-left : 0px
}
.default .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 5px
}
.home-one .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link {
  margin : 0px
}
.home-three .navbar-details .search-container {
  display : none
}
  }@media screen and (min-width: 1200px)and (max-width: 1400px) {
  .home-three .navbar-details .navigation-link .navbar-nav .nav-item .nav-link{margin : 6px
}
.home-three .navbar-details .cityWall-btn a {
  padding : 13px 20px 13px
}
}.said-navbar a {
  color : #b59a6d;
  transition : 1s;
  font-size : 14px;
  display : flex;
  gap : 8px
}
  .said-navbar a : hover {
  color : #fff
}
.said-navbar .side-logo-button {
  position : absolute;
  top : 0;
  right : 0;
  left : 0;
  display : flex;
  align-items : center;
  justify-content : space-between;
  padding : 0 20px
}
.said-navbar .side-logo-button img {
  width : 60%
}
.said-navbar i {
  font-size : 30px;
  display : flex;
  color : #b59a6d;
  transition : 2s
}
  .said-navbar i : hover {
  color : #11141b
}
.said-navbar .sidenav {
  background-color : #000;
  height : 100%;
  width : 0;
  position : fixed;
  z-index : 99;
  top : 0;
  right : 0;
  overflow-x : hidden;
  transition : .5s;
  padding : 60px 0px;
  font-weight : normal
}
.said-navbar .sidenav .our-mission, .said-navbar .sidenav .contact {
  margin : 20px 0;
  padding : 0 20px
}
.said-navbar .sidenav .our-mission p, .said-navbar .sidenav .contact p {
  margin-top : 10px;
  color : #f7f7f7
}
.said-navbar .sidenav .our-mission .con-info ul, .said-navbar .sidenav .contact .con-info ul {
  margin-top : 10px;
  display : flex;
  flex-direction : column;
  row-gap : 10px
}
.said-navbar .sidenav .our-mission .con-info ul li a, .said-navbar .sidenav .contact .con-info ul li a {
  color : #f7f7f7
}
.said-navbar .sidenav .our-mission .con-info ul li i, .said-navbar .sidenav .contact .con-info ul li i {
  font-size : 18px;
  display : flex;
  align-items : center;
  color : #b59a6d
}
.said-navbar .sidenav .our-mission .social-link, .said-navbar .sidenav .contact .social-link {
  margin-top : 20px
}
.said-navbar .sidenav .our-mission .social-link ul, .said-navbar .sidenav .contact .social-link ul {
  display : flex;-moz-column-gap : 20px;
  column-gap : 20px;
  justify-content : center
}
.said-navbar .sidenav .our-mission .social-link ul li a, .said-navbar .sidenav .contact .social-link ul li a {
  background-color : #fff;
  padding : 10px;
  border-radius : 5px;
  cursor : pointer;
  transition : 1s
}
.said-navbar .sidenav .our-mission .social-link ul li a i, .said-navbar .sidenav .contact .social-link ul li a i {
  font-size : 16px;
  transition : 1s
}
  .said-navbar .sidenav .our-mission .social-link ul li a : hover, .said-navbar .sidenav .contact .social-link ul li a : hover {
  background-color : #b59a6d
}
  .said-navbar .sidenav .our-mission .social-link ul li a : hover i, .said-navbar .sidenav .contact .social-link ul li a : hover i {
  color : #fff
}
.said-navbar .sidenav .closebtn {
  font-size : 40px;
  font-family : "Raleway", sans-serif
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .said-navbar a{display : none
}
}.banner-card form {
  width : 70%;
  border : 1px dashed #b59a6d
}
.banner-card form .banner-input-field input#solution {
  width : 80%;
  border : none;
  outline : none;
  padding : 5px 10px;
  transition : 2s
}
  .banner-card form .banner-input-field input#solution : :-moz-placeholder {
  white-space : nowrap
}
  .banner-card form .banner-input-field input#solution : :placeholder {
  white-space : nowrap
}
.banner-card form .banner-input-field a {
  border : none;
  outline : none;
  background-color : #b59a6d;
  color : #fff;
  padding : 5px;
  transition : background 1s;
  word-wrap : break-word;
  text-align : center;
  margin : 4px
}
  .banner-card form .banner-input-field a : hover {
  background-color : #bd632f
}
  .banner-card form : hover {
  border : 1px solid #bd632f
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  footer.home-one{padding : 60px 0px 0px 0px
}
.banner-card form {
  display : none
}
.banner-card form .banner-input-field a {
  white-space : pre-wrap
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner-card form{width : 100%
}
.banner-card form .banner-input-field a {
  white-space : pre-wrap
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner-card form{width : 100%
}
.banner-card form .banner-input-field a {
  white-space : pre-wrap
}
}.home-one .banner .images-optimization img {
  width : 100%;
  max-height : 723px
}
.home-one .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.home-one .banner .images-optimization .banner-content {
  align-items : center
}
.home-one .banner .images-optimization .banner-content .buttons .cityWall-btn {
  display : flex;
  gap : 20px;
  margin-top : 40px
}
.home-one .banner .images-optimization .banner-semi-title {
  font-size : 22px;
  line-height : 30px
}
.home-one .banner .leFadeInRight span {
  animation-name : leFadeInRight
}
@keyframes leFadeInRight {
  from{opacity : 0;
  transform : translateX(200px)
}
to {
  opacity : 1
}
}.home-one .banner-card {
  margin-top : -100px
}
.home-one .banner-card .card {
  padding : 40px 10px 40px 30px;
  border-radius : 0;
  border : none;
  box-shadow : 0px 0px 11px 0px rgba(0, 0,0, .18);
  transition : .5s
}
.home-one .banner-card .card img {
  background-color : #b59a6d;
  width : 50px;
  padding : 5px;
  border-radius : 1px;
  transition : .5s
}
  .home-one .banner-card .card : hover img {
  background-color : #11141b
}
.home-one .banner-card .card .card-body {
  margin-top : 25px;
  padding : 0
}
  .home-one .banner-card .card : :after {
  content : "";
  position : absolute;
  display : block;
  border-bottom : 5px solid #11141b;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  transform : scaleX(0);
  transition : transform .9s ease;
  pointer-events : none
}
  .home-one .banner-card .card : hover : :after {
  transform : scaleX(1)
}
.home-one .about-company .images {
  position : relative
}
.home-one .about-company .images .img-one {
  max-height : 597px
}
.home-one .about-company .images .img-tow {
  position : absolute;
  right : -30px;
  bottom : -20px;
  width : 80%;
  max-height : 325px;
  max-width : 538px
}
.home-one .about-company .images .left-slider {
  animation : leftSlider 2s linear forwards
}
@keyframes leftSlider {
  0%{transform : translate(-100px);
  opacity : 0
}
100% {
  transform : translate(0px);
  opacity : 1
}
}.home-one .about-company .company-details {
  position : relative;
  margin-left : 35px
}
.home-one .about-company .company-details .semi-title {
  margin-left : 22px
}
.home-one .about-company .company-details h1 {
  margin : 0px 0px 40px 0px
}
.home-one .about-company .company-details p {
  line-height : 28px;
  margin : 30px 0px
}
.home-one .about-company .company-details .company-list {
  margin-bottom : 30px
}
.home-one .about-company .company-details .company-list ul {
  display : flex;
  flex-direction : column
}
.home-one .about-company .company-details .company-list ul li {
  display : flex;
  align-items : center;-moz-column-gap : 10px;
  column-gap : 10px
}
.home-one .about-company .company-details .company-list ul li .square {
  content : "";
  background-color : #b59a6d;
  width : 10px;
  height : 10px
}
.home-one .about-company .company-details .company-videos {
  -moz-column-gap : 60px;
  column-gap : 60px
}
.home-one .government-service {
  background-color : #f7f7f7;
  padding : 30px 0px
}
.home-one .government-service .card {
  padding : 40px 10px 40px 30px;
  box-shadow : 0px 0px 5px 0px rgba(0, 0,0, .09)
}
.home-one .government-service .card img {
  background-color : #b59a6d;
  width : 25%;
  padding : 5px;
  border-radius : 2px
}
.home-one .government-service .card .card-body {
  margin-top : 25px;
  padding : 0
}
.home-one .government-service .card .card-body .card-title {
  font-weight : 600
}
.home-one .government-service .card .card-footer {
  margin-top : 20px;
  display : inline-block
}
.home-one .government-service .card .card-footer .card-btn {
  transition : 2s;
  display : inline-block
}
  .home-one .government-service .card .card-footer .card-btn : hover {
  border : 1px solid #b59a6d;
  background-color : #11141b;
  color : #fff
}
.home-one .our-investigators .card-body {
  margin-top : -230px
}
.home-one .our-investigators .card-body ul li {
  background-color : #fff;
  width : 30px;
  height : 30px;
  margin-bottom : 4px;
  text-align : center;
  transition : background-color .3s ease;
  align-items : center;
  display : flex;
  justify-content : center
}
.home-one .our-investigators .card-body ul li a {
  display : flex;
  align-items : center;
  color : #b59a6d
}
.home-one .our-investigators .card-body .share-btn {
  background-color : #b59a6d;
  color : #fff;
  width : 30px;
  height : 30px
}
.home-one .our-investigators .card-body .info {
  background-color : #11141b;
  color : #fff;
  transition : background-color .3s ease
}
  .home-one .our-investigators .card-body : hover .info {
  background-color : #b59a6d
}
.home-one .hideLink {
  visibility : hidden
}
.home-one .best-city-government {
  position : relative
}
.home-one .best-city-government .images-and-overlay {
  position : relative
}
.home-one .best-city-government .images-and-overlay img {
  width : 100%;
  min-height : 300px;
  max-height : 737px
}
.home-one .best-city-government .images-and-overlay .overlay {
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(14, 12, 12, .298);
  border-radius : 0% 0% 24% 24%/0% 0% 15% 15%
}
.home-one .best-city-government .home-pages-video-popup {
  display : block
}
.home-one .best-city-government .city-content {
  margin-top : -460px;
  position : relative;
  row-gap : 50px;
  display : flex;
  flex-direction : column
}
.home-one .best-city-government .city-content h2 {
  padding : 1px 0px
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content {
  background-color : #fff;
  padding : 90px 60px 0 60px
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li {
  margin : 20px 0
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li .divide-row {
  margin : 15px 0;
  transition : all 1s ease-out
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  color : #11141b;
  font-weight : 500;
  font-size : 20px;
  line-height : 24px;
  transition : all 1s ease-out
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li a i {
  display : none;
  transition : all 1s ease-out
}
  .home-one .best-city-government .city-content .city-service-list .city-footer-content ul li : hover .divide-row {
  background-color : #b59a6d
}
  .home-one .best-city-government .city-content .city-service-list .city-footer-content ul li : hover a {
  color : #b59a6d
}
  .home-one .best-city-government .city-content .city-service-list .city-footer-content ul li : hover a i {
  display : block
}
.home-one .company-brand-logo .divide-row {
  margin-bottom : 80px;
  height : .5px;
  position : relative;
  top : 20px
}
  .home-one .company-brand-logo .divide-row : :after {
  background-color : #11141b;
  content : "";
  position : absolute;
  width : 20px;
  height : 20px;
  border-radius : 50%;
  display : flex;
  align-items : center;
  transform : translate(-50%, -50%);
  animation : move 20s linear infinite alternate
}
@keyframes move {
  0%{left : 0;
  right : 99%
}
100% {
  right : 0;
  left : 99%
}
}@keyframes scroll {
  0%{transform : translateX(0)
}
100% {
  transform : translateX(-1750px)
}
}.home-one .company-brand-logo .slider {
  height : 100px;
  margin : auto;
  overflow : hidden;
  position : relative;
  width : auto
}
.home-one .company-brand-logo .slider .slide-track {
  animation : scroll 40s linear infinite;
  display : flex;
  width : 3500px;-moz-column-gap : 50px;
  column-gap : 50px
}
.home-one .company-brand-logo .slider .slide {
  height : 100px;
  width : 250px
}
.home-one .upcoming-city {
  background-color : #f7f7f7
}
.home-one .upcoming-city .semi-title {
  margin-left : 22px
}
.home-one .upcoming-city .upcoming-events-card .details-information {
  display : grid;
  gap : 30px;
  margin-bottom : 20px;
  grid-template-columns : 240px 1fr
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info {
  display : flex;
  align-items : center;
  padding-right : 20px
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info .info ul li {
  color : #11141b;
  font-size : 15px;
  line-height : 34px
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info .info ul li i {
  color : #b59a6d
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link {
  display : flex
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a {
  font-size : 20px;
  color : #fff;
  cursor : pointer
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer {
  background-color : #b59a6d;
  border-radius : 2px;
  position : relative;
  width : 40px;
  height : 40px;
  align-items : center;
  display : flex;
  justify-content : center
}
  .home-one .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer : :before {
  position : absolute;
  content : "";
  top : 5px;
  left : 5px;
  border-radius : 2px;
  width : 40px;
  height : 40px;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d
}
  .home-one .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer : hover : :before {
  animation : animName 5s linear infinite
}
@keyframes animName {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
  }.home-one .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer {
  background-color : rgba(0, 0,0, 0)
}
  .home-one .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer i {
  color : #b59a6d
}
.home-one .upcoming-city .download-city h2 {
  margin-bottom : 40px
}
.home-one .upcoming-city .download-city .card {
  background-color : #b59a6d
}
.home-one .upcoming-city .download-city .card .eyes-download-icons {
  display : flex;
  justify-content : space-between;
  align-items : center
}
.home-one .upcoming-city .download-city .card .eyes-download-icons img {
  width : 40px;
  display : flex
}
.home-one .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon input[type=file], .home-one .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon input[type=file] {
  display : none
}
.home-one .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon label, .home-one .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon label {
  cursor : pointer
}
.home-one .our-testimonials .testimonial-slider .card .testi-single-box {
  position : relative;
  border-radius : 2px;
  box-shadow : 5px 5px 20px 5px rgba(0, 0,0, .07);
  margin : 0 0px;
  z-index : 1;
  transition : .9s all
}
  .home-one .our-testimonials .testimonial-slider .card .testi-single-box : after {
  position : absolute;
  content : "";
  height : 100%;
  width : 100%;
  background : #b59a6d;
  top : 0;
  left : 0;
  border-radius : 2px;
  z-index : -1;
  transition : .5s;
  transform : scale(0.2, 1);
  opacity : 0
}
  .home-one .our-testimonials .testimonial-slider .card .testi-single-box : hover : after {
  transform : scale(1);
  opacity : 1
}
.home-one .our-testimonials .testimonial-slider .card .testi-single-box>i {
  font-size : 40px;
  color : #49545e
}
.home-one .our-testimonials .testimonial-slider .card .testi-single-box ul li {
  color : #b59a6d
}
  .home-one .our-testimonials .testimonial-slider .card .testi-single-box : hover ul li {
  color : #daa520
}
.home-one .our-testimonials .testimonial-slider .card .testi-single-box .name-title h3 {
  color : #b59a6d;
  margin-bottom : -10px
}
  .home-one .our-testimonials .testimonial-slider .card .testi-single-box : hover .name-title h3 {
  color : #000
}
.home-one .our-testimonials .testimonial-slider .card .testi-single-box img {
  width : 15%
}
.home-one .our-testimonials .testimonial-slider .card .small-box-border {
  position : absolute;
  content : "";
  top : 10px;
  left : 10px;
  border-radius : 2px;
  width : 100%;
  height : 100%;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d;
  z-index : -1
}
.home-one .our-testimonials .testimonial-slider button.slick-prev.slick-arrow, .home-one .our-testimonials .testimonial-slider button.slick-next.slick-arrow {
  display : none
}
  .home-one .our-testimonials .testimonial-slider .slick-dots li.slick-active button : before {
  opacity : 1;
  color : rgba(0, 0,0, 0);
  background : #b59a6d;
  width : 20px;
  height : 5px;
  border-radius : 10px 20px;
  margin-top : 7px
}
.home-one .city-highlights-photos {
  position : relative
}
  .home-one .city-highlights-photos : :before {
  background-color : #000;
  content : "";
  position : absolute;
  width : 100%;
  height : 515px;
  top : 0;
  left : 0;
  z-index : -1
}
.home-one .city-highlights-photos .Portfolio-header {
  padding-top : 100px
}
.home-one .city-highlights-photos .Portfolio-header .semi-title {
  margin-left : 22px
}
.home-one .city-highlights-photos .Portfolio-header .title-link {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin-bottom : 50px
}
.home-one .city-highlights-photos .Portfolio-header .title-link .visit-link {
  display : flex;
  justify-content : end
}
.home-one .city-highlights-photos .Portfolio-header .title-link .visit-link a img {
  width : 20px
}
.home-one .city-highlights-photos .card {
  overflow : hidden
}
.home-one .city-highlights-photos .card img {
  transition : transform 2s;
  max-height : 450px
}
  .home-one .city-highlights-photos .card : hover img {
  transform : scale(1.1)
}
.home-one .city-highlights-photos .card .image-title {
  background-color : #11141b;
  position : absolute;
  left : 0;
  bottom : 0;
  width : 93%;
  padding : 10px
}
.home-one .city-highlights-photos .card .image-title h5 {
  margin-bottom : 10px
}
.home-one .city-highlights-photos .card .image-title .button-background-color {
  width : 14%;
  height : 100%;
  position : absolute;
  right : 0;
  align-items : center;
  display : flex;
  justify-content : center;
  background-color : #b59a6d;-webkit-clip-path : polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  clip-path : polygon(0 25%, 100% 0, 100% 100%, 0% 100%)
}
.home-one .city-highlights-photos .card .image-title .button-background-color a {
  background-color : #fff;
  color : #000;
  align-items : center;
  width : 20px;
  border-radius : 50%;
  display : flex;
  justify-content : center
}
.home-one .city-highlights-photos .card .image-title .button-background-color a i {
  font-size : 16px
}
.home-one .newsroom {
  padding-bottom : 100px
}
.home-one .newsroom .card {
  box-shadow : 2px 2px 20px 2px rgba(0, 0,0, .1019607843);
  overflow : hidden
}
.home-one .newsroom .card .card-body .date-comment {
  color : #11141b
}
.home-one .newsroom .card .card-body .date-comment .date {
  background-color : #b59a6d;
  padding : 10px;
  margin-top : -32px;
  position : relative;
  display : flex;
  flex-direction : column;
  justify-content : center;
  align-items : center
}
  .home-one .newsroom .card .card-body .date-comment .date : :before {
  background-color : #b59a6d;
  content : "";
  position : absolute;-webkit-clip-path : polygon(69% 0, 100% 32%, 70% 33%, 69% 100%, 0 100%, 0 0);
  clip-path : polygon(17% 0, 42% 0%, 80% 100%, 0% 100%, 0 100%, 0 0);
  width : 50px;
  height : 16px;
  top : 0;
  right : -30px
}
.home-one .newsroom .card .card-body .date-comment .date .month {
  margin-top : -6px
}
.home-one .newsroom .card .card-body .date-comment i {
  color : #b59a6d
}
.home-one .newsroom .card .card-body .card-title {
  color : #b59a6d;
  margin-top : 30px
}
.home-one .newsroom .card .card-footer {
  overflow : hidden
}
.home-one .newsroom .card .card-footer a {
  text-decoration : underline;
  font-size : 18px;
  line-height : 34px;
  font-weight : 500;
  color : #b59a6d
}
  .home-one .newsroom .card .card-footer a : hover i {
  color : #11141b
}
.home-one .newsroom .card img {
  transition : transform 2s
}
  .home-one .newsroom .card : hover img {
  transform : rotate(1deg) scale(1.1)
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .home-one .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-one .banner .images-optimization img {
  width : 100%;
  min-height : 300px
}
.home-one .banner .images-optimization .banner-semi-title {
  font-size : 17px;
  line-height : 30px;
  font-weight : 400
}
.home-one .banner-card {
  margin-top : 50px
}
.home-one .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 3px;
  margin-top : 10px
}
.home-one .banner .images-optimization .banner-content {
  align-items : center;
  text-align : center;
  justify-content : center;
  display : flex;
  flex-direction : column
}
.home-one .about-company .company-details .company-list ul {
  margin-bottom : 14px
}
.home-one .about-company .images .img-tow {
  right : -10px
}
.home-one .about-company .company-details {
  margin-left : 0px;
  margin-top : 50px
}
.home-one .about-company .company-details p {
  margin : 25px 0px;
  line-height : 25px
}
.home-one .about-company .company-details h1 {
  margin : 0px 0px 40px 0px
}
.home-one .about-company .company-details .company-list {
  margin : 0
}
.home-one .about-company .company-details .company-videos {
  justify-content : center
}
.home-one .about-company .company-videos .video-and-text {
  display : none
}
.home-one .government-service {
  padding : 50px 0px
}
.home-one .our-investigators .card-body {
  padding : 0 45px
}
.home-one .upcoming-city h2 {
  text-align : center
}
.home-one .upcoming-city .upcoming-events-card .details-information {
  grid-template-columns : 1fr
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info {
  padding-right : 0px
}
.home-one .best-city-government .city-content {
  margin-top : -285px;
  row-gap : 10px
}
.home-one .best-city-government .city-content h2 {
  padding : 40px 0px
}
.home-one .best-city-government .home-pages-video-popup {
  display : none
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  font-weight : 400;
  font-size : 16px
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content {
  padding : 12px 12px 0 12px
}
.home-one .city-highlights-photos .Portfolio-header .semi-title {
  margin-left : 0px
}
.home-one .city-highlights-photos .Portfolio-header .title-link {
  justify-content : center;
  flex-direction : column;
  row-gap : 40px;
  text-align : center
}
.home-one .city-highlights-photos .Portfolio-header .title-link .visit-link {
  text-align : center;
  justify-content : center
}
.home-one .city-highlights-photos .Portfolio-header .title-link .visit-link a {
  padding : 10px 20px
}
.home-one .city-highlights-photos .Portfolio-header {
  padding-top : 50px
}
.home-one .newsroom {
  padding-bottom : 10px
}
.home-one .newsroom .card .card-body .date-comment {
  font-size : 12px
}
.home-one .about-company .company-details .semi-title {
  margin-left : 22px;
  justify-content : start
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-one .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-one .banner .images-optimization .banner-content {
  align-items : center;
  text-align : center;
  justify-content : center;
  display : flex;
  flex-direction : column
}
.home-one .banner-card {
  margin-top : 50px
}
.home-one .best-city-government .city-content {
  margin-top : -200px;
  row-gap : 10px
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  font-weight : 400;
  font-size : 16px
}
.home-one .best-city-government .city-content .city-service-list .city-footer-content {
  padding : 30px 30px 0 30px
}
.home-one .about-company .company-details {
  margin-left : 0px;
  margin-top : 50px
}
.home-one .about-company .company-details .company-list ul {
  margin-bottom : 14px
}
.home-one .banner .images-optimization img {
  width : 100%;
  min-height : 300px
}
.home-one .upcoming-city .upcoming-events-card .card .upcoming-info {
  padding-right : 0px
}
.home-one .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  margin-top : 10px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-one .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-one .banner-card {
  margin-top : 50px
}
.home-one .city-highlights-photos .Portfolio-header .title-link .visit-link a {
  padding : 15px 30px
}
.home-one .best-city-government .city-content {
  margin-top : -250px;
  row-gap : 40px
}
.home-one .newsroom {
  padding-bottom : 50px
}
.home-one .about-company .company-details {
  margin-top : 50px
}
.home-one .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  margin-top : 10px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .home-one .banner .images-optimization .banner-semi-title{font-size : 23px;
  line-height : 30px;
  font-weight : 400
}
.home-one .banner-card {
  margin-top : 0px
}
.home-one .about-company .company-details h1 {
  margin : 30px 0px 30px 0px;
  text-align : start
}
.home-one .about-company .company-details {
  margin-top : 50px
}
.home-one .government-service {
  padding : 50px 0px
}
.home-one .best-city-government .city-content h2 {
  padding : 40px 0px
}
.home-one .best-city-government .city-content {
  margin-top : -330px;
  row-gap : 20px
}
.home-one .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  margin-top : 20px
}
}.home-two .banner .images-optimization img {
  width : 100%;
  max-height : 723px
}
.home-two .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.home-two .banner .images-optimization .banner-content {
  width : 60%
}
.home-two .banner .images-optimization .banner-content .buttons .cityWall-btn {
  display : flex;
  gap : 20px;
  margin-top : 40px
}
.home-two .banner .images-optimization .banner-semi-title {
  font-size : 22px;
  line-height : 30px
}
.home-two .banner .leFadeInRight span {
  animation-name : leFadeInRight
}
@keyframes leFadeInRight {
  from{opacity : 0;
  transform : translateX(200px)
}
to {
  opacity : 1
}
}.home-two .banner-card {
  background-color : #0f1026;
  margin-top : 0px;
  padding : 70px 0px 40px 0px
}
.home-two .banner-card .card {
  padding : 30px 20px;
  border-radius : 0;
  border : none;
  box-shadow : 0px 0px 11px 0px rgba(0, 0,0, .18);
  transition : .5s;
  margin : 0 auto;
  text-align : center;
  align-items : center;
  z-index : 2
}
.home-two .banner-card .card img {
  background-color : #b59a6d;
  width : 40px;
  padding : 5px;
  border-radius : 1px;
  transition : .5s
}
  .home-two .banner-card .card : hover img {
  background-color : #11141b
}
.home-two .banner-card .card .card-body {
  margin-top : 25px;
  padding : 0
}
  .home-two .banner-card .card : :before {
  content : "";
  position : absolute;
  display : block;
  top : -30px;
  left : 0;
  right : 0;
  width : 60px;
  height : 60px;
  background-color : #fff;
  margin : 0 auto;
  transform : rotate(45deg);
  z-index : -1
}
  .home-two .banner-card .card : :after {
  content : "";
  position : absolute;
  display : block;
  border-bottom : 5px solid #b59a6d;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  transform : scaleX(0);
  transition : transform .9s ease;
  pointer-events : none
}
  .home-two .banner-card .card : hover : :after {
  transform : scaleX(1)
}
.home-two .mayor-city {
  padding : 30px 0px
}
.home-two .mayor-city .images {
  position : relative;
  width : -moz-fit-content;
  width : fit-content;
  margin-left : auto
}
  .home-two .mayor-city .images : :before {
  border : 1px dashed #b59a6d;
  content : "";
  position : absolute;
  top : -30px;
  left : -30px;
  width : 100%;
  height : 100%;
  z-index : -1
}
.home-two .mayor-city .images .img-one {
  width : 460px;
  height : 500px;
  max-height : 582px;
  max-width : 526px
}
.home-two .mayor-city .images .img-tow {
  position : absolute;
  left : -90px;
  bottom : -30px;
  width : 70%
}
.home-two .mayor-city .images .left-slider {
  animation : leftSlider 2s linear forwards
}
@keyframes leftSlider {
  0%{transform : translate(-100px);
  opacity : 0
}
100% {
  transform : translate(0px);
  opacity : 1
}
}.home-two .mayor-city .company-details .semi-title {
  margin-left : 22px
}
.home-two .mayor-city .company-details h1 {
  margin : 0px 0px 40px 0px
}
.home-two .mayor-city .company-details p {
  line-height : 28px;
  margin : 25px 0px
}
.home-two .mayor-city .company-details .company-list {
  margin-bottom : 25px
}
.home-two .mayor-city .company-details .company-list ul {
  display : flex;
  flex-direction : column
}
.home-two .mayor-city .company-details .company-list ul li {
  display : flex;
  align-items : center;-moz-column-gap : 10px;
  column-gap : 10px
}
.home-two .mayor-city .company-details .company-list ul li .square {
  content : "";
  background-color : #b59a6d;
  width : 10px;
  height : 10px
}
.home-two .mayor-city .company-details .city-development {
  margin-bottom : 25px
}
.home-two .mayor-city .company-details .city-development .progress-bars #progressNumber {
  margin-right : 88px;
  display : flex;
  justify-content : end
}
.home-two .mayor-city .company-details .city-development .progress-bars .progress {
  background-color : #11141b;
  height : 10px;
  width : 100%
}
.home-two .mayor-city .company-details .city-development .progress-bars .bar {
  background-color : #b59a6d;
  height : 10px;
  width : 79%;
  animation : progressBar 4s linear
}
@keyframes progressBar {
  0%{width : 0
}
100% {
  width : 79%
}
}.home-two .mayor-city .company-details .company-videos {
  -moz-column-gap : 60px;
  column-gap : 60px
}
.home-two .best-city-government .images-and-overlay {
  position : relative
}
.home-two .best-city-government .images-and-overlay img {
  width : 100%;
  min-height : 200px;
  max-height : 737px
}
.home-two .best-city-government .images-and-overlay .overlay {
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(14, 12, 12, .298);
  border-radius : 0% 0% 24% 24%/0% 0% 15% 15%
}
.home-two .best-city-government .home-pages-video-popup {
  display : block
}
.home-two .best-city-government .city-government-content {
  margin-top : -450px;
  position : relative;
  row-gap : 40px;
  display : flex;
  flex-direction : column
}
.home-two .best-city-government .city-government-content .download-city {
  background-color : #fff
}
.home-two .best-city-government .city-government-content .download-city .footer-part.active {
  background-color : #b59a6d
}
.home-two .best-city-government .city-government-content .download-city .footer-part {
  background-color : #f7f7f7;
  transition : 2s;
  margin : 0 auto;
  justify-content : center;
  display : flex;-webkit-box-align : center;
  flex-direction : column;
  padding : 20px 10px
}
.home-two .best-city-government .city-government-content .download-city .footer-part h3, .home-two .best-city-government .city-government-content .download-city .footer-part h6 {
  color : #b59a6d
}
.home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons {
  display : flex;
  justify-content : space-between;
  align-items : center
}
.home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons img {
  width : 40px;
  display : flex
}
.home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons .uploadFile-icon input[type=file], .home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons .downloadFile-icon input[type=file] {
  display : none
}
.home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons .uploadFile-icon label, .home-two .best-city-government .city-government-content .download-city .footer-part .eyes-download-icons .downloadFile-icon label {
  cursor : pointer
}
.home-two .local-services .animated-circles {
  margin-left : 20px
}
.home-two .local-services .card .card-body {
  background-color : #fff;
  margin : 0 20px;
  position : absolute;
  top : -20px;
  border-radius : 2px;
  box-shadow : 1px 0px 5px -2px;
  transition : 2s
}
.home-two .local-services .card .card-body img {
  background-color : #fff;
  box-shadow : 1px 1px 1px 1px #b59a6d;
  width : 40px;
  height : 40px;
  border-radius : 50%;
  right : 20px;
  top : -25px;
  position : absolute
}
.home-two .local-services .card .card-body .more-btn {
  color : #b59a6d;
  transition : 2s
}
.home-two .local-services .card .card-body .more-btn span {
  text-decoration : underline
}
.home-two .local-services .card .card-body .more-btn i {
  opacity : .4;
  transition : 1s
}
  .home-two .local-services .card .card-body .more-btn : hover i {
  opacity : 1;
  color : #11141b
}
  .home-two .local-services .card .card-body : hover {
  background-color : #b59a6d
}
.home-two .local-services .card .card-body h5, .home-two .local-services .card .card-body p {
  color : #000;
  transition : 2s
}
  .home-two .local-services .card .card-body : hover .more-btn, .home-two .local-services .card .card-body : hover h5, .home-two .local-services .card .card-body : hover p {
  color : #fff
}
.home-two .local-services .see-all {
  margin-top : 20px
}
.home-two .local-services .see-all a {
  color : #b59a6d
}
.home-two .department {
  position : relative
}
.home-two .department .container-fluid {
  padding : 0px
}
.home-two .department .section-title .small-circle-start {
  margin-left : 22px
}
  .home-two .department .section-title .small-circle-start : :before, .home-two .department .section-title .small-circle-start : :after {
  border : 1px dashed #fff
}
.home-two .department .bg-images img {
  width : 55%;
  height : 650px
}
.home-two .department .department-content {
  background-color : #b59a6d;
  padding : 40px;
  position : absolute;
  bottom : 0;
  margin-left : 220px;
  right : 0
}
.home-two .department .department-content .div-title .semi-title {
  color : #fff
}
.home-two .department .department-content .div-title .section-title h1, .home-two .department .department-content .div-title .section-title p {
  color : #fff
}
.home-two .department .department-content .div-title .section-title h1 {
  font-size : 40px
}
.home-two .department .department-content ul {
  row-gap : 20px;
  display : flex;
  flex-direction : column
}
.home-two .department .department-content ul li a, .home-two .department .department-content ul li span, .home-two .department .department-content ul li i {
  color : #fff;
  transition : all .5s ease;
  display : flex;
  align-items : center;
  justify-content : space-between
}
.home-two .department .department-content ul li .divide-row {
  background-color : #fff;
  transition : all .5s ease;
  opacity : .3
}
  .home-two .department .department-content ul li : hover .divide-row {
  background-color : #11141b
}
  .home-two .department .department-content ul li : hover i {
  color : #11141b
}
.home-two .department .cityWall-btn-two a {
  background : #0f1026
}
.home-two .upcoming-city {
  background-color : #f7f7f7
}
.home-two .upcoming-city .upcoming-header {
  flex-direction : row
}
.home-two .upcoming-city .semi-title {
  margin-left : 22px
}
.home-two .upcoming-city .visit-link a img {
  width : 20px
}
  .home-two .upcoming-city .upcoming-events-card .card .scale-up-ver-center : hover img {
  animation : scale-up-ver-center 2s cubic-bezier(0.39, 0.575, 0.565, 1) both
}
@keyframes scale-up-ver-center {
  0%{transform : scaleY(0.4)
}
100% {
  transform : scaleY(1)
}
}.home-two .upcoming-city .upcoming-events-card .card .card-body {
  justify-content : space-between
}
.home-two .upcoming-city .upcoming-events-card .card .card-body a {
  font-size : 20px;
  color : #fff;
  cursor : pointer
}
.home-two .upcoming-city .upcoming-events-card .card .card-body a .card-footer {
  background-color : #b59a6d;
  border-radius : 2px;
  position : relative;
  width : 40px;
  height : 40px;
  align-items : center;
  display : flex;
  justify-content : center
}
  .home-two .upcoming-city .upcoming-events-card .card .card-body a .card-footer : :before {
  position : absolute;
  content : "";
  top : 5px;
  left : 5px;
  border-radius : 2px;
  width : 40px;
  height : 40px;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d
}
  .home-two .upcoming-city .upcoming-events-card .card .card-body a .card-footer : hover : :before {
  animation : animName 5s linear infinite
}
@keyframes animName {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
}.home-two .upcoming-city .upcoming-events-card .card .card-body .info ul li {
  color : #11141b;
  font-size : 15px;
  line-height : 34px
}
.home-two .upcoming-city .upcoming-events-card .card .card-body .info ul li i {
  color : #b59a6d
}
  .home-two .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer {
  background-color : rgba(0, 0,0, 0)
}
  .home-two .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer i {
  color : #b59a6d
}
.home-two .newsroom .card {
  transition : transform 2s ease;
  overflow : hidden;
  box-shadow : 0px 1px 5px -3px
}
.home-two .newsroom .card img {
  transition : transform 2s ease;
  overflow : hidden
}
  .home-two .newsroom .card : hover img {
  transform : scale(1.1)
}
.home-two .newsroom .card .card-body .user, .home-two .newsroom .card .card-body .comment {
  display : flex;
  align-items : center
}
.home-two .newsroom .card .card-body img {
  width : 20px;
  margin-right : 5px
}
.home-two .newsroom .card a {
  color : #b59a6d;
  transition : 1s
}
  .home-two .newsroom .card : hover a {
  color : #11141b
}
.home-two .newsroom .latest-date {
  background-color : #fff;
  color : #b59a6d;
  box-shadow : #b59a6d 0px 3px 1px 1px;
  margin-top : -32px;
  border-radius : 50%;
  width : 60px;
  height : 60px;
  display : flex;
  justify-content : center;
  align-items : center;
  flex-direction : column;
  z-index : 1;
  font-size : 13px
}
.home-two .newsroom .latest-date .mb-n2 {
  margin-bottom : -5px
}
.home-two .google-map {
  margin-bottom : 0
}
.home-two .google-map #map {
  display : flex;
  justify-content : center;
  align-items : center;
  width : 100%;
  height : 650px
}
.home-two .google-map #map .map-part {
  background : #b59a6d;
  padding : 20px;
  max-width : 340px;
  max-height : 300px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .home-two .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-two .banner .images-optimization img {
  width : 100%;
  min-height : 350px
}
.home-two .banner .images-optimization .banner-semi-title {
  font-size : 17px;
  line-height : 30px;
  font-weight : 400
}
.home-two .banner .images-optimization .banner-content {
  width : 100%
}
.home-two .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  justify-content : center;
  margin-top : 10px
}
.home-two .banner-card {
  margin-top : 0px
}
.home-two .banner-card .all-card {
  row-gap : 55px
}
.home-two .mayor-city .company-details {
  margin-left : 0px
}
.home-two .mayor-city .company-details .semi-title {
  justify-content : start
}
.home-two .mayor-city .company-details .company-list .row {
  flex-direction : column
}
.home-two .mayor-city .company-details .mayor-footer {
  flex-direction : column;
  row-gap : 20px
}
.home-two .mayor-city .images {
  top : 60px;
  margin : 0 auto
}
.home-two .mayor-city .images .img-tow {
  left : -10px;
  bottom : 20px
}
  .home-two .mayor-city .images : :before {
  display : none
}
.home-two .mayor-city .company-details .company-list ul {
  margin-bottom : 14px
}
.home-two .best-city-government .images-and-overlay img {
  min-height : 250px
}
.home-two .best-city-government .home-pages-video-popup {
  display : none
}
.home-two .best-city-government .city-government-content {
  margin-top : -218px;
  row-gap : 40px
}
.home-two .best-city-government .city-government-content .download-city {
  flex-direction : column;
  row-gap : 20px
}
.home-two .local-services .animated-circles {
  margin-left : 0px
}
.home-two .local-services h2 {
  text-align : center
}
.home-two .google-map #map {
  display : none
}
.home-two .mayor-city .images .img-one {
  width : 100%;
  height : 100%
}
.home-two .department .bg-images img {
  width : 100%;
  height : 300px
}
.home-two .department .department-content {
  margin-top : -50px;
  padding : 0px 12px 30px 12px;
  position : relative;
  margin-left : 0
}
.home-two .department .department-content .footer-content {
  row-gap : 25px
}
.home-two .upcoming-city .upcoming-header {
  flex-direction : column;
  row-gap : 25px;
  margin-bottom : 25px
}
.home-two .newsroom .latest-date {
  display : none
}
.home-two .upcoming-city .upcoming-header {
  padding-bottom : 25px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-two .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-two .banner-card {
  margin-top : 50px
}
.home-two .banner .images-optimization img {
  width : 100%;
  min-height : 350px
}
.home-two .banner .images-optimization .banner-content {
  width : 100%
}
.home-two .banner-card {
  margin-top : 0px
}
.home-two .banner-card .all-card {
  row-gap : 55px
}
.home-two .mayor-city .images {
  top : 60px;
  margin : 0 auto
}
  .home-two .mayor-city .images : :before {
  height : 90%
}
.home-two .best-city-government .city-government-content {
  margin-top : -210px;
  row-gap : 30px
}
.home-two .best-city-government .city-government-content .download-city {
  row-gap : 20px
}
.home-two .mayor-city .images .img-tow {
  position : absolute;
  left : -29px
}
.home-two .mayor-city .images .img-one {
  width : 100%
}
.home-two .mayor-city .company-details .company-list ul {
  margin-bottom : 16px
}
.home-two .department .bg-images img {
  width : 100%
}
.home-two .department .department-content {
  margin-top : -50px;
  padding : 0px 30px 30px 30px;
  position : relative;
  margin-left : 0
}
.home-two .department .department-content .footer-content {
  row-gap : 25px
}
.home-two .upcoming-city .upcoming-header {
  padding-bottom : 25px
}
.home-two .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  margin-top : 10px
}
.home-two .banner-card .card img {
  width : 18%
}
.home-two .department .department-content .footer-content {
  row-gap : 20px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-two .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-two .banner-card {
  margin-top : 50px
}
.home-two .banner-card {
  margin-top : 0px
}
.home-two .banner-card .all-card {
  row-gap : 55px
}
.home-two .mayor-city .images {
  top : 60px;
  margin : 0 auto
}
  .home-two .mayor-city .images : :before {
  height : 90%
}
.home-two .best-city-government .city-government-content {
  margin-top : -218px;
  row-gap : 40px
}
.home-two .local-services .card .card-body {
  margin : 0 10px
}
.home-two .local-services .see-all {
  margin-top : 70px
}
.home-two .department .bg-images img {
  width : 100%;
  height : 400px
}
.home-two .department .department-content {
  margin-top : -50px;
  padding : 10px;
  position : relative;
  margin-left : 0
}
.home-two .department .department-content {
  margin-top : -50px;
  padding : 60px;
  position : relative;
  margin-left : 0
}
.home-two .banner .images-optimization .banner-content .buttons .cityWall-btn {
  gap : 10px;
  margin-top : 10px
}
.home-two .department .department-content .footer-content {
  row-gap : 20px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .home-two .banner .images-optimization .banner-semi-title{font-size : 23px;
  line-height : 30px;
  font-weight : 400
}
.home-two .banner-card {
  margin-top : -100px
}
.home-two .mayor-city .company-details h1 {
  margin : 30px 0px 30px 0px;
  text-align : start
}
.home-two .banner-card {
  margin-top : 0px
}
.home-two .mayor-city .images {
  top : 60px;
  margin : 0 auto
}
  .home-two .mayor-city .images : :before {
  height : 90%
}
.home-two .local-services .see-all {
  margin-top : 55px
}
.home-two .mayor-city .images .img-tow {
  left : -29px
}
.home-two .best-city-government .city-government-content {
  margin-top : -300px;
  row-gap : 40px
}
.home-two .banner-card h5 {
  font-size : 18px;
  line-height : 28px
}
.home-two .upcoming-city .upcoming-events-card h4 {
  font-size : 20px;
  line-height : 30px
}
.home-two .upcoming-city .upcoming-events-card img {
  width : 100%;
  height : 100%
}
}.home-three .banner .images-optimization img {
  width : 100%;
  max-height : 723px
}
.home-three .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.home-three .banner .images-optimization .banner-content {
  width : 60%
}
.home-three .banner .images-optimization .banner-content p {
  color : #fff;
  margin : 16px 0 40px 0
}
.home-three .banner .images-optimization .banner-semi-title {
  font-size : 22px;
  line-height : 30px
}
.home-three .banner .leFadeInRight span {
  animation-name : leFadeInRight
}
@keyframes leFadeInRight {
  from{opacity : 0;
  transform : translateX(200px)
}
to {
  opacity : 1
}
}.home-three .banner-card {
  margin-top : -100px;
  position : relative
}
.home-three .banner-card .cards {
  width : 56%;
  margin-left : auto;
  right : 9px;
  justify-content : end
}
.home-three .banner-card .cards a {
  cursor : pointer
}
.home-three .banner-card .cards a .arrow-up-right {
  background : #fff;
  width : 40px;
  border-radius : 50%;
  height : 40px
}
.home-three .banner-card .card {
  box-shadow : 0px 0px 1px 0px rgba(0, 0,0, .18);
  padding : 20px 10px;
  border-radius : 0;
  border : none;
  transition : .5s;
  text-align : center;
  justify-content : center;
  margin : 0 auto;
  background : #b59a6d;
  border : 1px dashed rgba(255, 255, 255, 0);
  margin-bottom : 20px
}
.home-three .banner-card .card img {
  background-color : #b59a6d;
  width : 30%;
  padding : 5px;
  border-radius : 1px;
  transition : .5s;
  margin : 0 auto
}
.home-three .banner-card .card .card-body {
  margin-top : 25px;
  padding : 0
}
  .home-three .banner-card .card : hover {
  margin-top : 20px;
  border : 1px dashed rgba(255, 255, 255, .3411764706)
}
.home-three .ideological-leader .semi-title h1 {
  font-family : "Josefin Sans", sans-serif
}
.home-three .ideological-leader .row-one .top-images {
  position : relative;
  overflow : hidden
}
.home-three .ideological-leader .row-one .company-videos {
  background-color : #fff;
  border : 1px dashed #b59a6d;
  position : absolute;
  right : 0;
  bottom : 0;
  padding : 40px 60px;
  z-index : 10
}
  .home-three .ideological-leader .row-one .company-videos : :before {
  border-top : 10px solid #b59a6d;
  content : "";
  width : 100%;
  position : absolute;
  top : -11px;
  left : -2px
}
  .home-three .ideological-leader .row-one .company-videos : :after {
  content : "";
  border-left : 10px solid #b59a6d;
  height : 50%;
  position : absolute;
  top : -11px;
  left : -11px;
  z-index : 9
}
.home-three .ideological-leader .row-two {
  display : flex;
  gap : 10px
}
.home-three .ideological-leader .department-information {
  margin-top : 40px
}
.home-three .ideological-leader .department-information .lifestyle-colors {
  position : relative;
  border-right : 1px solid #b59a6d;
  right : 0;
  width : 90%;
  padding : 0px 10px
}
.home-three .ideological-leader .department-information .lifestyle-colors .lifestyle {
  margin-bottom : 35px
}
.home-three .ideological-leader .department-information .lifestyle-colors .lifestyle h3 {
  color : #b59a6d
}
.home-three .ideological-leader .department-information .lifestyle-colors .lifestyle h3, .home-three .ideological-leader .department-information .lifestyle-colors .lifestyle p {
  line-height : normal;
  margin : 10px 0px
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors {
  margin-bottom : 35px
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors h3 {
  color : #b59a6d
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors h3, .home-three .ideological-leader .department-information .lifestyle-colors .colors p {
  line-height : normal;
  margin : 10px 0px
}
  .home-three .ideological-leader .department-information .lifestyle-colors : :after {
  background-color : #b59a6d;
  content : "";
  position : absolute;
  width : 14px;
  height : 14px;
  right : -7px;
  top : 50%;
  display : flex;
  align-items : center;
  justify-content : center;
  text-align : center;
  border-radius : 50%;
  animation : mymove 5s infinite alternate
}
@keyframes mymove {
  0%{top : 0;
  bottom : 100%
}
100% {
  top : 100%;
  bottom : 0
}
}.home-three .number-counting {
  background-image : url("../images/multiple-use/number-counting/bg.png");
  width : 100%;
  height : 285px;
  background-position : center;
  background-repeat : no-repeat;
  background-size : cover;
  display : flex;
  align-items : center
}
.home-three .number-counting img {
  width : 100px;
  border : 1px solid rgba(255, 255, 255, .455)
}
.home-three .news-services .animated-circles {
  margin-left : 20px
}
.home-three .news-services .news-cards {
  margin-bottom : 200px
}
.home-three .news-services .card {
  border : 0
}
.home-three .news-services .card .card-body {
  background-color : #fff;
  margin : 0 0 0 80px;
  position : absolute;
  top : 200px;
  border-radius : 2px;
  box-shadow : 1px 0px 5px -2px;
  transition : 2s;
  padding : 30px 20px;
  border : 1px dashed #b59a6d
}
.home-three .news-services .card .card-body img {
  background-color : #fff;
  box-shadow : 1px 1px 1px 1px #b59a6d;
  width : 51px;
  height : 51px;
  border-radius : 50%;
  left : 0;
  top : -30px;
  position : absolute;
  z-index : 1;
  padding : 5px
}
.home-three .news-services .card .card-body .more-btn {
  color : #b59a6d;
  transition : 2s
}
.home-three .news-services .card .card-body .more-btn span {
  text-decoration : underline
}
.home-three .news-services .card .card-body .more-btn i {
  opacity : .4;
  transition : 1s
}
  .home-three .news-services .card .card-body .more-btn : hover i {
  opacity : 1;
  color : #11141b
}
  .home-three .news-services .card .card-body : hover {
  background-color : #b59a6d
}
.home-three .news-services .card .card-body h5, .home-three .news-services .card .card-body p {
  color : #000;
  transition : 2s
}
  .home-three .news-services .card .card-body : hover .more-btn, .home-three .news-services .card .card-body : hover h5, .home-three .news-services .card .card-body : hover p {
  color : #fff
}
.home-three .news-services .card img {
  transition : transform 2s
}
  .home-three .news-services .card : hover img {
  transform : rotate(-1deg) scale(1)
}
.home-three .news-services .see-all {
  margin-top : 20px
}
.home-three .news-services .see-all a {
  color : #b59a6d
}
.home-three .urgent-help .images-and-overlay {
  position : relative
}
.home-three .urgent-help .images-and-overlay .tokyo {
  width : 100%;
  height : 558px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay {
  background-color : rgba(0, 0,0, .5);
  display : flex;
  align-items : center;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  position : absolute;
  height : 100%
}
  .home-three .urgent-help .images-and-overlay .cover-images-overlay .section-title .small-circle-start : :before, .home-three .urgent-help .images-and-overlay .cover-images-overlay .section-title .small-circle-start : :after {
  border-color : #fff
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .phone-number a {
  color : #b59a6d
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card {
  display : flex;
  align-items : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .slick-list.draggable {
  margin : 0 20px
}
.home-three .urgent-help .testimonial-slider-home-three-pages img.quote {
  width : 40px
}
.home-three .urgent-help .testimonial-slider-home-three-pages img.person {
  width : 100%;
  display : flex;
  align-items : center
}
.home-three .urgent-help .testimonial-slider-home-three-pages .slick-arrow {
  border : 1px dashed #b59a6d;
  width : 40px;
  height : 40px;
  padding : 6px;
  border-radius : 50%;
  transition : 2s
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .slick-arrow : hover {
  background-color : #b59a6d
}
.home-three .urgent-help .testimonial-slider-home-three-pages .slick-prev.slick-arrow {
  left : -30px
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .slick-dots li button : before {
  font-size : 40px
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box {
  box-shadow : 5px 5px 20px 5px rgba(0, 0,0, .07);
  position : relative;
  border-radius : 2px;
  margin-left : -25px;
  z-index : 1;
  transition : .9s all;
  padding : 20px 20px 20px 10px
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box .cline-text {
  align-items : center
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box : after {
  position : absolute;
  content : "";
  height : 100%;
  width : 100%;
  background : #b59a6d;
  top : 0;
  left : 0;
  border-radius : 2px;
  z-index : -1;
  transition : .5s;
  transform : scale(0.2, 1);
  opacity : 0
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box : hover : after {
  transform : scale(1);
  opacity : 1
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box>i {
  font-size : 40px;
  color : #49545e
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box ul li {
  color : #b59a6d
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box : hover ul li {
  color : #daa520
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box .name-title h3 {
  color : #b59a6d;
  margin-bottom : -10px
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box : hover .name-title h3 {
  color : #000
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .small-box-border {
  position : absolute;
  content : "";
  top : 10px;
  left : 10px;
  border-radius : 2px;
  width : 100%;
  height : 100%;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d;
  z-index : -1
}
.home-three .urgent-help .testimonial-slider-home-three-pages button.slick-prev.slick-arrow, .home-three .urgent-help .testimonial-slider-home-three-pages button.slick-next.slick-arrow {
  display : none
}
  .home-three .urgent-help .testimonial-slider-home-three-pages .slick-dots li.slick-active button : before {
  opacity : 1;
  color : rgba(0, 0,0, 0);
  background : #b59a6d;
  width : 20px;
  height : 5px;
  border-radius : 10px 20px;
  margin-top : 7px
}
.home-three .our-investigators .card-body {
  margin-top : -230px
}
.home-three .our-investigators .card-body ul li {
  background-color : #fff;
  width : 30px;
  height : 30px;
  margin-bottom : 4px;
  text-align : center;
  transition : background-color .3s ease;
  align-items : center;
  display : flex;
  justify-content : center
}
.home-three .our-investigators .card-body ul li a {
  display : flex;
  align-items : center;
  color : #b59a6d
}
.home-three .our-investigators .card-body .share-btn {
  background-color : #b59a6d;
  color : #fff;
  width : 30px;
  height : 30px
}
.home-three .our-investigators .card-body .info {
  background-color : #11141b;
  color : #fff;
  transition : background-color .3s ease
}
  .home-three .our-investigators .card-body : hover .info {
  background-color : #b59a6d
}
.home-three .hideLink {
  visibility : hidden
}
.home-three .upcoming-city {
  background-color : #f7f7f7
}
.home-three .upcoming-city .semi-title {
  margin-left : 22px
}
  .home-three .upcoming-city .upcoming-events-card .card .scale-up-ver-center : hover img {
  animation : scale-up-ver-center 2s cubic-bezier(0.39, 0.575, 0.565, 1) both
}
@keyframes scale-up-ver-center {
  0%{transform : scaleY(0.4)
}
100% {
  transform : scaleY(1)
}
}.home-three .upcoming-city .upcoming-events-card .card .card-body {
  justify-content : space-between
}
.home-three .upcoming-city .upcoming-events-card .card .card-body a {
  font-size : 20px;
  color : #fff;
  cursor : pointer
}
.home-three .upcoming-city .upcoming-events-card .card .card-body a .card-footer {
  background-color : #b59a6d;
  border-radius : 2px;
  position : relative;
  width : 40px;
  height : 40px;
  align-items : center;
  display : flex;
  justify-content : center
}
  .home-three .upcoming-city .upcoming-events-card .card .card-body a .card-footer : :before {
  position : absolute;
  content : "";
  top : 5px;
  left : 5px;
  border-radius : 2px;
  width : 40px;
  height : 40px;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d
}
  .home-three .upcoming-city .upcoming-events-card .card .card-body a .card-footer : hover : :before {
  animation : animName 5s linear infinite
}
@keyframes animName {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
}.home-three .upcoming-city .upcoming-events-card .card .card-body .info ul li {
  color : #11141b;
  font-size : 15px;
  line-height : 34px
}
.home-three .upcoming-city .upcoming-events-card .card .card-body .info ul li i {
  color : #b59a6d
}
  .home-three .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer {
  background-color : rgba(0, 0,0, 0)
}
  .home-three .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer i {
  color : #b59a6d
}
.home-three .upcoming-city .government-service-list {
  background-color : #b59a6d;
  position : relative
}
  .home-three .upcoming-city .government-service-list : :before {
  content : "";
  content : "";
  position : absolute;
  content : "";
  width : 50px;
  height : 50px;
  top : -40px;
  margin-left : 30px;
  width : 0;
  height : 0;
  border-left : 60px solid rgba(0, 0,0, 0);
  border-right : 25px solid rgba(0, 0,0, 0);
  border-bottom : 40px solid #c1ab88
}
.home-three .upcoming-city .government-service-list h2 {
  padding : 30px;
  background-color : #c1ab88
}
.home-three .upcoming-city .government-service-list ul {
  padding : 30px 40px
}
.home-three .upcoming-city .government-service-list ul li {
  padding : 10px 0
}
.home-three .upcoming-city .government-service-list ul li a {
  color : #fff;
  display : flex;
  justify-content : space-between;
  transition : 2s;
  align-items : center
}
.home-three .upcoming-city .government-service-list ul li a i {
  margin-right : 10px;
  transition : 2s
}
  .home-three .upcoming-city .government-service-list ul li a : hover i {
  margin-right : 0px;
  color : #11141b
}
.home-three .governments-problems .images-and-overlay {
  position : relative
}
.home-three .governments-problems .images-and-overlay .tokyo {
  width : 100%;
  max-height : 558px
}
.home-three .governments-problems .images-and-overlay .cover-images-overlay {
  background-color : rgba(0, 0,0, .5);
  display : flex;
  align-items : center;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  position : absolute;
  height : 100%
}
  .home-three .governments-problems .images-and-overlay .cover-images-overlay .section-title .small-circle-start : :before, .home-three .governments-problems .images-and-overlay .cover-images-overlay .section-title .small-circle-start : :after {
  border-color : #fff
}
.home-three .governments-problems .images-and-overlay .cover-images-overlay .phone-number a {
  color : #b59a6d
}
.home-three .governments-problems .images-and-overlay .cover-images-overlay .urgent-card {
  display : flex;
  align-items : center
}
.home-three .newsroom .card {
  transition : transform 2s ease;
  overflow : hidden;
  box-shadow : 0px 1px 5px -3px
}
.home-three .newsroom .card img {
  transition : transform 2s ease;
  overflow : hidden
}
  .home-three .newsroom .card : hover img {
  transform : scale(1.1)
}
.home-three .newsroom .card .card-body .user, .home-three .newsroom .card .card-body .comment {
  display : flex;
  align-items : center
}
.home-three .newsroom .card .card-body img {
  width : 20px;
  margin-right : 5px
}
.home-three .newsroom .card a {
  color : #b59a6d;
  transition : 1s
}
  .home-three .newsroom .card : hover a {
  color : #11141b
}
.home-three .newsroom .latest-date {
  background-color : #fff;
  color : #b59a6d;
  box-shadow : #b59a6d 0px 3px 1px 1px;
  margin-top : -32px;
  border-radius : 50%;
  width : 60px;
  height : 60px;
  display : flex;
  justify-content : center;
  align-items : center;
  flex-direction : column;
  z-index : 1;
  font-size : 13px
}
.home-three .newsroom .latest-date .mb-n2 {
  margin-bottom : -5px
}
.home-three .company-brand-logo .divide-row {
  margin-bottom : 80px;
  height : .5px;
  position : relative;
  top : 20px
}
  .home-three .company-brand-logo .divide-row : :after {
  background-color : #11141b;
  content : "";
  position : absolute;
  width : 20px;
  height : 20px;
  border-radius : 50%;
  display : flex;
  align-items : center;
  transform : translate(-50%, -50%);
  animation : move 20s linear infinite alternate
}
@keyframes move {
  0%{left : 0;
  right : 99%
}
100% {
  right : 0;
  left : 99%
}
}@keyframes scroll {
  0%{transform : translateX(0)
}
100% {
  transform : translateX(-1750px)
}
}.home-three .company-brand-logo .slider {
  height : 100px;
  margin : auto;
  overflow : hidden;
  position : relative;
  width : auto
}
.home-three .company-brand-logo .slider .slide-track {
  animation : scroll 40s linear infinite;
  display : flex;
  width : 3500px;-moz-column-gap : 50px;
  column-gap : 50px
}
.home-three .company-brand-logo .slider .slide {
  height : 100px;
  width : 250px
}
.hide-section {
  display : none
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .home-three .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-three .banner .images-optimization img {
  width : 100%;
  min-height : 300px
}
.home-three .banner .images-optimization .banner-semi-title {
  font-size : 17px;
  line-height : 30px;
  font-weight : 400
}
.home-three .banner-card {
  margin-top : 0
}
.home-three .banner .images-optimization .banner-content {
  width : 100%
}
.home-three .banner .images-optimization .banner-content p {
  display : none
}
.home-three .banner-card .cards {
  width : 100%;
  margin-left : auto;
  position : relative;
  right : 0px;
  justify-content : center;
  margin : 0 auto
}
.home-three .our-investigators .card-body {
  padding : 0 45px
}
.home-three .ideological-leader .row-one .company-videos {
  opacity : 0
}
.home-three .ideological-leader .department-information .cityWall-btn-two {
  text-align : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .lifestyle {
  align-items : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors {
  align-items : center
}
.home-three .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0px
}
.home-three .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.home-three .news-services .news-cards {
  margin-bottom : 0px
}
.home-three .urgent-help .images-and-overlay .tokyo {
  min-height : 360px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card {
  text-align : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .cityWall-btn {
  justify-content : center
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box {
  box-shadow : 2px 3px 1px 2px rgba(0, 0,0, .07);
  margin-left : -25px;
  padding : 5px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .testimonial-slider-home-three-pages {
  display : none
}
.home-three .upcoming-city .section-title {
  text-align : center
}
.home-three .governments-problems .images-and-overlay .tokyo {
  min-height : 200px
}
.home-three .newsroom .latest-date {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .home-three .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-three .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-three .banner-card {
  margin-top : 0
}
.home-three .banner .images-optimization .banner-content {
  width : 100%
}
.home-three .banner .images-optimization .banner-content p {
  display : none
}
.home-three .banner-card .cards {
  width : 100%;
  margin-left : auto;
  position : relative;
  right : 0px;
  justify-content : center;
  margin : 0 auto
}
.home-three .ideological-leader .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.home-three .ideological-leader .department-information .cityWall-btn-two {
  text-align : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .lifestyle {
  align-items : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors {
  align-items : center
}
.home-three .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.home-three .news-services .news-cards {
  margin-bottom : 0px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card {
  flex-direction : row
}
.home-three .urgent-help .images-and-overlay .tokyo {
  min-height : 460px
}
.home-three .urgent-help .testimonial-slider-home-three-pages .card .testi-single-box {
  padding : 10px
}
.home-three .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0
}
.home-three .urgent-help .images-and-overlay .tokyo {
  min-height : 660px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .section-title {
  text-align : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .animated-circles {
  justify-content : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .animated-circles {
  justify-content : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .cityWall-btn {
  text-align : center;
  margin : auto;
  justify-content : center;
  margin-bottom : 30px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .home-three .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.home-three .banner .images-optimization .banner-semi-title {
  font-size : 20px;
  line-height : 30px;
  font-weight : 400
}
.home-three .banner-card {
  margin-top : 0
}
.home-three .banner .images-optimization .banner-content {
  width : 100%
}
.home-three .banner .images-optimization .banner-content p {
  display : none
}
.home-three .banner-card .cards {
  width : 100%;
  margin-left : auto;
  position : relative;
  right : 0px;
  justify-content : center;
  margin : 0 auto
}
.home-three .ideological-leader .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.home-three .ideological-leader .row-one .company-videos {
  right : 22px
}
  .home-three .ideological-leader .row-one .company-videos : :before {
  width : 172px
}
.home-three .ideological-leader .department-information .cityWall-btn-two {
  text-align : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors {
  align-items : center
}
.home-three .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.home-three .news-services .news-cards {
  margin-bottom : 0px
}
.home-three .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0px
}
.home-three .urgent-help .images-and-overlay .tokyo {
  min-height : 660px
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .section-title {
  text-align : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .animated-circles {
  justify-content : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .animated-circles {
  justify-content : center
}
.home-three .urgent-help .images-and-overlay .cover-images-overlay .urgent-card .cityWall-btn {
  text-align : center;
  margin : auto;
  justify-content : center;
  margin-bottom : 30px
}
.home-three .urgent-help .testimonial-slider-home-three-pages .slick-prev.slick-arrow {
  left : -14px
}
.home-three .urgent-help .testimonial-slider-home-three-pages .slick-next.slick-arrow {
  right : -14px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .home-three .banner .images-optimization .banner-semi-title{font-size : 23px;
  line-height : 30px;
  font-weight : 400
}
.home-three .banner-card {
  margin-top : -100px
}
.home-three .banner .images-optimization .banner-content {
  width : 100%
}
.home-three .banner .images-optimization .banner-content p {
  display : none
}
.home-three .ideological-leader .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.home-three .ideological-leader .department-information .cityWall-btn-two {
  text-align : center
}
.home-three .ideological-leader .department-information .lifestyle-colors .colors {
  align-items : center
}
.home-three .news-services .card .card-body {
  margin : 0 0px 0 20px
}
.home-three .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0px
}
  }@media screen and (min-width: 1200px)and (max-width: 1400px) {
  .home-three .number-counting{height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0px
}
}.about-us .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.about-us .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.about-us .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.about-us .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.about-us .banner .home-about-link ul {
  display : flex;
  background-color : #e2680c;
  width : -moz-fit-content;
  width : fit-content;
  padding : 10px 20px
}
.about-us .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .about-us .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
  .about-us .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
.about-us .our-department .semi-title h1 {
  font-family : "Josefin Sans", sans-serif
}
.about-us .our-department .row-one .top-images {
  position : relative;
  overflow : hidden
}
.about-us .our-department .row-one .company-videos {
  position : absolute;
  right : 0;
  bottom : 0;
  background-color : #fff;
  padding : 40px 60px;
  border : 1px dashed #b59a6d;
  z-index : 10
}
  .about-us .our-department .row-one .company-videos : :before {
  border-top : 10px solid #b59a6d;
  content : "";
  width : 100%;
  position : absolute;
  top : -11px;
  left : -2px
}
  .about-us .our-department .row-one .company-videos : :after {
  content : "";
  border-left : 10px solid #b59a6d;
  height : 50%;
  position : absolute;
  top : -11px;
  left : -11px;
  z-index : 9
}
.about-us .our-department .row-two {
  display : flex;
  gap : 10px
}
.about-us .our-department .department-information {
  margin-top : 40px
}
.about-us .our-department .department-information .lifestyle-colors {
  position : relative;
  border-right : 1px solid #b59a6d;
  right : 0;
  width : 90%;
  padding : 0px 10px
}
.about-us .our-department .department-information .lifestyle-colors .lifestyle {
  margin-bottom : 35px
}
.about-us .our-department .department-information .lifestyle-colors .lifestyle h3 {
  color : #b59a6d
}
.about-us .our-department .department-information .lifestyle-colors .lifestyle h3, .about-us .our-department .department-information .lifestyle-colors .lifestyle p {
  line-height : normal;
  margin : 10px 0px
}
.about-us .our-department .department-information .lifestyle-colors .colors {
  margin-bottom : 35px
}
.about-us .our-department .department-information .lifestyle-colors .colors h3 {
  color : #b59a6d
}
.about-us .our-department .department-information .lifestyle-colors .colors h3, .about-us .our-department .department-information .lifestyle-colors .colors p {
  line-height : normal;
  margin : 10px 0px
}
  .about-us .our-department .department-information .lifestyle-colors : :after {
  background-color : #b59a6d;
  content : "";
  position : absolute;
  width : 14px;
  height : 14px;
  right : -7px;
  top : 50%;
  display : flex;
  align-items : center;
  justify-content : center;
  text-align : center;
  border-radius : 50%;
  animation : mymove 5s infinite alternate
}
@keyframes mymove {
  0%{top : 0;
  bottom : 100%
}
100% {
  top : 100%;
  bottom : 0
}
}.about-us .number-counting {
  background-image : url("../images/multiple-use/number-counting/bg.png");
  width : 100%;
  height : 285px;
  background-position : center;
  background-repeat : no-repeat;
  background-size : cover;
  display : flex;
  align-items : center
}
.about-us .number-counting img {
  width : 100px;
  border : 1px solid rgba(255, 255, 255, .455)
}
.about-us .our-investigators .card-body {
  margin-top : -230px
}
.about-us .our-investigators .card-body ul li {
  background-color : #fff;
  width : 30px;
  height : 30px;
  margin-bottom : 4px;
  text-align : center;
  transition : background-color .3s ease;
  align-items : center;
  display : flex;
  justify-content : center
}
.about-us .our-investigators .card-body ul li a {
  display : flex;
  align-items : center;
  color : #b59a6d
}
.about-us .our-investigators .card-body .share-btn {
  background-color : #b59a6d;
  color : #fff;
  width : 30px;
  height : 30px
}
.about-us .our-investigators .card-body .info {
  background-color : #11141b;
  color : #fff;
  transition : background-color .3s ease
}
  .about-us .our-investigators .card-body : hover .info {
  background-color : #b59a6d
}
.about-us .hideLink {
  visibility : hidden
}
.about-us .upcoming-city {
  background-color : #f7f7f7
}
.about-us .upcoming-city .semi-title {
  margin-left : 22px
}
.about-us .upcoming-city .upcoming-events-card .details-information {
  display : grid;
  gap : 30px;
  margin-bottom : 20px;
  grid-template-columns : 240px 1fr
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info {
  display : flex;
  align-items : center;
  padding-right : 20px
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info .info ul li {
  color : #11141b;
  font-size : 15px;
  line-height : 34px
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info .info ul li i {
  color : #b59a6d
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link {
  display : flex
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a {
  font-size : 20px;
  color : #fff;
  cursor : pointer
}
.about-us .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer {
  background-color : #b59a6d;
  border-radius : 2px;
  position : relative;
  width : 40px;
  height : 40px;
  align-items : center;
  display : flex;
  justify-content : center
}
  .about-us .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer : :before {
  position : absolute;
  content : "";
  top : 5px;
  left : 5px;
  border-radius : 2px;
  width : 40px;
  height : 40px;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d
}
  .about-us .upcoming-city .upcoming-events-card .card .upcoming-info .upcoming-link a .card-footer : hover : :before {
  animation : animName 5s linear infinite
}
@keyframes animName {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
  }.about-us .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer {
  background-color : rgba(0, 0,0, 0)
}
  .about-us .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer i {
  color : #b59a6d
}
.about-us .upcoming-city .download-city h2 {
  margin-bottom : 40px
}
.about-us .upcoming-city .download-city .card {
  background-color : #b59a6d
}
.about-us .upcoming-city .download-city .card .eyes-download-icons {
  display : flex;
  justify-content : space-between;
  align-items : center
}
.about-us .upcoming-city .download-city .card .eyes-download-icons img {
  width : 40px;
  display : flex
}
.about-us .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon input[type=file], .about-us .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon input[type=file] {
  display : none
}
.about-us .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon label, .about-us .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon label {
  cursor : pointer
}
.about-us .our-testimonials .testimonial-slider .card .testi-single-box {
  position : relative;
  border-radius : 2px;
  box-shadow : 5px 5px 20px 5px rgba(0, 0,0, .07);
  margin : 0 0px;
  z-index : 1;
  transition : .9s all
}
  .about-us .our-testimonials .testimonial-slider .card .testi-single-box : after {
  position : absolute;
  content : "";
  height : 100%;
  width : 100%;
  background : #b59a6d;
  top : 0;
  left : 0;
  border-radius : 2px;
  z-index : -1;
  transition : .5s;
  transform : scale(0.2, 1);
  opacity : 0
}
  .about-us .our-testimonials .testimonial-slider .card .testi-single-box : hover : after {
  transform : scale(1);
  opacity : 1
}
.about-us .our-testimonials .testimonial-slider .card .testi-single-box>i {
  font-size : 40px;
  color : #49545e
}
.about-us .our-testimonials .testimonial-slider .card .testi-single-box ul li {
  color : #b59a6d
}
  .about-us .our-testimonials .testimonial-slider .card .testi-single-box : hover ul li {
  color : #daa520
}
.about-us .our-testimonials .testimonial-slider .card .testi-single-box .name-title h3 {
  color : #b59a6d;
  margin-bottom : -10px
}
  .about-us .our-testimonials .testimonial-slider .card .testi-single-box : hover .name-title h3 {
  color : #000
}
.about-us .our-testimonials .testimonial-slider .card .testi-single-box img {
  width : 15%
}
.about-us .our-testimonials .testimonial-slider .card .small-box-border {
  position : absolute;
  content : "";
  top : 10px;
  left : 10px;
  border-radius : 2px;
  width : 100%;
  height : 100%;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d;
  z-index : -1
}
.about-us .our-testimonials .testimonial-slider button.slick-prev.slick-arrow, .about-us .our-testimonials .testimonial-slider button.slick-next.slick-arrow {
  display : none
}
  .about-us .our-testimonials .testimonial-slider .slick-dots li.slick-active button : before {
  opacity : 1;
  color : rgba(0, 0,0, 0);
  background : #b59a6d;
  width : 20px;
  height : 5px;
  border-radius : 10px 20px;
  margin-top : 7px
}
.about-us .company-brand-logo .divide-row {
  margin-bottom : 80px;
  height : .5px;
  position : relative;
  top : 20px
}
  .about-us .company-brand-logo .divide-row : :after {
  background-color : #11141b;
  content : "";
  position : absolute;
  width : 20px;
  height : 20px;
  border-radius : 50%;
  display : flex;
  align-items : center;
  transform : translate(-50%, -50%);
  animation : move 20s linear infinite alternate
}
@keyframes move {
  0%{left : 0;
  right : 99%
}
100% {
  right : 0;
  left : 99%
}
}@keyframes scroll {
  0%{transform : translateX(0)
}
100% {
  transform : translateX(-1750px)
}
}.about-us .company-brand-logo .slider {
  height : 100px;
  margin : auto;
  overflow : hidden;
  position : relative;
  width : auto
}
.about-us .company-brand-logo .slider .slide-track {
  animation : scroll 40s linear infinite;
  display : flex;
  width : 3500px;-moz-column-gap : 50px;
  column-gap : 50px
}
.about-us .company-brand-logo .slider .slide {
  height : 100px;
  width : 250px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .about-us .banner .home-about-link ul{padding : 12px 22px
}
.about-us .our-department .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.about-us .our-department .row-one .company-videos {
  opacity : 0
}
.about-us .our-department .department-information .cityWall-btn-two {
  text-align : center
}
.about-us .our-department .department-information .lifestyle-colors .lifestyle {
  align-items : center
}
.about-us .our-department .department-information .lifestyle-colors .colors {
  align-items : center
}
.about-us .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0
}
.about-us .our-investigators .card-body {
  padding : 0 45px
}
.about-us .upcoming-city h2 {
  text-align : center
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.about-us .banner .images-optimization img {
  min-height : 300px
}
.about-us .our-department .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.about-us .our-department .department-information .cityWall-btn-two {
  text-align : center
}
.about-us .our-department .department-information .lifestyle-colors .lifestyle {
  align-items : center
}
.about-us .our-department .department-information .lifestyle-colors .colors {
  align-items : center
}
.about-us .number-counting {
  height : -moz-fit-content;
  height : fit-content;
  padding : 30px 0
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.about-us .banner .images-optimization img {
  min-height : 300px
}
.about-us .our-department .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.about-us .our-department .row-one .company-videos {
  right : 22px
}
.about-us .our-department .department-information .cityWall-btn-two {
  text-align : center
}
.about-us .our-department .department-information .lifestyle-colors .colors {
  align-items : center
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .about-us .banner .images-optimization img{min-height : 300px
}
.about-us .our-department .department-top-part {
  margin-top : 0;
  row-gap : 30px
}
.about-us .our-department .department-information .cityWall-btn-two {
  text-align : center
}
.about-us .our-department .department-information .lifestyle-colors .colors {
  align-items : center
}
}.service .banner .images-optimization img {
  width : 100%;
  min-height : 200px
}
.service .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.service .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.service .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.service .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.service .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .service .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .service .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.service .news-services .animated-circles {
  margin-left : 20px
}
.service .news-services .news-cards {
  margin-bottom : 140px
}
.service .news-services .card {
  border : 0
}
.service .news-services .card .card-body {
  background-color : #fff;
  margin : 0 0 0 80px;
  position : absolute;
  top : 200px;
  border-radius : 2px;
  box-shadow : 1px 0px 5px -2px;
  transition : 2s;
  padding : 30px 20px;
  border : 1px dashed #b59a6d
}
.service .news-services .card .card-body img {
  background-color : #fff;
  box-shadow : 1px 1px 1px 1px #b59a6d;
  width : 51px;
  height : 51px;
  border-radius : 50%;
  left : 0;
  top : -30px;
  position : absolute;
  z-index : 1;
  padding : 5px
}
.service .news-services .card .card-body .more-btn {
  color : #b59a6d;
  transition : 2s
}
.service .news-services .card .card-body .more-btn span {
  text-decoration : underline
}
.service .news-services .card .card-body .more-btn i {
  opacity : .4;
  transition : 1s
}
  .service .news-services .card .card-body .more-btn : hover i {
  opacity : 1;
  color : #11141b
}
  .service .news-services .card .card-body : hover {
  background-color : #b59a6d
}
.service .news-services .card .card-body h5, .service .news-services .card .card-body p {
  color : #000;
  transition : 2s
}
  .service .news-services .card .card-body : hover .more-btn, .service .news-services .card .card-body : hover h5, .service .news-services .card .card-body : hover p {
  color : #fff
}
.service .news-services .card img {
  transition : transform 2s
}
  .service .news-services .card : hover img {
  transform : rotate(-1deg) scale(1)
}
.service .news-services .see-all {
  margin-top : 20px
}
.service .news-services .see-all a {
  color : #b59a6d
}
.service .best-city-government {
  position : relative
}
.service .best-city-government .images-and-overlay {
  position : relative
}
.service .best-city-government .images-and-overlay img {
  width : 100%;
  min-height : 300px;
  max-height : 737px
}
.service .best-city-government .images-and-overlay .overlay {
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(14, 12, 12, .298);
  border-radius : 0% 0% 24% 24%/0% 0% 15% 15%
}
.service .best-city-government .home-pages-video-popup {
  display : block
}
.service .best-city-government .city-content {
  margin-top : -460px;
  position : relative;
  row-gap : 50px;
  display : flex;
  flex-direction : column
}
.service .best-city-government .city-content h2 {
  padding : 1px 0px
}
.service .best-city-government .city-content .city-service-list .city-footer-content {
  background-color : #fff;
  padding : 90px 60px 0 60px
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li {
  margin : 20px 0
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li .divide-row {
  margin : 15px 0;
  transition : all 1s ease-out
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  color : #11141b;
  font-weight : 500;
  font-size : 20px;
  line-height : 24px;
  transition : all 1s ease-out;
  display : flex;
  align-items : center;
  justify-content : space-between
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li a i {
  display : none;
  transition : all 1s ease-out
}
  .service .best-city-government .city-content .city-service-list .city-footer-content ul li : hover .divide-row {
  background-color : #b59a6d
}
  .service .best-city-government .city-content .city-service-list .city-footer-content ul li : hover a {
  color : #b59a6d
}
  .service .best-city-government .city-content .city-service-list .city-footer-content ul li : hover a i {
  display : block
}
.service .company-brand-logo .divide-row {
  margin-bottom : 80px;
  height : .5px;
  position : relative;
  top : 20px
}
  .service .company-brand-logo .divide-row : :after {
  background-color : #11141b;
  content : "";
  position : absolute;
  width : 20px;
  height : 20px;
  border-radius : 50%;
  display : flex;
  align-items : center;
  transform : translate(-50%, -50%);
  animation : move 20s linear infinite alternate
}
@keyframes move {
  0%{left : 0;
  right : 99%
}
100% {
  right : 0;
  left : 99%
}
}@keyframes scroll {
  0%{transform : translateX(0)
}
100% {
  transform : translateX(-1750px)
}
}.service .company-brand-logo .slider {
  height : 100px;
  margin : auto;
  overflow : hidden;
  position : relative;
  width : auto
}
.service .company-brand-logo .slider .slide-track {
  animation : scroll 40s linear infinite;
  display : flex;
  width : 3500px;-moz-column-gap : 50px;
  column-gap : 50px
}
.service .company-brand-logo .slider .slide {
  height : 100px;
  width : 250px
}
.service .upcoming-city {
  background-color : #f7f7f7
}
.service .upcoming-city .semi-title {
  margin-left : 22px
}
  .service .upcoming-city .upcoming-events-card .card .scale-up-ver-center : hover img {
  animation : scale-up-ver-center 2s cubic-bezier(0.39, 0.575, 0.565, 1) both
}
@keyframes scale-up-ver-center {
  0%{transform : scaleY(0.4)
}
100% {
  transform : scaleY(1)
}
}.service .upcoming-city .upcoming-events-card .card .card-body {
  justify-content : space-between
}
.service .upcoming-city .upcoming-events-card .card .card-body a {
  font-size : 20px;
  color : #fff;
  cursor : pointer
}
.service .upcoming-city .upcoming-events-card .card .card-body a .card-footer {
  background-color : #b59a6d;
  border-radius : 2px;
  position : relative;
  width : 40px;
  height : 40px;
  align-items : center;
  display : flex;
  justify-content : center
}
  .service .upcoming-city .upcoming-events-card .card .card-body a .card-footer : :before {
  position : absolute;
  content : "";
  top : 5px;
  left : 5px;
  border-radius : 2px;
  width : 40px;
  height : 40px;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d
}
  .service .upcoming-city .upcoming-events-card .card .card-body a .card-footer : hover : :before {
  animation : animName 5s linear infinite
}
@keyframes animName {
  0%{transform : rotate(0deg)
}
100% {
  transform : rotate(360deg)
}
}.service .upcoming-city .upcoming-events-card .card .card-body .info ul li {
  color : #11141b;
  font-size : 15px;
  line-height : 34px
}
.service .upcoming-city .upcoming-events-card .card .card-body .info ul li i {
  color : #b59a6d
}
  .service .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer {
  background-color : rgba(0, 0,0, 0)
}
  .service .upcoming-city .upcoming-events-card .card : hover .card-body a .card-footer i {
  color : #b59a6d
}
.service .upcoming-city .download-city h2 {
  margin-bottom : 40px
}
.service .upcoming-city .download-city .card {
  background-color : #b59a6d
}
.service .upcoming-city .download-city .card .eyes-download-icons {
  display : flex;
  justify-content : space-between;
  align-items : center
}
.service .upcoming-city .download-city .card .eyes-download-icons img {
  width : 40px;
  display : flex
}
.service .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon, .service .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon {
  display : flex
}
.service .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon input[type=file], .service .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon input[type=file] {
  display : none
}
.service .upcoming-city .download-city .card .eyes-download-icons .uploadFile-icon label, .service .upcoming-city .download-city .card .eyes-download-icons .downloadFile-icon label {
  cursor : pointer
}
.service .our-testimonials .testimonial-slider .card .testi-single-box {
  position : relative;
  border-radius : 2px;
  box-shadow : 5px 5px 20px 5px rgba(0, 0,0, .07);
  margin : 0 0px;
  z-index : 1;
  transition : .9s all
}
  .service .our-testimonials .testimonial-slider .card .testi-single-box : after {
  position : absolute;
  content : "";
  height : 100%;
  width : 100%;
  background : #b59a6d;
  top : 0;
  left : 0;
  border-radius : 2px;
  z-index : -1;
  transition : .5s;
  transform : scale(0.2, 1);
  opacity : 0
}
  .service .our-testimonials .testimonial-slider .card .testi-single-box : hover : after {
  transform : scale(1);
  opacity : 1
}
.service .our-testimonials .testimonial-slider .card .testi-single-box>i {
  font-size : 40px;
  color : #49545e
}
.service .our-testimonials .testimonial-slider .card .testi-single-box ul li {
  color : #b59a6d
}
  .service .our-testimonials .testimonial-slider .card .testi-single-box : hover ul li {
  color : #daa520
}
.service .our-testimonials .testimonial-slider .card .testi-single-box .name-title h3 {
  color : #b59a6d;
  margin-bottom : -10px
}
  .service .our-testimonials .testimonial-slider .card .testi-single-box : hover .name-title h3 {
  color : #000
}
.service .our-testimonials .testimonial-slider .card .testi-single-box img {
  width : 15%
}
.service .our-testimonials .testimonial-slider .card .small-box-border {
  position : absolute;
  content : "";
  top : 10px;
  left : 10px;
  border-radius : 2px;
  width : 100%;
  height : 100%;
  margin : 0;
  padding : 0;
  border : 1px dotted #b59a6d;
  z-index : -1
}
.service .our-testimonials .testimonial-slider button.slick-prev.slick-arrow, .service .our-testimonials .testimonial-slider button.slick-next.slick-arrow {
  display : none
}
  .service .our-testimonials .testimonial-slider .slick-dots li.slick-active button : before {
  opacity : 1;
  color : rgba(0, 0,0, 0);
  background : #b59a6d;
  width : 20px;
  height : 5px;
  border-radius : 10px 20px;
  margin-top : 7px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .service .banner .home-about-link ul{padding : 12px 22px
}
.service .upcoming-city h2 {
  text-align : center
}
.service .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.service .news-services .news-cards {
  margin-bottom : 0px
}
.service .best-city-government .city-content {
  margin-top : -285px;
  row-gap : 10px
}
.service .best-city-government .city-content h2 {
  padding : 40px 0px
}
.service .best-city-government .home-pages-video-popup {
  display : none
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  font-weight : 400;
  font-size : 16px
}
.service .best-city-government .city-content .city-service-list .city-footer-content {
  padding : 12px 12px 0 12px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.service .banner .images-optimization img {
  min-height : 300px
}
.service .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.service .news-services .news-cards {
  margin-bottom : 0px
}
.service .best-city-government .city-content {
  margin-top : -200px;
  row-gap : 10px
}
.service .best-city-government .city-content .city-service-list .city-footer-content ul li a {
  font-weight : 400;
  font-size : 16px
}
.service .best-city-government .city-content .city-service-list .city-footer-content {
  padding : 30px 30px 0 30px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.service .banner .images-optimization img {
  min-height : 300px
}
.service .news-services .card .card-body {
  margin : 0;
  position : relative;
  top : 0
}
.service .news-services .news-cards {
  margin-bottom : 0px
}
.service .best-city-government .city-content {
  margin-top : -250px;
  row-gap : 40px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .service .banner .images-optimization img{min-height : 300px
}
.service .news-services .card .card-body {
  margin : 0 0px 0 20px
}
.service .news-services .news-cards {
  margin-bottom : 180px
}
.service .best-city-government .city-content h2 {
  padding : 40px 0px
}
.service .best-city-government .city-content {
  margin-top : -330px;
  row-gap : 20px
}
}.service-detail .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.service-detail .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.service-detail .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.service-detail .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.service-detail .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.service-detail .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .service-detail .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .service-detail .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.service-detail .service-details .details-link ul li {
  background-color : #f7f7f7;
  padding : 10px;
  transition : ease 2s all;
  border : 1px solid #f7f7f7;
  margin-bottom : 20px
}
.service-detail .service-details .details-link ul li a {
  display : flex;
  align-items : center;
  justify-content : space-between
}
.service-detail .service-details .details-link ul li a span {
  margin-right : 10px;
  transition : ease 2s all;
  color : #b59a6d
}
  .service-detail .service-details .details-link ul li : hover {
  border : 1px dashed #b59a6d
}
  .service-detail .service-details .details-link ul li : hover span {
  margin-right : 0px
}
.service-detail .service-details .Contact-advice {
  margin : 30px 0px
}
.service-detail .service-details .Contact-advice img.img-bg {
  min-height : 460px;-o-object-fit : cover;
  object-fit : cover
}
.service-detail .service-details .Contact-advice .cover-images-overlay {
  display : flex;
  align-items : center;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(181, 155, 109, .91);
  position : absolute;
  height : 100%;
  flex-direction : column;
  row-gap : 40px
}
.service-detail .service-details .Contact-advice .cover-images-overlay img.support {
  width : 80px;
  background : #fff;
  padding : 12px;
  border-radius : 50%
}
.service-detail .service-details .Contact-advice .cover-images-overlay .phone-coll a {
  font-size : 30px;
  color : #fff;
  line-height : 48px;
  font-weight : 600
}
.service-detail .service-details .download-files {
  background-color : #b59a6d;
  margin-bottom : 30px
}
.service-detail .service-details .download-files img.download {
  width : 50px
}
.service-detail .service-details .city-visitors-guide img.guide-photo {
  width : 100%;
  max-height : 390px;
  margin-bottom : 40px
}
.service-detail .service-details .city-visitors-guide p {
  margin-bottom : 35px
}
.service-detail .service-details .global-transaction-advisory ul li .square {
  background-color : #b59a6d;
  width : 12px;
  height : 12px;
  display : inline-block;
  margin-right : 5px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .service-detail .banner .home-about-link ul{padding : 12px 22px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.service-detail .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.service-detail .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .service-detail .banner .images-optimization img{min-height : 300px
}
}.team .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.team .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.team .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.team .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.team .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.team .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .team .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .team .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.team .our-investigators .card-body {
  margin-top : -230px
}
.team .our-investigators .card-body ul li {
  background-color : #fff;
  width : 30px;
  height : 30px;
  margin-bottom : 4px;
  text-align : center;
  transition : background-color .3s ease;
  align-items : center;
  display : flex;
  justify-content : center
}
.team .our-investigators .card-body ul li a {
  display : flex;
  align-items : center;
  color : #b59a6d
}
.team .our-investigators .card-body .share-btn {
  background-color : #b59a6d;
  color : #fff;
  width : 30px;
  height : 30px
}
.team .our-investigators .card-body .info {
  background-color : #11141b;
  color : #fff;
  transition : background-color .3s ease
}
  .team .our-investigators .card-body : hover .info {
  background-color : #b59a6d
}
.team .hideLink {
  visibility : hidden
}
.team .company-brand-logo .divide-row {
  margin-bottom : 80px;
  height : .5px;
  position : relative;
  top : 20px
}
  .team .company-brand-logo .divide-row : :after {
  background-color : #11141b;
  content : "";
  position : absolute;
  width : 20px;
  height : 20px;
  border-radius : 50%;
  display : flex;
  align-items : center;
  transform : translate(-50%, -50%);
  animation : move 20s linear infinite alternate
}
@keyframes move {
  0%{left : 0;
  right : 99%
}
100% {
  right : 0;
  left : 99%
}
}@keyframes scroll {
  0%{transform : translateX(0)
}
100% {
  transform : translateX(-1750px)
}
}.team .company-brand-logo .slider {
  height : 100px;
  margin : auto;
  overflow : hidden;
  position : relative;
  width : auto
}
.team .company-brand-logo .slider .slide-track {
  animation : scroll 40s linear infinite;
  display : flex;
  width : 3500px;-moz-column-gap : 50px;
  column-gap : 50px
}
.team .company-brand-logo .slider .slide {
  height : 100px;
  width : 250px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .team .banner .home-about-link ul{padding : 12px 22px
}
.home-one .our-investigators .card-body {
  padding : 0 45px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.team .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.team .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .team .banner .images-optimization img{min-height : 300px
}
}.team-details .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.team-details .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.team-details .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.team-details .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.team-details .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.team-details .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .team-details .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .team-details .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.team-details .team-member-details .percentages {
  margin-bottom : 25px
}
.team-details .team-member-details .percentages .progress-bars {
  margin-bottom : 24px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberRate {
  margin-right : 110px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberWork {
  margin-right : 270px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberClient {
  margin-right : 38px
}
.team-details .team-member-details .percentages .progress-bars .progress {
  background-color : #11141b;
  height : 14px;
  width : 100%;
  border-radius : 0
}
.team-details .team-member-details .percentages .progress-bars .bar.numberRate {
  background-color : #b59a6d;-webkit-clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  height : 14px;
  width : 80%;
  animation : progressBarNumberRate 4s linear
}
@keyframes progressBarNumberRate {
  0%{width : 0
}
100% {
  width : 80%
}
}.team-details .team-member-details .percentages .progress-bars .bar.numberWork {
  background-color : #b59a6d;-webkit-clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  height : 14px;
  width : 50%;
  animation : progressBarNumberWork 3s linear
}
@keyframes progressBarNumberWork {
  0%{width : 0
}
100% {
  width : 50%
}
}.team-details .team-member-details .percentages .progress-bars .bar.numberClient {
  background-color : #b59a6d;-webkit-clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  clip-path : polygon(0% -1%, 95% -1%, 100% 100%, 0% 100%);
  height : 14px;
  width : 95%;
  animation : progressBarNumberClient 5s linear
}
@keyframes progressBarNumberClient {
  0%{width : 0
}
100% {
  width : 95%
}
}.team-details .team-member-details .information {
  background-color : #f8f6f1;
  padding : 50px;
  margin-left : -90px
}
.team-details .team-member-details .information a {
  color : #0f1026
}
.team-details .team-member-details .information .top-title {
  color : #0f1026;
  opacity : .5
}
.team-details .team-member-details .information .social-link {
  background-color : #fff;
  width : 30px;
  height : 30px;
  border-radius : 50%;
  align-items : center;
  display : flex;
  justify-content : center;
  transition : 1s
}
.team-details .team-member-details .information .social-link .icon {
  transition : 1s
}
  .team-details .team-member-details .information .social-link : hover {
  background-color : #b59a6d
}
  .team-details .team-member-details .information .social-link : hover .icon {
  color : #fff
}
.team-details .our-investigators .card-body {
  margin-top : -230px
}
.team-details .our-investigators .card-body ul li {
  background-color : #fff;
  width : 30px;
  height : 30px;
  margin-bottom : 4px;
  text-align : center;
  transition : background-color .3s ease;
  align-items : center;
  display : flex;
  justify-content : center
}
.team-details .our-investigators .card-body ul li a {
  display : flex;
  align-items : center;
  color : #b59a6d
}
.team-details .our-investigators .card-body .share-btn {
  background-color : #b59a6d;
  color : #fff;
  width : 30px;
  height : 30px
}
.team-details .our-investigators .card-body .info {
  background-color : #11141b;
  color : #fff;
  transition : background-color .3s ease
}
  .team-details .our-investigators .card-body : hover .info {
  background-color : #b59a6d
}
.team-details .hideLink {
  visibility : hidden
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .team-details .banner .home-about-link ul{padding : 12px 22px
}
.home-one .our-investigators .card-body {
  padding : 0 45px
}
.team-details .team-member-details .percentages {
  margin : 30px 0px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberRate {
  margin-right : 0
}
.team-details .team-member-details .percentages .progress-bars #progressNumberWork {
  margin-right : 0
}
.team-details .team-member-details .percentages .progress-bars #progressNumberClient {
  margin-right : 0
}
.team-details .team-member-details .information {
  padding : 10px;
  margin-left : 0px
}
.team-details .team-member-details .information .social-link {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.team-details .banner .images-optimization img {
  min-height : 300px
}
.team-details .team-member-details .percentages {
  margin : 30px 0px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberRate {
  margin-right : 0
}
.team-details .team-member-details .percentages .progress-bars #progressNumberWork {
  margin-right : 0px
}
.team-details .team-member-details .percentages .progress-bars #progressNumberClient {
  margin-right : 0px
}
.team-details .team-member-details .information {
  margin-left : -200px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.team-details .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .team-details .banner .images-optimization img{min-height : 300px
}
}.projects-grid .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.projects-grid .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.projects-grid .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.projects-grid .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.projects-grid .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.projects-grid .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .projects-grid .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .projects-grid .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.projects-grid .grid .first-images {
  box-sizing : border-box;
  overflow : hidden
}
.projects-grid .grid .first-images img {
  transition : transform 2s
}
  .projects-grid .grid .first-images : hover img {
  transform : rotate(1deg) scale(1.1)
}
.projects-grid .grid .second-images {
  box-sizing : border-box;
  overflow : hidden
}
.projects-grid .grid .second-images img {
  transition : transform 2s
}
  .projects-grid .grid .second-images : hover img {
  transform : rotate(1deg) scale(1.1)
}
.projects-grid .grid .second-images .content {
  margin-bottom : 0px
}
.projects-grid .grid .second-images .content .right-content {
  position : absolute;
  top : 10px;
  right : 10px;
  background-color : #b59a6d;
  padding : 20px;
  text-align : center;
  border-radius : 20px 0px 0px 0px
}
.projects-grid .grid .second-images .content .right-content a {
  color : #fff;
  display : flex;
  flex-direction : column
}
.projects-grid .grid .second-images .content .right-content i {
  animation : arrowBtn 2s ease infinite;
  font-size : 18px;
  margin-left : 0px
}
@keyframes arrowBtn {
  0%{transform : translate(1.5rem);
  opacity : 0;
  margin-left : -50px;
  color : #fff
}
100% {
  opacity : 1;
  margin-right : -10px;
  color : #11141b
}
}.projects-grid .grid .second-images .content .bottom-content {
  background-color : #b59a6d;
  position : absolute;
  left : 10px;
  bottom : 10px;
  width : 80%;
  padding : 20px;
  border-radius : 0px 20px 0px 0px;
  transition : ease 2s all
}
.projects-grid .grid .third-images {
  box-sizing : border-box;
  overflow : hidden
}
.projects-grid .grid .third-images img {
  transition : transform 2s
}
  .projects-grid .grid .third-images : hover img {
  transform : rotate(1deg) scale(1.1)
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .projects-grid .banner .home-about-link ul{padding : 12px 22px
}
.projects-grid .grid .second-images .content .bottom-content {
  position : relative;
  left : 0;
  bottom : 30px;
  width : 100%;
  padding : 10px;
  border-radius : 0;
  text-align : center
}
.projects-grid .grid .second-images .content {
  margin-bottom : -24px
}
.projects-grid .grid .second-images .content .right-content {
  padding : 10px;
  border-radius : 10px 0px 0px 0px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .grid .second-images .content .bottom-content {
  position : relative;
  left : 0;
  bottom : 30px;
  width : 100%;
  padding : 10px;
  border-radius : 0;
  text-align : center
}
.projects-grid .grid .second-images .content {
  margin-bottom : -24px
}
.projects-grid .grid .second-images .content .right-content {
  padding : 10px;
  border-radius : 10px 0px 0px 0px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
}.projects-details .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.projects-details .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.projects-details .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.projects-details .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.projects-details .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.projects-details .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .projects-details .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .projects-details .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.projects-details .projects-details .details .question {
  align-items : center
}
.projects-details .projects-details .details .question .accordion-item {
  background-color : #f7f7f7;
  margin-bottom : 10px;
  border : none
}
.projects-details .projects-details .details .question .accordion-item .accordion-button {
  background-color : #f7f7f7;
  padding : 5px
}
  .projects-details .projects-details .details .question .accordion-item .accordion-button : hover : focus {
  border : none;
  outline : none
}
.projects-details .projects-details .details .question .accordion-item .accordion-button {
  color : #b59a6d
}
.projects-details .projects-details .details .question .accordion-item .accordion-button.collapsed {
  color : #212529
}
  .projects-details .projects-details .details .question .accordion-item .accordion-button : focus {
  z-index : 3;
  border-color : var(--bs-accordion-btn-focus-border-color);
  outline : 0;
  box-shadow : none
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .projects-grid .banner .home-about-link ul{padding : 12px 22px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
}.projects-details .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.projects-details .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.projects-details .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.projects-details .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.projects-details .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.projects-details .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .projects-details .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .projects-details .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.projects-details .faq-page .accordion-item {
  background-color : #f7f7f7;
  margin-bottom : 10px;
  border : none
}
.projects-details .faq-page .accordion-item .accordion-button {
  background-color : #f7f7f7;
  padding : 5px
}
  .projects-details .faq-page .accordion-item .accordion-button : hover : focus {
  border : none;
  outline : none
}
.projects-details .faq-page .accordion-item .accordion-button {
  color : #b59a6d
}
.projects-details .faq-page .accordion-item .accordion-button.collapsed {
  color : #212529
}
  .projects-details .faq-page .accordion-item .accordion-button.collapsed : : after {
  background-color : #639;
  color : #b59a6d
}
  .projects-details .faq-page .accordion-item .accordion-button : focus {
  box-shadow : none
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .projects-grid .banner .home-about-link ul{padding : 12px 22px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
}.blog .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.blog .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.blog .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.blog .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.blog .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.blog .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .blog .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .blog .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.blog .blog-page .card {
  transition : transform 2s ease;
  overflow : hidden;
  box-shadow : 0px 1px 5px -3px
}
.blog .blog-page .card img {
  transition : transform 2s ease;
  overflow : hidden
}
  .blog .blog-page .card : hover img {
  transform : scale(1.1)
}
.blog .blog-page .card .card-body .user, .blog .blog-page .card .card-body .comment {
  display : flex;
  align-items : center
}
.blog .blog-page .card .card-body img {
  width : 20px;
  margin-right : 5px
}
.blog .blog-page .card a {
  color : #b59a6d;
  transition : 1s
}
  .blog .blog-page .card : hover a {
  color : #11141b
}
.blog .blog-page .latest-date {
  background-color : #fff;
  color : #b59a6d;
  box-shadow : #b59a6d 0px 3px 1px 1px;
  margin-top : -32px;
  border-radius : 50%;
  width : 60px;
  height : 60px;
  display : flex;
  justify-content : center;
  align-items : center;
  flex-direction : column;
  z-index : 1;
  font-size : 13px
}
.blog .blog-page .latest-date .mb-n2 {
  margin-bottom : -5px
}
.blog .blog-page .pagination {
  display : flex;
  align-items : center;
  justify-content : center;
  width : -moz-fit-content;
  width : fit-content;
  padding : 10px 40px;
  background-color : #b59a6d;
  border-radius : 6px;
  float : right;
  margin-top : 40px
}
.blog .blog-page .pagination ul {
  margin : 10px 20px;
  display : flex;
  align-items : center;
  justify-content : center;
  text-align : center
}
.blog .blog-page .pagination ul li button {
  display : flex;
  margin : 0 5px;
  width : 35px;
  height : 35px;
  border-radius : 50%;
  text-align : center;
  font-size : 18px;
  cursor : pointer;
  align-items : center;
  justify-content : center;
  background-position : 0 -45px;
  transition : background-position .5s;
  border : none;
  background-color : rgba(0, 0,0, 0)
}
.blog .blog-page .pagination ul li button.active-link {
  background-image : linear-gradient(#11141b, #b59a6d);
  background-repeat : no-repeat;
  color : #fff;
  background-position : 0 0px;
  cursor : pointer
}
.blog .blog-page .pagination .btn1, .blog .blog-page .pagination .btn2 {
  display : inline-flex;
  align-items : center;
  font-size : 18px;
  background : rgba(0, 0,0, 0);
  outline : none;
  border : none;
  cursor : pointer
}
.blog .blog-page .blog-card {
  opacity : 0;
  visibility : hidden;
  width : 0;
  height : 0;
  padding : 0;
  gap : 0
}
.blog .blog-page .blog-card .col {
  padding : 10px
}
.blog .blog-page .blog-active {
  opacity : 1;
  visibility : visible;
  width : auto;
  height : auto;
  padding : 0
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .blog .banner .home-about-link ul{padding : 12px 22px
}
.blog .blog-page .pagination {
  padding : 10px 20px
}
.blog .blog-page .pagination ul {
  margin : 0px 10px;
  flex-wrap : wrap
}
.blog .blog-page .latest-date {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
.blog .blog-page .latest-date {
  display : none
}
}.blog-post .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.blog-post .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.blog-post .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.blog-post .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.blog-post .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.blog-post .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .blog-post .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .blog-post .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.blog-post .post-details .Home-financing .admin-comment span {
  color : #b59a6d
}
.blog-post .post-details .Home-financing .admin-comment span img {
  width : 20px
}
.blog-post .post-details .Home-financing .share .share-btn {
  color : #b59a6d;
  outline : none;
  border : none;
  background-color : #f7f7f7;
  transition : 1s
}
  .blog-post .post-details .Home-financing .share .share-btn : hover {
  color : #11141b
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a {
  color : #fff
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a svg {
  width : 30px;
  height : 30px;
  padding : 10px;
  border-radius : 50%
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .facebook {
  background-color : #3b5998
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .whatsapp {
  background-color : #25d366
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .twitter {
  background-color : #000
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .linkedin {
  background-color : #0077b5
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .instagram {
  background-image : linear-gradient(#ffdf9e, #ffc273, #e56969, #c1558b, #8a49a1)
}
.blog-post .post-details .Home-financing .modal .modal-body ul li a .pinterest {
  background-color : #bd081c
}
.blog-post .post-details .Home-financing .tags-container {
  border : 1px solid #b59a6d;
  padding : 10px
}
.blog-post .post-details .Home-financing .tags-container .tags-label {
  font-weight : bold;
  margin-right : 10px
}
.blog-post .post-details .Home-financing .tags-container .tag {
  display : inline-block;
  padding : 5px 10px;
  border : 1px solid #b59a6d;
  border-radius : 4px;
  margin-right : 5px;
  background-color : #f7f7f7;
  cursor : pointer;
  transition : background-color .3s, color .3s
}
  .blog-post .post-details .Home-financing .tags-container .tag : hover {
  background-color : #11141b;
  color : #b59a6d
}
.blog-post .post-details .Home-financing .kevin-martin .share-social h6 {
  color : #b59a6d
}
.blog-post .post-details .Home-financing .kevin-martin .share-social ul li a {
  color : #11141b;
  transition : 1s
}
  .blog-post .post-details .Home-financing .kevin-martin .share-social ul li a : hover {
  color : #b59a6d
}
.blog-post .post-details .Home-financing .nav-arrow {
  cursor : pointer;
  padding : 10px;
  font-size : 24px;-webkit-user-select : none;-moz-user-select : none;
  user-select : none;
  background-color : #f0f0f0;
  border-radius : 50%;
  display : flex;
  justify-content : center;
  align-items : center;
  width : 40px;
  height : 40px
}
.blog-post .post-details .Home-financing .nav-content {
  display : flex;
  width : 100%;
  justify-content : center;
  align-items : center;
  text-align : center
}
.blog-post .post-details .Home-financing .nav-item {
  width : 100%;
  white-space : nowrap;
  font-size : 16px;
  color : #333
}
.blog-post .post-details .Home-financing .nav-item.active {
  display : block
}
.blog-post .post-details .Home-financing #prev {
  background-color : #f7f7f7;
  color : #b59a6d
}
.blog-post .post-details .Home-financing #next {
  background-color : #f7f7f7;
  color : #bd632f
}
.blog-post .post-details .Home-financing .recent-comments {
  margin-top : 30px
}
.blog-post .post-details .Home-financing .recent-comments .recent {
  border-bottom : 1px solid #b59a6d
}
.blog-post .post-details .Home-financing .recent-comments .author img {
  width : 280px
}
.blog-post .post-details .Home-financing .recent-comments .comment .replay {
  border : none;
  outline : none;
  background-color : rgba(0, 0,0, 0);
  color : #11141b;
  transition : 1s
}
  .blog-post .post-details .Home-financing .recent-comments .comment .replay : hover {
  color : #b59a6d
}
.blog-post .post-details .Home-financing .recent-comments.second {
  margin-left : 50px
}
.blog-post .post-details .Home-financing .comment-form-container {
  margin-top : 50px
}
.blog-post .post-details .Home-financing .comment-form-container .leave {
  border-bottom : 1px solid #b59a6d
}
.blog-post .post-details .Home-financing .comment-form-container .comment-form-container {
  background-color : #fff;
  padding : 20px;
  border : 1px solid #ccc;
  border-radius : 10px;
  box-shadow : 0 0 10px rgba(0, 0,0, .1);
  width : 400px
}
.blog-post .post-details .Home-financing .comment-form-container .form-group {
  margin-bottom : 15px
}
.blog-post .post-details .Home-financing .comment-form-container label {
  display : block;
  margin-bottom : 5px;
  font-weight : bold
}
.blog-post .post-details .Home-financing .comment-form-container input, .blog-post .post-details .Home-financing .comment-form-container textarea {
  width : 100%;
  padding : 8px;
  box-sizing : border-box;
  border : none;
  outline : none;
  border-radius : 5px;
  background-color : #f8f6f1
}
.blog-post .post-details .Home-financing .comment-form-container #formMessages {
  margin-top : 15px;
  text-align : center
}
.blog-post .post-details .side-section .search-container {
  background-color : #f8f6f1;
  padding : 16px 20px
}
.blog-post .post-details .side-section .search-container form {
  display : flex
}
.blog-post .post-details .side-section .search-container input[type=text] {
  background-color : rgba(0, 0,0, 0);
  padding : 6px;
  font-size : 17px;
  border : none;
  outline : none;
  width : 86%
}
.blog-post .post-details .side-section .search-container button {
  border : 1px dashed #11141b;
  background-color : rgba(0, 0,0, 0);
  float : right;
  padding : 6px 10px;
  font-size : 16px;
  cursor : pointer;
  transition : 1s
}
.blog-post .post-details .side-section .search-container button .search {
  color : #b59a6d;
  transition : 1s
}
  .blog-post .post-details .side-section .search-container button : hover {
  background : #b59a6d
}
  .blog-post .post-details .side-section .search-container button : hover .search {
  color : #11141b
}
.blog-post .post-details .side-section .latest-post {
  background-color : #f8f6f1;
  padding : 20px
}
.blog-post .post-details .side-section .latest-post .title {
  position : relative;
  margin-bottom : 40px
}
.blog-post .post-details .side-section .latest-post .title .column {
  position : absolute;
  height : 1px;
  width : 100%;
  margin-top : 10px;
  background-color : #11141b
}
  .blog-post .post-details .side-section .latest-post .title .column : :after {
  content : "";
  position : absolute;
  background-color : #bd632f;
  width : 20%;
  height : 1px
}
.blog-post .post-details .side-section .latest-post .post {
  background-color : #fff;
  padding : 10px;
  border-radius : 4px
}
.blog-post .post-details .side-section .latest-post .post .post-images {
  width : 30%
}
.blog-post .post-details .side-section .latest-post .post .post-content i {
  color : #b59a6d
}
.blog-post .post-details .side-section .latest-post .post .post-content h6 {
  margin-top : 6px;
  line-height : 26px
}
.blog-post .post-details .side-section .categories-post {
  background-color : #f8f6f1;
  padding : 20px
}
.blog-post .post-details .side-section .categories-post .title {
  margin-bottom : 40px;
  position : relative
}
.blog-post .post-details .side-section .categories-post .title .column {
  position : absolute;
  height : 1px;
  width : 100%;
  margin-top : 10px;
  background-color : #11141b
}
  .blog-post .post-details .side-section .categories-post .title .column : :after {
  content : "";
  position : absolute;
  background-color : #bd632f;
  width : 20%;
  height : 1px
}
.blog-post .post-details .side-section .have-any-query {
  background-color : #b59a6d;
  padding : 40px
}
.blog-post .post-details .side-section .have-any-query button {
  background-color : #212529
}
.blog-post .post-details .side-section .tags-post {
  background-color : #f8f6f1;
  padding : 20px
}
.blog-post .post-details .side-section .tags-post .title {
  margin-bottom : 40px;
  position : relative
}
.blog-post .post-details .side-section .tags-post .title .column {
  position : absolute;
  height : 1px;
  width : 100%;
  margin-top : 10px;
  background-color : #11141b
}
  .blog-post .post-details .side-section .tags-post .title .column : :after {
  content : "";
  position : absolute;
  background-color : #bd632f;
  width : 20%;
  height : 1px
}
.blog-post .post-details .side-section .tags-post .tags {
  text-align : center
}
.blog-post .post-details .side-section .tags-post .tags div {
  background-color : #fff;
  padding : 8px 14px;
  margin : 5px 8px;
  border-radius : 2px
}
.blog-post .post-details .side-section .tags-post .tags div a {
  color : #000
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .blog-post .banner .home-about-link ul{padding : 12px 22px
}
.post-details .modal-body ul {
  flex-wrap : wrap;
  gap : 24px
}
.tags-container .tags-btn {
  flex-wrap : wrap;
  justify-content : center
}
.kevin-photo img {
  min-width : 80px;
  height : 160px;-o-object-fit : cover;
  object-fit : cover
}
.blog-post .post-details .Home-financing .recent-comments.second {
  margin-left : 0px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.post-details .modal-body ul {
  flex-wrap : wrap;
  gap : 24px
}
.tags-container .tags-btn {
  flex-wrap : wrap;
  justify-content : center
}
.kevin-photo img {
  min-width : 80px;
  height : 160px;-o-object-fit : cover;
  object-fit : cover
}
.blog-post .post-details .Home-financing .recent-comments.second {
  margin-left : 0px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
.blog-post .post-details .side-section .latest-post .post .post-content h6 {
  font-size : 18px
}
.blog-post .post-details .side-section .latest-post .post .post-images {
  width : 40%
}
}.blog-post .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.blog-post .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.blog-post .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.blog-post .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.blog-post .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.blog-post .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .blog-post .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .blog-post .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .blog-post .banner .home-about-link ul{padding : 12px 22px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.projects-grid .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .projects-grid .banner .images-optimization img{min-height : 300px
}
}.contact .banner .images-optimization img {
  width : 100%;
  min-height : 200px;
  max-height : 426px
}
.contact .banner .images-optimization .cover-images-overlay {
  display : flex;
  align-items : center;
  justify-content : start;
  text-align : start;
  width : 100%;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0;
  background-color : rgba(0, 0,0, .5);
  position : absolute;
  height : 100%
}
.contact .banner .images-optimization .cover-images-overlay .banner-content {
  align-items : center;
  display : flex;
  position : absolute;
  flex-direction : column;
  text-align : center;
  justify-content : center;
  top : 0;
  left : 0;
  right : 0;
  bottom : 0
}
.contact .banner .home-about-link {
  bottom : 0;
  position : absolute
}
.contact .banner .home-about-link ul {
  display : flex;
  background-color : #b59a6d;
  width : -moz-fit-content;
  width : fit-content;
  padding : 20px 30px
}
.contact .banner .home-about-link ul li {
  transition : all .5s ease;
  position : relative
}
  .contact .banner .home-about-link ul li a : :before {
  border-bottom : 2px solid #11141b;
  content : "";
  position : absolute;
  width : 5%;
  bottom : 0px;
  transition : all .5s ease
}
  .contact .banner .home-about-link ul li a : hover : :before {
  width : 100%
}
.contact .contact-information {
  background-color : #f8f6f1;
  padding : 50px
}
.contact .contact-information .contact-info {
  background-color : #b59a6d
}
.contact .contact-information .contact-info h2 {
  margin-bottom : 20px
}
.contact .contact-information .info-item {
  background-color : #11141b;
  color : #fff;
  margin-bottom : 20px;
  padding : 8px 4px
}
.contact .contact-information .info-item a {
  color : #fff
}
.contact .contact-information .info-item p {
  color : #fff
}
.contact .contact-information .info-item .contact-icon {
  background-color : #f8f6f1;
  margin : 10px;
  padding : 10px
}
.contact .contact-information .info-item .contact-icon i {
  color : #b59a6d;
  font-size : 24px
}
.contact .contact-information .info-item p {
  font-size : 18px;
  font-weight : bold
}
.contact .contact-information .get-quote h2 {
  margin-bottom : 20px
}
.contact .contact-information #contactForm .form-group {
  width : 100%
}
.contact .contact-information #contactForm .form-group label {
  font-size : 14px;
  color : #0f1026
}
.contact .contact-information #contactForm .form-control {
  background-color : #0f1026;
  color : #fff;
  border : 1px solid #0f1026
}
.contact .google-map {
  margin-bottom : 0
}
.contact .google-map #map {
  display : flex;
  justify-content : center;
  align-items : center;
  width : 100%;
  height : 650px
}
.contact .google-map #map .map-part {
  background : #b59a6d;
  padding : 20px;
  max-width : 340px;
  max-height : 300px
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  .contact .banner .home-about-link ul{padding : 12px 22px
}
.contact .contact-information {
  padding : 30px
}
form#contactForm .two-group {
  flex-direction : column
}
.contact .google-map {
  display : none
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.contact .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  .banner .images-optimization .cover-images-overlay{justify-content : center;
  text-align : center
}
.contact .banner .images-optimization img {
  min-height : 300px
}
  }@media screen and (min-width: 992px)and (max-width: 1200px) {
  .contact .banner .images-optimization img{min-height : 300px
}
}footer {
  background-color : #11141b;
  padding : 0px 0px 0px 0px 
}
footer .subscribe-field {
  background-color : #11141b;
  padding : 30px 0px;
  display : flex;
  align-items : center
}
footer .subscribe-field form {
  background-color : #11141b;
  border-radius : 10px;
  align-items : center;
  max-width : 80%;
  margin-left : auto
}
footer .subscribe-field form input {
  background-color : #000;
  border : 0;
  outline : none;
  padding : 10px 20px;
  width : 70%;
  height : 50px;
  font-size : 16px;
  border-radius : 5px;
  color : #fff
}
footer .subscribe-field form .subscript {
  background-color : #b59a6d;
  border : none;
  outline : none;
  width : 30%;
  height : 50px;
  cursor : pointer;
  border-radius : 0px 5px 5px 0px;
  color : #fff;
  font-size : 16px;
  transition : 1s;
  overflow : hidden;
  margin-left : -3px
}
  footer .subscribe-field form .subscript : hover {
  transform : scale(1);
  color : #11141b
}
footer .industry-info ul li, footer .touch-info ul li {
  margin-bottom : 10px
}
footer .our-details {
  padding : 70px 0px
}
footer .our-details .card img {
  width : 60%
}
footer .our-details .card .card-body p {
  font-size : 15px;
  line-height : 28px
}
footer .our-details .card .industry-info ul li a {
  position : relative
}
  footer .our-details .card .industry-info ul li a : :after {
  border-bottom : 1px solid #b59a6d;
  content : "";
  position : absolute;
  width : 0%;
  bottom : 0;
  left : 0;
  transition : 2s
}
  footer .our-details .card .industry-info ul li a : hover : :after {
  width : 100%
}
footer .our-details .card .social-info ul li a .link-icons {
  border : 1px dotted #b59a6d;
  width : 15px;
  height : 15px;
  padding : 5px;
  transition : .5s
}
  footer .our-details .card .social-info ul li a : hover .link-icons {
  background-color : #b59a6d
}
footer .term-and-condition {
  background-color : #11141b;
  padding : 20px 0px
}
footer .term-and-condition .copy-right-content .copy-right span {
  color : #b59a6d
}
footer .term-and-condition .button-div {
  margin-top : -100px
}
footer .term-and-condition .button-div .up-to-down-btn {
  background-color : #b59a6d;
  color : #fff;
  border : none;
  outline : none;
  padding : 8px 12px;
  font-size : 18px;
  border-radius : 50%;
  transition : .4s ease
}
footer .term-and-condition .button-div .up-to-down-btn i {
  animation : upToDownBtn 2s infinite;
  font-size : 18px
}
@keyframes upToDownBtn {
  0%{transform : translateY(1.5rem);
  opacity : 0
}
100% {
  opacity : 1
}
}footer .term-and-condition .button-div .to-top {
  position : fixed;
  bottom : 16px;
  right : 32px;
  width : 3.125rem;
  height : 3.125rem;
  border-radius : 50%;
  display : flex;
  align-items : center;
  justify-content : center;
  font-size : 2rem;
  opacity : 0;
  pointer-events : none;
  transition : all .4s
}
footer .term-and-condition .to-top.active {
  opacity : 1;
  bottom : 2rem;
  pointer-events : auto
}
  @media screen and (min-width: 320px)and (max-width: 576px) {
  footer .subscribe-field form button{width : 30%
}
footer .our-details .card img {
  width : 40%
}
footer {
  margin-top : 50px;
  padding : 30px 0
}
footer .subscribe-field form {
  max-width : 100%;
  border-radius : 5px;
  align-items : center;
  float : none;
  justify-content : center;
  text-align : center
}
footer .subscribe-field form input {
  border : 0;
  padding : 10px 10px;
  width : 80%;
  height : 50px;
  font-size : 14px
}
footer .subscribe-field form button {
  width : 30%
}
footer .term-and-condition .copy-right-content {
  flex-direction : column;
  row-gap : 20px;
  text-align : center
}
footer .term-and-condition .button-div {
  margin-top : -50px;
  position : absolute
}
footer .our-details {
  padding : 35px 0px
}
  }@media screen and (min-width: 576px)and (max-width: 768px) {
  footer{padding : 50px 0px
}
footer .our-details .card img {
  width : 50%
}
footer .subscribe-field {
  padding : 30px 0px;
  text-align : center
}
footer .subscribe-field form {
  width : 100%
}
footer .subscribe-field form {
  width : 100%;
  margin : 0 auto
}
footer .term-and-condition .button-div {
  margin-top : -90px;
  position : absolute;
  text-align : center;
  left : 0;
  right : 0
}
footer .term-and-condition .copy-right-content {
  flex-direction : column;
  row-gap : 20px;
  text-align : center
}
footer .our-details {
  padding : 35px 0px
}
  }@media screen and (min-width: 768px)and (max-width: 992px) {
  footer{padding : 60px 0px 0px 0px
}
footer .subscribe-field {
  padding : 30px 0px;
  text-align : center
}
footer .subscribe-field form input {
  width : 60%
}
footer .term-and-condition .button-div {
  margin-top : -100px
}
footer .subscribe-field form {
  margin : 0 auto
}
}


 .gallery-img{
cursor:pointer;
transition:0.3s;
border-radius:6px;
}

.gallery-img:hover{
transform:scale(1.05);
}

/* Popup */
.gallery-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
justify-content:center;
align-items:center;
z-index:9999;
}

.popup-img{
max-width:90%;
max-height:80%;
border-radius:8px;
}

.close-btn{
position:absolute;
top:30px;
right:40px;
font-size:40px;
color:#fff;
cursor:pointer;
}

.gallery-nav{
position:absolute;
width:100%;
display:flex;
justify-content:space-between;
top:50%;
padding:0 30px;
}

.gallery-nav button{
background:none;
border:none;
color:#fff;
font-size:40px;
cursor:pointer;
}
.thumb-img{
    width:100%;
    height:300px;
    object-fit:cover;
}

/* Form Container */
#careerForm{
background:#fff;
padding:30px;
border:1px solid #e6e6e6;
border-radius:8px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
}

/* Form Fields */
#careerForm .form-control{
border:1px solid #ddd;
border-radius:5px;
padding:10px 12px;
font-size:14px;
transition:all 0.3s ease;
}

/* Focus Effect */
#careerForm .form-control:focus{
border-color:#0d6efd;
box-shadow:0 0 6px rgba(13,110,253,0.2);
}

/* Labels */
#careerForm label{
font-weight:500;
font-size:14px;
margin-bottom:6px;
display:block;
}


.logo-img{
height:120px;
width:auto;
}

.logo-text h2{
font-size:35px;
font-weight:600;
line-height:1.2;
}

.logo-text .tagline{
font-size:19px;
text-align:center;
/*opacity:0.9;*/
}

/* Mobile */
@media (max-width:768px){
.logo-text{
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}
.logo-img{
height:70px;
}

.logo-text h2{
font-size:16px;
margin-bottom:2px;
}

.logo-text .tagline{
        font-size: 12px;
        text-align: left;
        line-height: inherit;
}

}
.partner-slider{
background:#444444;
/*border-radius:10px;*/
padding:20px;
}

.logo-slider .item{
text-align:center;
padding:10px;
}

.logo-slider img{
max-height:100px;
width:auto;
margin:auto;
 object-fit: contain;
}
/* Navigation container */
.logo-slider .owl-nav{
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);
display:flex;
justify-content:space-between;
pointer-events:none;
}

/* Buttons */
.logo-slider .owl-nav button{
background:#e0e0e0 !important;
width:45px;
height:45px;
border-radius:6px;
font-size:22px !important;
color:#000 !important;
display:flex;
align-items:center;
justify-content:center;
pointer-events:auto;
transition:0.3s;
}

/* Hover effect */
.logo-slider .owl-nav button:hover{
background:#02488f !important;
color:#fff !important;
}

/* Position */
.logo-slider .owl-nav .owl-prev{
margin-left:-25px;
}

.logo-slider .owl-nav .owl-next{
margin-right:-25px;
}

/* Remove outline */
.logo-slider .owl-nav button:focus{
outline:none;
}
@media (min-width:768px){
    .h-500{
        height:500px;
    }
}
/* Mobile adjustment */
@media(max-width:768px){

.logo-slider .owl-nav button{
width:35px;
height:35px;
font-size:18px !important;
}

.logo-slider .owl-nav .owl-prev{
margin-left:-10px;
}

.logo-slider .owl-nav .owl-next{
margin-right:-10px;
}
.logo-slider img {
    max-height: 60px;
    height: 100px;
    width: 100px !important;
    margin: auto;
}

}

/* Work With Us Section */

.work-with-us{
    padding:70px 0;
}

.work-with-us h2{
    font-size:32px;
    font-weight:600;
    margin-bottom:15px;
}

.work-with-us p{
    font-size:16px;
    line-height:1.7;
    color:#444;
}

.work-with-us img{
    width:100%;
    height:auto;
    border-radius:8px;
}

.work-with-us .btn{
    padding:10px 28px;
    font-size:16px;
    font-weight:500;
}


/* Tablet */
@media (max-width:991px){

.work-with-us{
    padding:50px 0;
}

.work-with-us h2{
    font-size:28px;
}

.work-with-us p{
    font-size:15px;
}

}


/* Mobile */
@media (max-width:768px){

.work-with-us{
    text-align:center;
}

.work-with-us img{
    margin-bottom:20px;
}

.work-with-us h2{
    font-size:24px;
}

.work-with-us p{
    font-size:14px;
    text-align:justify;
}

.work-with-us .btn{
    padding:9px 22px;
    font-size:14px;
}

}


/* Small Mobile */
@media (max-width:480px){

.work-with-us h2{
    font-size:22px;
}

.work-with-us p{
    font-size:13px;
}

}