//.work-big > img {max-width:70%;}
 @media screen and (max-width: 800px) {   .comments-main > div {  margin-left: 0;
margin-right: 0;
		}
		div {  margin-left: 0;
margin-right: 0;
		}
		body {overflow-x: hidden; max-width: 100% !important;}
		.growth2_ {max-width:95% !important;}
		.gift {    max-width: 100%;  }
		html, body {
    /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden;
}
		}
.box {   float: left;
 padding: 20px;
margin: 20px;
width:40%; /* Ширина блока */
//height: 200px; /* Высота блока */
background-color: #ffffff; /* Фоновый цвет*/
border: 2px solid #D4D4D4; /* Ширина и цвет границ*/
border-radius: 10px; /* Радиус границ*/
box-shadow: 0 0 15px #A9A9A9; /* Размер и цвет тени блока*/

}
.box h2 {
	text-align: center;margin-bottom: 20px;
}
 @media screen and (max-width: 800px) {    .box { width: 100%;width: 78%; }
 .inner {

    text-align: center;
}
.text4 {

    text-align: center !important;
}
.text2 {

    text-align: center !important;
}
.title4 {     padding: 58px 0 47px 10px  !important;    }
.img-wrap {     padding-left: 5px;}
input {margin: auto !important;  margin-top: 5px !important;  }
.facilities img {      top: 92px;}
.comments-main {    padding-left: 10px;}
.growth2 {    max-width: 100% !important;}

@media screen and (max-width: 800px) {
.text2 p {
    color: #444 !important;
    margin-top: 120px;
}
 .exclusive {
    top: 0px !important;
    position: relative;
}
.details p {
    margin-top: 35px;
    margin-bottom: -35px;
}
.promotion p {
    margin-top: 35px;
    margin-bottom: -35px;
}
.text5 {
    margin: 0px 0 0 2px !important;

    padding-right: 20px;
}
.text {
    margin: 0px 0 0 2px !important;
}
}
/* */
 	}
 	/* */
h5
{
  margin:0px;
  font-size:1.4em;
  font-weight:700;
  margin: 20px;
}
.center
{
  height:100vh;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;

    height: 50vh;
    width: 30%;
    display: grid;
    justify-content: center;
    float: left;
    align-items: center;

    margin: auto;
}
.center1
{

    clear: both;
    width: 100%;
    align-items: center;
    display: flex;
}

@media (max-width: 767px){
	.center1 {

    display: grid;
}   }
/* End Non-Essential  */

.property-card
{
  height:18em;
  width:14em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:relative;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius:16px;
  overflow:hidden;
  -webkit-box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
  box-shadow:  15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
  box-shadow: 15px 15px 27px #acacc5, -15px -15px 27px #ffffff;
}
/* ^-- The margin bottom is necessary for the drop shadow otherwise it gets clipped in certain cases. */

/* Top Half of card, image. */

.property-image
{
  height:7em;
  width:14em;
  padding:1em 2em;
  position:Absolute;
  top:0px;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-image1:url('https://cdn.photographylife.com/wp-content/uploads/2017/01/What-is-landscape-photography.jpg');
  background-size:cover;
  background-repeat:no-repeat;
}
.property-card {
    height: 21em;
    width: 18em;
    }
    .property-image
{  width:18em;
}
.property-image1
{
  background-image:url('https://promotions.ru/wp-content/uploads/2022/05/seo-prodvizhenie-yandex.jpg');

}
.property-image2
{
  background-image:url('https://imgs.yagla.ru/blog/1050/20-reklama-v-yandekskartah--primer-prioritetnogo-razmeshcheniya.png');

}
.property-image3
{
  background-image:url('https://www.protarif.info/news/thumbnails/eef835a7782e591b2e627cd3fc13d507.jpeg');

}

