@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*
** Reset css
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html,
body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  background-color: #fff;
  color: #111;
  font-size: 15px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 15px;
  line-height: 1.7em;
  color: #000;
}

b,
strong {
  font-weight: 600;
}

/*
**
*** Global css
**
*/

html,
body {
  background: #fff;
  font-family: 'Inter', sans-serif;
}

@media (max-width: 991px) {

  html,
  body {
    overflow-x: hidden;
  }
}


/*
**
*** Container
**
*/

@media (min-width: 1320px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 768px) {
  .sec-margin-side {
    margin: 0 20px;
  }
}

@media (min-width: 992px) {
  .sec-margin-side {
    margin: 0 30px;
  }
}

@media (min-width: 1450px) {
  .sec-margin-side {
    margin: 0 60px;
  }
}

.border-radius-box {
  border-radius: 15px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .border-radius-box {
    border-radius: 0;
  }
}

/*
**
*** Background colors
**
*/

.black-bg {
  background: #000;
}

.white-bg {
  background: #fff;
}

.gray-bg {
  background: #f3f3f3;
}


/*
**
*** Buttons
**
*/

.btn-theme {
  font-weight: 500;
  display: inline-block;
  color: #FFF;
  background: #ff4200;
  padding: 13px 27px;
  transition: .4s;
}

.btn-theme:hover {
  color: #FFF;
  background: #000;
}

.btn-border {
  background: transparent;
  color: #FFF;
  border: 2px solid #FFF;
  transition: .4s;
}

.btn-border:hover {
  background: #ff4200;
  color: #FFF;
  border: 2px solid #ff4200;
}

/*
**
*** Section default styles
**
*/

.sec-style h2 {
  font-size: 37px;
  font-weight: 800;
  color: #000;
  letter-spacing: -1px;
  position: relative;
  margin-bottom: 10px;
}

.sec-style h3 {
  font-weight: 700;
  font-size: 35px;
  color: #000;
  padding-bottom: 15px;
}

.sec-style p {
  line-height: 1.9em;
}

.sec-style li {
  line-height: 1.8em;
  padding-bottom: 15px;
}

.sec-style li:last-child {
  padding-bottom: 0;
}

.img-border {
  padding: 15px;
}

.img-shadow {
  box-shadow: 5px 6px 15px 0px rgb(0 0 0 / 10%)
}

.sec-style.white-color h2 {
  color: #FFF;
}

.sec-style.white-color p {
  color: #FFF;
}

.line-bottom {
  position: relative;
  padding-bottom: 20px !important;
  margin-bottom: 30px !important;
}

.line-bottom::after {
  position: absolute;
  content: "";
  height: 8px;
  background: #222;
  width: 110px;
  bottom: 0;
  left: 0;
  border-radius: 15px 0 15px 0;
}

.line-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.line-center::after {
  left: auto;
}

.line-center.white-color::after {
  background: #FFF;
}

/* ------------------------- ScrollUp */

#scrollUp {
  background: #ff4200;
  height: 50px;
  width: 50px;
  right: 31px;
  bottom: 18px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  line-height: 48px;
  border: 2px solid transparent
}

@media (max-width: 767px) {
  #scrollUp {
    right: 16px
  }
}

#scrollUp:hover {
  color: #fff
}

.breadcrumb>.active {
  color: #888
}

.sticky-bar {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #fff
}

.dropdown .dropdown-menu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.flex-center-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

/* ------------------------- Head menu */

.mobile-menu-toggle svg {
    max-width: 30px;
    height: 30px;
}

.menu-list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    position: relative;
    align-items: center;
}

.menu-list > li {
    white-space: nowrap;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    transition: .4s;
    display: inline-flex;
    align-items: center;
    
}

.menu-list > li > a {
    color: #000;
    padding: 17px 13px;
    display: flex;
}

.more-menu {
    margin-left: auto;
    display: none;
}

.more-menu svg {
    max-width: 20px;
    height: auto;
}

