@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
html{
  scroll-behavior: smooth;
}
body.overflow-h{
  overflow: hidden;
}
.wrapper{
  overflow: hidden;
}
.container{
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  position: relative;
}
/* SECTION TITLE */
.section_title{
  color:  #2A343E;
  font-family: Involve;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 49.4px;
}
.bg_image{
  background-image: url(../images/section_icons.png) !important;
  background-repeat: no-repeat;
  background-position: -90px -100px;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 85px !important;
}
@media (min-width: 1920px){
  .bg_image{
    right: 0 !important;
  }
}
.section_title.c_white{
  color: #FFF;
}
/* SECTION TITLE END */

img{
  vertical-align: bottom;
}


.arrow_animation:hover svg{
  transform: translateX(10px) translateY(2px) !important;
  transition: .4s ease;
}
.arrow_animation:not(:hover) svg {
  transition: .4s ease;
  transform: translateX(0) translateY(2px) !important;
}

.why_us .why_us_tab .tab_titles .title_item:hover .title_arrow{
  transform: translateX(10px) translateY(2px) !important;
  transition: .4s ease;
}
.why_us .why_us_tab .tab_titles .title_item .title_arrow{
  transform: translateX(0) translateY(2px) !important;
  transition: .4s ease;
}



/* HEADER */
header{
  padding: 15px 0;
  border-radius: 0px 0px 60px 60px;
  background: #FFF;
  box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07);
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.header_size{
  height: 100px;
}
header .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: initial;
}
header .container .hamburg_menu{
  display: none;
}
header .container .header_logo{
  color: #2A343E;
  font-family: Onest;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36.4px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
header .mobile_phona{
  display: none;
} 
header .container .header_links{
  display: flex;
  gap: 45px;
  position: relative;
  z-index: 1;
}
header .container .header_links a{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  position: relative;
  z-index: 10;
}
header .container .header_links a:hover,
.nav_list .container .links_item ul li a:hover{
  color: #3172D4;
}
.nav_list .container .main_title.mt-1{
  margin-top: 10px;
}
header .container .header_links a.nav_list_title{
  display: flex;
  align-items: center;
  gap: 10px;
}
header .header_links .nav_list_main:hover .nav_list{
  /* transform: translateY(-100px); */
  visibility: visible;
  opacity: 1;
  transition: .3s ease;
  height: 330px;
}
.nav_list{
  transition: .3s ease;
  /* transform: translateY(-100px); */
  position: fixed;
  width: 100%;
  background: #fff;
  left: 0;
  top: 35px;
  margin: 0;
  overflow: hidden; 
  border-radius: 0px 0px 30px 30px;
  box-shadow: 0 37px 40px 0px rgba(0, 0, 0, 0.07);
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding-block: 65px 50px;
}
.nav_list .container{
  display: flex;
  border-top: 1px solid #E3E6E8;
  padding-top: 30px;
  justify-content: initial;
  align-items: start;
  
  transition: none;
}
 .nav_list .container .links_item{
  width: 100%;
  flex: 1 1 auto;
}
/*
.nav_list .container .links_item:first-child{
  width: 51.5%;
}*/
.nav_list .container .links_item:nth-child(1){
  margin-right: 100px;
}
.nav_list .container .links_item.only_title{
  display: flex;
  flex-direction: column;
  /* width: 30%; */
}
.nav_list .container .links_item.item_fluid ul li{
  width: 100%;
}
.nav_list .container .links_item ul{
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px;
  list-style: none;
  gap: 15px 29px;
}
.nav_list .container .links_item ul li{
  width: calc(50% - 15px);
}
.nav_list .container .links_item ul li a{
  color: #777B89;
  font-family: Onest;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.nav_list .container .main_title{
  color: #2A343E;
  font-family: Onest;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 15px;
  display: inline-flex;
}
header .container .header_links a:hover span{
  color: #3172D4;
}
header .container .header_links a:hover path{
  stroke: #3172D4;
}
header .container .phone_number{
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  display: inline-block;
  padding: 17px 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
header .container .phone_number span{
  position: relative;
  z-index: 2;
  color: #2A343E;
  transition: .3s ease;
}
header .container .phone_number:hover span{
  color: #FAB12B;
}
/* header .container .phone_number::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 0;
  opacity: 0;
} */
/* header .container .phone_number:hover:before{
  opacity: 1;
}
header .container .phone_number:hover span{
  color: #FFF;
} */
.social_sets .header_btn{
  display: inline-flex;
  color: #FFF;
  padding: 19px 56px;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30.6px;
  border-radius: 20px;
  transition: .3s ease all;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.social_sets .header_btn::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 1;
}
.social_sets .header_btn::after{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 0;
}
.social_sets .header_btn:hover::after{
  opacity: 1;
  transition: .3s ease all;
}
.social_sets .header_btn:hover:before{
  opacity: 0;
}
.social_sets .header_btn span{
  position: relative;
  z-index: 2;
}
.social_sets{
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  z-index: 10;
}
.social_sets .social_item{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22.5px;
  border-radius: 20px;
  position: relative;
  width: 70px;
  height: 68.59px;
}
.social_sets a svg{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.social_sets .tg{
  background: #039BE5;
}
.social_sets .tg:hover{
  background: #0779B1;
}
.social_sets .whatsapp{
  background: #27A11A;
}
.social_sets .whatsapp:hover{
  background: #137C08;
}
/* HEADER END */

/* HERO */
.hero{
  padding-block: 100px 100px;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px){
  .hero{
    min-height: calc(100vh - 99px);
  }
}
.hero .row{
  display: flex;
  gap: 60px;
  justify-content: space-between;
}
.hero .row .hero_item_main{
  width: 59%;
}
.hero .row .hero_item_main .hero_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 96px;
  margin-bottom: 67px;
}
.hero .row .hero_item_main .hero_subtitle{
  color: #777B89;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  max-width: 90%;
  margin-bottom: 61px;
}
.hero .row .hero_item_main .hero_action a{
  display: inline-flex;
  align-items: center;
  gap: 15.38px;
  color: #2A343E;
  font-family: Involve;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 39px;
  transition: .4s ease;
}
.hero .row .hero_item_main .hero_action a:hover{
  transition: .4s ease;
  color: #3172D4;
}
.hero .row .hero_item_main .hero_action a:hover path{
  stroke: #3172D4;
}
.hero .row .hero_item_main .hero_action a:hover svg{
  transition: .4s ease;
}
.hero .row .hero_item_main .hero_action a svg{
  transform: translateY(2px);
  transition: .4s ease;
}

.hero .row .hero_item{
  width: 32%;
}
.hero .row .hero_item .hero_adv_row{
  display: flex;
  flex-direction: column;
  gap: 33px;
}
.hero .row .hero_item .hero_adv_item{
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 23px 30px;
  border-radius: 60px;
  background: #FFF0E5;
  padding-left: 28px;
  padding-bottom: 23px;
}
.hero .row .hero_item .hero_adv_item:hover .item_image img{
  transition: .3s ease all;
  animation: adv_img 0.5s ease;
}
@keyframes adv_img{
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-8px);
  }
  100%{
    transform: translateY(0);
  }
}
.hero .row .hero_item .hero_adv_item .item_image img{
  transition: .3s ease all;
}
.hero .row .hero_item .hero_adv_item .item_image{
  flex: 0 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFF;
}

.hero .row .hero_item .hero_adv_item .item_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* HERO END */


/* SITE TRAFFIC */
.site_traffic{
  padding-block: 115px 174px;
  border-radius: 60px;
  background: #2D3844;
}
.site_traffic .section_title{
  text-align: center;
  position: relative;
  margin-bottom: 65px;
}

.site_traffic.main .section_title{
  display: flex;
  justify-content: center;
}
.site_traffic.main .bg_image{
  background-position: -650px -100px;
  
}
.site_traffic.main .section_title span{
  max-width: 47%;
  display: block;
}
.site_traffic .section_title img{
  position: absolute;
  top: -10px;
  bottom: 0;
  right: -18px;
  margin: auto 0;
}

.site_traffic .swiper_traffic{
  padding-inline: 80px;
}
.site_traffic .swiper_traffic .swiper_parent{
  position: relative;
}
.swiper-slide{
  transition: .3s ease;
}
.site_traffic .swiper_traffic .swiper-slide{
  height: auto;
}
.site_traffic .swiper_traffic .traffic_item{
  padding: 45px 50px 27px 30px;
  border-radius: 60px;
  background: #FFF;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.site_traffic.main .swiper-slide{
  transition: .3s all ease;
}
.site_traffic.main .traffic_item::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  opacity: 0;
  visibility: hidden;
  transition: .6s ease;
}
@media (min-width: 1200px){
  .site_traffic.main .swiper_traffic .traffic_item:hover{    
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
  }
  .site_traffic.main .swiper_traffic .traffic_item:hover::after{
    transition: .6s ease;
    opacity: 1;
    visibility: visible;
  }
  .site_traffic.main .swiper_traffic .traffic_item:hover *{
    color: #FFF;
    z-index: 2;
  }
  .site_traffic.service_price .traffic_item:hover::after{
    opacity: 1;
    visibility: visible;
  }
  .site_traffic.service_price .traffic_item .item_action_url svg{
    transition: .4s ease;
  }
  .site_traffic.service_price .traffic_item:hover .item_action_url svg{
    transform: translateX(10px);
  }
  .site_traffic.service_price .traffic_item:hover{
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
  }
  .site_traffic.service_price .traffic_item:hover *,
  .site_traffic .swiper_traffic .traffic_item:hover .traffic_info li,
  .site_traffic.service_price .traffic_item:hover .header_price,
  .site_traffic.service_price .swiper_traffic .traffic_item:hover .item_subtitle,
  .site_traffic.service_price .swiper_traffic .traffic_item:hover .item_title{
    color: #FFF;
    z-index: 1;
  }
  .site_traffic.service_price .traffic_item:hover .item_action_url path{
    stroke: #FFF;
  }
}
.site_traffic .swiper_traffic .traffic_item .item_action{
  position: absolute;
  top: 25.38px;
  right: 25.29px;
  transition: .4s ease;
  transform: translateX(-20px);
}
.site_traffic .swiper_traffic .traffic_item:hover .item_action{
  transform: translateX(0);
  transition: .4s ease;
}
.site_traffic .swiper_traffic .traffic_item .item_img{
  margin-bottom: 35px;
  padding-left: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #FFF;
  padding: 10px;
  z-index: 2;
}
.site_traffic .swiper_traffic .traffic_item .item_img img{
  position: relative;
  z-index: 1;
  transform: none;
}

.site_traffic .swiper_traffic .traffic_item .item_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 17px;
  position: relative;
}
.site_traffic.service_price .swiper_traffic .traffic_item .item_title{
  line-height: 126%;
}
.site_traffic .swiper_traffic .traffic_item .item_subtitle{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* max-width: 80%; */
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.site_traffic .swiper_traffic .traffic_item .traffic_info{
  display: flex;
  flex-direction: column;
  padding-left: 27px;
}
.site_traffic .swiper_traffic .traffic_item .traffic_info li{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 30.6px */
}
.site_traffic .swiper_traffic .swiper-button-next,
.site_traffic .swiper_traffic .swiper-button-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFF;
  top: var(--swiper-navigation-top-offset,43.5%);
}
.site_traffic .swiper_traffic .swiper-button-next:hover,
.site_traffic .swiper_traffic .swiper-button-prev:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.site_traffic .swiper_traffic .swiper-button-next:hover path,
.site_traffic .swiper_traffic .swiper-button-prev:hover path{
  stroke: white;
}
.site_traffic .swiper_traffic .swiper-button-next svg,
.site_traffic .swiper_traffic .swiper-button-prev svg{
  width: 24px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
  opacity: 0;
  cursor: pointer;
  pointer-events: initial;
  visibility: hidden;
}
.site_traffic .swiper_traffic .swiper-button-prev{
  left: var(--swiper-navigation-sides-offset, -80px);
}
.site_traffic .swiper_traffic .swiper-button-next{
  right: var(--swiper-navigation-sides-offset, -80px);
}
.site_traffic .swiper_traffic .swiper-button-next:after, 
.site_traffic .swiper_traffic .swiper-button-prev:after{
  display: none;
}
.site_traffic .swiper_traffic .swiper-pagination{
  bottom: var(--swiper-pagination-bottom, -50px);
  left: 12px;
}
.site_traffic.index_second  .swiper_traffic .swiper-pagination{
  bottom: var(--swiper-pagination-bottom, 0);
}
.site_traffic.service_price.index_2 .swiper_traffic .swiper-pagination{
  bottom: 50px;
}
/* SITE TRAFFIC END */

/* PORTFOLIO */
.portfolio{
  padding-block: 116px;
}
.portfolio .section_title{
  justify-content: space-between;
  display: flex;
  margin-bottom: 24px;
}
.portfolio .container .bg_image{
  background-position-x: -840px;
  top: -50px;
}

