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

*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

:root{

    --color1: #d7a449;
    --color2: #0e0707;
    --color4: #ACA22E;
    --color8: #E07250;
    --color10: #234848;


    --color-text:  #282828;
    --dark-clr: #111;
}

body{
    direction: ltr;
    font-family: 'Philosopher', sans-serif !important;
    font-size: 18px;
    margin: 0;
    padding: 0px;
    line-height: 1.4;
}

img{
    max-width: 100%;
}

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

li, p{
  padding: 11px 0;
}

a {
    text-decoration: none;
}

.container{
  max-width: 1280px;
  margin: 0 auto;
}

.nav-hamburger{
  direction: ltr !important;
}

.nav-hamburger{
  display: none;
}

#nav-hamburger-toggle {
  opacity: 0;
}

#nav-hamburger-toggle:checked ~ .nav-hamburger-btn > span {
  transform: rotate(45deg);
}
#nav-hamburger-toggle:checked ~ .nav-hamburger-btn > span::before {
  top: 0;
  transform: rotate(0);
}
#nav-hamburger-toggle:checked ~ .nav-hamburger-btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#nav-hamburger-toggle:checked ~ .nav-hamburger-box {
  visibility: visible;
  left: 0;
}

.nav-hamburger-btn {

  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 20px;

  width: 25px;
  height: 25px;

  cursor: pointer;
  z-index: 1;
}

.nav-hamburger-btn > span,
.nav-hamburger-btn > span::before,
.nav-hamburger-btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color1);
  transition-duration: .25s;
}
.nav-hamburger-btn > span::before {
  content: '';
  top: -8px;
}
.nav-hamburger-btn > span::after {
  content: '';
  top: 8px;
}

.nav-hamburger-box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #142336;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
  transition-duration: .25s;
}

.nav-hamburger-item {
  display: block;
  padding: 11px 24px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
}
.nav-hamburger-item:hover {
  background-color: #CFD8DC;
}

.nav-hamburger-color{
  color: var(--color1);
}

.nav-hamburger-logo a img{
  width: 45px;
  height: 45px;
}

.nav-hamburger-logo a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.nav-hamburger-logo a h2{
  font-size: 18px;
  color: #fff;
}

.nav-top-logo a img{
  width: 45px;
  height: 45px;
}

.nav-top-logo a h2{
  font-size: 18px;
  color: #ffff;
}


.nav-top-navigation{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-around;
  gap: 33px;
  padding-bottom: 24px;
  background-color: #ffff;
  width: 100%;
  padding-top: 18px;
}

.nav-top-logo{
  position: relative;
  width: 220px;
}

.nav-top-logo a{
  gap: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c5c5c5;
  padding: 18px;
}

.nav-top-logo:after {
  position: absolute;
  left: 0;
  bottom: -19px;
  width: 0;
  height: 0;
  border-left: 110px solid transparent;
  border-right: 110px solid transparent;
  border-top: 19px solid #c5c5c5;
  content: "";
  z-index: 9;
}

.nav-top-navigation nav {
  color: #fff;
  padding: 11px;
}

.nav-top-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.nav-top-navigation li {
  display: inline-block;
  position: relative;
}

.nav-top-navigation li:hover > ul {
  display: block;
}

.nav-top-navigation ul ul {
  display: none;
  position: absolute;
  background-color: #141313;
  min-width: 300px;
  z-index: 9;
}

.nav-top-navigation ul ul li {
  display: block;
}

.nav-top-navigation ul ul li a{
  color: #fff;
}

.nav-top-navigation ul li a {
  display: block;
  color: #0e0707;
  text-decoration: none;
  padding: 11px;
  font-size: 18px;
  font-weight: 700;
  transition: .4s;
}

.nav-top-navigation a:hover {
  color: var(--color1);
}

.nav-top-whatsApp{
  display: flex;
  align-items: center;
  gap: 11px;
}