.more-menu .submenu {
    position: absolute;
    width: auto;
    background: #fff;
    right: 0;
    top: 120%;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 6px 10px 3px rgb(0 0 0 / .05);
    padding: 15px 15px;
    text-align: left;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.more-menu .submenu li {
    padding: 8px 12px;
    display: flex!important;
}

.more-menu .submenu li a {
    color: #000;
}

.more-menu:hover .submenu {
    display: block!important;
    visibility: visible;
    opacity: 1;
    top: 100%;        
}

.menu-list > li i {
    font-size: 20px;
    padding-right: 7px;
    line-height: 0;
}
    
/* Menu hover */

.menu-list > li:hover {
    background: rgb(247 201 27 / 10%);
}     

/* Header fix */

.header-area {
    border-bottom: 1px solid #eee;
    padding: 10px 0
    height: auto!important;
}

.header-area .main-nav .nav li a {
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
}

/* Header right */

.header-right {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    width: 90%;
}

.navigation-buttons {
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

/* Menu */

.header-right .main-menu .menu-main-list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 13px;
}

.header-right .main-menu .menu-main-list li a {
    padding: 17px 13px;
    font-size: 15px;
    font-weight: 600;
    transition: .4s;
    color: #000;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 7px;
}

.header-right .main-menu .menu-main-list li a i {
    line-height: normal;
    padding: 0;
    margin: 0;
    font-size: 18px;
}

/* Contact */

.header-contact {
    display: flex;
    width: auto;
    padding: 0;
    align-items: center;
    column-gap: 16px;
    position: relative;
    color: #000;
}

.header-contact-icon {
    display: flex;
    width: 44px;
    height: 44px;
    position: relative;
}

.header-contact-icon img {
    width: 100%;
    height: 100%;
}

.header-contact-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1px;
    flex: 1;
    min-width: 1px;
}

.header-contact-numb {
    line-height: 1.5;
    margin-bottom: -5px;
    font-weight: 600;
    color: #11c65d;
    font-size: 16px;
}

.header-contact-text {
    color: #999999;
    font-size: 13px;
}

.header-contact:hover .header-contact-numb {
    text-decoration: underline;
}    

@media (max-width: 1550px) {
    .header-right {
        gap: 10px;
    }
}

@media (max-width: 1399px) {
    .header-contact {
        display: none;
    }
}
    
@media (max-width: 992px) {
    nav.main-menu {
        display: none;
    }
}

/* Mobile hidden */

.mobile-menu {
  display: none;
}

@media (max-width: 992px) {
    .header-right {
        padding-top: 0;
        gap: 15px;
    }
    .mobile-menu {
        display: flex;
        position: fixed;
        z-index: 9999;
        flex-direction: column;
        inset: 0;
        height: auto;
        padding-left: 8.333vw;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        backdrop-filter: blur(10px);
        background: rgb(0 0 0 / 70%);
        transition: translate .3s ease;
    }
    .mobile-menu.open { 
        opacity: 1;
        visibility: visible;
    }
    .header-bottom { 
        display: none; 
    }
    .mobile-menu-toggle { 
        background:none;
        border:none;
        cursor:pointer;
        outline: none!important;
    }
    .mobile-menu-close {
        background: none;
        border: none;
        outline: none;
        font-size: 27px;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
        color: #000000;
        background: #FFF;
        border: 1px solid #dedede;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }
    .mobile-menu-inner {
        padding: 25px;
        overflow-y: auto;
        flex: 1;
        background: #FFF;
        translate: 100% 0;
        transition: translate .3s ease;
    }
    .mobile-menu.open .mobile-menu-inner {
        translate: 0 0;
    }

    .mobile-menu ul { 
        list-style:none;
        padding:0;
        margin:0;
    }
    .mobile-menu ul > li {
        display: flex;
        align-items: center;
        column-gap: 8px;
        position: relative;
        padding: 10px 12px;
        border-bottom: 1px solid #f0f0f0;
    }
    .mobile-menu ul li:nth-last-child {
      border-bottom: 0;
    }
    .mobile-menu ul > li > a {
        color: #000;
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 7px;
    }
    .mobile-menu ul > li > a i {
      line-height: 0;
    }

    .mobile-menu h4 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 15px;
        display: block;
        color: #999;
    }

    .mobile-main-menu {
        padding-top: 15px;
    }
    .mobile-menu .header-contact {
      margin-top: 25px;
    } 

    .mobile-menu .header-contact {
      display: flex;
    }
}

/* Header & Nav */
.header-area .logo img {
    max-height: 40px;
    width: 100%;
    height: 100%;
}
.header-area .logo h1 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}
.background-header {
    background-color: #fff;
    height: 80px!important;
    position: fixed!important;
    top: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}
.background-header .logo,
.background-header .main-nav .nav li a {
    color: #000!important;
}
.background-header .main-nav .nav li:hover a {
    color: #9f1400!important;
}
.background-header .nav li a.active {
    color: #9f1400!important;
}
.header-area {
    background-color: #fff;
    position: relative;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    height: 90px;
    display: flex;
    align-items: center;    
}

@media (max-width: 992px) {
  .header-area {
    padding: 18px 0;
    box-shadow: none;
  }
}  

/* Language Switcher */

.language-switcher .menu {
    position: relative;
}


