/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



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

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

/* Add them above this section                 */

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

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

/* Start your style declarations here    */
body .animated{ -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s; }

h1 { font-size: 70px; line-height: 70px; letter-spacing: -2px; color: #fff; text-transform: uppercase !important; }
h2 { font-size: 40px; line-height: 44px; font-weight: 400; }
h1 span { color: #60C8E7; }
main#main-content { max-width: 1920px; margin: 0 auto; }
p { margin: 0 0; }
p+p { margin-top: 12px; }

html {
  scroll-behavior: smooth;
}
 
a{  color: #4C7BAA; font-family: Alata, sans-serif;     text-decoration: underline;   } 
a:hover,a:active{  color: #60C8E7; font-family: Alata, sans-serif;  } 
a.button svg {  vertical-align: sub; }


.main#main-content > .row-fluid-wrapper {
    position: relative;
  flex-direction: column-reverse
}

.dark_color a{ color:#60C8E7 !important;}
.light_color a{ color:#4C7BAA !important; }

.dark_color a:hover{ color:#4C7BAA !important;}
.light_color a:hover{ color:#60C8E7 !important; }

.solutions__btn a:hover {color: #60C8E7;}
.solutions__btn a:hover svg path {fill: #60C8E7;}

.blog__hero_btn a:hover {color: #60C8E7;}
.blog__hero_btn a:hover svg path {fill: #60C8E7;}

.buy__inner_btn a:hover {color: #60C8E7;}
.buy__inner_btn a:hover svg path {fill: #60C8E7;}


.number a:hover { color: #60C8E7;}

.hero_banner__main ul.slick-dots li { list-style: none; padding: 7px 0; display: block; }
.hero_banner__main ul.slick-dots li button { font-size: 0; background-color: #60C8E7; border-radius: 100%; height: 17px; padding: 0; width: 17px; vertical-align: middle; display: block; }
.hero_banner__main ul.slick-dots { background-color: var(--secondary_color); border-radius: 30px; padding: 0; padding: 14px 13px; }
.hero_banner__main ul.slick-dots li.slick-active button { background-color: #fff; }


ul.slick-dots { text-align:center; margin: 0; background: transparent; padding: 0; }
ul.slick-dots li { display: inline-block; margin: 0 5px; }
ul.slick-dots li button { font-size: 0; padding: 0; border-radius: 100%; vertical-align: middle; display: block; width: 5px; height: 5px; background: #A7AABA; }
ul.slick-dots li.slick-active button { background: var(--primary_color); }

button.slick-prev.slick-arrow { left: 0; }
button.slick-next.slick-arrow { right: 0; left: auto; }
button.slick-arrow:before { position: absolute; background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Small%20Right%20Arrrow.svg'); content: ""; background-size: cover; width: 24px; height: 24px; top: 50%; right: 0; left: 50%; bottom: 0; transform: translate(-50%, -50%); }
button.slick-next.slick-arrow:before { transform: translate(-50%, -50%) rotate(180deg); }
button.slick-arrow { background: var(--primary_color); font-size: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 100%; left: 30px; z-index: 99; }
button.slick-arrow:hover {background: var(--secondary_color); border-radius: 100%; }
button.slick-arrow:focus { border-radius: 100%; }

.free_sub_content a:hover {
    color: #4C7BAA;
}

.free_sub_content a {
    color: #60C8E7;
}








/*****************************************/
:root { 
  --white: #FFFFFF;
  --black: #000000;
    --primary_color: #203347;
    --secondary_color: #4C7BAA;
  --primary_font:Alata;
    --secondary_font:Alata;
   --roboto: "Roboto", sans-serif;
  
 
  
  
}
/* a.button svg { vertical-align: middle; } */
a.button { letter-spacing: 0.5px; color: #fff;  }

/* HEader */
header.header {
    position: absolute;
    z-index: 999;
    width: 100%;
    transition: all 0.3s ease;
}


header.header { position: relative; z-index: 999; }
header.header { background: #fff; padding: 13px 0; }
.header_row { display: flex; flex-flow: wrap; align-items: center; }
.header_left {width: 80%; display: flex; flex-flow: nowrap; flex-direction:row; justify-content: flex-start; }
.header_right { width: 20%; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; }
.header_right_inner { display: flex; gap: 10px; align-items: center; }
.header_icon a { align-items: center; display: flex;  justify-content: center;  }
.header_icon a svg { vertical-align: middle; display: block; color:#fff; margin-left:10px}
.main_menu { padding-left: 40px; align-content: center; }
.main_menu > ul > li { display: inline-block; padding-right: 21px; position:relative; }
.main_menu > ul { padding: 0; margin: 0; list-style: none;position:relative; }
.header_logo img { display: block; }
.main_menu > ul > li > a { color: var(--primary_color); font-size: 16px; line-height: 22px; font-weight: 400; font-family: var(--primary_font); }
.main_menu > ul > li:hover > a { color: var(--primary_color); }
.main_menu > ul > li > a { position: relative; }
.main_menu > ul > li > a:before { position: absolute; top: auto; content: ""; width: 100%; height: 3px; background: var(--secondary_color); bottom: -21px; opacity: 0; visibility: hidden; }
.main_menu > ul > li.open > a:before { opacity: 1; visibility: visible; }
.main_menu>ul>li { cursor: pointer; }

/* end HEader */
header.header.fixed { animation: slideDown 0.40s ease-out; position: fixed; width: 100%; background: #fff; z-index: 9999; }
.solutions_menu { display: none; left: 0px; transform: translateX(-13%);  width: max-content; max-width:100%; top:46px; position: absolute; z-index: 99; background: #fff; padding:30px 20px ; box-shadow: 0px 6px 6px 0px #00000026; border-radius: 0 0 12px 12px; }
.solutions_row { display: flex; flex-flow: wrap; }
.solutions_left { width: 42%; padding-right: 0px; }
.solutions_center { width: 42%; padding: 0 30px; border-left: 1px solid var(--primary_color); }
.solutions_right { width: 16%; padding-left: 40px; border-left: 1px solid var(--primary_color); }
.solutions_inner_row { display: flex; flex-flow: wrap; margin: 0 -20px; }
.solutions_inner_clomn { /*width: calc(100% / 2 - 40px);*/ margin: 0 20px; }
.solutions_right .solutions_inner_row { flex-direction: column; gap: 20px; }
.solutions_logo {padding-bottom: 30px;display: flex;vertical-align:middle;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}

.solutions_logo img { display: block;  object-fit: contain; object-position: 0% 0%;}
.menu_bar .hs_cos_wrapper_type_simple_menu li.hs-menu-item a { font-size: 16px; line-height: 22px; font-weight: 400; font-family: var(--primary_font); }
.menu_bar ul li a { color: var(--primary_color); }
.menu_bar ul li { padding-right: 0; width: calc(100% / 2 - 0px); }
.menu_bar ul { display: flex; flex-flow: wrap; }
.name { font-size: 26px; line-height: 30px; font-weight: 400; font-family: var(--secondary_font); padding-left: 20px; }
.solutions_right .solutions_inner_row { margin: 0 0; }
.solutions_right .solutions_inner_clomn {  width:100%; margin: 0 0; }
.solutions_inner_clomn .logo img { width: 105px; display: block; }
.solutions_right .name { padding-bottom: 49px; }
.cities { display: none; left: 0px; transform: translateX(-27%);  width: max-content; max-width:100vw; top:46px; position: absolute; z-index: 99; background: #fff; padding:30px 0px; box-shadow: 0px 6px 6px 0px #00000026; border-radius: 0 0 12px 12px; }
.cities_row { display: flex; flex-flow: wrap; }
.cities_left { width: 80%; padding-right: 20px; }
.cities_right { width: 20%; padding-left: 20px; }
.cities_inner_row { margin: 0px -10px; display: flex; flex-flow: wrap;/* align-items: center; */ }
.cities_inner_clomn { width: calc(100%/ 6 - 20px); margin: 0 10px; display: flex; flex-flow: wrap; align-items: center; margin-bottom: -4px; }
.cities_inner_imge { width: 35px; }
.cities_inner_name { width: calc(100% - 35px); padding-left: 10px; position: relative;top: 3px;}
.cities_title { font-size: 26px; line-height: 30px; padding-bottom: 25px; color: var(--primary_color); font-family: var(--secondary_font); font-weight: 400; }
.cities_inner_name { font-size: 16px; line-height: 30px; font-weight: 400; color: var(--primary_color); font-family: var(--primary_font); }
.cities_right .cities_inner_row { flex-direction: column; margin: 0px 0px; }
.cities_right .cities_inner_clomn { width: 100%; margin: 0 0; }
.cities_right { position: relative; padding-bottom: 65px; }
.cities_btn { position: absolute; bottom: 0; line-height:40px }
.resources { display: none; left: 72%; transform: translateX(-72%);  width: max-content; max-width:100vw; top:50px; position: absolute; z-index: 99; background: #FAFAFA; padding:30px 20px; box-shadow: 0px 6px 6px 0px #00000026; border-radius: 0 0 12px 12px; }
.resources_row { display: flex; flex-flow: wrap; }
.resources_left { width: 33.33%; border-right: 1px solid #000; }
.resources_right { width: 33.33%; padding-left: 40px; border-left: 1px solid #000; }
.resources_center { width: 20%; padding-left: 30px; padding-right: 30px; }
.resources_title { font-size: 26px; line-height: 30px; padding-bottom: 25px; color: var(--primary_color); font-family: var(--secondary_font); font-weight: 400; }
.resources_inner_row {  margin: 0 -20px; display: flex; flex-flow: wrap; }
.resources_inner_clomn { width: calc(100% / 2 - 40px); margin: 0 20px; display: flex; flex-flow: wrap; align-items: center; margin-bottom: 10px; }
.resources_center .resources_inner_row { flex-direction: column; }
.resources_center .resources_inner_clomn { width: 100%; margin: 0 0 10px; }
.resources_inner_thumbnail { width: 40px; }
.resources_inner_name { width: calc(100% - 40px); padding-left: 10px; font-size: 16px; line-height: 30px; font-family: var(--primary_font); }
.resources_inner_thumbnail img { display: block; width: 34px; height: 34px; }
.header_right_inner.mobile { display: none; }
.menu_bar ul li { padding-bottom: 10px; }
.resources_center .resources_inner_row {
    margin: 0 0;
}





@media (min-width:1400px) and (max-width:1450px){
  .menu_bar .hs_cos_wrapper_type_simple_menu li.hs-menu-item a{     font-size: 15px;  }

}

/* footer */
.social_icon li.icon__warp a { width: auto; height: auto; }
.social_icon li.icon__warp a svg { width: 30px; height: 30px; }
.f_contant_row { display: flex; justify-content: center; gap: 28px; align-items: center; padding-top: 31px; }
.email a span svg { line-height: 0; vertical-align: middle; display: inline-block; margin-right: 2px; }
.email a { display: inline-block; font-size: 16px; line-height: 22px; letter-spacing: 0.2px; color: #fff; font-weight: 700; }
.number a svg { line-height: 0; vertical-align: middle; display: inline-block; margin-right: 0px; }
.number a { display: inline-block; font-size: 16px; line-height: 22px; letter-spacing: 0.2px; color: #fff; font-weight: 700; }
.f_content { font-size: 14px; line-height: 20px; letter-spacing: 0.4px; color: #fff; text-align: center; padding-top: 7px; }
.social_icon { padding: 22px 0; }
.main_footer { padding: 70px 0 96.5px; background: var(--primary_color); position: relative; max-width: 1920px;margin: 0 auto;}
.social_icon ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; gap: 0px; align-items: center; }
.social_icon ul li a { align-items: center; background: transparent; display: flex; height: 35px; justify-content: center; width: 35px; }
.social_icon ul li a svg { width: 20px; height: 20px; fill: #fff; vertical-align: middle; }
.social_icon ul li a span { line-height: 0; }
.footer_logo { text-align: center; }
.f_box_form .form-title { display: none; }
.f_box_form  form { background: transparent; border: none; }
.f_box_form .hs_email label { display: none; }
.f_box_form form .inputs-list>li { display: block; margin: 0; text-align: left; vertical-align: middle; color: #fff; }
.f_box_form form .inputs-list>li>label { font-family: var(--primary_font); font-weight: 400; padding-top: 0; text-align: left; width: auto; align-items: center; display: flex; font-size: 12px; line-height: 12px; margin: 0 0 5px; vertical-align: middle; color: #fff; }
.f_box_form form .inputs-list>li>label .hs-input { left: -1000em; position: absolute }
.f_box_form form .inputs-list>li>label span { display: block; margin-left: 0 !important; padding-left: 12px; padding-top: 2px; vertical-align: unset }
.f_box_form form .inputs-list>li>label span:before { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; content: ""; float: left; height: 20px; left: -12px; line-height: normal; margin: 0; padding: 2px; position: relative; top: -4px; width: 20px }
.f_box_form form .inputs-list>li>label .hs-input:checked+span:before { background-color: #3898ec; background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/custom-checkbox.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec }
.f_box_form form input[type=submit] { margin-top: 8px; min-width: 190px !important }
.f_box_form form input[type=checkbox]:checked { background-color: #3898ec; background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/custom-checkbox-checkmark.589d534424.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec }
.f_box_cover { max-width: 450px; margin: 0 auto; }
.f_box_form form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea { background-color: rgba(240, 240, 240, 1.0); border-color: rgba(255, 255, 255, 0.0); border-radius: 4px; color: rgba(30, 41, 64, 1.0); border-width: 1.2px; border-style: solid; }
.f_box_form form input[type=email] { background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/email_blue.svg); background-position: 273px; background-repeat: no-repeat; border-radius: 4px; box-sizing: border-box; display: inline-block; font-family: var(--primary_font); font-size: 14px; font-weight: 400; height: 50px; line-height: 1.42857143; margin-bottom: 0; outline: none; padding: 8px 50px 8px 12px; vertical-align: middle; width: 100% }
.f_box_form .hs-email.hs-form-field { margin: 0 132px 16px 0; }
.f_box_form .hs_submit.hs-submit { position: absolute; right: 0; top: 0 }
.f_box_form { margin: 0 0 15px; position: relative }
.f_box_form form input[type=submit] { background-color: var(--secondary_color); color: #fff; height: 50px; margin-top: 0; min-width: auto !important; padding: 10px 24px 11px; font-size: 16px; line-height: 16px; font-weight: 400; font-family: var(--secondary_font); }
.f_box_form form input[type=submit]:hover { background-color: #385069 }
.f_box_form label.hs-error-msg.hs-main-font-element { display: inline-block; margin-top: 12px !important; }
.f_box_form .hs-error-msg, .systems-page ul.no-list.hs-error-msgs label { color: #ef6b51 !important }
.f_box_form form input[type=submit] { background-image: url(https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/2024/dropdown.svg); background-position: 80%; background-repeat: no-repeat; background-size: auto; cursor: pointer; display: inline-block; font-family: var(--secondary_font); font-size: 16px; line-height: 24px; margin-left: 0; margin-right: auto; min-width: 190px; padding-right: 40px; text-decoration: none; transition: background-color .2s; }
.knowledge__content { font-size: 14px; line-height: 20px; color: #fff; text-align: center; letter-spacing: 0.4px; padding-bottom: 19px; }
.knowledge__content span { color: #60C8E7; }
.policy__content { padding-bottom: 5px; color: #fff; font-size: 14px; line-height: 20px; letter-spacing: 0.4px; text-align: center; }
.policy__content a { color: #fff; text-decoration: underline; font-family: var(--primary_font); }
.copyright__content { padding-top: 5px; font-size: 12px; line-height: 14px; color: #fff; text-align: center; }
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
.policy__content a:hover { color: #60C8E7; font-family: var(--primary_font); text-decoration: underline; }
.partner_title { text-align: center; }
.partner { padding: 36px 0 58px; }
.partner_row { display: flex; flex-flow: wrap; align-items: center; margin: 0 auto; max-width: 1314px; }
.partner_clomn { text-align: center; width: calc(100%/ 6 - 30px); margin: 0 15px 30px; }
.partner_clomn img { display: inline-block; max-height: 85px !important; object-fit: contain; vertical-align: middle; }
.partner_title h3 { margin-bottom: 30px; font-size: 26px; line-height: 30px; font-weight: 400; color: var(--primary_color); }
.shape_thumbnail { position: absolute; top: 0; left: 65px; }
.shape_thumbnail img { width: 333px !important; }

/* Workflow Section  */
.workflow_section { padding: 40px 0; }
.workflow_image { text-align: center; padding-bottom: 40px; }
.workflow_image img { display: block; margin: 0 auto; }
.workflow_title { text-align: center; color: var(--primary_color); }
.workflow_title h2 { color: var(--primary_color); font-size: 38px; line-height: 42px; font-weight: 400; margin-bottom: 40px; }
.workflow_title h2 span { display: block; color: var(--secondary_color); }
.workflow_small_content { font-size: 18px; line-height: 24px; font-weight: 400; color: var(--primary_color); font-family: var(--secondary_font); }
.workflow_small_content p { font-family: var(--secondary_font); }
.workflow_row { padding-top: 50px; display: flex; flex-flow: wrap; margin: 0 -20px; justify-content: center; flex-direction:row; gap: 40px}
.workflow_clomn { width: calc(100%/ 4 - 40px); margin: 0 20px; margin-bottom: 20px; text-align: center; }
.workflow_content_title { font-size: 18px; line-height: 24px; font-weight: 400; color: var(--primary_color); font-family: var(--secondary_font); padding: 20px 0; text-align:center}
.workflow_logo img { display: block; margin: 0 auto; max-width:180px !important; }
.workflow_content { line-height: 22px; font-size: 16px; font-weight: 400; max-width: 282px; margin: 0 auto; color: var(--primary_color); text-align:center }
.workflow_content a { color: var(--secondary_color); text-decoration: underline; font-family: var(--primary_font); }
.icon__section .workflow_content_title { color: var(--primary_color); font-family: var(--secondary_font); font-size: 26px; font-weight: 400; line-height: 1.3em; padding: 20px 0; }
.workflow_btn { padding-top: 40px; text-align: center; }
.workflow_content a:hover { color: var(--secondary_color); text-decoration: underline; font-family: var(--primary_font); }
/*  */
.tabbing { padding: 40px 0; }
.tabbing .workflow_image { padding-bottom: 20px; }
.tabbing .workflow_title h2 { margin-bottom: 20px; }
.tab__btn { display: flex; flex-flow: wrap; gap: 30px; justify-content: center; padding: 40px 0; }
.border__btn { cursor: pointer; padding: 14px 25px; min-width: 150px; text-align: center; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; background: #E1E1E3; border-radius: 4px; font-family: var(--secondary_font); font-weight: 400; position: relative; }
.border__btn:before { margin: 0 auto; left: 0; right: 0; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid var(--secondary_color); position: absolute; top: auto; content: ""; bottom: -11px; opacity: 0; visibility: hidden; }
.tab_content .row { justify-content: center; display: flex; flex-flow: wrap; max-width: 815px; margin: 0 auto; }
.tab_content .colmn { width: calc(100%/ 6 - 30px); margin: 0 15px; margin-bottom: 30px; text-align: center; }
.tab_content .thumbnail img { width: 102px; height: 102px !important; display: block; margin: 0 auto; object-fit: cover; border-radius: 100%; }
.tab_content .thumbnail { padding-bottom: 10px; }
.city_name { line-height: 24px; font-size: 16px; font-family: var(--primary_font); font-weight: 400; color: var(--primary_color); }
.tab_btn { text-align: center; padding-top: 30px; }
.tab_content { display: none; }
div#tab1 { display: block; }
.current .border__btn { background: var(--secondary_color); color: #fff; }
.current .border__btn:before { opacity: 1; visibility: visible; }

/*  */
.experience_box { background-size: cover; min-height: 810px; display: flex; flex-flow: wrap; flex-direction: column; justify-content: center; align-items: center; gap: 30px; width: 100%; box-shadow: 0px 4px 20px 0px #00000040; border-radius: 8px; }
.experience_title h2 { font-size: 42px; line-height: 42px; font-weight: 400; color: #fff; margin: 0 0; }
.experience { margin-top: -330px; position: relative; z-index: 1; }
.experience_box:before { position: absolute; top: 0; content: ""; right: 0; left: 0; bottom: 0; border-radius: 8px; z-index: -1; }
.experience_content {
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
/*  */
.slider_logo { padding: 40px 0; }
.slider_logo .workflow_title h2 span { display: inline-block; }
.slider_logo .workflow_title h2 { font-size: 42px; }
.slider_logo .slick-track { display: flex; gap: 32px; align-items: center; }
.slider_logo .logo__img img { display: block; width: 100%;  height: 130px !important; object-fit: contain; }
.logo_row { padding: 0px 45px; padding-top: 40px; }

/*  */
.hero__inner { padding: 60px 0 120px; background: radial-gradient(50% 158.02% at 0% 0%, #203347 0%, #0E172D 100%); }
.hero__inner__services { padding: 60px 0 120px; background: radial-gradient(50% 158.02% at 0% 0%, #F3F8FC 0%, #D6F1FA 100%); }
.inner_row { display: flex; flex-flow: wrap; }
.inner_left { width: 42%; padding-right: 40px; }
.inner_right { width: 58%; }
.inner_sub_title {font-family: var(--secondary_font); font-size: 26px; line-height: 30px; font-weight: 400; color: #fff; padding-bottom: 20px; }
video.bg__overlay__video { width: 100%; display: block; }
span.playpause { align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover; display: inline-flex; justify-content: center; text-align: center; width: 100%; transition: all 0.4s ease; position: absolute; cursor: pointer; z-index: 1; top: 0; right: 0; left: 0; bottom: 1px; }
.video { position: relative; }
.hero__inner { position: relative; z-index: 1; }
.hero__inner__services { position: relative; z-index: 1; }
.hero__top_shap { display:none;position: absolute; top: -35px; right: 0; left: 0; bottom: auto; text-align: center; }
.inner_title h1 { font-size: 60px; line-height: 60px; letter-spacing: -2px; }
.inner_content { font-size: 16px; line-height: 22px; color: #fff; padding-bottom: 20px; }
/* .inner_btn a.button { padding: 10px 20px; } */
.inner_logo { padding-bottom: 20px; }
.inner_logo img { display: block; }
.play_icon { position: absolute; top: 0; z-index: 1; right: 0; left: 0; bottom: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.playing video.bg__overlay__video { position: relative; z-index: 2; }
.hero_bottom_shap { position: absolute; top: auto; bottom: 0; right:0; left:0; }
.hero_bottom_shap img { display: block; width: 100%; margin-bottom: -3px; }
.hero_bottom_shap img{ display: block; width: 100%; margin-bottom: -3px; }
.simapal__menu ul { padding: 0; margin: 0; list-style: none; display: flex; flex-flow: wrap; justify-content: center; gap: 40px; }
.simapal__menu { padding: 40px 0; }
.simapal__menu ul li a { font-size: 16px; line-height: 19px; color: #fff; letter-spacing: 0.5px; font-weight: 400; }
.simapal__menu span.arrow_down { align-items: center; display: inline-block; display: inline-flex; height: 15px; justify-content: center; position: relative; transition: all .3s ease; width: 15px }
.simapal__menu span.arrow_down span { border-color: var(--gary900); border-style: solid; border-width: 0 0 2px 2px; bottom: 0; height: 60%; left: 0; margin: auto; position: absolute; right: 0; top: -5px; transform: rotate(-45deg); width: 60% }
.simapal__menu>ul>li>a .arrow_down { margin-left: 3px; vertical-align: middle; }
.logo_inner_row { display: flex; gap: 20px; padding-top: 20px; }
.logo_inner_clomn { width: calc(100% / 5); }
.logo_inner_imag img { display: block; margin: 0 auto; }
.city_hero .inner_title h1, .city_hero .inner_sub_title, .city_hero .inner_content { color: var(--primary_color); }
.city_hero .inner_title h1 { text-transform: uppercase; max-width: 500px; }
.city_hero .inner_content { max-width: 453px; }
.hero__inner.city_hero { background: radial-gradient(100% 316.05% at 0% 50%, #F3F8FC 0%, #D6F1FA 100%); }
.city_hero .simapal__menu ul li a { color: var(--primary_color); }

/*  */
.counter_row ul { padding: 0; margin: 0; list-style: none; }
.counter_row ul { display: flex; flex-direction: row; flex-flow: wrap; gap: 80px; justify-content: center; }
.counter_row ul li { text-align: center; }
.counter_row ul li .counter_number { font-size: 42px; line-height: 42px; color: var(--primary_color); font-weight: 400; font-family: var(--secondary_font); }
.counter_section { padding: 90px 0 13px; }
.city_hero .simapal__menu { padding-top: 35px; }
.counter_row ul li .counter_title {     text-transform: uppercase; padding-top: 10px; font-size: 14px; line-height: 15px; font-weight: 400; font-family: var(--secondary_font); }

/*  */
.video_section { padding: 80px 0; }
.heading_cover { text-align: center; padding-bottom: 40px; }
.heading_thumbnail { padding-bottom: 20px; }
.heading_title h2 { margin-bottom: 20px; font-size: 42px; line-height: 42px; font-weight: 400; color: var(--primary_color); }
.video__row { display: flex; flex-flow: wrap; }
.video_left { width: 60%; padding-right: 40px; }
.video_right { width: 40%; padding-left: 40px; }
.video_icon { padding-bottom: 40px; }
.video_icon img { display: block; }
.video_title h3 { font-size: 42px; line-height: 42px; margin-bottom: 40px; }
.video_content { font-size: 16px; line-height: 22px; font-family: var(--primary_font); font-weight: 400; color: var(--primary_color); }
.heading_sub_content { font-size: 18px; line-height: 24px; font-family: var(--secondary_font); font-style: normal; font-weight: 400; }
.heading_sub_content p { font-family: var(--secondary_font); }
.video_btn { padding-top: 40px; }
.video__row.row_rwerse { flex-direction: row-reverse; }
.row_rwerse .video_left { padding-right: 0; padding-left: 40px; }
.row_rwerse .video_right { padding-left: 0; padding-right: 40px; }

/*  */
.testimonial_section { padding: 0px 0; /*background: #E5F2F7*/ }
.testimonial_content { text-align: center; font-size: 28px; line-height: 32px; font-style: italic; font-weight: 100 !important; max-width: 779px; margin: 0 auto; font-family: var(--primary_font); }
.testimonial_content p { font-family: var(--primary_font); font-style: italic; font-weight: 300 !important; }
.testimonial_inner_row { display: flex; flex-flow: wrap; max-width: 311px; margin: 0 auto; padding-top: 40px; align-items: center; }
.testimonial_author_img { width: 60px; }
.testimonial_author_name { width: calc(100% - 60px); padding-left: 15px; }
.testimonial_author_name span { display: block; font-size: 12px; line-height: 14px; }
.testimonial_author_name span.name { padding-bottom: 5px; }
.testimonial_author_img img { display: block; width: 58px; height: 58px !important; border-radius: 100%; display: block; object-fit: cover; object-position: center; }
.testimonial_btn { text-align: center; padding-top: 40px; }
.testimonial_section ul.slick-dots { padding-top: 40px; }

/*  */
.cities_slider { padding: 40px 45px 0; }
.cities_slider .logo__clomn { text-align: center; }
.cities_slider .logo__img { text-align: center; }
.cities_slider .logo__img img { display: block; margin: 0 auto; }
.slider_logo .cities_slider .slick-track { align-items: center; display: flex; gap: 44px; }
.logo__title { font-size: 16px; line-height: 16px; padding-top: 10px; font-family: var(--secondary_font); }
.slider_logo .cities_slider ul.slick-dots { padding-top: 40px; }
.cities_btn_row { display: flex; flex-flow: wrap; justify-content: center; gap: 31px; padding-top: 40px; }
.cities_btn_two a.button { background: #60C8E7; }
.cities_btn_two a.button:hover { background: #1a334e; }

/*  */
.solutions__section .workflow_title h2 span { display: inline-block; }
.solutions__section .workflow_clomn { margin: 0px; text-align: left; width: calc(20% - 40px); }
.solutions__section .workflow_logo img { margin-left: 0; }
.workflow_logo { padding-bottom: 20px; }
.solutions__btn a svg { vertical-align: middle; margin-left: 5px; }
.solutions__btn a { color: var(--secondary_color); }
.solutions__btn { padding-top: 0px; }

/*  */
.image__full__mobile { display: none; }
.image__full__destktop img { display: block; width: 100%; height: 100% !important; }
.image__full__mobile img { display: block; width: 100%; height: 100% !important; }

/*  */
.video_section.map__section { padding: 40px 0; }
.video__map img {     margin: 0 auto; display: block; }

/*  */
.tabbing__row { display: flex; flex-flow: wrap; position: relative; }
.tabbing__left { width: 60%; position: relative; z-index: 2; }
.center_image { position: absolute; right: -56px; top: 50%; transform: translateY(-50%); }
.tabbing__right { width: 40%; background: #F0F0F0; padding: 40px 55px; }
.tab_image img { display: block; width: 100%; height: 100% !important; object-fit: cover; }
.tabbing__right_title { padding-left: 13px; font-size: 16px; line-height: 18px; font-weight: 400; font-family: var(--secondary_font); padding-bottom: 21px; }
.tabbing__right_row { display: grid;    grid-template-columns: repeat(2, 1fr);
    overflow: auto;
    gap: 15px;  }
.ready_box { width: calc(100% / 1 - 0px); padding: 3px 15px; font-size: 14px; line-height: 20px; color: #78849B; font-weight: 400; font-family: var(--secondary_font); cursor: pointer; }
.ready_box.current { background-image: url(https://www.vu.city/hubfs/raw_assets/public/VuCity_June2023/images/Data%20Layers%20Chevron.svg); background-position-y: 4.5px !important; background-color: transparent; background-position: 1px; background-repeat: no-repeat; background-size: auto; color: #0E172D; }
.tab_content_cover { height: 100%; position: relative; }
.tab_image { height: 100%; }
.tabbing__section { padding: 40px 0; background: #FAFAFA; }
.tabbing__right_row  .same__dived {
     min-width: 220px;
}



/*  */
.service__hero_row { display: flex; flex-flow: wrap; align-items: center; margin-top: -166px; }
.service__hero_left { padding-left: calc(50% - 715px); position: relative; width: 40%; z-index: 1; }
.service__hero_right { padding-top: 50px; position: relative; text-align: right; width: 60%; z-index: 3; }
.service__hero { z-index: 1; position: relative; background: radial-gradient(100% 316.05% at 0% 50%, #F3F8FC 0%, #D6F1FA 100%); padding: 120px 0 0px; }
.service__hero_cover { max-width: 360px; }
.service__logo { padding-bottom: 14px; }
.service__hero_title h2 { text-transform: uppercase; color: var(--primary_color); font-size: 60px; line-height: 60px; margin-bottom: 20px; }
.service__hero_sub_text { font-size: 26px; line-height: 30px; font-weight: 400; font-family: var(--secondary_font); color: var(--primary_color); padding-bottom: 20px; }
.service__hero_btn { padding-top: 20px; }

/*  */
.slider_section { padding: 40px 0; background: #FAFAFA; }
.slider_image img { display: block; width: 100%; }
.slider_image { padding-bottom: 40px; }
.slider_title { text-align: center; }
.slider_title h3 { font-size: 26px; line-height: 30px; color: var(--primary_color); font-weight: 400; font-family: var(--secondary_font); }
.slider_content { max-width: 770px; margin: 0 auto; font-size: 16px; line-height: 22px; color: var(--primary_color); font-weight: 400; font-family: Roboto, sans-serif; }
.slider_btn { text-align: center; padding-top: 40px; }
.slider_section ul.slick-dots { padding-top: 40px; }
.slider_row { padding: 0 40px; }

/*  */
.card__v_row { display: flex; flex-flow: wrap; margin: 0 -20px; }
.card__v_clomn { width: calc(100%/ 4 - 40px); margin: 0 20px; margin-bottom: 40px; }
.card__v_inner_clomn img { width: 100%; display: block; }
.card__v_inner_row ul.slick-dots { position: absolute; z-index: 1; top: auto; right: 0; left: 0; bottom: 22px; }
.card__v__title_row { display: flex; flex-flow: wrap; padding: 10px 0 15px; }
.card__v__title { width: 100%; font-size: 26px; line-height: 30px; color: var(--primary_color); font-family: var(--secondary_font); }
.card__v__icon { width: 10%; display:none }
.card__v_inner_row { position: relative; }
.card__v_inner_row ul.slick-dots li button { background: rgb(255 255 255 / 50%); }
.card__v_inner_row ul.slick-dots li.slick-active button { background: var(--white); }
.card__v__link a { font-size: 16px; line-height: 22px; letter-spacing: 0.2px; font-weight: 700; font-family: var(--primary_font); color: var(--secondary_color); }
.card__v_inner_clomn { position: relative; }
.card__v_inner_clomn a.postion_link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; }
.card__v_section { padding: 40px 0; background: #FAFAFA; }
.card__v_section .heading_thumbnail { display: none; }
.card__v_section .heading_title { display: none; }
.btn_card_row { display: none; flex-flow: wrap; gap: 25px; justify-content: center; padding-top: 20px; }
.card__v__link a:hover { color: var(--primary_color); font-family: var(--primary_font); font-size: 16px; font-weight: 700; letter-spacing: .2px; line-height: 22px; }

/*  */
.card__section { padding: 40px 0; }
.card__row { display: flex; flex-flow: wrap; margin: 0 -20px; }
.card__clomn { width: calc(100%/ 3 - 40px); margin: 0 20px 40px; text-align: center; }
.card__clomn_img img { width: 100%; height: 254px !important; display: block; object-fit: cover; }
.card__clomn_img { padding-bottom: 40px; }
.card__clomn_content h2 { margin-bottom: 40px; font-size: 42px; line-height: 42px; color: var(--primary_color); }
.card__btn { text-align: center; padding-top: 40px; }

/*  */
.laptop_video_cover { max-width: 990px; margin: 0 auto; position: relative; }
.laptop_video_cover .laptop_video_video { position: absolute; top: 0px; right: 0; left: 0; bottom: 0px; width: 100%; margin: 0 auto; height: 100%; overflow: hidden; padding: 26px 114px 55px; }
.laptop_video_cover img { display: block; width: 100%; margin: 0 auto; }
.laptop_video_section { position: relative; padding-bottom: 40px; }



@media(min-width:768px) and (max-width:1023px) {
    .laptop_video_cover { max-width: 700px; margin: 0 auto; position: relative; }
    .laptop_video_cover .laptop_video_video { padding: 20px 81px 58px; }
    .play_icon svg { width: 80px; height: 80px; }
}
@media(min-width:500px) and (max-width:767px) {
    .laptop_video_cover { max-width: 500px; margin: 0 auto; position: relative; }
    .laptop_video_cover .laptop_video_video { padding: 13px 54px 58px; }
    .play_icon svg { width: 70px; height: 70px; }
}
@media(min-width:440px) and (max-width:499px) {
    .laptop_video_cover { max-width: 400px; margin: 0 auto; position: relative; }
    .laptop_video_cover .laptop_video_video { padding: 10px 46px 21px; }
    .play_icon svg { width: 50px; height: 50px; }
}
@media(min-width:375px) and (max-width:439px) {
    .laptop_video_cover { max-width: 350px; margin: 0 auto; position: relative; }
    .laptop_video_cover .laptop_video_video { padding: 9px 40px 21px; }
    .play_icon svg { width: 40px; height: 40px; }
}
@media(min-width:320px) and (max-width:374px) {
    .laptop_video_cover { max-width: 307px; margin: 0 auto; position: relative; }
    .laptop_video_cover .laptop_video_video { padding: 7px 33px 21px; }
    .play_icon svg { width: 40px; height: 40px; }
}

/*  */
.free__hero { padding: 125px 0 200px; position: relative; background-position: 100% 0 !important; background-repeat: no-repeat; background-size: contain !important; }
.free__hero_title h1 { margin-bottom: 20px; font-size: 60px; line-height: 60px; letter-spacing: -2px; font-family: var(--secondary_font); color: #FFF; }
.free_sub_title { padding-bottom: 20px; font-size: 26px; line-height: 30px; font-family: var(--secondary_font); color: #A1DFF2; }
.free_sub_content { max-width: 484px; color: #fff; font-size: 16px; line-height: 22px; }
.free_sub_content span { letter-spacing: 0.2px; color: #A1DFF2; font-weight: 700; }
.free_sub_content a { color: #A1DFF2; font-weight: 400; text-decoration: underline; }
.free_inner_row { padding-top: 32px; margin: 0 -15px; display: flex; flex-flow: wrap; }
.free_inner_clonm { width: calc(100%/ 4 - 30px); margin: 0 15px; margin-bottom: 15px; }
.free_inner_image img { margin: 0 auto; display: block; }
.free_inner_title { font-size: 16px; line-height: 18px; text-align: center; font-family: var(--secondary_font); color: #FFF; }
.free__hero_row { display: flex; flex-flow: wrap; }
.free__hero_left { width: 50%; }
.free__hero_right { width: 50%; }
.free__hero:after { background: radial-gradient(50% 158.02% at 0 0, #203347 0, #0e172d 100%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 }
.free__hero_left_cover { max-width: 565px; margin: 0 auto; margin-left: 0; }
.free__hero_right .free_trial_form { margin: 0 auto; margin-right: 0; }
.free__hero_left { padding-right: 30px; }
.free__hero_right { padding-left: 30px; }

/*  */
.contact_form_section { background: radial-gradient(100% 316.05% at 0% 50%, #F7F7F7 0%, #F0F0F0 100%); padding: 100px 0 200px; position: relative; }
.contact_form_section_shap { bottom: 0; position: absolute; top: auto; }
.contact_form_section_shap img { width: 100%; display: block; }
.contact_from { display: flex; flex-flow: wrap; max-width: 1220px; margin: 0 auto; }
.contact_from_left { width: 50%; padding-right: 30px; }
.contact_from_step_1_right { width: 50%; padding-left: 30px; }
.contact_from_left_cover { max-width: 450px; }
.form_step_title h2 { font-size: 70px; line-height: 70px; }
.form_step_1_content { font-size: 18px; line-height: 24px; font-family: 'Alata'; }
.form_step_1_left_main { display: flex; align-items: center; padding-top: 20px; }
.form_step_1_left_icon { padding-right: 7px; }
.form_step_1_left_content span, .form_step_1_left_content span a { font-weight: 700; color: var(--primary_color); }
.form_step_1_content_bottom { line-height: 24px; padding-top: 20px; }
.form_step_1_border { border-bottom: 1px solid var(--primary_color); padding-top: 15px; }
.form_step_1_media_icons ul { display: flex; flex-flow: wrap; list-style: none; padding: 0; margin: 0; gap: 10px; }
.form_step_1_media_icons { padding-top: 20px; }
.form_step_1_left_icon svg { display: block; }
.from_step_1_right_main { max-width: 490px; background: #E1E1E3; box-shadow: 0px 4px 4px 0px #00000040; border-radius: 10px; padding: 20px; text-align: center; margin: 0 0 0 auto; }
.step_1_right_number_cover ul { list-style: none; display: flex; justify-content: center; gap: 30px; padding: 0; margin: 0; }
.step_1_right_number_cover ul li { width: 30px; height: 30px; display: block; border: 1px solid #203347; border-radius: 15px; padding: 4px; font-size: 15px; }
.step_1_right_title_main h2 { font-size: 26px; line-height: 30px; text-align: center; padding-top: 20px; margin: 0; }
.step_1_right_number_cover ul li:nth-child(2) { border: none; }
.step_1_right_title a { color: #ffff; padding: 15px 15px; display: block; }
.step_1_right_title a:hover { color: #ffff; }
.step_1_right_title { background: #4C7BAA; border-radius: 4px; }
.step_1_right_title_cover { padding-top: 20px; }
.form_step_1_left_content.link a { display: flex; gap: 5px; }
.form_step_1_left_content.link a span svg { display: block; }
.form_step_title.mobile, .form_step_1_content.mobile { display: none; }
.from_step_1_right_main .form-title { display: none; }
.from_step_1_right_main form { background: transparent; padding-top: 20px; }
.step_1_right_title a span { padding-left: 5px; }
.form_checkbox ul li span { font-size: 12px; }
.from_row_four textarea { width: 100%; height: 125px; padding: 10px; border: none; outline: none; }
.form_step_1_left_content a span, .form_step_1_left_content a span { font-family: var(--primary_font); }
.main_from_step_2 .form-title, .submitted-message, form { background: #E1E1E3; }
.main_from_step_2 form input[type=email], .main_from_step_2 form input[type=file], .main_from_step_2 form input[type=number], .main_from_step_2 form input[type=password], form input[type=search], .main_from_step_2 form input[type=tel], .main_from_step_2 form input[type=text], .main_from_step_2 form select, .main_from_step_2 form textarea { 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: var(--roboto); width: 100% !important; }
.main_from_step_2 .hs-form-field { margin-bottom: 10px; }
.main_from_step_2 fieldset.form-columns-1 .hs-input { width: 100% !important; }
.main_from_step_2 .hs-error-msg { font-size: 12px; text-align: left; margin: 0px 0; }
.main_from_step_2 fieldset.form-columns-1 .input { margin-right: 0; }
.main_from_step_2 form label { text-align: left; }
.main_from_step_2 .hs-fieldtype-textarea.hs-input { min-height: 150px; }
.main_from_step_2 form input[type=submit] { background-color: var(--secondary_color); color: #fff; height: 50px; margin-top: 0; min-width: auto !important; padding: 10px 24px 11px; font-size: 16px; line-height: 16px; font-weight: 400; font-family: var(--secondary_font); }
.main_from_step_2 form input[type=submit]:hover { background-color: #385069 }
.main_from_step_2 form input[type=submit] { background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/Button%20Arrow.svg); background-position: 91%; background-repeat: no-repeat; background-size: auto; cursor: pointer; display: inline-block; font-family: var(--secondary_font); font-size: 16px; line-height: 24px; margin-left: 0; margin-right: auto; min-width: 190px; padding-right: 35px; text-decoration: none; transition: background-color .2s; }
.main_from_step_2 ul { list-style: none; margin: 0; padding: 0 }
.main_from_step_2 { padding-top: 15px }
.main_from_step_2 label.hs-form-booleancheckbox, label.hs-form-booleancheckbox { display: inline-block; position: relative }
.main_from_step_2 input[type=checkbox]+span, input[type=radio]+span { display: block; margin-left: 0 !important; padding-left: 30px; position: relative }
.main_from_step_2 input[type=checkbox]+span:before, input[type=radio]+span:before { background: #fafafa; border-radius: 4px; bottom: 0; content: ""; height: 20px; left: 0; margin: auto 0; position: absolute; top: 0; width: 20px }
.main_from_step_2 input[type=checkbox]+span:after, input[type=radio]+span:after { border-color: #203347; border-style: solid; border-width: 0 0 2px 2px; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 3px; transform: rotate(-45deg); transition: all .3s ease; width: 11px }
.main_from_step_2 input[type=checkbox]:checked+span:after, input[type=radio]:checked+span:after { opacity: 1 }
.main_from_step_2 input[type=checkbox], input[type=radio] { cursor: pointer; height: 100%; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 1 }
.main_from_step_2 label.hs-form-booleancheckbox-display { margin-bottom: 10px; position: relative }
.main_from_step_2 fieldset.form-columns-1 input[type=checkbox], .main_from_step_2 fieldset.form-columns-1 input[type=radio] { width: 20px !important; }
.form_step_1_content p { font-family: var(--secondary_font); font-weight: 400; }
.main_from_step_2 .legal-consent-container .hs-form-booleancheckbox-display>span p { margin-left: 0 !important; }
.main_from_step_2 form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.main_from_step_2 form input[name="firstname"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 form input[name="lastname"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 form input[name="phone"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%281%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 form select { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%282%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 form input[name="company"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%283%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 form input[name="email"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%284%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.main_from_step_2 .legal-consent-container .hs-form-booleancheckbox-display>span { font-size: 12px; line-height: 14px; }
.main_from_step_2 .legal-consent-container .hs-form-booleancheckbox-display>span a { text-decoration: underline; color: var(--secondary_color); }
.main_from_step_2 .hs_submit.hs-submit { text-align: right; padding-top: 10px; }

/*  */
.contact__team .free_trial_formv2 form input[type=submit] { background-color: var(--secondary_color); color: #fff; height: 50px; margin-top: 0; min-width: auto !important; padding: 10px 24px 11px; font-size: 16px; line-height: 16px; font-weight: 400; font-family: var(--secondary_font); }
.contact__team .free_trial_formv2 form input[type=submit]:hover { background-color: #385069; }
.contact__team .free_trial_formv2 form input[type=submit] { background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/Button%20Arrow.svg); background-position: 91%; background-repeat: no-repeat; background-size: auto; cursor: pointer; display: inline-block; font-family: var(--secondary_font); font-size: 16px; line-height: 24px; margin-left: 0; margin-right: auto; min-width: 190px; padding-right: 35px; text-decoration: none; transition: background-color .2s; }
.contact__team .free_trial_formv2 .form-title { display: none; }
.contact__team .free_trial_formv2 form input[name="firstname"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON.svg'); background-position: 98%; background-repeat: no-repeat; }
.contact__team .free_trial_formv2 form input[name="phone"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%281%29.svg'); background-position: 98%; background-repeat: no-repeat; }
.contact__team .free_trial_formv2 form input[name="company"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%283%29.svg'); background-position: 98%; background-repeat: no-repeat; }
.contact__team .free_trial_formv2 form input[name="email"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%284%29.svg'); background-position: 98%; background-repeat: no-repeat; }
.contact__team .free_trial_formv2 form textarea { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%285%29.svg'); background-position-y: 5% !important; background-position: 98%; background-repeat: no-repeat; }
.contact__team .free_trial_formv2 a span, .free_trial_formv2 a span { font-family: var(--primary_font); }
.contact__team .free_trial_formv2 .form-title, .submitted-message, form { background: #E1E1E3; }
.contact__team .free_trial_formv2 form input[type=email], .contact__team .free_trial_formv2 form input[type=file], .contact__team .free_trial_formv2 form input[type=number], .contact__team .free_trial_formv2 form input[type=password], .contact__team .free_trial_formv2 form input[type=search], .contact__team .free_trial_formv2 form input[type=tel], .contact__team .free_trial_formv2 form input[type=text], .contact__team .free_trial_formv2 form select, .contact__team .free_trial_formv2 form textarea { background-color: #F7F7F7; height: 50px; border: none !important; outline: none; border-radius: 4px !important; padding: 10px 10px !important; padding-right: 40px !important; color: #203347 !important; font-size: 16px !important; line-height: 20px; font-family: var(--roboto); width: 100% !important; }
.contact__team .free_trial_formv2 .hs-form-field { margin-bottom: 10px; }
.contact__team .free_trial_formv2 .hs-error-msg { font-size: 12px; text-align: left; margin: 0px 0; }
.contact__team .free_trial_formv2 form label { text-align: left; }
.contact__team .free_trial_formv2 .hs-fieldtype-textarea.hs-input { min-height: 150px; }
.contact__team .free_trial_formv2 label.hs-form-booleancheckbox, label.hs-form-booleancheckbox { display: inline-block; position: relative; }
.contact__team .free_trial_formv2 input[type=checkbox]+span, input[type=radio]+span { display: block; margin-left: 0 !important; padding-left: 30px; position: relative }
.contact__team .free_trial_formv2 input[type=checkbox]+span:before, input[type=radio]+span:before { background: #fafafa; border-radius: 4px; bottom: 0; content: ""; height: 20px; left: 0; position: absolute; top: 0; width: 20px }
.contact__team .free_trial_formv2 input[type=checkbox]+span:after, input[type=radio]+span:after { border-color: #203347; border-style: solid; border-width: 0 0 2px 2px; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 6px; transform: rotate(-45deg); transition: all .3s ease; width: 11px }
.contact__team .free_trial_formv2 input[type=checkbox]:checked+span:after, input[type=radio]:checked+span:after { opacity: 1 }
.contact__team .free_trial_formv2 input[type=checkbox], input[type=radio] { cursor: pointer; height: 100%; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 1 }
.contact__team .free_trial_formv2 label.hs-form-booleancheckbox-display { margin-bottom: 10px; position: relative; }
.contact__team .free_trial_formv2 input[type=checkbox], .free_trial_form input[type=radio] { width: 20px !important; }
.contact__team .free_trial_formv2 p { font-family: var(--roboto) !important; font-weight: 400; }
.contact__team .free_trial_formv2 .legal-consent-container .hs-form-booleancheckbox-display>span p { margin-left: 0 !important; }
.contact__team .free_trial_formv2 .hs_submit.hs-submit { text-align: right; padding-top: 20px; }
.contact__team .free_trial_formv2 { max-width: 420px; }
.contact__team img.free_trial_shape { display: none; }
.contact__team .free_trial__right img { transform: scale(1.5) translateY(-100px) translateX(78px); }
.legal-consent-container {  padding-top: 10px; }
.free_trial_form .hs-form-booleancheckbox input[type=checkbox]+span, input[type=radio]+span {padding-left: 30px !important;}
.free_trial_formv2 { background: #e1e1e3; box-shadow: 0 4px 4px 0 #00000040; height: auto; padding: 20px;  }
.free_trial_formv2 { border-radius: 10px; }
.contact__team .free_trial_formv2 form { background: transparent; }
/*  */
.pricing__row { display: flex; flex-flow: wrap; }
.pricing__clomn { width: calc(100% / 3 - 20px); margin: 0 10px; display:flex; flex-direction:column; justify-content:flex-end; }
.popular__title { padding-bottom:14px; background: var(--primary_color);color:#fff;  margin: 0; font-family: var(--secondary_font); font-size: 18px; line-height: 48px; text-align: center; border-radius: 10px 10px 0 0;  }
.popular__title:empty { content:"none"}
.pricing__title { padding: 14px 30px; z-index:9; margin-top:-14px; background: var(--secondary_color); border-radius: 10px 10px 0 0;}
.pricing__title h5 { margin: 0; font-family: var(--secondary_font); font-size: 18px; line-height: 24px; color: #fff; text-align: center; }
.pricing__cover { background: #E1E1E3; padding: 20px; border-radius: 0 0 10px 10px;}
.pricing__inner_cover { padding: 20px; background: #fff; border-radius: 6px; }
.pricing_inner_title h3 { font-size: 18px; line-height: 24px; color: var(--secondary_color); max-width: 222px; margin: 0 auto; text-align: center; }
.pricing_inner_title { padding-bottom: 20px; border-bottom: 1px solid #4C7BAA; }
.pricing_inner_price h3 { font-size: 18px; line-height: 24px; color: var(--primary_color); max-width: 222px; margin: 0 auto; text-align: center; }
.pricing_inner_price { padding: 20px 0 20px 0; border-bottom: 1px solid #4C7BAA; }
.pricing_inner_btn { padding-top: 21px; text-align: center; }
.pricing_inner_btn a.button { padding: 12px 32px; background: #203347; }
.pricing__content { padding: 20px 0 10px 0; }
.pricing__content h5 { margin-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: 0.4px; font-family: 'Roboto'; }
.pricing__content ul { padding: 0; margin: 0; list-style: none; }
.pricing__content ul li { padding-bottom: 10px; padding-left: 30px; position: relative; z-index: 1;  }
.pricing__content { }
.pricing__content ul li:before { }
.pricing__content ul li:before { position: absolute; top: 1px; right: auto; left: 0; bottom: 0; background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Check-Circle.svg'); background-size: contain; background-repeat: no-repeat; content: ""; width: 20px; }
.pricing__row { max-width: 920px; margin: 0 auto; }
.pricing__section { margin-top: 0px; position: relative; z-index: 1; }
.buy__hero_section { position: relative; padding: 80px 0 160px 0; background: radial-gradient(100% 316.05% at 0% 50%, #F3F8FC 0%, #D6F1FA 100%); }
.buy__hero_row { display: flex; flex-flow: wrap; max-width: 1325px; margin: 0 auto; }
.buy__hero_left { width: 40%; padding-right: 34px; }
.buy__hero_right { width: 60%; padding-left: 35px; }
.buy__inner_row { display: flex; flex-flow: wrap;     justify-content: center; }
.buy__inner_clomn { position: relative; width: calc(100% / 3 - 30px); margin: 0 15px; }


.buy__inner_clomn.two_column{  width: calc(100% / 2 - 30px); }
.buy__inner_clomn.one_column{  width: calc(100% / 1 - 30px); }


.buy__hero_left_cover { max-width: 360px; }
.buy__hero_left_title h1 { font-size: 60px; line-height: 60px; letter-spacing: -2px; color: var(--primary_color); font-family: var(--secondary_font); margin-bottom: 25px; }
.buy__hero_left_content { font-size: 18px; line-height: 24px; color: var(--primary_color); font-family: var(--secondary_font); margin-bottom: 0; }
.buy__inner_title h2 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }
.buy__inner_image img { display: block; }
.buy__inner_image { padding-bottom: 20px; }
.buy__inner_content { font-size: 16px; line-height: 22px; color: var(--primary_color); }
.buy__inner_btn a svg { vertical-align: middle; }
.buy__inner_btn { padding-top: 20px; }
.buy__inner_btn a { font-size: 16px; line-height: 19px; letter-spacing: 0.5px; color: var(--secondary_color); }
.buy__inner_clomn:before { position: absolute; content: ""; top: 0; right: -15px; left: auto; height: 100%; width: 1px; background: #4C7BAA; }
.buy__inner_clomn:last-child:before { display: none; }

/*  */
.table__cover { max-width: 920px; margin: 0 auto; }
.new__heading__row { display: flex; align-items: center; }
.new__heading__content:first-child { width: 64%; text-align: left; }
.new__heading__content:nth-child(2) { width: 12%; text-align: center; }
.new__heading__content:nth-child(3) { width: 12%; text-align: center; }
.new__heading__content:nth-child(4) { width: 12%; text-align: center; }
.thead .new__heading__row { border-bottom: 1px solid #4C7BAA; padding-bottom: 10px; }
.new__heading__content { font-size: 16px; line-height: 22px; letter-spacing: 0.2px; font-weight: 700; color: #4C7BAA; font-family: var(--primary_font); }
.new__table__data:first-child { width: 64%; text-align: left; }
.new__table__data:nth-child(2) { width: 12%; text-align: center; }
.new__table__data:nth-child(3) { width: 12%; text-align: center; }
.new__table__data:nth-child(4) { width: 12%; text-align: center; }
.tbody .new__heading__row { padding: 7px 0; border-bottom: 0.5px solid #4C7BAA; }
.check_icon__thumbnail img { display: block; margin: 0 auto; }
.nmb__table__cover { padding-bottom: 20px; text-align: center; }
.new__moblie__row { display: flex; flex-flow: wrap; align-items: stretch; }
.new__moblie__left { padding-right: 3px; width: 50%; display: flex; flex-direction: column; }
.new__moblie__right { padding-left: 3px; width: 50%; display: flex; flex-direction: column; }
.new__moblie__title { align-items: center; background: #f4f4f4; display: inline-flex; justify-content: center; margin-bottom: 3px; min-height: 72px; padding: 13px 24px; width: 100%; color: #4c7baa; font-family: var(--primary_font); font-weight: 600; }
.new__moblie__content { align-items: center; background: #f4f4f4; display: inline-flex; justify-content: center; margin-bottom: 3px; min-height: 72px; padding: 13px 24px; width: 100%; }
.new__moblie__heding { align-items: center; background: #FAFAFA !important; display: inline-flex; font-size: 18px; font-weight: 700; justify-content: center; line-height: 1.2; margin-bottom: 7px; min-height: 72px; padding: 18px 20px; width: 100%; color: #4c7baa; font-family: var(--primary_font); }
.tbody .new__heading__row:last-child { border-bottom: none; }
.table__title h2 { font-size: 26px; line-height: 30px; margin-bottom: 22px; }
.table__title h2 span { line-height: 0; }
.table__title h2 span svg { vertical-align: middle; }

/*  */
.contact_header_cover { display: flex; flex-flow: wrap; justify-content: center; align-items: center; }
.contact_header_title { padding-left: 25px; }
.contact_header_title h2 { font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.contact_header_address { max-width: 125px; font-size: 14px; line-height: 20px; }
.contact_map_section { padding: 50px 0; }
.contact_bottom { padding-top: 55px; }

/*  */
.form_bottom_row { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; }
.form_bottom_row .form_back_btn a { font-size: 16px; line-height: 24px; letter-spacing: 0.5px; font-family: var(--secondary_font); font-weight: 400; color: var(--primary_color); }
.form_bottom_row .form_back_btn a svg { vertical-align: middle; width: 24px; height: 24px; line-height: 0; transform: translateY(-2px); }
.form_steps_title_small { text-align: center; }
.city__box ul li { width: calc(100% / 3 - 6px); margin: 0 3px; background: #F7F7F7; margin-bottom: 3px; border-radius: 4px; }
.city__box ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: wrap; }
.city_row { display: flex; flex-flow: wrap; align-items: center; }
.city__box input[type="checkbox"] { height: 20px; width: 20px !important; min-width: auto; margin: 0px; vertical-align: middle;       /* opacity: 0; */       /* display: none; */
cursor: pointer; }
.city_products input[type="checkbox"], .city_products input[type="checkbox"] { height: 20px; width: 20px !important; min-width: auto; margin: 0px; vertical-align: middle; opacity: 0; display: none; }
.city__box input[type="checkbox"] + span, .city__box input[type="checkbox"] + span { padding: 3px 5px; border-radius: 4px; user-select: none; position: relative; line-height: 20px; display: block; cursor: pointer; }
.city_products input[type="checkbox"] + span:before, .city_products input[type="checkbox"] + span:before { opacity: 0 !important; content: ''; height: 20px; width: 20px; border: var(--input_border); display: inline-block; vertical-align: bottom; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
.city_products input[type="checkbox"] + span:after, .city_products input[type="checkbox"] + span:after { opacity: 0 !important; content: ""; height: 6px; width: 9px; position: absolute; border-color: var(--input-color); border-style: solid; border-width: 0 0 2px 2px; left: 5px; top: 5px; transform: rotate(-45deg); opacity: 0; }
.city_products input[type="checkbox"]:checked + span:after, .city_products input[type="checkbox"]:checked + span:after { opacity: 0; }
.city_products .city_name { padding-left: 9px; }
.city_image img { width: 34px; height: 34px !important; !i; !; margin-top: -3px; }
.city__box { padding-top: 20px; }
/* Checkbox ma background color change kariye */
.free_trial_form .city_products input[type="checkbox"]:checked + span { background-color: #CACCD7; /* Tame je color chho, te rakhvo */ }
.city__box ul li { width: calc(100% / 3 - 6px); margin: 0 3px; background: #F7F7F7; margin-bottom: 3px; border-radius: 4px; transition: background-color 0.3s ease; /* Smooth transition for background color */ }
/* Checkbox click karela pachi background color change */
.free_trial_form .city_products input[type="checkbox"]:checked + span .city_row { background-color: #CACCD7; /* Je color tame rakhvu hoy te */ transition: background-color 0.3s ease; }
.city_products ul { padding: 0; margin: 0; list-style: none; }
.city_products ul li { margin-bottom: 20px; }
.city_products_image { text-align: center; }
.city_products ul li:last-child { margin: 0 0; }
.city_products ul li { display: block; background: #fff; border-radius: 4px; }
.city_products input[type="checkbox"] + span, .city_products input[type="checkbox"] + span { padding: 29px 74px; border-radius: 4px; }
.city_products_image img { width: 100%; height: 88px !important; !i; !; display: block; object-fit: contain; margin: 0 auto; }
.city_products { padding-top: 20px; }
.free_trial__row  .free_trial_form input[type=checkbox]+span, input[type=radio]+span {padding-left:5px;}                                                                                    

.city__box input[type=checkbox]+span:before, .city__box input[type=radio]+span:before {opacity: 0 !important;}
.city__box input[type=checkbox]:checked+span:after, .city__box input[type=radio]:checked+span:after {opacity: 0 !important;}
.city__box input[type="checkbox"]:checked + span { background-color: #CACCD7; /* Tame je color chho, te rakhvo */ }
.city__box ul li { width: calc(100% / 3 - 6px); margin: 0 3px; background: #F7F7F7; margin-bottom: 3px; border-radius: 4px; transition: background-color 0.3s ease; /* Smooth transition for background color */ }
/* Checkbox click karela pachi background color change */
.city__box input[type="checkbox"]:checked + span .city_row { background-color: #CACCD7; /* Je color tame rakhvu hoy te */ transition: background-color 0.3s ease; }
/*  */
.user_review_section { padding: 125px 0 250px; position: relative; background-image: none; background-position: top right; background-repeat: no-repeat; }
.user_review_cover { display: flex; flex-flow: wrap; }
.user_review_box_cover { display: flex; flex-flow: wrap; gap: 20px; padding-top: 52px; }
.user_review_box { width: calc(100% / 2 - 10px); }
.user_review_left { width: 55%; padding-right: 30px; }
.user_review_left_main { max-width: 615px; margin: 0 0 0 auto; }
.user_review_right { width: 45%; text-align: right; padding-left: 30px; }
.review_box_img img { width: 100%; display: block; }
.user_review_left_title h2 { font-size: 60px; line-height: 60px; letter-spacing: -2px; color: var(--white); text-transform: uppercase; margin: 0; }
.review_box_title_cover { display: flex; flex-flow: wrap; padding: 10px 0; }
.review_box_btn { padding-top: 18px; }
.review_box_title { width: 70%; }
.user_review_section:after { content: ""; width: 100%; height: 100%; left: 0; top: 0; background: radial-gradient(50% 158.02% at 0% 0%, #203347 0%, #0E172D 100%); position: absolute; z-index: -1; }
.reivew_box_video_length { display: flex; flex-flow: wrap; width: 30%; justify-content: right; }
.review_box_title h3 { font-size: 20px; line-height: 26px; color: var(--white); margin: 0; }
.reivew_box_video_length h6 { font-size: 12px; line-height: 33px; color: var(--white); padding-right: 3px; margin:0; }
.user_review_section_shap img { width: 100%; display: block; }
.user_review_section_shap { position: absolute; bottom: 0; top: auto; }
.user_review_right_box { box-shadow: 0px 4px 4px 0px #00000040; background: #E1E1E3; max-width: 575px; margin: 0 0 0 auto; text-align: center; padding: 20px 85px; border-radius: 10px; }
.user_review_right_box_title h2 { font-size: 38px; line-height: 42px; margin: 0; }
.user_review_right_box_content { font-size: 26px; line-height: 30px; font-family: 'Alata'; padding-top: 24px; }
.user_review_right_box_img img { width: 100%; display: block; }
.user_review_right_box_img { padding-top: 36px; }
.user_review_right_box_bottom_content { padding-top: 40px; }
.user_review_right_box_btn { padding-top: 13px; }
.reivew_box_video_length span svg { display: block; width: 100%; }
.user_review_mobile_tag { display: none; }
/*  */



.free_trial_form .form_steps_title_small { padding:20px 0 0 ;}
.free_trial_form .form-title {display: none;}
.free_trial_form form input[type=email], .free_trial_form form input[type=file], .free_trial_form form input[type=number], .free_trial_form form input[type=password], form input[type=search], .free_trial_form form input[type=tel], .free_trial_form form input[type=text], .free_trial_form form select, .free_trial_form form textarea { 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;  width: 100% !important; }
.free_trial_form form { background: transparent; padding-top: 20px; }
.free_trial_form form label { text-align: left; }
.free_trial_form .hs-fieldtype-textarea.hs-input { min-height: 150px; }
.free_trial_form form input[type=submit] { background-color: var(--secondary_color); color: #fff; height: 50px; margin-top: 0; min-width: auto !important; padding: 10px 24px 11px; font-size: 16px; line-height: 16px; font-weight: 400; font-family: var(--secondary_font); }
.free_trial_form form input[type=submit]:hover { background-color: #385069 }
.free_trial_form form input[type=submit] { background-image: url(//25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/raw_assets/public/VuCity_June2023/images/Button%20Arrow.svg); background-position: 91%; background-repeat: no-repeat; background-size: auto; cursor: pointer; display: inline-block; font-family: var(--secondary_font); font-size: 16px; line-height: 24px; margin-left: 0; margin-right: auto; min-width: 190px; padding-right: 35px; text-decoration: none; transition: background-color .2s; }
.free_trial_form ul { list-style: none; margin: 0; padding: 0 }
.free_trial_form { padding-top: 15px }
.free_trial_form label.hs-form-booleancheckbox, label.hs-form-booleancheckbox { display: inline-block; position: relative }
.free_trial_form input[type=checkbox]+span, input[type=radio]+span { display: block; margin-left: 0 !important; padding-left: 5px; position: relative }
.free_trial_form input[type=checkbox]+span:before, input[type=radio]+span:before { background: #fafafa; border-radius: 4px; bottom: 0; content: ""; height: 20px; left: 0;  position: absolute; top: 0; width: 20px }
.free_trial_form input[type=checkbox]+span:after, input[type=radio]+span:after { border-color: #203347; border-style: solid; border-width: 0 0 2px 2px; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 5px; transform: rotate(-45deg); transition: all .3s ease; width: 11px }
.free_trial_form input[type=checkbox]:checked+span:after, input[type=radio]:checked+span:after { opacity: 1 }
.free_trial_form input[type=checkbox], input[type=radio] { cursor: pointer; height: auto; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 1 }
.free_trial_form label.hs-form-booleancheckbox-display { margin-bottom: 10px; position: relative }
.free_trial_form fieldset.form-columns-1 input[type=checkbox], .free_trial_form fieldset.form-columns-1 input[type=radio] { width: 20px !important; }
.free_trial_form p { margin-bottom: 10px !important;  font-weight: 400; }
.free_trial_form .legal-consent-container .hs-form-booleancheckbox-display>span p { margin-left: 0 !important; }
.free_trial_form form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.free_trial_form form input[name="firstname"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form form input[name="lastname"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form form input[name="phone"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%281%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form form select { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%282%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form form input[name="company"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%283%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form form input[name="email"] { background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/ICON%20%284%29.svg'); background-position: 95%; background-repeat: no-repeat; }
.free_trial_form .legal-consent-container .hs-form-booleancheckbox-display>span { font-size: 12px; line-height: 20px; }
.free_trial_form .legal-consent-container .hs-form-booleancheckbox-display>span a { text-decoration: underline; color: var(--secondary_color); }
.free_trial_form .hs_submit.hs-submit { text-align: right; padding-top: 10px; }

.free_trial_form .form_steps_title {
    padding: 20px 0 0;
}

.free_trial_form .hs-form-field { margin-bottom:10px; }

.free_trial_form form .hs-richtext {
    margin-bottom: 10px;
}

.free_trial_form .legal-consent-container .field.hs-form-field {
    margin-bottom: 0 !important;
}

.free_trial_form .legal-consent-container {
    display: block;
}







/* ==========  responsive ======== */

@media (min-width:1500px) and (max-width:1800px){

img.services_shape {  max-width: 220px; }
  
  
}


@media(min-width:1380px) {
    .content-wrapper { padding: 0 15px; }
}
@media(min-width:768px) {
    .new__moblie__section { display: none; }
    .table__main_desktop { display: block; }
}
@media(max-width:1460px) {
    .workflow_row { margin: 0 0; }
    .card__v_row { margin: 0 0; }
    .service__hero_left { padding-left: 30px; }
}
@media(max-width:1400px) {
    .solutions_inner_row { margin: 0 0; }
    .solutions_inner_clomn { width: 100%; margin: 0 0; margin-bottom: 18px; }
  .resources_center { width: 25%; padding-left: 40px; padding-right: 40px; } 
}
@media(max-width:1200px) {
    .cities_inner_clomn { width: calc(100%/ 4 - 30px); }
    .resources_inner_clomn { width: calc(100%/ 1 - 30px); }
    .workflow_title h2 span { display: inline-block; }
    .card__v_clomn { width: calc(100%/ 3 - 40px); }
    .contact__team .free_trial__right img { transform: scale(1.2) translateY(-97px) translateX(78px); }
    .free_trial__main.contact__team { padding-top: 40px; }
}

@media(max-width:1020px) {
    .pricing__section { margin-top: 40px; }
    .buy__inner_clomn { width: 100%; margin-bottom: 40px; }
    .buy__inner_clomn:before { width: 100%; height: 1px; right: 0; top: -25px; }
    .buy__inner_clomn:last-child:before { display: block; }
    .buy__inner_clomn:first-child:before { display: none; }
    .buy__hero_section { padding: 130px 0 400px; }
  
  .buy__hero_left {width:100%; padding-right:0; padding-bottom: 40px; }
  .buy__hero_right { width:100%; padding-left:0;}
  
  
  
.buy__inner_clomn.two_column{  width: calc(100% / 1 - 30px); }
.buy__inner_clomn.one_column{  width: calc(100% / 1 - 30px); }
  .buy__inner_row{      margin: 0 -15px; }
  
}





@media(max-width:1024px) {

    /*      */
    .workflow_row { margin: 0 0; justify-content: center; }
    .solutions__section .workflow_clomn { margin: 0; text-align: left; width: calc(50% - 40px); }
  .solutions__section .workflow_clomn:first-child { margin: 0; text-align: left; width: calc(50% - 40px); }
    .tabbing__left { width: 50%; }
    .tabbing__right { width: 50%; }
    .card__row { margin: 0 0; }
  
  
  
  
}








@media(min-width:992px) {
    .free__hero_title.mobile { display: none; }
    .free_sub_title.mobile { display: none; }
}
@media(max-width:991px) {
  
    a.mobile-trigger { display: inline-block !important; cursor: pointer; transition: all 0.4s ease; position: absolute; top: 8px; right: 15px; width: 44px; height: 44px; padding: 7px 10px; z-index: 99999999999; -webkit-transition: background-color .2s linear; font-size: 16px; font-weight: 400; text-align: left; text-transform: uppercase; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
    a.mobile-trigger i:before { margin-top: -8px; }
    a.mobile-trigger i, a.mobile-trigger i:after, a.mobile-trigger i:before { width: 24px; height: 1px; background-color: var(--primary_color); display: inline-block; transition: all 0.4s ease; }
    a.mobile-trigger i:after, a.mobile-trigger i:before { position: absolute; content: ""; }
    a.mobile-trigger i:after { margin-top: 8px; }
    .mobile-open a.mobile-trigger i { transition: all 0.4s ease; background-color: transparent; }
    .mobile-open a.mobile-trigger i:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .mobile-open a.mobile-trigger i:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .mobile-open a.mobile-trigger i:after, .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transition-delay: 0, .2s; transition: all 0.4s ease; }
/*     span.sub_trigger { align-items: center; border-left: 1px dotted hsla(0, 0%, 100%, .35); color: var(--primary_color); display: flex; font-size: 36px; height: 30px; justify-content: center; position: absolute; right: 0px; top: 18px; width: 30px; line-height: 30px; font-weight: 400; font-family: initial; }
    .sub_trigger:after { content: "+"; font-family: var(--primary_font); font-weight: 100; }
    .open > .sub_trigger:after { width: 20px; height: 2px; background: var(--primary_color); content: ""; font-family: var(--primary_font); font-weight: 100; } */
  
  
  /*span.sub_trigger {
    background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Plus.svg');
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center;
}*/
  
 /* .open > span.sub_trigger {
    background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Minus.svg');
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    background-position: center;
}*/
  
  a.mobile-trigger {
    padding: 0;
}

a.mobile-trigger {
    background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Mobile%20Burger%20Menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 13px;
    width: 32px;
    height: 32px;
}

.mobile-open a.mobile-trigger {
    background-image: url('https://25717390.fs1.hubspotusercontent-eu1.net/hubfs/25717390/Close%20%281%29.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 13px;
  width: 32px;
    height: 32px;
}
  
  a.mobile-trigger i, a.mobile-trigger i:after, a.mobile-trigger i:before {
    width: 0;
    height: 0;
}
    .main_menu {display:none;position: absolute; background: #FAFAFA; overflow: auto; right: 0; top: 57px; height: calc(100vh - 30px); width: 100%; z-index: 9; text-align: left; left: 0; padding: 20px; padding-bottom: 40px; padding-top: 10px; align-content:flex-start; }
  .main_menu.open {display:block}
  .main_menu>ul>li { position: relative; display: block; padding-right: 0; padding: 20px 0; border-top: 1px solid var(--primary_color); }
    .main_menu>ul>li:first-child { border-top: none; }
    .main_menu>ul>li>a { font-size: 20px; line-height: 26px; color: var(--primary_color); text-align:left }
    .header_right { padding-right: 40px; }
    .header_right_inner.mobile { display: flex; }
    .solutions_menu { position: static; padding: 20px 0 0 0; background: transparent; box-shadow: none;left: 0; transform: translateX(0%);}
    .main_menu>ul>li.open>a:before { opacity: 0; visibility: hidden; }
    .solutions_left { width: 100%; padding-bottom: 0px; border-bottom: none;  padding-right: 0; text-align:left}
    .solutions_center { width: 100%; padding-left: 0; border-left: none; padding-top: 0px !important; padding-bottom: 20px; border-bottom: 1px solid var(--primary_color); }
    body.mobile-open { overflow: hidden; }
    .solutions_menu .content-wrapper { padding: 0 0 !important; }
    .solutions_inner_row {margin: 0 -10px;}
    .solutions_inner_clomn { /*width: calc(100%/ 2 - 20px);*/ margin: 0 10px; }
    .name { font-size: 18px; line-height: 24px; padding-left: 0px; }
    .menu_bar ul li { width: 100%; padding-bottom: 10px; }
    .mobile .header_btn a.button { width: 100%; }
    .header_btn { width: 50%; }
    .header_icon { width: 50%; }
    .solutions_logo {padding-bottom: 30px;display: flex;vertical-align:middle;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
    .solutions_logo img { width: 100px;}
    .solutions_row.center .solutions_left .solutions_inner_clomn, .solutions_row.center .solutions_center .solutions_inner_clomn {text-align: left !important;}
    .solutions_right { width: 100%; padding-left: 0; padding-top: 20px; border-left: none; }
    .solutions_right .name { padding-bottom: 20px; }
    .solutions_right .solutions_inner_row { flex-direction: row; gap: 0px; margin: 0 -5px; }
    .solutions_inner_clomn .logo img { width: 106px; display: block; height: 32px !important; object-fit: contain; }
    .solutions_right .solutions_inner_clomn { width: calc(100%/ 3 - 10px); margin: 0 5px; }
    .cities .content-wrapper { padding: 0 0 !important; }
    .cities { background: transparent; box-shadow: none; padding: 20px 0 0; position: static; left: 0; transform: translateX(0%);  }
    .cities_left { width: 100%; padding-right: 0; padding-bottom: 18px; }
    .cities_right { width: 100%; padding-left: 0px; }
    .cities_inner_row { margin: 0 -15px; }
    .cities_title { font-size: 18px; line-height: 24px; padding-bottom: 10px; }
    .cities_right .cities_inner_row { flex-direction: row; }
    .cities_right .cities_inner_clomn { width: calc(100%/ 2 - 30px); margin: 0px;  }
    .resources { background: transparent; box-shadow: none; padding: 20px 0; position: static;left: 0; transform: translateX(0%); }
    .resources .content-wrapper { padding: 0 0 !important; }
    .resources_title { font-size: 18px; line-height: 24px; padding-bottom: 10px; }
    .resources_left { border-right: none; width: 100%; padding-bottom: 10px; }
    .resources_center { width: 100%; padding-left: 0; padding-bottom: 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
    .resources_right { width: 100%; padding-left: 00; border-left: none; padding-bottom: 10px; }
    .resources_inner_clomn { width: calc(100%/ 2 - 14px); margin: 0 7px;  margin-bottom: 10px;  }
    .resources_center .resources_inner_row { flex-direction: row; }
    .resources_center .resources_inner_clomn { width: calc(100% / 2 - 14px); margin: 0 7px; margin-bottom: 10px; }
    .resources_inner_row { margin: 0 -7px; margin-bottom: 20px; }
    .resources_inner_thumbnail { width: 30px; }
    .resources_inner_name { width: calc(100% - 30px); padding-left: 5px; }
    .mobile .header_icon a { width: auto; height: auto; }
    .mobile .header_icon a svg { height: 20px; width: 20px; fill: #fff; margin-left: 8px; }
    .mobile .header_icon a.button { background: var(--primary_color); padding: 12px 40px; }
    .mobile .header_btn a.button { padding: 12px 40px; }
    .mobile.header_right_inner { justify-content: center; /*padding-top: 20px;*/ }
    .header_right_inner.desktop { display: none; }
    .cities_inner_clomn { width: calc(100%/ 3 - 30px); }
    .shape_thumbnail img { width: 250px !important; }
    .shape_thumbnail { left: 0; }
    .mobile .header_icon a svg path {fill: #fff;}
    /* Workflow Section   */
    .workflow_row { margin: 0 0; padding-top: 40px; }
    .workflow_clomn { width: calc(100%/ 2 - 40px); margin-bottom: 0px; }
    .icon__section .workflow_content_title { color: var(--primary_color); font-family: var(--secondary_font); font-size: 26px; font-weight: 400; line-height: 1.3em; padding: 20px 0; }
    .contact__team .free_trial__right img { transform: scale(1.1) translateY(-0px) translateX(11px); }
      .solutions_center {
    padding: 20px 0 20px 0;
}


    /*    */
    .logo__img img { margin: 0 auto; }

    /*    */
    .inner_title h1 { font-size: 40px; line-height: 46px; }

    /*    */
    .video_left { width: 50%; padding-right: 20px; }
    .video_right { width: 50%; padding-left: 20px; }
    .video_section { padding: 60px 0; }
    .video_icon { padding-bottom: 20px; }
    .video_title h3 { margin-bottom: 20px; }
    .video_btn { padding-top: 20px; }
    .counter_row ul { gap: 25px; }
    .counter_row ul li .counter_number { font-size: 30px; line-height: 36px; }
    .video_section.map__section { padding: 60px 0; }

    /*    */
    .workflow_row { margin: 0 0; justify-content: left; }
   /* .solutions__section .workflow_clomn { margin: 0 20px 40px; text-align: left; width: calc(50% - 40px); }*/
    .solutions__section .workflow_content { margin-left: 0; }
    .center_image { position: absolute; left: 50%; transform: translate(-50%, 0%); top: auto; bottom: -50px; text-align: center; }
    .tabbing__left { width: 100%; }
    .tabbing__right { width: 100%; }
    .tabbing__right { padding: 56px 30px 35px; }
    .ready_box { width: 100%; }

    /*    */
    .service__hero_row { margin-top: 0; }
    .service__hero { padding: 40px 0px; }
    .card__v_clomn { width: calc(100%/ 2 - 20px); margin: 0 10px 20px; }
    .card__section { padding: 60px 0; }
    .card__clomn_img { padding-bottom: 30px; }
    .card__clomn { width: calc(100%/ 2 - 40px); margin: 0 20px 40px; text-align: center; }
    .card__clomn_content h2 { margin-bottom: 30px; font-size: 35px; line-height: 41px; color: var(--primary_color); }
    .card__btn { padding-top: 30px; }

    /*    */
    .free__hero_left .free__hero_title { display: none; }
    .free__hero_left .free_sub_title { display: none; }
    .free__hero_left { width: 100%; padding-right: 0; }
    .free__hero_right { width: 100%; padding-left: 0; }
    .free__hero_row { flex-direction: column-reverse; gap: 40px; }
    .free__hero_left_cover { max-width: 100%; }
    .free__hero_right .free_trial_form { max-width: 100%; }
    .free_inner_row { margin: 0 -15px; }
    .free_inner_clonm { margin: 0 15px 25px; width: calc(50% - 30px); }
    .free__hero { padding: 40px 0 60px; }

    /*      */
    .contact_form_section { padding: 60px 0 100px; }
    .contact_from_left { padding-right: 20px; }
    .contact_from_step_1_right { padding-left: 20px; }
    .form_step_title h2 { font-size: 60px; line-height: 60px; }
/*      */
  
     .user_review_section { padding: 100px 0 170px; }
    .user_review_left_title h2 { font-size: 50px; }
    .user_review_left { padding-right: 15px; }
    .user_review_right { padding-left: 15px; }
    .user_review_right_box { padding: 20px 40px; }
    .review_box_title { width: 60%; }
    .reivew_box_video_length { width: 40%; }

  header.header .content-wrapper {  padding: 0 20px; }
  span.sub_trigger{         right: -3px !important; }
  
  
  
}


@media(max-width:767px) {
  
  .hero_bottom_shap { position: absolute; top: auto; bottom: 11px; right:0; left:0; }
  
  .free__hero {background-image: none !important;}
  
  
  .resources { background: transparent; box-shadow: none; padding: 20px 0 0; position: static; }
  .resources_inner_row {  margin-bottom: 0;}
  .resources_center .resources_inner_row {  margin: 0 -7px;}
  
    a.mobile-trigger { top: 13px; }
    .cities_inner_clomn { width: calc(100%/ 2 - 30px); margin: 0 15px; margin-top:-10px; }
    .cities_right .cities_inner_clomn { width: calc(100%/ 2 - 30px); margin: 0 15px; margin-bottom:10px}
    .resources_inner_name { width: calc(100% - 30px); padding-left: 5px; font-size: 16px; line-height: 30px; }
    .mobile .header_btn a.button { padding: 12px 25px; }
  .cities_right .cities_inner_row { margin: 0 -15px; }
    .solutions_logo {padding-bottom: 30px;display: flex;vertical-align:middle;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
    .solutions_logo img { width: 80px; padding-right:20px }
    /*  footer  */
    .f_contant_row { flex-direction: column; gap: 10px; }
    .f_content { padding-top: 10px; }
    .f_box_form form input[type=submit] { font-size: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; }
    .f_box_form .hs-email.hs-form-field { margin: 0 60px 16px 0; }
    .f_box_form form input[type=email] { background-position: 97%; }
    .partner_clomn { width: calc(100%/ 2 - 18px); margin: 0 9px; margin-bottom: 26px; }
    .f_box_form form input[type=submit] { background-position: center; }
    .policy__content span { display: block; margin-top: 12px; }
    .policy__content span:first-child { margin-top: 0; }
    .policy__content span:last-child { margin-top: 0; }
    .knowledge__content { max-width: 193px; margin: 0 auto; }
    .main_footer { padding: 58px 0 42px; }
    .partner { padding: 31px 0 40px; }
    .copyright__content { padding-top: 12px; }
    .partner_clomn img { max-height: 70px !important; }
    .shape_thumbnail img { width: 230px !important; }
    .shape_thumbnail { left: 0; }

    /* Workflow Section   */
    .workflow_section { padding: 40px 0; }
    .workflow_title h2 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }
    .workflow_row { padding-top: 40px;display: flex; flex-direction: column; flex-wrap: wrap; }
    .workflow_clomn { width: calc(100% - 00px); margin: 0px; }
    .workflow_clomn:last-child { margin: 0 0 00px; }
    .workflow_content_title { padding: 10px 0; }
    .icon__section .workflow_content_title { color: var(--primary_color); font-family: var(--secondary_font); font-size: 26px; font-weight: 400; line-height: 1.3em; padding: 10px 0; }
    .workflow_image { padding-bottom: 20px; }
    .tabbing { padding: 40px 0; }
    .tab__btn { gap: 19px; }
    .border__btn { min-width: auto; }
    .tab_content .colmn { width: 50%; margin: 0 0 30px; padding: 0 15px; }
    .workflow_btn { padding-top: 20px; text-align: center; }

    /*    */
    .experience_box { min-height: auto; padding: 58px 44px; text-align: center; }
    .experience_title h2 { font-size: 26px; line-height: 30px; font-weight: 400; color: #fff; margin: 0 0; }
    .experience { margin-top: 0; padding: 140px 0 80px; position: static; }
    .experience .content-wrapper { padding: 0 0; }

    /*    */
    button.slick-arrow { width: 30px; height: 30px; }
    button.slick-arrow:before { width: 18px; height: 18px; }
    .logo_row { padding: 40px 30px 0; }
    .slider_logo .slick-track { align-items: flex-start; }
    .slider_logo .workflow_title h2 { font-size: 26px; }

    /*    */
    .inner_title h1 { font-size: 40px; line-height: 46px; }
    .inner_left { width: 100%; padding-right: 0; padding-bottom: 35px; }
    .inner_right { width: 100%; }
    .hero__inner { padding: 130px 0  130px; }
    .hero__inner__services { padding: 130px 0  130px; }
    .inner_video_cover { margin-bottom: 0px; position: relative; z-index: 1; }
    .hero__inner { overflow: visible; }
    .hero__inner__services { overflow: visible; }
    .hero__top_shap img { width: 100px; height: 90px !important; !i; !; }
    .hero__top_shap { top: -26px; }
    .simapal__menu { padding: 18px 0 40px 0; }
    .simapal__menu ul { gap: 20px; }
    .simapal__menu ul li { }
    .inner_logo img { margin: 0 auto; }
    .inner_title { text-align: center; }
    .inner_sub_title { text-align: center; font-size: 18px; line-height: 24px; }
    .inner_content { text-align: center; }
    .inner_btn { text-align: center; }
    .inner_row { justify-content: center; }
    .testimonial_row { padding: 20px 40px 0; }
    .testimonial_section { padding: 40px 0; }
    .testimonial_inner_row { padding-top: 20px; }
    .testimonial_section ul.slick-dots { padding-top: 20px; }
    .testimonial_btn { padding-top: 20px; }
    .heading_cover { padding-bottom: 20px; }

    /*    */
    .video_left { width: 100%; padding-right: 0; padding-bottom: 15px; }
    .video_right { width: 100%; padding-left: 0; padding-top: 15px; }
    .video_left .inner_video_cover { margin-bottom: 0px; margin: 0 -20px; }
    .video_section { overflow: hidden; padding: 40px 0; }
    .video_icon { padding-bottom: 20px; text-align: center; }
    .video_icon img { margin: 0 auto; }
    .video_title h3 { font-size: 26px; line-height: 30px; margin-bottom: 20px; text-align: center; }
    .video_content { text-align: center; }
    .video_btn { text-align: center; padding-top: 20px; }
    .heading_title h2 { font-size: 26px; line-height: 30px; margin-bottom: 25px; }
    .heading_thumbnail { padding-bottom: 10px; }
    .slider_logo { padding: 40px 0; }
    .row_rwerse .video_left { padding-left: 0; }
    .row_rwerse .video_right { padding-right: 0; }

    /*  */
    .slider_logo .cities_slider .slick-track { align-items: flex-start; gap:20px; }
    .cities_btn_row { gap: 20px; padding-top: 20px; }
    .slider_logo .cities_slider ul.slick-dots { padding-top: 20px; }
    .cities_slider { padding: 20px 30px 0; }

    /*  */
    .city_hero .inner_title h1 { margin: 0 auto; margin-bottom: 20px; }
    .city_hero .inner_content { margin: 0 auto; }
    .counter_section { display: none; }
    .video__map { margin: 0 -20px; }
    .video__map img { margin: 0 auto; display: block; width:100%; height: 100%}
    .video_section.map__section { padding: 40px 0; }

    /*      */
    .image__section .content-wrapper { padding: 0 0px; }
    .image__full__destktop img { max-width: inherit !important; width: 1200px; }
    .image__full__destktop { background: #fffbff; margin-top: 20px !important; overflow-x: scroll; padding-top: 0 !important; white-space: nowrap; width: 100%; }

    /*      */
    .workflow_row { margin: 0 0; justify-content: center; }
    .solutions__section .workflow_clomn { margin: 0; text-align: center; width: calc(100% - 00px); }
  .solutions__section .workflow_clomn:first-child { margin: 0; text-align: center; width: calc(100% - 00px); }
    .solutions__section .workflow_content { margin: 0 auto; }
    .solutions__section .workflow_logo img { margin: 0 auto; }
    .tabbing__section { padding: 00px 0; }
    .tabbing__section .content-wrapper { padding: 00px 0; }
    .tabbing__right { text-align: left; }
    .ready_box.current { background: none; }
    .ready_box { padding: 3px 10px; }
    .tabbing__right { padding: 56px 20px 35px; }
    .tabbing__section .heading_cover { padding-left: 16px; padding-right: 16px; }

    /*      */
    .service__hero_left { width: 100%; padding: 0 16px; }
    .service__hero_right { width: 100%; }
    .service__hero { padding: 40px 0 40px; }
    .service__hero_right { padding-top: 30px; }
    .service__hero_cover { margin: 0 auto; text-align: center; }
    .service__hero_title h2 { font-size: 26px; line-height: 30px; margin-bottom: 11px; }
    .service__hero_sub_text { font-size: 18px; line-height: 24px; padding-bottom: 13px; }
    .service__hero_thumbnail { margin-bottom: -110px; }

    /*    */
    .slider_row { padding: 0 15px; }
    .slider_image { padding-bottom: 20px; }
    .slider_btn { text-align: center; padding-top: 20px; }
    .slider_section ul.slick-dots { padding-top: 20px; }
    .slider_section { padding: 40px 0; background: #FAFAFA; }
    .card__v_clomn { width: calc(100%/ 1 - 00px); margin: 0 00px 30px; }
    .btn_card_row { display: flex; }
    .card__v_section { padding: 40px 0; }
    .card__v_section .heading_thumbnail { display: block; }
    .card__v_section .heading_title { display: block; }
    .laptop_video_section { margin-top: -22px; }

    /*    */
    .free__hero_title h1 { margin-bottom: 20px; font-size: 26px; line-height: 30px; letter-spacing: 0px; text-align: center; }
    .free_sub_title { padding-bottom: 24px; font-size: 18px; line-height: 24px; font-family: var(--secondary_font); color: #A1DFF2; text-align: center; }
    .free__hero_left { text-align: center; }

    /*      */
    .contact_form_section { padding: 60px 0 60px; }
    .form_step_title.mobile, .form_step_1_content.mobile { display: block; text-align: center; }
    .form_step_1_content.mobile { padding-bottom: 40px; }
    .contact_from_left_cover .form_step_title, .contact_from_left_cover .form_step_1_content { display: none; }
    .contact_from_left_cover { text-align: center; max-width: 100%; }
    .contact_from_left { width: 100%; padding: 0; padding-top: 25px; }
    .contact_from_step_1_right { width: 100%; padding: 0; }
    .form_step_title h2 { font-size: 26px; line-height: 30px; }
    .contact_from { flex-direction: column-reverse; }
    .from_step_1_right_main { max-width: 100%; }
    .form_step_1_media_icons ul { justify-content: center; }
    .contact__team .free_trial_formv2 { max-width: 100%; }
    .pricing__clomn { width: 100%; margin: 0 0 30px; }
    .pricing__section { margin-top: 20px; }
    .new__moblie__section { display: block; }
    .table__main_desktop { display: none; }
    .buy__hero_left { width: 100%; padding-right: 0; padding-bottom: 40px; }
    .buy__hero_right { width: 100%; padding-left: 0; padding-top: 40px; }
    .buy__hero_left_cover { max-width: 100%; text-align: center; }
    .buy__hero_section { padding: 100px 0 300px; }
    /*        */
    .city_products input[type="checkbox"] + span, .city_products input[type="checkbox"] + span { padding: 25px 40px; }
    .city_image { display: none; }
    .city__box input[type="checkbox"] + span, .city__box input[type="checkbox"] + span { padding: 7px; }
     /*    */
    .user_review_left_main { max-width: 100%; }
    .user_review_section { background-image: none; padding: 70px 0 120px; }
    .user_review_cover { flex-direction: column-reverse; }
    .user_review_left { width: 100%; }
    .user_review_right { width: 100%; padding: 0; }
    .user_review_right_box { padding: 20px; max-width: 100%; }
    .user_review_right_box_title h2 { font-size: 26px; line-height: 30px; }
    .user_review_right_box_content { font-size: 18px; line-height: 24px; padding-top: 20px; }
    .user_review_right_box_img { padding-top: 20px; }
    .user_review_right_box_bottom_content { padding-top: 20px; }
    .user_review_right_box_btn { padding-top: 20px; }  
    .user_review_left_title h2 { font-size: 26px; line-height: 30px; text-align: center; }
    .user_review_left { padding: 0; padding-top: 40px; }
    .user_review_box { width: 100%; }
    .user_review_box_cover { padding-top: 40px; }
    .review_box_title_cover { display: flex; flex-flow: wrap; padding-top: 15px; }
    .review_box_title { width: 70%; }
    .reivew_box_video_length { width: 30%; }
    .user_review_mobile_btn_tag { width: 140px; height: 28px; display: inline-block; text-align: center; }
    .user_review_mobile_btn_tag h3 { font-size: 16px; text-transform: uppercase; line-height: 20px; letter-spacing: 0.4px; padding: 5px 10px; background: #375675; border-radius: 2px; color: var(--white); margin: 0; }
    .user_review_mobile_tag { display: block; padding-top: 15px; }
    .review_box_btn { padding: 0; }
  
  
   .hero__inner  .video{     max-width: 335px; margin: 0 auto;  }
  .hero__inner__services  .video{     max-width: 335px; margin: 0 auto;  }
/*   .experience .content-wrapper{         max-width: 330px;  } */
  .experience{ padding-top:85px; }
  
  
  .city_hero .simapal__menu {  padding-top: 0;  padding-bottom: 20px; }
  .inner_left{ padding-bottom: 20px;  }

   .inner_title h1 {   font-size: 26px;  line-height: 30px;   }
  
  
  .experience_title{ width:100%; }
  .experience_btn{ width:100%; }
  .experience_box{ flex-direction: inherit; gap: 20px;  }
  .experience_title h2 { font-size: 18px;  line-height: 24px; }
  
  
  .buy__hero_left_title h1{ font-size: 26px;   line-height: 30px; }
  
  
  .city_hero .simapal__menu ul li a{ display: flex;  flex-direction: column;  justify-content: center;   align-items: center; }
  .city_hero .simapal__menu>ul>li>a .arrow_down{  margin-left: 0;  padding-top: 0;  margin-top: 5px; }  
  
  
  
  
  
}






@media(max-width:580px) {
  .hero_logo_column{         width: calc(100% / 3 - 20px);  }
  
}


  
@media(max-width:550px) {
    .slider_section button.slick-arrow { top: 75px; transform: translateY(0px); }
    .card__section { padding: 40px 0; }
    .card__clomn_img { padding-bottom: 20px; }
    .card__clomn { width: calc(100%/ 1 - 00px); margin: 0 00px 30px; text-align: center; }
    .card__clomn_content h2 { margin-bottom: 30px; font-size: 28px; line-height: 32px; color: var(--primary_color); }
    .card__btn { padding-top: 20px; }
  
  
  
}




@media(max-width:580px) {
    .city__box ul li { width: calc(100% / 2 - 6px); }
}



@media(max-width:480px) {
    .main_menu { top: 57px; }
    .shape_thumbnail img { width: 170px !important; }
/*     .experience { padding: 100px 0 40px; } */
    .hero__inner { min-height: 90vh; padding: 40px 0 40px; }
   .hero__inner__services { min-height: 90vh; padding: 40px 0 40px; }

    .logo_inner_clomn { width: calc(100%/ 2); }
    .logo_inner_row { flex-flow: wrap; gap: 0px; }
    a.mobile-trigger { top: 13px; }
  
  
}


@media(max-width:375px) {
  
/*   .experience { padding:100px 0 40px; } */
  .hero__inner { min-height: 90vh; padding: 40px 0 40px; }
   .hero__inner__services { min-height: 90vh; padding: 40px 0 40px; }
    .main_menu { top: 57px; right: 10px; }
    .shape_thumbnail img { width: 130px !important; }
    a.mobile-trigger { top: 13px; }
    .contact__team .free_trial_formv2 form input[type=submit] { width: 100%; }
    .contact__team .free_trial_formv2 form input[type=submit] { background-position: 90%; }
  
  
}