.nav-top-whatsApp svg{
  width: 25px;
  height: 25px;
  fill: #57db7e;
}

.nav-top-whatsApp span a{
  font-size: 18px;
  color: var(--color1);
  transition: .4s ease-in-out;
}

.nav-top-whatsApp span a:hover{
  color: #0e0707;
}

.mh-block{
  background: url(thumbnails/icons_header_692dc3a99fb120.57665891.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 276px 37px;
  animation: change-background 15s linear infinite;
}

.mh-block-box-inner{
  background: transparent;
  background-color: rgba(245, 248, 248, 0.856); 
  padding: 37px 37px;
  max-width: 650px;
}

.mh-block-box{
  display: flex;
  justify-content: flex-start;
}

.mh-block-box-btn{
  display: flex;
  text-align: center;
  padding: 25px 0;
}


@keyframes change-background {
  0% {
    background: url(thumbnails/icons_header_692dc3a99fb748.44754213.jpg);
  }

  100% {
    background: url(thumbnails/illustrations_header_692dc3a99fb7b2.97260324.jpg);
  }
}


.bnf-area{
  position: relative;
  z-index: 1;
  margin-top: -90px;
}

.bnf-area-main{
  display: flex;
}

.bnf-area-block{
  width: 25%;
  display: flex;
}

.bnf-area-inner{
  flex: 1;
  text-align: center;
  border: 1px solid #e1e1e1;
  padding: 25px 25px 25px;
  background: #ffffff;
  margin-bottom: 25px;
  transition: .4s;
}

.bnf-area-inner:hover  svg{
  fill: var(--color1);
}

.bnf-area-inner svg{
  width: 45px;
  height: 45px;
  fill: var(--color2);
  transition: .4s;
}

.bnf-area-inner h4{
  color: #142336;
  font-weight: 600;
  margin-top: 25px;
}

.about-details{
  padding: 68px 24px;
}


.about-details-main{
  display: flex;
  gap: 50px;
}

.about-details-image, .about-details-text{
  flex: 1;
  display: flex;
  align-items: center;
}


.about-details-image-inner{
  margin-bottom: 33px;
  overflow: hidden;
}

.about-details-image-inner  .ad_fir{
  width: 100%;
  height: 541px;
  object-fit: contain;
}

.about-details-image-inner .ad_c{
  position: relative;
  float: right;
  border: 11px solid #ffffff;
  margin-top: -170px;
  z-index: 1;
  height: 192px;
}


.about-details-text-title div{
  font-size: 25px;
  color: #142336;
  font-weight: 700;
  letter-spacing: 1px;
  display: block;
  text-transform: inherit;
  margin-bottom: 11px;
}

.ab_text{
  color: #142336;
  line-height: 25px;
  margin-bottom: 24px;
}


.st-area{
  background: #142336;
  padding: 68px 24px;
}

.st-area-main{
  display: flex;
  flex-wrap: wrap;
}

.st-area-block{
  width: 25%;
}

.st-area-inner{
  text-align: center;
}

.st-area-inner svg{
  width: 46px;
  height: 46px;
  fill: var(--color1);
}

.st-area-inner span{
  font-size: 39px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 45px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.st-area-inner h4{
  color: #fff;
  font-weight: 600;
}

.superior{
  background-color: #F1F1F1;
  padding: 68px 24px;
}


.superior-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.superior-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.superior-main{
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 33px;
}


.superior-image img{
  width: 100%;
  object-fit: contain;
  height: 541px;
}

.superior-block-content div{
  font-size: 20px;
  color: #000;
}

.superior-block-content div ul, .superior-block-content div ol{
  list-style: disc !important;
  margin: 11px;
}

.superior .superior-block-price div{
  color: #fff;
  font-size: 2{rand_4-5px}px;
  font-weight: 700;
  width: max-content;
  background-color: var(--color1);
  padding: 11px;
}

.send-form{
  background:#142336;
  position: relative;
}

.send-form-main{
  display: flex;
  flex-direction: row-reverse;
}

.send-form-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 37px;
  padding-bottom: 37px;
}

.send-form-title h5{
  font-size: 25px;
  font-weight: 700;
  color:  #fff;
}

.send-form-block label{
  color: #fff;
}

.send-form-block {
  flex: 1;
}

.send-form-block form{
  width: 100%;
  padding: 37px;
}

.send-form-block .field{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 25px;
}

.send-form-block .input-input--component__element{
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  padding: 11px 18px;
  transition: all 0.3s ease 0s;
  background-color:  #142336;
  outline: none;
}

.send-form-block .textarea-input--component__element{
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  padding: 11px 18px;
  transition: all 0.3s ease 0s;
  height: 50px;
  background-color:  #142336;
  outline: none;
}

.send-form-block .send-form-check{
  align-items: flex-start;
  text-align: left;
  padding-top: 10px;
}

.send-form-block .send-form-check a{
  text-decoration: underline;
  color: #fff;
}

.send-form-btn{
  display: inline-block;
  padding-top: 24px;
}

.send-form-image{
  flex: 1;
  background-image: url(thumbnails/illustrations_header_692dc3a99fb801.98322909.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

.offering{
  padding: 68px 24px;
}

.offering-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.offering-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.offering-main{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 98px;
}

.offering-block{
  flex: 1;
  display: flex;
  margin: 11px;
}

.offering-inner{
  -webkit-box-shadow: 0px 4px 18px rgba(74, 103, 141, 0.16);
  box-shadow: 0px 4px 18px rgba(74, 103, 141, 0.16);
}

.offering-text{
  text-align: center;
  position: relative;
  padding: 70px 33px 34px;
  background: #ffffff;
}

.offering-inner:hover .offering-icon:after {
	border-top: 11px solid #142336;
}

.offering-inner:hover .offering-icon {
  background: #142336;
  color: #ffffff;
}

.offering-icon svg{
  fill: #fff;
  width: 45px;
  height: 45px;
}

.offering-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 80px;
  background: var(--color1);
  color: #142336;
  line-height: 70px;
  position: absolute;
  left: 50%;
  top: -36px;
  margin-left: -40px;
  text-align: center;
  transition: all, 0.3s;
}

.offering-icon:after{
  position: absolute;
  left: 0;
  bottom: -11px;
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 11px solid var(--color1);
  content: "";
  transition: all, 0.3s;
}


.offering-text a h4{
  color: #142336;
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 11px;
}

.offering-text div{
  color: #777777;
  margin-bottom: 11px;
}

.offering-text a.offering-btn{
  color: #142336;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
}


.stories{
  padding: 68px 24px;
}

.stories-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.stories-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.stories-main{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 98px;
}

.stories-block{
  flex: 1;
  display: flex;
  background: #142336;
  margin: 11px;
}

.stories-block:hover .stories-image a img{
  filter: brightness(0.5);
  -webkit-filter: brightness(0.5);
}

.stories-image a img{
  object-fit: contain;
  width: 100%;
  height: 192px;
  transition: .4s;
}

.stories-text{
  position: relative;
  padding: 18px;
}

.stories-text .stories-label{
  position: absolute;
  left: 0;
  top: -13px;
  width: 100%;
}

.stories-text .stories-label span{
  font-size: 13px;
  color: #fff;
  background: var(--color1);
  font-weight: 700;
  text-transform: inherit;
  padding: 1px 11px 1px;
  display: inline-block;
}

.stories-text a h4{
  font-size: 19px;
  color: #fff;
  margin-bottom: 8px;
  transition: .4s;
}

.stories-text a h4:hover{
  color: var(--color1);
}

.stories-text ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.stories-text ul li{
  font-size: 14px;
  color: var(--color1);
  font-style: italic;
  list-style: none;
  margin-right: 24px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
}

.stories-text ul li svg{
  width: 18px;
  height: 18px;
}



.endorsements  {
  overflow: hidden;
  background-color: #F1F1F1;
  padding: 68px 24px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

.endorsements-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.endorsements-title  h5 {
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}


.endorsements  .endorsements-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

.endorsements  .endorsements-container .endorsements-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  min-height: 490px;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 11px 24px 25px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: 0.3s ease;
}

.endorsements  .endorsements-container:hover .endorsements-block {
  filter: brightness(75%);
  box-shadow: 11px 24px 4px rgba(0, 0, 0, 0.1);
  transform: scale(0.9);
}

.endorsements  .endorsements-container .endorsements-block:hover {
  transform: scale(1.1);
  filter: brightness(100%);
  box-shadow: 11px 24px 200px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.endorsements  .endorsements-container .endorsements-block:hover .info {
  background-color: #142336;
}

.endorsements  .endorsements-container .endorsements-block .text {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 24px;
}

.endorsements  .endorsements-container .endorsements-block .text .quote {
  font-size: 100px;
  font-family: "Playfair Display", serif;
  color: var(--color1);
}

.endorsements  .endorsements-container .endorsements-block .text .review {
  width: 300px;
  color: #555;
  transform: translateY(-36%);
}

.endorsements  .endorsements-container .endorsements-block .info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--color1);
  position: relative;
  width: 100%;
  height: 200px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  transition: 0.3s ease;
}

.endorsements  .endorsements-container .endorsements-block .info .endorsements-avatar img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 130%;
  height: 130%;
}