/* Bottom Card Section */
.property-description
{
  background-color: #FAFAFC;
  height:12em;
  width:14em;
  position:absolute;
  bottom:0em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0.5em 0em;
  line-height: normal;
  text-align:center;
  width:18em;
}
/* Social Icons */
.property-social-icons
{
  width:1em;
  height:1em;
  background-color:black;
  background-color: #5b4099;
  position:absolute;
  bottom:1em;
  left:1em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Property Cards Hover States */

.property-card:hover .property-description
{
  height:0em;
  padding:0px 1em;
}
.property-card:hover .property-image
{
  height:18em;
}

.property-card:hover .property-social-icons
{
  background-color:white;
}

.property-card:hover .property-social-icons:hover
{
  background-color:blue;
  cursor:pointer;
}
/* */
.navigation-card-item__logo-tag {
    display: flex;
    justify-content: space-between;
}
.cc-round-icon_size_l {
    width: 32px;
    width: var(--cc-round-icon-size-l);
    height: 32px;
    height: var(--cc-round-icon-size-l);
}
.cc-round-icon {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #fff;
    background-color: #5282ff;
    border-radius: 50%;
}
.ebus {
background: no-repeat url(/images/re1/ba-bg.svg);
    background-position: 0 -7em;
}
.containerebus {    max-width: 1138px;    margin: auto;margin-top: 50px;
    margin-bottom: 36px;
}
.roundedebus {
    padding: 3rem!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;    background: white;
}
.rowebus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.text-center {
    text-align: center!important;
}
.col-lg-4ebus {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;margin: auto; margin-top: 20px;
    margin-bottom: 15px;
}
.mt-4, .my-4 {    margin-top: 1.5rem!important;
font-size: 1.25rem;color: #82899b;  margin-bottom: 0.5rem;
}
.regular {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #808080;
    margin-bottom: 0;
}
  @media screen and (max-width: 800px) {     .ebus {background-size: 1250%;  }
.rowebus {

    display: contents; }
    .col-lg-4ebus {

    max-width: 90%;}
    }
.property-card1 {
    padding: 1em;
    background-color: #fafafa;/*#f8f8f8;*/
    height: 18em;
    width: 18em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
    box-shadow: 15px 15px 27px #e1e1e3, -15px -15px 27px #ffffff;
    box-shadow: 15px 15px 27px #acacc5, -15px -15px 27px #ffffff;
}
/* */
 	#podpiska {
    background: #F2F3F7;
    max-width: 1136px;
    border-radius: 24px;
    width: calc(100% - 34px);
    margin-top: 0px;
    background-size: 275px 130px;
    background-image: url(https://avatars.mds.yandex.net/get-lpc/1674605/bf13d5c3-3214-4f4d-8243-c57606ea2128/orig);
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
.lc-group {
    position: relative;
    display: -webkit-flex;
    display: flex;
}
.lc-group__content_justify_start, .lc-group__content_justify_start .swiper-slide {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.lc-group__content {
    position: relative;
    width: 100%;
    background-position: 50%;
    background-size: cover;
}
.lc-page {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    font-size: 16px;
    line-height: 24px;
}
.service_turbo-lpc {
    --link-color: #018ad2;
    min-width: auto;
    font-family: YS Text,Helvetica,Arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.page, .input {
    font-family: Helvetica Neue,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.service_turbo-lpc .lc-section_is-expanded {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}
.lc-body-image {
    position: relative;
}
.lc-body-image__container_layout_row {
    -webkit-flex-direction: row;
    flex-direction: row;
}
.visibility-actions     {

    margin: auto;
    width: fit-content;
}
.lc-text-block_size_s41 { font-family: Arial;
    font-weight: 500 !important;
    font-size: 41px !important;
    line-height: 48px !important;
    letter-spacing: -0.7px;
    -webkit-font-feature-settings: 'case'on;
    font-feature-settings: 'case'on;
}
.lc-button__text1 {
    position: relative;
    display: inline-block;

}
@media (max-width: 1023px){
#oblozhka-s-kartinkoj-2 .lc-body-image__container_center, #oblozhka-s-kartinkoj-3 .lc-body-image__container_center, #social-bl .lc-body-image__container_center {
    padding-right: 4px;
    padding-left: 4px;
}
.lc-text-block_size_s41 {
    font-weight: 700 !important;
    font-size: 21px !important;
    line-height: 21px !important;
    margin-bottom: 5px;
}
}


.lc-link    {
      width: fit-content;
    display: block;
    padding: 10px;
    color: white;
    background: #323555 !important;
    border-radius: 18px !important;
    padding-left: 20px;
    padding-right: 20px;
}
.lc-text-block_size_s16 {
    font-size: 17px !important;
    line-height: 24px !important;
}
.lc-button__under1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: inherit;
    border: 1px solid transparent;
}
.service_turbo-lpc .lc-button-list__container {
    margin: -17px -17px 0 0;
}
.lc-button_theme_action .lc-button__under,.lc-link .lc-button__text{
    background: #323555 !important;
    -webkit-transition: background-color .3s ease-out !important;
    -o-transition: background-color .3s ease-out !important;
    transition: background-color .3s ease-out !important;
}

.service_turbo-lpc .lc-button_size_l {
    min-width: 192px !important;
    height: 64px !important;
    line-height: 64px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
}
.lc-body-image__content {
padding: 50px;   }
.service_turbo-lpc .lc-button-list {
    overflow: visible;
    margin-top: -1px;
    padding-top: 1px;
}

@media (min-width: 940px)  {
#oblozhka-s-kartinkoj-2 .lc-body-image__content, #oblozhka-s-kartinkoj-3 .lc-body-image__content, #social-bl .lc-body-image__content {
    width: calc(100% - 65px);
}}
@media (max-width: 1079px) {
.lc-body-image__content {
    padding: 5px;
}  }
.grey_block_text {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #787CAC;
    background: #e0e2eb;
    padding: 6px 19px;
    margin-bottom: 15px;
    border-radius: 24px;
    background: rgba(120, 124, 172, 0.15);
}

.lc-body-image__container_center {
    box-sizing: border-box;
    width: 100%;
    max-width: 954px;
    margin: 0 auto;
    padding-right: 17px;
    padding-left: 17px;
    display: flex;
}
:not(.lc-body-image__column_in-grid2).lc-body-image__column_width_l {
    width: 50%;
    min-width: 50%;
}
.lc-text-block_bpsize_s24 {
    font-size: 24px;
    line-height: 32px;
}
#oblozhka-s-kartinkoj-2 video.lc-video-block__video-object {
    background-image: url(https://avatars.mds.yandex.net/get-lpc/1364677/59fb34d0-ec84-4f32-9162-7435cddf9609/orig);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.lc-video-block__video-object {
    width: 100%;
    height: 100%;
}
.lc-body-image__image-wrapper_position_top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
@media (min-width: 768px) {
.lc-body-image__image-wrapper {
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}   }
.lc-body-image__image-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: 0;
}
@media (max-width: 767px) {
#oblozhka-s-kartinkoj-2-mob .lc-body-image__container, #social-bl-mob .lc-body-image__container, #oblozhka-s-kartinkoj-3-mob .lc-body-image__container {
    display: -webkit-flex;
    display: flex;
}      }
@media (max-width: 767px){
#oblozhka-s-kartinkoj-2-mob .lc-body-image__container_layout_row, #social-bl-mob .lc-body-image__container_layout_row, #oblozhka-s-kartinkoj-3-mob .lc-body-image__container_layout_row-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}     }




   /* glow */
    @import url("https://fonts.googleapis.com/css?family=Raleway");


.glowing-btn {
  position: relative;
  color: rgb(97 239 255);
  cursor: pointer;
  padding: 0.35em 1em;
  border: 0.15em solid rgb(97 239 255);
  border-radius: 0.45em;
  background: none;
  perspective: 2em;
  font-family: "Raleway", sans-serif;
  font-size: 2em;
  font-weight: 900;
  letter-spacing: 1em;    letter-spacing: 0.5em;

  -webkit-box-shadow: inset 0px 0px 0.5em 0px rgb(97 239 255),
    0px 0px 0.5em 0px rgb(97 239 255);
  -moz-box-shadow: inset 0px 0px 0.5em 0px rgb(97 239 255),
    0px 0px 0.5em 0px rgb(97 239 255);
  box-shadow: inset 0px 0px 0.5em 0px rgb(97 239 255),
    0px 0px 0.5em 0px rgb(97 239 255);
  animation: border-flicker 2s linear infinite;
}

.glowing-txt {
  float: left;
  margin-right: -0.8em;
  -webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em rgb(97 239 255);
  -moz-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em rgb(97 239 255);
  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em rgb(97 239 255);
  animation: text-flicker 3s linear infinite;
}

.faulty-letter {
  opacity: 0.5;
  animation: faulty-flicker 2s linear infinite;
}

.glowing-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  filter: blur(1em);
  transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
  background: rgb(97 239 255);
  pointer-events: none;
}

