@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body{
    position: relative;
    direction: ltr;
    font-family: 'Radio Canada Big', sans-serif !important;
    font-size: 17px;
    margin: 0;
    padding: 0px;
}

a {
    text-decoration: none;
}

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

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 0;
}

img {
    display: block;
}

button {
    font-family: inherit;
}

.no-scroll {
    overflow-y: hidden;
}

.link {
    text-decoration: none;
}

.link:hover,
.link:focus {
    cursor: pointer;
}

.list {
    list-style: none;
}

.title {
    margin:0;
	padding:0;
	color:#000000;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
    .title {
        font-size: 40px;
    }
}

:root {
        --color-1: #589167;
        --color-1x: #528760;
        --color-1z: #4e815c;

        --color-2: #916158;
        --color-2x: #875c52;
        --color-2z: #81504e;

        --color-3: #839158;
        --color-3x: #758752;
        --color-3z: #68814e;

        --color-4: #589183;
        --color-4x: #52877f;
        --color-4z: #4e7e81;

        --color-5: #587691;
        --color-5x: #526c87;
        --color-5z: #4e6581;

        --color-6: #586191;
        --color-6x: #525687;
        --color-6z: #514e81;

        --color-7: #825891;
        --color-7x: #7d5287;
        --color-7z: #754e81;

        --color-8: #d9d83a;
        --color-8x: #cecd20;
        --color-8z: #c1c015;

        --color-9: #d9883a;
        --color-9x: #ce7520;
        --color-9z: #c15415;

        --color-10: #bb3ad9;
        --color-10x: #b520ce;
        --color-10z: #a815c1;
}
           
.container-ml05 {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px !important;
}

@media screen and (min-width: 576px) and (max-width: 990px) {
    .container-ml05 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 991px) {
    .container-ml05 {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.button1 {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 500; 
  background: var(--color-6) !important;
    border: 1px solid var(--color-6) !important;
    color: #fff !important; 
    padding: 10px 20px;
}
  .button1:hover, .button1:active, .button1:focus {
    outline: none; 
    border: 1px solid var(--color-6);
    background: transparent;
    color: var(--color-6);
}
      
  
.button2 {
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 500;
  color: #413f3f;
  text-shadow: none;
  background: transparent;
  cursor: pointer;
  box-shadow: transparent;
  border: 1px solid var(--color-6z);
  transition: 0.5s ease;
  user-select: none;
}

.button2:hover,
.button2:focus {
  color: #ffffff;
  background: var(--color-6);
  border: 1px solid var(--color-6);
  text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff;
  box-shadow: 0 0 5px var(--color-6), 0 0 20px var(--color-6), 0 0 50px var(--color-6),
    0 0 100px var(--color-6);
}

.button3 {
    padding: 1.3em 3em;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
  }
  
  .button3:hover {
    background-color: #23c483;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    transform: translateY(-7px);
  }
  
  .button3:active {
    transform: translateY(-1px);
  }

.button4 {
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5),
      7px 7px 20px 0px rgba(0,0,0,.1),
      4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
    background: rgb(96,9,240);
    background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);
    border: none;
   }
   
.button4:before {
    height: 0%;
    width: 2px;
   }
   
.button4:hover {
    box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4);
   }
  
.button5 {
    transition: all 0.5s;
    font-size: 17px;
    padding: 1ch 2ch;
    background-color: white;
    color: #000;
    font-family: Roboto, sans-serif;
    border: none;
    border-radius: 2px;
    box-shadow: 2px 2px 0px hsl(0, 0%, 90%),
      4px 4px 0px hsl(0, 0%, 80%),
      6px 6px 0px hsl(0, 0%, 70%),
      8px 8px 0px hsl(0, 0%, 60%),
      10px 10px 0px hsl(0, 0%, 50%),
      12px 12px 0px hsl(0, 0%, 40%),
      14px 14px 0px hsl(0, 0%, 30%),
      16px 16px 0px hsl(0, 0%, 20%),
      18px 18px 0px hsl(0, 0%, 10%);
  }
  
.button5:hover {
    background-color: hsl(0, 0%, 50%);
    color: #fff;
    box-shadow: none;
  }


.header-top-ml05 {
    background: var(--color-6);
}