.language-switcher .menu span {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.language-switcher .menu span::after {
    content: "\f107";
    display: block;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    color: #000000;
    margin-left: 10px;
}

.language-switcher .menu span::before {
    display: block;
    content: "\f0ac";
    font-family: "Font Awesome 6 Pro";
    padding-right: 10px;
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    position: relative;
}

.language-switcher .menu li a img {
    display: none;
}

.language-switcher .menu ul.sub-menu li a img {
    display: inline-block;
    margin-right: 5px!important;
}

.language-switcher .menu ul.sub-menu span::before {
    display: none;
}

.language-switcher .menu ul.sub-menu span::after {
    display: none;
}

.language-switcher .menu ul.sub-menu {
    position: absolute;
    left: -10px;
    top: calc(100% + 15px);
    background: #ffffff;
    z-index: 999;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 30px 70px 0px rgba(40, 44, 49, 0.18);
    min-width: 100px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transform-origin: top center;
    transform: perspective(400px) rotateX(-45deg);
    transition: all 0.3s ease-out 0s;
}

.language-switcher .menu:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}

.language-switcher .menu ul.sub-menu li {
    margin-bottom: 5px;
    line-height: 1;
}

.language-switcher .menu ul.sub-menu li:last-child {
    margin-bottom: 0;
}

.language-switcher .menu ul.sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    padding: 5px 15px 5px 15px;
    text-transform: uppercase;
}

.language-switcher .menu ul.sub-menu li a:hover {
    color: #da3911;
}

/* ------------------------- Boxes - HP */

.breadcrumb-hompage-cover {
  height: 750px;
}

@media (max-width: 1200px) {
  .breadcrumb-hompage-cover {
    height: 650px;
  }
}

@media (max-width: 768px) {
  .breadcrumb-hompage-cover {
    height: 550px;
  }
}

.breadcrumb-hompage-cover h1 {
  color: #FFFFFF;
  font-size: 45px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.2em;
}

.breadcrumb-hompage-cover p {
  font-size: 18px;
  color: #FFF;
  line-height: 1.8em;
}

.error-page h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
}

.breadcrumb-hompage-cover {
  background: #E5E5E5;
  background-position: right !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  position: relative;
}

.breadcrumb-hompage-cover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(0 0 0 / 82%), rgb(2 32 76 / 20%));
}

@media (max-width: 768px) {
  .breadcrumb-hompage-cover {
    background-position: center!important;
  }
  .breadcrumb-hompage-cover h1 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.3em;
  }
}

.white-bg-after {
  position: relative
}

.white-bg-after:after {
  content: "";
  background: #FFF;
  position: absolute;
  bottom: 0;
  height: 160px;
  width: 100%;
}

.boxes-top .box {
  position: relative;
  z-index: 1;
  display: flex;
}

.boxes-top .box .box-inner {
  border: 1px solid #ff4200;
  padding: 40px 45px 30px;
  flex: 1;
  height: 100%;
}

.boxes-top .box .box-inner .box-centering {
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
  display: flex;
  justify-content: center;
}

.boxes-top .box .box-inner i {
  font-size: 50px;
  margin-bottom: 20px;
  color: #ff4200;
}

.boxes-top .box .box-inner h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.boxes-top .box .box-inner p {
  font-size: 17px;
  font-weight: 300;
}

.boxes-top .box .box-inner .box-content {
  margin: 5px 0 25px;
}

.boxes-top .box .box-inner .btn-area a {
  display: inline-flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 5px;
  line-height: normal;
  padding: 18px 5px;
}

.boxes-top .box .box-inner .btn-area {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
  width: 100%;
}

@media (max-width: 992px) {
  .boxes-top .box {
    margin-bottom: 35px;
  }
}

/* ------------------------- Columns /w img */

.column-w-img .column-content {
  padding: 45px;
}