.glowing-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background-color: rgb(97 239 255);
  box-shadow: 0 0 2em 0.2em rgb(97 239 255);
  transition: opacity 100ms linear;
}

.glowing-btn:hover {
  color: rgba(0, 0, 0, 0.8); color: rgba( 255, 255 ,255 , 0.8);
  text-shadow: none;
  animation: none;
}

.glowing-btn:hover .glowing-txt {
  animation: none;
}

.glowing-btn:hover .faulty-letter {
  animation: none;
  text-shadow: none;
  opacity: 1;
}

.glowing-btn:hover:before {
  filter: blur(1.5em);
  opacity: 1;
}

.glowing-btn:hover:after {
  opacity: 1;
}

@keyframes faulty-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 0.1;
  }
  4% {
    opacity: 0.5;
  }
  19% {
    opacity: 0.5;
  }
  21% {
    opacity: 0.1;
  }
  23% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  83% {
    opacity: 0.4;
  }

  87% {
    opacity: 1;
  }
}

@keyframes text-flicker {
  0% {
    opacity: 0.1;
  }

  2% {
    opacity: 1;
  }

  8% {
    opacity: 0.1;
  }

  9% {
    opacity: 1;
  }

  12% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }

  70% {
    opacity: 0.7;
  }
  72% {
    opacity: 0.2;
  }

  77% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.9;
  }
}

@keyframes border-flicker {
  0% {
    opacity: 0.1;
  }
  2% {
    opacity: 1;
  }
  4% {
    opacity: 0.1;
  }

  8% {
    opacity: 1;
  }
  70% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 600px) {
  .glowing-btn{
    font-size: 1em;
  }
}
    /* glow */

  /*sl*/
