@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url(../vendor/bootstrap/css/bootstrap.min.css);
@import url(../vendor/fancybox/dist/jquery.fancybox.min.css);
@import url(../vendor/slick/slick.css);
@import url(../vendor/wow/animate.css);
@import url(../vendor/nice-select/nice-select.css);

@font-face {
  font-family: font-normal;
  src: url(../fonts/NeutraText-Book.otf);
}

@font-face {
  font-family: font-bold;
  src: url(../fonts/NeutraText-Bold.otf);
}





.navbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 18px;
    line-height: initial;
    color: #000 !important;
    padding: 13px 0;
    margin: 0 26px;
    position: relative
}

* {
    font-family: "font-normal", sans-serif;
}
* {
    box-sizing: border-box;
    word-wrap: break-word;
  }
  
.bg-green{
  background-color: #35d8bd;
}
  
  .text-white{
    color: white;
  }
  
  .bg-white{
    background-color: #fff;
  }
  .text-align-center {
      text-align:center;
  }
  
  body {
    font-family: "font-normal", sans-serif;
    color: #322625!important;
    font-size: 18px !important;
    font-style: normal;
    line-height: 24px !important;
    margin: 0px;

  }
  
  img {
    max-width: 100%;
  }
  
  a {
    text-decoration: none !important;
    color: #008FC5 !important;
  }
  
  p {
  
    margin-top: 0px ;
  }
  
  .fw-300 {
    font-weight: 300;
  }
  
  .fw-500 {
    font-weight: 500;
  }
  
  .fw-600 {
    font-weight: 600;
  }
  
  .fw-700 {
    font-weight: 700;
  }
  
  .fw-800 {
    font-weight: 800;
  }
  
  .container {
    max-width: 1300px !important;
  }
  
  .list-style-none {
    list-style: none;
  }
  
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  
  .section-heading{
    font-size: 24px;
    color: var(--text-primary);
    margin-bottom: 14px;
  }
  section{
    overflow-x: hidden;
  }
  
  .cursor-pointer{
    cursor: pointer;
  }
.text-align-center{
text-align: center;

}
.m-12{

  padding: 15px !important;
    width: 182px !important;
    height: 55px;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #322625;
    letter-spacing: 2px;
    box-shadow: none !important;
    border: 1px solid #322625;
}
.m-12 a{

color: #322625!important;

}
.d-flex{
display: flex;
}
.cont-text{

  font-size: 24px;
  font-family: 'font-bold';
  line-height: 138% !important;
  letter-spacing: 5px;
  font-weight: 700;
  text-transform:uppercase;

}
.px-6{

  padding-top: 60px;
}

.px-8{
padding-top: 80px;
}
.px-10{

padding-top:100px

}
.sem{

  background-color: #bfe5e6;
  padding: 0px 20px;


}
.lifont{
  font-size: 19px;
  line-height: 150%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
font-weight: 700;

}