.column-w-img .column-content h3 {
  font-size: 25px;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.column-w-img .column-content p {
  line-height: 1.8em;
  color: #000;
  padding-bottom: 15px;
}

.column-w-img .column-content ol {
  padding-left: 25px;
  margin-bottom: 15px;
}

.column-w-img .column-content ol li {
  list-style: decimal;
  padding-bottom: 5px;
  line-height: 1.9em;
  font-size: 15px;
  padding-left: 5px;
}

.column-w-img .column-content ol>li::marker {
  font-weight: 700;
  color: #0a285b;
}

.column-w-img .column-content ul {
  padding-left: 25px;
  margin-bottom: 15px;
}

.column-w-img .column-content ul ul {
  margin-bottom: 0;
}

.column-w-img .column-content ul li {
  list-style: circle;
  padding-bottom: 5px;
  line-height: 1.9em;
  font-size: 15px;
  padding-left: 5px;
}

.column-w-img .column-content .btn-theme {
  margin-top: 20px;
}

@media (max-width: 992px) {
  .column-w-img .column-content {
    padding: 0;
  }

  .column-w-img .column-content h2 {
    font-size: 20px;
    line-height: 1.5em;
  }

  .column-w-img .column-img img {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .column-w-img .column-img img {
    margin-top: 40px;
    margin-bottom: 10px;
    width: 100%;
  }
}

/* Breadcrumb */

.breadcrumb {
  border: 0;
  border-radius: 0;
  background: #efefef;
  padding: 60px 0;
  margin: 0;
}

.breadcrumb h1 {
  font-size: 35px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}

.breadcrumb span.title {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
}

.breadcrumb p {
  font-size: 15px;
}


/* -------------------- Text Box */

.column-text-box h2 {
  font-size: 25px;
  font-weight: 700;
  color: #222;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.column-text-box p {
  line-height: 1.8em;
  color: #000;
  padding-bottom: 15px;
  font-size: 15px;
}

.column-text-box .rounded-box {
  padding: 35px 45px;
  box-shadow: 0px 15px 34px rgba(0, 0, 0, 0.1);
  background: #FFF;
  height: 100%;
}

.column-text-box .rounded-box h3 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin-top: 5px;
  line-height: 1.4em;
}

.column-text-box .rounded-box p {
  line-height: 1.7em;
  color: #000;
  padding-bottom: 10px;
  font-size: 15px;
}

.column-text-box .rounded-box .number {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.column-text-box .rounded-box .number span {
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.column-text-box .rounded-box .number img {
  filter: brightness(0.5);
}


.banners .banner-inner {
  padding: 20px 15px;
  background: #ff4200;
  transition: .4s;
}

.banners .banner-inner span {
  color: #FFF;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.banners .banner-inner h2 {
  font-size: 18px;
  color: #FFF;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.banners .banner-inner:hover h2 {
  color: #FFF;
}

.banners a.link-banner:hover .banner-inner {
  background: #222;
}


/* ------------------------------ */

.list-of-companies h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.btn-theme.btn-small {
  padding: 7px 17px;
  font-weight: 400;
  line-height: normal;
  font-size: 14px;
}

.list-of-companies .table-responsive {
  margin: 30px 0 0;
}

.list-of-companies table thead {
  background: #222;
  color: #FFF;
  border: 0;
}

.list-of-companies table thead tr {
  border: 0;
}

.list-of-companies table thead th {
  border: 0;
  font-weight: 400;
  font-size: 15px;
  vertical-align: middle;
  line-height: normal;
  padding: 18px 15px;
}

.list-of-companies table td {
  border: 0;
  color: #000;
  font-size: 15px;
  font-weight: 300;
  vertical-align: middle;
  line-height: normal;
  padding: 18px 15px;
  border-bottom: 1px solid #dedede;
}

.list-of-companies table tr:last-child td {
  border-bottom: 0;
}

.list-of-companies table tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.list-of-companies .btn-theme.btn-disable {
  background: #000;
  color: #FFF;
  border: 1px solid #000;
  opacity: .25;
}

.list-of-companies .btn-theme.btn-disable:hover {
  color: #FFF;
}

@media (max-width: 1200px) {
  .list-of-companies .table-responsive .table {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    justify-content: normal;
  }
}

/* ---------------------- Page content - styles */

.page-content.page-style h2 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
}

.page-content.page-style h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 10px;
}

.page-content.page-style p {
  padding-bottom: 15px;
  line-height: 1.9em;
  font-size: 15px;
}

.page-content.page-style ol {
  padding-left: 25px;
  margin-bottom: 25px;
}

.page-content.page-style ol li {
  list-style: decimal;
  padding-bottom: 5px;
  line-height: 1.9em;
  font-size: 15px;
  padding-left: 5px;
}

.page-content.page-style ol>li::marker {
  font-weight: 700;
  color: #0a285b;
}

.page-content.page-style ul {
  padding-left: 25px;
  margin-bottom: 25px;
}

.page-content.page-style ul ul {
  margin-bottom: 0;
}

.page-content.page-style ul li {
  list-style: circle;
  padding-bottom: 5px;
  line-height: 1.9em;
  font-size: 15px;
  padding-left: 5px;
}

.page-content.page-style table {
  width: 100%;
  margin-bottom: 50px;
}

.page-content.page-style table tr {
  border-bottom: 1px solid #dedede;
}

.page-content.page-style table tr:last-child {
  border-bottom: 0;
}

.page-content.page-style table tr td {
  padding: 15px;
}

/* ---------------------- Contact page */

.page-content.contact-page h2 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
}

.page-content.contact-page h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 10px;
}

.page-content.contact-page p {
  padding-bottom: 15px;
  line-height: 1.9em;
  font-size: 15px;
}

.page-content.contact-page table {
  margin-bottom: 30px;
}

.page-content.contact-page table tr {
  border-bottom: 1px solid #dedede;
}