.slider {
  height: 100%;height: 410px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 300px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

/*sl*/

/*pr*/
.plans {
  &__container {
    padding: 1rem 0 2rem;
  }

  width: 96%;
  max-width: 1128px;
  margin: 0 auto;
}


.plansHero {
  text-align: center;
  padding: 5rem 0 4.5rem;
  line-height: 1.21;

  &__title {
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 1rem 0;
    color: #000;
  }

  &__subtitle {
    margin: 0;
  }
}

.planItem {
  --border: 1px solid #e6e6e6;
  --bgColor: #fff;
  --boxShadow: none;



  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 1rem;
  box-shadow: none;
  padding: 2rem 1.5rem;
  display: inline-flex;
  flex-direction: column;

  .price {
    --priceMargin: 2rem 0;
  }





  .button {
    margin-top: auto;
  }
}
 .planItem__container {
    --direction: column;

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 1.5rem;
  }
   .planItem--entp {
    --bgColor: var(--blue);background-color:#1769ff;

    .card {
      --titleColor: #fff;
      --descColor: rgb(255 255 255 / 80%);

      &__icon {
        background-image: var(--entpIcon);
        background-size: cover;
      }
    }

    .price,
    .featureList {
      --color: #fff;
    }

    .featureList {
      --icon: var(--whiteTick);
    }
  }
   .planItem--free {
  }

  .planItem--pro {
    --border: 0;
    --boxShadow: 0px 14px 30px rgba(204, 204, 204, 0.32);

    .label {
      --labelBg: #fdb72e;
      --labelColor: #fff;
    }
  }
.button {
  --bgColor: var(--pinkLight);
  --color: var(--pink);
  --shadowColor: rgb(234 76 137 / 30%);
  --outline: var(--pink);

  border-radius: 0.5rem;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  border: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  background-color: #ffecf0;
  color: #ea4c89;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  user-select: none;

  &--pink {
    --bgColor: var(--pink);
    --color: #fff;
    --shadowColor: rgb(234 76 137 / 50%);
  }

  &--white {
    --bgColor: #fff;
    --shadowColor: rgb(255 255 255 / 30%);
    --outline: #fff;
  }

  &:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 10px var(--shadowColor);
  }

  &:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--outline);
  }
}
.button--pink {
    --bgColor: var(--pink);
    --color: #fff;
    --shadowColor: rgb(234 76 137 / 50%);
  }

  .button--white {
    --bgColor: #fff;
    --shadowColor: rgb(255 255 255 / 30%);
    --outline: #fff;
  }

  .button:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 10px var(--shadowColor);
  }

  .button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--outline);
  }