.header-top-ml05 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.header-top-ml05 ul li {
    display: flex;
    gap: 10px;
}

.header-top-ml05 li span{
    padding: 10px 0;
}

.header-top-ml05 li span svg {
    fill: #ffffff;
    width: 14px;
}

.header-top-ml05 ul li a {
    word-break: break-all;
    font-size: 12px;
    color: #ffffff;
    padding: 14px 0;
}

.header-ml05 {
    background: #fff;
    z-index: 3;
    padding: 10px 0;
}

@media screen and (max-width: 990px) {
    .header-ml05 {
        position: relative;
        top: 0;
        padding: 10px 15px;
    }    
}

.header-ml05.fixed {
    position: fixed;
    top: 0;
    width: 100%;
}

.header-ml05.black-theme {
    background: #000000 !important;
    color: #fff;
}

.logo-link-ml05 {
    display: flex;
    gap: 15px;
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    align-items: center;
}

@media screen and (min-width: 575px) {
    .logo-link-ml05 {
        font-size: 27px;
    }
}

@media screen and (min-width: 991px) {
    .logo-link-ml05 {
        font-size: 27px;
    }
}

.header-ml05.black-theme .logo-link-ml05 {
    color: #ffffff;
}

    .navbar-toggler {
        display: block;
        border: none;
        color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        padding-right: 0;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: .1em;
        background:  transparent;
    }

@media screen and (min-width: 991px) {
    .navbar-toggler {
        display: none;
    }
}

.header-ml05.black-theme .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
}

.mob-nav-bar-ml05 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    background-color: #fff;
    transition: .3s all ease-out;
    padding: 0 20px 20px 20px;
}

.header-ml05.black-theme .mob-nav-bar-ml05 {
    background-color: #000000;
}

.navbar-toggler.is-active ~ .mob-nav-bar-ml05 {
    display: block;
    }

.mob-nav-bar-ml05__list {
    background: none;
    border-radius: 0px;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.mob-nav-bar-ml05__link {
    font-size: 15px;
    padding-top: .9rem;
    color: #000000;
    font-weight: 600;
    opacity: 1 !important;
    display: inline-block;
}

.header-ml05.black-theme .mob-nav-bar-ml05__link {
    color: #fff;
}

.nav-inner-ml05 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 990px) {
    .nav-bar-ml05 {
        display: none;
        flex-wrap: wrap;
    }
}

.nav-bar-ml05__list {
    display: flex;
}

.nav-bar-ml05__item a {
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000000;
    font-weight: 600;
    opacity: 1 !important;
}

.header-ml05.black-theme .nav-bar-ml05__item a {
    color: #fff;
}