.page-content.contact-page table tr:last-child {
  border-bottom: 0;
}


.page-content.contact-page table tr td {
  padding: 10px 0px;
}

.page-content.contact-page .contact-form {
  padding: 45px;
  border: 1px solid #dedede;
}

.page-content.contact-page .contact-form li {
  list-style: none;
}

@media (max-width: 1200px) {
  .page-content.contact-page .contact-form {
    margin-top: 50px;
  }
}

/* ------------------------- Residence list */

.residence-list .residence-detail {
  padding: 10px 0;
}

.residence-list .residence-detail li.place {
  font-weight: 500;

}

.residence-list .residence-detail li.place i {
  padding-right: 5px;
  color: #ff4200;
}

.residence-list .residence-detail .prices {
  margin-top: 15px;
  margin-bottom: 25px;
}

.residence-list .residence-detail .prices table {
  width: 100%;
}

.residence-list .residence-detail .prices tr {
  border-bottom: 1px solid #dedede;
}

.residence-list .residence-detail .prices tr:last-child {
  border-bottom: 0;
}

.residence-list .residence-detail .prices td {
  padding: 10px 0;
}

.residence-list .residence-detail .prices td.price {
  text-align: right;
}

.residence-list .residence-detail .prices td.price span {
  font-weight: 300;
  color: #6A6A6A;
  padding-left: 5px;
  font-style: italic;
}

.residence-list .residence-detail .prices td.date {
  font-weight: 500;
  text-transform: uppercase;
  color: #222;
}

/* ------------------------- Content creator - Styles */

.consulting {
  padding: 45px;
  border: 1px solid #dedede;
  position: relative;
  overflow: hidden;
}

.consulting::after {
  position: absolute;
  top: -10px;
  right: -10px;
  content: "\e1e7";
  font-family: "Font Awesome 6 Pro";
  font-size: 200px;
  line-height: normal;
  font-weight: 300;
  opacity: .05;
  transform: rotate(8deg);
  z-index: 0;
}

.consulting .consulting-questions {
  position: relative;
  z-index: 1;
}