.card {
  --titleColor: #000;
  --descColor: var(--baseColor);

  &__header {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  &__icon {
    width: 2.625rem;
    height: 2.625rem;
  }

  h2 {
    color: var(--titleColor);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    flex-grow: 1;
  }

  &__desc {
    margin: 1.5rem 0 0;
    color: var(--descColor);
  }
}
 .card__header {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .card__icon {
    width: 2.625rem;
    height: 2.625rem;
  }
  .card__desc {
    margin: 1.5rem 0 0;
    color: var(--descColor);
  }
.label {
  --labelColor: var(--baseColor);
  --labelBg: #e5e5e5;

  font-weight: 600;
  line-height: 1.25;
  font-size: 1rem;
  text-align: center;
  padding: 0.625rem 1.125rem;
  border-radius: 2rem;
  user-select: none;
  background-color: var(--labelBg);
  color: var(--labelColor);
}

.price {
  --color: #000;
  --priceMargin: 0;

  display: flex;
  color: var(--color);
  align-items: center;
  gap: 0.5625rem;
  font-weight: 600;
  font-size: 2rem;
  margin: var(--priceMargin);

  span {
    font-size: 1rem;
    font-weight: 400;
    color: var(--baseColor);
  }
}

.featureList {
  --color: #000;
  --icon: var(--redTick);
  --height: 0.875rem;

  margin: 0 0 2.75rem;
  padding: 0;
  font-weight: 500;

  li {
    color: var(--color);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;

    &:before {
      content: "";
      background-image: var(--icon);
      background-size: cover;
      display: block;
      width: 1.125rem;
      height: var(--height);
    }

    &:last-child {
      margin-bottom: 0;
    }

    &.disabled {
      --color: #b1b8c9;
      --height: 1.125rem;
      --icon: var(--close);
    }
  }
}

.symbol {
  --big: 2.625rem;
  --small: 1.5rem;
  --radius: 0.25rem;

  border: 2px solid var(--blue);
  width: var(--big);
  height: var(--big);
  border-radius: var(--radius);
  position: relative;

  &--rounded {
    --radius: 2rem;
  }

  &:after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    border: 2px solid var(--pink);
    width: var(--small);
    height: var(--small);
    border-radius: var(--radius);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 640px) {
  .plans {
    max-width: 480px;
    width: 90%;
  }

  .planItem__container {grid-auto-flow: row;
    --direction: row;
  }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
  :root {
    --baseSize: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
  :root {
    --baseSize: 14px;
  }
}

/*pr*/
/*pr1*/
.pricing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  .plan {
    background-color: #fff;
    padding: 2.5rem;
    margin: 12px;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;

    h2 {
      font-size: 22px;
      margin-bottom: 12px;
    }

    .price {
      margin-bottom: 1rem;
      font-size: 30px;
    }

    ul.features {
      list-style-type: none;
      text-align: left;
      li {
        margin: 8px;
        .fas {
          margin-right: 4px;
        }
        .fa-check-circle {
          color: #5282ff;
        }

      }
    }

    button {
      border: none;
      width: 100%;
      padding: 12px 35px;
      margin-top: 1rem;
      background-color: #5282ff;
      color: #fff;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
    }

    &.popular {
      border: 2px solid #5282ff;
      position: relative;
      transform: scale(1.08);

      span {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #5282ff;
        color: #fff;
        padding: 4px 20px;
        font-size: 18px;
        border-radius: 5px;
      }
    }

    &:hover {
      box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37);
    }
  }
}
/*pr1*/
/*re*/
.re1 {display: flex;}
 .title-section {
            text-align: center;
            margin-top: 0.1rem;
            margin-bottom: 2.5rem;
        }
        .underline {
            height: 0.25rem;
            width: 8rem;
            background: #ccfc5b;background: #b85bfc;
            margin-left: auto;
            margin-right: auto;
        }
        .review-container {
            width: 80vw; width: 30%;
            max-width: 600px; margin: 20px;
        }
        .custom-review {
            background: white;
            padding: 1.5rem 2rem;
            border-radius: 1rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: box-shadow 0.3s linear;
            text-align: center;
        }
        .custom-review:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .review-img-container {
            position: relative;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin: 0 auto;
            margin-bottom: 1.5rem;
        }
        #person-img {
            width: 100%;
            display: block;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            position: relative;z-index: 1;
        }
        .review-img-container1::after {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f10e";
            position: absolute;
            top: 0;
            left: 0;
            width: 2.5rem;
            height: 2.5rem;
            display: grid;
            place-items: center;
            border-radius: 50%;
            transform: translateY(25%);
            background: #ccfc5b;
            color: white;
        }
        .review-img-container::before {
            content: "";
            width: 100%;
            height: 100%;
            background: #ccfc5b;
            position: absolute;
            top: -0.25rem;
            right: -0.5rem;
            border-radius: 50%;
            width: 110%;
    height: 105%; right: -0.2rem;    width: 105%;margin-left: 50%;
        }
        #review-author {
            margin-bottom: 0.25rem;
        }
        #review-job {
            margin-bottom: 0.5rem;
            text-transform: uppercase;
            color: gray;
            font-size: 0.85rem;
        }
        #review-info {
            margin-bottom: 0.75rem;
        }
        .prev-review-btn,
        .next-review-btn {
            color: #a7e419;
            font-size: 1.25rem;
            background: transparent;
            border-color: transparent;
            margin: 0 0.5rem;
            transition: color 0.3s linear;
            cursor: pointer;
        }
        .prev-review-btn:hover,
        .next-review-btn:hover {
            color: black;
        }
        .random-review-btn {
            margin-top: 0.5rem;
            background: #ccfc5b;
            color: black;
            padding: 0.25rem 0.5rem;
            text-transform: capitalize;
            border-radius: 5px;
            transition: background 0.3s linear, color 0.3s linear;
            border: 2px solid black;
            cursor: pointer;
        }
        .random-review-btn:hover {
            background: white;
            color: black;
        }


        @media screen and (max-width: 800px) {
        .re1 {display: flow;}
         .review-container {
            width: 80vw; width: 90%;
           margin-left: auto;
    margin-right: auto;
        }
        }
   /*sidenav*/
        .sidenav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 60px;
    background: #ab69f100;
  }


    .sidenav .nav {
      position: relative;
      display: flex;
      align-items: center;
      z-index: 1000;
      left: 0px;
      transition: all 0.4s ease;
      cursor: pointer;
    }

    .sidenav .nav.active {
      left: -10px;
    }

    .sidenav .nav:hover {
      left: -190px;      /* Border width*2 */
    }

      .sidenav .description, .sidenav .icon {
        height: 60px;
        line-height: 60px;
        background: #9e58f7;
      }

      .sidenav .nav.active .description, .sidenav .nav.active .icon {
        background: #FF5722;
      }

      .sidenav .icon {
        width: 60px;          /* Width of navbar */
        text-align: center;
        color: #e9e9e9;
        font-size: 25px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }

      .sidenav .description {
        position: relative;
        left: 50px;
        color: #eee;
        min-width: 150px;
        padding-left: 20px;
        height: 100%;
      }

  .content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 60px;        /* Width of navbar */
    height: 100%;
    z-index: 10;
    background: #ddd;
  }
