/* @import url('http://example.com/example_style.css'); */



/***********************************************/

/* CSS @imports must be at the top of the file */

/* Add them above this section                 */

/***********************************************/

/*****************************************/



/* ========== Hero ========== */



.experience_box{     aspect-ratio: 16 / 9;
    overflow: hidden;      min-height: inherit; }



.hero_banner__details { font-family: var(--secondary_font); font-size: 26px; line-height: 30px; }
.hero_banner__details p { font-family: var(--secondary_font); }
.hero_logo_row { display: flex; gap: 25px; }
.hero_text_group { width: 80%; padding-top: 60px; margin: 0 auto;  text-align: center;}
.hero_text_group h1 {color:#203347}
img.hero_shape { position: absolute; right:-15px; margin-top: -52px; display:none; }
.hero_banner__main { overflow: hidden; position: relative;}
.hero_gradient { background: radial-gradient(50% 158.02% at 0% 0%, #203347 0%, #0E172D 100%); }
.hero_banner__main ul.slick-dots { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.hero_text_banner img { position: absolute; bottom: 0 !important; z-index: -1; width: 100%; height: calc(100vh - 100px) !important;}
.hero_banner__column { position: relative; height: calc(100vh - 68px); min-height: 900px; color:#203347;}
.hero_banner__row { background: #accede }
.select_value span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero_bannerform__form { position: absolute; bottom: 0; left: 0; right: 0; }
.hero_bannerform__row {display: flex; justify-content: space-evenly; gap:10px; margin:0 auto  }
.hero_bannerform_column { width: auto; margin: 0px; min-width: 20%; align-content: stretch; }
.hero_bannerform_column:last-child { text-align: left; align-content: stretch;}
span.select_value { cursor: pointer; background-color: #F7F7F7; display: inline-flex; width: 100%; height: 50px; padding: 10px 15px; align-items: center; border-radius: 4px; position: relative; padding-right: 34px; }
span.select_value:before { content: ""; position: absolute; background-image: url('https://www.vu.city/hubfs/theme_2024/Rectangle%20283.svg'); background-repeat: no-repeat; height: 12px; width: 12px; right: 12px; background-size: contain; background-position: center; }
ul.bannerform_list { display: none; }
.hero_bannerform_button a { background-color: #203347; display: inline-flex; width: 100%; height: 100%; border-radius: 4px; color: #fff; 
/*  padding: 10px 20px; padding-left: 30px; */
    text-align: center;
    justify-content: center;
/*     padding: 9px 22px;
    padding-left: 30px;
    padding-top: 11px; */

}



.hero_bannerform_button.button { padding: 0; }
.hero_bannerform_button a:hover { opacity:1; background:#60c8e7; }
.hero_bannerform__rowmain { background-color: #4C7BAA; border-radius: 12px; max-width: 986px; margin: 0 auto; padding: 22px; text-align: center; }
.hero_bannerform__text h2 { color: #fff; padding-bottom: 0; }
.hero_bannerform__text { color: #fff; }
ul.bannerform_list { background-color: #fff; list-style: none; margin-top: 3px; border-radius: 4px; text-align: left; padding: 0; margin-bottom: 0; }
ul.bannerform_list li { padding: 6px 10px; border-bottom: 1px dashed #e5e5e5cc; font-size: 14px; line-height: 20px; }
.hero_bannerform__text p { margin-bottom: 10px; }
.hero_bannerform__form select { cursor: pointer; background-color: #F7F7F7; display: inline-flex; width: 100%; height: 50px; padding: 10px 10px; align-items: center; border-radius: 4px; position: relative; padding-right: 34px; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/theme_2024/Rectangle%20283.svg); background-repeat: no-repeat; background-position: 93% 50%; }
.hero_banner__main .slick-active .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* ========== Services ========== */
.services__column { background: #D6F1FA; display: flex; flex-flow: wrap; align-items: center; position: relative; }
.services__left { width: 45%; padding-left: calc(100%/ 2 - 1430px / 2); position: relative; z-index: 1; }
.services__right { width: 55%; text-align: right; padding-top: 50px; position: relative; z-index: 3; }
.services__right img { }
.services__text h2 { color: #fff; font-weight: 400; }
.services__content { color: #fff; font-size: 18px; font-weight: 400; font-family: Alata, sans-serif; line-height: 24px; padding-top: 14px; }
.services__content h3 { font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; }
.button a { color: #fff; }
.arrow_btn { display: inline-flex; width: auto;  border-radius: 4px; color: #fff;   align-items: center; }
.services__button.arrow_btn { }
.services__button.arrow_btn:hover path { stroke: #000; }
.services_logo { padding-bottom: 30px; }
.services__button { padding-top: 14px; }
/*.services_text_covern { max-width: 360px; }*/
.services__main { position: relative; }
.services_shape { position: absolute; top: 0; left: 0; display: block; z-index: 1; }
.services_shape_one { display:block; position: absolute; width: 100%; bottom: 0; left: 0; right: 0; }
.services__column:first-child { background: radial-gradient(50% 158.02% at 0% 0%, #203347 0%, #0E172D 100%); padding-bottom: 118px; }
.services__column:nth-child(even) { flex-direction: row-reverse; }
.services__column:nth-child(even) .services__right { text-align: left; }
.services__column:nth-child(even) { padding-bottom: 124px; padding-top: 0px; }
.services_group_two { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: -30px; }
.services__column:nth-child(even) .services__text h2 { color: var(--primary_color); }
.services__column:nth-child(even) .services__content h3 { color: var(--primary_color); }
.services__column:nth-child(even) .services__left { padding-right: calc(50% - 815px); padding-left: 50px; }
.services__right img { max-width: 100%; height: auto; }

/* ========== City Peoduct ========== */
.city_product_main .services__right { padding-top: 80px; }
.city_product_main .services__column { background: radial-gradient(100% 316.05% at 0% 50%, #F3F8FC 0%, #D6F1FA 100%); }
.city_product_main  .services__text h2, .city_product_main  .services__content h3 { color: var(--primary_color); }
.city_product_main  .services_logo { padding-bottom: 18px; }
.services__column { padding-bottom: 50px; }
.city_product_main .services__column:nth-child(2) { padding-bottom: 160px; }
.city_product_main  .services__text h2 { margin-bottom: 10px; }
.city_product_main .services__button { padding-top: 6px; }
.ciytyproduc_shape_one { position: absolute; top: 0; width: 100%; left: 0; right: 0; }

/* ========== free_trial ========== */
.free_trial__main { background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(214, 241, 250, 1) 100%); padding-top: 40px; padding-bottom: 60px; position: relative; z-index: 1; overflow: hidden; }
.free_trial__row { display: flex; flex-flow: wrap; }
.free_trial__left { width: 40%; position: relative; z-index: 1; }
.free_trial__right { width: 60%; }
.free_trial_form { max-width: 570px; background: #E1E1E3; height: 300px; border-radius: 10px; }
.free_trial__header h2 { font-size: 46px; line-height: 1.3em; }
.free_trial__header h2 span { color: #4C7BAA; }
.free_trial__header { padding-bottom: 20px; }
.free_trial__right img { transform: scale(1.1) translateY(-45px); }
img.free_trial_shape { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: -1; max-width: 80%; margin: 0 auto; }
img.free_trial_white { position: absolute; width: 100%; top: 0; left: 0; right: 0; z-index: -1; transform: scaleX(1.01); }

/* form */
.form_steps ul { padding: 0; margin: 0; list-style: none; text-align: center; display: flex; gap: 30px; justify-content: center; }
.form_steps ul li { width: 30px; height: 30px; background: transparent; border: 1px solid #203347; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 20px; line-height: 26px; font-weight: 400; font-family: Roboto, sans-serif; }
.free_trial_form { height: auto; background: #E1E1E3; box-shadow: 0px 4px 4px 0px #00000040; padding: 20px; }
.free_trial_form form { background: transparent; }
.form_steps_title { font-size: 26px; line-height: 30px; text-align: center; font-weight: 400; padding: 20px 0; font-family: Alata, sans-serif; }
.form_btn { text-align: right; padding-top: 18px; }
.from_row { margin-bottom: 10px; display: flex; flex-flow: wrap; }
.from__left { width: 50%; padding-right: 5px; }
.from__right { width: 50%; padding-left: 5px; }
.form_box { position: relative; z-index: 1; }
.form_box input { background: #F7F7F7; height: 50px; border: none !important; outline: none; border-radius: 4px !important; padding: 10px 10px !important; padding-right: 30px !important; color: #203347 !important; font-size: 16px !important; line-height: 20px; font-family: Roboto, sans-serif; }
.form_box span { position: absolute; top: 50%; right: 6px; left: auto; transform: translateY(-50%); }
.form_box select { padding: 10px 10px !important; padding-right: 30px !important; width: 100%; border: none; height: 50px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form_steps ul li:before { position: absolute; content: ""; width: 15px; height: 2px; background: #203347; right: -25px; }
.form_steps ul li:last-child:before { display: none; }
.form_steps ul li.active { background: #203347; color: #fff; }
.form_steps ul li { position: relative; }
.form_content { font-size: 12px; line-height: 14px; font-weight: 400; padding-top: 10px; color: #000000; }
.form_content a { color: var(--secondary_color); text-decoration: underline; }
.form_checkbox ul { padding: 0; margin: 0; list-style: none; }
.form_checkbox { padding-top: 15px; }
.form_checkbox label.hs-form-booleancheckbox, label.hs-form-booleancheckbox { display: inline-block; position: relative; }
.form_checkbox input[type="checkbox"] + span, input[type="radio"] + span { position: relative; padding-left: 30px; margin-left: 0px !important; display: block; }
.form_checkbox input[type="checkbox"] + span:before, input[type="radio"] + span:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 20px; height: 20px; left: 0; background: #FAFAFA; border-radius: 4px; }
.form_checkbox input[type="checkbox"] + span:after, input[type="radio"] + span:after { content: ''; border-color: #203347; border-style: solid; border-width: 0 0 2px 2px; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease; width: 11px; height: 6px; left: 5px; top: 4px; opacity: 0; }
.form_checkbox input[type="checkbox"]:checked + span:after, input[type="radio"]:checked + span:after { opacity: 1; }
.form_checkbox input[type="checkbox"], input[type="radio"] { position: absolute; height: 100%; width: 100%; margin: 0; z-index: 1; opacity: 0; cursor: pointer; }
.form_checkbox label.hs-form-booleancheckbox-display { position: relative; margin-bottom: 10px; }
.form_box span { line-height: 0; }
.form_box span svg { vertical-align: middle; }
.header.fixed { box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.15); }
.discover_workflow__main {background-color:#D6F1FA; padding-top: 40px; padding-bottom: 40px; position: relative; overflow: hidden; z-index: 1; }
.discover_workflow__main .hero_bannerform__form { position: static; }
.discover_workflow__home { padding-top: 0px; padding-bottom: 0px; position: relative; overflow: hidden; z-index: 1; }
.discover_workflow__home .hero_bannerform__form { position: static; }

.discover_shape svg { position: absolute; right: 0; top: 0; z-index: -1; }
.discover_shape_two svg { position: absolute; left: 0; bottom: 0; z-index: -1; }

.mobile_view{ display:none !important; }  
.tablet_view{ display:none !important; }  
.desktop_view{ display:block !important; }










 .free_trial_form .hs_submit.hs-submit {
    display: none;
} 

.mian__form_one form {padding-top: 0;}
.mian__form_one .form_steps_title {  padding-bottom:20px; }

.form_steps.hidden {
    display: none;
}
.free_trial_form .user_review_right_box {
    box-shadow: none;
}




.menu_bar ul li a:hover {  color: #4C7BAA; }
.menu_bar ul li.active a{  color: #4C7BAA; }

.cities_inner_name a{ color: #203347; }
.cities_inner_name a:hover{ color: #4C7BAA; }
.cities_inner_clomn:hover { color: #4C7BAA; }
.resources_inner_clomn:hover { color: #4C7BAA; }
.resources_inner_name a{ color: #203347; }
.resources_inner_name a:hover{ color: #4C7BAA; }
.main_menu > ul > li > a:hover,.main_menu > ul > li.active > a{ color: #4C7BAA;  }



.main_menu > ul > li > a {     font-family:Roboto,sans-serif; }
.free_trial_form p{     font-size: 12px !important;
    line-height: 14px !important;  }
.free_inner_title{    padding-top: 14px; font-size: 16px;font-weight: 400; line-height: 18px; font-family: var(--primary_font);  }
/* a:focus, a:hover{ color:#60c8e7; }  */




.button:focus, .button:hover, .hs-blog-post-listing__post-button:focus, .hs-blog-post-listing__post-button:hover, .hs-button:focus, .hs-button:hover, button:focus, button:hover
{

    font-family: Alata, sans-serif;
}
.step_1_right_title a{  border-radius: 4px;     transition: all 0.4s ease;  }
.step_1_right_title a:hover{ background-color:#60c8e7;  }

.contact_map iframe {  width: 100%;  height: 748px; }

.workflow_title h2 span span { color: #203347; }
.inner_row{      align-items: center;  }

.hero_bannerform_button.button a:hover { color: #fff; }
/* .hero_bannerform_button.button a{  padding: 14px 22px 5px 30px; } */
 .workflow_logo{    min-height: 70px;  display: flex;    align-items: center;    justify-content: center;  } 



label:not(:has(*:not(:empty))) {  display: none;}
.free_trial_form,.from_step_1_right_main{ padding-right: 12px !important;  }
.free_trial_form .form_btn,.from_step_1_right_main .hs_submit {   padding-right: 8px;}
.form_step_1_left_content a span, .form_step_1_left_content a span {
    font-family: var(--roboto);
} 
.city_name{ font-family: var(--roboto);  }
.form_bottom_row .form_back_btn a{ font-family: var(--roboto); }
.hs-input.invalid.error {
    border: 1px solid red !important;
}

.hero_bannerform_button.button a {
    padding: 14px 26px;
}


.arrow_btn svg,.hero_bannerform_button svg {   margin-left: 10px; }
.arrow_btn a { padding: 14px 26px;  }
.button.arrow_btn {   padding: 15px 27px; }
.hero_bannerform_button.button a:focus,.hero_bannerform_button.button a:active{ color:#ffffff; }
form .hs-richtext a {   text-decoration: underline;   color: var(--secondary_color); }

.workflow_title h2 em{  color:#4C7BAA;     font-style: normal; display: block; }

.workflow_logo{ padding-bottom: 0; }
.workflow_content_title{     padding-top: 10px; }



.hero_bottom_shap img{   margin-bottom: -20px; }
.blog__hero .hero_bottom_shap img{   margin-bottom: -21px; }
.blog_index_hero .hero_bottom_shap img,.contact_form_section .hero_bottom_shap img,
.free__hero  .hero_bottom_shap img, .user_review_section .user_review_section_shap img{  margin-bottom: -20px; }
 


.rotedy img{     transform: rotatey(180deg); }
.pricing_inner_btn a.button:hover{ background: #60c8e7;  }










/* ========== Resposive ========== */

@media (min-width:992px) {
  
/* .header_right_inner a.button {  padding: 10px 17px;  padding-bottom: 12px; } */
  
  
  
}

@media (min-width:4000px) {
    .hero_text_banner img { object-fit: contain; object-position: bottom center; bottom:0 }
  
  
  
}
@media (max-width:1500px) {
    .services__left { padding-left: 30px; }
    .services__column:nth-child(2n) .services__left { padding-left: 0; padding-right: 30px; }
    .services__column:first-child { padding-bottom: 50px; }
    .city_product_main .services__column:nth-child(2) { padding-bottom: 100px; }
    img.services_shape { max-width: 124px; }
  .services_group_two{     max-width: 300px;  }
  
  
}




@media (min-width:992px) and (max-width:1100px) {
  .hero_text_banner img{     height: calc(100vh - 225px) !important; bottom:0}
  
  
  
  

}


@media (max-width:768px) and (max-width:1024px) {
/* .services__text {
    padding-right: 6px;
}
 */

}





@media (max-width:1200px) {
    img.free_trial_shape { top: 50%; transform: translateY(-50%); }
  img.services_shape{     margin-left: 28%; }
      .services_group_two {      max-width: 250px;    }
  
  .free_inner_clonm{     width: calc(100% / 4 - 20px);   margin: 0 10px; }
 
  .hero_banner__column {display:block;. background-color:#accede !important}

}

@media (max-width:1100px) {
  .workflow_title h2 em{ display:contents; }
  
  .workflow_content{ max-width: 100%; }
  

}

@media (max-width:991px) {
    .hero_shape { max-width: 400px; z-index: 1; }
    .hero_bannerform__row { flex-flow: wrap !important; justify-content: center; margin:0 }
    .hero_bannerform__form { margin-top: 0px; position: relative; }
    .hero_text_group { padding-top: 40px; width: 100%; margin: 0 auto; text-align: center;}
    .hero_banner__main { background: transparent; margin-bottom: 30px; }
    .hero_banner__row { background: #accede }
    .hero_bannerform_button.button {padding: 0;width: 100%;}
    .services__left { padding-top: 80px; padding-bottom: 30px; }
    .services_shape { max-width: 130px; }
    .services_group_two { max-width: 200px; }
    .free_trial__right img { transform: scale(1.1) translateY(0px); }
    .free_trial__main { padding-top: 40px; }
  
  
  
    img.services_shape{     margin-left: 28%;     }
      .services_group_two {      max-width: 150px;  margin-top: -110px;     }
  
  .hero_bannerform__row{         flex-flow: nowrap; }
  .hero_bannerform_column{      min-width: inherit;    margin: 4px 0px;   max-width: 100%;  width: 100%;   }
  .hero_bannerform_button a{      font-size: 15px; }

  .free__hero_row{         padding-bottom: 50px;  }
  
  .contact_map iframe {  width: 100%;  height: 500px; }
  
  
.solutions__section .workflow_title h2 span {
    display: contents;
}

  

  
  
  
  
  
  
}


  
@media (max-width: 600px) {
  .free_trial__left {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 1rem; /* optional: spacing below before right side stacks */
  }
  
  .free_trial__right {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 1rem; /* optional: spacing below before right side stacks */
  }
}



@media   (min-width:767px)  and (max-width:1024px) {

/*   .hide_tablet .free_trial__right{ display:none; }
  .hide_tablet  .free_trial_formv2{    margin: 0 auto;  max-width: 100%;  }
  .hide_tablet .free_trial__left{ width:100%; } */

.hide_tablet .free_trial__right img {
       transform: scale(1.7) translateY(74px) translateX(32px);
}
  
  
.services__left {  padding-left: 15px;    }
.services_v2_section .services__left{  padding-right: 20px !important;     padding-left: 30px !important;   }
  
  .services__text h2{  font-size: 36px;  line-height: 40px;  }
  .services__content{   padding-top: 0; }
  .services__button {   padding-top: 0; }
  
  
.services_logo img {  max-width: 150px !important; }
.free_trial__left{     width: 60%;  }
.free_trial__right{     width: 40%;  }
.free_trial__right img {     transform: scale(1.5) translateY(46%);    }
  .workflow_title h2{     font-size: 36px;  line-height: 41px;  }
  
  .solutions__section .workflow_clomn{         width: calc(33.3% - 40px);  }
  
  .video__row{ flex-direction: column;  }
   .video_left {      width: 100%;     padding-right: 0;    }
   .video_right{ width:100%; padding-left: 0;    padding-top: 30px;         text-align: center;   }
  .row_rwerse .video_left{  width:100%;     padding-left: 0px; }
   .video_right .video_icon img {  display: inline-block; }
  .video_title {  max-width: 500px;   margin: 0 auto; }
  .video_icon {  max-width: 500px;   margin: 0 auto; }
  .row_rwerse .video_right{     padding-left: 0; padding-right: 0px; }
  
  .inner_left{ width: 100%;          text-align: center;   padding-right: 0px;  }
  .inner_right {  width: 100%;         padding-top: 20px;  }
  .inner_logo {  text-align: center;   display: flex;    justify-content: center; }
  .city_hero .inner_title h1{     max-width: 100%;  text-align: center;  }
  .city_hero .inner_content {  max-width: 100%; }
  .city_hero .inner_left{ padding-bottom:20px; }
  .inner_row .inner_left > div{     max-width: 600px;   margin: 0 auto;  }
  .hero__inner{ padding-top:100px; }
  .hero__inner__services{ padding-top:100px; }
  
  /**/
  .service__hero_left{ width:100%; }
  .service__hero_right{ width:100%; }
  .service__hero_cover{  margin: 0 auto;  max-width: 500px; text-align: center;  padding-top: 30px; }
  
  .blog_index_hero_left, .blog_index_hero_right{ width:100%;  text-align: center;  display: flex;    justify-content: center;   flex-flow: column;  }
  .blog_index_hero_title h1, .blog_index_hero_title h1 span{ font-size: 38px;  line-height: 44px; margin: 0;  padding-bottom: 20px;  padding-top: 31px; }
  .blog_index_hero_content{  margin-bottom: 30px; max-width: 100%;}
  .blog_index_hero_sub_title { max-width: 100%;}
  
  .free_sub_content{  width:100%; max-width: 100%; } 
  
  
  .solutions__section .workflow_clomn:first-child{         width: calc(50% - 40px); }
  .solutions__section .workflow_clomn:nth-child(2){         width: calc(50% - 40px); } 
 .workflow_row .cover_div {  width: 100%; display: flex; flex-direction: row;    justify-content: left; }
  
  
  .service__hero_row{ margin-top: 0;}
  



@media (max-width:767px) {
 .workflow_row .cover_div {  width: 100%; }
    .hero_bannerform__row{         flex-flow: wrap; margin:0}
  
    img.hero_shape { max-width: 174px; margin-top: -7px; }
    h1 { font-size: 26px; line-height: 30px; }
    .hero_text_group { padding-top: 30px; width: 100%; margin: 0 auto; text-align: center;}
    .hero_banner__details { font-size: 16px; line-height: 22px; }
    .hero_logo_row { flex-flow: wrap; max-width: 100%; }
    .hero_text_group h1 { max-width: 90%; margin: 0 auto; margin-bottom:20px; color:#203347}
    .hero_banner__details { max-width: 100%; }
    .hero_logo_column { margin-bottom: -49px; }
    .hero_text_banner img { height:inherit !important; bottom:0}
  
  
    .hero_banner__column { height: inherit; min-height: inherit; padding-bottom: 60%; }
    .hero_bannerform__text h2 { font-size: 26px; line-height: 30px; margin-bottom: 12px; }
    .hero_bannerform_column { min-width: 100%; width: 100%; }
    .hero_bannerform_button.button { width: 100%; text-align: center; }
    .hero_bannerform_button a { justify-content: center; }
    .services__left, .services__right { width: 100%; }
    .services__left { text-align: center; padding-left: 15px; padding-right: 15px; }
    h2 { font-size: 26px; line-height: 30px; }
    .services_logo { padding-bottom: 15px; }
    .services__text h2 { margin-bottom: 2px; }
    img.services_shape { max-width: 150px; }
    .services__button { padding-top: 5px; }
    .services__right { padding-top: 10px; }
    .services_group_two { max-width: 110px; margin-top: -58px; }
    .services__column:nth-child(2n) .services__left { padding-left: 15px; padding-right: 15px; padding-top: 55px; }
    .services__column:nth-child(2n) { padding-bottom: 10px; }
    .city_product_main .services__column:first-child { padding-top: 50px; }
    .city_product_main .services__text h2 { font-size: 40px; line-height: 44px; }
    .city_product_main .services__right { padding-top: 30px; }
    .city_product_main .services__column:first-child { padding-bottom: 0; }
    .city_product_main .services__column:nth-child(2) { padding-bottom: 0; }
    .city_product_main .services__column:last-child .services__left { padding-top: 60px; }
    .city_product_main .services_logo { padding-bottom: 10px; }
    .city_product_main .services__content { padding-top: 8px; }
    .city_product_main .services__column:last-child .services__right { padding-top: 15px !important; padding-bottom: 45px !important; }
  .free_trial__header h2 { font-size: 34px; line-height: 1.3em; text-align: center; }
    .free_trial__left { width: 100%; }
    .free_trial__right { width: 100%; padding-top: 40px; }
    .free_trial__main { padding-bottom: 13px; padding-top: 40px; }
    img.free_trial_shape { top: auto; transform: inherit; bottom: 0; max-width: 100%; transform: scale(1.6) translateX(-14%); }
    .free_trial__header { padding-bottom: 10px; }
    .services_text_covern { margin: 0 auto; }
    .from__left { width: 100%; padding-right: 0; padding-bottom: 10px; }
    .from__right { width: 100%; padding-left: 0; padding-top: 0px; }
    .form_btn a.button { width: 100%; }
    .free_trial_form { max-width: 100%; }
    .discover_workflow__main { background: transparent; }
    .discover_shape, .discover_shape_two { display: none; }
    .discover_workflow__main .hero_bannerform__form { position: static; margin-top: -40px; }
    .discover_workflow__main { background: transparent; padding-bottom: 20px; }
  
  
img.services_shape{     margin-left: 0%;     }
  
  
.mobile_view{ display:block !important; }  
.tablet_view{ display:block !important; }  
.desktop_view{ display:none !important; }
  
.free_inner_clonm{     width: calc(100% / 2 - 20px);   margin: 0 10px;     margin-bottom: 15px;  }
.free_inner_row {  margin: 0 0px;  padding-bottom: 10px;    }

  
    .contact_map iframe {  width: 100%;  height:375px; display:block; }
  
  .contact_map_section{     padding-bottom: 0; }
  .contact_map_section .content-wrapper{     padding: 0 0; }
  .card__v_clomn{ display:block; }
  .card__v_clomn:nth-child(n+5){ display:none;  }
  
  
  
  .btn_card_row{     gap: 18px;  }
  .btn_card_row a{  padding-left: 28px;   min-width: 227px; } 
  
  .cities_btn_row{         display: flex;    flex-direction: column;     justify-content: center;      text-align: center; }
  .cities_btn_row a {  min-width: 224px; }
  .experience{         padding-bottom: 10px;  }
  
  
  .hero_bottom_shap img {  margin-bottom: -11px; }
  
  .simapal__menu ul li {    width: calc(100% / 3 - 20px);   text-align: center;    }
.blog_index_hero .hero_bottom_shap img, .contact_form_section .hero_bottom_shap img, .free__hero .hero_bottom_shap img, .user_review_section .user_review_section_shap img {
    margin-bottom: -11px; }
      .free__hero_row {      padding-bottom: 0;   }
  .free__hero{ padding-bottom:40px; }
  .blog__hero .hero_bottom_shap img {  margin-bottom: -10px; }
  .user_review_section{ padding-bottom:90px; }
  
    .free_trial_form .arrow_btn{     justify-content: center;  }
  .free_trial__header h2 { font-size: 32px; line-height: 1.3em; text-align: center; }
  
  
}
  
 @media (max-width:375px) { 
  .hero_bottom_shap img {  margin-bottom: -11px; }
   .blog_index_hero .hero_bottom_shap img, .contact_form_section .hero_bottom_shap img, .free__hero .hero_bottom_shap img, .user_review_section .user_review_section_shap img {
    margin-bottom: -11px; }
    .free_trial__header h2 { font-size: 32px; line-height: 1.3em; text-align: center; }

   
   
   
  }


/* smart  */