.endorsements  .endorsements-container .endorsements-block .info .endorsements-avatar {
  width: 100px;
  position: absolute;
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
  top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.endorsements  .endorsements-container .endorsements-block .info .information {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  transform: translateY(18px);
}

.endorsements  .endorsements-container .endorsements-block .info .information .name {
  font-size: 19px;
  color: #fff;
}


.endorsements 
  .endorsements-container
  .endorsements-block
  .info
  .information:hover
  a {
  opacity: 0.5;
}

.endorsements 
  .endorsements-container
  .endorsements-block
  .info
  .information
  a:hover {
  opacity: 1;
}


.pvl-bt{
  background: #142336;
  padding: 24px;
}

.pvl-bt-main{
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.pvl-bt-block{
  flex: 1;
  margin: 11px;
}

.pvl-bt-cont{
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.pvl-bt-title-cont, .pvl-bt-title-link{
  position: relative;
  z-index: 1;
  margin-bottom: 44px;
}

.pvl-bt-title-cont h4, .pvl-bt-title-link h4 , .pvl-bt-title-news h4{
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
  padding-right: 11px;
  background: #142336;
}

.pvl-bt-title-cont:after, .pvl-bt-title-link:after {
  position: absolute;
  left: 0;
  top: 18px;
  height: 1px;
  width: 100%;
  background: #444444;
  content: "";
  z-index: -1;
}

.pvl-bt-cont-des svg{
  fill: #fff;
  width: 24px;
  height: 24px;
}

.pvl-bt-cont-des span{
  font-size: 18px;
  color: #fff;
}

.pvl-bt-cont-des a{
  font-size: 18px;
  color: #fff;
  transition: .4s;
}

.pvl-bt-cont-des a:hover{
  color: var(--color1);
}

.pvl-bt-cont-des{
  display: flex;
  align-items: center;
  gap: 4px;
}


.pvl-bt-link ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pvl-bt-link li {
  display: inline-block;
  position: relative;
}

.pvl-bt-link li:hover > ul {
  display: block;
  transition: .4s;
}

.pvl-bt-link ul ul {
  display: none;
  position: absolute;
  background-color: #141313;
  min-width: 300px;
  z-index: 9;
  top: -188px;
  padding: 11px;
  left: -24px;
}

.pvl-bt-link ul ul li {
  display: block;
}

.pvl-bt-link ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  transition: .4s;
}

.pvl-bt-link a:hover {
  color: var(--color1);
}



.pvl-bt label{
  color: #fff;
}

.pvl-bt .form{
  padding: 45px 0;
  text-align: center;
}

.pvl-bt .field{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 25px;
}

.pvl-bt input{
  border-radius: 0px;
  padding-left: 18px;
  font-size: 13px;
  color: #fff;
  line-height: 33px;
  height: 33px;
  background-color: inherit;
  border: 1px solid #f2f2f2;;
}

.pvl-bt-btn{
  display: inline-block;
  padding-top: 24px;
}


.pvl-bt-copy-main{
  border-top: 1px solid #444444;
  text-align: center;
  padding: 25px 0;
}

.pvl-bt-copy-inner{
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}


.pvl-bt-copy-block{
  flex: 1;
}

.pvl-bt-copy-block ul{
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

.pvl-bt-copy-block ul li a{
  font-size: 18px;
  color: #fff;
  transition: .4s;
}

.pvl-bt-copy-block ul li a:hover{
  color: var(--color1);
}

.pvl-bt-copy-block div{
  font-size: 18px;
  color: #fff;
}

.identity{
  padding: 68px 24px;
}

.identity-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.identity-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.identity-main{
  display: flex;
  flex-direction: column;
}

.identity-block{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 11px;
}

.identity-block video {
  width: 100%;
  object-fit: contain;
  height: 541px;
}


.specifics{
  padding: 68px 24px;
}

.specifics-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.specifics-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.specifics-main{
  display: flex;
  flex-direction: row-reverse;
}

.specifics-image, .specifics-content{
  flex: 1;
}

.specifics-content h2{
  font-size: 18px;
}

.specifics-content{
  padding: 18px;
  color: #000;
  flex: 1;
  margin: 11px;
}

.specifics-content ul li, .specifics-content ol li{
  padding: 4px 0;
}

.specifics-content ul, .specifics-content ol{
  list-style: disc !important;
}

.specifics-image img{
  width: 100%;
  height: 541px;
  object-fit: contain;
}


.reach-out{
  padding: 68px 24px;
  overflow: hidden;
}



.reach-out-title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 37px;
}

.reach-out-title h5{
  font-size: 25px;
  font-weight: 700;
  color: #142336;
}

.reach-out-main{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}


.reach-out-for, .reach-out-ai{
  flex: 1;
  margin: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}


.reach-out-for-box-form label{
  color: #000;
}

.reach-out-for-box-form {
  width: 100%;
}

.reach-out-for-box-form .field{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 25px;
}

.reach-out-for-box-form .field input{
  border-radius: 0px;
  padding-left: 18px;
  font-size: 13px;
  color: #838383;
  background-color: #F1F1F1;
  border-bottom: 1px solid #000;
  outline: none;
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  line-height: 33px;
  margin-bottom: 25px;
}

.reach-out-for-box-form textarea{
  border-radius: 0px;
  padding-left: 18px;
  padding-top: 11px;
  font-size: 13px;
  color: #838383;
  background-color: #F1F1F1;
  border-bottom: 1px solid #000;
  outline: none;
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: 25px;
}

.reach-out-for-box-form .reach-out-form-check{
  align-items: flex-start;
  padding-top: 9px;
  text-align: left;
  padding-top: 10px;
}

.reach-out-for-box-form .reach-out-form-check a{
  text-decoration: underline;
  color: var(--color1);
}

.reach-out-knopka{
  display: inline-block;
  padding-top: 24px;
}

.reach-out-ai-inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.reach-out-ai-cont{
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.reach-out-ai-cont div, .reach-out-ai-cont a{
  font-size: 20px;
  font-weight: 700;
  color: #000;
  transition: .4s;
}

.reach-out-ai-cont a:hover{
  color: var(--color1);
}

.reach-out-ai-box svg{
  width: 25px;
  height: 25px;
  color: var(--color1);
}




.pravila{
    padding: 78px 78px;
    color: #000;
    overflow: hidden;
  }
  .pravila-blok {
    overflow: hidden;
    word-break: break-all;
  }
  .pravila .pravila-container{
    position: relative;
    z-index: 1;
    flex-direction: column;
    align-items: inherit !important;
  }
  
  .pravila h1.pravila-title{
      font-size: 24px;
      font-weight: 700;
      color: #000;
  }
  
  .pravila h2,h3{
      font-size: 19px;
      font-weight: 700;
      color: #000;
  }
  
  .pravila  a{
      text-decoration: underline;
      color: #000 !important;
  }
  
  .pravila ol li {
    list-style: inside;
      color: #000 !important;
  }
  
  .pravila ul{
      list-style: inside;
      margin: 11px;
  }



  .button-1 {
    position: relative;
    border: 0;
    transition: 0.4s;
    z-index: 1;
    padding: 11px 18px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    background: var(--color1);
    color: #d1cbcb;
    border: 1px solid ##d1cbcb;
}
.button-1:before, .button-1:after {
    content: "";
    position: absolute;
    z-index: -1;
}
.button-1:hover {
    background: var(--color1);
    box-shadow: 0 0 4px var(--color1), 0 0 25px var(--color1);
}

.button-2 {
    position: relative;
    border: 0;
    transition: 0.4s;
    z-index: 1;
    padding: 11px 18px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    background: var(--color1);
    color: #fff;
    border: 1px solid #fff;
}
.button-2:before, .button-2:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.button-2:hover {
    color: var(--color1) !important;
    box-shadow: inset -17.5rem 0 0 0 var(--color2), inset 17.5rem 0 0 0 var(--color1);
}

.button-3 {
    position: relative;
    border: 0;
    transition: 0.4s;
    padding: 11px 18px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    background: linear-gradient(45deg, var(--color1), var(--color1));
    color: #fff;
}

.button-3:hover {
    filter: brightness(1.2);
}

.button-4 {
    background: none;
    border: 1px solid;
    border-bottom-width: 4px;
    font: inherit;
    letter-spacing: inherit;
    font-size: 18px;
    padding: 11px 18px;
    text-transform: inherit;
    transition: color 1s;
    color:#d1cbcb;

}

.button-4:hover {
    -webkit-animation: blinds 0.75s linear forwards;
    animation: blinds 0.75s linear forwards;
    background: linear-gradient(0deg, var(--color1) 25%, transparent 25%) 0 0/0.5em 0.5em, linear-gradient(0deg, var(--color1) 50%, transparent 50%) 0 0/1em 1em;
    color: #fff;
}

@-webkit-keyframes blinds {
    100% {
        background-position: 0 0, 0 -3em;
        background-size: 0 0, 1em 6em;
    }
}

@keyframes blinds {
    100% {
        background-position: 0 0, 0 -3em;
        background-size: 0 0, 1em 6em;
    }
}


.button-5 {
    background: none;
    border: 1px solid;
    border-bottom-width: 4px;
    font: inherit;
    letter-spacing: inherit;
    font-size: 18px;
    padding: 11px 18px;
    text-transform: inherit;
    transition: color 1s;
    color:#d1cbcb;

}

.button-5 {
    color: #d1cbcb;
}

.button-5:hover {
    -webkit-animation: halftone 1s forwards;
    animation: halftone 1s forwards;
    background: radial-gradient(circle, var(--color1) 0.2em, transparent 0.25em) 0 0/1.25em 1.25em, radial-gradient(circle,var(--color1) 0.2em, transparent 0.25em) 6.25em 6.25em/1.25em 1.25em;
    color: #fff;
}

@-webkit-keyframes halftone {
    100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
    }
}

@keyframes halftone {
    100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
    }
} 


  @media(max-width: 1200px){
    .offering-main{
        gap: 25x;
    }
  }

  @media (max-width: 1150px) {
    
    .endorsements  .endorsements-container {
      grid-template-columns: 1fr 1fr;
      place-items: center;
    }
  }
  


@media(max-width: 992px){
    .nav-hamburger{
      display: block;
      z-index: 9;
      position: absolute;
  }

  .nav-top-navigation{
    display: none;
  }

  .about-details-main{
    flex-direction: column;
  }

  .bnf-area-main{
    flex-direction: column;
  }

  .bnf-area-block{
    width: 100%;
  }

  .superior-image img{
    height: 288px;
  }

  .send-form-main{
    flex-direction: column;
  }

  .pvl-bt-main{
    flex-direction: column;
  }

  .pvl-bt-copy-inner{
    flex-direction: column;
  }

  .pvl-bt-copy-block ul{
    flex-direction: column;
  }

  .pvl-bt-copy-block ul li{
    padding: 0;
  }

  .pvl-bt-copy-block div{
    padding-top: 11px;
  }

  .stories-main{
    flex-direction: column;
  }

  .stories-block, .stories-inner{
    width: 100% !important;
  }

  .identity-main{
    flex-direction: column;
  }

  .specifics-main{
    flex-direction: column;
  }

  .reach-out-main{
    flex-direction: column;
  }

  .st-area-block{
    width: 50%;
    padding: 25px;
  }
  .nav-hamburger-item{
    padding: 0px 24px;
  }
  .offering-main {
    flex-direction: column !important;
  }
}


@media (max-width: 780px) {
 
  .endorsements  .endorsements-container {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 768px){
  .superior-image img{
    height: 224px;
  }

  .offering-main{
    flex-direction: column;
  }

  .offering-block{
    width: 100%;
    margin: 11px 0 0 0;
  }

  .stories-block{
    margin: 11px 0 0 0;
  }

   .endorsements .endorsements-container .endorsements-block:hover{
    transform: none;
  } 

  .identity-block video{
    height: 192px;
  }

  .st-area-block{
    width: 100%;
  }
}


@media(max-width: 600px){
  
    .pravila{
        padding: 33px 33px;
    }
    
    .about-details-image-inner .ad_c{
      height: 147px;
    }

}



@media (max-width: 575px){
  .reach-out-ai-cont div, .reach-out-ai-cont a {
    word-break: break-all;
  }
  .pvl-bt-cont-des a {
    word-break: break-all;
  }
  .pvl-bt-cont-des span {
    word-break: break-all;
  }
    button{
        width: 100%;
    }

    .superior-image img{
      height: 192px;
    }

    .mh-block{
      padding: 276px 0;
    }

    .specifics-image img{
      height: 192px;
    }

    .send-form-title{
      padding: 24px;
    }

    .send-form-title h5,.superior-title h5{
      font-size: 21px;
    }
  
}


@media(max-width: 375px){
    .pravila{
        padding: 25px 25px;
    }

    
}

.dopJustCenter{
  justify-content: center;
}


.form-row_3456789 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 20px;
        }

        .form-group_4567890 {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .form-group_5678901 label {
            font-size: 14px;
            font-weight: 500;
            color: #555;
        }

        .form-input_6789012,
        .form-select_7890123 {
               border-radius: 4px;
    box-shadow: none;
    color: #fff;
    padding: 11px 18px;
    transition: all 0.3s 
ease 0s;
    background-color: #142336;
    outline: none;
        }

    

        .form-submit_8901234 {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .form-button_9012345 {
            padding: 16px 32px;
            background-color: #ff7300;
            color: white;
            border: none;
            font-size: 18px;
            font-weight: 700;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
        }


         .form-row_3456789 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-bottom: 20px;
            margin-top: 20px;
        }



        @media(max-width: 767px){
             .form-row_3456789 {
                grid-template-columns: repeat(1, 1fr) !important;
            }

        }


        .send-form-block .input-input--component__element::placeholder,
        .send-form-block .textarea-input--component__element::placeholder,
        .form-input_6789012::placeholder{
          color: #fff !important;
        }