.growth2 {
    background: url(../images/p/bg1-1.jpg) no-repeat center 0 !important;
    background-size: cover;
    height: 700px !important;
}
.disabled::before {
    background: none !important;
}
  @media only screen and (max-width:767px) {

 .wpb_wrappe {
margin-right: -50px;
    z-index: 2;
}
}
/**/



.banner-style-one .row.align-center {
    align-items: center;
}
.banner-style-one-area div {
    height: 100%;
}
.banner-style-one .row div {
    height: auto;
}
.banner-style-one-area div {
    height: 100%;
}
.pr-50 {
    padding-right: 50px;
}
.banner-style-one .row div.banner-one-thumb {
    height: 100%;
}
.banner-style-one .information {
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
.banner-style-one .information .animation-shape {
    position: absolute;
    left: -100px;
    top: -100px;
    z-index: -1;
}
.banner-style-one .information h4 {
    text-transform: uppercase;
    font-weight: 600;
}
.banner-style-one .information .animation-shape img {
    max-width: 200px;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.banner-style-one .information h2 {
    font-size: 70px;    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 30px;   font-weight: 550;
}
.banner-style-one .information h2 strong {
    font-weight: 500;  font-weight: 700;
    color: #246bfd;
}





.banner-style-one .information p {
    padding-right: 10%;
    line-height: 1.8;
}
.banner-style-one .row div {
    height: auto;
}
.btn.circle {
    border-radius: 30px !important;
}
.btn.btn-gradient {
    border: none;
    color: #ffffff;  margin-top: 50px;
}
.btn-md {
    padding: 16px 52px;
    font-size: 16px;
}
.btn {
    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    border-radius: 3px;
    border: 2px solid transparent;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    font-size: 16px;
    letter-spacing: 0;
    padding: 13px 30px;
    background: #E7EDF8;
    position: relative;
    z-index: 1;
}
.btn.btn-gradient::after {
    position: absolute;
    top: 0;
    right: inherit;
    bottom: inherit;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #246BFD, #a200be, #246BFD);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-size: 220%;
}
.banner-style-one .row div.banner-one-thumb {
    height: 100%;
}
.banner-style-one .thumb {
    height: 100% !important;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding-top: 80px;
}
.banner-style-one .thumb::before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 500px;
    width: 500px;
    transform: translate(-50%, -50%);
    border: 1px solid #246bfd;
    z-index: -1;
    margin-left: 20px;
    margin-top: -20px;
    border-radius: 50%;
    opacity: 0.3;
}
.banner-style-one .thumb img {
    object-fit: cover;
    height: 100%;   width: 550px;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.banner-style-one .thumb::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    height: 500px;
    width: 500px;
    transform: translate(-50%, -50%);
    border: 100px solid #246bfd;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.04;
}
.banner-style-one .thumb img {
    object-fit: cover;
    height: 100%;
}
.banner-style-one .strategy .item {
    position: absolute;
    left: -50px;
    bottom: 30%;
    display: flex;
    background: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    align-items: center;
    border: 1px solid #e7e7e7;
}
.banner-style-one .strategy .item:nth-child(2) {
    left: auto;
    right: -100px;
    top: 50%;
    bottom: auto;
    margin-top: -160px;
}
.banner-style-one .row div {
    height: auto;
}
.banner-style-one .strategy .item p {
    margin: 0;
}
.banner-style-one-area .shape-blury {
    position: absolute;
    right: 5%;
    top: 990px;
    transform: translateY(-50%);
    height: 600px;
    width: 600px;
    background: red;
    z-index: 1;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.1;
}
.banner-style-one .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
.banner-style-one    .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}
.information .button {
    --bgColor: unset;
    --color: unset;
    --shadowColor: unset;
    --outline: unset;
    border-radius: 0;
    display: block;
    width: fit-content;
    padding: 1rem 1.5rem;
    border: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    background-color: unset;
    color: unset;
    cursor: unset;
    transition: all 0.1s ease-in-out;
    user-select: none;
}
a.btn.btn-md.circle.btn-gradient.animation {
    border: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;
    text-decoration: none;
    width: fit-content;
    padding: 12px 20px 11px;
    text-shadow: unset;
    font-size: 19px;
    font-family: unset;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: unset;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: unset;
    background: unset;
    background: unset;
    background: unset;
    background: unset;
    background: unset;
    background: unset;
    filter: unset;
}
 @media screen and (max-width: 800px) {
.banner-style-one .col-xl-6 {
    flex: 0 0 auto;
    width: 95%;
}


.banner-style-one .strategy .item {
    left: -20px;
    bottom: 10%;

}
.banner-style-one .strategy .item:nth-child(2) {
    left: auto;
    right: -20px;
    top: 30%;
    bottom: auto;
    margin-top: -160px;
}
.banner-style-one .thumb img {
    width: 120%;width: 95%;
    height: 100%;
}
.banner-style-one .thumb::before {
    height: 300px;
    width: 300px;

}
.banner-style-one .thumb::after {
    height: 300px;
    width: 300px;

} }