.portfolio .portfolio_row{
  display: flex;
  gap: 44px 30px;
  flex-wrap: wrap;
  margin-bottom: 58px;
}
.portfolio .portfolio_row .work_item{
  width: calc(33.3333% - 20px);
}
.portfolio .portfolio_row .work_item .item_image{
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 24px;
}
.portfolio .portfolio_row .work_item .item_image img{
  transition: .3s ease;
}
.portfolio .portfolio_row .work_item:hover .item_image img{
  transition: .3s ease;
  transform: scale(1.1);
}
.portfolio .portfolio_row .work_item .item_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 17px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.portfolio .portfolio_row .work_item:hover .item_title{
  color: #3172D4;
}
.portfolio .portfolio_row .work_item .item_title svg{
  opacity: 0;
  visibility: hidden;
  transition: .4s ease;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-10px);
}
.portfolio .portfolio_row .work_item:hover .item_title svg{
  opacity: 1;
  visibility: visible;
  transition: .4s ease;
  transform: translateX(5px);
}
.portfolio .portfolio_row .work_item .item_description{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  max-width: 90%;
}
.portfolio .view_all_work{
  display: flex;
  justify-content: center ;
}
.portfolio .view_all_work a{
  text-align: center;
  /* width: 100%; */
  display: inline-flex;
  gap: 9.38px;
  align-items: center;
  justify-content: center;
  color: #2A343E;
  font-family: Involve;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.portfolio .view_all_work a:hover{
  color: #3172D4;
}
.portfolio .view_all_work a:hover path{
  stroke: #3172D4;
}
.portfolio .view_all_work a:not(:hover) svg{
  transform: translateX(0px) translateY(2px);
}
/* PORTFOLIO END */

/* WHY US */
.why_us{
  padding-block: 102px 120px;
  border-radius: 60px;
  background: var(--ffe-1-cc, #EEF5FC);
}
.why_us .section_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 43px;
}
.why_us .container .bg_image{
  background-position-x: -1040px;
  top: -30px;
}
.why_us .why_us_mobile{
  display: none;
}
.why_us .why_us_block{
  display: flex;
  gap: 30px;
}
.why_us .why_us_tab{
  display: flex;
  width: 50%;
}

.why_us .why_us_tab .tab_titles{
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.why_us .why_us_tab .tab_titles .title_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15.29px 20px 20px;
  border-radius: 30px;
  background:  #FFF;
  cursor: pointer;
  transition: .3s ease;
}
.why_us .why_us_tab .tab_titles .title_item.active .title_arrow{
  visibility: visible;
  opacity: 1;
  z-index: initial;
}
.why_us .why_us_tab .tab_titles .title_item:hover .title_arrow{
  visibility: visible;
  opacity: 1;
  z-index: initial;
}
.why_us .why_us_tab .tab_titles .title_item:hover .title_arrow path{
  stroke: #2A343E;
}
.why_us .why_us_tab .tab_titles .title_item.active:hover .title_arrow path{
  stroke: #FFF;
}
.why_us .why_us_tab .tab_titles .title_item .title_arrow{
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.why_us .why_us_tab .tab_titles .title_item.active{
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  transition: .3s ease;
}
.why_us .why_us_tab .title_item .title_main_part{
  display: flex;
  align-items: center;
  gap: 15px;
}
.why_us .why_us_tab .tab_titles .title_item .title_img{
  padding: 10px;
  border-radius: 50%;
  background: #FFF;
  width: 80px;
  height: 80px;
}
.why_us .why_us_tab .tab_titles .title_item .title_name{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.why_us .why_us_tab .tab_titles .title_item.active .title_name{
  color: var(--ff, #FFF); 
}
.why_us .why_us_block .why_us_content{
  width: 50%;
  position: relative;
}
.why_us .why_us_block .why_us_content .swiper{
  overflow: visible;
  height: 525px;
}

.why_us .why_us_block .why_us_content .swiper-slide-active .content_item{
  opacity: 1;
  visibility: visible;
} 
.why_us .why_us_block .why_us_content .content_item{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 172%;
  padding: 30px;
  border-radius: 30px;
  background: var(--ff, #FFF);
  box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
  padding-top: 32px;
  opacity: 0;
  transition: .3s ease;
  max-height: 100%;
  overflow: auto;
}
.why_us_content .content_item::-webkit-scrollbar {
  width: 0px;
}
.why_us_content .content_item::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.why_us_content .content_item::-webkit-scrollbar-thumb {
  background: rgb(94, 94, 100);
  border-radius: 4px;
}
/* .why_us .why_us_block .why_us_content .content_item .content_text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
} */



/* WHY US END */

/* STRONG TEAM */
.strong_team{
  padding-block: 97px 120px;
}
.strong_team .section_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.strong_team .container .bg_image{
  background-position-x: -1240px;
  top: -30px;
}
.strong_team .section_subtitle{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 172%;
  max-width: 72%;
  margin-bottom: 59px;
}

.strong_team .mobile_swiper{
  position: relative;
}
.strong_team .mobile_swiper .swiper-pagination{
  bottom: var(--swiper-pagination-bottom, -49px);
  opacity: 0;
  visibility: hidden;
}

.strong_team .mobile_swiper .swiper-pagination-bullet{
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px);
}
.strong_team .mobile_swiper .swiper-pagination-bullet{
  background: #777B89;
}
.strong_team .mobile_swiper .swiper-pagination-bullet{
  background: transparent;
  position: relative;
}

.strong_team .team_row{
  display: flex;
  gap: 30px;
  padding-block: 100px;
  margin-block: -100px;
  overflow: visible;
}
.strong_team .team_row .team_item{
  width: 100%;
  border-radius: 30px;
  background: #FFF0E5;
  padding: 20px 30px 30px 20px;
  transition: .3s ease;
  height: 100%;
}
.strong_team .team_row .swiper-slide{
  height: auto;
}
@media (min-width: 1200px){
  .strong_team .team_row .team_item:hover{
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
    transition: .3s ease;
  }
}

.strong_team .team_row .team_item:last-child{
  padding: 30px;
}
.strong_team .team_row .team_item .team_main{
  padding-left: 10px;
}
.strong_team .team_row .team_item:last-child .team_img{
  margin-bottom: 15px;
}
.strong_team .team_row .team_item .team_img{
  display: inline-flex;
  padding: 10px;
  background: #FFF;
  border-radius: 50%;
  margin-bottom: 3px;
}
.strong_team .team_row .team_item:last-child .team_name{
  margin-bottom: 17px;
}
.strong_team .team_row .team_item .team_name{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 8px;
}
.strong_team .team_row .team_item .team_job{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 15px;
}
.strong_team .team_row .team_item .about_team{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
.strong_team .team_row .team_item .about_team ul{
  padding-left: 28px;
}
/* STRONG TEAM END */

/* SERVICE PRICE */
.site_traffic.service_price{
  position: relative;
  z-index: 1;
}
.site_traffic.service_price .section_title{
  text-align: start;
}
.site_traffic.service_price .container .bg_image{
  background-position-x: -1440px;
  top: -50px;
}
.site_traffic.service_price .item_header{
  display: flex;
  flex-direction: row-reverse;
}
.site_traffic.service_price .swiper_traffic .traffic_item .item_header *{
  margin-bottom: 0;
}
.site_traffic.service_price .swiper_traffic .traffic_item .item_img{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 90px;
  height: 90px;
  transform: translate(21px, 2px);
}
.site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
  position: absolute;
}
.site_traffic.service_price .traffic_item{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 27px;
  padding-top: 31px;
  border-radius: 30px;
  padding-bottom: 31px;
}
.site_traffic.service_price .traffic_item::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
}

.site_traffic.service_price .traffic_item .item_action_url{
  display: inline-flex;
  align-items: center;
  gap: 15.38px;
  color: #2A343E;
  font-family: Involve;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle{
  max-width: 92%;
  line-height: 165%;
}
.site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle .l_none{
  display: none;
}
.l_none{
  display: none;
}
.site_traffic.service_price .swiper_traffic .traffic_item .traffic_info{
  padding-left: 27px;
}
.site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li{
  line-height: 173%;
}
.site_traffic.service_price .traffic_item .header_price{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-top: 23px;
  margin-bottom: 17px;
}

/* SERVICE PRICE END */

/* STAGES OF WEBSITE DEVELOPMENT */
.stages_development{
  padding-block: 117px 172px;
  border-radius: 60px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background: var(--ffe-1-cc, #EEF5FC);
  position: relative;
  /* overflow: hidden; */
}

.stages_development::after{
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #EEF5FC;
  z-index: -1;
}
.stages_development .container .bg_image{
 background-position-x: -1640px;
  top: -30px;
}
.stages_development .section_title{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-bottom: 61px;
}

/* .stages_development .section_title img{
  position: absolute;
  right: -20px;
  top: -16px;
} */


.stages_development .stage_swiper_main{
  position: relative;
  display: flex;
  justify-content: center;
}

.stages_development .stages_swiper{
  position: relative;
  max-width: 65%;
  margin: -90px -50px;
}
.stages_development .stage_swiper_main .swiper-slide{
  padding: 100px 15px;
  height: auto;
}
.stages_development .stage_item{
  height: 100%;
  padding: 30px;
  border-radius: 30px;
  background: var(--ff, #FFF);
  padding-top: 48px;
  transition: .3s ease;
}
.stages_development .swiper-slide-active .stage_item:hover{
  box-shadow: 0px 20px 15px 0px rgba(15, 15, 16, 0.10);
}
.stages_development .stage_item .item_image{
  margin-bottom: 21.5px;
  padding: 7px;
  padding-left: 17px;
}
.stages_development .stage_item .item_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 17px;
}
.stages_development .stage_item .item_desc{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 172%;
}

.stages_development .swiper-button-next:after,
.stages_development .swiper-button-prev:after{
  content: none;
}
.stages_development .swiper-button-next,
.stages_development .swiper-button-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2D3844;
}
.stages_development .swiper-button-next{
  right: var(--swiper-navigation-sides-offset, -60px);
  top: var(--swiper-navigation-top-offset, 49.7%);
}
.stages_development .swiper-button-prev{
  left: var(--swiper-navigation-sides-offset, -60px);
  top: var(--swiper-navigation-top-offset, 49.7%);
}
.stages_development .swiper-button-next:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.stages_development .swiper-button-prev:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.stages_development .swiper-button-next.swiper-button-disabled,
.stages_development .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.stages_development .swiper-button-next svg,
.stages_development .swiper-button-prev svg{
  width: 24px;
  height: 24px;
}


/* STAGES OF WEBSITE DEVELOPMENT END */

/* COLLABORATED COMPANIES */
.collaborated_companies{
  padding-block: 116px 119px;
}
.collaborated_companies .container .bg_image{
  background-position-x: -1840px;
}
.collaborated_companies .section_title{
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-bottom: 65px;
}
.collaborated_companies .section_title span{
  max-width: 48%;
}
/* .collaborated_companies .section_title img{
  position: absolute;
  right: -19px;
  top: -16px;
} */
.collaborated_companies .companies_img_row{
  display: flex;
  flex-wrap: wrap;
  gap: 60px 23px;
  margin-bottom: 61px;
}
.collaborated_companies .companies_img_row .company_item{
  width: 220px;
}
.collaborated_companies .companies_img_row .company_item img{
  width: 100%;
}
/* .collaborated_companies .companies_img_row .company_item:nth-child(n + 22){
  display: none;
} */
.collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n + 22){
  display: block;
}
.collaborated_companies .view_all_company{
  display: none;
  justify-content: center;
}
.collaborated_companies .view_all_company a{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--unnamed, #777B89);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.collaborated_companies .view_all_company a:hover{
  color: #2A343E
}
.collaborated_companies .view_all_company a:hover path{
  stroke: #2A343E;
}
.collaborated_companies .view_all_company svg{
  transition: .3s ease;

}
.collaborated_companies .view_all_company a.active svg{
  transform: rotate(180deg);
  transition: .3s ease;
}
/* COLLABORATED COMPANIES END */

/* REVIEWS */
.reviews{
  padding-block: 117px 186px;
  border-radius: 60px;
  background: #2D3844;
  position: relative;
  z-index: 3;
}
.reviews .container .bg_image{
  background-position-x: -2840px;
  top: -20px;
}
.reviews .section_title{
  margin-bottom: 64px;
  display: flex;
  justify-content: center;
  position: relative;
}
/* .reviews .section_title img{
  position: absolute;
  top: -18px;
  right: -18px;
} */
.reviews .reviews_swiper_main{
  position: relative;
}
.reviews .review_swiper{
  padding-inline: 82px;
}

.reviews .reviews_swiper_main .swiper-button-next:after,
.reviews .reviews_swiper_main .swiper-button-prev:after{
  content: '';
}
.reviews .reviews_swiper_main .swiper-button-next,
.reviews .reviews_swiper_main .swiper-button-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFF;
}
.reviews .reviews_swiper_main .swiper-button-next svg,
.reviews .reviews_swiper_main .swiper-button-prev svg{
  width: 24px;
  height: 24px;
}
.reviews .reviews_swiper_main .swiper-slide{
  height: auto;
}
.reviews .reviews_swiper_main .review_item{
  border-radius: 30px;
  background: #FFF;  
  display: flex;
  gap: 15px;
  padding: 29px 30px 30px 28px;
  height: 100%;
}
.reviews .reviews_swiper_main .review_main_content{
  width: 67%;
}
.reviews .reviews_swiper_main .review_image{
  width: 32%;
}

.reviews .reviews_swiper_main .review_image img{
  border-radius: 15px;
  box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
  width: 100%;
}
.reviews .reviews_swiper_main .review_item .person_name{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
}
.reviews .reviews_swiper_main .review_item .person_job{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 15px;
}
.reviews .reviews_swiper_main .review_item .review_content{
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 174%;
}
.reviews .swiper-pagination{
  bottom: var(--swiper-pagination-bottom,-48px);
}
.swiper-pagination-bullets .swiper-pagination-bullet-active{
  border: 1px solid #FF4133;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,0);
  background: transparent;
  
}
.swiper-pagination-bullet{
  background: #777B89;
}
.swiper-pagination{
  bottom: var(--swiper-pagination-bottom,-48px);
  display: flex;
  justify-content: center;
}
.swiper-pagination-bullet-active{
  background: #FF4133;
  position: relative;
}
.reviews .swiper-pagination-bullet::after{
  background: #B6B8BC;
}
.reviews .swiper-pagination-bullet-active::after{
  background: #FF4133;
}
.swiper-pagination-bullet::after{
  content: '';
  display: flex;
  /* position: absolute; */
  width: 10px;
  height: 10px;
  background:#FF4133;
  border-radius: 50%;
}
.reviews .swiper-button-next{
  right: var(--swiper-navigation-sides-offset,2px);
  top: var(--swiper-navigation-top-offset, 49.5%);
}
.reviews .swiper-button-prev{
  left: var(--swiper-navigation-sides-offset,-2px);
  top: var(--swiper-navigation-top-offset, 49.5%);
}
.reviews .swiper-button-next.swiper-button-disabled,
.reviews .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.reviews .reviews_swiper_main .swiper-button-next:hover,
.reviews .reviews_swiper_main .swiper-button-prev:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.reviews .reviews_swiper_main .swiper-button-next:hover path,
.reviews .reviews_swiper_main .swiper-button-prev:hover path{
  stroke: #FFF;
}
/* REVIEWS END */

/* QUIZ */
.quiz{
  padding-block: 117px 125px;
  border-radius: 0 0 60px 60px;
  background: #EEF5FC;
  position: relative;
  z-index: 2;
}
.quiz::after{
  content: '';
  display: block;
  position: absolute;
  top: -50%;
  width: 100%;
  height: 50%;
  background: #EEF5FC;
}
.quiz .container .bg_image{
  background-position-x: -2040px;
  top: -20px;
}
.quiz .section_title{
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 35px;
}
/* .quiz .section_title img{
  position: absolute;
  top: -17px;
  right: -18px;
} */
.quiz .section_subtitle{
  color: var(--unnamed, #777B89);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.quiz .quiz_row{
  padding-inline: 65px;
}
.quiz .hidden_input{
  display: none;
}
.quiz .quiz_row .quiz_form_parent{
  padding: 43px;
  border-radius: 60px;
  background: #FFF;
  min-height: 700px;
}
.quiz .quiz_main_form{
  
  display: flex;
  gap: 60px;
}
.quiz .quiz_main_form .thanks_block{
  display: none;
}
.quiz .quiz_main_form.thanks_block_activate .quiz_progress{
  display: none;
}

.quiz .quiz_main_form.thanks_block_activate .quzi_with_progres{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.quiz .quiz_main_form.thanks_block_activate{
  justify-content: space-between;
}
.quiz .quiz_main_form.thanks_block_activate .thanks_block{
  display: block;
}
.quiz .quiz_main_form .thanks_block .block_title{
  color: var(--unnamed, #2A343E);
  font-family: Involve;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.quiz .quiz_main_form .thanks_block .block_subtitle{
  color: var(--unnamed, #2A343E);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.quiz .quiz_main_form .thanks_block .return_btn{
  color: var(--ff, #FFF);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  border-radius: 20px;
  background: #2A343E;
  padding: 20px 109px;
  cursor: pointer;
}
.quiz .quiz_row .quiz_form{
  width: 900px;
  display: none;
}
.quiz .quiz_row .quiz_form.active{
  display: block;
}
.quiz .quiz_row .quiz_form .inputs_block{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.quiz .quiz_row .block_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 36px;
}
.quiz .quiz_row .input_item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #B6B8BC;
  cursor: pointer;
  position: relative;
}
.quiz .quiz_row .input_item:hover{
  border-color: transparent;
}
.quiz .quiz_row .input_item:before, .quiz .quiz_row .input_item:after {
  content: '';
  position: absolute;
  z-index: -1;
}
.quiz .quiz_row .input_item:hover::before, .quiz .quiz_row .input_item:hover::after{
  z-index: 1;
}
.quiz .quiz_row .input_item.default_item::before,
.quiz .quiz_row .input_item.default_item:hover::after{
  z-index: -1;
}
.quiz .quiz_row .input_item.default_item:hover{
  border-color: #B6B8BC;
}
.quiz .quiz_row .input_item:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #FAB12B, #F7318B);
  border-radius: 11px; /* Border radius if needed */
}

.quiz .quiz_row .input_item:after {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: white;
  border-radius: 10px; /* Same border radius as before element */
}

.quiz .quiz_row .input_item.default_item{
  cursor: text;
  padding-left: 20px;
  padding-block: 14.5px;
}
.quiz .quiz_row .input_item .input_default{
  border: none;
  width: 100%;
  outline: none;
  padding: 10px;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.quiz .quiz_row .input_item .input_default::placeholder{
  color: var(--unnamed, #777B89);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.quiz .quiz_row .input_item span{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
} 
.quiz .quiz_row .input_item span:nth-child(2){
  position: relative;
  z-index: 2;
}
.quiz .input_container {
  display: block;
  position: relative;
  padding-left: 17px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}

/* Hide the browser's default radio button */
.quiz .input_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.quiz .checkmark {
  position: absolute;
  top: -4px;
  left: -3px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.quiz .checkbox .checkmark{
  border-radius: 2px;
} 

/* On mouse-over, add a grey background color */
.quiz .input_container:hover input ~ .checkmark {
  background-color: #E3E6E8;
}

/* When the radio button is checked, add a blue background */
.quiz .input_container input:checked ~ .checkmark {
  background: linear-gradient(10deg, #FAB12B 0%, #F7318B 100%);

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.quiz .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.quiz .input_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.quiz .input_container .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.quiz .input_container.checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparent;
  border-radius: 0;
}

.quiz .about_worker{
  width: 500px;
  padding-top: 63px;
}
.quiz .about_worker .worker_subtitle{
  color: #777B89;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.quiz .about_worker .worker_block{
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 25px;
}
.quiz .about_worker .worker_block .block_body{
  display: flex;
  gap: 23px;
  flex-direction: column;
}
.quiz .about_worker .worker_block .person_name{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 87%;
}
.quiz .about_worker .worker_block .person_work{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 131%;
}
.quiz .about_worker .admin_links{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.quiz .about_worker .admin_links a{
  color: var(--ff, #FFF);
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 20px;
  padding: 20px 30px;
}
.quiz .about_worker .admin_links a:first-child{
  background: #039BE5;
}
.quiz .about_worker .admin_links a:first-child:hover{
  background: #077AB1;
}
.quiz .about_worker .admin_links a:last-child{
  background: #27A11A;
}
.quiz .about_worker .admin_links a:last-child:hover{
  background: #137C08;

}
.quiz .about_worker .phone_number a{
  color: #FFF;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  border-radius: 20px;
  background: #2D3844;
  padding: 19px 30px;
  display: inline-flex;
  gap: 15px;
}
.quiz .about_worker .phone_number a:hover{
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
}

.quiz .quiz_form_parent .quiz_progress{
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.quiz .quiz_form_parent .quiz_progress .progress_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-right: 30px;
}
.quiz .quiz_form_parent .progress_bar{
  width: 349px;
  height: 15px;
  border-radius: 15px;
  background: #EEF5FC;
  margin-right: 23px;
  position: relative;
}
.quiz .quiz_form_parent .progress_bar_line{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  border-radius: 15px;
  transition: .3s ease;
}
.quiz .quiz_form_parent .progres_next_btn{
  border-radius: 20px;
  border: 2px solid #B6B8BC;
  background: #FFF;
  padding: 14px;
  margin-right: 15px;
  transform: translateY(4px);
  cursor: pointer;
  overflow: hidden;
}
.quiz .quiz_form_parent .progres_next_btn::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s ease;
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
}
.quiz .quiz_form_parent .progres_next_btn:hover::after{
  transition: .3s ease;
  opacity: 1;
}
.quiz .quiz_form_parent .progres_next_btn:hover{
  border-color: transparent;
}
.quiz .quiz_form_parent .progres_next_btn:hover svg{
  position: relative;
  z-index: 2;
}
.quiz .quiz_form_parent .progres_next_btn:hover svg path{
  stroke: #FFF;
}
.quiz .quiz_form_parent .progres_next_btn svg{
  width: 38px;
  height: 38px;
}
.quiz .quiz_form_parent .next_form_btn{
  border-radius: 20px;
  background: #E3E6E8;
  border: none;
  padding: 20px 93px;
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  transform: translateY(4px);
  cursor: pointer;
  overflow: hidden;
}

.quiz .quiz_form_parent .next_form_btn::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .3s ease;
  background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  z-index: -1;
  visibility: hidden;
}
.quiz .quiz_form_parent .next_form_btn:not(:disabled):hover:after{
  transition: .3s ease;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.quiz .quiz_form_parent .next_form_btn:not(:disabled):hover span{
  position: relative;
  z-index: 2;
  color: #FFF;
}
/* QUIZ END */

/* BLOG */
.blog{
  padding-block: 117px 124px;
}
.blog .container .bg_image{
  background-position-x: -2240px;
  top: -10px;
}
.blog .section_title{
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 63px;
}
/* .blog .section_title img{
  position: absolute;
  top: -18px;
  right: -18px;
} */

.blog .blog_row{
  /* display: flex; */
  gap: 30px;
  margin-bottom: 58px;
  position: relative;
}
.blog .blog_row .swiper-pagination{
  bottom: 0;
}
.blog .blog_row .swiper-slide{
  height: auto;
}
.blog .blog_row .blog_item{
  height: 100%;
}
.blog .blog_row .blog_item svg{
  transition: .4s ease;
  transform: translateX(-15px);
}
.blog .blog_row .blog_item:hover svg{
  opacity: 1;
  visibility: visible;
  transform: translateX(10px);
  transition: .4s ease;
}
.blog .blog_row .blog_item:hover .blog_title{
  color: #3172D4;
}
.blog .blog_row .created_date{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 10px;
}
.blog .blog_row .blog_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 11px;
  display: flex;
  justify-content: space-between;
}
.blog .blog_row .blog_title svg{
  display: block;
  width: 50px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.blog .blog_row .blog_desc{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
}
.blog .blog_row .blog_image{
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 12px;
}
.blog .blog_row .blog_image:hover img{
  transform: scale(1.2);
  transition: .3s ease;
}
.blog .blog_row .blog_image img{
  transition: .3s ease;
  width: 100%;
}
.blog .blog_row .hashtags{
  display: flex;
  align-items: center;
  gap: 15px;
}
.blog .blog_row .hashtags .hashtag_item{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.blog .view_all_blogs{
  display: flex;
  justify-content: center;
}
.blog .view_all_blogs a{
  display: flex;
  align-items: center;
  gap: 15px;
  color: #2A343E;
  font-family: Involve;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.blog .view_all_blogs a:hover{
  color: #3172D4;
}
.blog .view_all_blogs a:hover path{
  stroke: #3172D4;
}

/* BLOG END */

/* SOCIAL NETWORKS */
.social_networks{
  padding-block: 117px 125px;
  border-radius: 60px;
  background: #2D3844;
}
.social_networks .container .bg_image{
  background-position-x: -2440px;
  top: -30px;
}
.social_networks .section_title{
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.social_networks .section_title span{
  max-width: 50%;
}
/* .social_networks .section_title img{
  position: absolute;
  top: -15px;
  right: -18px;
} */
.social_networks .social_row{
  padding-inline: 450px;
}
.social_networks .social_row .row{
  display: flex;
  align-items: self-start;
  gap: 60px;
}

.social_networks .social_row .social_admin{
  padding-top: 54px;
}
.social_networks .social_row .social_admin .admin_img{
  margin-bottom: 28px;
}
.social_networks .social_row .social_admin .admin_name{
  color: #FFF;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 6px;
}
.social_networks .social_row .social_admin .admin_work{
  color: rgba(255, 255, 255, 0.80);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.social_networks .social_row .social_admin .about_admin{
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 172%;
  margin-bottom: 30px;
}
.social_networks .social_admin .section_action a{
  display: inline-flex;
  padding: 35px 104px;
  align-items: center;
  gap: 15px;
  border-radius: 60px;
  background: linear-gradient(0deg, #29A9EC 0%, #29A9EC 100%), #FFF;
  color: #FFF;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
}
.social_networks .social_admin .section_action a:hover{
  background: #077AB1;
}
.social_networks .row .section_bg img{
  transform: translate(-3px, 6px);
}
/* SOCIAL NETWORKS END */

/* ADDRESS */
.company_address{
  padding-block: 117px 120px;
}
.company_address .container .bg_image{
  background-position-x: -2640px;
  top: -20px;
}
.company_address .section_title{
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 60px;
}
/* .company_address .section_title img{
  position: absolute;
  right: -18px;
  top: -18px;
} */

.company_address .address_row{
  display: flex;
  gap: 30px;
  margin-bottom: 45px;
}

.company_address .address_row .address_item{
  padding: 33px 30px 30px 30px;
  border-radius: 30px;
  background: #EEF5FC;
  width: 100%;
  height: 240px;
  display: flex;
  flex-direction: column;
}

.company_address .address_row .item_header{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 8px;
}
.company_address .address_row .item_body{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  flex: 1 1 auto;
}
.company_address .address_row .item_body .body_item{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.company_address .address_row .item_body .body_action a{
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #2A343E;
  font-family: Involve;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.company_address .address_row .item_body .body_action a:hover{
  color: #3172D4;
}
.company_address .address_row .item_body .body_action a svg{
  transition: .4s ease;
}
.company_address .address_row .item_body .body_action a:hover svg{
  transition: .4s ease;
  transform: translateX(10px);
}
.company_address .address_row .item_body .body_action a:hover path{
  stroke: #3172D4;
}
.company_address .address_map{
  margin-bottom: 120px;
  border-radius: 60px;
  overflow: hidden;
}
#map {
  width: 100%;
  height: 500px; /* Balandlikni to'g'ri belgilang */
}
.company_address .about_company .company_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32px;
}
.company_address .about_company .company_desc{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  max-width: 70%;
  margin-bottom: 30px;
  max-height: 4.75em;
  overflow: hidden;
  transition: .3s ease;
}
.company_address .view_all_text a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #777B89;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.company_address .view_all_text a:hover{
  color: #07F;
}
.company_address .view_all_text a:hover path{
  stroke: #07F;
}
.company_address .view_all_text a.active svg{
  transform: rotate(180deg);
  transition: .3s ease;
}
.company_address .view_all_text a svg{
  transition: .3s ease;
}
/* ADDRESS END */
.d_none{
  display: none;
}
/* FOOTER */
footer{
  padding-block: 120px;
  border-radius: 60px 60px 0px 0px;
  background: #2D3844;
}
footer .container{
  display: flex;
  gap: 62px;
}
footer .footer_left {
  width: 24%;
}
footer .footer_left .footer_title{
  color: var(--ff, #FFF);
  font-family: Involve;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 128%;
  margin-bottom: 20px;
}
footer .footer_left .footer_subtitle{
  color: var(---, #B6B8BC);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
footer .footer_left .footer_form{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
footer .footer_left .footer_form .input_item input{
  width: 100%;
  border-radius: 20px;
  border: none;
  background: #FFF;
  padding: 19px;
  outline: none;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
}
input{
  outline: none;
}
footer .footer_left .footer_form .input_item input.error{
  border-color: #FAB12B;
  background-image: url(../images/input_error.svg);
  background-repeat: no-repeat;
  background-position: 93% center;
}
footer .footer_left .footer_form .input_item label.error{
  color: var(--System-Error, #c63a42);
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding-left: 5px;
  margin-top: 5px;
  display: block;
}
footer .footer_left .footer_form .input_item input::placeholder{
  color: #B6B8BC;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

footer .footer_left .footer_form .form_btn{
  border-radius: 20px;
  padding: 19px;
  position: relative;
  overflow: hidden;
  border: none;
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
} 
footer .footer_left .footer_form .form_btn::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 1;
}
footer .footer_left .footer_form .form_btn::after{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 0;
}

footer .footer_left .footer_form .form_btn:hover::after{
  opacity: 1;
  transition: .3s ease all;
}
footer .footer_left .footer_form .form_btn:hover:before{
  opacity: 0;
}
footer .footer_left .footer_form .form_btn span{
  position: relative;
  z-index: 2;
}
footer .footer_left .privacy_policy{
  color: #B6B8BC;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
footer .footer_left .privacy_policy a{
  color: #3172D4;
}
footer .footer_right{
  width: 74%;
  display: flex;
  flex-direction: column;
  gap: 49px;
}
footer .footer_right .copyright{
  color: var(--ff, #FFF);
  font-family: Onest;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
footer .footer_right .footer_bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer_right .footer_bottom .privacy_privacy_policy{
  color: #FFF;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}
footer .footer_right .footer_top{
  display: flex;
  width: 74%;
  width: 100%;
}
footer .footer_right .footer_nav{
  display: flex;
  gap: 109px;
  width: 100%;
}
footer .footer_right .footer_nav .nav_item{
  display: flex;
  flex-direction: column;
  gap: 45px;
  list-style: none;
}

footer .footer_right .inner_nav.mobile{
  display: none;
}
footer .footer_right .footer_nav a{
  color: #B6B8BC;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
footer .footer_right .footer_nav a:hover{
  color: #039BE5;
}
footer .footer_right a.nav_main_link{
  color: #FFF;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: inline-flex;
}

footer .footer_right .inner_nav a.nav_main_link.mt_1{
  margin-top: 15px;
}
footer .footer_right .inner_nav{
  display: flex;
  /* gap: 19px; */
}
footer .footer_right .inner_nav ul{
  list-style: none;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 15.4px;
}
footer .footer_right .footer_address_links{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 22%;
}
footer .footer_address_links .phone_number a{
  color: #FFF;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}
footer .footer_address_links .region_name{
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
footer .footer_address_links .email a{
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
footer .footer_address_links .footer_social_links{
  display: flex;
  gap: 10px;
}
footer .footer_address_links .footer_social_links .social_link_item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 22px 16px;
  border-radius: 20px;
  background: #45535F;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.07);
}
footer .footer_address_links .footer_social_links .social_link_item:nth-child(1):hover{
  background: #07F;
}
footer .footer_address_links .footer_social_links .social_link_item:nth-child(2):hover{
  background: #039BE5;
}
footer .footer_address_links .footer_social_links .social_link_item:nth-child(3):hover{
  background: #27A11A;
}
.md_none{
  display: none;
}
/* FOOTER END */

/* MODAL */
.call_back_form{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: .3s ease;
}
.call_back_form.show{
  transition: .3s ease;
  visibility: visible;
  opacity: 1;
  z-index: 2000;
}
.call_back_form .overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.20);
}
.call_back_form .modal_block{
  width: 513px;
  border-radius: 60px 0px 0px 60px;
  background:  #2D3844;
  position: relative;
  padding: 0 53px 0 61px;
  position: relative;
  z-index: 10;
  transform: translateX(100%);
  transition: .4s ease;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.call_back_form.show .modal_block{
  transform: translateX(0);
  transition: .4s ease;
}
.call_back_form.show .modal_block::-webkit-scrollbar {
  width: 2px;
}
.call_back_form.show .modal_block::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.call_back_form.show .modal_block::-webkit-scrollbar-thumb {
  background: rgb(94, 94, 100);
  border-radius: 4px;
}
.call_back_form .thanks_block{
  display: none;
}
.call_back_form .modal_block .modal_close_btn_main{
  position: absolute;
  top: 26px;
  right: 18px;
  cursor: pointer;
}
.call_back_form .modal_block .modal_title{
  color: #FFF;
  font-family: Involve;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 21px;
}
.call_back_form .modal_block .modal_subtitle{
  color: #B6B8BC;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.call_back_form .modal_block .modal_form{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.call_back_form .modal_block .privacy_policy{
  color: #B6B8BC;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.call_back_form .modal_block .privacy_policy a{
  color: #3172D4;
}
.call_back_form .modal_block .modal_form input{
  width: 100%;
  padding: 19px;
  border-radius: 20px;
  border: 1px solid transparent;
  background: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  outline: none;
}
.call_back_form .modal_block .modal_form input.error{
  border-color: #FAB12B;
  background-image: url(../images/input_error.svg);
  background-repeat: no-repeat;
  background-position: 93% center;
}
.call_back_form .modal_block .modal_form label.error{
  color: var(--System-Error, #c63a42);
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding-left: 5px;
  margin-top: 5px;
  display: block;
}
.call_back_form .modal_block .modal_form input::placeholder{
  color: #B6B8BC;
}

.call_back_form .form_btn{
  border-radius: 20px;
  padding: 19px;
  position: relative;
  overflow: hidden;
  border: none;
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  width: 100%;
} 
.call_back_form .form_btn::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 1;
}
.call_back_form .form_btn::after{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 0;
}

.call_back_form .form_btn:hover::after{
  opacity: 1;
  transition: .3s ease all;
}
.call_back_form .form_btn:hover:before{
  opacity: 0;
}
.call_back_form .form_btn span{
  position: relative;
  z-index: 2;
}
/* MODAL END */
.call_back_fixed{
  display: none;
}

/* PAGE 2 */
/* .hero.index_2{
  padding-bottom: 227px;
} */
.hero .breadcrumb{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 24px;
}
.hero .breadcrumb a{
  color: #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.hero .breadcrumb .breadcrumb_arrow svg{
  transform: translateY(3px);
}
.hero .breadcrumb .active_item{
  color: var(---, #B6B8BC);
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.hero.index_2 .hero_item_main{
  padding-top: 36px;
}
.why_us.index_2{
  padding-top: 97px;
}
.our_works{
  padding-block: 97px 120px;
  position: relative;
  z-index: 1;
  background: #FFF;
}
.our_works .container .bg_image{
  background-position-x: -3040px;
  top: -50px;
}
.our_works .section_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.our_works .section_subtitle{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 173%;
  max-width: 72%;
  background: var(--ff, #FFF);
}
.works_row .swiper{
  width: 100%;
  height: 100%;
}
.works_row .swiper .swiper-wrapper{
  height: 100% !important;
}
.works_row .swiper .swiper-slide{
  height: auto !important;
}
.quiz.index_2::after{
  display: none;
}
.quiz.index_2{
  border-radius: 60px;
  background: #2D3844;
}
.quiz.index_2 .section_subtitle{
  color: #FFF;
}
.site_traffic.service_price.index_2{
  background: var(--ff, #FFF);
}
.site_traffic.index_2{
  position: relative;
  z-index: 1;
}
.site_traffic.service_price.index_2 .traffic_item{
  background: #FFF0E5;
}
@media (min-width: 1200px){
  .site_traffic.service_price.index_2 .traffic_item:hover{
    background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
  }
  .site_traffic.service_price.index_2 .traffic_item:hover *{
    color: #FFF;
    stroke: #FFF;
  }

}

.site_traffic.index_2 .section_title{
  text-align: center;
}
.site_traffic.index_2 .container .bg_image{
  background-position-x: -3240px;
}
.site_traffic.index_2 .swiper{
  padding-bottom: 100px;
  margin-bottom: -100px;
}
.site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: transparent;
  padding: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
  transform: translate(21px, 2px);
}
@media (min-width: 1200px){
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item:hover .item_img{
    background: #FFF;
  }
}
.site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img::after{
  display: none;
}
.site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img{
  width: 50px;
  position: absolute;
  margin-bottom: 0;
  transform: translate(0,0);
}
.site_traffic.service_price.index_2 .traffic_item{
  padding-top: 31px;
  gap: 0;
}
.site_traffic.index_2 .swiper_traffic .traffic_item .item_title{
  line-height: 130%;
}
.site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header * {
  margin-bottom: 17px;
}
.site_traffic.index_2 .swiper_traffic .swiper-button-next,
.site_traffic.index_2 .swiper_traffic .swiper-button-prev{
  background: #2D3844;
}
.site_traffic.index_2 .swiper_traffic .swiper-button-next path,
.site_traffic.index_2 .swiper_traffic .swiper-button-prev path{
  stroke: #FFF;
}
.site_traffic.index_2 .swiper_traffic .swiper-button-next:hover,
.site_traffic.index_2 .swiper_traffic .swiper-button-prev:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.stages_development.index_2::after{
  display: none;
}
.stages_development.index_2{
  border-radius: 60px;
}
.stages_development.index_2 .stage_item .item_title{
  margin-bottom: 21px;
}
.portfolio.index_2 .portfolio_row .work_item .item_title{
  line-height: 142%;
}
.portfolio.index_2{
  padding-block: 108px 121px;
}
.portfolio.index_2 .portfolio_row{
  gap: 35px 30px;
}
.portfolio.index_2 .portfolio_row .work_item .item_image{
  margin-bottom: 24px;
}
.callback_form{
  padding-block: 116px 120px;
  border-radius: 60px;
  background: #2D3844;
  position: relative;
  z-index: 1;
}
.callback_form .container .bg_image{
  background-position-x: -3435px;
  top: -30px;
}
.callback_form.main.thanks{
  padding-block: 177px 193px;
  transition: none;
}
@media (min-width: 1280px){
  .callback_form.main.thanks{
    height: 600px;
  }
}
.callback_form.thanks{
  height: 601px;
}
.callback_form .section_title{
  position: relative;
  text-align: center;
  margin-bottom: 33px;
}
.callback_form .section_title img{
  position: absolute;
  right: -19px;
  top: -16px;
}
.callback_form.thanks .main_block{
  display: none;
}
.callback_form .thanks_block{
  display: none;
}
.callback_form.thanks .section_title span{
  display: none;
}
.callback_form.thanks .thanks_block{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.callback_form .thanks_block .block_title{
  color: var(--unnamed, #2A343E);
  text-align: center;
  font-family: Involve;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 30px;
}
.callback_form .thanks_block .block_subtitle{
  color: var(--unnamed, #2A343E);
  text-align: center;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.callback_form .thanks_block .return_btn a{
  display: inline-flex;
  padding: 20px 108px;
  border-radius: 20px;
  background: #2D3844;
  text-align: center;
  color: var(--ff, #FFF);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  border-radius: 20px;
  background:  #2D3844;
  border: none;
}
.callback_form .thanks_block.dark_theme *{
  color: #FFF;
}
.callback_form .thanks_block.dark_theme .return_btn a{
  background: #FFF;
  color: #2A343E;
}
.callback_form .form_block .form_main{
  display: flex;
  align-items: start;
  gap: 15px;
  justify-content: center;
  padding-inline: 390px;
  margin-bottom: 15px;
}
.callback_form .form_block .form_main .input_item{
  width: 105%;
  flex: 1 1 auto;
}
.callback_form .form_block .form_main .input_item input.error{
  border-color: #FAB12B;
  background-image: url(../images/input_error.svg);
  background-repeat: no-repeat;
  background-position: 93% center;
}
.callback_form .form_block .form_main .input_item label.error{
  color: var(--System-Error, #c63a42);
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding-left: 5px;
  margin-top: 5px;
  display: block;
}
.callback_form .form_block .form_main input{
  padding: 20px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid transparent;
  background: #FFF;
  color: #000;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  outline: none;
}
.callback_form .form_main button{
  flex: 1 1 auto;
  width: 100%;
  padding: 20px;
  display: inline-flex;
  justify-content: center;
  color: #FFF;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  border-radius: 20px;
  transition: .3s ease all;
  border: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.callback_form .form_main button::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 1;
}
.callback_form .form_main button::after{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 0;
}
.callback_form .form_main button:hover::after{
  opacity: 1;
  transition: .3s ease all;
}
.callback_form .form_main button:hover:before{
  opacity: 0;
}
.callback_form .form_main button span{
  position: relative;
  z-index: 2;
}
.callback_form .form_block .privacy_policy{
  color: var(--ff, #FFF);
  text-align: center;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.callback_form .form_block .privacy_policy span{
  max-width: 55%;
  color: #FFF;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.callback_form .form_block .privacy_policy a{
  color: #3172D4;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.callback_form .social_sets .sets_title{
  color: var(--ff, #FFF);
  text-align: center;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  width: 100%;
  margin-bottom: 15px;
}
.callback_form .sets_row,
.callback_form .set_main_row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.callback_form .sets_row a{
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 20px;
  padding: 17px 30px 18px 30px;
  color: var(--ff, #FFF);
  text-align: center;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.callback_form .sets_row a svg{
  transform: translateY(1px);
}
.callback_form .sets_row a:first-child{
  background: #039BE5;
}
.callback_form .sets_row a:first-child:hover{
  background: #077AB1;
}
.callback_form .sets_row a:last-child{
  background: #27A11A;
}
.callback_form .sets_row a:last-child:hover{
  background: #137C08;
}
.callback_form .phone_number a{
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px 30px 18px 30px;
  color: #2A343E;
  text-align: center;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 20px;
  background: #FFF;
}
.callback_form .phone_number a svg{
  transform: translateY(2px);
}
.callback_form .phone_number a:hover{
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
}
.callback_form .phone_number a:hover{
  color: #FFF;
}
.callback_form .phone_number a:hover path{
  fill: #FFF;
}

.work_price{
  padding-block: 117px 120px;
  background: #EEF5FC;
  position: relative;
}
.work_price::after{
  content: '';
  display: block;
  position: absolute;
  top: -100px;
  width: 100%;
  height: 20%;
  background: #EEF5FC;
}
.work_price .container{
  position: relative;
  z-index: 1;
}
.work_price .container .bg_image{
  background-position-x: -1440px;
  top: -30px;
}
.work_price::before{
  content: '';
  display: block;
  position: absolute;
  bottom: -100px;
  width: 100%;
  height: 20%;
  background: #EEF5FC;
}
.work_price .section_title{
  text-align: center;
  position: relative;
  margin-bottom: 64px;
}
.work_price .section_title img{
  position: absolute;
  right: -19px;
  top: -16px;
}
.work_price .works_row{
  /* display: flex;
  flex-direction: column;
  gap: 32px; */
  padding-inline: 240px;
  position: relative;
  z-index: 1;
}
.work_price .works_row.mobile{
  display: none;
}
.work_price .works_row .work_item{
  border-radius: 30px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 29px 50px 30px 30px;
  position: relative;
  overflow: hidden;
}
.work_price .works_row .work_item::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  transition: .3s ease;
  opacity: 0;
}
.work_price .works_row .work_item:hover::after{
  /* background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); */
  opacity: 1;
  transition: .3s ease;
}
.work_price .works_row .work_item:hover *{
  color: #FFF !important;
  stroke: #FFF;
  position: relative;
  z-index: 2;
}
.work_price .works_row .work_item .item_header{
  width: 60%;
  position: relative;
  z-index: 1;
}
.work_price .work_item .programing_types .type_image{
  position: relative;
}
.work_price .work_item .programing_types .type_image img{
  position: relative;
  z-index: 1;
}
.work_price .work_item .programing_types .type_image::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  right: 0;
  margin: auto;
  width: 35px;
  height: 35px;
  background: #FFF;
  border-radius: 50%;
}
.work_price .works_row .work_item .item_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 20px;
}
.work_price .works_row .work_item .item_subtitle{
  color:  #2A343E;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 34px;
}
.work_price .works_row .work_item .programing_types{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 35px;
  padding-left: 7px;
}
.work_price .work_item .programing_types .type_item{
  display: flex;
  align-items: center;
  gap: 15px;
  width: calc(50% - 18px);
}

.work_price .programing_types .type_item .type_name{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.work_price .work_item .item_body{
  padding-top: 5px;
  position: relative;
  z-index: 2;
}
.work_price .work_item .item_body .item_price{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 15px;
}
.work_price .work_item .item_body .work_period{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.work_price .work_item .item_body .about_work{
  display: flex;
  align-items: center;
  gap: 17px;
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.work_price .work_item .item_body .about_work svg{
  transform: translateX(-6px) translateY(0);
  transition: .3s ease;
}
.work_price .work_item:hover .item_body .about_work svg{
  transform: translateX(10px) translateY(0) !important;
}
/*  */

/*  */
.technologies{
  padding-block: 119px 120px;
  border-radius: 60px;
  background: #2D3844;
  position: relative;
  z-index: 1;
}
.technologies .container .bg_image{
  background-position-x: -3640px;
  top: -30px;
}
.technologies .section_title{
  margin-bottom: 64px;
  text-align: center;
  position: relative;
}
/* .technologies .section_title img{
  position: absolute;
  right: -19px;
  top: -16px;
} */
.technologies .technologies_row{
  display: flex;
  align-items: center;
  gap: 30px;
}

.technologies .technologies_row .technolog_item{
  width: calc(33.3333% - 15px);
  padding: 30px 30px 30px 30px;
  border-radius: 30px;
  background: #FFF;
  flex: 1 1 auto;
}
.technologies .technologies_row .item_title{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 10px;
}
.technologies .technologies_row .inner_row{
  display: flex;
  align-items: center;
  gap: 30px;
}

.technologies .technologies_row .item_name{
  display: flex;
  align-items: center;
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  gap: 7px;
}

/*  */

/*  */

.site_traffic.index_second{
  background: #FFF;
  padding-block: 117px 200px;
}
.site_traffic.index_second .container .bg_image{
  background-position: -3830px;
  top: -30px;
  background-position-y: -100px !important;
}
.site_traffic.index_second .swiper{
  padding: 70px 30px;
  margin: -70px -30px;
}
.site_traffic.index_second .section_title{
  text-align: start;
}
.site_traffic.index_second .section_title img{
  top: 12px;
  right: -13px;
}
.site_traffic.index_second .swiper_traffic .traffic_item{
  height: 100%;
  padding-right: 0;
  background: #FFF0E5;
  padding: 29px 30px 31px 29px;
  border-radius: 30px;
}
@media (min-width: 576px){
  .site_traffic.index_second .swiper_traffic .traffic_item:hover{
    box-shadow: 0px 24px 55px 0px rgba(15, 16, 16, 0.10);
    transition: .3s ease;
  }
}
.site_traffic.index_second .swiper-button-next,
.site_traffic.index_second .swiper-button-prev{
  background: #2D3844;
}
.site_traffic.index_second .swiper-button-next path,
.site_traffic.index_second .swiper-button-prev path{
  stroke: #FFF;
}

.site_traffic.index_second .swiper_traffic .swiper-slide{
  height: auto;
}
.site_traffic.index_second .swiper_traffic .traffic_item .item_img{
  padding-left: 0;
  margin-bottom: 15px;
}
.site_traffic.index_second .swiper_traffic .traffic_item .item_title{
  margin-bottom: 21px;
}
.site_traffic.index_second .traffic_item .traffic_content{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.site_traffic.index_second .swiper_traffic .traffic_item .item_img::after{
  display: none;
}
.site_traffic.index_second .swiper_traffic .traffic_item .item_action{
  display: none;
}

/*  */
.reviews.index_2{
  padding-block: 117px 171px;
}
.reviews.index_2 .reviews_swiper_main .review_item .person_name{
  margin-bottom: 11px;
}
.reviews.index_2 .reviews_swiper_main .review_item{
  padding: 31px 30px 30px 28px;
}
.reviews.index_2 .reviews_swiper_main .review_item .review_content{
  gap: 28px;
}
/*  */

footer .footer_right .mobile_flex .inner_link_mobile{
  display: none;
}
/*  */
.why_us.our_command{
  padding-block: 97px 120px;
  position: relative;
}
.why_us.our_command::after{
  content: '';
  display: block;
  position: absolute;
  top: -100px;
  width: 100%;
  height: 20%;
  background: #EEF5FC;
}
.why_us.our_command::before{
  content: '';
  display: block;
  position: absolute;
  bottom: -100px;
  width: 100%;
  height: 20%;
  background: #EEF5FC;
}
.why_us.our_command .container{
  position: relative;
  z-index: 1;
}
.why_us.our_command .container .bg_image{
  background-position-x: -1240px;
}
.why_us.our_command .section_subtitle{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 172%;
  max-width: 72%;
  margin-bottom: 60px;
}
.why_us.our_command .section_title{
  margin-bottom: 14px;
}
.why_us.our_command .why_us_tab .title_item .title_main_part{
  gap: 4px;
}
/*  */
/*  */
.site_traffic.trafic_second{
  position: relative;
  z-index: 1;
}
.site_traffic.trafic_second .container .bg_image{
  background-position-x: -4030px;
}
.site_traffic.trafic_second .swiper_traffic .traffic_item .item_img{
  margin-bottom: 33px;
}
/*  */
/* FAQ */
.faq{
  padding-block: 116px 117px;
  position: relative;
  z-index: 2;
}
.faq .container .bg_image{
  background-position-x: -4230px;
  top: -30px;
}
.faq .section_title{
  text-align: center;
  position: relative;
  margin-bottom: 65px;
}
/* .faq .section_title img{
  position: absolute;
  top: -15px;
  right: -20px;
} */
.faq .faq_block{
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-inline: 390px;
}
.faq .faq_block .faq-item{
  border-radius: 25px;
  overflow: hidden;
  background: #FFF0E5;
  transition: .3s ease;
}
.faq .faq_block .faq-item.active{
  box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05);
}
.faq .faq_block .faq-item.active:hover{
  box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
}
.faq .faq_block .faq-item:hover{
  box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05);
}
.faq .faq_block .faq-item.active .faq-question{
  /* padding-bottom: 10px; */
  transition: .3s ease;
}
.faq .faq_block .faq-item .faq-question{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  padding: 30px 30px 30px 30px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  /* transition: .3s ease; */
  position: relative;
  overflow: hidden;
}
.faq .faq_block .faq-item .faq-question span{
  position: relative;
  z-index: 2;
}


.faq .faq_block .faq-item .faq-question svg{
  transition: .3s ease;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}
.faq .faq_block .faq-item.active .faq-question svg{
  transition: .3s ease;
  transform: rotate(180deg);
}
.faq .faq_block .faq-item .faq-answer{
  padding: 0 30px 30px 30px;
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

/* FAQ END */

/* PRIVATE SITES */
.private_sites{
  padding-block: 117px 120px;
  border-radius: 60px;
  background: #EEF5FC;
}
.private_sites .container .bg_image{
  background-position-x: -4425px;
  top: -30px;
}
.private_sites .section_title{
  text-align: center;
  position: relative;
  margin-bottom: 66px;
}
/* .private_sites .section_title img{
  position: absolute;
  top: -15px;
  right: -20px;
} */
.private_sites .settings_block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 0;
}
.private_sites .settings_block .block_item{
  width: 32.133%;
  /* flex: 1 1 auto; */
  display: flex;
  align-items: center;
  gap: 15px;
}
.private_sites .settings_block .block_item .item_name{
  color: #2A343E;
  font-family: Onest;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.private_sites .settings_block .block_item .item_name.mobile_name{
  display: none;
}
/* PRIVATE SITES END */

/* CALLBACK */
.callback_form.bottom{
  background: #FFF;
}
.callback_form.bottom .form_block .privacy_policy span{
  color: var(--unnamed, #2A343E);
}
.callback_form.bottom .phone_number a:not(:hover){
  background:#2D3844;
  color: #FFF;
}
.callback_form.bottom .phone_number a:not(:hover) path{
  stroke: #FFF;
  fill: #FFF;
}
.callback_form.bottom .social_sets .sets_title{
  color: #2A343E;
}
.callback_form.bottom .form_main input{
  border-color: #B6B8BC;
}
/* CALLBACK END */

/* ABOUT SITE */
.about_site{
  padding-bottom: 121px;
}
.about_site .about_site_title{
  color: #2A343E;
  font-family: Involve;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 30px;
}
.about_site .about_subtitle{
  color: #2A343E;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  max-width: 70%;
  margin-bottom: 31px;
  max-height: 4.75em;
  overflow: hidden;
  transition: .3s ease;
}

.about_site .view_all_text a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #777B89;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.about_site .view_all_text a:hover{
  color: #3172D4;
}
.about_site .view_all_text a:hover path{
  stroke: #3172D4;
}
.about_site .view_all_text svg{
  transition: .3s ease;
}
.about_site.show_all_text .view_all_text svg{
  transition: .3s ease;
  transform: rotate(180deg);
}
/* ABOUT SITE END */


/* PAGE 2 END */
.footer_thanks{
  display: none;
}
.footer_thanks.show{
  display: block;
}
footer .footer_left{
  display: flex;
  flex-direction: column;
  
  justify-content: center;
}
footer .footer_main.remove_form{
  display: none;
}
.footer_thanks .thanks_title{
  color: var(--ff, #FFF);
  font-family: Involve;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 15px;
}
.footer_thanks .thanks_subtitle{
  color: var(---, #B6B8BC);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 30px;
}
.footer_thanks .thanks_btn{
  display: inline-flex;
  color: var(--ff, #FFF);
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  padding: 20px 30px;
  width: 100%;
  justify-content: center;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.footer_thanks .thanks_btn::before{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 1;
}
.footer_thanks .thanks_btn::after{
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s ease all;
  background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%);
  z-index: 1;
  opacity: 0;
}
.footer_thanks .thanks_btn:hover::after{
  opacity: 1;
  transition: .3s ease all;
}
.footer_thanks .thanks_btn:hover:before{
  opacity: 0;
}
.footer_thanks .thanks_btn span{
  position: relative;
  z-index: 2;
}

/* MENU MOBILE */
.menu_mobile{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: end;
  transition: .3s ease;
  visibility: hidden;
  opacity: 0;
}
.menu_mobile.show{
  visibility: visible;
  opacity: 1;
}
.menu_mobile .overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: .3s ease;
}
.menu_mobile.show{
  visibility: visible;
  opacity: 1;
  transition: .3s ease;
}
.menu_mobile .menu_block{
  width: 320px;
  height: 100%;
  background: #FFF;
  position: relative;
  z-index: 1;
  padding: 50px 25px;
  overflow-y: auto;
  overflow-x: hidden;
  transform: translateX(100px);
  transition: .3s ease;
}
.menu_mobile .menu_block::-webkit-scrollbar {
  width: 2px;
}
.menu_mobile .menu_block::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.menu_mobile .menu_block::-webkit-scrollbar-thumb {
  background: rgb(94, 94, 100);
  border-radius: 4px;
}
.menu_mobile.show .menu_block{
  transform: translateX(0);
  transition: .3s ease;
}
.menu_mobile .menu_block .close_btn{
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.menu_mobile .menu_block .menu_row{
  display: inline-flex;
  flex-direction: column;
  gap: 30px;
}
.menu_mobile .menu_block .link_item{
  color: var(--unnamed, #2A343E);
  font-family: Involve;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  display: inline-flex;
}
.menu_mobile .menu_block .link_item:hover,
.menu_mobile .menu_block .inner_menu .inner_title:hover,
.menu_mobile .menu_block .inner_menu ul .main_title a:hover,
.menu_mobile .menu_block .inner_menu ul a:hover{
  color: #3172D4;
}
.menu_mobile .menu_block .link_item.phone_number{
  margin-top: 15px;
}
.menu_mobile .menu_block .inner_menu .inner_row{
  display: flex;
  align-items: center;
  gap: 10px;
}
.menu_mobile .menu_block .inner_menu .inner_title{
  color: var(--unnamed, #2A343E);
  font-family: Involve;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.menu_mobile .menu_block .inner_menu .inner_row .show_all_links{
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--unnamed, #777B89);
  font-family: Onest;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transform: translateY(3px);
}
.menu_mobile .menu_block .inner_menu .inner_menu_row{
  display: flex;
  flex-direction: column;
  gap: 30px;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.menu_mobile .menu_block .inner_menu .inner_menu_row.show{
  opacity: 1;
  visibility: visible;
  height: 100%;
  padding-top: 30px;
  transition: .3s ease;
}
.menu_mobile .menu_block .inner_menu .inner_menu_row ul{
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 30px;
  list-style: none;
}
.menu_mobile .menu_block .inner_menu ul li{
  padding-left: 30px;
}
.menu_mobile .menu_block .inner_menu ul .main_title{
  padding-left: 0;
}
.menu_mobile .menu_block .inner_menu ul .main_title a{
  color: #2A343E;
  font-family: Involve;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.menu_mobile .menu_block .inner_menu ul a{
  color: var(--unnamed, #777B89);
  font-family: Onest;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
/* MENU MOBILE END */
.quiz .about_worker .admin_links a:last-child svg{
  width: 25px;
  height: 26px;
}
.quiz .about_worker .phone_number a svg{
  width: 25px;
  height: 26px;
  transform: translateY(3px);
}
@media (max-width: 1900px){
  .container{
    max-width: 100%;
    padding-inline: 90px;
  }
  .bg_image{
    right: 85px;
  }
  header .container .header_links{
    gap: 20px;
  }
  .hero .row .hero_item_main{
    width: 66%;
  }
  .hero .row .hero_item .hero_adv_item .item_title{
    font-size: 22px;
  }
  .hero .row .hero_item_main .hero_title{
    margin-bottom: 67px;
  }
  .collaborated_companies .companies_img_row .company_item{
    width: calc(200px - 23px);
  }
  .collaborated_companies .companies_img_row{
    align-items: center;
  }
  .blog .blog_row .blog_item{
    position: relative;
  }
  .blog .blog_row .blog_item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
 
  .social_networks .social_row{
    padding-inline: 325px;
  }
  .company_address .address_row .item_body .body_item{
    font-size: 22px;
  }
  .company_address .address_row{
    gap: 20px;
  }
  .company_address .address_map img{
    width: 100%;
  }
  footer .footer_right .footer_nav{
    gap: 50px;
  }
  footer .container{
    gap: 30px;
  }
  footer .footer_left .privacy_policy{
    font-size: 14px;
  }
  .quiz .quiz_row .quiz_form,
  .quiz .about_worker{
    width: 100%;
  }
  .quiz .quiz_row{
    padding-inline: 30px;
  }
}
@media (max-width: 1700px){
  .portfolio.index_2 .portfolio_row .work_item .item_title span{
    max-width: 95%;
  }
  .quiz .quiz_row .quzi_with_progres{
    width: 50%;
  }
  .portfolio .portfolio_row .work_item .item_title{
    font-size: 22px;
  }
  .portfolio .portfolio_row .work_item .item_title span{
    max-width: 90%;
  }
  .quiz .quiz_row .quzi_with_progres{
    width: 55%;
  }
  .quiz .quiz_form_parent .quiz_progress .progress_title{
    margin-right: 15px;
  }
  .quiz .quiz_form_parent .next_form_btn{
    padding-inline: 60px;
    flex: 1 1 auto;
  }
  .quiz .quiz_form_parent .progress_bar{
    width: 280px;
  }
  .social_networks .social_admin .section_action a{
    padding-inline: 60px;
  }
  .hero .row .hero_item_main .hero_title{
    font-size: 60px;
    letter-spacing: -0.6px;
    margin-bottom: 52px;
    line-height: 120%;
  }
  .hero .row .hero_item{
    width: 50%;
  }
}
@media (max-width: 1555px){
  .container{
    max-width: 1520px;
    padding-inline: 100px;
  }
  .bg_image{
    width: 70px;
    height: 70px;
  }
  .bg_image{
    background-size: 3260px;
    background-position-y: -70px !important;
  }
  .portfolio .container .bg_image{
    background-position-x: -590px;
  }
  .site_traffic.main .bg_image{
    background-position-x: -450px;
  }
  .why_us .container .bg_image{
    background-position-x: -730px;
  }
  .strong_team .container .bg_image{
    background-position-x: -875px;
  }
  .site_traffic.service_price .container .bg_image{
    background-position-x: -2280px;
  }
  .stages_development .container .bg_image{
    background-position-x: -1155px;
  }
  .collaborated_companies .container .bg_image{
    background-position-x: -1295px;
  }
  .reviews .container .bg_image{
    background-position-x: -2000px;
  }
  .quiz .container .bg_image{
    background-position-x: -1435px;
  }
  .blog .container .bg_image{
    background-position-x: -1575px;
  }
  .social_networks .container .bg_image{
    background-position-x: -1717px;
  }
  .company_address .container .bg_image{
    background-position-x: -1860px;
  }
  .our_works .container .bg_image{
    background-position-x: -2140px;
  }
  .callback_form .container .bg_image{
    background-position-x: -2424px;
  }
  .work_price .container .bg_image{
    background-position-x: -1015px;
  }
  .technologies .container .bg_image{
    background-position-x: -2565px;
  }
  .site_traffic.index_second .container .bg_image{
    background-position-x: -2700px;
    background-position-y: -70px !important;
  }
  .why_us.our_command .container .bg_image{
    background-position-x: -875px;
  }
  .site_traffic.trafic_second .container .bg_image{
    background-position-x: -2835px;
  }
  .faq .container .bg_image{
    background-position-x: -2976px;
  }
  .private_sites .container .bg_image{
    background-position-x: -3120px;
  }
  .site_traffic.service_price.global .container .bg_image{
    background-position: -1015px;
  }
  .site_traffic.main .section_title span{
    max-width: 100%;
  }
  header .container .header_links{
    gap: 15px;
    margin-right: 0;
  }
  .social_networks .section_title span{
    max-width: 100%;
  }
  .collaborated_companies .section_title span{
    max-width: 100%;
  }
  header .container .header_logo{
    margin-right: 20px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after{
    display: none;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img{
    background: #FFF;
    border-radius: 50%;
    padding-left: 0;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: none;
  }
  .section_title{
    font-size: 38px;
  }
  .social_sets{
    gap: 10px;
  }

  header .container .header_links a{
    font-size: 16px;
  }
  header .container .phone_number{
    font-size: 18px;
    margin-right: 0px;
  }
  header .container .header_btn{
    font-size: 16px;
    padding: 21px 30px;
  }
  
  .hero .row .hero_item_main{
    width: 55%;
  }
  .hero .row .hero_item_main .hero_subtitle{
    max-width: 100%;
    margin-bottom: 40px;
  }
  .hero {
    padding-block: 100px 178px;
  }
  .hero .row{
    /* flex-wrap: wrap; */
    gap: 41px;
  }
  .hero .row .hero_item{
    width: 41%;
  }
  .hero .row .hero_item .hero_adv_row{
    gap: 16px;
  }
  .hero .row .hero_item .hero_adv_item{
    padding: 24px 30px;
  }
  .hero .row .hero_item .hero_adv_item .item_image{
    width: 80px;
    height: 80px;
  }
  .hero .row .hero_item .hero_adv_item .item_image img{
    width: 62px;
    height: 62px;
  }
  .hero .row .hero_item_main .hero_action a{
    font-size: 25px;
  }
  .site_traffic{
    padding-block: 97px 152px;
  }
  .site_traffic .section_title{
    margin-bottom: 52px;
  }
  .site_traffic .section_title img{
    top: -41px;
    bottom: 0;
    right: -29px;
    margin: auto 0;
    width: 69px;
  }
  .site_traffic .swiper_traffic .traffic_item{
    padding: 38px 30px 29px 30px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_img{
    padding-left: 9px;
    margin-bottom: 25px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_img img{
    width: 41px;
  }
  .site_traffic .swiper_traffic{
    padding-inline: 70px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_title{
    font-size: 22px;
    margin-bottom: 15px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_subtitle{
    font-size: 14px;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info li{
    font-size: 16px;
    line-height: 170%;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info{
    padding-left: 24px;
  }
  .site_traffic .swiper_traffic .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset, -70px);
  }
  .site_traffic .swiper_traffic .swiper-button-next{
    right: var(--swiper-navigation-sides-offset, -70px);
  }
  .portfolio{
    padding-block: 97px 98px;
  }
  .portfolio .portfolio_row{
    column-gap: 25px;
    margin-bottom: 43px;
  }
  .portfolio .portfolio_row .work_item{
    width: calc(33.3333% - 18px);
  }
  .portfolio .section_title img{
    transform: translate(29px, -6px);
    width: 69px;
  }
  .portfolio .portfolio_row .work_item .item_image{
    margin-bottom: 20px;
  }
  .portfolio .portfolio_row .work_item .item_image img{
    width: 100%;
  }
  .portfolio .section_title{
    margin-bottom: 35px;
  }
  .portfolio .portfolio_row .work_item .item_title{
    font-size: 22px;
    margin-bottom: 14px;
  }
  .portfolio .portfolio_row .work_item .item_description{
    font-size: 14px;
    max-width: 92%;
  }
  .portfolio .view_all_work a{
    font-size: 25px;
  }
  .why_us{
    padding-block: 86px 100px;
  }
  .why_us .why_us_block{
    gap: 21px;
  }
  .why_us .section_title{
    margin-bottom: 44px;
  }
  .why_us .section_title img{
    transform: translate(29px, 4px);
    width: 69px;
  }
  .why_us .why_us_tab .tab_titles .title_item .title_img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
  }
  .why_us .why_us_tab .tab_titles .title_item .title_img img{
    max-width: 40px;
  }
  .why_us .why_us_tab .tab_titles .title_item .title_name{
    font-size: 22px;
  }
  .why_us .why_us_block .why_us_content .content_item{
    font-size: 16px;
    line-height: 168%;
  }
  .why_us .why_us_tab .tab_titles .title_item{
    padding-right: 19.29px;
  }
  .strong_team{
    padding-block: 87px 99px;
  }
  .strong_team .team_row.mobile{
    padding-inline: 15px;
  }
 
  .strong_team .section_header{
    padding-inline: 15px;
  }
  .strong_team .section_title{
    margin-bottom: 18px;
  }
  .strong_team .section_subtitle{
    font-size: 16px;
    max-width: 68%;
    line-height: 169%;
    margin-bottom: 49px;
  }
  .strong_team .section_subtitle br{
    display: none;
  }
  .strong_team .section_title img{
    transform: translate(29px, 4px);
    width: 69px;
  }
  .strong_team .team_row{
    gap: 22px;
  }
  .strong_team .team_row .team_item{
    padding-right: 23px;
  }
  
  .strong_team .team_row .team_item .team_img{
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
  }
  .strong_team .team_row .team_item .team_img img{
    object-fit: scale-down;
    width: 100%;
  }
  .strong_team .team_row .team_item .team_img{
    align-items: center;
    justify-content: center;
  }
  .strong_team .team_row .team_item .team_name{
    font-size: 22px;
    margin-bottom: 6px;
  }
  .strong_team .team_row .team_item .team_job{
    font-size: 14px;
  }
  .strong_team .team_row .team_item .about_team{
    font-size: 16px;
  }
  .strong_team .team_row .team_item .about_team{
    line-height: 169%;
  }
  .strong_team .team_row .team_item:nth-child(2) .about_team,
  .strong_team .team_row .team_item:nth-child(3) .about_team{
    transform: translateX(-3px);
  }
  .site_traffic.service_price .section_title img{
    top: 6px;
    bottom: 0;
    right: -29px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item{
    padding-top: 30px;
    gap: 25px;
  }
  .site_traffic.service_price .traffic_item .header_price{
    font-size: 22px;
    margin-bottom: 14px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle .l_none{
    display: block;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: translate(2px, -6px);
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle{
    margin-bottom: 13px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info{
    padding-left: 24px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li{
    line-height: 169%;
  }
  .site_traffic.service_price .traffic_item .item_action_url{
    font-size: 25px;
  }
  .stages_development{
    padding-block: 96px 152px;
  }
  .stages_development .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .stages_development .section_title{
    margin-bottom: 51px;
  }
  .stages_development .stage_item .item_image img{
    width: 35px;
    height: 35px;
  }
  .stages_development .stage_item{
    padding-top: 37px;
  }
  .stages_development .stage_item .item_image{
    margin-bottom: 19px;
    padding-left: 12px;
  }
  .stages_development .stage_item .item_title{
    font-size: 22px;
    margin-bottom: 11px;
  }
  .stages_development .stage_item .item_desc{
    font-size: 16px;
    line-height: 170%;
  }
  .stages_development .swiper-button-next{
    top: var(--swiper-navigation-top-offset, 49.1%);
  }
  .stages_development .swiper-button-prev{
    top: var(--swiper-navigation-top-offset, 49.1%);
  }
  .collaborated_companies .section_title{
    margin-bottom: 53px;
  }
  .collaborated_companies .section_title br{
    display: none;
  }
  .collaborated_companies{
    padding-block: 97px 101px;
  }
  .collaborated_companies .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .collaborated_companies .companies_img_row{
    gap: 54px 31px;
    margin-bottom: 45px;
  }
  .collaborated_companies .companies_img_row .company_item{
    width: calc(16.66% - 26px);
  }
  .collaborated_companies .companies_img_row .company_item img{
    width: 100%;
  }
  .collaborated_companies .view_all_company a{
    font-size: 16px;
  }
  .reviews .section_title{
    margin-bottom: 53px;
  }
  .reviews{
    padding-block: 97px 152px;
  }
  .reviews .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .reviews .review_swiper{
    padding-inline: 71px;
  }
  .reviews .reviews_swiper_main .review_item{
    padding: 29px 30px 27px 28px;
  }
  .reviews .reviews_swiper_main .review_item .person_name{
    font-size: 22px;
  }
  .reviews .reviews_swiper_main .review_item .person_job{
    font-size: 14px;
  }
  .reviews .reviews_swiper_main .review_item .review_content{
    font-size: 16px;
    gap: 11px;
  }
  .reviews .reviews_swiper_main .review_image{
    width: 30%;
    padding-left: 3px;
  }
  .quiz{
    padding-block: 97px 104px;
  }
  .quiz .quiz_row .quiz_form_parent{
    padding: 45px;
    padding-inline: 30px;
  }
  .quiz .section_title{
    margin-bottom: 29px;
  }
  .quiz .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .quiz .section_subtitle{
    font-size: 16px;
    margin-bottom: 50px;
  }
  .quiz .quiz_row{
    padding-inline: 0;
  }
  .quiz .quiz_row .block_title{
    font-size: 22px;
  }
  .quiz .quiz_row .quiz_form .inputs_block{
    gap: 15px;
  }
  .quiz .quiz_row .quiz_form .quzi_with_progres{
    width: 50%;
  }
  .quiz .quiz_row .quiz_form{
    width: 100%;
  }
  .quiz .quiz_row .input_item{
    padding: 18.8px;
    padding-left: 22px;
  }
  .quiz .about_worker .worker_subtitle{
    font-size: 16px;
  }
  .quiz .about_worker{
    padding-top: 60px;
  }
  .quiz .quiz_row .input_item span{
    font-size: 16px;
  }
  .quiz .about_worker .worker_block{
    margin-bottom: 29px;
  }
  .quiz .about_worker .admin_links a{
    padding: 19px 30.1px;
    font-size: 22px;
    gap: 10px;
  }
  .quiz .about_worker .phone_number a{
    font-size: 22px;
    gap: 10px;
    padding-inline: 20px;
  }
  .quiz .about_worker .links_main{
    gap: 10px;
  }
  .quiz .about_worker .admin_links{
    gap: 10px;
  }
  .quiz .quiz_form_parent .quiz_progress{
    margin-top: 13px;
  }
  .quiz .quiz_form_parent .quiz_progress .progress_title{
    font-size: 22px;
    margin-right: 15px;
  }
  .quiz .quiz_form_parent .progress_bar{
    width: 400px;
    margin-right: 35px;
  }
  .quiz .quiz_form_parent .progres_next_btn{
    padding: 14px;
    padding-bottom: 9px;
  }
  .quiz .quiz_form_parent .next_form_btn{
    font-size: 18px;
    padding: 19px 30px;
  }
  .quiz .quiz_form_parent .next_form_btn:disabled::after{
    visibility: hidden;
    opacity: 0;
  }
  .quiz .quiz_form_parent .next_form_btn::after{
    opacity: 1;
    visibility: visible;
  }
  .quiz .quiz_form_parent .next_form_btn:disabled{
    color: #2A343E;
  }
  .quiz .quiz_form_parent .next_form_btn:disabled:hover{
    color: #2A343E;
  }
  .quiz .quiz_form_parent .next_form_btn:not(:disabled){
    color: #FFF;
  }
  .blog{
    padding-block: 97px 99px;
  }
  .blog .section_title{
    margin-bottom: 52px;
  }
  .blog .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .blog .blog_row .created_date{
    font-size: 14px;
  }
  .blog .blog_row .blog_item .blog_title{
    font-size: 22px;
  }
  .blog .blog_row{
    gap: 21px;
    margin-bottom: 60px;
  }
  .blog .blog_row .swiper-pagination{
    bottom: -50px;
  }
  .blog .blog_row .blog_item .blog_title span{
    max-width: 85%;
  }
  .l_none{
    display: block;
  }
  .blog .blog_row .blog_title{
    margin-bottom: 9px;
  }
  .blog .blog_row .blog_image{
    margin-bottom: 9px;
  }
  .blog .blog_row .blog_desc{
    font-size: 14px;
  }
  .blog .blog_row .hashtags .hashtag_item{
    font-size: 14px;
  }
  .blog .view_all_blogs a{
    font-size: 25px;
    gap: 12px;
  }
  .social_networks{
    padding-block: 97px 126px;
  }
  .social_networks .section_title br{
    display: none;
  }
  .social_networks .section_title span{
    max-width: 74%;
  }
  .social_networks .section_title img{
    top: -44px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .social_networks .section_title{
    margin-bottom: 24px;
  }
  .social_networks .social_row{
    padding-inline: 295px;
  }
  .social_networks .social_row .social_admin .admin_img{
    margin-bottom: 18px;
  }
  .social_networks .social_row .social_admin .admin_name{
    font-size: 22px;
    margin-bottom: 5px;
  }
  .social_networks .social_row .social_admin .admin_work{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .social_networks .social_row .social_admin .about_admin{
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 20px;
  }
  .social_networks .social_row .social_admin .about_admin br{
    display: none;
  }
  .social_networks .social_admin .section_action a{
    font-size: 22px;
    width: 100%;
    justify-content: center;
    padding-block: 31px;
    padding-inline: 0;
  }
  .social_networks .row .section_bg img{
    width: 209px;
    transform: translate(-1px, 30px);
  }
  .company_address{
    padding-block: 97px 99px;
  }
  .company_address .section_title{
    margin-bottom: 63px;
  }
  .company_address .section_title img{
    top: 6px;
    bottom: 0;
    right: -30px;
    margin: auto 0;
    width: 70px;
  }
  .company_address .address_row{
    margin-bottom: 34px;
  }
  .company_address .address_row .address_item{
    padding-top: 30px;
    height: 238px;
  }
  .company_address .address_row .item_header{
    font-size: 16px;
    margin-bottom: 9px;
  }
  .company_address .address_row .item_body .body_action a{
    font-size: 20px;
  }
  .company_address .address_map{
    border-radius: 60px;
    overflow: hidden;
    margin-bottom: 99px;
  }
  .company_address .address_map img {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
  .company_address .about_company .company_title{
    font-size: 22px;
    margin-bottom: 31px;
  }
  .company_address .about_company .company_desc{
    font-size: 16px;
  }
  .company_address .view_all_text a{
    font-size: 16px;
  }
  footer{
    padding-block: 98px 100px;
  }
  footer .footer_left{
    padding-right: 17px;
  }
  footer .footer_left .footer_title{
    font-size: 38px;
  }
  footer .footer_left .footer_subtitle{
    font-size: 16px;
    margin-bottom: 29px;
  }
  footer .footer_right .footer_nav{
    gap: 69px;
  }
  footer .footer_right .footer_nav a{
    font-size: 16px;
  }
  footer .footer_right a.nav_main_link{
    font-size: 22px;
    line-height: 119%;
  }
  footer .footer_right .inner_nav a.nav_main_link.mt_1{
    margin-top: 13px;
  }
  footer .footer_right .footer_address_links{
    gap: 15px;
  }
  footer .footer_address_links .phone_number a{
    font-size: 22px;
  }
  footer .footer_address_links .region_name{
    font-size: 16px;
  }
  footer .footer_address_links .email a{
    font-size: 16px;
  }
  footer .footer_right .inner_nav .inner_item:last-child li:last-child a.nav_main_link.mt_1:last-child{
    font-size: 21px;
    margin-top: 20px;
    line-height: 120%;
  }
  .hero.index_2{
    padding-block: 0px 50px;
  }
  .hero .breadcrumb{
    margin-bottom: 8px;
  }
  .hero .breadcrumb a{
    font-size: 14px;
  }
  .hero .breadcrumb .active_item{
    font-size: 14px;
  }
  .hero.index_2 .hero_item_main{
    padding-top: 75px;
  }
  .why_us.index_2{
    padding-block: 87px 99px;
  }
  .our_works{
    padding-block: 97px 99px;
  }
  .our_works .section_title{
    margin-bottom: 34px;
    position: relative;
  }
  .our_works .section_subtitle{
    font-size: 16px;
    max-width: 68%;
    line-height: 168%;
  }
  .our_works .section_title img{
    top: -11px;
    right: -11px;
    position: absolute;
    width: 70px;
  }
  .quiz.index_2{
    padding-block: 97px 100px;
  }
  .quiz.index_2 .quiz_row .quiz_form_parent{
    padding-top: 43px;
    padding-bottom: 49px;
  }
  .quiz.index_2 .quiz_row .block_title{
    margin-bottom: 31px;
  }
  .quiz.index_2 .about_worker .worker_block .block_body{
    gap: 27px;
  }
  .site_traffic.index_2 .swiper_traffic .traffic_item .item_title{
    line-height: 120%;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header *{
    margin-bottom: 9px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item{
    gap: 0;
  }
  .stages_development.index_2 .stage_item .item_title{
    margin-bottom: 11px;
  }
  .portfolio.index_2{
    padding-block: 97px 100px;
  }
  .portfolio.index_2 .portfolio_row{
    gap: 46px 25px;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_image{
    margin-bottom: 17px;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_title{
    line-height: 124%;
    
  }
  .callback_form{
    padding-block: 96px 100px;
  }
  .callback_form .form_block .form_main{
    padding-inline: 240px;
  }
  .callback_form .form_block .form_main{
    margin-bottom: 12px;
  }
  .callback_form .form_block .privacy_policy span{
    font-size: 14px;
    max-width: 100%;
  }
  .callback_form .form_block .privacy_policy a{
    font-size: 14px;
  }
  .callback_form .social_sets .sets_title{
    font-size: 16px;
  }
  .callback_form .sets_row a,
  .callback_form .phone_number a{
    font-size: 22px;
  }
  .callback_form .section_title img{
    width: 70px;
    right: -30px;
    top: -7px;
  }
  .callback_form .set_main_row{
    padding-inline: 100px;
  }
  .callback_form .sets_row a,
  .callback_form .phone_number a{
    padding-top: 18px;
  }
  .work_price{
    padding-block: 97px 100px;
  }
  .work_price .section_title{
    margin-bottom: 52px;
  }
  .work_price .section_title img{
    width: 70px;
    right: -30px;
    top: -7px;
  }
  .work_price .works_row{
    padding-inline: 50px;
    /* gap: 19px; */
  }
  .work_price .works_row .work_item .item_subtitle{
    margin-bottom: 24px;
  }
  .work_price .works_row .work_item{
    padding-right: 30px;
  }
  
  .work_price .works_row .work_item .programing_types{
    gap: 10px 23px;
  }
  .work_price .work_item .programing_types .type_item{
    /* width: initial; */
    gap: 10px;
  }
  .work_price .works_row .work_item .item_title{
    font-size: 22px;
    margin-bottom: 12px;
  }
  .work_price .works_row .work_item .item_subtitle{
    font-size: 14px;
  }
  .work_price .programing_types .type_item .type_name{
    font-size: 16px;
  }
  .work_price .work_item .item_body .item_price{
    font-size: 22px;
  }
  .work_price .work_item .item_body .work_period{
    font-size: 16px;
  }
  .work_price .work_item .item_body .about_work{
    font-size: 16px;
  }
  .work_price .work_item .item_body .about_work svg{
    width: 30px;
    height: 30px;
  }
  .work_price .works_row .work_item .programing_types{
    column-gap: 30px;
  }
  .technologies{
    padding-block: 98px 100px;
  }
  .technologies .section_title{
    margin-bottom: 53px;
  }
  .technologies .section_title img{
    width: 70px;
    right: -30px;
    top: -7px;
  }
  .technologies .technologies_row .technolog_item{
    padding: 25px 25px 20px 25px;
  }
  .technologies .technologies_row .item_title{
    font-size: 16px;
    margin-bottom: 4px;
  }
  .technologies .technologies_row{
    align-items: initial;
  }
  .technologies .technologies_row .item_name{
    font-size: 22px;
  }
  .technologies .technologies_row .item_name img{
    width: 30px;
  }
  .technologies .technologies_row{
    gap: 21px;
  }
  .site_traffic.index_second{
    padding-block: 96px 170px;
  }
  .site_traffic.index_second .section_title img {
    top: 6px;
    right: -25px;
  }
  .site_traffic.index_second .swiper_traffic .traffic_item .item_title{
    margin-bottom: 15px;
  }
  .site_traffic.index_second .traffic_item .traffic_content{
    font-size: 16px;
  }
  .site_traffic.index_second .traffic_item .traffic_content br{
    display: none;
  }
  .reviews.index_2{
    padding-block: 97px 152px;
  }
  .reviews.index_2 .reviews_swiper_main .review_item .person_name{
    margin-bottom: 3px;
  }
  .reviews.index_2 .reviews_swiper_main .review_item .review_content{
    gap: 11px;
  }
  .reviews.index_2 .reviews_swiper_main .review_item{
    padding-bottom: 69px;
  }
  .why_us.our_command{
    padding-block: 86px 100px;
  }
  .why_us.our_command .section_title{
    margin-bottom: 24px;
  }
  .why_us.our_command .section_subtitle{
    font-size: 16px;
    max-width: 68%;
    margin-bottom: 48px;
  }
  .why_us.our_command .why_us_tab .title_item .title_main_part{
    gap: 15px;
  }
  .why_us.our_command .section_subtitle br{
    display: none;
  }
  .site_traffic.trafic_second .section_title img{
    top: 3px;
  }
  .site_traffic.trafic_second .section_title{
    margin-bottom: 62px;
  }
  .site_traffic.trafic_second .swiper_traffic .traffic_item .item_img{
    margin-bottom: 26px;
  }
  .site_traffic.trafic_second .swiper_traffic .traffic_item .item_title{
    max-width: 86%;
  }
  .site_traffic.trafic_second .swiper_traffic .traffic_item .item_title br{
    display: none;
  }
  .site_traffic .swiper_traffic .traffic_item .item_subtitle{
    max-width: 80%;
  }
  .faq{
    padding-block: 96px 103px;
  }
  .faq .section_title{
    margin-bottom: 53px;
  }
  .faq .section_title img{
    width: 73px;
    top: -9px;
    right: -32px;
  }
  .faq .faq_block{
    padding-inline: 210px;
  }
  .faq .faq_block .faq-item .faq-question{
    line-height: 132%;
  }
  .private_sites{
    padding-block: 98px 100px;
  }
  .private_sites .section_title img{
    width: 73px;
    top: -9px;
    right: -32px;
  }
  .private_sites .section_title{
    margin-bottom: 54px;
  }
  .about_site .about_site_title{
    font-size: 22px;
    margin-bottom: 26px;
  }
  .about_site .about_subtitle{
    font-size: 16px;
  }
  .about_site .view_all_text a{
    font-size: 16px;
  }
  .about_site{
    padding-bottom: 98px;
  }
  footer .footer_right {
    gap: 87px;
  }
  .quiz .about_worker .phone_number a svg{
    transform: translateY(1px);
  }
  section{
    padding-top: 100px !important;
  }
  .bg_image{
    top: -70px !important;
  }
}
@media (max-width: 1440px){
  header .container .header_links{
    display: none;
  }
  .social_networks .social_row{
    padding-inline: 200px;
  }
  .work_price .works_row .swiper-slide{
    height: auto !important;
  }
  .social_networks .social_admin .section_action a{
    padding-inline: 20px;
  }
  .site_traffic.service_price .item_header{
    justify-content: space-between;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after{
    right: 0;
    width: 128%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: translate(2px, -1px);
  }
  header .container .hamburg_menu{
    display: flex;
  }
  header .hamburg_menu .hamburg_btn{
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 6px;
    cursor: pointer;
  }
  header .hamburg_menu .hamburg_btn span{
    width: 25px;
    height: 2px;
    border-radius: 12px;
    background: #B6B8BC;
  }
  header .hamburg_menu .hamburg_btn span:last-child{
    width: 18px;
  }
  header .container{
    justify-content: space-between;
  }
  footer .footer_right .footer_nav{
    gap: 30px;
  }
  .work_price .works_row .work_item .programing_types{
    row-gap: 15px;
  }
  .strong_team .team_row.desctop{
    display: none;
  }
  .strong_team .team_row.mobile{
    display: block;
  }
  .strong_team .team_row .team_item{
    width: 100%;
  }
  .strong_team .team_row .swiper-slide{
    height: auto;
  }
  .strong_team .team_row .swiper-slide .team_item{
    height: 100%;
  }
  .strong_team .mobile_swiper .swiper-pagination{
    opacity: 1;
    visibility: visible;
    bottom: 50px;
  }
  .hero.index_2{
    padding-top: 0 !important;
  }
}
@media (max-width: 1390px){
  .site_traffic.main .section_title span{
    max-width: 60%;
  }
}
@media (max-width: 1300px){
  .collaborated_companies .companies_img_row .company_item{
    width: calc(25% - 24px);
  }
  .hero .row .hero_item_main .hero_title{
    max-width: 67%;
  }
  .stages_development .stages_swiper{
    max-width: 85%;
  }
  .strong_team .team_row .team_item:last-child .team_img{
    padding: 5px;
  }
  footer .footer_right .inner_nav{
    width: 100%;
  }
  footer .footer_right a.nav_main_link br{
    display: none;
  }
  .collaborated_companies .section_title img{
    top: -135px;
  }
  .quiz .section_title img{
    top: -116px;
  }
  .blog .section_title img{
    top: -110px;
  }
  .social_networks .section_title img{
    top: -160px;
  }
  .company_address .section_title img{
    top: -130px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after{
    top: 0;
    width: 121%;
  }
  .quiz .about_worker .links_main{
    display: flex;
    align-items: center;
    /* gap: 15px; */
  }
  .quiz .about_worker .admin_links{
    margin-bottom: 0;
  }
  .callback_form .form_block .form_main{
    padding-inline: 50px;
  }
  .technologies .technologies_row{
    flex-wrap: wrap;
  }
  .technologies .technologies_row .technolog_item{
    width: calc(50% - 15px);
  }
  /* .stages_development .swiper-button-next{
    right: 0;
  } */
  .faq .faq_block{
    padding-inline: 0;
  }
  .quiz .quiz_main_form{
    flex-wrap: wrap;
    gap: 0;
  }
  .quiz .about_worker{
    padding-top: 30px;
  }
  .quiz .quiz_row .quzi_with_progres{
    width: 100%;
  }
  .quiz .quiz_row .quiz_form{
    width: 100%;
  }
  .portfolio .portfolio_row .work_item{
    width: calc(50% - 15px);
  }
  .callback_form .form_block .form_main{
    padding-inline: 20px;
  }
  .callback_form .set_main_row{
    padding-inline: 0;
  }
  
  footer .container{
    flex-wrap: wrap;
    gap: 45px;
  }
  footer .footer_left .footer_title br{
    display: none;
  }
  footer .footer_left{
    width: 100%;
  }
  footer .footer_right{
    width: 100%;
  }
  footer .footer_right .footer_top{
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    gap: 30px;
  }
  footer .footer_right .footer_nav{
    width: 100%;
    gap: 47px;
  }
  footer .footer_right .footer_address_links{
    width: 100%;
    align-items: center;
  }
  .md_none{
    display: block;
  }
  footer .footer_left .footer_title{
    margin-bottom: 17px;
  }
  footer{
    padding-block: 80px 80px;
  }
  footer .footer_left{
    padding-right: 0;
  }
  footer .footer_left .privacy_policy{
    max-width: 89%;
    letter-spacing: 0.1px;
  }
  footer .footer_left .privacy_policy br{
    display: none;
  }
  footer .footer_right .inner_nav{
    gap: 19px;
  }
  footer .footer_right{
    gap: 30px;
  }
  .social_networks .social_row{
    padding-inline: 0;
  }
  .quiz .about_worker .admin_links a{
    font-size: 20px;
    padding-inline: 20px;
  }
  .quiz .about_worker .phone_number a{
    font-size: 20px;
    /* padding-inline: 10px; */
    align-items: center;
  }
  .collaborated_companies .container .bg_image{
    top: -60px;
  }
  .hero .row .hero_item_main{
    width: 100%;
  }
  .hero .row .hero_item{
    width: 65%;
  }
  .company_address .address_row .address_item{
    height: auto;
  }
  .company_address .address_row .item_body{
    gap: 30px;
  }
  .hero .row{
    flex-wrap: wrap;
    /* gap: 41px; */
  }
  
}
@media (max-width: 1200px){
  .hero .row .hero_item_main .hero_title{
    max-width: 100%;
  }
  .company_address .address_row{
    flex-wrap: wrap;
  }
  .work_price .works_row .work_item .item_header{
    width: 70%;
  }
  .quiz .container .bg_image{
    top: -60px;
  }
  .collaborated_companies .companies_img_row .company_item:nth-child(n + 13){
    display: none;
  }
  .collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n + 13){
    display: block;
  }
  .collaborated_companies .view_all_company{
    display: flex;
  }
  .quiz .quiz_form_parent .progress_bar{
    width: 250px;
  }
  .site_traffic.main .section_title span{
    max-width: 70%;
  }
}
@media (max-width: 1024px){

  .company_address .about_company .company_desc{
    max-width: 100%;
  }
  .work_price .works_row{
    padding-inline: 0;
  }
}
@media (max-width: 968px){
  .container{
    max-width: 100%;
    padding-inline: 40px;
  }
  
  .bg_image{
    right: 40px !important;
  }
  .stages_development .container .bg_image{
    top: -50px;
  }
  .site_traffic.main .section_title span{
    max-width: 90%;
  }
  .site_traffic.main .bg_image{
    top: -80px;
  }
  .quiz .quiz_row .quiz_form .quzi_with_progres{
    width: 100%;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_title span{
    max-width: 90%;
  }
  .strong_team .mobile_swiper .swiper-pagination{
    opacity: 1;
    visibility: visible;
  }
  .header_size{
    height: 80px;
  }
  .site_traffic .section_title img{
    top: -160px;
    right: 18px;
  }
  .blog .blog_row{
    margin-bottom: 70px;
  }
  .blog .blog_row .swiper{
    overflow: initial;
  }
  .blog .blog_row .swiper-pagination{
    bottom: var(--swiper-pagination-bottom,-48px);
  }
  .social_networks .social_admin .section_action a{
    padding-inline: 35px;
  }
  .company_address .address_row{
    flex-wrap: wrap;
  }
  .blog .blog_row .swiper-slide{
    height: auto;
  }
  .blog .blog_row .blog_item{
    height: 100%;
  }
  .hero{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  
  .quiz .container{
    position: relative;
    z-index: 1;
  }
  .quiz::after{
    top: -40%;
  }
  .why_us .why_us_mobile .accardion_item svg{
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
  }
  .why_us .why_us_mobile .accardion_item:hover .accordion-header svg{
    visibility: visible;
    opacity: 1;
    right: 11px;
    transition: .3s ease;
  }
  .social_networks .social_row{
    padding-inline: 0;
  }
  .blog .blog_row{
    flex-wrap: wrap;
  }
  .strong_team .section_title{
    position: relative;
  }
  .strong_team .section_title img{
    transform: none;
  }
  .strong_team .container{
    padding-inline: 0;
  }
  header .container .header_links,
  header .container .social_sets,
  header .container .phone_number{
    display: none;  
  }
  header{
    padding-bottom: 23px;
    border-radius: 0;
    box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07);
  }
  header .container{
    justify-content: space-between;
  }
  header .container .hamburg_menu{
    display: block;
  }
  
  .hero.index_2{
    padding-block: 0 62px;
  }
  
  .hero.index_2 .hero_item_main{
    width: 100%;
    padding-top: 58px;
  }
  .hero .row .hero_item{
    width: 78.5%;
  }
  .call_back_fixed{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    border-radius: 30px 30px 0px 0px;
    background: #FFF;
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
    padding-bottom: 20px;
    z-index: 1000;
    display: block;
  }
  .call_back_fixed .social_sets{
    gap: 10px;
    justify-content: space-between;
  }
  .call_back_fixed .header_btn{
    padding: 18px 37px;
    width: 100%;
    justify-content: center;
    font-size: 16px;
  }
  .call_back_fixed .social_sets .social_item{
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
  }
  .why_us{
    border-radius: 50px;
  }
  .why_us.index_2{
    padding-block: 77px 80px;
  }
  .why_us .why_us_block.desctop{
    display: none;
  }
  .why_us .why_us_mobile{
    display: block;
  }
  .why_us{
    padding-block: 58px 60px;
    border-radius: 50px;
  }
  .why_us .section_title{
    margin-bottom: 32px;
  }
  .section_title img{
    position: absolute;
  }
  .why_us .section_title{
    position: relative;
  }
  .section_title img{
    top: -60px;
    right: 9px;
  }
  .why_us .why_us_block.desctop{
    display: none;
  }
  .why_us .why_us_mobile{
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .why_us .why_us_mobile .accardion_item{
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
  }
  .why_us .why_us_mobile .accardion_item.active .accordion-header{
    background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%));
  }
  .why_us .why_us_mobile .accardion_item.active .accordion-header .item_title{
    color: #FFF;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header{
    display: flex;
    gap: 15px;
    border-radius: 30px;
    background: #FFF;
    padding: 15px 15px 15px 15px;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .why_us .why_us_mobile .accardion_item .header_image{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  .why_us .why_us_mobile .accardion_item .header_image img{
    width: 40px;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header .item_title{
    color: #2A343E;
    font-family: Involve;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .why_us .why_us_mobile .accordion-header .header_image{
    width: 60px;
    height: 60px;
  }
  .why_us .why_us_mobile .accardion_item.active .accordion-header svg{
    opacity: 1;
    visibility: visible;
    transform: rotate(0);
  }
  .why_us .why_us_mobile .accardion_item:hover .accordion-header path{
    stroke: #000;
  }
  .why_us .why_us_mobile .accardion_item.active:hover .accordion-header path{
    stroke: #FFF;
  }
  .why_us .why_us_mobile .accardion_item.active .accordion-header svg{
    transform: rotate(0);
    transition: .3s ease;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header svg{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    margin: auto 0;
    transform: rotate(-90deg);
    transition: .3s ease;
  }
  /* .why_us .why_us_mobile .accardion_item.active .accordion-content{
    opacity: 1;
  } */
  .why_us .why_us_mobile .accardion_item .accordion-content{
    color: #2A343E;
    font-family: Onest;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 169%;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.10);
    padding: 20px;
    margin-top: 15px;
  }
  .our_works{
    padding-block: 77px 80px;
  }
  .our_works .section_title img{
    top: -61px;
    right: -1px;
  }
  .our_works .section_subtitle{
    max-width: 100%;
  }
  .quiz.index_2{
    padding-block: 90px 80px;
  }
  .quiz .section_title{
    text-align: center;
  }
  .quiz .section_title img{
    top: -144px;
    right: -20px;
  }
  .quiz .section_title span{
    max-width: 85%;
  }
  .quiz .quiz_row .quiz_form{
    width: 100%;
  }
  .quiz .quiz_main_form{
    flex-wrap: wrap;
    gap: 0;
  }
  .quiz .quiz_form_parent .quiz_progress .progress_title{
    font-size: 22px;
    margin-right: 10px;
  }
  .quiz .quiz_form_parent .quiz_progress .progress_bar{
    width: 200px;
  }
  .quiz .quzi_with_progres{
    width: 100%;
  }
  .quiz .about_worker{
    padding-top: 33px;
  }
  .site_traffic.service_price.index_2{
    padding-block: 72px 131px;
  }
  .site_traffic.service_price .section_title img{
    top: -93px;
    bottom: 0;
    right: -19px;
  }
  .site_traffic .swiper_traffic{
    padding-inline: 0;
  }
  .site_traffic .swiper_traffic .swiper-button-next,
  .site_traffic .swiper_traffic .swiper-button-prev{
    display: none;
  }
  .site_traffic .section_title{
    margin-bottom: 33px;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img{
    width: 45px;
    
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header *{
    margin-bottom: 13px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info{
    padding-right: 44px;
  }
  .site_traffic.index_2 .swiper_traffic .swiper-slide{
    height: auto;
  }
  .stages_development.index_2{
    padding-block: 77px 130px;
  }
  .stages_development .section_title img{
    top: -93px;
    right: -20px;
  }
  .stages_development .section_title{
    margin-bottom: 32px;
  }
  .portfolio .section_title{
    position: relative;
  }
  .portfolio.index_2{
    padding-block: 77px 79px;
  }
  .portfolio.index_2 .portfolio_row{
    gap: 30px;
    margin-bottom: 23px;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_image{
    margin-bottom: 7px;
    border-radius: 18px;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_title{
    font-size: 18px;
    margin-bottom: 6px;
  }
  .portfolio .portfolio_row .work_item .item_description{
    font-size: 13px;
    max-width: 100%;
  }
  
  .callback_form {
    padding-block: 77px 79px;
  }
  .work_price .works_row{
    padding-inline: 0;
  }
  .callback_form .section_title img {
    right: -20px;
    top: -57px;
  }
  .callback_form .set_main_row{
    flex-wrap: wrap;
  }
  .callback_form .form_block .form_main{
    padding-inline: 0;
  }
  .work_price{
    padding-block: 77px 80px;
  }
  .work_price .section_title{
    margin-bottom: 31px;
  }
  .work_price .section_title img {
    right: -20px;
    top: -57px;
  }
  .work_price .works_row .work_item .item_header{
    width: 69%;
  }
  .work_price .works_row .work_item{
    align-items: start;
    padding-right: 22px;
  }
  .work_price .work_item .item_body{
    padding-top: 0;
  }
  .work_price .works_row .work_item .item_subtitle{
    max-width: 95%;
  }
  .work_price .work_item .item_body .item_price{
    margin-bottom: 12px;
  }
  .technologies{
    padding-block: 77px 77px;
  }
  .technologies .section_title{
    margin-bottom: 32px;
  }
  .technologies .section_title img {
    right: -20px;
    top: -57px;
  }
  .technologies .technologies_row{
    flex-wrap: wrap;
    gap: 20px;
  }
 
  .strong_team .team_row .team_item{
    width: 100%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_title{
    font-size: 20px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after{
    right: 0;
    width: 138%;
    height: 137%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: none;
  }
  .stages_development .swiper-button-next,
  .stages_development .swiper-button-prev{
    display: none;
  }
  .collaborated_companies .companies_img_row{
    column-gap: 20px
  }
  .collaborated_companies .companies_img_row .company_item{
    width: calc(33.333% - 14px);
  }
  /* .collaborated_companies .companies_img_row .company_item:nth-child(n + 10){
    display: none;
  } */
  .collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n + 10){
    display: block;
  }
  
  .strong_team .team_row .team_item:last-child{
    height: 100%;
  }
  .technologies .technologies_row .technolog_item{
    width: calc(50% - 15px);
    padding: 25px 25px 22px 25px;
  }
  .technologies .technologies_row .item_title{
    margin-bottom: 7px;
  }
  .site_traffic.index_second{
    padding-block: 77px 129px;
  }
  .site_traffic.index_second .section_title img{
    top: -92px;
    right: -16px;
    width: 61px;
  }
  .site_traffic.index_second .swiper_traffic .traffic_item{
    padding-right: 36px;
  }
  .reviews.index_2{
    padding-block: 77px 130px;
  }
  .reviews .section_title img{
    top: -92px;
    right: -20px;
  }
  .reviews .review_swiper{
    padding-inline: 0;
  }
  .reviews .section_title{
    margin-bottom: 33px;
  }
  .reviews.index_2 .reviews_swiper_main .review_item{
    padding-bottom: 29px;
  }
  .reviews .reviews_swiper_main .swiper-button-next,
  .reviews .reviews_swiper_main .swiper-button-prev{
    display: none;
  }
  .why_us.our_command{
    padding-block: 77px 80px;
  }
  .why_us.our_command .section_title{
    margin-bottom: 17px;
  }
  .why_us.our_command .section_subtitle{
    max-width: 100%;
    margin-bottom: 28px;
  }
  .site_traffic.trafic_second .section_title img{
    top: -133px;
    right: -19px;
  }
  .site_traffic.trafic_second .section_title{
    margin-bottom: 23px;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info{
    padding-right: 51px;
  }
  .site_traffic.trafic_second{
    padding-block: 97px 130px;
  }
  .faq{
    padding-block: 77px 86px;
  }
  .faq .section_title img {
    width: 72px;
    top: -58px;
    right: -21px;
  }
  .faq .faq_block{
    padding-inline: 0;
  }
  .faq .section_title{
    margin-bottom: 32px;
  }
  .faq .faq_block .faq-item .faq-question{
    position: relative;
    /* max-width: 95%; */
    line-height: 134%;
  }
  .faq .faq_block .faq-item .faq-question svg{
    position: absolute;
    top: 30px;
    right: 16px;
  }
  .private_sites{
    padding-block: 77px 81px;
  }
  .private_sites .section_title img{
    top: -59px;
    right: -22px;
  }
  .private_sites .settings_block .block_item{
    width: calc(51% - 15px);
  }
  .private_sites .section_title{
    margin-bottom: 33px;
  }
  .about_site{
    padding-bottom: 76px;
  }
  footer .footer_right a.nav_main_link br{
    display: none;
  }
  .about_site .about_subtitle{
    max-width: 100%;
  }
  footer {
    padding-block: 80px 118px;
  }
  footer .footer_right .footer_top{
    gap: 27px;
  }
  footer .footer_right .footer_nav{
    gap: 52px;
  }
  .stages_development .stages_swiper{
    max-width: 100%;
  }
  .strong_team .mobile_swiper .swiper-pagination{
    bottom: 50px;
  }/*
  .quiz .container .bg_image{
    top: -70px;
  }
  .blog .container .bg_image{
    top: -60px;
  }
  .social_networks .container .bg_image{
    top: -70px;
  }
  .company_address .container .bg_image{
    top: -60px;
  }
  .work_price .container .bg_image{
    top: -60px;
  }
  .technologies .container .bg_image{
    top: -60px;
  }
  .site_traffic.index_second .container .bg_image{
    top: -60px;
  }
  .faq .container .bg_image{
    top: -60px;
  }
  .private_sites .container .bg_image{
    top: -60px;
  } */
  .faq .faq_block .faq-item .faq-question span{
    max-width: 90%;
  }
  .site_traffic.service_price.index_2 .container .bg_image{
    background-position-x: -2281px;
  }
}
@media (max-width: 850px){
  /* .stages_development .section_title img{
    top: -160px;
  } */
  .stages_development .container .bg_image{
    top: -60px;
  }
  .collaborated_companies .section_title img{
    top: -185px;
  }
  .blog .section_title img{
    top: -150px;
  }
  .social_networks .section_title img{
    top: -170px;
  }
  .company_address .section_title img{
    top: -130px;
  }
  
  .work_price .works_row .work_item{
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px 15px 14px 20px;
  }
  .work_price .works_row .work_item .item_header{
    width: 85%;
  }
  .work_price .works_row .work_item .programing_types{
    flex-wrap: wrap;
  }
  .social_networks .section_title span{
    max-width: 100%;
  }
  .portfolio .container .bg_image{
    right: 20px;
  }
  .why_us .container .bg_image{
    right: 20px;
  }
 
  
  .reviews .container .bg_image{
    top: -60px;
    right: 40px;
  }
}
@media (max-width: 755px){
  .quiz .about_worker .admin_links a,
  .quiz .about_worker .phone_number a{
    padding-inline: 15px;
  }

}
@media (max-width: 700px){
  .why_us .section_title span{
    max-width: 85%;
  }
  .quiz .about_worker .links_main{
    flex-wrap: wrap;
  }
  .site_traffic.main .section_title span{
    max-width: 100%;
  }
  .work_price .work_item .programing_types .type_item{
    width: 100%;
  }
  .strong_team .mobile_swiper .swiper-pagination{
    bottom: 50px;
  }
  .technologies .technologies_row .technolog_item{
    width: 100%;
  }
  footer .footer_right .inner_nav{
    display: none;
  }
  .social_networks .row .section_bg{
    display: none;
  }
  footer .footer_right .mobile_flex .inner_link_mobile{
    display: flex;
  }
  footer .footer_right .mobile_flex .inner_link_mobile{
    color: #777B89;
    font-family: Onest;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    position: relative;
  }
  footer .footer_right .mobile_flex .inner_link_mobile svg{
    position: absolute;
    right: -39px;
  }
  footer .footer_right .mobile_flex{
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
  }
  footer .footer_right .inner_nav.mobile{
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: .3s ease;
  }
  footer .footer_right .inner_nav.mobile.show{
    padding-top: 30px;
    visibility: visible;
    opacity: 1;
    height: 100%;
    transition: .3s ease;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .swiper-pagination{
    bottom: -50px;
  }
  footer .footer_right .inner_nav ul{
    padding-left: 30px;
  }
  footer .footer_right .inner_nav ul a{
    padding-left: 30px;
  }
  footer .footer_right .inner_nav ul a.nav_main_link{
    padding-left: 0;
  }
  footer .footer_right .inner_nav ul{
    width: 100%;
    flex: 0 0 auto;
  }
  .stages_development .section_title img{
    top: -165px;
    width: 60px;
  }
  .collaborated_companies .section_title img{
    top: -200px;
  }
  .blog .section_title img{
    top: -100px;
  } 
  .quiz .section_title img{
    top: -166px;
  }
  .social_networks .section_title img{
    top: -276px;
    right: 0;
  }
  .social_networks .social_row .row{
    gap: 20px;
  }
  .social_networks .social_admin .section_action a{
    padding-inline: 0;
  }
  .strong_team .team_row .team_item:last-child .team_img{
    width: 80px;
    height: 80px;
  }
  .company_address .section_title img{
    top: -145px;
  }
  .site_traffic .section_title img{
    top: -238px;
    right: -20px;
  }
  .why_us .section_title img{
    top: -45px;
  }
  .site_traffic .section_title br{
    display: none;
  }
  .quiz .about_worker .admin_links{
    width: 100%;
  }
  .site_traffic.index_2 .swiper{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .stages_development .stage_swiper_main .swiper-slide{
    padding: 0;
  }
  .stages_development .stages_swiper{
    max-width: 100%;
    margin: initial;
  }
  .stages_development .stages_swiper .swiper{
    overflow: visible;
  }
  .stages_development .swiper-pagination{
    bottom: -55px;
  }
  .portfolio .portfolio_row .work_item{
    width: 100%;
  }
  /* .works_row .swiper{
    height: auto !important;
  } */
  .works_row .swiper-pagination{
    bottom: -50px;
  }
  .works_row .swiper-wrapper{
    height: auto !important;
  }
  .quiz .quiz_form_parent .quiz_progress{
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px 0;
    flex-wrap: wrap;
  }
  .quiz .quiz_form_parent .quiz_progress .progress_bar{
    width: 100%;
  }
  .quiz .about_worker .admin_links{
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
  }
  .quiz .about_worker .phone_number{
    width: 100%;
  }
  .portfolio .container .bg_image{
    right: 40px;
  }
  .portfolio .container .bg_image{
    top: -70px;
  }
  
  .collaborated_companies .container .bg_image{
    right: 40px;
  }
  .why_us.index_2 .container .bg_image{
    top: -60px;
  }
  .callback_form .container .bg_image{
    top: -60px;
  }
  .work_price .container .bg_image{
    top: -40px;
  }
  .faq .faq_block .faq-item .faq-question{
    font-size: 22px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_title{
    max-width: 50%;
  }
  .site_traffic .swiper_traffic .traffic_item{
    padding-right: 20px 30px 30px 20px;
  }
}
@media (max-width: 576px){
  .section_title img{
    right: 0 !important;
  }
  .quiz .section_subtitle{
    max-width: 85%;
    display: flex;
    justify-content: center;
    margin-inline: auto;
  }
  .work_price .section_title span{
    max-width: 85%;
  }
  .works_row .swiper{
    overflow: visible;
  }
  .strong_team .section_header{
    padding-inline: 20px;
  }
  .social_networks .social_row{
    padding-inline: 0;
  }
  
  .social_networks .section_title{
    margin-bottom: 33px;
  }
  .social_networks .section_title span{
    max-width: 98%;
  }
  .social_networks .section_title img{
    top: -147px;
    right: -5px;
  }
  .social_networks .social_row .social_admin{
    padding-top: 0;
  }
  .social_networks .social_row .social_admin .admin_img{
    width: 100px;
    margin-bottom: 0;
  }
  .social_networks .social_row .social_admin .admin_img img{
    width: 100%;
  }
  .social_networks .social_row .admin_head{
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .social_networks .social_row .social_admin .admin_name{
    font-size: 18px;
    margin-bottom: 0;
  }
  .social_networks .social_row .social_admin .admin_work{
    font-size: 14px;
    margin-bottom: 0;
  }
  .social_networks .social_row .item_body{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .social_networks .social_row .social_admin .about_admin{
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 147%;
    margin-bottom: 16px;
  }
  .social_networks .social_row .social_admin .about_admin span{
    max-width: 90%;
    display: block;
  }
  .social_networks .social_row .admin_head{
    margin-bottom: 15px;
  }
  .social_networks .social_admin .section_action a{
    padding-inline: 0;
    width: 100%;
    padding-block: 21.1px;
    font-size: 18px;
  }
  .site_traffic.service_price .traffic_item .header_price{
    margin-top: 10px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img{
    transform: none;
    width: 60px;
    height: 60px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: none;
  }
  .quiz .about_worker .links_main{
    gap: 0;
  }
  .site_traffic .swiper_traffic .swiper{
    overflow: visible;
  }
  .why_us.index_2 .section_title img{
    top: -50px;
  }
  .why_us.our_command .section_title img{
    top: -60px;
  }
  .hero .row .hero_item{
    width: 100%;
  }
 
  .quiz .quiz_form_parent .quiz_progress .progress_title{
    font-size: 18px;
    text-align: center;
    margin-right: 0;
  }
  .quiz .quiz_form_parent .progress_bar{
    margin-right: 0;
  }
  .quiz .quiz_form_parent .progres_next_btn{
    margin-right: 15px;
    padding: 13px;
  }
  .quiz .quiz_form_parent .progres_next_btn svg{
    width: 30px;
    height: 30px;
  }
  .quiz .quiz_form_parent .next_form_btn{
    padding: 19px 0;
    font-size: 13px;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img{
    transform: none;
  }
  .stages_development .stage_swiper_main .swiper-slide{
    padding: 0;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_image{
    margin-bottom: 10px;
  }
  .quiz .about_worker .admin_links a{
    gap: 11px;
    padding-block: 19px;
  }
  .quiz .about_worker .admin_links a,
  .quiz .about_worker .phone_number a{
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 18px;
  }
  .quiz .about_worker .admin_links a svg{
    width: 21px;
    height: 21px;
  }
  .quiz .about_worker .admin_links a:last-child svg{
    width: 25px;
    height: 25px;
  }
  .quiz .section_title img{
    top: -200px;
  }
  .blog .section_title img{
    right: 0;
  }
  .why_us .section_title img{
    top: -50px;
  }
  .hero .row .hero_item_main .hero_title{
    font-size: 28px;
    margin-bottom: 20px;
  }
  
  .work_price{
    padding-block: 58px 112px;
  }
  .works_row.desctop{
    display: none;
  }
  .site_traffic.service_price.global .container .bg_image{
    background-position: -780px;
  }
  .work_price .works_row.mobile{
    flex-direction: inherit;
    display: block;
  }
  .work_price .work_item .programing_types .type_item{
    width: 100% !important;
  }
  .work_price .works_row .work_item .item_header{
    width: 100%;
  }
  .work_price .works_row .work_item .item_title{
    font-size: 18px;
    line-height: 124%;
  }
  .work_price .works_row .work_item .item_subtitle{
    font-size: 13px;
  }
  .work_price .programing_types .type_item .type_name{
    font-size: 14px;
  }
  .work_price .works_row .work_item .item_subtitle{
    margin-bottom: 15px;
  }
  .work_price .work_item .item_body .item_price{
    font-size: 18px;
  }
  .work_price .work_item .item_body .work_period{
    font-size: 14px;
  }
  .work_price .work_item .item_body .work_period{
    margin-bottom: 13px;
  }
  .work_price .work_item .item_body .about_work{
    font-size: 14px;
  }
  .work_price .work_item .item_body .about_work svg{
    transform: none;
  }
  .works_row.mobile .swiper-pagination{
    bottom: -38px;
  }
  .strong_team .section_subtitle{
    max-width: 100%;
  }
  .why_us .section_title span{
    max-width: 100%;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header{
    gap: 0;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header .item_title{
    max-width: 90%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_title br{
    display: none;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img{
    padding: 0;
    width: 40px;
    height: 40px;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img{
    width: 100%;
  }
}
@media (max-width: 576px){
  .container{
    max-width: 480px;
    padding-inline: 15px;
  }
  .site_traffic.index_second .section_title span{
    max-width: 85%;
  }
  .callback_form .phone_number a svg{
    transform: translateY(0px);
  }
  .hero .breadcrumb{
    gap: 3px;
  }
  .bg_image{
    width: 50px; 
    height: 50px;
    right: 10px !important;
    top: -60px !important;
    background-size: 2500px;
    background-position-y: -55px !important;
  }
  .site_traffic.main .bg_image{
    background-position-x: -345px;
  }
  .portfolio .container .bg_image{
    background-position-x: -455px;
  }
  .why_us .container .bg_image{
    background-position-x: -565px;
  }
  .strong_team .container .bg_image{
    background-position-x: -670px;
  }
  .site_traffic.service_price.index_2 .container .bg_image{
    background-position-x: -1750px;
  }
  .stages_development .container .bg_image{
    background-position-x: -888px;
  }
  .collaborated_companies .container .bg_image{
    background-position-x: -995px;
  }
  .reviews .container .bg_image{
    background-position-x: -1411px;
    background-size: 2300px;
  }
  .quiz .container .bg_image{
    background-position-x: -1105px;
  }
  .blog .container .bg_image{
    background-position-x: -1210px;
  }
  .social_networks .container .bg_image{
    background-position-x: -1320px;
  }
  .company_address .container .bg_image{
    background-position-x: -1425px;
  }
  .our_works .container .bg_image{
    background-position-x: -1645px;
  }
  .callback_form .container .bg_image{
    background-position-x: -1860px;
  }
  .work_price .container .bg_image{
    background-position-x: -780px;
  }
  .technologies .container .bg_image{
    background-position-x: -1965px;
  }
  .site_traffic.index_second .container .bg_image{
    background-position-x: -2073px;
    background-position-y: -55px !important;
  }
  .why_us.our_command .container .bg_image{
    background-position-x: -670px;
  }
  .site_traffic.trafic_second .container .bg_image{
    background-position-x: -2180px;
  }
  .faq .container .bg_image{
    background-position-x: -2285px;
  }
  .private_sites .container .bg_image{
    background-position-x: -2395px;
  }
  .quiz .section_title span{
    max-width: 95%;
  }
  .why_us .section_title img{
    top: -100px;
  }
  .site_traffic .section_title img{
    top: -137px;
    right: 13px;
  }
  .portfolio.index_2 .portfolio_row .work_item .item_title{
    max-width: 100%;
  }
  .private_sites .settings_block .block_item .item_name.mobile_name{
    display: block;
  }
  .header_size{
    height: 60px;
  }
  .call_back_form .modal_block{
    width: 95%;
    border-radius: 60px 0px 0px 60px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-block: 100px;
    padding-top: 200px;
    padding-inline: 20px;
  }
  .call_back_form .modal_block .modal_title{
    margin-bottom: 15px;
  }
  .call_back_form .modal_block .modal_form input{
    font-size: 14px;
  }
  .call_back_form .modal_block .privacy_policy{
    font-size: 13px;
  }
  .call_back_form .modal_block .modal_title{
    font-size: 26px;
    line-height: 130%; 
  }
  .hero .row .hero_item_main{
    padding-top: 30px;
  }
  .hero .breadcrumb a{
    font-size: 13px;
  }
  .hero .breadcrumb .active_item{
    font-size: 13px;
  }
  header{
    padding-bottom: 11px;
  }
  header .container .header_logo{
    margin-right: 0;
    font-size: 26px;
  }
  header .mobile_phona{
    display: block;
  }
  .hero .row .hero_item_main{
    width: 100%;
  }
  .hero .row .hero_item_main .hero_subtitle{
    font-size: 13px;
    line-height: 150%;
  }

  .d_none{
    display: block;
  }
  .hero{
    padding-block: 27px 60px;
  }
  .site_traffic.main .section_title span{
    max-width: 96%;
    overflow: hidden;
    font-size: 18px;
    line-height: 120%;
  } 
  .site_traffic.main{
    padding-top: 70px;
  }
  .hero .row{
    gap: 16px;
  }
  .hero .row .hero_item_main .hero_subtitle{
    margin-bottom: 14px;
  }
  .hero .row .hero_item_main .hero_action a{
    font-size: 20px;
    gap: 10.38px;
  }
  .hero .row .hero_item_main .hero_action a svg{
    width: 30px;
    height: 30px;
  }
  .hero .row .hero_item .hero_adv_item .item_image{
    width: 60px;
    height: 60px;
  }
  .hero .row .hero_item .hero_adv_item .item_image img{
    width: 40px;
    height: 40px;
  }
  .work_price .section_title img{
    right: -10px;
    top: -116px;
  }
  .hero .row .hero_item{
    width: 100%;
  }
  .hero .row .hero_item .hero_adv_row{
    gap: 11px;
  }
  .hero .row .hero_item .hero_adv_item .item_title{
    font-size: 18px;
    line-height: 21.6px;
  }
  .callback_form .thanks_block .block_title{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .footer_thanks .thanks_title{
    font-size: 26px;
  }
  .footer_thanks .thanks_subtitle{
    font-size: 14px;
    margin-bottom: 15px;
  }
  .callback_form .thanks_block .block_subtitle{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .callback_form .thanks_block .return_btn{
    width: 100%;
  }
  .callback_form .thanks_block .return_btn a{
    padding-inline: 0;
    width: 100%;
    justify-content: center;
  }
  .hero .row .hero_item .hero_adv_item{
    padding: 15px 15px 15px 20px;
    border-radius: 30px;
  }
  
  .site_traffic{
    padding-block: 59px 110px;
    border-radius: 30px;
  }
  .site_traffic .container{
    padding-inline: 0;
  }
  .section_title{
    font-size: 26px;
    position: relative;
    line-height: 120%;
  }
  .site_traffic .section_title{
    padding-inline: 15px;
    margin-bottom: 32px;
  }
  .section_title img {
    position: absolute;
    top: -79px;
    bottom: 0;
    right: -5px;
    margin: auto 0;
    width: 40px !important;
    transform: none !important;
  }
  .site_traffic .swiper_traffic .swiper-button-next,
  .site_traffic .swiper_traffic .swiper-button-prev{
    display: none;
  }
  .site_traffic .swiper_traffic{
    padding-inline: 0;
  }
  .site_traffic .swiper_traffic .swiper{
    padding-inline: 25px;
  }
  .site_traffic.index_second .swiper{
    margin: -70px 0;
  }
  .site_traffic .swiper_traffic .traffic_item{
    border-radius: 30px;
    padding: 20px 15px 30px 20px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_title{
    font-size: 18px;
    margin-bottom: 12px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_img{
    margin-bottom: 10px;
    padding: 0;
    width: 60px;
    height: 60px;
  }
  .site_traffic .swiper_traffic .traffic_item .item_subtitle{
    font-size: 13px;
    margin-bottom: 7px;
  }
  .site_traffic.main .swiper_traffic .traffic_item .item_subtitle{
    max-width: 100%;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info li{
    font-size: 14px;
    line-height: 152%;
  }
  .site_traffic .swiper_traffic .traffic_item .item_img img{
    width: 40px;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info{
    padding-left: 21px;
  }
  .portfolio{
    padding-block: 58px 61px;
  }
  .portfolio .section_title{
    margin-bottom: 33px;
  }
  .portfolio .portfolio_row{
    gap: 25.4px;
    margin-bottom: 26px;
  }
  .portfolio .portfolio_row .work_item{
    width: 100%;
  }
  .portfolio .portfolio_row .work_item .item_image{
    border-radius: 20px;
    margin-bottom: 8px;
  }
  .portfolio .portfolio_row .work_item .item_title{
    font-size: 18px;
    margin-bottom: 7px;
  }
  .portfolio .portfolio_row .work_item .item_description{
    font-size: 13px;
    line-height: 155%;
    max-width: 100%;
  }
  .portfolio .view_all_work a{
    font-size: 20px;
  }
  .portfolio .view_all_work a svg{
    width: 30px;
    height: 30px;
  }
  
  .strong_team{
    padding-block: 58px 112px;
  }
  .strong_team .section_subtitle{
    max-width: 100%;
    font-size: 14px;
    line-height: 150%;
  }
  
  .strong_team .section_subtitle{
    margin-bottom: 30px;
  }
  .strong_team .team_row .team_item:last-child .team_img{
    width: 80px;
    height: 80px;
    padding: 5px;
  }
  .strong_team .team_row .team_item{
    width: 100%;
  }
  
  .quiz .quiz_main_form .thanks_block .return_btn{
    padding-inline: 0;
    width: 100%;
    font-size: 14px;
    padding-block: 15px;
  }
  .hero .row .hero_item_main{
    padding-top: 0;
  }
  .hero.index_2 .hero_item_main{
    padding-top: 30px;
  }
  .quiz .quiz_main_form .thanks_block .block_title{
    font-size: 26px;
  }
  .quiz .quiz_main_form .thanks_block .block_subtitle{
    font-size: 14px;
  }
  .strong_team .team_row .team_item:last-child{
    padding: 20px 20px 20px 20px;
    height: 100%;
  }
  .strong_team .team_row .team_item .team_name{
    font-size: 18px;
  }
  .strong_team .team_row .team_item .team_main{
    padding-left: 0;
  }
  .strong_team .team_row .team_item .about_team{
    font-size: 14px;
  }
  .strong_team .team_row .team_item:last-child .team_img{
    margin-bottom: 14px;
  }
  .strong_team .team_row .team_item:last-child .team_name{
    margin-bottom: 6px;
  }
  .strong_team .team_row .team_item .team_job{
    margin-bottom: 15px;
    font-size: 13px;
  }
  .strong_team .team_row .team_item .about_team{
    line-height: 148%;
  }
  .site_traffic.service_price{
    padding-block: 70px 100px;
  }
  .site_traffic.service_price{
    padding-block: 58px 112px;
  }
  .site_traffic.service_price .section_title img{
    top: -81px;
    bottom: 0;
    right: 10px;
  }
  .site_traffic.service_price .item_header{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_title{
    max-width: 100%;
    width: 100%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_img img{
    transform: translate(-9px, -9px);
  }
  .site_traffic.service_price .traffic_item .header_price{
    font-size: 18px;
    margin-top: 10px;
  }
  .site_traffic.service_price .traffic_item .header_price{
    margin-bottom: 11px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle{
    line-height: 162%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle{
    margin-bottom: 8px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info{
    padding-left: 22px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li{
    line-height: 151%;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item{
    gap: 7px;
    padding-bottom: 16px;
  }
  .site_traffic.service_price .traffic_item .item_action_url{
    font-size: 20px;
    gap: 9.38px;
  }
  .site_traffic.service_price .traffic_item .item_action_url svg{
    width: 30px;
  }
  .stages_development{
    padding-block: 58px 112px;
    border-radius: 30px;
  }
  /* .stages_development .section_title img{
    top: -113px;
    bottom: 0;
    right: -5px;
  } */
  .stages_development .stage_swiper_main .swiper-slide{
    visibility: visible;
    opacity: 1;
  }
  .stages_development .swiper-button-next,
  .stages_development .swiper-button-prev{
    display: none;
  }
  .stages_development .section_title{
    margin-bottom: 32px;
    font-size: 24px;
  }
  .work_price .section_title span{
    max-width: 100%;
    font-size: 22px;
  }
  .site_traffic.index_second .section_title span{
    max-width: 100%;
    font-size: 20px;
  }
  .technologies .section_title,
  .faq .section_title{
    font-size: 22px;
  }
  .private_sites .section_title{
    display: flex;
    justify-content: center;
  }
  .private_sites .section_title span{
    display: block;
    max-width: 70%;
  }
  .stages_development .stage_item .item_title{
    font-size: 18px;
    margin-bottom: 11px;
  }
  .stages_development .stage_item .item_desc{
    font-size: 14px;
    line-height: 152%;
  }
  .stages_development .stage_item{
    padding: 27px 15px 19px 20px;
  }
  .collaborated_companies{
    padding-block: 58px 112px;
  }
  .collaborated_companies .section_title img{
    top: -113px;
    bottom: 0;
    right: -5px;
  }
  .collaborated_companies .companies_img_row{
    gap: 15px;
  }
  .collaborated_companies .companies_img_row .company_item{
    width: calc(50% - 8px);
  }
  
  .reviews{
    padding-block: 58px 112px;
    border-radius: 30px;
  }
  .collaborated_companies .section_title{
    margin-bottom: 28px;
  }
  .collaborated_companies .companies_img_row{
    margin-bottom: 20px;
  }
  .reviews .section_title img{
    top: -81px;
    bottom: 0;
    right: -5px;
  }
  .reviews .section_title{
    margin-bottom: 32px;
  }
  .reviews .review_swiper{
    padding-inline: 10px;
  }
  .reviews .reviews_swiper_main .review_item{
    flex-wrap: wrap;
    padding: 20px 30px 27px 20px;
  }
  .reviews .reviews_swiper_main .review_main_content{
    width: 100%;
  }
  .reviews .reviews_swiper_main .review_item .review_content{
    font-size: 14px;
  }
  .reviews .reviews_swiper_main .review_item .person_name{
    font-size: 18px;
  }
  .reviews .reviews_swiper_main .review_item .person_job{
    font-size: 13px;
    margin-bottom: 8px;
  }
  .reviews .reviews_swiper_main .review_item .review_content{
    line-height: 154%;
    gap: 7px
  }
  .reviews .reviews_swiper_main .review_image{
    width: 41%;
  }
  .reviews .reviews_swiper_main .swiper{
    overflow: visible;
  }
  .reviews .reviews_swiper_main .swiper-button-next,
  .reviews .reviews_swiper_main .swiper-button-prev{
    display: none;
  }
  .quiz{
    padding-block: 80px 59px;
    border-radius: 30px;
  }
  .quiz .section_title{
    text-align: center;
    margin-bottom: 16px;
  }
  .quiz .section_title img{
    top: -113px;
    bottom: 0;
    right: -5px;
  }
  .quiz .quiz_main_form{
    flex-wrap: wrap;
  }
  .quiz .section_subtitle{
    font-size: 14px;
    text-align: center;
    line-height: 158%;
    margin-bottom: 29px;
  }
  .quiz .quiz_row .quiz_form_parent{
    border-radius: 30px;
    padding: 19.5px 20px 20px 20px;
  }
  .quiz .quiz_row .block_title{
    font-size: 18px;
    margin-bottom: 16px;
  }
  .quiz .quiz_row .input_item{
    padding: 17.9px;
    padding-left: 22px;
  }
  .quiz .quiz_row .input_item span{
    font-size: 14px;
  }
  .quiz .quiz_row .quiz_form .inputs_block {
    gap: 9.7px;
  }
  .quiz .quiz_row .quzi_with_progres{
    width: 100%;
  }
  .quiz .quiz_row .quiz_form{
    width: 100%;
  }
  
  .quiz .about_worker .worker_subtitle{
    font-size: 14px;
    margin-bottom: 12px;
  }
  .quiz .about_worker{
    padding-top: 0;
  }
  .quiz .quiz_main_form{
    gap: 31px;
  }
  .quiz .about_worker .worker_block{
    gap: 15px;
    margin-bottom: 15px;
  }
  .quiz .about_worker .worker_block .person_img{
    width: 114px;
  }
  .quiz .about_worker .worker_block .person_img img{
    width: 100%;
  }
  .quiz .about_worker .worker_block .block_body{
    gap: 11px;
  }
  .quiz .about_worker .worker_block .person_name{
    font-size: 18px;
  }
  .quiz .about_worker .worker_block .person_work{
    font-size: 14px;
  }
  
  .quiz .about_worker .phone_number a{
    align-items: center;
    padding-block: 18px;
    gap: 9px;
  }
  .quiz .about_worker .phone_number a svg{
    width: 25px;
    height: 25px;
  }
  .blog{
    padding-block: 58px 61px;

  }
  .blog .section_title img{
    top: -80px;
    right: -5px;
  }
  .blog .blog_row.desctop{
    display: none;
  }
  .blog .blog_row.mobile{
    display: block;
    position: relative;
  }
  .blog .blog_row.mobile .swiper-pagination{
    bottom: var(--swiper-pagination-bottom, -50px);
    left: 12px;
  }
  .blog .blog_row.mobile .swiper-pagination-bullet{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);
  }
  .blog .blog_row.mobile .swiper-pagination-bullet{
    background: #777B89;
  }
  .blog .blog_row.mobile .swiper-pagination-bullet-active,
  .blog .blog_row.mobile .swiper-pagination-bullet{
    background: transparent;
    position: relative;
  }
  .blog .section_title{
    margin-bottom: 32px;
  }
  .blog .swiper{
    overflow: visible;
  }
  .blog .blog_row{
    margin-bottom: 78px;
  }
  .blog .blog_row .blog_item .blog_title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
  }
  .blog .blog_row .created_date{
    font-size: 13px;
    margin-bottom: 3px;
  }
  .blog .blog_row .blog_item .blog_title{
    font-size: 18px;
    margin-bottom: 6px;
  }
  .blog .blog_row .blog_desc{
    font-size: 13px;
    margin-bottom: 9px;
  }
  .blog .blog_row .hashtags .hashtag_item{
    font-size: 13px;
  }
  .blog .view_all_blogs a{
    font-size: 20px;
  }
  .blog .view_all_blogs a svg{
    width: 30px;
    height: 30px;
  }
  .social_networks{
    padding-block: 80px 61px;
    border-radius: 30px;
  }
  .company_address{
    padding-block: 80px 44px;
  }
  .company_address .section_title{
    margin-bottom: 33px;
  }
  .company_address .section_title img{
    top: -50px;
    right: -5px;
  }
  .company_address .address_row{
    flex-wrap: wrap;
    gap: 17px;
    margin-bottom: 31px;
  }
  .company_address .address_row .address_item{
    height: auto;
    padding: 20px 20px 20px 20px;
  }
  .company_address .address_row .item_header{
    font-size: 14px;
    margin-bottom: 1px;
  }
  .company_address .address_row .item_body{
    gap: 13px;
  }
  .company_address .address_row .item_body .body_item{
    font-size: 18px;
  }
  .company_address .address_row .item_body .body_action a{
    font-size: 20px;
    gap: 10px;
  }
  .company_address .address_row .item_body .body_action svg{
    width: 30px;
    height: 30px;
  }
  .company_address .address_map{
    border-radius: 30px;
    margin-bottom: 44px;
  }
  .company_address .address_map img{
    height: 200px;
  }
  .company_address .about_company .company_title{
    font-size: 18px;
    line-height: 122%;
    margin-bottom: 14px;
  }
  .company_address .about_company .company_desc{
    font-size: 14px;
    max-width: 100%;
    line-height: 154%;
    margin-bottom: 14px;
  }
  .company_address .view_all_text a{
    font-size: 14px;
  }
  footer{
    padding-block: 43px 155px;
    border-radius: 40px;
  }
  footer .container{
    gap: 59px;
  }
  footer .footer_left .footer_title{
    font-size: 26px;
  }
  footer .footer_left .footer_subtitle{
    font-size: 14px;
    margin-bottom: 28px;
  }
  footer .footer_left .footer_form .input_item input{
    padding: 17px;
    font-size: 14px;
  }
  footer .footer_left .footer_form .input_item input::placeholder{
    font-size: 14px;
  }
  footer .footer_left .footer_form{
    gap: 10px;
  }
  footer .footer_left .footer_form .form_btn{
    font-size: 14px;
  }
  footer .footer_left .privacy_policy{
    font-size: 13px;
    text-align: center;
    max-width: 100%;
    line-height: 150%;
  }
  footer .footer_right .footer_nav{
    flex-wrap: wrap;
  }
  footer .footer_right a.nav_main_link{
    font-size: 18px;
  }
 
  footer .footer_right .footer_nav .nav_item{
    gap: 30.6px;
  }
 
  footer .footer_right .footer_address_links{
    gap: 14px;
  }
  footer .footer_address_links .phone_number a{
    font-size: 18px;
  }
  footer .footer_address_links .region_name,
  footer .footer_address_links .email a{
    font-size: 14px;
  }
  footer .footer_right .footer_bottom{
    flex-direction: column-reverse;
    gap: 30px;
  }
  footer .footer_right .footer_bottom .privacy_privacy_policy{
    font-size: 14px;
  }
  footer .footer_right a.nav_main_link br{
    display: block;
  }
  .hero.index_2{
    padding-block: 0 60px;
  }
  .why_us{
    border-radius: 30px;
  }
  .why_us.index_2{
    padding-block: 59px 61px;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header .item_title{
    max-width: 56%;
  }
  .why_us .why_us_mobile .accardion_item .accordion-content{
    font-size: 14px;
    line-height: 149%;
  }
  .our_works{
    padding-block: 59px 60px;
  }
  .our_works .section_title img {
    top: -115px;
    right: -5px;
  }
  .our_works .section_subtitle{
    font-size: 14px;
  }
  .our_works .section_title{
    margin-bottom: 17px;
  }
  .our_works .section_subtitle{
    line-height: 150%;
  }
  .quiz.index_2{
    border-radius: 30px;
  }
  .quiz.index_2{
    padding-block: 58px 60px;
  }
  .quiz.index_2 .quiz_row .quiz_form_parent{
    padding-top: 19px;
  }
  .quiz.index_2 .quiz_row .block_title{
    margin-bottom: 16px;
  }
 
  .quiz.index_2 .about_worker .worker_block .block_body{
    gap: 11px;
  }
  .quiz.index_2 .quiz_row .quiz_form_parent{
    padding-bottom: 19px;
  }
  .site_traffic.service_price.index_2{
    padding-block: 58px 113px;
  }
  /* .site_traffic.index_2 .section_title img{
    transform: rotateY(180deg) !important;
    top: -113px;
  } */
  .site_traffic.index_2 .swiper_traffic .swiper{
    padding-inline: 16px;
  }
  .site_traffic.service_price.index_2 .item_header{
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item{
    padding-top: 20px;
  }
  .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header *{
    margin-bottom: 7px;
  }
  .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle{
    margin-bottom: 15px;
  }
 
  .site_traffic.index_second .section_title img{
    top: -113px;
    right: 10px;
  }
  .stages_development.index_2{
    border-radius: 30px;
    padding-block: 58px 110px;
  }
  .portfolio.index_2{
    padding-block: 60px 61px;
  }
  .portfolio.index_2 .portfolio_row{
    gap: 31px;
    margin-bottom: 27px;
  }
  .callback_form{
    border-radius: 30px;
    padding-block: 58px 58px;
  }
  .callback_form .form_block .form_main{
    flex-wrap: wrap;
  }
  .callback_form .section_title img {
    right: -5px;
    top: -78px;
  }
  .callback_form .form_block .form_main{
    gap: 9px;
    margin-bottom: 11px;
  }
  .callback_form .sets_row,
  .callback_form .set_main_row{
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  .callback_form .form_block .form_main input{
    padding: 14px;
  }
  .callback_form .form_main button{
    padding: 18px;
    font-size: 14px;
  }
  .callback_form .form_block .privacy_policy span{
    font-size: 13px;
  }
  .callback_form .form_block .privacy_policy a{
    font-size: 13px;
  }
  .callback_form .social_sets .sets_title{
    font-size: 14px;
  }
  .callback_form .form_block .privacy_policy{
    margin-bottom: 26px;
  }
  .callback_form .set_main_row{
    padding-inline: 0;
  }
  .callback_form .sets_row a{
    font-size: 18px;
    width: 100%;
    justify-content: center;
    padding: 16px;
    gap: 10px; 
  }
  .callback_form .phone_number{
    width: 100%;
  }
  .callback_form .phone_number a{
    font-size: 18px;
    width: 100%;
    justify-content: center;
    padding: 16px 16px 14px 16px;
    gap: 10px;
  }
 
  .works_row.work_price_mobile{
    display: block;
  }
  .call_back_fixed .header_btn{
    padding: 15px 16px;
  }
  
  .technologies{
    border-radius: 30px;
    padding-block: 58px 57px;
  }
  .technologies .section_title img {
    right: -5px;
    top: -113px;
  }
  .technologies .technologies_row .technolog_item{
    width: 100%;
  }
  .technologies .technologies_row{
    gap: 5px;
  }
  .technologies .technologies_row .technolog_item{
    padding: 21px 20px 20px 21px;
  }
  .technologies .technologies_row .item_name{
    font-size: 18px;
  }
  .technologies .technologies_row .item_title{
    font-size: 14px;
  }
  .site_traffic.index_second{
    padding-block: 58px 120px;
  }
  .site_traffic.index_second .section_title{
    text-align: center;
  }
  .site_traffic.index_second .traffic_item .traffic_content{
    font-size: 14px;
    line-height: 152%;
  }
  .site_traffic.index_second .traffic_item .traffic_content br{
    display: none;
  }
  .site_traffic.index_second .swiper_traffic .traffic_item {
    padding: 21px 18px 20px 21px;
  }
  .site_traffic.index_second{
    padding-block: 58px 110px;
  }
  .reviews.index_2{
    padding-block: 59px 108px;
  }
  .reviews.index_2 .reviews_swiper_main .review_item {
    padding: 20px 30px 29px 20px;
  }
  .why_us.our_command{
    padding-block: 57px 59px;
  }
  .why_us.our_command .section_subtitle{
    font-size: 14px;
    line-height: 151%;
  }
  .why_us .why_us_mobile .accardion_item .accordion-content{
    line-height: 150%;
  }
  .site_traffic.trafic_second{
    padding-block: 58px 110px;
  }
  .site_traffic.trafic_second .section_title{
    margin-bottom: 33px;
  }
  .site_traffic.trafic_second .section_title img {
    top: -78px;
    right: 10px;
  }
  .site_traffic.trafic_second .swiper_traffic .traffic_item .item_img{
    margin-bottom: 19px;
  }
  .site_traffic .swiper_traffic .traffic_item .traffic_info{
    padding-right: 30px;
  }
  .faq{
    padding-block: 58px 58px;
  }
  .faq .section_title img {
    top: -115px;
    right: -5px;
  }
  .faq .faq_block{
    gap: 11px;
  }
  .faq .faq_block .faq-item .faq-answer{
    font-size: 14px;
    padding: 0 20px 16px 20px;
    line-height: 150%;
  }
  .faq .faq_block .faq-item .faq-question{
    font-size: 18px;
    padding: 20px;
    padding-top: 16px;
    /* max-width: 92%; */
    line-height: 130%;
  }
  .faq .faq_block .faq-item .faq-question svg {
    top: 20px;
    right: 15px;
  }
  .private_sites{
    padding-block: 58px 58px;
    border-radius: 30px;
  }
  .private_sites .section_title img {
    top: -113px;
    right: -5px;
  }
  .private_sites .settings_block{
    gap: 15px;
  }
  .private_sites .settings_block .block_item{
    width: 100%;
    gap: 10px;
  }
  .private_sites .settings_block .block_item .item_image{
    width: 30px;
    height: 30px;
  }
  .private_sites .settings_block .block_item .item_image img{
    width: 100%;
  }
  .private_sites .settings_block .block_item .item_name{
    font-size: 16px;
  }
  .private_sites .settings_block .block_item .item_name{
    line-height: 116%;
  }
  .mob_none{
    display: none;
  }
  .mobile_name{
    display: block;
  }
  .about_site .about_site_title{
    font-size: 18px;
  }
  .about_site .about_subtitle{
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px;
  }
  .about_site .about_site_title{
    margin-bottom: 20px;
  }
  .about_site .view_all_text a{
    font-size: 14px;
  }
  .about_site{
    padding-bottom: 45px;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header .item_title{
    font-size: 16px;
  }
  .why_us .why_us_mobile .accardion_item .accordion-header svg{
    width: 30px;
    height: 30px;
  }
  #map{
    height: 200px;
  }
  .blog .blog_row .blog_item svg{
    transform: translateX(-10px);
  }
  .blog .blog_row .blog_item:hover svg{
    transform: translateX(5px);
  }
  section{
    padding-top: 80px !important;
  }
  section.hero.index_2{
    padding-top: 0 !important;
  }
  .section_title{
    font-size: 21px !important;
  }
  section.hero{
    padding-top: 27px !important;
  }
  .collaborated_companies .section_title span{
    max-width: 80%;
  }
  .site_traffic.service_price.index_2 .section_title{
    display: flex;
    justify-content: center;
  }
 
}
@media (max-width: 500px){
  .site_traffic.service_price.index_2 .section_title span{
    max-width: 80%;
    display: block;
  }
}
@media (max-width: 490px){
  .container{
    max-width: 360px;
    padding-inline: 0;
  }
  .quiz .section_title span{
    max-width: 85%;
  }
}
@media (max-width: 360px){
  .container{
    /* max-width: 320px; */
    padding-inline: 15px;
  }
  .hero .row .hero_item_main .hero_title{
    font-size: 25px;
  }
  .call_back_fixed .header_btn{
    font-size: 12px;
  }
  .work_price .section_title{
    display: flex;
    justify-content: center;
  }
  .work_price .section_title span{
    display: block;
    max-width: 75%;
  }
  .site_traffic.trafic_second .section_title span{
    font-size: 20px;
  }
  .stages_development .section_title{
    font-size: 20px;
  }
  .private_sites .section_title span{
    max-width: 100%;
  }
  .site_traffic.main .section_title span{
    font-size: 16px;
  }
}
@media (max-width: 390px){
  .container{
    padding-inline: 15px;
  }
}