span.li.font {
  font-weight: 700;
  font-size: 19px;
  line-height: 150%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.py-8{
padding-top: 80px;
padding-bottom: 80px;
}

.lux-font{

  font-style: normal;
  font-weight: 700;
  font-size: 95.6px;
  letter-spacing: 0.095em;
  color: #fdc936;
  margin: 0;
  text-align: center;

}

.lux-p{


  font-style: normal;
    font-weight: 500;
    font-size: 15.8649px;
    line-height: 170%;
    color: #322625;
    margin: 0;
    text-align: center;
}
.re-font{
font-weight: 700;
font-size: 39px;
line-height: 142%;
font-family: 'font-bold';
letter-spacing: 0.095em;
color: #322625;
text-transform: uppercase;
margin: 0;
}

.tuu-font{
  font-weight: 700;
      font-size: 35px;
      line-height: 142%;
      letter-spacing: 0.095em;
      color: #322625;
      text-transform: uppercase;
      margin: 0;
      width: 60%;
  
    }

.tru-font{
font-weight: 700;
    font-size: 35px;
    line-height: 142%;
    letter-spacing: 0.095em;
    color: #322625;
    text-transform: uppercase;
    margin: 0;
    -webkit-text-stroke: 1px #322625;
    color: white;

  }
  .d-flex-justify-item{
display: flex;
justify-content: center;
align-items: center;



  }

  .case-cl.col-lg-3 {
    align-items: center;
    display: flex;
    text-align: right;
    font-size: 20px;
    line-height: 28px;
    /*padding-right: 0px;*/
}
.case-dl.col-lg-3 {
    align-items: center;
    display: flex;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    /*padding-left: 0px;*/
}
.case-rl.col-lg-3 {
    align-items: center;
    display: flex;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    /*padding-left: 0px;*/
}

/* Banner section */
.font-bold{
  font-family: 'font-bold';
}

header .box h3{
    font-size: 60px;
    font-weight: 700;
    font-family: 'font-bold';
}
.px-4{
padding-top: 40px;


}
 img.img-fluid.mx-auto {
    width: 200px!IMPORTANT;
}

/*FULL WEBSITE CSS*/
.title-style-ten .sc-title {
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #35d8bd;
    padding-bottom: 16px;
}

img.underline {
    position: absolute;
    bottom: 1px !important;
    left: -3px !important;
    z-index: -1 !important;
}






.video-frame {
position: absolute;
right: 0%;
top: 0%;
height: 100%;
width: 49%;

}
.video-frame::after {

content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
background-color: white;

clip-path: polygon(0 0, 0% 100%, 24% 100%);
z-index: 2;

}



header {
  /* clip-path: polygon(0 0, 33% 0, 64% 99%, 0% 100%);
  background-color: #bfe5e6; */


  position: relative;
}
header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  background-color: #bfe5e6;
  
  clip-path: polygon(0 0, 40% 0, 51% 100%, 0% 100%); 
  z-index: -1;

}
p.pt-2 {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 22px;
}
i.bi.bi-star-fill {
    color: gold;
}
header.py-5 {
    padding-top: 8rem !important;
}

/*SLICK CSS IN VENDOR*/




/*.slick-arrow-five li:hover,*/
/*.slick-arrow-four li:hover:after,*/
/*.theme-main-menu .start-btn-one:hover:before,*/
/*body .btn-twentySix:hover:after {*/
/*    top: 0;*/
/*    left: 0*/
/*}*/
/*.slick-arrow-one li {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    line-height: 50px;*/
/*    background: #fff;*/
/*    color: rgba(0, 0, 0, .6);*/
/*    margin-left: 15px;*/
/*    cursor: pointer*/
/*}*/

/*.slick-arrow-one li:hover {*/
/*    background: #fff;*/
/*    box-shadow: 0 15px 30px rgba(92, 59, 28, .1);*/
/*    color: #000*/
/*}.bg-white .slick-center .feedback-block-one {*/
/*    background: #f7f7f7;*/
/*    border-color: #f7f7f7*/
/*}*/
/*.slick-arrow-two li {*/
/*    font-size: 26px;*/
/*    margin: 0 12px;*/
/*    cursor: pointer*/
/*}.slick-arrow-two li:hover {*/
/*    transform: scale(1.1)*/
/*}*/

/*.feedback_slider_three .slick-dots {*/
/*    text-align: center*/
/*}*/

/*.slick-dots li {*/
/*    display: inline-block*/
/*}*/

/*.slick-dots li button {*/
/*    text-indent: -50000px;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    border-radius: 50%;*/
/*    background: rgba(0, 0, 0, .1);*/
/*    margin: 0 5px;*/
/*    transition: .3s ease-in-out*/
/*}*/

/*.slick-dots li.slick-active button {*/
/*    background: var(--prime-three);*/
/*    transform: scale(1.7)*/
/*}*/
/*.feedback-section-four .slick-dots {*/
/*    text-align: center;*/
/*    margin: 80px 0 0*/
/*}*/
/*.feedback-section-four .slick-dots li.slick-active button {*/
/*    background: #000;*/
/*    transform: none*/
/*}*/