.consulting .consulting-questions ul {
  margin: 0;
  padding: 0;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

@media (max-width: 1200px) {
  .consulting .consulting-questions ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

@media (max-width: 992px) {
  .consulting .consulting-questions ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}

.consulting .consulting-questions ul li {
  list-style: none;
  padding: 0;
  padding-bottom: 5px;
}

.consulting .consulting-questions ul li i {
  padding-right: 5px;
}

.consulting .consulting-questions ul li a {
  color: #000;
  transition: .3s;
  display: inline-block;
}

.consulting .consulting-questions ul li a:hover {
  color: #ff4200;
}

.list-numbers ol {
  counter-reset: numList;
  padding-left: 25px;
  margin-bottom: 25px;
}

.list-numbers ol li {
  list-style: none !important;
  display: flex;
  align-items: center;
  padding-left: 50px !important;
  min-height: 75px;
  font-weight: 500;
  flex-wrap: wrap;
}

.list-numbers ol li span {
  display: block;
  width: 100%;
  font-weight: 400;
  margin-top: -20px;
}

.list-numbers ol li::before {
  position: absolute;
  content: counter(numList);
  counter-increment: numList;
  color: #000;
  font-weight: 600;
  background: #efefef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  box-shadow: 0px 0px 0px 1px #cfcfcf;
  left: 15px;
  border: 4px solid #fff;
}

@media (max-width: 768px) {
  .list-numbers ol li {
    margin-bottom: 10px;
  }

  .list-numbers ol li span {
    line-height: 1.5em;
    margin-top: 0;
  }
}

/* ------------------------- Banners style */

.banners.banners-transparent .banner-single .banner-inner {
  background: transparent;
  border: 1px solid #dedede;
  padding: 35px 0;
}

.banners.banners-transparent .banner-single h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #000;
}

.banners.banners-transparent .banner-single h2 span {
  font-weight: 700;
  color: #000;
}

.banners.banners-transparent .banner-single:hover h2,
.banners.banners-transparent .banner-single:hover h2 span {
  color: #FFF;
}

/* ------------------------- Banners two style */

.banners-two .banner-two-single .rounded-box {
  padding: 25px;
}

.banners-two .banner-two-single .rounded-box h3 {
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: center;
}

.banners-two .banner-two-single .rounded-box p {
  font-size: 15px;
  padding-bottom: 0;
  line-height: 1.5em;
}

@media (min-width: 1200px) {
  .banners-two .banner-two-single.col-xl-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* ------------------------- Contact form style */

.page-content-creator .form-area .contact-form-rd {
  margin: 0 -15px;
}

.page-content-creator .form-area .contact-form-rd li {
  list-style: none !important;
  padding-left: 0;
}

.page-content-creator .form-area .contact-form-rd li label.wpforms-field-label-inline {
  font-size: 16px !important;
  color: #000;
  font-weight: 400;
}

.page-content-creator .form-area .contact-form-rd .wpforms-field label {
  font-weight: 500;
}

.page-content-creator .form-area .contact-form-rd .wpforms-field .wpforms-field-description {
  margin-bottom: 15px;
  color: #777;
  font-size: 14px;
  line-height: 1.9em;
}

.page-content-creator .form-area .contact-form-rd .wpforms-field-checkbox ul {
  margin: 0;
}

.back-btn {
  color: #222;
  margin-bottom: 15px;
  transition: .4s;
  display: inline-block;
  font-weight: 500;
}

.back-btn i {
  padding-right: 5px;
}

.back-btn:hover {
  color: #FF831C;
}

.banner-price .rounded-box {
  padding: 45px !important;
}

.banner-price .rounded-box h3 {
  text-align: left !important;
  font-size: 25px !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

.banner-price .rounded-box p {
  font-style: italic;
}

.banner-price .btn-area {
  padding-top: 25px;
  border-top: 1px solid #dedede;
  margin-top: 25px;
}

.column-text-box.box-last-full .banner-price:last-child {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: center;
  text-align: center;
}

.column-text-box.box-last-full .banner-price:last-child h3 {
  text-align: center !important;
}

/* ------------------------- Footer */

.footer-padding {
  padding-top: 70px;
  padding-bottom: 5px;
}

.footer-bg {
  background: #333;
}

.footer-area .footer-wrapper h4.footer-title {
  color: #FFF;
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-weight: 600;
  position: relative;
}

.footer-area .footer-wrapper .footer-title::before {
  height: 3px;
  width: 45px;
  background: #ff5e14;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s;
}

.footer-link ul li {
  padding-bottom: 10px;
}

.footer-link ul li a {
  color: #d4d4d4;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
}

.footer-link ul li a:hover {
  color: #ff5e14;
  border-bottom: 1px solid #ff5e14;
}

.footer-area .contact-link li {
  margin-bottom: 20px;
}

.footer-area .contact-address-icon {
  margin-right: 10px;
  float: left;
}

.footer-area .contact-address-icon i {
  font-size: 20px;
  color: #ff5e14;
  position: relative;
  width: 25px;
  top: 2px;
}

.footer-area .contact-address-text {
  overflow: hidden;
}

.footer-area .contact-address-text span {
  font-size: 16px;
  color: #d4d4d4;
  line-height: 1.7em;
}

.footer-area .footer-text {
  margin-bottom: 15px;
}

.footer-area .footer-text p {
  color: #d4d4d4;
  line-height: 1.8em;
}

.footer-icon a {
  color: #9f9f9f;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.3s;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 0;
  border: 2px solid #9f9f9f;
  border-radius: 50%;
  margin-right: 5px;
}

.footer-icon a:hover {
  color: #ffffff;
  background-image: -moz-linear-gradient(-51deg, #eb120a 0%, #ff5e14 99%);
  background-image: -webkit-linear-gradient(-51deg, #eb120a 0%, #ff5e14 99%);
  background-image: -ms-linear-gradient(-51deg, #eb120a 0%, #ff5e14 99%);
  border-color: #ff5e14;
}

.footer-bottom-bg {
  background: #444;
  padding: 20px 0px 20px;
}

.footer-bottom-area p {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 0px;
}

.footer-bottom-area p a {
  color: #ff5e14;
  transition: .4s;
  font-weight: 500;
}

.footer-bottom-area p a:hover {
  color: #FFF;
}


.section-title>span {
  color: #ff4200;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.border-left-1 {
  height: 3px;
  width: 45px;
  background: #ff4200;
  left: -15px;
  display: inline-block;
  position: relative;
  top: -6px;
}

.border-right-1 {
  height: 3px;
  width: 45px;
  background: #ff4200;
  right: -15px;
  display: inline-block;
  top: -6px;
  position: relative;
}

.section-title h2 {
  font-size: 40px;
  font-weight: 800;
  margin-top: 15px;
  line-height: 1.3;
}

.line {
  padding-left: 75px;
  position: relative;
}

.line::before {
  position: absolute;
  background: #ff4200;
  content: "";
  height: 3px;
  width: 45px;
  left: 0;
  bottom: 11px;
}

.section-title p {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 500;
}

.section-title p strong {
  font-weight: 700;
}

/* --------------------------- About */

.about-us-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.about-us-text p {
  line-height: 1.8em;
  font-size: 16px;
  color: #000;
  padding-bottom: 20px;
}

.about-icon {
  margin-right: 18px;
}

.about-icon i {
  color: #ff4200;
  font-size: 45px;
}

.about-info h3 {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

.about-info>span {
  color: #9b9b9b;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

/* -------------------------- Services */

.services-02-wrapper {
  background-color: #ffffff;
  padding: 60px 50px;
  height: 100%;
}

.services-02-text h3 {
  font-size: 22px;
  line-height: 1.4em;
  font-weight: 800;
  margin-top: 25px;
  margin-bottom: 25px;
}

.services-02-text p {
  margin-bottom: 35px;
}

.services-02-wrapper .services-02-icon img {
  max-height: 70px;
}

.black-b-button>a {
  color: #282828;
  border-bottom: 2px solid #282828;
  padding-bottom: 3px;
  font-weight: 700;
}

.why-us .services-02-wrapper {
  background: #f8f8f8;
}

.why-us .services-02-text h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 18px;
  text-transform: none;
}

.why-us .services-02-text p {
  margin: 0;
  padding: 0;
}

.why-us .services-02-icon i {
  color: #ff4200;
  font-size: 40px;
}

.box-content-w-img .box-content {
  margin-top: 30px;
  margin-bottom: 30px;
}

.box-content-w-img .box-content p {
  line-height: 1.8em;
  font-size: 16px;
  color: #000;
  padding-bottom: 20px;
}

.box-content-w-img .box-icon-column i {
  color: #ff4200;
  font-size: 45px;
}

.box-content-w-img .box-icon-column h3 {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

.box-content-w-img .box-icon-column>span {
  color: #9b9b9b;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 992px) {
  .box-content-w-img .box-img {
    margin-top: 40px;
  }
}

.box-content-w-img .box-icon-column {
  max-width: 470px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.box-content-w-img .box-icon-column img {
  width: 85px;
  height: 85px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .box-content-w-img .box-icon-column img {
    width: 70px;
    height: 70px;
  }
}

.box-content-w-img .box-icon-column span {
  color: rgb(15, 41, 35);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  margin-bottom: 10px;
}

.box-content-w-img .box-icon-column a {
  color: rgb(15, 41, 35);
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  display: block;
  transition: .4s;
}

@media (max-width: 991px) {
  .box-content-w-img .box-icon-column a {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .box-content-w-img .box-icon-column a {
    font-size: 20px;
  }
}

.box-content-w-img .box-icon-column a:hover {
  color: #ff4200;
}


.why-us .services-02-icon img {
  max-height: 55px;
}

.back-btn {
  color: #222;
  margin-bottom: 15px;
  transition: .4s;
  display: inline-block;
  font-weight: 500;
}

.back-btn i {
  padding-right: 5px;
}

.back-btn:hover {
  color: #FF831C;
}

.page-content.page-style .column-text-box h2 {
  font-size: 30px;
  line-height: 1.4em;
  text-transform: none;
}

.page-content.page-style .column-text-box h3 {
  font-size: 22px;
  line-height: 1.5em;
}

.page-content.page-style .column-text-box p {
  font-size: 17px;
}

.cta-area {
  background-size: cover;
  background-position: bottom left;
  position: relative;
}

.cta-area:before {
  content: "";
  position: absolute;
  background: rgb(28 28 28 / 65%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .cta-area {
    background-position: center!important;
  }
  .cta-area:before {
    background: rgb(28 28 28 / 75%);
  }  
}

.line-white::before {
  background: #FFF;
}

.cta-area .section-title span {
  color: #FFF;
}

.cta-area .section-title h2 {
  color: #FFF;
  margin: 0;
}

.cta-area .section-title-text p {
  font-size: 16px;
  color: #FFF;
  padding-bottom: 20px;
}

.cta-area .btn-area {
  display: inline-flex;
  gap: 15px;
}

.btn-call {
  border: 1px solid transparent;
  background: transparent;
  align-items: center;
  display: flex;
  transition: .4s;
}

.btn-call:hover {
  border: 1px solid transparent;
  background: transparent;
  transform: scale(1.05)
}

.btn-call i {
  font-size: 20px;
  margin-right: 10px;
}

@media (max-width: 992px) {
  .cta-area {
    text-align: center;
  }

  .cta-area .cta-text {
    margin-bottom: 20px;
    text-align: center;
  }

  .cta-area .text-right {
    text-align: center !important;
  }

  .cta-area .line {
    padding: 0;
  }

  .cta-area .line::before {
    display: none;
  }
}

.page-style .section-title-text p {
  font-size: 18px;
  line-height: 1.8em;
  padding-bottom: 10px;
}

/* Separators */

.separator-top {
  width: 100%;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1667 102' preserveAspectRatio='none'><path d='M0 102V18L14 23H34L43 28H70L83 23L88 18L110 23L165 38C169.13 36.9132 174.712 35.4721 180.5 34.0232C184.719 32.9671 190.047 35.9301 194 35C201.258 33.2924 206.255 28 208 28C209.361 28 213.031 30.7641 215.5 29.5C216.777 28.8461 216.634 24.4684 218 23.652C221.756 21.407 227.081 29.2742 229.5 27.5L240.5 20.625H249.5L256 17.4737L267 14L278 25L280.5 31.652L287 29.5L291.5 35.5L298 38L304 35.5L314 38L325 37L329.5 38H336L348 35.5L354 28H365L370.5 20.5L382.5 20.875L389.5 17L402 20.875L409.5 17L424.5 18.5L435.5 17L451 18.5L463 17L471.5 23L478.5 20.875L487 24.5L498.5 25.5L505 28H510C510.958 29.5968 510.605 33.4726 512.5 35.5C514.561 37.7047 518.916 38 521 38H530L585 28L616 17L632 10L651.5 13.5L668.5 21.7L676.5 18.1L686 23.5L694.5 21.7L705.5 27.5L717 26.2L727 30.6786H733.5L744 37.5L754 38L786 28H814L868 17L887 19.1111L898 23L910 21.6667L917 24L927 22.3333L933 24L943.5 20.1957L956.5 21L964 17.5217L968 17L980 10H1005L1015 17H1052L1110 10L1132 0L1141 1.8L1156.5 8L1165.5 6.7L1180.5 11.625H1188.75L1195.5 14.6944H1201.5L1209.5 18L1221 19.3889L1235 27L1268 38L1311 28L1316 23L1338 17L1354 28L1364 38L1392 28.6667L1404.5 30L1409 23H1419.5L1427 17L1437 20L1445 28.6667L1456 23L1470.5 28.6667L1497.5 17L1505 10L1514 13L1522 10L1530.5 12L1536 5L1543.5 8.05L1553 5.40854L1563 10L1567 0L1584 8.05L1594 6.55L1604.5 2L1614.5 4.75L1631 11.5L1647.5 8.05L1667 18V102H0Z' fill='%23FFFFFF'/></svg>");
  transform: rotateX(180deg);
  position: absolute;
  top: -25px;
  background-repeat: repeat-x;
  transform: rotateY(180deg);
  z-index: 1;
}

.separator-bottom {
  width: 100%;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1667 102' preserveAspectRatio='none'><path d='M0 102V18L14 23H34L43 28H70L83 23L88 18L110 23L165 38C169.13 36.9132 174.712 35.4721 180.5 34.0232C184.719 32.9671 190.047 35.9301 194 35C201.258 33.2924 206.255 28 208 28C209.361 28 213.031 30.7641 215.5 29.5C216.777 28.8461 216.634 24.4684 218 23.652C221.756 21.407 227.081 29.2742 229.5 27.5L240.5 20.625H249.5L256 17.4737L267 14L278 25L280.5 31.652L287 29.5L291.5 35.5L298 38L304 35.5L314 38L325 37L329.5 38H336L348 35.5L354 28H365L370.5 20.5L382.5 20.875L389.5 17L402 20.875L409.5 17L424.5 18.5L435.5 17L451 18.5L463 17L471.5 23L478.5 20.875L487 24.5L498.5 25.5L505 28H510C510.958 29.5968 510.605 33.4726 512.5 35.5C514.561 37.7047 518.916 38 521 38H530L585 28L616 17L632 10L651.5 13.5L668.5 21.7L676.5 18.1L686 23.5L694.5 21.7L705.5 27.5L717 26.2L727 30.6786H733.5L744 37.5L754 38L786 28H814L868 17L887 19.1111L898 23L910 21.6667L917 24L927 22.3333L933 24L943.5 20.1957L956.5 21L964 17.5217L968 17L980 10H1005L1015 17H1052L1110 10L1132 0L1141 1.8L1156.5 8L1165.5 6.7L1180.5 11.625H1188.75L1195.5 14.6944H1201.5L1209.5 18L1221 19.3889L1235 27L1268 38L1311 28L1316 23L1338 17L1354 28L1364 38L1392 28.6667L1404.5 30L1409 23H1419.5L1427 17L1437 20L1445 28.6667L1456 23L1470.5 28.6667L1497.5 17L1505 10L1514 13L1522 10L1530.5 12L1536 5L1543.5 8.05L1553 5.40854L1563 10L1567 0L1584 8.05L1594 6.55L1604.5 2L1614.5 4.75L1631 11.5L1647.5 8.05L1667 18V102H0Z' fill='%23FFFFFF'/></svg>");
  position: absolute;
  bottom: -25px;
  background-repeat: repeat-x;
  transform: rotateY(-180deg) rotateX(180deg);
  z-index: 1;
}