.hero-wrap {
    width: 100%;
    position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 0;
    background-image: linear-gradient(76deg, #a299a2b3 0%, rgb(77 100 83 / 0%) 100%), linear-gradient(181deg, var(--color-6z) 0%, rgb(77 100 83 / 0%) 100%), url(uploads/elegant_bg_2025-01-02_22-560.jpg);
    padding: 270px 0;
}

@media screen and (max-width: 991px) {
    .hero-wrap {
        padding: 100px 0 200px;
    }
}

.hero-wrap .container-ml05 {
    position: relative;
}

@media screen and (min-width: 768px) {
    .hero-content {
        width: 100%;
    }
}

.hero-content h1 {
    font-size: clamp(38px, 11vw, 60px);
    color: #fff;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 25px;
}

.btn-wrapper a {
    display: inline-block;
}

.hero-video-play {
    position: absolute;
    top: 50%;
    right: 10%;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
}

@media screen and (max-width: 767px) {
    .hero-video-play {
        top: unset;
        right: unset;
        transform: unset;
        bottom: -50%;
    }
}

.hero-video-play.rtl {
    right: unset;
    left: 10%;
}

.hero-video-play svg {
    fill: var(--color-6);
    height: 24px;
}
@keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(1, 210, 142, 0.4);
      -webkit-box-shadow: 0 0 0 0 rgba(1, 210, 142, 0.4);
      box-shadow: 0 0 0 0 rgba(1, 210, 142, 0.4); }
    70% {
      -moz-box-shadow: 0 0 0 30px rgba(1, 210, 142, 0);
      -webkit-box-shadow: 0 0 0 30px rgba(1, 210, 142, 0);
      box-shadow: 0 0 0 30px rgba(1, 210, 142, 0); }
    100% {
      -moz-box-shadow: 0 0 0 0 rgba(1, 210, 142, 0);
      -webkit-box-shadow: 0 0 0 0 rgba(1, 210, 142, 0);
      box-shadow: 0 0 0 0 rgba(1, 210, 142, 0); } }

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
    bottom: 0;
  }

  .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity var(--anim), visibility var(--anim);
    overflow-y: scroll;
    direction: initial;
  }
  
  @media screen and (max-width: 767px) {
    .backdrop {
      padding: 93px 15px;
    }
  }
  
  .backdrop.is-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  
  .modal {
    width: 100%;
    height: auto;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  
  @media screen and (max-width: 767px) {
    .modal {
      position: relative;
      padding: 35px;
    }
  }
  
  @media screen and (min-width: 480px) {
    .modal {
      max-height: 609px;
      margin-right: auto;
      margin-left: auto;
    }
  }
  
  @media screen and (min-width: 768px) {
    .modal {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 40px;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .modal {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
        max-height: 90vh;
    }
  }

.modal-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    padding: 0;
    background: transparent;
}

.modal-btn svg {
    width: 30px;
    fill: #141614;
}

.modal video {
    height: 100vh;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    width: unset;
    max-width: 95%;
}

@media (max-width: 990px) {
    .modal video {
        width: 100%;
        height: unset;
    }
}

.benefits-ml05__list {
    display: flex;
}

@media (max-width: 992px) {
    .benefits-ml05__list {
        flex-direction: column-reverse;
    }
}

.benefits-ml05__item {
    width: 100%;
    padding: 30px;
    z-index: 0;
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-direction: column;
}
@media (min-width: 992px) {
    .benefits-ml05__item {
        margin-top: -70px; 
        flex-direction: row-reverse;
    } 
}

.color-1 {
    background: var(--color-6);
}
.color-2 {
    background: var(--color-6x);
}
.color-3 {
    background: var(--color-6z);
}

.benefits-ml05 .benefits-ml05__item.aside-stretch:after {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    content: '';
    width: 360%;
    background: var(--color-6);
    z-index: 99; 
}

@media (max-width: 990px) {
    .benefits-ml05 .benefits-ml05__item.aside-stretch:after {
      background: transparent;
      display: none; 
    } 
}

.benefits-ml05 .benefits-ml05__item.aside-stretch-rtl:after {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    content: '';
    width: 360%;
    background: var(--color-6);
    z-index: 99; 
}

@media (max-width: 990px) {
    .benefits-ml05 .benefits-ml05__item.aside-stretch-rtl:after {
      background: transparent;
      display: none; 
    } 
}


.icon-wrapper svg {
    height: 60px;
    fill: #fff; 
}
.benefits-ml05__descrip {
    color: rgba(255, 255, 255, 0.8); 
}
.benefits-ml05__descrip p {
    font-size: 17px;
    font-weight: 500;
    color: #fff; 
    margin: 0;
    line-height: 1.5;
}

.ftco-section {
    padding: 6em 0;
    position: relative; 
}
@media (max-width: 767px) {
    .ftco-section {
        padding: 6em 0; 
    } 
}

.ftco-animate {
    opacity: 0;
    visibility: hidden; 
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.ftco__list {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .ftco__list {
        flex-direction: column;
    }    
}

.ftco_item {
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
}

.ftco_item .icon-wrap {
    position: relative;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    margin-bottom: 10px;
    z-index: 0;
}

.ftco_item .icon-wrap .number {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 1;
    background: var(--color-6);
    border: 5px solid #fff; 
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.ftco_item .icon-wrap .number span {
    font-weight: 500;
    color: #fff; 
}

.ftco_item .icon {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: #f5f4f0;
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;

}

.ftco_item .icon:after {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color-6);
    content: '';
    z-index: -1;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.ftco_item .icon svg {
    height: 70px;
    fill: #000000; 
}

.ftco_item:hover .icon-wrap .number {
  background: #fff;
  -webkit-box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15); 
}
.ftco_item:hover .icon-wrap .number span {
    color: var(--color-6); 
}
.ftco_item:hover .icon {
  background: var(--color-6);
  -webkit-box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 15px -6px rgba(0, 0, 0, 0.15); 
}
.ftco_item:hover .icon:after {
    background: #fff;
    right: 50px; 
}

.ftco_item p {
    font-size:17px;
    color: #808080;
}

.tabulation {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

@media (max-width: 767px) {
    .tabulation {
        flex-direction: column;
    }
}


.tabulation .nav-pills {
    flex: 1;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; 
}

.tabulation .nav-pills .nav-item {
    margin-bottom: 10px; 
    flex: 1 1 auto;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000000;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 20px;
    line-height: 30px; 
    padding: 24px 16px;
}

.tabulation .nav-pills .nav-item:hover {
    cursor: pointer;
}

.tabulation .nav-pills .nav-item.active {
    color: #fff;
    background: var(--color-6);
    border: 1px solid var(--color-6); 
}


.tab-content {
    flex: 2;
    position: relative;
}

@media (max-width: 767px) {
    .tab-content {
        flex: unset;
    }
}


.tabulation .tab-pane {
  background: #fff;
  padding: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.tabulation .tab-pane a {
    height: 70%;
    display: block;
}

.tabulation .tab-pane a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.tabulation .tab-pane.visible {
    visibility: visible;
    position: relative;
}
.tabulation .tab-content h3 a {
    color: #000000; 
    font-size: 28px;
    font-weight: 700; 
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 10px;
    margin-top: 20px;
    display: inline-block;
}

.tabulation .tab-content p {
    color: #808080;
    line-height: 1.8;
    margin: 0;
}


@keyframes fadeInUp {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 40px, 0);
      transform: translate3d(0, 40px, 0);
    }
  
    to {
      visibility: visible;
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

.blog-ml05__list {
    display: flex;
    gap: 30px;
    flex-direction: row-reverse;
}

@media (max-width: 575px) {
    .blog-ml05__list {
        flex-direction: column-reverse;
    }
}

@media (min-width: 576px) and (max-width: 990px){
    .blog-ml05__list {
        flex-wrap: wrap;
    }
}

.blog-ml05__item {
    flex: 1;
}

@media (min-width: 576px) and (max-width: 990px){
    .blog-ml05__item {
        flex: calc(100% / 2 - 30px);
    }
}


.blog-entry {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 0; 
}
@media (min-width: 768px) {
    .blog-entry {
        margin-bottom: 40px; 
    } 
}
@media (max-width: 767px) {
    .blog-entry {
        margin-bottom: 30px; 
    } 
}
.blog-entry .text {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 0; 
}

.blog-entry .text .heading {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.blog-entry .text .heading a {
    color: #000000; 
    font-size: 20px;
    font-weight: 500; 
    line-height: 1.5;

}
.blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active {
    color: var(--color-6); 
}

.blog-entry .meta {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #f5f4f0;
    margin: 0 auto;
    margin-top: -70px;
    z-index: 1;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}
.blog-entry .meta .read-more {
    display: block;
    line-height: 1.2; 
    font-weight: 700;
    color: var(--color-6);
    font-size: 20px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.blog-entry:hover .meta {
    background: var(--color-6); 
}
.blog-entry:hover .meta .read-more {
    color: #fff; 
}

.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    z-index: -1; }

.ftco-section.testimony-section {
    position: relative;
    padding: 100px 0;
}

.testimony-section .img-bg {
    background-image: url(uploads/elegant_bg_2025-01-02_22-561.jpg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    height: 300px; 
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    height: 100%;
    background: var(--color-6);
    opacity: .8; 
}

.testimony-section .overlay {
    height: 300px;
}

.heading-section-white .title {
    color: #ffffff;
    position: relative;
}

.carousel {
    position: relative;
    width: 100%;
  }
  
  .carousel-container {
    display: flex;
    justify-content: center;
  }
  
  .carousel-container li {
    text-align: center;
  }

.testimony-wrap {
    display: block;
    width: min(100%, 500px);
    position: relative;
    background: white;
    padding: 24px 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24); 
}
.testimony-wrap .icon {
      position: absolute;
      top: -20px;
      left: 20px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--color-6); 
}

.testimony-wrap .icon div {
    position: relative;
    top: 50%;
    transform: translateY(-40%);
}

.testimony-wrap .icon svg {
    color: #fff; 
    width: 20px;
    height: auto;
    rotate: 180deg;
}
.testimony-wrap .text > div {
    display: flex;
    margin-bottom: 15px;
    gap: 20px;
}
.testimony-wrap .user-img {
      width: 80px;
      height: 80px;
      position: relative;
}
.testimony-wrap .user-img img {
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; 

}
.testimony-wrap .name {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 0;
      color: #000000; 
}
.testimony-wrap .position {
      font-size: 16px;
      color: #4d4d4d; 
}
  
  
.ftco-section.bg-light {
    padding: 102px 0;
    position: relative;
    background: #f5f4f0 !important;
}

.ftco-section.bg-light .row {
    display: flex;
    gap: 20px;
    flex-direction: column-reverse;
}

@media (min-width: 768px) {
    .ftco-section.bg-light .row {
        flex-direction: row-reverse;
    }
}

.ftco-section.bg-light .tarif-item {
    flex: 1;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.05);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing-text {
    margin-bottom: 48px;
}

.pricing-text li{
    margin-bottom: 15px;
    color: #999999;
    text-align: center;
}

.pricing-text li span::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3e%3cpath fill='none' stroke='%23589167' stroke-linecap='square' stroke-linejoin='miter' stroke-width='120' d='M416 128L192 384l-96-96'/%3e%3c/svg%3e");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.price {
    margin: 0;
    padding: 18px 0;
    display: block;
    text-align: center;
}

.price .number {
    font-size: 40px;
    font-weight: 600;
    color: var(--color-6);
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; 
  color: #b3b3b3;
}

sub {
  bottom: -.25em; 
}

sup {
  top: -.5em; 
}

.excerpt {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.tarif-item a {
    display: block;
    text-align: center;
}

.ftco-appointment {
    background-image: url(uploads/elegant_bg_2025-01-02_22-562.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 6em 0;
}
.ftco-appointment .container-ml05 {
    position: relative;
}

@media (min-width: 768px) {
    .form-colb {
        max-width: 50%;
    }
}

.appointment {
    width: min(540px, 100%);
}

@media (max-width: 767px) {
    .appointment {
        margin: 0 auto;
    }
}

.input-form_group-block,
.textarea-form_group-block {
    border: transparent;
    background: white !important;
    color: rgba(0, 0, 0, 0.8) !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; 
    display: block;
    margin: 10px 0;
    padding: 10px;
    line-height: 1.5;
    height: 52px;
    width: 100%;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-form_group-block::placeholder,
.textarea-form_group-block::placeholder {
    color: rgba(0, 0, 0, 0.8); 
}
    
  
.textarea-form_group-block {
    height: inherit !important; 
}

.ftco-appointment .title {
    color: #fff;
}
    
    .appointment > label {
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.15;
        margin: 7px 0 10px 0;
        padding: 0;
        color: #fff;
    }
    
    .appointment-check {
        text-align: center;
        margin-top: 20px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }
    @media (max-width: 575px) {
        .appointment-check {
            flex-direction: column-reverse;
        }
    }
    .appointment-check a {
        margin-left: 5px;
        color: #fb8e8e;
    }
    .contacts-other .appointment-check a {
    }
    
    .appointment-check-label {
        position: relative;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        background: #fff;
        display: inline-block;
        margin-right: 15px;
    }

    .contacts-other .appointment-check-label {
        background: #6f6969;
    }
    
    .appointment-check-label svg {
        width: 200%;
        color: #fff;
        opacity: 0;
        transition: all 0.4s ease-in-out;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .contacts-other .appointment-check-label svg {
        color: #7a3f3f;

    }
    
    #inp:checked ~ .appointment-check-label {
        background-color: transparent;
    }
    
    #inp:checked ~ .appointment-check-label svg {
        opacity: 1;
    }
    
    
    .appointment-check-label a {
        color: var(--color-6);
    }

.checkaccept {
    color: #fff;
}
.contacts-other .checkaccept {
    color: #808080;
}


.btn-pos button {
    display: block;
    width: 100%;
    margin-top: 20px;
}

.ftco-footer {
    font-size: 16px;
    padding: 6em 0 0 0;
    background: #1a1a1a;
    color: rgba(255, 255, 255, 0.9);
}

.ftco-footer > .container-ml05 {
    margin-bottom: 48px;
}

.ftco-footer .row {
    display: flex;
    gap: 66px;
}

@media (max-width: 575px) {
    .ftco-footer .row {
        flex-direction: column-reverse;
    }
}

@media (min-width: 576px) and (max-width: 990px) {
    .ftco-footer .row {
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }
}

@media (max-width: 990px) {
    .ftco-footer .row {
        gap: 66px;
    }
}


.ftco-footer-widget {
    flex: 1;
}

@media (min-width: 576px) and (max-width: 767px) {
    .ftco-footer-widget {
        flex: calc(100% / 2 - 66px);
    }
}

@media (min-width: 576px){
    .ftco-footer-widget.politics {
        margin-top: 58px;
    }
}

.ftco-footer-widget .logo-link-ml05,
.ftco-footer-widget h2 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
}

.list-unstyled li a,
.footer-contacts a {
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding: 10px 0;
}

.list-unstyled li a::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-linejoin='miter' stroke-width='120' d='M184 112l144 144-144 144'/%3e%3c/svg%3e");
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.footer-contacts svg {
    height: 18px;
    width: auto;
    fill: #fff;
    color:#fff;
    margin-right: 10px;
}

.footer-contacts p {
    margin: 10px 0;
}

.container-fluid {
    background-color: #000;
    padding: 48px 0;

}

.container-fluid p {
    margin: 0;                          
}

.container-fluid p  span {
    color: #fff;
}

.main {
    padding: 102px 0;
    position: relative;
}
.main.about {
    padding: 0;
}

.main .row {
    background-color: #f5f4f0 !important;
}

@media (min-width: 768px) {
    .main .img-wrap {
        width: 50%;
        float: right;
        padding: 0 0 48px 48px;
    }
}

.main img {
    width: 100%;
}

.wrap-about {
    padding: 15px;
}

@media (min-width: 768px) {
    .wrap-about {
        padding: 48px;
    }
}

.wrap-about ul {
    margin-left: 30px;
    list-style-type: circle;
}

.main sub,
.main sup {
    position: relative;
    font-size: 130%;
    margin: 0 20px;
}

.heading-section {
    color: #808080;
}

.hero-wrap-2 {
    background-image: url(uploads/elegant_bg_2025-01-02_22-563.jpg );
    background-position: 50% 0;
    height: 400px !important;
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    padding: 15px 0;
}

.hero-wrap-2 .overlay {
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background: var(--color-6);
    background: -moz-linear-gradient(45deg, var(--color-6) 0%, rgba(88, 145, 103, 0) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, var(--color-6)), color-stop(100%, rgba(88, 145, 103, 0)));
    background: -webkit-linear-gradient(45deg, var(--color-6) 0%, rgba(88, 145, 103, 0) 100%);
    background: -o-linear-gradient(45deg, var(--color-6) 0%, rgba(88, 145, 103, 0) 100%);
    background: -ms-linear-gradient(45deg, var(--color-6) 0%, rgba(88, 145, 103, 0) 100%);
    background: linear-gradient(45deg, var(--color-6) 0%, rgba(88, 145, 103, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-6)', endColorstr='var(--color-6)', GradientType=1 ); }

.breadcrumbs {
    font-size: 14px;
    margin-bottom: 20px;
    z-index: 99;
    text-transform: uppercase;
    font-weight: 500; 
    display: flex;
    gap: 20px;
    justify-content: center;
}

.breadcrumbs span {
    color: #000000b3; 
    display: flex;
    align-items: center;
}

.mr-2 svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 7px;
}

.slider-text {
    text-align: center;
    margin-bottom: 48px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider-text .breadcrumbs span a {
    color: rgba(0, 0, 0, 0.7); 
    display: flex;
    align-items: center;
}
.slider-text .breadcrumbs span a:hover, .slider-text .breadcrumbs span a:focus {
    color: var(--color-6); 
}
          
.slider-text .breadcrumbs span a:hover svg, .slider-text .breadcrumbs span a:focus svg {
    color: var(--color-6); 
}
  
.slider-text .bread {
    font-weight: 500 !important;
    position: relative; 
    font-size: clamp(36px, 6vw, 60px);
    color: #000000;
    line-height: 1.1;
}

.statistic-ml05 {
    background: #f5f4f0 !important;
    padding: 50px 0;
}

.statistic-ml05-list {
    display: flex;
    gap: 32px;
}

@media (max-width: 575px) {
    .statistic-ml05-list {
        flex-direction: column-reverse;
    }
}

.statistic-ml05-item {
    flex: 1;
    text-align: center;
}

.statistic-ml05-text {
    margin-bottom: 0;
    color: var(--color-6);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.statistic-ml05-number {
    font-weight: 500;
    font-size: 40px;
    color: var(--color-6);
    margin-bottom: 0;
}

.statistic-ml05-name {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    line-height: 1.2;
    margin-bottom: 0;
}

.ftco-section.main.page {
    padding: 0;
}

.services-wrap {
    flex: 1;
    display: flex;
}

@media (max-width: 990px) {
    .services-wrap {
        flex-direction: column-reverse;
    }
}

.no-gutters {
    gap: unset;
}

.services-wrap div {
    flex: 1;
}

.services-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-wrap .text {
    padding: 30px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    color: #808080;
}
.services-wrap .text h2 {
    font-size: 28px;
    font-weight: 700; 
}

.services-wrap:hover .text {
    color: rgba(255, 255, 255, 0.8);
    background: var(--color-6); 
}

.services-wrap:hover .text h2 {
    color: #fff; 
}

.contacts-list {
    display: flex;
    margin-bottom: 60px;
}
.contacts-list a {
    word-break: break-all;
}
.footer-contacts a {
    word-break: break-all;
}
@media (max-width: 575px) {
    .contacts-list {
        flex-direction: column-reverse;
        gap: 30px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .contacts-list {
        flex-wrap: wrap;
    }
}

.dbox {
    flex: 1;
    padding: 0 15px;
}

@media (min-width: 576px) and (max-width: 768px) {
    .dbox {
        flex: calc(100% / 2 - 30px);
    }
}

.dbox p {
    margin-bottom: 0; 
    text-align: center;
    color: #808080;
}

.dbox p span {
      font-weight: 500;
      color: #000000; 
}

.dbox p a {
      color: var(--color-6); 
}

.dbox .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--color-6);
    margin: 0 auto;
    margin-bottom: 20px; 
    direction: initial;
}

.dbox .icon svg {
    height: 30px;
    fill: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dbox .text {
    width: 100%; 
}

.contacts-other {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    max-width: 80%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .contacts-other {
        flex-direction: column-reverse;
    }
}

.contact-wrap {
    background: #fff;
    padding: 3rem !important;
    flex: 2;
}

@media (max-width: 767px) {
    .contact-wrap {
        padding: 1rem !important;
    }
}    

.contact-row {
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width: 767px) {
    .contact-row {
        flex-direction: column-reverse;
    }
}

.form-group {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 35px;
}

.contact-row {
    display: flex;
}
@media (min-width: 768px) {
    .contact-row div {
        max-width: 50%;
    }
}

.contactForm .label {
    color: var(--color-6) !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600; 
    display: block;
    margin-bottom: 0.5rem;
}
    
.contactForm .form-control {
    border: none;
    height: 36px;
    background: #fff;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
    padding: 0; 
    width: 100%;

}
.contactForm .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; 
}
.contactForm .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; 
}
.contactForm .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; 
}
.contactForm .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5) !important; 
}

.contactForm .form-control:focus, 
.contactForm .form-control:active {
    border-color: var(--color-6) !important; 
}
  
  .contactForm textarea.form-control {
    height: inherit !important; }

@media (max-width: 767px) {
    .map {
        height: 350px;
    }
}  

.policy {
    overflow: hidden;
    word-break: break-all;
    color: #808080;
}

.policy div {
    background: #f5f4f0 !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 992px) {
    .services-wrap img {
        height: 350px;
    }
}
@media (max-width: 767px) {
    .img-wrap img {
        width: 55%;
    }
    .img-wrap {
        display: flex;
    align-items: center;
    justify-content: center;
    }
}
@media (max-width: 576px) {
    .img-wrap img {
        width: 100%;
    }
}