/*.feedback-section-five .slick-arrow-three {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 48px*/
/*}*/

/*.slick-arrow-three li {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    line-height: 48px;*/
/*    border: 1px solid #d2d2d2;*/
/*    color: #d2d2d2;*/
/*    margin-left: 15px;*/
/*    cursor: pointer*/
/*}*/

/*.slick-arrow-three li:hover {*/
/*    background: #fff;*/
/*    border-color: #fff;*/
/*    color: #000*/
/*}*/

/*.slick-arrow-four li {*/
/*    position: absolute;*/
/*    bottom: 34%;*/
/*    width: 56px;*/
/*    height: 56px;*/
/*    color: #000;*/
/*    text-align: center;*/
/*    line-height: 56px;*/
/*    font-size: 28px;*/
/*    cursor: pointer;*/
/*    background: var(--prime-six)*/
/*}*/

/*.slick-arrow-four li:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border: 2px solid #fff;*/
/*    top: 6px;*/
/*    left: 6px;*/
/*    z-index: -1;*/
/*    transition: .3s ease-in-out*/
/*}*/

/*.slick-arrow-four li.prev_s2 {*/
/*    left: -40px*/
/*}*/

/*.slick-arrow-four li.next_s2 {*/
/*    right: -40px*/
/*}*/

/*.feedback-section-ten .slick-arrow-five {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 90px;*/
/*    border: 2px solid #35d8bd*/
/*}*/

/*.slick-arrow-five li {*/
/*    font-size: 24px;*/
/*    width: 55px;*/
/*    height: 50px;*/
/*    line-height: 48px;*/
/*    color: #35d8bd;*/
/*    cursor: pointer*/
/*}*/

/*.slick-arrow-five li:first-child {*/
/*    border-right: 1px solid #35d8bd*/
/*}*/

/*.slick-arrow-five li:last-child {*/
/*    border-left: 1px solid #35d8bd*/
/*}*/

/*.feedback-section-eleven .slick-dots {*/
/*    text-align: center;*/
/*    margin-top: 20px*/
/*}*/

/*.feedback-section-eleven .slick-dots li button {*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: rgba(0, 0, 0, .1)*/
/*}*/

/*.feedback-section-eleven .slick-dots li.slick-active button {*/
/*    background: var(--prime-ten);*/
/*    transform: scale(1)*/
/*}*/

/*.feedback-section-eleven .slick-dots li.slick-active button {*/
/*    background: var(--prime-ten);*/
/*    transform: scale(1)*/
/*}*/
/*.feedback-section-thirteen .slick-dots {*/
/*    display: none !important*/
/*}*/
/*.feedback_slider_nine .slick-dots {*/
/*    text-align: center;*/
/*    margin-top: 85px;*/
/*    padding: 0*/
/*}*/

/*.feedback_slider_eleven .slick-dots li button,*/
/*.feedback_slider_nine .slick-dots li button {*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: #fff;*/
/*    border: 1px solid #000*/
/*}*/

/*.feedback_slider_eleven .slick-dots li.slick-active button,*/
/*.feedback_slider_nine .slick-dots li.slick-active button {*/
/*    background: #000;*/
/*    transform: scale(1)*/
/*}*/
/*.feedback_slider_eleven .slick-dots {*/
/*    margin-top: 45px;*/
/*    padding: 0*/
/*}*/


@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        z-index: 5;
        background-color: #fff;
        border-radius: 5px;
        display: block;
        right: 0;
        left: 0;
        padding: 10px 5px;
        border: none;
        top: 100%;
        visibility: hidden;
        transform: translateY(5px);
        opacity: 0;
        min-width: 250px;
        box-shadow: 0 50px 100px rgba(0, 0, 0, .12);
        margin: 0;
        transform-origin: 0 0;
        transition: .3s ease-out;
    }
}
.navbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 18px;
    line-height: initial;
    color: #000;
    padding: 13px 0;
    margin: 0 26px;
    position: relative;
    transition: .3s ease-in-out;
}