.btn2 {

    border: 1px solid #bc1aff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    width: 302px;
    padding: 13px 0 11px;
    text-shadow: 1px 2px 4px #8613b5;
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 5px solid #9513cb;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #cf5dff;
    background: -moz-linear-gradient(top, #f6b92a 0%, #ff881a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c74ff9), color-stop(100%, #9421c3));
    background: -webkit-linear-gradient(top, #c74ff9 0%, #9421c3 100%);
    background: -o-linear-gradient(top, #f6b92a 0%, #ff881a 100%);
    background: -ms-linear-gradient(top, #f6b92a 0%, #ff881a 100%);
    background: linear-gradient(to bottom, #c74ff9 0%, #9421c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b92a', endColorstr='#ff881a',GradientType=0 );
}
@keyframes spinner {
    to {
        transform: rotateZ(-360deg)
    }
}



  .spinner_image {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    animation: spinner 4s infinite linear;
}
/**/
 .section1 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 30px;
}

.service a {
  color: #5b7abb;
  display: block;
}

.service h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #56ceba;
  font-size: 1.3rem;
  margin: 1rem 0 0.6rem;
}

.services-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
    .service img {
    max-width: 110px;max-width: 50px;
    margin: auto;
}

.service p {
  font-size: 0.9rem;
  margin: 1rem 0;
  line-height: 1.5; color: #888;
}

.service {
  background: #fff;
  margin: 20px;
  padding: 20px;
  border-radius: 4px;  border-radius: 18px;
  text-align: center;
  -webkit-box-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #e7e7e7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;    transition: all 1s ease;
}

.service:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}
.btn11 {
text-shadow: 1px 2px 4px #5f3a0b !important;
    font-family: Tahoma !important; text-shadow: 1px 2px 4px #57350c;
}
.innerr {
    display: flex;   padding-left: 201px; padding-left: 102px; margin-bottom: 102px;
}
.innerr  .title  {    max-width: 50%;
font-family: Sans-serif;
    font-size: 102px;  font-size: 92px;
    font-weight: 300;
    line-height: .91em;

    font-weight: bold;
    color: #ff8908;    color: #121212;  text-shadow: none;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size1: 36px;
}
.innerr .title>span {
    margin: 0 0 0 0px;  font-weight: 300;
}
.innerr .subtitle {        margin-left1: -302px !important;
    align-self: flex-end;  width: 68%;  width: fit-content;  width: 68%;padding-left: 20px;
    max-width: 50%;

    color: #121212;
    font-size: 22px;
    text-shadow: none;
    text-align: start;
    line-height: 28px;
    margin: 400px 0 0;

}


  .innerr .subtitle>div { width: 390px;width: 420px;width: 290px;

  }
  .innerr .subtitle h3 {
  margin-bottom: 20px;
   }
.shape1 {
    position: absolute;
    right: 5%;
    bottom: 15%;
    z-index: -1;
}
   .shape6 img {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.shape2 {
    position: absolute;
    left: 35%;
    top: 20%;
    z-index: -1;
}
          .shape2 img {
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}
  @keyframes animationFramesOne {
    0% {
        transform: translate(0px,0px) rotate(0deg) ;
    }
    20% {
        transform: translate(273px,10px) rotate(36deg) ;
    }
    40% {
        transform: translate(341px,72px) rotate(72deg) ;
    }
    60% {
        transform: translate(283px,322px) rotate(108deg) ;
    }
    80% {
        transform: translate(-40px,72px) rotate(144deg) ;
    }
    100% {
        transform:  translate(0px,0px) rotate(0deg) ;
    }
}





 @keyframes animationFramesOne {
    0% {
        transform: translate(0px,0px) rotate(0deg) ;
    }
    20% {
        transform: translate(273px,10px) rotate(36deg) ;
    }
    40% {
        transform: translate(341px,72px) rotate(72deg) ;
    }
    60% {
        transform: translate(283px,322px) rotate(108deg) ;
    }
    80% {
        transform: translate(-40px,72px) rotate(144deg) ;
    }
    100% {
        transform:  translate(0px,0px) rotate(0deg) ;
    }
}
.shape3 {
    position: absolute;
       right: 5%;
    top: 30%;
    z-index: -1;

}
      .shape3 img {
    -webkit-animation: moveleftbounc 7s linear infinite;
    animation: moveleftbounc 7s linear infinite;   }
    @keyframes moveleftbounc {
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0px);
    }
}
.shape4 {
    position: absolute;
    left: 50%;
    top: 20%;
    z-index: -1;
}
      .shape4 img {
    -webkit-animation: moveleftbounc1 5s linear infinite;
    animation: moveleftbounc1 5s linear infinite;   }
    @keyframes moveleftbounc1 {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}




 .title {
  animation: rotateFade 1s ease-in-out forwards; /* 1 секунда, плавный вход и выход, не возвращаться в начальное состояние */
}

/* Вариант 2: Используя transition (если состояние задано, например, через добавление класса) */

.title {
  opacity: 0.1;
  transform: rotateY(50deg);
  transition: transform 4s ease-in-out, opacity 4s ease-in-out; /* Важно указать оба свойства в transition */
}
@keyframes rotateFade {
  0% {
    transform: rotateY(50deg);
    opacity: 0.1; /* 10% */
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;   /* 100% */
  }
}


    @media all and (max-width:900px) {  .shape1,.shape2,.shape3,.shape4 {display: none;}
   .innerr {
    display: flow;  padding-left: 50px;
}
.innerr .title { width: 90%;
    max-width: 90%;
    font-size: 50px;  padding-top: 0px;
	}
.innerr	.title>div {
    font-size: 18px !important;
}
	.innerr .subtitle
	{ display: flow !important;    width: 90%; padding-left: 0px;
    margin-top: 10px;max-width: 90%;
	}
	.innerr .subtitle>div {

    max-width: 100%;
}
	.subtitle > div:nth-of-type(2) { margin-top: 20px;
	}
	.section1 {
    max-width: 95%;
}
    .works .btn {
        max-width: 75%;
    }
}

 .row_p {
    display: -ms-flexbox;background-color: #F6FAFF;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right1: -15px;
    margin-left1: -15px;
    width: 95%;
    margin: auto;
}
   .row_p .col-xl-4 {
        -ms-flex: 0 0 30%;
        flex: 0 0 50%;
        max-width: 30%;

        margin-left1: 20px !important;
    margin-right1: 20px !important;  padding: 10px;
         margin: auto;
    }
    .service-box-five {
    padding: 48px 40px 42px;
    background: #ffffff;
    margin-bottom: 30px;
    border-radius: 15px;
    box-shadow: 0px 9px 30px 0px #edf0f2;
    text-align: center;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    border-top: 4px solid transparent;
}
.service-icon-five {
    height: 80px;
    width: 80px;
    background: #edf4fe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    border-radius: 100px;
    color: var(--thm-color);
    margin-bottom: 26px;
    transition: all 0.3s ease-in;    transition: all 0.4s ease-in;
    -webkit-transition: all 0.3s ease-in;    -webkit-transition: all 0.4s ease-in;
    position: relative;
}
.services-five-des p {
    margin-top: 20px;
    color: #777;
}
.tronix-section-small-title {
    display: inline-block;
    font-size1: 14px;
    line-height1: 17px;
    font-weight1: 500;
    color1: var(--black-color);
    position: relative;
    padding-left: 23px;
    padding-right: 23px;
    margin-bottom: 18px;
    text-transform1: uppercase;
}
.tronix-section-small-title:before {
    content: "";
    height: 8px;
    width: 8px;
    background: #0E59F2;
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    border-radius: 2px;
    box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
}
.tronix-section-small-title:after {
    content: "";
    height: 8px;
    width: 8px;
    background: #0E59F2;
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 2px;
    box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
}
  .tronix-section-small-title1-:before {
    content: "";
    height: 8px;
    width: 8px;
    background: #0E59F2; background: #92b0eb;
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    border-radius: 2px;
    box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
}
.tronix-section-small-title1-:after {
    content: "";
    height: 8px;
    width: 8px;
    background: #0E59F2; background: #92b0eb;
    top: 0;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 2px;
    box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
}
.title2 {     padding-bottom1: 0px;}
.service-box-five:hover {
    border-top: 4px solid #0E59F2;
}
.service-box-five:hover .service-icon-five {
    background: #0E59F2;
    color: #ffffff;
}
.service-box-five:hover .service-icon-five g{

    fill: #ffffff;
}
.service-box-five:hover .service-icon-five {
    transform: rotateY(180deg);  transform: rotateY(360deg);
}

.service i {
  font-size: 3.45rem;
  margin: 1rem 0;
}

.service1 i,
.service1 h4,
.service1 .cta {
  color: #42b7ca;
}

.service1:hover {
  border: 2px solid #42b7ca;
}

.service2 i,
.service2 h4,
.service2 .cta {
  color: #425fca;
}

.service2:hover {
  border: 2px solid #425fca;
}

.service3 i,
.service3 h4,
.service3 .cta {
  color: #9c42ca; color: #450c63;
}

.service3:hover {
  border: 2px solid #9c42ca;
}

.service .cta span {
  font-size: 0.6rem;
}

.service > * {
  flex: 1 1 100%;
}

.service .cta {
  align-self: flex-end;
}

@media all and (max-width:900px) {
  .services-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .row_p {
    display: flow;
      }
      .row_p .col-xl-4 {max-width: 95%; }
}