@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
}
:root {
	--body-font:'Poppins', sans-serif;
	--heading-font:"Montserrat", sans-serif;
	--primary-clr:#D76F27;
	--primary-dark-clr:#e67e35;
	--primary-dark-clr-2:#db6d21;
	--accent-clr:#5E8E3E;
	--accent-clr-1:#95BF46;
	--accent-clr-2:#9EDC2C;
	--d-blue-1:#0B4C71;
	--d-blue-2:#083B58;
	--font-20:20px;
	--font-18:18px;
	
	--light-1:#EFF5F8;
}

.light-1 { background:var(--light-1); }

.clr_primary { color:var(--primary-clr); }
.clr_accent { color:var(--accent-clr); }
.clr_accent_1 { color:var(--accent-clr-1); }
.clr_accent_2 { color:var(--accent-clr-2); }
.clrwhite { color:#fff; }

body { color:#444444; font:400 16px/1.7 var(--body-font); overflow-x:hidden; }
h1 { color:#fff; font:300 53px/1.3 var(--heading-font); padding: 0 0 35px; margin:0; position:relative; }
h1 span { color:var(--accent-clr); font-weight:700; }
h2 { color:#191919; font:300 42px/1.3 var(--heading-font); padding-bottom:30px; }
h2 strong { font-weight:600; }
h3 { color:#191919; font:500 22px/1.4 var(--heading-font); padding-bottom:15px; }
h4 { color:#191919; font:400 22px/1.4 var(--heading-font); padding-bottom:20px; }

.title2 { font-size:34px; }
.h3 { color:#191919; font-size:29px; line-height:1.4; }

.mb { margin-bottom:30px; }

strong { font-weight: 600; }

.head_sec { margin-bottom:60px; }
.text-center { text-align:center; }

.d-flex { display:flex; }
.d-block { display:block; }
.d-inline-block { display:inline-block; vertical-align:top; }

.common_box { padding:100px 0; }
.f-18 { font-size:var(--font-18); }
.w-50 { max-width:50%; margin:auto; }
.w-60 { max-width:60%; margin:auto; }
.w-70 { max-width:70%; margin:auto; }
.w-80 { max-width:80%; margin:auto; }
.w-90 { max-width:90%; margin:auto; }

.grid { display:flex; flex-wrap:wrap; margin-left:-30px; margin-right:-30px; }
.grid > * { margin-top:30px; padding-right:30px; padding-left:30px; }
.grid_2 > * { flex:0 0 auto; width:50%; }
.grid_3 > * { flex:0 0 auto; width:33.3333333333%; }
.grid_4 > * { flex:0 0 auto; width:25%; }
.grid_6 > * { flex:0 0 auto; width:16.6666666667%; }

.col_5 { flex:0 0 auto; width:41.66666667%; }
.col_7 { flex:0 0 auto; width:58.33333333%; }

.button { 
background: -moz-linear-gradient(left,  var(--primary-dark-clr) 0%, var(--primary-dark-clr) 33%, var(--primary-dark-clr-2) 66%, var(--primary-dark-clr-2) 100%);
background: -webkit-linear-gradient(left,  var(--primary-dark-clr) 0%,var(--primary-dark-clr) 33%,var(--primary-dark-clr-2) 66%,var(--primary-dark-clr-2) 100%);
background: linear-gradient(to right,  var(--primary-dark-clr) 0%,var(--primary-dark-clr) 33%,var(--primary-dark-clr-2) 66%,var(--primary-dark-clr-2) 100%);
 background-size: 300% 100%;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #fff; cursor:pointer; display:inline-block; font:500 var(--font-20) var(--heading-font); padding:20px 50px; border-radius:10px; line-height:1; position:relative; }

.button:focus,
.button:hover { color:#fff;
background-position: 100% 0;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

input.error-textbox,
textarea.error-textbox { border-color:#ff0000; }
a,a:focus { color:var(--primary-clr); text-decoration:none;
transition:0.5s;
-moz-transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
}
a:hover { color:var(--primary-dark-clr); text-decoration:none; }
a:focus { outline:none; }
p { margin:0 0 15px; }
p:last-child { margin:0; }
.clearfix { clear:both; height:0px; }
img { max-width:100%; height:auto; }

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea { background:#fff; border: 1px solid #C6C6C6; border-radius: 6px; color: #747474; font: 400 14px/1.2 var(--body-font); height: 46px; padding:0 15px; width: 100%; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { padding:15px 15px 0; min-height:85px; }
::placeholder { color: #747474; opacity: 1; }
:-ms-input-placeholder { color: #747474; }
::-ms-input-placeholder { color: #747474; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { outline:none; }

.container { margin:0 auto; padding:0 15px; }

.form form .iti__flag-box,
.form form .iti__country-name { color:#000; font-size:15px; }
.form form .iti--separate-dial-code .iti__selected-flag { background:transparent; }
.form form .iti { width:100%; }
.form form .iti--allow-dropdown .iti__flag-container,
.form form .iti--separate-dial-code .iti__flag-container { top:9px; bottom:inherit; }
.form form input.error-textbox,
.form form textarea.error-textbox { border-color:#ff0000; }

.slide-contact.is_stuck { height: 128px !important; top: 150px !important; width: auto !important; }
.slide-contact { position: fixed; top: 220px; right: 0px; transition-duration: 0.3s; height: auto; }
.slide-contact #slideout_inner { position: fixed; top: 220px; right: -250px; transition-duration: 0.3s; width: 250px; background-color: rgb(246, 246, 246); padding: 20px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px; box-sizing: border-box; }
.slide-contact.selected { right: 250px; }
.slide-contact { right: 0px; z-index: 99; }
.slide-contact.selected #slideout_inner { right: 0px; }
.slide-contact #slideout_inner input,
.slide-contact #slideout_inner textarea { padding: 2px 10px; margin-bottom: 10px; font-size: 13px; border: 1px solid rgb(188, 185, 179); box-sizing: border-box; color: rgb(51, 51, 51); border-radius: 0;
 height: auto; }
.slide-contact #slideout_inner textarea { padding:10px; }
.slide-contact .slide-bttn {background-color: rgb(215, 111, 39);color: rgb(255, 255, 255);font-weight: 400;padding: 10px 14px;position: relative;top: 0px;right: 0px;border-radius: 30px 0px 0px 30px;cursor: pointer;transition: all 0.2s ease 0s;font-size: 20px;display: flex;align-items: center;gap: 6px;animation: pulse 2s infinite;}
.slide-contact .slide-bttn:hover { background-color: rgb(36, 25, 19); }
.slide-contact .slide-bttn i { margin-right: 10px; font-size: 19px; }
.slide-contact .slide-bttn span { display: block; }
.slide-contact #slideout_inner input[type="submit"] { background: rgb(51, 51, 51); border: none; color: rgb(255, 255, 255); margin: 0px; font-weight: 400; border-radius: 4px; padding: 14px 10px; letter-spacing: 2px; font-size: 15px; transition: all 0.2s ease 0s; position: static; width: 100%; text-shadow: 0 0; text-transform: uppercase; }
.slide-contact #slideout_inner input[type="submit"]:hover { background:var(--primary-clr); color: rgb(255, 255, 255); }
.slide-contact #slideout_inner > h3 { color: rgb(68, 68, 68); display: block; font-size: 19px; font-weight: 700; text-transform: uppercase; line-height: normal; margin: 0px 0px 10px !important; padding: 0px !important; }
.slide-contact #slideout_inner .sec-box { width: 100%; }
.slide-contact #slideout_inner .security-sec { width: 100%; color: rgb(51, 51, 51); padding-top: 0px; }
.slide-contact #slideout_inner .security-sec .sign { color: rgb(51, 51, 51); }
.slide-contact #slideout_inner .security-sec img,
.slide-contact #slideout_inner .security-sec span,
.slide-contact #slideout_inner .security-sec input { float: left; }
.slide-contact #slideout_inner .security-sec input { width: 50px; margin-left: 10px; padding: 0px 10px; }
.slide-contact #slideout_inner .security-sec img,
.slide-contact #slideout_inner .security-sec span { margin-top: 0px; }
.slide-contact #slideout_inner span.spclose { cursor: pointer; display: inline-block; width: 10%; text-align: right; color: rgb(133, 133, 133); position: absolute; top: 10px; right: 10px; }
.slide-contact #Fname { float: left; width: 48%; margin-right: 4%; }
.slide-contact #email { float: left; width: 48%; }
.slide-contact textarea { width: 100%; }
.slide-contact strong { font-weight: 400; }
.slide-contact .slide-bttn:after,
.slide-contact .slide-bttn:before{background-image: url(img/appmail.svg);background-repeat: no-repeat;background-size: 20px;  background-position: 27px 50%;}
.slide-contact .slide-bttn:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -2;}
.slide-contact .slide-bttn:before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 100%;background-color: rgb(255 170 121 / 56%);transition: all 0.3s;z-index: -1;}
@-webkit-keyframes pulse {
0% {-webkit-box-shadow: 0 0 0 0 rgba(215, 112, 39, 0.61);}
70% {-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);}
100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse {
0% {-moz-box-shadow: 0 0 0 0 rgba(215, 112, 39, 0.61);box-shadow: 0 0 0 0 rgba(215, 112, 39, 0.61);}
70% {-moz-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);}
100% {-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}


.header--fixed { position:fixed; z-index:50; right:0; left:0; top:0; }
.headroom { transition:transform .25s ease-in-out; will-change:transform; }
.headroom--pinned { transform:translateY(0); }
.headroom--unpinned { transform:translateY(0); border:none}
.headroom--pinned { background:#fff; }

/*body { padding-top: 105px; }*/

.header_wrap.headroom--pinned { transform: translateY(0); }
.header_wrap.headroom--unpinned { transform: translateY(-100%); }
.header_wrap { background:rgba(11,19,12,0.3); border-bottom: 1px solid rgba(255,255,255,0.2); position:fixed; z-index:9; left:0; top:0; right:0;  }
.header_wrap .header { display:flex;  justify-content: space-between; align-items: center; }
.header_wrap .header .logo { display:inline-block; padding:25px 0; }
.header_wrap .header .logo img { display:inline-block; vertical-align:middle; }
.header_wrap .header .contact_info { font-size:17px; font-weight:600; padding:15px 0; list-style:none; order:1; }
.header_wrap .header .contact_info li { display:inline-block; padding-left:40px; vertical-align:middle; }
.header_wrap .header .contact_info li a { display:block; position:relative; }
.header_wrap .header .contact_info li:not(.link) a::after { background:var(--primary-clr); content:""; display: block; width:0; left:0; height: 2px; position: absolute; bottom: -2px; transition:0.5s; }
.header_wrap .header .contact_info li a:hover::after { width:100%; }
.header_wrap .header .contact_info li:first-child { padding-left:0; } 
.header_wrap .header .contact_info li:not(.link) a::before { content:""; display:inline-block; height:12px; margin-right:10px; width:18px; vertical-align:middle; }
.header_wrap .header .contact_info li.uk_ph a::before { background:url(../images/flag_uk_header.svg) no-repeat 0 0; height:17px; width:25px; }
.header_wrap .header .contact_info li.us_ph a::before { background:url(../images/flag_us_header.svg) no-repeat 0 0; height:18px; width:27px; }
.header_wrap .header .contact_info li.mail a::before { background:url(../images/icon_mail.svg) no-repeat 0 0; height:17px; width:21px; filter:brightness(0) invert(1); }
.header_wrap .header .contact_info li.link { padding:0 0 0 20px; }
.header_wrap .header .contact_info li.link a { background:var(--primary-clr); padding:8px 24px; border-radius:30px; }
.header_wrap .header .contact_info a { color:#fff; display:block; }


.banner { background:#000 url(../images/shopify_banner_v2.jpg) no-repeat center center / cover; font-size:19px; padding:200px 0 100px; position:relative; }
.banner .banner_caption { color:#fff; float:left; padding:35px 0; width:68%; }
.banner .banner_caption .inner_caption { max-width:730px; }
.banner ul { list-style:none; }
.banner .rating_sec { margin-bottom:50px; font-size:14px; display:flex; color:#3C3C3C; }
.banner .rating_sec li { display:flex; padding-left:40px; flex-flow:column; max-width: 300px; margin-left: 35px; padding-left: 35px; border-left: 1px dashed #fff; } 
.banner .rating_sec li:first-child { border:0; padding-left:0; margin-left:0; }
.banner .rating_sec li p { margin-top:auto; margin-bottom:0; line-height:1.3; }
.banner .rating_sec li img { display:block; }
.banner .points { margin: 40px 0 0; display: flex; flex-wrap: wrap; gap: 26px; }
.banner .points li { background: rgba(127,183,27,0.25); border: 1px solid #AAE344; padding:6px 18px; border-radius:5px; align-items:center; display:flex; }
.banner .points li img { margin-right:10px; }


.banner .form_sec { float:right; text-align:center; width:30%; }
.banner .form { background:#fff; box-shadow:0 4px 64px rgba(0,0,0,0.1); color:#1E1E1E; text-align:left; border-radius: 10px; overflow: hidden; }
.banner .form form .form_content { padding:40px 40px 20px; }
.banner .form .form_title { font:500 30px var(--heading-font); margin:0 0 30px; }
.banner .form .form_title span { color:var(--primary-clr); }
.banner .form .form_title::after { background:var(--accent-clr-1); content:""; display:block; height:4px; width:103px; margin:25px 0 0; }
.banner .form form .form-group { margin:20px 0 0; position:relative; }
.banner .form form .form-group .loaderImg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.banner .form form .form-group .loaderImg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.banner .form form .form_content + .form-group,
.banner .form form .form-group:first-child { margin-top:0; }
.banner .form form label { font:300 14px var(--heading-font); position: absolute; left: 12px; top: 12px; font-size: 14px; color: #777; transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease; }
.banner .form form .bodytext:valid + label,
.banner .form form .bodytext:focus + label { top: -6px; font-size: 12px; background-color: #ffffff; padding: 0 4px; border-radius: 4px; left: 8px;  }
.banner .form form label span { color:#ff0000; }
.banner .form form input[type="submit"] { background:var(--accent-clr); border: 0; font-size: 26px; width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; }
.banner .form form input[type="submit"]:hover { background:var(--accent-clr-1); }

.intro_sec  { line-height:2; }
.intro_sec img { border-radius:10px; }

.shopify_challenge { background:var(--d-blue-1); }
.shopify_challenge .box { background:rgba(0,0,0,0.13); border:1px solid #47748D; color:#fff; padding:45px; border-radius:10px; height:100%; }
.shopify_challenge .box * { color:#fff; }
.shopify_challenge .box .icon { margin:0 0 20px; }
.shopify_challenge .box .icon img { height:60px; width:auto; }
.shopify_challenge .box:hover { background:#fff; }
.shopify_challenge .box:hover * { color:#000; } 

.light-1 .box { background:#497286; border:1px solid transparent; color:#fff; padding:35px; border-radius:10px; height:100%; transition:0.5s; }
.light-1 .box * { color:#fff; }
.light-1 .box .icon { margin:0 0 20px; }
.light-1 .box .icon img { height:60px; width:auto; filter: brightness(0) invert(); }
.light-1 .box:hover { background:#fff; border-color:#D3E1E8; box-shadow:0 34px 50px #BEC7CC }
.light-1 .box:hover .icon img { filter:inherit; }
.light-1 .box:hover * { color:#000; } 

.solution_sec { background:var(--d-blue-1); }
.solution_sec .box { background:#fff; color:#505050; padding:45px; border-radius:10px; height:100%; }
.solution_sec .box .solution_box { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1.8px dashed #9F9F9F; justify-content:space-between; }
.solution_sec .box .solution_box .result_box { color:var(--d-blue-1); font-size:var(--font-20); }
.solution_sec .box .solution_box .result_box .large { font-size:78px; font-family:var(--heading-font); font-weight:300; line-height:1; }
.solution_sec .box .solution_box .result_box .large span { font-size:60px; }
.solution_sec .box .quote_box blockquote { margin:0 0 50px; font-size:17px; }
.solution_sec .box .quote_box .author_box { background:url(../images/icon_quote.svg) no-repeat right center; }
.solution_sec .box .quote_box .author_img { margin-right: 20px; max-width: 66px; float: left; }
.solution_sec .box .author_info { color: #000; font-weight: 600; font-size: var(--font-18); }
.solution_sec .box .author_info .name { color:var(--primary-clr); font-size:var(--font-20); }

.expert_sec { background:url(../images/expert_base.jpg) no-repeat center center / cover; font-size:var(--font-18); }
.expert_sec .btn_sec { margin-top:60px; }

.support_sec {}
.support_sec .box { padding:30px; height:100%; }
.support_sec .head_box { margin:0 0 30px; }
.support_sec .title { color:#242424; font:500 24px/1.4 var(--heading-font); margin: 0 0 20px; }
.support_sec .icon { margin-bottom:20px; }
.support_sec .box:hover .title { color:var(--primary-clr); } 
.support_sec .btn_sec { margin-top:60px; }

.service_sec { background:var(--d-blue-1); }
.service_sec .box { background:rgba(0,0,0,0.13); border:1px solid #47748D; color:#fff; padding:45px; border-radius:10px; height:100%; }
.service_sec .box .title { color:#fff; }
.service_sec .box .icon { margin:0 0 20px; }
.service_sec .box .icon img { height:60px; width:auto; }
.service_sec .box:hover { background:#fff; box-shadow:0 14px 54px rgba(0,0,0,0.50); color:#727272; }
.service_sec .box:hover .title { color:#191919; }

.category_sec { background:var(--primary-clr); }
.category_sec .box { background:rgba(0,0,0,0.43); color:#fff; font-size:17px; padding:18px 25px; border-radius:10px; height:100%; display:flex; align-items:center; }
.category_sec .box .title { font:500 17px/1.4 var(--heading-font); }
.category_sec .box .icon { float:left; margin:0px 20px 0px 0; width:30px; }
.category_sec .box .icon img { filter:brightness(0) invert(); }
.category_sec .box:hover { background:#fff; color:#242424; }
.category_sec .box:hover .icon img { filter:inherit; }

.migration_sec { background:#EFF5F8; }
.migration_sec .box { font-size:16px; padding:18px 25px; border-radius:10px; height:100%; position:relative; }

.benefit_sec {}
.benefit_sec .icon img { height:56px; margin:0 0 20px; width:auto; }
.benefit_sec .title { color:#191919; font:500 var(--font-18)/1.5 var(--heading-font); }
.benefit_sec .col { border-left:1.5px dashed #B8B8B8; }
.benefit_sec .col:first-child { border:0; }

.footer { background:var(--d-blue-2); color:#fff; font:var(--font-18); }
.footer .form {}
.footer .form form .form_content { overflow:hidden; }
.footer .form form .form_content .block { display:flex; flex-wrap:wrap; margin:0 -20px; } 
.footer .form form .form_content .block .form-group { margin:0; padding:0 20px; width:50%; }
.footer .form .form_title { font:600 34px var(--heading-font); margin:0 0 40px; }
.footer .form .form_title span { color:#9EDC2C; }
.footer .form form .form-group { margin:40px 0 0; position:relative; }
.footer .form form .form-group .loaderImg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
/*.footer .form form .form_content + .form-group,
.footer .form form .form-group:first-child { margin-top:0; }*/
.footer .form form label { display:none; }
.footer .form form label span { color:#ff0000; }
.footer input[type="text"],
.footer input[type="email"],
.footer input[type="tel"],
.footer select,
.footer textarea { background:none; border:0; border-bottom:1px solid #878787; border-radius:0; color:#747474; font:400 16px/1.2 var(--body-font); height:46px; padding:0; width:100%; 
resize:none; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.footer textarea { padding-top:5px; }
.footer .form form input[type="submit"] { border:0; font-size:22px; }
.footer a { text-decoration:underline; }

.copyright { background:var(--d-blue-1); color:#fff; padding:10px 0; text-align:center; }

@media (min-width: 576px) {
.container { max-width:100%; }
}
@media (min-width: 768px) {
.container { max-width:750px; }

.migration_sec .box .line { border-top:1px dashed #B8B8B8; display:block; margin:20px -55px 50px; position:relative; }
.migration_sec .box .line::before { background:#B8B8B8; border-radius:100%; content:""; display:block; height:24px; width:24px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.migration_sec .box:hover .line:before { background:var(--primary-clr); } 
}
@media (min-width: 992px) {
.container { max-width:970px; }
.services_sec .service_list .service_box .service_box_inner .service_title { margin-left:0; }
.intro_sec .col_7 { padding-right:100px; }
 
}
@media (min-width: 1200px) {
.container { max-width:1170px; }
}
@media screen and (min-width: 1400px) {
.container { max-width:1366px; }
.footer .col:first-child { padding-right:100px; }
}
@media (min-width: 1600px) {
.container { max-width:1460px; }
}

@media (max-width:1399px) {
.banner .banner_caption { width:65%; }
.banner .form_sec { width:34%; }
}

@media (max-width:1199px) {
.w-50, .w-60, .w-70, .w-80, .w-90 { max-width:100%; margin:auto; }
.grid { margin-left:-15px; margin-right:-15px; }
.grid > * { margin-top:15px; padding-right:15px; padding-left:15px; }

.banner .form form .form_content { padding:25px; }
.header_wrap .header .logo { max-width:220px; }
.header_wrap .header .contact_info li { font-size:15px; padding-left:10px; }
.header_wrap .header .contact_info li.link { padding: 0 0 0 10px; }
.banner .banner_caption { width:64%; }
.banner .form_sec { width:35%; }

.banner .points { gap:12px; }
.banner .points li { width: 49%; }
.category_sec .box { padding:12px; }
.footer .form .form_title { font-size:28px; }
}

@media (max-width:991px) {
:root { 
--font-18:16px;
--font-20:18px;
}

h1 { font-size:30px; }
h2 { font-size:28px; }
h3 { font-size:19px; }
h4 { font-size:19px; }

.title2 { font-size:28px; }
.h3 { font-size:22px; }
.support_sec .title { font-size:18px; }

.form form .iti--separate-dial-code .iti__selected-flag { display:none; }
.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input[type="tel"] { padding:0 15px !important; }


.header_wrap .header .logo { max-width:170px; }
.header_wrap .header .contact_info,
.header_wrap .header .contact_info li:not(.link) a { font-size:0; }

.header_wrap .header .contact_info li { padding-left:10px; }
.banner .banner_caption, 
.banner .form_sec { width:100%; }
.banner .banner_caption { padding:0; }
.banner .form_sec { padding-top:60px; }

.common_box { padding: 60px 0; }
.shopify_challenge .box,
.solution_sec .box,
.service_sec .box,
.support_sec .box { padding:20px; }
.solution_sec .box .quote_box .author_box { background:none; }

.light-1 .grid_4 .col { width:50%; }

.solution_sec .box .solution_box .result_box { font-size:var(--font-18); }
.solution_sec .box .solution_box .result_box .large { font-size:45px; }
.solution_sec .box .solution_box .result_box .large span { font-size:35px; }

.category_sec .box { text-align:center; display:block; }
.category_sec .box .icon { float:none; margin:0 auto 20px; }

.benefit_sec .col { border:0; width: 33.33%; padding: 20px; border: 0; }
.footer .form .form_title { font-size: 25px; }
}

@media (max-width:767px) {
.grid_2 > * { flex:0 0 auto; width:100%; }
.grid_3 > * { flex:0 0 auto; width:100%; }
.grid_4 > * { flex:0 0 auto; width:100%; }
.grid_6 > * { flex:0 0 auto; width:33.33%; }

.m_w_100 { width:100%; }
.hide_mob { display:none; }
.button { padding:16px 44px; font-size:20px !important; }

.banner { padding:150px 0 60px }
.banner .banner_caption .inner_caption { text-align:center; }
.banner .rating_sec li { margin-left: 0; padding: 0 15px; } 
.banner .rating_sec { justify-content: center; }
.banner .points { text-align:left; }
.banner .points li { width:100%; } 
.solution_sec .grid { flex-wrap: initial; overflow-x: scroll; }
.solution_sec .col { width:80%; }
.category_sec .col { width:33.33%; }
.intro_sec { text-align:center; }
.support_sec .grid { flex-wrap: initial; overflow-x: scroll; }
.support_sec .col { width:80%; }

.light-1 .grid_4 .col { width:100%; }

.migration_sec .box { padding-left:50px; }
.migration_sec .box .line { border-left: 1px dashed #B8B8B8; display: block; position: absolute; left:15px; width: 1px; top: -10px; bottom: -10px; }
.migration_sec .box .line::before { background:#B8B8B8; border-radius:100%; content:""; display:block; height:24px; width:24px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.migration_sec .box:hover .line:before { background:var(--primary-clr); } 

.expert_sec { text-align:center; }
.footer .form { margin-top: 30px; }
.footer .form .form_title { margin: 0 0 15px; }
}

@media (max-width:575px) {
.category_sec .col { width:50%; }
.benefit_sec .col { width:50%; }
.footer .form form .form_content .block .form-group { width:100%; }
.footer .form form .form-group,
.footer .form form .form_content .block .form-group { margin-top:20px; }
.footer .iti--allow-dropdown input,
.footer .iti--allow-dropdown input[type="tel"],
.footer .iti--separate-dial-code input[type="tel"] { padding:0 !important }
.header_wrap .header .contact_info li.link { padding: 0 0 0 5px; }
}

@media (max-width:480px) {
.header_wrap .header .logo { max-width: 150px; }
.header_wrap .header .contact_info li { padding-left:5px; }
.banner .rating_sec li { border:0; padding:0 5px; }

.banner .form .form_title { font-size:19px; }
.banner .form form .form_content { padding:20px; }

}

@media (max-width:400px) {
.header_wrap .header .logo { max-width:135px; }
.header_wrap .header .contact_info li:not(.link) a::before { margin-right: 5px; }
.header_wrap .header .contact_info li.link { display:none; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag { background-image: url("../images/flags.png") !important; } 
}