.block-style-five .list-item li:hover, .btn a:hover, .fancy-short-banner-ten .btn-line:hover, .theme-basic-footer[class*="-five"] .email, .theme-basic-footer[class*="-five"] .footer-nav-link a:hover, .theme-main-menu .call-btn-one, .white-vr .navbar .navbar-nav .nav-link, .white-vr.theme-main-menu .login-btn-two, .white-vr.theme-main-menu .signup-btn-one {
    color: #fff !important;
}

header.theme-main-menu.sticky-menu.theme-menu-seven.white-vr.index-nav {
    background-color: black;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 60px;
    transition: .4s ease-out;
}


/*Navbar CSS*/

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
}

@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        z-index: 5;
        background-color: #fff;
        border-radius: 5px;
        display: block;
        right: 0;
        left: 0;
        padding: 10px 5px;
        border: none;
        top: 100%;
        visibility: hidden;
        transform: translateY(5px);
        opacity: 0;
        min-width: 250px;
        box-shadow: 0 50px 100px rgba(0, 0, 0, .12);
        margin: 0;
        transform-origin: 0 0;
        transition: .3s ease-out;
    }
}

.navbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 18px;
    line-height: initial;
    color: #000;
    padding: 13px 0;
    margin: 0 26px;
    position: relative;
    transition: .3s ease-in-out;
}


.navbar .dropdown-toggle::after {
    content: "\f282";
    font-family: bootstrap-icons;
    border: none !important;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    line-height: 56px;
    right: auto;
    top: 0;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}
.navbar .dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 0 15px;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: 44px;
    color: #000!important;
    background: 0 0;
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out;
    white-space: inherit;
}
.theme-main-menu .signup-btn-two {
    line-height: 50px;
    border-radius: 28px;
    letter-spacing: -.36px;
    color: #000 !important;
    background: #35d8bd;
    padding: 0 26px;
}
.footer-style-nine .form-widget form button, .form-style-five [class*=btn-]:hover, .theme-main-menu .signup-btn-two:hover {
    background: #ffe401;
    color: #000;
    border: 1px solid #000;
}

.footer-style-nine {
    background: #0f0f0f;
    padding: 56px 30px 0px;
}


.footer-style-nine.theme-basic-footer .footer-title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700 !important;
}

.theme-basic-footer .footer-nav-link a {
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    transition: .3s ease-in-out;
}
.footer-style-nine .footer-nav-link a {
    color: rgba(255, 255, 255, .9) !important;
}
.style-none {
    list-style: none;
    padding-left: 0;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.footer-style-eight .bottom-footer .copyright, .footer-style-nine .bottom-footer .copyright {
    font-size: 15px;
    color: #fff;
}

.footer-style-nine .bottom-footer {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 60px;
    padding: 15px 0 30px;
}

.footer-style-nine .footer-nav-link a {
    color: rgba(255, 255, 255, .9) !important;
}
.theme-basic-footer .footer-nav-link a {
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    transition: .3s ease-in-out;
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bi-facebook, .bi-instagram, .bi-linkedin, .team-block-three .name {
    font-size: 24px;
}


.footer-style-nine .bottom-footer .footer-nav a {
    font-size: 15px;
    font-weight: 500;
    color: #fff !important;
    margin-right: 22px;
    transition: .3s ease-in-out;
}



.footer-style-nine .shape-one {
    width: 70px;
    height: 70px;
    left: 13%;
    top: -35px;
    background: #35d8bd;
}

.shapes {
    position: absolute;
    z-index: -1;
}
.shapes {
    position: absolute;
    z-index: -1;
}
.footer-style-nine .shape-two {
    right: 5%;
    top: -40px;
}

.scroll-top {
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 99;
    text-align: center;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    border-radius: 50%;
    background: #35d8bd;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 80%);
}
.theme-basic-footer .footer-title {
    font-size: 24px;
    margin-bottom: 20px;
}
