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

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3yws2i');
  src:  url('../fonts/icomoon.eot?3yws2i#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3yws2i') format('truetype'),
    url('../fonts/icomoon.woff?3yws2i') format('woff'),
    url('../fonts/icomoon.svg?3yws2i#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Taboola_Icon .path1:before {
  content: "\e959";
  color: rgb(0, 0, 0);
}
.icon-Taboola_Icon .path2:before {
  content: "\e95a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Taboola_Icon .path3:before {
  content: "\e95b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Taboola_Icon .path4:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Taboola_Icon .path5:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-google-analytics:before {
  content: "\e95e";
}
.icon-adwords:before {
  content: "\e95f";
}
.icon-google-maps-2:before {
  content: "\e960";
}
.icon-world-wide-web:before {
  content: "\e961";
}
.icon-java:before {
  content: "\e962";
}
.icon-games:before {
  content: "\e963";
}
.icon-youtube:before {
  content: "\e964";
}
.icon-whatsapp:before {
    content: "\e906";
}

.icon-mongodb-icon-new:before {
  content: "\e965";
}
.icon-vue-js:before {
  content: "\e966";
}
.icon-television:before {
  content: "\e967";
}
.icon-cloudflare-seeklogo .path1:before {
  content: "\e968";
  color: rgb(255, 255, 255);
}
.icon-cloudflare-seeklogo .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-cloudflare-seeklogo .path3:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-android-logo:before {
  content: "\e96b";
}
.icon-apple:before {
  content: "\e96c";
}
.icon-blockchain:before {
  content: "\e96d";
}
.icon-Semrush-New .path1:before {
  content: "\e96e";
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path2:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path3:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path4:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path5:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path6:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path7:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Semrush-New .path8:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(255, 100, 45);
}
.icon-ios-icon:before {
  content: "\e976";
}
.icon-firebase:before {
  content: "\e977";
}
.icon-apple1:before {
  content: "\e978";
}
.icon-apple-logo:before {
  content: "\e979";
}
.icon-vuejs-icon .path1:before {
  content: "\e97a";
  color: rgb(66, 184, 131);
}
.icon-vuejs-icon .path2:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(53, 73, 94);
}
.icon-java1:before {
  content: "\e97c";
}
.icon-swift:before {
  content: "\e97d";
}
.icon-woocommerce:before {
  content: "\e97e";
}
.icon-mariadb-icon:before {
  content: "\e97f";
  color: #444b5e;
}
.icon-mongodb-icon .path1:before {
  content: "\e980";
  color: rgb(89, 150, 54);
}
.icon-mongodb-icon .path2:before {
  content: "\e981";
  margin-left: -1em;
  color: rgb(108, 172, 72);
}
.icon-mongodb-icon .path3:before {
  content: "\e982";
  margin-left: -1em;
  color: rgb(194, 191, 191);
}
.icon-museum:before {
  content: "\e951";
}
.icon-settings:before {
  content: "\e952";
}
.icon-global:before {
  content: "\e953";
}
.icon-cloud-service:before {
  content: "\e954";
}
.icon-certificate:before {
  content: "\e955";
}
.icon-expert:before {
  content: "\e956";
}
.icon-goal:before {
  content: "\e957";
}
.icon-confetti:before {
  content: "\e958";
}
.icon-stackoverflow:before {
  content: "\e900";
}
.icon-skype:before {
  content: "\e901";
}
.icon-sketch:before {
  content: "\e902";
}
.icon-adobexd:before {
  content: "\e903";
}
.icon-adobeillustrator:before {
  content: "\e904";
}
.icon-adobephotoshop:before {
  content: "\e905";
}
.icon-call:before {
  content: "\e906";
}
.icon-email:before {
  content: "\e907";
}
.icon-location:before {
  content: "\e908";
}
.icon-facebook:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e90b";
}
.icon-linkedin:before {
  content: "\e90c";
}
.icon-computer:before {
  content: "\e90d";
}
.icon-web-design:before {
  content: "\e90e";
}
.icon-graphic-design:before {
  content: "\e90f";
}
.icon-front-end:before {
  content: "\e910";
}
.icon-strategy:before {
  content: "\e911";
}
.icon-search-engine:before {
  content: "\e912";
}
.icon-strategy-1:before {
  content: "\e913";
}
.icon-design-thinking:before {
  content: "\e914";
}
.icon-idea:before {
  content: "\e915";
}
.icon-interactive:before {
  content: "\e916";
}
.icon-repair:before {
  content: "\e917";
}
.icon-tools:before {
  content: "\e918";
}
.icon-api:before {
  content: "\e919";
}
.icon-api-1:before {
  content: "\e91a";
}
.icon-insight:before {
  content: "\e91b";
}
.icon-business-idea:before {
  content: "\e91c";
}
.icon-time:before {
  content: "\e91d";
}
.icon-approval:before {
  content: "\e91e";
}
.icon-contract:before {
  content: "\e91f";
}
.icon-handshake:before {
  content: "\e920";
}
.icon-handshake-1:before {
  content: "\e921";
}
.icon-team:before {
  content: "\e922";
}
.icon-document:before {
  content: "\e923";
}
.icon-agreement:before {
  content: "\e924";
}
.icon-partnership:before {
  content: "\e925";
}
.icon-successful:before {
  content: "\e926";
}
.icon-excellence:before {
  content: "\e927";
}
.icon-analysis:before {
  content: "\e928";
}
.icon-seo:before {
  content: "\e929";
}
.icon-web-development:before {
  content: "\e92a";
}
.icon-web-maintenance:before {
  content: "\e92b";
}
.icon-web-maintenance-1:before {
  content: "\e92c";
}
.icon-good-feedback:before {
  content: "\e92d";
}
.icon-maintenance:before {
  content: "\e92e";
}
.icon-app-development:before {
  content: "\e92f";
}
.icon-smartphone:before {
  content: "\e930";
}
.icon-code:before {
  content: "\e931";
}
.icon-wireframe:before {
  content: "\e932";
}
.icon-wireframe-1:before {
  content: "\e933";
}
.icon-web-hosting:before {
  content: "\e934";
}
.icon-server:before {
  content: "\e935";
}
.icon-click:before {
  content: "\e936";
}
.icon-tap:before {
  content: "\e937";
}
.icon-online-shopping:before {
  content: "\e938";
}
.icon-check-mark:before {
  content: "\e939";
}
.icon-draw-check-mark:before {
  content: "\e93a";
}
.icon-check:before {
  content: "\e93b";
  color: #4dcfe0;
}
.icon-angular:before {
  content: "\e93c";
}
.icon-bootstrap:before {
  content: "\e93d";
}
.icon-codeigniter:before {
  content: "\e93e";
}
.icon-css3:before {
  content: "\e93f";
}
.icon-flutter:before {
  content: "\e940";
}
.icon-html5:before {
  content: "\e941";
}
.icon-ionic:before {
  content: "\e942";
}
.icon-javascript:before {
  content: "\e943";
}
.icon-jquery:before {
  content: "\e944";
}
.icon-laravel:before {
  content: "\e945";
}
.icon-magento:before {
  content: "\e946";
}
.icon-mysql:before {
  content: "\e947";
}
.icon-node-dot-js:before {
  content: "\e948";
}
.icon-php:before {
  content: "\e949";
}
.icon-prestashop:before {
  content: "\e94a";
}
.icon-react:before {
  content: "\e94b";
}
.icon-sass:before {
  content: "\e94c";
}
.icon-shopify:before {
  content: "\e94d";
}
.icon-typescript:before {
  content: "\e94e";
}
.icon-wordpress:before {
  content: "\e94f";
}
.icon-xamarin:before {
  content: "\e950";
}




.ul_img ul li a img {
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}

.ul_img ul li a img:hover {
    transition-property: all;
    transition-duration: 1s;
	transition-timing-function: cubic-bezier(0,0,.2,1);
    transform: scale(1.5);
}

.sub_3page .ul_tab.wd_sub li,.sub_6page .ul_tab.wd_sub li,.video_section video,
.chr-content-container .single-item,.ad_lf .ad_bx_lf,.ad_bx {
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}

.sub_3page .ul_tab.wd_sub li:hover,
.sub_6page .ul_tab.wd_sub li:hover,.video_section video:hover,.chr-content-container .single-item:hover,.ad_lf .ad_bx_lf:hover,.ad_bx:hover {
    transition-property: all;
    transition-duration: 1s;
	transition-timing-function: cubic-bezier(0,0,.2,1);
    transform: scale(1.1) !important;
}





/*HOME PAGE HEADER SECTION START CSS*/
#nextside a{z-index:5;position:absolute;left:-230px;transition:.3s;padding:15px;width:300px;text-decoration:none;font-size:20px;color:white;border-radius:0 5px 5px 0}
#nextside a:hover{left:0;background-color:#FFF;box-shadow:0 0 20px 3px rgba(0,0,0,0.05);}
#nextside_id{top:0;background-color:#0e2b5c}.logo-link:before,.logo-link:after{display:none}
#nextside a:hover .fx{opacity:0}.fx{position:fixed;left:6px;right:0;z-index:999}
.main-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 802;}
.logo{ width: 70px; height: 70px; display: flex; color: #FFFFFF; position: fixed; left: 0; z-index: 4; text-align: center;}
.logo img{max-width: 27px; position: relative; z-index: 2;}
.logo-link{width: 70px; height: 70px; position: relative; display: flex; align-items: center; justify-content: center; vertical-align: middle; -webkit-transition: opacity .55s,background-color .55s,-webkit-transform .55s; transition: opacity .55s,background-color .55s,-webkit-transform .55s; transition: transform .55s,opacity .55s, background-color .55s; transition: transform .55s,opacity .55s, background-color .55s,-webkit-transform .55s; }
.logo-link:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: #0e2b5c;content: "";
-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transition: -webkit-transform .55s;
transition: -webkit-transform .55s;transition: transform .55s;transition: transform .55s,-webkit-transform .55s;z-index: -1;}
.logo-link:after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
content: "";opacity: 0;visibility: hidden;background: none;transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.logo-link:hover:after{visibility: visible;opacity: 1;background:#0e2b5c;}
.get_a_quote{right: 70px; top: 0; position: fixed; display: none;}
.get_a_quote_btn{min-height: 70px;}
.get_a_quote_btn.button:before{width: 100%; height: 100%; top: 0; left: 0;}
.get_a_quote_btn.button:hover:before{background: #0e2b5c;}
.get_a_quote_btn.button:hover{color: #ffffff;}
.menu-toggle{width: 70px; height: 70px;}
.web_section {position: absolute;max-width: 1300px;left: 12em;}
.web_sub {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    display: block;
}
.web_sub .web_sub_title {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: -16px;
    font-size: 1.2em;
    font-weight: 700;
    right: 0;
    color: #152b5b;
}

.img_zoom img {
    transition: all ease-in-out 0.3s;
}
.img_zoom {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.img_zoom:hover img {
    transform: scale(1.1);
}


/*BACK TO TOP START*/
.scroll {color: #fff;margin-top: 100px}
#toTopBtn {position: fixed;bottom: 20px;right: 39px;z-index: 98;
    padding: 21px;background-color: hsl(218deg 74% 21%);
border: 1px solid rgb(255 255 255 / 10%);}
.js .cd-top--fade-out {opacity: .5}
.js .cd-top--is-visible {visibility: visible;opacity: 1}
.js .cd-top {visibility: hidden;opacity: 0;transition: opacity .3s, visibility .3s, background-color .3s}
.cd-top {position: fixed;bottom: 20px;bottom: var(--cd-back-to-top-margin);right: 20px;
right: var(--cd-back-to-top-margin);display: inline-block;height: 40px;height: var(--cd-back-to-top-size);
width: 40px;width: var(--cd-back-to-top-size);box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
background: url(../../assets/images/cd-top-arrow.svg) no-repeat center 50%;
background-color: hsla(5, 76%, 62%, .8);background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}
/*BACK TO TOP END*/



/*ABOUT US NEXTAWEB START SECTION*/

.ul_tab.wd_sub li:before,.ul_tab.wd_sub ul li:after{display: none;}

/*
.ul_tab.wd_sub li.line_bt:before {
    width: 64%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.ul_tab.wd_sub li.line_bt:before {
    top: 9px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #f5a2a3;
    content: "";
}

.ul_tab ul li.line_bt:before {
    width: 100%;
    border-radius: 0;
    height: 1px;
    top: auto;
    bottom: 0;
    background-color: #ddd;
}

.ul_tab ul li.line_bt:after {
    width: 0%;
    border-radius: 0;
    height: 2px;
    top: auto;
    bottom: 0;
    background-color: #f5a2a3;
    content: "";
    position: absolute;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.ul_tab.wd_sub ul li.line_bt:hover:after {
    width: calc(66% - 0px);
    right: 0;
}
*/


.container.mx_1062 {
    max-width: 1062px;
}
.mb_5 {
    margin-bottom: 3.3rem!important;
}
.lead_md {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.3px;
    font-family: inherit;
}

.mbt_2 {
    margin: 2.7rem 0 2.1rem 0;
}
.sub_2left {
    margin-left: 8.3rem;
}

.mt_5 {
    margin-top: 5rem;
}
.mt_4 {
    margin-top: 4rem;
}
.mtb_4 {
    margin: 4rem 0 2.2rem;
}

.btb{padding: 17px 22px;}

.line_24 {
    line-height: 28px !important;
}
.mb_13 {
    margin-bottom: 1.3rem !important;
}

.mtb_32 {
    margin: 3.2rem 0;
}

.btn_size {
    text-transform: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 24px 40px;
}

.mx_60 {
    max-width: 506px;
    margin: auto;
}
.pl_28 {
    padding-left: 28px;
}

.ptb_68 {
    padding: 6.8rem 0 5.9rem 0;
}

.pt_5{padding-top:5rem; }

.mt_65 {
    margin-top: 6.5rem;
}

.mt_65.mx_1072 {
    /*max-width: 1072px;*/
    margin: 6.5rem auto 7.9rem;
}

.img_cnt.sub_3_left {
    margin-left: 2.4rem;
}


.section_img_left .sub_3_right {
    margin-left: 8rem;
    margin-top: 0.9rem;
}


.section_img_right .sub_3_right {
    margin-left: 3.6rem;
    margin-top: 1.2rem;
    margin-right: 7rem;
}

.mb_14 {
    margin-bottom: 1.4rem;
}
.mx_542 {
    max-width: 542px;
    margin: auto;
}
.mb_61 {
    margin-bottom: 6.1rem;
}

.mtb_65 {
    margin-bottom: 6.5rem;
}

.sub_3page .ul_tab.wd_sub li {
    padding: 0 3rem;
    vertical-align: text-top;
    margin-bottom: 2.5rem;
}

.mb_08 {
    margin-bottom: 0.8rem;
}
.sub_3page .ul_tab.wd_sub li {
    padding: 0 2.7rem;
    vertical-align: text-top;
    margin-bottom: 3rem;
    width: 32.933333%;
    margin-right: 0;
}
.plr0{
    padding-right: 0.8rem;
}
.left_p3 {
    padding-left: 3rem;
}

.right_p3 {
    padding-left: 2.2rem;
}

.right_p3 .lead_md {
    line-height: 22px;
    margin-bottom: 1.6rem;
}
.left_p3 .lead_md {margin-top: 0.5rem;}


.mb_27 {
    margin-bottom: 2.7rem;
}

.video_section{position: relative;}
.video_section video {
    width: 100%;margin: 0;
}

.video_name {
    font-size: 1.35rem;
    font-weight: 700;
    position: absolute;
    top: auto;
        bottom: 130px;
    left: 20px;
    color: #FFF;
}
section.sub_5page{
  padding-bottom: 4rem;
}

.ptl24 {
    padding-top: 4.6rem;
    padding-left: 2.4rem;
}

span.bms_ic img {
    width: 48px;
    margin-right: 0.6rem;

}

span.bms_ic {
    display: block;
    padding: 0px 0 2rem 0;
}

.sub_6page .md_hd_size {
    font-size: 1.875rem;
}
.sub_6page .md_size {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
}
span.vt_ic img {
    max-width: 32px;
}
.sub_6page .ul_tab.wd_sub li {
    padding: 0 2.7rem;
    vertical-align: text-top;
    padding-bottom: 3rem;
    width: 32.933333%;
    margin-right: 0;
}
.sub_6page .ul_tab.wd_sub li:before {width: 76%;display: none;}
.sub_6page .ul_tab.wd_sub ul li:after {left: 2.8rem;display: none;}    
.fq_main h2 {font-size: 2.25rem;font-weight: 600;margin: 0;padding: 0;}

.lg_size{font-size:2.625rem;font-weight:700;}
.md_size{font-size: 1.125rem;font-weight: 400;line-height: 1.8;margin: 0;}
.sm_size{font-size: 1rem;font-weight: 400;line-height: 1.8;margin: 0;}
.xs_size{}

.md_hd_size{font-size:1.375rem;}
.ml_2 {padding-left: 2.2rem;}
.lead_sm {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.7;
    margin: 0;
}



.hero {min-height: 400px;position: relative;z-index: 10;color: #ffffff;text-align: center;padding-top: 100px;}
.size_2{font-size:2.625rem;font-weight:700;}
/*.lead_md {font-size: 1.625rem;font-weight: 700;}*/
/*.lead_sm {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.8;
margin: 0;
}
*/
.vt_main {
    color: #ef5f63;
}

.bg_black{background-color: #000;}
section.sub_1page {
    margin: 0px 4.4rem 3rem 4.4rem;
}
.sub_2right {
    margin-top: 6rem;
}

.text_red {
    color: #e82e31;
    line-height: 130%;
}


.text_black {
    color: #000;
    line-height: 130%;
}



/*
.mx_60 {
    max-width: 520px;
    margin: auto;
}
*/

.ul_img{}
.ul_img {margin: 0;padding: 0;}
.ul_img ul li {list-style: none;display: inline-block;padding-bottom: 10px;margin-bottom: 90px;margin-right: 20px;
padding-left: 0;transition-property: all;transition-duration: .5s;transition-timing-function: cubic-bezier(0,0,.2,1);
width: 22.9%;}
.ul_img ul li:before {width: 100%;border-radius: 0;height: 1px;top: auto;bottom: 0;background-color: #ddd;}
.ul_img ul li:after {width: 0%;border-radius: 0;height: 2px;top: auto;bottom: 0;background-color: #f5a2a3;content: "";
position: absolute;left: 0;transition: all 0.5s ease-in-out;}
.ul_img ul li:hover:after{width: calc(100% - 20px); right: 0;}
.ul_img ul li a img {
    max-width: 140px;
    max-height: 70px;
    /*margin-left: 42px;*/
}
.client_section .ul_img ul li a img {
    max-width: 115px;
}

@media(max-width:730px){
    .client_section .ul_img ul li a img{
        max-width: 75px;
    }
     .client_section .ul_img ul li a .rm_food{
            max-width: 112px !important;
    }
}
.ul_tab.wd_sub li {width: 31%;padding: 0 4rem;margin-bottom: 4rem;}
section.sub_2page.bg_black {
    padding-bottom: 5.8rem;
}

.ul_tab.wd_sub li:before {
    width: 64%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.ul_tab.wd_sub ul li:after {left: 4rem;}
.ul_tab.wd_sub ul li:hover:after{width: calc(66% - 0px); right: 0;}

section.sub_4page {    
    padding: 5rem 0 2.7rem 0px;
}

.bg_gray{background-color: #f7f7f7;}



.display-1 {font-family: 'Aclonica', sans-serif;font-size: 3rem;margin-bottom: 0px;color: #0e2b5c;}
.text-regular {font-weight: normal;}
.text-gray-soft {color: #838E95 !important;}
.h5_text{color: #838E95;font-weight: normal;font-size: 1rem;margin: 0.2rem 0rem 1rem;line-height: 1.4;}
.mx_450{max-width: 450px;margin: auto;}
.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

h2.display_hd{
    font-size: 32px;
    line-height: 1.4;
    font-weight: 600;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.flex-equal > * {-ms-flex: 1;-webkit-box-flex: 1;flex: 1;}
@media (min-width: 768px) {.flex-md-equal > * {-ms-flex: 1;-webkit-box-flex: 1;flex: 1;}}
.overflow-hidden { overflow: hidden; }
.ul_tab{}
.ul_tab {margin: 0;padding: 0;}
.ul_tab ul li {list-style: none;display: inline-block;padding-bottom: 10px;margin-bottom: 10px;margin-right: 20px;
padding-left: 0;transition-property: all;transition-duration: .5s;transition-timing-function: cubic-bezier(0,0,.2,1);}
.ul_tab ul li:before {width: 100%;border-radius: 0;height: 1px;top: auto;bottom: 0;background-color: #ddd;}
.ul_tab ul li:after {width: 0%;border-radius: 0;height: 2px;top: auto;bottom: 0;background-color: #f5a2a3;content: "";
position: absolute;left: 0;transition: all 0.5s ease-in-out;}
.ul_tab ul li:hover:after{width: calc(100% - 20px); right: 0;}
.transition_default {transition-property: all;transition-duration: .5s; transition-timing-function: cubic-bezier(0,0,.2,1);}
.display_4 {font-size: 1.6rem;line-height: 1.4;}
/*.lead_sm {font-size: 1rem;font-weight: 400;line-height: 1.6;margin: 0;}*/
.line_hit{line-height: 1.4;}
.ul_tab ul li a img {max-width: 126px;}
span.vt_line{font-size: 18px;margin-bottom: 15px;letter-spacing: 2px;position: relative;padding-left: 1.8rem;}
span.vt_line:before {width: 24px;height: 2px;background-color: #e82e31;display: inline-block;vertical-align: middle;
content: "";position: absolute;left: 0;top: 50%;}
.bg_blue{background-color: #0e2b5c}
.display_3{}
span.wb_ic img {width: 32px;margin-right: 0.6rem;}
.wd_main .ul_tab ul li {max-width: 30.4%;margin: 0px 15px 25px;padding: 15px 15px 15px 0;}
a {transition-property: all;transition-duration: .5s;transition-timing-function: cubic-bezier(0,0,.2,1);}
.group{transition: .3s;transition: all .5s ease;}
.group:hover .group_hover{transform: scale(1.1);}
.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.group:hover .group-hover{--transform-scale-x: 1.05;--transform-scale-y: 1.05;}
.transition--slow {transition-property: all;transition-duration: 1s;transition-timing-function: cubic-bezier(0,0,.2,1);}
.bg_white{background-color: #FFF;}
.video_main{position: relative;}
.video_name{}
.ui-accordion h3.ui-accordion-header:after{}
.what-do-section.faq_main .what-do-section-main {margin: 0 0 0 0;padding-top: 3rem;padding-bottom: 3rem;}

/*ABOUT US NEXTAWEB END SECTION*/





/*NEXTAWEB ADVANTAGE END SECTION*/

.advantage_area_in{max-width:1160px;margin:auto}.ad_lf{padding:95px 0 0 0;float:left;max-width:375px;width:100%}
.ad_bx{position:relative;float:left;width:100%;padding:0 0 60px 0}.ad_lf .ad_bx_lf{text-align:right;padding:0 70px 0 0}
.ad_bx_lf{float:left;width:100%}.awards_area{padding:100px 0 70px}.awards_area_in{padding:0}.awards_area_lf{padding:0}
.awards_area_rg{padding:0}.awards_area_lf h3{padding:0;font-size:48px;font-weight:700;text-transform:uppercase;color:#3d3d3d}
.awards_area_lf h3 span{color:#0ea6d5}.awards_area_lf h3 span:after{font-weight:800;content:'/';line-height:8px;font-size:39px;
position:relative;top:-6px;margin-left:5px}
.awards_area_lf p{font-size:21px;line-height:26px;color:#3d3d3d;padding:18px 0 0 0}
.awards_area_rg ul li{list-style:none;margin:0 0 48px 76px;display:inline-block;vertical-align:middle}
.advantage_area{padding:75px 0 104px 0;background-image:url(./../images/s1.jpg);background-repeat:no-repeat;
background-position:center top;background-size:cover;position:relative}
.ad_lf{padding:95px 0 0 0;float:left;max-width:375px;width:100%}.ad_cn{padding:0;float:left;max-width:358px;width:100%}
.ad_rg{padding:95px 0 0 0;float:left;max-width:421px;width:100%}
.advantage_area h3{font-size:40px;font-weight:700;color:#e82e31;text-align:center;text-transform:uppercase}
.advantage_area h3 span{color:#0e2b5c}.advantage_area_in{margin-top:50px;padding:0;margin-bottom:65px}
.ad_bx_lf{float:left;width:100%}.ad_bx_lf h4{font-size:21px;font-weight:700;color:#ec5d5f;text-transform:uppercase}
.ad_bx_lf p{font-size:16px;line-height:24px;font-weight:500;color:#0e2b5c;padding:10px 0 0 0}
.ad_bx_rg{padding:0;float:left;position:absolute;right:-46px;transition:all ease .6s}
.ad_cir{padding:0;height:86px;width:86px;background-color:#fff;border-radius:50%;display:table;
-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.1);
box-shadow:0 0 4px 0 rgba(0,0,0,0.1);-webkit-transition:all .3s linear;transition:all .3s linear}
.ad_bx:hover .ad_cir{transform:rotateY(360deg);transition:all ease .6s;background-color:#0e2b5c;
-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.1);box-shadow:0 0 4px 0 rgba(0,0,0,0.1)}
.ad_cir span{vertical-align:middle;display:table-cell;text-align:center}.ad_cir span img{margin:0 auto}
.ad_lf .ad_bx_lf{text-align:right;padding:0 70px 0 0}.ad_bx{position:relative;float:left;width:100%;padding:0 0 60px 0}
.ad_rg .ad_bx_rg{left:-46px}.ad_rg .ad_bx_lf{text-align:left;padding:0 0 0 70px;position:relative;z-index:1}
.advantage_btn{padding:15px 0 0 0;text-align:center}
.advantage_btn a{border-radius:0;background-color:#0ea6d5;font-size:18px;color:#fff;text-transform:uppercase;font-weight:500;display:inline-block;padding:15px 35px}

/*NEXTAWEB ADVANTAGE END SECTION*/




/** FRAMEWORK SECTION STYLING START ****************/

 
.fremework_sec{width:100%;float:left}.fremework_sec p{font-size:1rem}
.fremework_sec .framework_inner{width:100%;float:left}.fremework_sec .framework_inner .fminner_content{width:100%;display:table}
.fremework_sec .framework_inner .fminner_content .content_inner{display:table-cell;vertical-align:middle}
.fremework_sec .framework_inner .fminner_content .content_inner .heading_group{text-align:left}
.fremework_sec .framework_inner .fminner_listing{width:100%;float:left}
.fremework_sec .framework_inner .fminner_listing .f_work>li{display:inline-block;color:#FFF;font-size:16px;padding:10px;margin:5px;
border:1px solid rgb(241 241 241 / 30%);width:160px;transition:all .5s ease}
.fremework_sec .framework_inner .fminner_listing .f_work>li:before{display:none}
.fremework_sec .framework_inner .fminner_listing .f_work>li span{font-size:26px;color:#f1f1f1;margin-right:3px;vertical-align:middle;transform:translateZ(0);transition:transform .5s ease-out}
.fremework_sec .framework_inner .fminner_listing .f_work>li:hover,.fremework_sec .framework_inner .fminner_listing .f_work>li:focus,
.fremework_sec .framework_inner .fminner_listing .f_work>li:hover span,
.fremework_sec .framework_inner .fminner_listing .f_work>li:focus span{color:#FFF;border-color:rgb(241 241 241 / 80%);
transform:scale(1.1);background-color:#0e2b5c}

/** FRAMEWORK SECTION STYLING END ****************/


/** ABOUT US  NEXTA + WEBNYS = NEXTAWEB START **/

.icon_years {}
span.icon_years {color: #FFF;font-size: 2rem;text-align: left;margin-bottom: 1rem;display: block;}
.services_ic:hover span.icon_years {color: #fbc9ca;}
.services_ic:hover h2 {color: #FFF;}
.services_ic:hover p {color: #fbc9ca;}

/** ABOUT US  NEXTA + WEBNYS = NEXTAWEB END **/
.section_four{max-width:580px;position:absolute;z-index:9;top:8rem;background-color:rgb(255 255 255 / 80%);padding:2rem 1rem 1rem}
#ctm_born_section_id span.high_light{color:#e82e31}
#ctm_born_section_id h2.small_title{margin-bottom:20px;font-size:15px;line-height:1.5;letter-spacing:0;text-transform:uppercase;color:#00}#ctm_born_section_id p.sub_title{font-size:48px;letter-spacing:-1.5px}
#ctm_born_section_id .content_part p{font-size:.9rem}.mg_none{padding:0}.ic_sub{margin-bottom:.6rem}
.ctm_born_text .single-item.show .item-content ul li{padding-left:15px;font-size:.8rem}
.ctm_born_text h4{color:#fff;font-weight:500;font-family:'Lexend';font-size:.9rem}
.ctm_born_text .single-item .ic_sub:before{display:block;position:absolute;left:20px;border-radius:6px;background-color:#e82e31;content:"";z-index:-1}
.ctm_born_text .single-item .ic_sub:before{top:-20px;width:48px;height:48px}
.ctm_born_text .single-item.show{opacity:1;transform:translateY(0)}
.ctm_born_text .single-item{flex-basis:100%;position:relative;max-width:100%;margin:0 3%;margin-bottom:60px;opacity:0;transition:transform .8s ease,opacity .8s ease;transform:translateX(50px)}
.ctm_born_textr .single-item:hover:before{background-color:#e82e31}.ctm_born_text h2.h4-style{color:#FFF}
.bounce{position:relative;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;animation:bounce 2s infinite;-webkit-animation:bounce 3s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite}

@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}
@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}
@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
form .control-wrap sub{color:#e82e31;font-size:1.2rem}.footer_main{background-image:url(../../assets/images/footer_shape.png);background-repeat:no-repeat;bottom:0;background-position:bottom left;background-size:30%}.let_btn a.button{margin-top:1.2rem}
.let_btn a.button:hover{color:#0e2b5c}

.ctm_nexta_des h2{font-size:1.6rem;font-family:'Lexend',sans-serif;margin-bottom:1.6rem}
.ctm_nexta_des p{font-size:.9rem;margin:0 0 1.6rem;font-family:'Lexend';letter-spacing:.5px;color:#ebebeb}
span.ctm_bold{font-weight:600;color:#FFF}
.ctm_increase h2{font-size:2.6rem;font-weight:700;font-family:'Lexend',sans-serif;letter-spacing:2px;margin:0 0 1.2rem;color:#c1c8d0}
.ctm_increase p{font-size:1rem}

/*Work only Start*/
.single-item.show .item-content ul li,.content-part.show {font-size: 0.9rem;line-height:28px;}
a{color:inherit;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:inherit;text-decoration:none}img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-0.1em!important;background:none!important;padding:0!important}
.reb_bg{background-color:#e82e31}.blue_bg{background-color:#0e2b5c}
.chr-content-container img, .chr-content-container .single-item-icon{top:-10px;width:47px;height:47px;font-size: 42px;} 
.chr-content-container .single-item:before{top:7px;width:56px;height:56px}
.chr-content-container .single-item:before{display:block;position:absolute;left:20px;
border-radius:6px;background-color:#fce8ec;content:"";transition: all .5s ease;}
.chr-content-container .single-item:hover:before{background-color:#e82e31;}
.chr-content-container .single-item.show{opacity:1;transform:translateY(0)}
.chr-content-container .single-item{padding-left:86px}.chr-content-container .single-item{flex-basis:100%;position:relative;max-width:100%;margin:0 1%;margin-bottom:60px;opacity:0;transition:transform .8s ease,opacity .8s ease;transform:translateX(50px)}.h4-style,h4{font-size:18px;margin-bottom:20px}.h3-style,.h4-style,.h5-style,.small-title,.sub_title,.title,h1,h2,h3,h4,h5,h6{margin:0;color:#191919;font-weight:600;line-height:1.5;font-size: 1.4rem; font-family: 'Lexend', sans-serif;}.small-title,h6{margin-bottom:20px;font-size:15px;line-height:1.5;letter-spacing:0;text-transform:uppercase}
.h3-style .highlight,.h4-style .highlight,.h5-style .highlight,.small-title .highlight,.sub_title .highlight,.title .highlight,h1 .highlight,h2 .highlight,h3 .highlight,h4 .highlight,h5 .highlight,h6 .highlight{color:#0e2b5c;}
.sub_title,h2{margin-bottom:24px;line-height:1}ol li,ul li{position:relative;padding-left:25px;margin-top:10px;margin-bottom:6px;list-style:none}ol,ul{padding:0;margin-top:0;margin-bottom:24px;margin:0}ul li:before{top:9px;left:0;width:9px;height:9px;border-radius:50%;background-color:#f5a2a3;content:""}.front-page __inner{display:flex;flex-wrap:wrap;margin:0 -3%}.front-page {margin-top:50px}.front-page {padding:0 100px}.chr-content-container{position:relative;width:100%;max-width:1780px;padding-right:40px;padding-left:40px;margin-right:auto;margin-left:auto}.chr-content-container img,.chr-content-container .single-item-icon{position:absolute;left:0}.front-page .section-three-heading-part .title-part{}.front-page .section-three-heading-part .title-part{margin-bottom:0}.front-page .sub_title,.front-page h2:not(.small-title):not(.h3-style):not(.h4-style):not(.h5-style):not(.h6-style){font-size:48px;letter-spacing:-1.5px;font-weight:700;line-height: 54px;color: #e82e31;}.img_round img{position:relative;left:-80px}.front-page .section-three-heading-part{padding-top:60px;padding-bottom:30px}
.chr-content-container{display:flex;flex-wrap:wrap}
.section-three.front-page,.section.section--process,.contact_main,.who-we-work-section,.our-happy-clients-section,.who-we-work-section.about_us,.advantage_section{position: relative;padding-bottom: 12rem;}
.section-three.front-page:before,.section.section--process:before,.contact_main:before,.who-we-work-section:before,
.our-happy-clients-section:before,.who-we-work-section.about_us:before,.advantage_section:before {position: absolute;
left: 0;right: 0;font-size: 9rem;font-weight: 700;bottom: 0;opacity: 0.1;text-align:center;text-transform:uppercase;}
.who-we-work-section.about_us {padding-bottom:2.2rem;}
/*.advantage_section{padding-bottom:8.2rem;}*/
.who-we-work-section {padding-bottom:10.2rem;}
.who-we-work-section:before{content: "Who we work with";color: #a9a9a9;font-size: 6rem;}
.who-we-work-section.about_us:before{content: "About Us";color: #a9a9a9;font-size: 6rem;}
.advantage_section:before{content: "WEBNYS ADVANTAGE";color: #99aed2;font-size: 6rem;}
.our-happy-clients-section:before{content: "our expertise";
color: #a9a9a9;font-size: 6rem;line-height: normal;margin-bottom: 15px;}
.our-happy-clients-section {padding-bottom:6rem;}
.section-three.front-page:before {content: "Work with experts";color: #a9a9a9;font-size:5rem;}
.section--process:before {content: "PROCESS"; color: #FFF;bottom: -30px;}
.contact_main:before{content: "Contact Us";bottom: -30px;}
.section-three.front-page {padding-bottom: 4rem;}
.section_four_opacity:after {position: absolute;left: 0;right: 0;font-size: 9rem;font-weight: 700;opacity: 0.1;text-align: center;
text-transform: uppercase;height: 100%;z-index: 999;bottom: -782px;}
.section_four_opacity:after {content: "Work only with";color: crimson;}
.line_center:last-child:before{display:none;}
/*Work only End*/
.line_center {position: relative;}
.line_center:before {position: absolute;content: "";background-color: rgb(255 255 255 / 5%);height: 100%;width: 1px;right: 0;}
.line_center.one:before {right: -20px;}
/*Process start*/
.process_title h2 {display: block;  font-size: 14px;font-weight: 500;letter-spacing: 3.5px;text-transform: uppercase;padding: 15px 0;
margin: 0;color:#FFF;}
.process_title h2:before{width: 31px;height: 2px;background-color: #fff;display: inline-block;vertical-align: middle;content: "";
margin-right: 12px;}
.process_sub_title {color: #ffffff;font-size: 24px;line-height: 30px;font-weight: 700;}	
.process_title {padding: 30px;}
.col-left {}
section.section.section--process {background-color: #e82e31;padding-top:60px;}
.container-fluid{max-width:188rem}.container-fluid{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto}.section--process{padding-bottom:2.2rem}
.custom-layout .col-left{text-align:center!important}.custom-layout .col-left{width:100%;text-align:center}.section--process .section-title{padding:0 0 2rem}.section-title h2{color:#000}.section--process .sub-title{margin-bottom:0}.sub-title{position:relative;margin-bottom:5rem}.sub-title:after{content:"";position:absolute;height:5px;border-bottom:1px solid #ccc;width:4%;left:48%;top:40px}.sub-title{font-size:2rem;line-height:2.8rem;color:#b3b3b3;font-weight:400;letter-spacing:-.0568rem}.custom-layout .col-main{width:100%;margin-top:4rem}.main-block{max-width:100%}.main-block{max-width:128rem}.no-gutters{margin-right:0;margin-left:0}.row{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.process__steps .process-block{position:relative;height:100%;color:#fff;padding:1.6rem;box-shadow: 0 0 3px #cacaca;
margin: 15px;border-radius:6px;background-color:#FFF;}

.process-block-listen{background-color:#FFF}.process__steps .process-block-listen:before{position:absolute;font-size:3rem;color:#358c64;bottom:-1.4rem;left:-2rem;z-index:1;transform:rotate(90deg)}.justify-content-between{justify-content:space-between!important}.process-block .process__head h3{transition:all .5s ease;margin:0}
.process-block .process__head h3 a{color:#000}a{transition:all .3s ease;outline:0;text-decoration:none;cursor:pointer;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}
.process-block .process__head h3{overflow: hidden;}
.process-block.process-block-launch-last h3 a,.process-block.process-block-launch-last .process__head ul li,
.process-block.process-block-launch-last .process__head p {color: #FFF;}
.process-block-launch-last {background-color: #0e2b5c;}
.process-block.process-block-launch-last {background-color: #0e2b5c;}	

/*.process-block .process__head .icon,.process-block .process__head .process__steps .process-block-listen:before,.process__steps .process-block .process__head .process-block-listen:before,.process-block .process__head .process__steps .process-block-labour:before,.process__steps .process-block .process__head .process-block-labour:before{font-size:5rem;transform:translateZ(0);transition:transform .5s ease-out}
.icon,.process__steps .process-block-listen:before,.process__steps .process-block-labour:before,.process__steps .icon-process-last:before{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*/
/*.process-block .process__head .icon, .process-block .process__head .process__steps .process-block-listen:before, .process__steps .process-block .process__head .process-block-listen:before, .process-block .process__head .process__steps .process-block-labour:before, .process__steps .process-block .process__head .process-block-labour:before {
font-size: 5rem;transform: translateZ(0);transition: transform .5s ease-out;}*/
/*.icon, .process__steps .process-block-listen:before, .process__steps .process-block-labour:before {
  font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;
text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width:56px;height:56px;}*/
.icon-process{
    width: 56px;
    height: 56px;
    margin-left: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 25px;
    transform: translateZ(0);
    transition: transform .5s ease-out;
    font-size: 40px;
}
.icon-process:before,.icon-process-last:before { position: absolute;top: 0;bottom: 0;left: 0;right: 0; }
.process-block:hover .process__head .icon-process{transform: scale(1.1);}

.process__steps .icon-process-last:before ,.icon-process:before {
background-color: #e82e31; display: flex; align-items: center; justify-content: center;border-radius: 4px;}
.icon-process-last:before{background-color:#FFF !important;color:#e82e31;}

.process__head ul{margin-top:1rem}.process__head ul li{color:#000;font-size:.9rem;line-height:16px;padding-left:18px;font-family:'Lexend',sans-serif}.process__head ul li:before{background-color:#b1bbca;top:3px}.box{overflow:hidden;outline:0;width:100%;height:2px;position:relative;bottom:-19px}.mask{position:absolute;top:0;left:0;width:100%;height:2px;z-index:10;background:url('../../assets/images/dashed-bg.png') repeat-x left bottom;-webkit-animation:showDiag 4s linear alternate;animation:showDiag 4s linear alternate;display:block}.processBox{position:relative}
/*.processBox:before{width:0;height:0;border-style:solid;border-width:12px 15px 0 15px;border-color:#e0e0e0 transparent transparent transparent;content:"";position:absolute;bottom:-13px;left:0;right:0;margin:0 auto}*/

.processBox:after{width:0;height:0;border-style:solid;border-width:12px 15px 0 15px;border-color:#fff transparent transparent transparent;content:"";position:absolute;bottom:-11px;left:0;right:0;margin:0 auto}.processBox.last_div:after{border-color:#0e2b5c transparent transparent transparent}span.icon{position:absolute;right:25px}.dotesDiv:after{background:#fff;width:16px;height:16px;border:3px solid #ffbe00;border-radius:100%;position:absolute;bottom:-42px;left:0;right:0;margin:0 auto;content:"";z-index:22}.dotesDiv.skyBlue:after{border-color:#55c3ed}.dotesDiv.redDote:after{border-color:#d468ff}.dotesDiv.greenDote:after{border-color:#55c32f}

/*Process End*/
.chr-footer-top .contact-details-part{flex-basis:36.5%;width:36.5%}.chr-footer-top .contact-details-wrapper{display:flex;flex-basis:100%}.chr-footer-top .contact-details{font-size:14px;font-weight:700;letter-spacing:-.3px}.chr-footer-top .contact-details .contact-detail.phone{font-size:20px}.chr-footer-top .contact-details .contact-detail{position:relative;padding-left:70px;margin-bottom:35px}.chr-footer-top .contact-details .contact-detail .svg-wrapper{display:block;position:absolute;top:-11px;left:0;width:50px;height:50px;border:1px solid #ccc;border-radius:50%}.chr-footer-top .contact-details .contact-detail svg{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px;fill:#191919;margin:auto}.chr-footer-top .social-networks{float:left;width:100%;padding-left:0;margin:0 -14px}.chrsmi ul{margin:0;list-style-type:none}.chr-footer-top .social-networks .chrsmi-network-wrap{width:40px;height:40px;padding:0;margin:0 14px}.chr-footer-top .social-networks .chrsmi-network-wrap .chrsmi-network-link{display:block;position:absolute;z-index:1;width:60px;height:60px;top:-.6em;right:-.6em;bottom:-.6em;left:-.6em}.chrsmi-network-name{display:block;height:0;color:transparent!important;text-indent:100%;overflow:hidden}.chr-footer-top .social-networks .chrsmi-network-wrap svg{transform:scale(.8);transition:transform .3s ease}.chrsmi-network-wrap.nobg{background-color:transparent!important}.chrsmi-network-wrap{display:inline-block;position:relative;margin:0 .5em;width:1.5em;height:1.5em;list-style-type:none;transition:background-color .5s}.contact_form .col-1,.contact_form .col-2{float:left;width:50%;padding-right:10px}form .field-wrapper{display:block;position:relative;margin-bottom:10px}form .control-wrap{display:block;position:relative}.contact_form .control-wrap label{display:block;position:absolute;top:20px;left:10px;padding:0 10px;opacity:.6;transition:all .3s ease;z-index:1;background-color:#fff;line-height:1.5}.control-wrap label,::placeholder{text-transform:uppercase;font-size:12px;font-weight:400;padding-top:5px;letter-spacing:1.2px}

button,input[type=email],input[type=number],input[type=password],input[type=phone],
input[type=search],input[type=submit],input[type=tel],input[type=text],
input[type=url],select,textarea{width:100%;padding:0 20px;border:1px solid #e5e5e5;
	border-radius:0;outline:0;background-color:#fbf8f8; font-size:14px;
	font-weight:600;letter-spacing:1.2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
	form .field-wrapper{display:block;position:relative;margin-bottom:0}
	textarea{height:174px;padding:20px;line-height:1.2 !important;resize:none}
	.rc-anchor-normal{height:74px;width:346px}
	input[type=email],input[type=number],input[type=password],input[type=phone],input[type=search],
	input[type=tel],input[type=text],input[type=url],textarea{line-height:50px;transition:border .3s ease}form .g-recaptcha{float:left;margin-left:-5px;margin-top:15px;transform-origin:0 0;-webkit-transform-origin:0 0}form .g-recaptcha>div{margin:auto}form .g-recaptcha iframe{height:auto!important;padding:0}iframe{width:100%}form .submit-wrapper{float:right;position:relative;padding-left:8px;margin-top:10px;text-align:center;width:49.8%}form .response-output{display:none;float:left;position:relative;width:100%;padding-left:20px;margin-top:30px;font-weight:800}form .submit-wrapper>label{display:inline-block;position:relative}form .submit-wrapper .button{margin-right:-10px;width:100%}form .ajax-loader{display:none;position:absolute;top:27px;right:-20px;width:16px;height:16px;background:url(data:image/gif;base64,R0lGODlhEAAQAPMAAP////r6+pSUlL29vXp6eouLi+jo6NDQ0IKCgrW1ta2trfDw8MfHx+Dg4J2dnaSkpCH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAETBDISau9NQjCiUxDYGmdhBCFkRUlcLCFOA3oNgXsQG2HRh0EAYWDIU6MGSSAR1G4ghRa7KjIUXCog6QzpRhYiC1HILsOEuJxGcNuTyIAIfkECQoAAAAsAAAAABAAEAAABGIQSGkQmzjLQkTTWDAgRGmAgMGVhAIESxZwBUMgSyAUATYQPIBg8OIQJwLCQbJkdjAlUCA6KfU0VEmyGWgenpNfcCAoEo6SmWtBYtCukxhAwQKeQAYWYgAHNZIFKBoMCHcTEQAh+QQJCgAAACwAAAAAEAAQAAAEWhDIOZejGDNysgyDQBAIGWRGMa7jgAVq0TUj0lEDUZxArvAU0a1nAAQOrsnIA1gqCZ6AUzI4nAxJwIEgyAQUhCQsjDmUCI1jDEhlrQrFV+ksGLApWwYz41jsIwAh+QQJCgAAACwAAAAAEAAQAAAEThDISau9IIQahiCEMGhCQxkFqBLFZ0pBWhzSkYIvMLAb/OGTBII2+QExSEBjuexhVgrKAZGgqKKTGGFgBc00Np71cVsVDJVo5ydyJt/wCAAh+QQJCgAAACwAAAAAEAAQAAAEWhDISau9OAxBiBjBtRRdSRTGpRRHeJBFOKWALAXkAKQNoSwWBgFRQAA4Q5DkgOwwhCXBYTJAdAQAopVhWSgIjR1gcLLVQrQbrBV4CcwSA8l0Alo0yA8cw+9TIgAh+QQJCgAAACwAAAAAEAAQAAAEWhDISau9WA5CxAhWMDDAwXGFQR0IgQRgWRBF7JyEQgXzIC2MFkc1MQkonMbAhyQ0Y5pBg0MREA4UwwnBWGhoUIAC55DwaAcQrIXATgyzE/bwCQ2sBGZmz7dEAAA7) no-repeat 50%;background-size:contain}form input[type=submit]{display:none}.chr-footer-top .social-networks .chrsmi-network-wrap .chrsmi-network-link{display:block;position:absolute;z-index:1;width:60px;height:60px;top:-.6em;right:-.6em;bottom:-.6em;left:-.6em}.chrsmi-network-link{position:absolute;top:-.4em;right:-.4em;bottom:-.4em;left:-.4em}.chrsmi-network-svg{width:100%;height:100%;transition:fill .5s}.contact_form .control-wrap label.focus{top:-5px;opacity:1;font-weight:700}.chr-footer-top .contact_form{flex-basis:82.5%;width:82.5%}.process-block .process__head p{color:#000;font-size:.8rem;line-height:22px;padding-left:18px;margin-top:1rem;margin-bottom:.8rem;font-family:'Lexend',sans-serif;font-weight:500}


/*ARE*/
.brand_main ul {margin: 0;padding: 0;list-style: none;}.brand_main ul li:before {display: none;}.brand_main ul li img {width: 50px;}
.brand_main ul li {margin: 15px;padding: 15px 0 0 0;max-width: 30%;display: inline-block;min-width: 185px;vertical-align: text-bottom;}
.brand_main {text-align: center;}
.brand_main_sub {padding: 15px;border: 1px solid #ffffff;border-radius: 6px;min-height: 146px;}
.brand_logo {margin-bottom: 15px;}
.brand_name {margin-bottom: 0px;}
.brand_dec {font-size: 14px;line-height: 20px;}
.serviceBox:before {content: "";border: 1px solid #FFF;opacity: 0.2;position: absolute;top: -7px;left: -7px;bottom: -7px;
right: -7px;transform: scale(1.03);transition: all 0.6s ease 0s;}
.serviceBox:hover:before {opacity: 1;transform: scale(1);background-color: #d22d30;z-index: -1;}
.serviceBox .service_icon {color: #FFF;font-size: 32px;line-height: 62px;width: 70px;height: 70px;margin: 0 auto 32px;border-radius: 50%;
border: 2px solid #FFF;position: relative;}
.serviceBox .title_n {font-size: 1rem;font-weight: 500;margin: 0;line-height: normal;padding: 15px 0;font-family: 'Lexend';
color: rgb(255 255 255 / 90%);}
.serviceBox .service_icon:before, .serviceBox .service_icon:after {content: '';background-color: #FFF;height: 10px;width: 10px;
border-radius: 50%;transform: translateX(-50%);position: absolute;left: 50%;bottom: -20px;}
.serviceBox .service_icon:after {height: 6px;width: 6px;bottom: -32px;}
.serviceBox .description{font-size: 15px;line-height: 22px;}


.process-step .btn:focus{outline:none}
.process{display:table;width:100%;position:relative}
.process-row{display:table-row}
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{margin-top:4px}
.btn-circle{width:80px;height:80px;text-align:center;font-size:12px;border-radius:50%}
/*ARE END*/

.footer_main {background-color: #0e2b5c;position: relative;text-align: center;padding-top:0px;}
.footer_main h6,.footer_main p {color: #FFF;}
.footer_main hr {border-color: rgb(255 255 255 / 10%);}
.footer_logo {position: relative;top:0px;background-color: #0e2b5c;text-align: center;padding: 15px;left:0;right:0;
  border-bottom:1px solid rgb(255 255 255 / 10%);}
.small-title, h6 {margin-bottom: 20px;font-size: 15px;line-height: 1.5;letter-spacing: 0;text-transform: uppercase;}
.process_title {padding: 0 30px;}
.process_title h2 {display: block;font-size: 14px;font-weight: 500;letter-spacing: 3.5px;text-transform: uppercase;padding: 0;
margin: 0;color: #FFF;}
.process_sub_title {color: #ffffff;font-size: 24px;line-height: 30px;font-weight: 700;}
.small_t,.sub_t,.light_t{margin-bottom: 20px;font-size: 15px;letter-spacing: 0;margin: 0;color: #191919;
  font-family: 'Lexend', sans-serif;font-weight: 600;line-height: 1.5;}
.sub_t{font-size: 48px;letter-spacing: -1.5px;line-height: 1;}
.light_t {font-family: 'Lexend', sans-serif;font-weight: 400;font-style: italic;display: block;margin-bottom: 25px;font-size: 36px;}
.contact_sub {padding: 60px 15px 15px;}
.small_t {margin-bottom: 20px;text-transform: uppercase;}
.social_networks ul li:before {display: none;}
.social_networks ul li {display: inline-block;padding: 0 5px;margin: 0;}
.social_networks ul li img {max-width: 30px;margin: 0;padding: 0;}
.contact_details_part{}
.contact_details .contact_detail{position: relative;padding-left: 70px;margin-bottom: 35px;}
.contact_details .contact_detail .svg-wrapper {display: block;position: absolute;top: -11px;left: 0;width: 50px;height: 50px;
border: 1px solid #ccc;border-radius: 50%;}
.contact_details .contact_detail svg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 16px;height: 16px;fill: #191919;
margin: auto;}
.contact_detail a {font-size: 15px;}.footer_main p a:hover {border-bottom: 1px solid #FFF;}






/*SLICK SLIDER START CSS*/

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block;padding:50px 0}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*SLICK SLIDER END CSS*/

/*TICKER WRAPPER HAS JS START*/
.ticker-wrapper.has-js{margin:0;padding:0;width:100%;height:32px;display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:0;background-color:#fff;font-size:13px;font-weight:600}.ticker{width:100%;height:32px;display:block;position:relative;overflow:hidden;background-color:#fff}.ticker-title{padding-top:0;color:#900;font-weight:700;background-color:#fff;text-transform:uppercase}.ticker-content{margin:0;padding-top:0;position:absolute;color:#1f527b;font-weight:700;background-color:#fff;overflow:hidden;white-space:nowrap;line-height:1.2em}.ticker-content a:hover{text-decoration:underline;color:#0d3059}.ticker-swipe{padding-top:0;position:absolute;top:0;background-color:#fff;display:block;width:800px;height:23px}.ticker-swipe span{margin-left:1px;background-color:#fff;border-bottom:0;height:15px;width:7px;display:block}.ticker-controls{padding:8px 0 0 0;list-style-type:none;float:left}.ticker-controls li{padding:0;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block}.ticker-controls li.jnt-play-pause{background-image:url(../images/controls.png);background-position:32px 16px}.ticker-controls li.jnt-play-pause.over{background-position:32px 32px}.ticker-controls li.jnt-play-pause.down{background-position:32px 0}.ticker-controls li.jnt-play-pause.paused{background-image:url(../images/controls.png);background-position:48px 16px}.ticker-controls li.jnt-play-pause.paused.over{background-position:48px 32px}.ticker-controls li.jnt-play-pause.paused.down{background-position:48px 0}.ticker-controls li.jnt-prev{background-image:url(../images/controls.png);background-position:0 16px}.ticker-controls li.jnt-prev.over{background-position:0 32px}.ticker-controls li.jnt-prev.down{background-position:0 0}.ticker-controls li.jnt-next{background-image:url(../images/controls.png);background-position:16px 16px}.ticker-controls li.jnt-next.over{background-position:16px 32px}.ticker-controls li.jnt-next.down{background-position:16px 0}.js-hidden{display:none}.no-js-news{padding:10px 0 0 45px;color:#f8f0db}.left .ticker,.left .ticker-content,.left .ticker-controls,.left .ticker-title{float:left}.left .ticker-controls{padding-left:6px}.right .ticker,.right .ticker-content,.right .ticker-controls,.right .ticker-title{float:right}.right .ticker-controls{padding-right:6px}
/*TICKER WRAPPER HAS JS START*/
.process__steps{padding:0 2%}


/*CONTACT US PAGE START CSS*/

.detail_part {
    margin-bottom: 5em;
}
.detail_part .rd_bg {
    position: relative;
    padding-left: 4.4em;
    top: 0;
    vertical-align: top;
}
.detail_part .rd_bg:before {
    display: block;
    position: absolute;
    top: 0;
    left:0px;
    content: "";
    height: 60px;
    width: 60px;
    border-radius: 6px;
    background-color: #fce8ec;
    transition: all .5s ease;

}

.detail_part .rd_bg img,.detail_part .rd_bg i {
    position: absolute;
    left: -20px;
    top: 10px; font-size: 40px; 
}

.detail_part a, .detail_part p  {
    display: inline-block;
    margin-top: 1em;
    font-size: 18px;
    font-weight: 700;
}

.location_ic.detail_part p{
    margin-top: 5px;
}

h2.office_title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b3b3b3;
    margin-bottom: 2em;
}
.size_24 {
    font-size: 32px;
    font-weight: 700;
}

.part-2 span.control-wrap svg,.part-2 span.control-wrap i {
    max-width: 48px;
}

.project-form-wrapper .services-of-interest {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 20px;
}

.project-form-wrapper .services-of-interest .project-form-services-of-interest-group {
    display: flex;
}

.project-form-wrapper .services-of-interest .project-form-list-item {
    display: block;
    /*flex: 25%;
    max-width: 25%;*/
    position: relative;
    height: 140px;
    border-right: 1px solid #e5e5e5;
    background-color: #f1f1f1;
    text-align: center;
    cursor: pointer;
    /*transition: background-color .3s ease;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.project-form-wrapper .services-of-interest .project-form-list-item svg,.project-form-wrapper .services-of-interest .project-form-list-item i  {
    width: 70px;
    height: 70px;
    margin-top: 0;
    margin-bottom: 5px;
    fill: #191919;
    transition: fill .3s ease;
    font-size: 65px;display: flex;justify-content: center;
}
.project-form-wrapper .project-form-list-item-label {
    display: block;
    position: relative;
    font-weight: 700;
    transition: color .3s ease;
}


.project-form-wrapper .services-of-interest .project-form-list-item.checked {
    border-color: #292929;
    background-color: #191919;
}

.project-form-wrapper .services-of-interest .project-form-list-item:hover:not(.checked) {
    background-color: #fce8ec;
}
.project-form-wrapper .services-of-interest .project-form-list-item.checked svg {
    fill: #fff;
}


.part-2 {
    margin-bottom: 1em;
}


.g_recaptcha_main {
    margin-top: 1.6em;
}
.g_recaptcha_sub {
    float: left;
}
.submit_sub a.button {
    float: right;
}

.submit_sub a.button {
    float: right;
    padding: 1em 3em;
    margin-top: 1.5em;
}

.content_page.hero {
    min-height: 340px;
}

.mb_26{margin-bottom: 2.6em;}
.contact_sub_1page{margin-bottom: 2.6em;}
.contact_sub_2page{}
.contact_sub_3page {margin: 3em 0;}
.contact_sub_cnt h2 {font-size: 3.125rem;font-weight: 700;margin-top: 0.7rem;line-height: 1.125;}
.contact_sub_cnt p {font-size: 1.375rem;font-weight: 600;margin: 2rem 00.8rem;line-height: 1.125;}
.map_sub {position: relative;}
.map_w {position: absolute;background-color: #e82e31;padding: 0rem;text-align: center;left: 0;
right: 0;width: 80px;top: 0;bottom: 0;height: 80px;margin: auto;border-radius: 8px;color: #FFF;
font-size: 3rem;font-weight: 700;border: 2px solid #f1d5d5;z-index: 9;}
.detail_part:hover .rd_bg:before {background-color: #e82e31;}

.control-wrap input:focus,.control-wrap textarea:focus,
.control-wrap input:hover,.control-wrap textarea:hover{
--border-opacity: 1;
border-color: #ef5f63;
border-color: rgba(239,95,99,var(--border-opacity));
outline: 0;
box-shadow: 0 0 0 3px rgba(239,95,99,.2);
}

.part_1:hover .form_title:before,
.part-2:hover .form_title:before,
.part-3:hover .form_title:before,
.part-4:hover .form_title:before{width: 100%;transition: width 0.4s linear;}


.form_title {
	width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 1.6em;
    position: relative;
    padding-bottom: 0.4em;
    transition: width 0.4s linear;
}

.form_title:before {
    content: "";
    background-color: #e82e31;
    height: 1px;
    width: 18px;
    position: absolute;
    bottom: 0;
}

.form_title span {
    font-size: 24px;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 40px;
    color: #000;
    text-transform: uppercase;
}
.form_title span.highlight {
    color: #0e2b5c;font-weight:400;
}

textarea#project-description {
    padding: 0 15px;height:100px;line-height: 180% !important;
}
.project-form-wrapper .part_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.project-form-wrapper .part_1 .field-wrapper {
    flex-basis: 49%;
}

.map_img img {
    width: 100%;height:50vh;
}


p.required-text {width: 100%;}

/* CUSTOM MAIN CSS OPEN */
.custom_main {
/*  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}

/* Hide the browser's default checkbox */
.custom_main input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
/*  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;*/
}

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

/* When the checkbox is checked, add a blue background */
.custom_main input:checked ~ .checkmark {
  background-color: #fce8ec;
}

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

/* Show the checkmark when checked */
.custom_main input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom_main .checkmark:after {
  left: 15px;
  top: 12px;
  width: 8px;
  height: 16px;
  border: solid #e82e31;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.custom_main {
    width: 100%;margin: 0;
}

/* CUSTOM MAIN CSS OPEN */
/*CONTACT US PAGE END CSS*/

/*BLOG PAGE START CSS*/
.blog_img {overflow: hidden;}
.rt-holder {padding-bottom: 50px;}
.rt-img-holder {position: relative;overflow: hidden;}


.rt-holder .rt-img-holder .overlay {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    text-align: center;
}
.rt-holder .rt-img-holder .overlay {
    border-radius: 0px;
}
.rt-holder .rt-img-holder .overlay .view-details {
    display: inline-block;
    font-size: 20px;
}

.rt-holder .view-details {
    width: 36px;
    height: 36px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.rt-holder .view-details i {
    color: #fff;
    text-align: center;
    padding: 8px 14px;
}

.rt-holder i {
    margin-right: 5px;
}.fa-info:before {
    content: "\f129";
}
.rt-holder .rt-img-holder img {
    -webkit-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -o-transition: all 1.1s ease;
    -ms-transition: all 1.1s ease;
    transition: all 1.1s ease;
    max-width: 100%;
}
.entry-content a img, .entry-summary a img, .comment-content a img, .textwidget a img {
    display: block;
}
.rt-holder .rt-detail {
    background: #fff;
    padding: 15px 0;
}
.rt-holder .rt-detail {
    box-shadow: 0 0 10px 3px #e6e7e8;
    padding: 15px !important;
}
.rt-holder .rt-detail h2 {
    font-size: 22px;
    margin: 0 0 0.4em 0;
    font-weight: 400;
    line-height: 22px;
}
.rt-holder .rt-detail h2.entry-title a {
    font-size: 18px;
    text-decoration: none;
    box-shadow: none;
}
.rt-holder .rt-detail h2.entry-title a:hover {
    color: #0e2b5d;
}
.rt-holder .rt-detail .post-meta-user .author a {
    color: #3f3f3f !important;box-shadow: none;font-weight: normal;}

.rt-holder .rt-img-holder:hover .overlay {
    opacity: 1;
}

.rt-holder .rt-detail .post-meta-user {
    font-size: 13px !important;
    padding: 0.5em 0 1em !important;
    /* height: 60px; */
    overflow: hidden;
}
.rt-holder .rt-detail .post-meta-user span, .post-meta-tags span {
    padding-right: 12px !important;
    display: inline !important;
}
.rt-holder .rt-detail .post-meta-user span, .post-meta-tags span {
    padding-right: 12px !important;
    display: inline !important;
}

#rt-tpg-container-1824605490 .rt-detail i, #rt-tpg-container-1824605490 .rt-detail .post-meta-user a, #rt-tpg-container-1824605490 .rt-detail .post-meta-category a {
    color: #0367bf;
}
.rt-holder .rt-detail .post-meta-user span, .post-meta-tags span {
    padding-right: 12px !important;
    display: inline !important;
}

.rt-holder .rt-detail .post-meta-user .categories-links {
    padding: 12px 0 0 !important;
    box-shadow: none;
    color: #3f3f3f;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 3px;
    text-transform: uppercase;
}
.rt-holder .rt-detail .post-meta-user .categories-links a {
    box-shadow: none;
    color: #365da0;
    font-size: 11px;
    font-weight: 400;
    padding: 1px 3px;
    text-transform: uppercase;
}
.rt-holder .rt-detail .post-content {
    font-size: 15px !important;
    line-height: 24px;
    min-height: 90px;
    margin-bottom: 0.6em;
}
.rt-holder .rt-detail .crunchify-social {
    margin-bottom: 5px !important;
}
.crunchify-googleplus {
    background: #D64937;
}

.crunchify-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
.crunchify-linkedin {
    background: #0074A1;
}
.rt-holder .rt-detail .crunchify-social .crunchify-link i {
    color: #fff !important;
}
.crunchify-facebook {
    background: #3B5997;
}

.crunchify-twitter {
    background: #00aced;
}

.rt-holder a{box-shadow: 0 1px 0 0 currentColor;}
.rt-holder a:hover {color: #FFF;box-shadow: none;}



.crunchify-googleplus:hover, .crunchify-googleplus:active {
    background: #b53525;
}

.crunchify-linkedin:hover, .crunchify-linkedin:active {
    background: #006288;
}
.crunchify-facebook:hover, .crunchify-facebook:active {
    background: #2d4372;
}
.crunchify-twitter:hover, .crunchify-twitter:active {
    background: #0084b4;
}
.crunchify-linkedin:hover, .crunchify-linkedin:active {
    background: #006288;
}


/*BLOG PAGE END CSS*/

/*BLOG DETAILS PAGE END CSS*/
.post_cnt {margin: 1em 0;}
ul.blog_details_ul li:before{display: none;}
ul.blog_details_ul li {padding: 0;font-size: 15px;}
.rt-holder .rt-detail .categories_blog h2 {
font-size: 20px;
font-weight: 600;
color: #0e2b5c;
position: relative;
margin-bottom: 0.6em;
padding-bottom: 0.6em;
}
.rt-holder .rt-detail .categories_blog h2:before {
content: "";
background: #efefef;
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
}

.categories_blog ul li:before{display: none;}
.categories_blog ul li {
    padding: 0;
}

.categories_blog ul li a {
    text-transform: none;
    text-decoration: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    color: #0e2b5d;
}
.categories_blog ul li a:hover {
    color: #e82e31;
}



/*SERVICE PAGE START CSS*/
.service_lets {padding: 6em 0;background-color: #f7f7f7;}

.service_page h2 {margin-bottom: 4em;}
.service_page {padding: 0 18em;}
.service_page.sub_6page .ul_tab.wd_sub li {padding: 0 1em;}
.slider_info {padding: 6em 0 5em;background-color: #000;margin-top: 6em;}
h3.slider_title {font-size: 1.2em;line-height: 2em;color: #ffffff;}
.service_lets .contact_sub_cnt p{margin-left: 0;}

.service_slider {
    background-color: #000;
    padding-bottom: 8em !important;
}

.service_slider h3.slider_title {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #FFF;
    padding-top: 1em;
}


.service_slider.gallery_info h2.title {
    margin: 3em 0 0em 0.7em;
    padding: 0;
     color: #FFF;
}
/*SERVICE PAGE END CSS*/



/*BLOG PAGE START CSS*/
.service_lets.blog_lets {padding: 4em 0;background-color: #f7f7f7; margin-top: 0;}
.blog_page_title {
    padding: 0 18em;
}

.blog_page_title h2 {
    margin-bottom: 1.6em;
}

.blog_page .blog_title h1{
    margin: 20px 0px;
    font-size: 36px;
    color: #fff;
}

.blog_page .blog_title span{
    color: #fff;
    opacity: 0.9;
}

.blog_page .blog_title a{
    color: #eb2629;
    opacity: 0.9;
    font-weight: 700;
}

.blog_page .blog_title{
    opacity: 0.8;
    background-color: #e82e31;
    padding: 10px;
    position: absolute;
    top: 35%;
    left: 200px;
    width: 30%;
    /*float: right;*/
}

@media(max-width:1440px) {
    .blog_page .blog_title{
        top: 40%;
        width: 48%;
        left: 103px;
    } 
}

.tb_img {margin: 1em;overflow: hidden;position: relative;}

h3.tb_title {
    font-size: 1.3em;
    line-height: 30px;
    color: #000;
    padding: 1.2em 1em 4em 0;
    font-weight: 700;
    max-width: 330px;
}
.blog_page .nav-tabs {
    border-bottom: none;
}

.blog_page .nav-tabs .nav-link.active {
color: #FF0000;
}

.blog_page .nav-tabs .nav-link {
    border-color: transparent;
    text-align: left;
    display: inline-block;
    flex: inherit;
    border-radius: 0;
    color: #000;
}

.blog_page .nav-tabs .nav-link:focus, .blog_page .nav-tabs .nav-link:hover{border-color: transparent;}
.detail_btn a {background-color: #e82e31;padding: 0.6em 1em;line-height: normal;display: inline-block;color: #fff;border-radius: 6px;margin-top: 10em;}
.detail_btn a:hover {background-color: #0e2b5c;}
.hover_btn  { position: relative;overflow: hidden;}
.hover_btn .detail_btn { position: relative; background-color: rgba(0, 117, 193, 0.95);text-align: center;}
.hover_btn  .detail_btn:before { content: ""; display: block; position: absolute; }
.hover_btn .detail_btn:after { width: 0; height: 0; content: ""; display: block; position: absolute; border: 34px solid transparent; border-bottom: 34px solid #0075c1; 
right: -34px; bottom: -34px; transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); clear: both; }
.hover_btn .detail_btn { height: 100%; display: block; background-color: #f9f9fd; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
 -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); position: absolute; }
.hover_btn .detail_btn:before { width: 100%; top: -100%; content: ""; }
.hover_btn .detail_btn { width: 100%; bottom: -200%; left: 0%; }
.hover_btn .detail_btn:hover:before, .hover_btn .detail_btn:before { top: 0; }
.hover_btn:hover .detail_btn { bottom: 0; transition-delay: 0.1s !important; -moz-transition-delay: 0.1s !important; 
  -webkit-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; -ms-transition-delay: 0.1s !important; }



/*BLOG PAGE END CSS*/
.blog_details_page {padding: 6em 18em;}



/*BLOG DETAILS PAGE START CSS*/
.media-body span {
    color: #afafaf;
    font-weight: 400;
}
.blog_details_page h2 {
    font-size: 1.625rem;
    font-weight: 700;
}

.blog_details_page h3 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.4em;
    margin: 1.2em 0;
    max-width: 930px;
}

.blog_details_page h6 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: normal;
    text-transform: none;
    margin: 1em 0;
}

.blog_details_page p {
    font-weight: 400;
    margin: 1.6em 0;
}
.blog_info a {
    color: #e82e31;
}

.blog_details_page p.md_cnt {
    margin: 0.4em 0;
    color: #000;
    font-size: 1.125rem;
}
.media.media_cnt h4 {
    font-size: 1.625rem;
}


.blog_details_slider {
    background-color: #f7f7f7;
    padding-bottom: 8em !important;
}

.blog_details_slider h3.slider_title {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #000000;
    padding-top: 1em;
}


.blog_details_slider.gallery_info h2.title {
    margin: 3em 0 0em 0.7em;
    padding: 0;
}

/*BLOG DETAILS PAGE END CSS*/


/*PAGINATION START CSS*/
.pagination_info ul li {
    padding-left: 0;
}
.pagination_info .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.pagination_info ul li:before {display: none;}
.demo {
    background-color: #f7f7f7;
    padding-bottom: 10em;
}
.pagination-outer{ text-align: center; }
.pagination {padding: 10px 0;display: inline-flex;position: relative;}
.pagination li a.page-link{
color: #777;
background-color: transparent;
font-size: 1.2em;
line-height: 38px;
height: 45px;
width: 45px;
padding: 0;
margin: 0 7px;
border: none;
position: relative;
transition: all 0.3s ease 0s;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover{
color: #fff;
background-color: transparent;
}
.pagination li a.page-link:before{
content: '';
background-color: #e82e31;
height: 100%;
width: 100%;
border: 1px solid #e82e31;
box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
border-radius: 50%;
transform: scale(1.3);
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: all 0.3s;
}
.pagination li:first-child a.page-link,
.pagination li:last-child a.page-link{
color: #fff;
background-color: #777;
border-radius: 50%;
}
.pagination li.active a.page-link:before,
.pagination li a.page-link:hover:before{
transform:scale(1);
opacity: 1;
}

.pagination li a.page-link:hover {
    color: #000;
}


@media only screen and (max-width: 480px){
.pagination{
display: block;
margin: 0;
}
.pagination li{
margin: 5px 2px;
display: inline-block;
}
}

/*PAGINATION START CSS*/


/* gallery Open*/
section.gallery_bg{padding:0}
section#gallery{padding:0}
.gallery_info h2.title{margin:40px 0 50px;padding-bottom:10px}

/* gallery Close*/


/*RESPONSIVE START CSS*/

@media(max-width:1499px){.ad_bx{padding:0 0 40px 0}}
@media screen and (min-width: 1450px){
.chr-footer-top .contact-details-part, .chr-footer-top .footer-title-part {padding-left: 220px;}
.g-recaptcha iframe {max-width: none;transform: none;}
}

@media screen and (max-width: 1366px){
.web_section {max-width: 980px;left: 3em;}
}

@media(max-width: 1340px) and (min-width: 991px){
  .web_section{ max-width: 720px;}
}
@media(min-width:1200px){.section--process{padding-bottom:5.5rem}
.section--work .custom-layout .col-left,.section--services .custom-layout .col-left,.section--process .custom-layout .col-left{width:100%;padding-right:0}.custom-layout .col-left{width:30rem;padding-right:6rem}.sub-title{font-size:2.2rem;line-height:2.8rem}.section--work .custom-layout .col-main,.section--services .custom-layout .col-main,.section--process .custom-layout .col-main{width:100%}.custom-layout .col-main{width:100%}
/*.custom-layout .col-main{width:calc(100% - 30rem)}.process__steps{padding:0 15%}*/}

@media(max-width:1199px){
      .section-three.front-page:before, .section.section--process:before, .contact_main:before{font-size:4rem;} 
      .process__steps .process-block{padding:1rem;}
      form .g-recaptcha {transform: scale(0.96);-webkit-transform: scale(0.96);}
      .custom-layout {max-width: 100%;margin: auto;padding: 0 2rem;}
      .process_title{padding:15px 0 0;}
      .process__steps .row.no-gutters {
          margin-right: 0;
          margin-left: 0;
      }
      .processBox:after{bottom: -11px;}
      .custom-layout .col-main {    margin-top: 2rem;
      }
      section.section.section--process {
          padding-bottom: 7rem;
      }

      /*.custom-layout .col-left {width: 15rem;padding-right: 0;}
      .custom-layout .col-main {width: calc(100% - 15rem);}*/
      .process__steps .process-block {margin: 15px 5px;}
      .hero {padding-top: 0;padding-bottom: 2rem;min-height: auto;}
      .ul_tab ul li a img {max-width: 196px;}
      .wd_main .ul_tab ul li {max-width: 29.5%;}
      .display_4 {font-size: 1rem;}
      span.wb_ic img {width: 26px;}
      .contact_main:before { bottom:0px;}
      .our-happy-clients-text {display: inline-block;}
      .img_round img {left: 0;}
      body{position: relative; overflow: hidden;}
      .site-content-main {margin-top:0em;}
        .hero_container_text{padding: 0 70px; position: relative;
          /*min-height: calc(100vh - 4.4em); 
          min-height: calc((var(--vh, 1vh) * 100) - 4.4em);*/}
        .hero_container_text {min-height: calc((var(--vh, 1vh) * 50) - 4.4em); }
        .hero_container_text_space{padding-top: 50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: calc(50% - 4.4em); left: 70px; right: 70px; width: calc(100% - 140px); padding-right: 216px; }
        .ticker-slide-main{padding: 0 0 13px;}
        .ticker-slide-line {width: calc(100% - 170px); max-width: 100%; bottom: 0;} 
        .ticker-slide-line:before{margin-bottom: 16px;}

        .what-do-right{font-size: 14px; line-height: 22px; font-weight: 400;}
        .post-navigation-main{float: left; width: 148px;}
        .post-navigation {display: flex; width: 148px; }
        .post-navigation span{display: inline-block; width: 70px; height: 70px; order: 1;}
        .post-navigation span.btn-next{order: 2; width: 74px;}
        .post-navigation span a{ width: 100%; height: 100%; background-color: #0e2b5c; color: transparent; display: block; text-indent: -9999px; position: relative;}
        .post-navigation a:before{content: ""; background:url('../../assets/images/left.png') no-repeat center; width: 45px; height: 20px; display: inline-block; vertical-align: middle; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
        .post-navigation span.btn-prev a:before{transform: translate(-50%, -50%) rotate(180deg); left: calc(50% - 1px);}
        .post-navigation span.btn-next a{background-color: #0e2b5c;}
        .blog-archives{ float: right; margin-right: 30px; display: flex; align-items: center; height: 70px;}

        .bg-image-main{width: 100%; height: 300px;}

        .hero_container_slider span.next_text, .hero_container_slider span.next_title{display: none;}
        .hero_container_slider button.slick-next.slick-arrow .next-slick-img{display: none;}
        .hero_container_slider button.slick-arrow{ width: 70px; height: 70px; position: absolute; right: 0; bottom: 60px; background-color: #0e2b5c; background-image: url('../../assets/images/home-slick-arrow.svg') no-repeat center; background-repeat: no-repeat; background-position: center; z-index: 100; text-indent: -9999px; transform: rotate(180deg); background-size: 10px 20px; padding: 0;}
        .hero_container_slider button.slick-arrow:hover{ background-color: rgba(29, 37, 44, 0.6); }
        .hero_container_slider button.slick-next{ background-color: #0e2b5c; bottom: 130px; transform: rotate(0deg);}
        .hero_container_slider button.slick-next:hover{background-color: rgba(26, 37, 171, 0.6);}
        .hero_container_slider button.slick-arrow:before, .hero_container_slider button.slick-arrow:after{display: none;}

        .desktop-cta-panel{ display: none; }
        .ipad-cta-panel{display: block;}

        .career-intro{margin-bottom: 50px;}
        .search-close-icon { right: 21px !important ; top: 27px !important; }
        .search-close-icon .x_close span { height: 18px; }
      .footer{padding: 42px 60px 36px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between;} 
          .footer-left{width: 40%; margin-right: auto;}
          .footer-right {width: 55%; margin-left: auto; display: flex; justify-content: flex-end; }
          .footer address.alignright{margin-left: 37px;}
          .footer-right strong {margin-bottom: 17px; font-size: 18px; display: block;}
      h2{ font-size: 28px; line-height: 36px; margin-bottom: 16px;}
      blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin: 38px 22px 37px 0; }
      .wp-caption.alignleft {margin: 38px 22px 37px 0; }
      blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin: 38px 0 37px 22px; }
      .wp-caption.alignright {margin: 38px 0 37px 22px; }
      blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: 38px; margin-bottom: 37px; }
      img.alignnone{margin-top: 38px; margin-bottom: 37px; }

      span.verticle-line{ font-weight: 500; letter-spacing: 3.5px; margin-bottom: 15px; font-weight: 400;}
      .title{font-size: 36px; font-weight: 700; line-height: 42px;}

      .white-space-wrap{padding: 0 70px;}
      hr.line{margin-bottom: 15px;}


      .menu-overlay{display: block; /*max-width: 475px;*/}
      .header_quote_btn{min-height: 70px;}
      .menu-toggle-icon.menu-toggle-open{top: 0;}
      ul.menu-list li{margin-bottom: 20px;}


      .hero_container_text h1{margin-bottom: 15px;}
      .hero_container_text p{margin-bottom: 51px; line-height: 26px;}

      .hero-bg-section{min-height: 420px;}
      .hero-bg.hero-tablet{display: block; }

      .hero-left-button .hero-btn-box{width: 70px; height: 180px; }
      .hero-btn-box span.bar-text{-webkit-transform: rotate(-90deg) translateX(-29px); transform: rotate(-90deg) translateX(-29px);}
      .hero-btn-box span.bar-line{bottom: 30px; height: 60px;}
      .hero-btn-box span.bar-line-down{height: 60px;}

      .hero-bg-fill{height: 70px;}
      .hero-progress-main{left: 70px; bottom: -45px;}
      .home-view-case-btn {right: 70px; bottom: -45px; }

      .hero-recent-work{ bottom: 50px; }
      .posttitle{font-size: 27px;}
      .hero-recent-work span.verticle-line{margin-bottom: 10px;}

      .ticker-slide-main p.ticker-content{margin: 0;}
      .ticker-slide-main span.text{margin-top: 4px;}

      .home-recognition-grid{flex: 33.333%; -ms-flex: 33.333%; max-width: 33.333%; padding: 0 15px 15px; display: inline-block; vertical-align: top;}

      .what-do-section-main {padding: 136px 8px 72px; }

      .what-do-right{padding: 0 62px; display: flex; flex-wrap: wrap;}
      .what-do-grid{ padding: 0; margin: 0 15px 30px; width: calc(48% - 15px); display: inline-block; vertical-align: top;}
      .what-do-grid:nth-child(odd){margin-left: 0;}
      .what-do-grid:nth-child(even){margin-right: 0;}
      .what-do-right .slick-list{padding-bottom: 19px;}
      .what-do-right.home-slick-slide .slick-slide{padding: 0;}
      .what-do-right h2{margin-bottom: 13px;}
      .who-we-work-text{ padding:15px 70px 20px; font-size: 18px; font-weight: 400; line-height: 24px;}
      span.intro{ margin-bottom: 34px;}
      .who-we-work-text p{margin-bottom: 40px;}
      .who-work-grids{display: flex; flex-wrap: wrap; width: 100%;}
      .who-work-grid{ width: 21%; margin: 0 3% 47px; display: inline-block; vertical-align: top;}
      .who-work-grid:nth-child(2n+1){margin-left: 0;}
      .who-work-grid:nth-child(2n+2){margin-right: 0;}
      .who-work-grid h2{margin-bottom: 14px;}
       
      .our-happy-clients-text{padding: 73px 70px 10px;}
      .our-happy-clients-title{font-size: 18px;}
      .our-happy-clients-title h3{ margin-bottom: 19px;}
      img.sickkids{width: 101px;}
      img.polar{width: 105px;}
      img.aspire{width: 118px;}
      img.wysdom{width: 148px;}
      img.hagen{width: 108px;}
      img.intact{width: 91px;}
      img.ontario{width: 117px;}
      img.junos{width: 107px;}

      .home-blog-section{ padding: 72px 0 21px;}
      .home-blog-section h2.title{ margin-bottom: 53px; font-size: 28px; line-height: 34px; font-weight: 600;} 
      .home-blog-main{ max-width: 570px; margin: 0 auto; }
      .recent-our-blog{margin-bottom: 54px;}
      .recent-our-new-article-image{margin-bottom: 24px;}
      .recent-our-blog h2{font-size: 22px;line-height: 28px;}
      .recent-our-blog p{font-size: 14px;}

      .footer{padding: 42px 60px 16px;}
      .footer-logo{margin-bottom: 12px;}
      .footer-logo img{width: 153px;}
      .footer-right > strong{display: none;}
      .footer-copyrights {display: flex; flex-direction: column-reverse; width: 100%; align-items: center; padding: 0 70px;}
      .footer-copyrights p{float: none; font-size: 12px; margin: 0 0 33px;}
      .footer-copyrights nav{float: none; padding: 12px 26px; transform: translateY(-24px); transform-origin: top;}
      .footer-copyrights ul li{margin: 0 13px;}
      .footer-copyrights ul li a{font-size: 14px;font-weight: 400;line-height: 24px;}

      .hero-banner-main{ padding-bottom: 70px;}
      .hero-banner-section .hero-left-button{display: none;}
      .hero-banner-text{padding: 59px 70px 62px; max-width: 600px;}
      .hero-banner-text p{line-height: 26px;}
      .hero-banner-image{padding-left: 70px;}
      .hero-bg-fill{transform: translate(0px, 70px); }



      .grid-layout-content{padding: 70px 70px 74px;}
      .grid-layout-content h2{margin-bottom: 32px;}
      .grid-layout-content p{margin-bottom: 32px;}
      .grid-layout-content .button{margin-top: 15px;}
      .grid-layout-box{height: 384px;}
      .grid-layout-box span{font-size: 64px;}
      .grid-layout-box hr{margin: 9px auto 15px;}

      .default-title-section{ padding: 64px 70px 48px; line-height: 26px;}
      .default-title-section h1{font-size: 48px; line-height: 48px; margin-bottom: 41px;}
      .work-section-common{padding: 0 70px;}
      .work-image{ padding: 70px 0 0; overflow: hidden; height: auto; min-height: 50vw; max-height: 50vw;}

      .bg-color-right{transform: translate(192px, 70px);}
      .bg-color-left{transform: translate(-192px, 70px);}
      .work-text{padding: 56px 52px 76px;}
      .work-text h2{font-size: 28px; line-height: 34px; margin-bottom: 6px;}
      .work-text h3{ font-size: 20px; line-height: 24px; margin-bottom: 23px; font-weight: 500;}
      .work-text p{margin-bottom: 19px;}
      .work-text ul li{margin-bottom: 2px;}

      .work-default-section{padding: 66px 0 50px;}
      .view-all-case-wrap{ display: flex; flex-wrap: wrap; width: 100%; padding: 57px 0 36px;}
      .view-case-wrap{ max-width: 50%; flex: 50%; padding: 0 39px;}
      .view-case-wrap:first-child{ padding-left: 0; }
      .view-case-wrap:last-child{ padding-right: 0; }
      .view-all-case-wrap p{margin-bottom: 37px; line-height: 26px;}

      .work-default-section .container-img{margin: 38px 70px 80px;}
      .container-img{margin: 27px 0 10px;}
      .container-screen{/*height: 400px;*/ height: 600px;}
      @keyframes scrollCoverBrowser {
          10% {
              -webkit-transform: translateY(0%);
                  -ms-transform: translateY(0%);
                      transform: translateY(0%);
          }
          50% {
              -webkit-transform: translateY(calc(-50% + 300px));
                  -ms-transform: translateY(calc(-50% + 300px));
                      transform: translateY(calc(-50% + 300px));
          }
          100% {
              -webkit-transform: translateY(calc(-100% + 600px));
                  -ms-transform: translateY(calc(-100% + 600px));
                      transform: translateY(calc(-100% + 600px));
          }
      }

      @-webkit-keyframes scrollCoverBrowser {
          10% {
              -webkit-transform: translateY(0%);
                  -ms-transform: translateY(0%);
                      transform: translateY(0%);
          }
          50% {
              -webkit-transform: translateY(calc(-50% + 300px));
                  -ms-transform: translateY(calc(-50% + 300px));
                      transform: translateY(calc(-50% + 300px));
          }
          100% {
              -webkit-transform: translateY(calc(-100% + 600px));
                  -ms-transform: translateY(calc(-100% + 600px));
                      transform: translateY(calc(-100% + 600px));
          }
      }


      .view-all-case-main .view-all-case{padding: 0 45px 0 70px;}
      .view-all-case h2{font-weight: 500;}

      .workdefault-feautered{padding: 60px 70px 39px; }
      .featured-article-verticle{margin: 0 0 47px 51px;}
      .featured-article-verticle h2{font-size: 27px;line-height: 31px;}
      .featured-article-verticle h3{font-size: 18px;}
      .featured-article-title h2{font-size: 24px; line-height: 36px; margin-bottom: 21px;}
      .feautered-accent-right{margin-right: 70px; margin-bottom: 59px;}
      .feautered-accent-left{margin-left: 70px; margin-bottom: 59px;}
      .mac-case-study-main{padding: 28px 0 69px;}
      .mac-case-study-main.no_space {padding-top: 70px; padding-bottom: 0; }
      .feautered-article-of-3:after {content: ""; display: table; clear: both; }
      .feautered-article3-of-3{margin-bottom: -75px;}
      .feautered-article3-of-3 img{max-width: 134%;}
      .feautered-article3-of-text{margin-bottom: 49px;}
      .feautered-article3-of-1 {margin-bottom: -62px; width: 125%; float: left; position: relative; z-index: 2;}
      .feautered-article3-of-1 img{ max-width: 415px; height: auto; float: left; margin-left: -20px;}
      .feautered-article3-of-1 img:last-child{margin-left: -113px;}
      .feautered-accent-left .bg-color-left{transform: translate(-70px, 70px);}

      blockquote{/*font-size: 27px; line-height: 44px; margin-bottom: 48px;*/}
      dl{ font-size: 18px; line-height: 24px; margin: 44px 0 46px;}
      dl dd{font-size: 15px;}

      .featured-article-accent{right: 70px; top: 0;}
      .accent-bg {width: 70px; height: 70px; }

      .featured-article-wrap blockquote{margin: 64px 0 47px;}

      .work-default-slider .work-default-slider-verticle{padding: 0 70px;}
      .work-default-slider ul.slick-dots{margin-top: 11px;}

      .work-default-slider{ padding: 70px 0 30px; background-color: #f3f4f4;}
      .work-default-slider .work_default_testimonial_slider .slick-slide{padding-left: 70px; padding-right: 70px;}
      .work-default-slider-des{padding: 43px 70px 17px; font-size: 21px; line-height: 34px;}

      .ipad_cta_next_down{display: flex; flex-direction: column-reverse; width: 100%;}

      .post-navigation span p{display: none;}

      /*-- counter nes css --*/
      #tmp-overlay figure.next-hero-image img{
        height: calc(var(--vh, 1vh) * 100);
        -o-object-position: 65% 50%;
        object-position: 65% 50%;
      }
      /*-- counter nes css --*/
      .next-bg-section{min-height: 420px; padding-bottom: 370px;}
      .next-hero-container{max-width: 100%; padding: 0 70px;}
      .next-hero-container p{font-size: 16px; letter-spacing: 1.78px; margin-bottom: 16px; margin-top: 12px;}
      .next-hero-container h3{font-size: 38px; line-height: 44px; margin-bottom: 16px;}
      .count-number{font-size: 400px;}


      /*-- general-work-default page css ends here --*/
      section.general-title-section{padding: 25px 70px 22px;}
      section.general-title-section h1{ margin-bottom: 11px; }
      section.general-title-section span{margin-bottom: 13px;}
      section.general-title-section > p:first-child{margin-bottom: 18px;}
      article.general-work-default-section {padding: 0 0 50px;}
      article.general-work-default-section h2{font-size: 28px; line-height: 36px;}
      .work-section-common.general-work-section-common{ margin:70px 0 0; }
      /*-- general-work-default page css ends here --*/

      .bg-color-main{height: 288px; width: 100%;}

      .work-next-bg-section { min-height: 555px; padding-bottom: 500px;}

      body.home .lets-make-common-section{padding-top: 86px;}
      .lets-make-common-section{padding: 75px 70px 76px;}
      .lets-make-common-text h2{font-size: 28px; margin-bottom: 17px;}
      .lets-make-common-text .button{margin-top: 26px;}
      .lets_common_top_space{margin-top: 170px;}

      .content_before_carousel{padding: 75px 70px 56px;}

      .process-section-common{padding: 0 70px;}
      .process-image{ margin-bottom: 156px; position: relative;}

      .process-section-common:last-child .process-text{ padding-bottom: 24px; }

      /*-- about page css  starts here --*/
      body.page-template-about .hero-bg-fill{height: 100%;}
      .sem-banner-section .hero-bg-fill{height: 100%;}
      .whatdo-section-main{padding: 73px 8px 72px;}

      #ajax-load-more{margin-bottom: 75px;}
      .blog-page-title{ padding: 51px 0 20px; }
      .blog-post-main{padding: 0 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%;} 
      .blog-post{margin-bottom: 13px; padding: 0 20px; width: 50%; display: inline-block;}
      .blog-post-text{ padding: 27px 0 24px; }
      .recent-our-new-article{padding: 27px 0 24px;}
      .blog-post-text h2{font-size: 22px;line-height: 28px;}
      .blog-post-text p{font-size: 14px; margin-bottom: 10px;}
      #load-more{margin-top: 25px;}
      .blog-post a img{width: 100%;}

      h1.main-title{font-size: 48px; font-weight: 700; line-height: 42px; margin-top: 17px;} /*-- career default title section --*/
      .career-default-title.default-title-section{ padding: 24px 70px 10px;}

      .blog-menu-main{margin-bottom: 52px;}
      .search-overlay-content{padding: 110px 70px; width: 100%;}
      .search-close-icon{right: 20px; top: 19px;}

      .single-hero-container:after{content: ""; display: block; clear: both;}
      .single-hero-bottom{padding: 70px 120px 70px 70px;}
      .single-hero-bottom h1.view-case-title {margin-bottom: 6px; font-size: 18px; line-height: 28px; font-weight: 400;}
      .single-hero-bottom span.view-case-sub-title{font-size: 28px; line-height: 34px; font-weight: 600; margin-bottom: 15px; display: block;}
      .single-hero-bottom .button{margin-top: 27px;}
      body.single .single-hero-bottom h1{margin-bottom: 11px;}

      aside.sidebar_right{width: 70px;}
      .fixed-social-icons .at-share-btn-elements .at-share-btn, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn{width: 70px; height: 70px;}

      .our-process-lists{margin-top: 44px;}
      .our-process-list{padding-bottom: 33px; margin-bottom: 25px;}
      .our-philosophy-text{padding: 75px 70px 15px;}
      .our-philosophy-text .main-title{min-width: 82px;}
      .career-intro-main{padding: 73px 0 70px;}
      .career-accordion-section{margin: 51px 0 70px;}


      .contact-top{margin-top: 45px;}
      .contact-text{ padding: 59px 70px 49px; max-width: 850px; line-height: 26px;}
      .contact_logo{width: calc(24.2% - 10px); padding-right: 0; margin: 0 10px;}
      .contact_logo:nth-child(4n+1){margin-left: 0;}
      .contact_logo:nth-child(4n+4){margin-right: 0;}
      .contact-form{padding: 74px 70px 51px;}
      .contact-form .frm_style_formidable-style.with_frm_style .frm_dropzone{max-width: 314px; min-width: 314px; margin-right: 20px;}
      .contact-des{margin: 0 0 43px;}
      .contact-form .frm_style_formidable-style.with_frm_style .form-field{padding: 0px; margin: 0 0 20px;}
      .contact-form .frm_style_formidable-style.with_frm_style .form-field.frm_half{ width: calc(50% - 10px); margin-left: 10px; margin-right: 10px;}
      .contact-form .frm_style_formidable-style.with_frm_style .form-field.frm_half.frm_first{margin-left: 0;}
      .contact-form .frm_style_formidable-style.with_frm_style .form-field.frm_half.frm_last{margin-right: 0;}

      .page-not-found.hero-bg-section{min-height: 1000px;}

      .sitemap-section h1{padding: 62px 0 26px;}
      .sitemap-main{padding: 0 70px;}
      .sitemap-grids{width: 50%; padding: 0 20px 47px;}


      .default-article-section{padding: 70px 0 50px;}
      .main-default-article h1, .main-default-article h2, .main-default-article h3, .main-default-article h4, .main-default-article h5,
      .main-default-article h6, .main-default-article ul, .main-default-article ol, .main-default-article p, .main-default-article table,
      .main-default-article blockquote, .main-default-article div.frm_forms, .main-default-article > span{ padding-left: 70px; padding-right: 70px; }
      .main-default-article blockquote p{padding-left: 98px; padding-right: 50px;}
      .main-default-article p a.button{ margin-top: 27px;}
      .main-default-article img{position: relative; z-index: 2;}
      /*ul{margin: 0 0 17px 51px;}*/
      /*ol{margin: 0 0 17px 51px;}*/

      .chr-content-container .single-item{padding-left: 0;}
      .chr-content-container .single-item {margin-bottom: 2rem;padding-top:4rem;}


      .main-default-article pre{margin-left: 70px; margin-right: 70px; width: auto;}

      .main-default-article div.frm_forms form .frm_form_fields h3.wrap_heading{max-width: 100%;}

      .fixed-social-icons {top: 90px; }
      .fixed-social-icons .at-share-btn-elements .at-share-btn span.at-icon-wrapper svg.at-icon, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn span.at-icon-wrapper svg.at-icon{width: 28px !important; height: 28px !important;}
      .fixed-social-icons .at-share-btn-elements .at-share-btn, .fixed-social-icons .addthis_inline_follow_toolbox .at-follow-btn{margin-bottom: 5px !important;}

      html.js #cookie-law-info-bar span{ padding: 20px;}

      body.parent-pageid-15 .site-content-main{margin-top: 0;}
      body.single .site-content-main{margin-top: 0;}
      body.page-template-404 .site-content-main{margin-top: 0;}

      .container-middle.in-between{margin: 30px auto;}
      .hero_container_slider button.slick-next{bottom: 128px;}

      .mobile-blog-menu {position: relative; align-items: center; justify-content: center; }
      ul.blog-menu li a{font-size: 16px;}

      .payment-loign-main{padding-bottom: 70px;}
      .payment-login-text{padding: 59px 70px 62px; max-width: 600px;}
      .payment-login-image{padding-left: 70px;}
      .payment-login-image .hero-bg-fill{height: 100%;}

      .testimonial-logo img{max-width: 90%;}
      img.desktop_svg{display: none;}
      img.tablet_svg{display: block;}

      .thanks-note-wrap{padding: 31px 70px 70px;}
      .thanks-note-title{padding: 0 20px 40px;}

      .the-company-wrap{padding: 0 70px;}
      .the-company-logo{margin: 0 0 37px;}

      .about-recognition-wrap{padding-bottom: 87px;}
      .section-three.front-page{padding-bottom: 5rem;}
      .who-we-work-section.about_us{padding-bottom: 6.2rem;}
      .our-happy-clients-section:before{margin-bottom: 15px;font-size: 4rem;}
      .advantage_section:before {font-size: 4rem;}
      .advantage_section {padding-bottom: 6.2rem;}
      .who-we-work-section:before {font-size: 4rem;}
      /*.who-we-work-section {padding-bottom: 6.8rem;}*/
      .who-we-work-section {padding-bottom: 5rem;background-color: #0e2b5c;}

      .ad_lf {
          padding: 95px 0 0 0;
          float: left;
          max-width: 310px;
          width: 100%;
      }

      .ad_rg {
          padding: 95px 0 0 0;
          float: left;
          max-width: 310px;
          width: 100%;
      }
    .hero_container_slider span.next_text{
      display: block;
    }
    .hero_container_slider button.slick-arrow{
      text-indent: inherit;
      transform: inherit;
    }
    .hero_container_section {
      padding-bottom: 70px;
    }
    .hero_container_slider_main figure.home_slider_figure{
      height: 410px;
    }
    .about_us:after{
      display: none;
    }
    .about_us  .who-we-work-image  figure{
        max-width: 600px;
        margin: 0 auto;  
    }
    .who-we-work-section.about_us{padding-top:0;}
    span.icon_years{font-size: 36px;}
    .who-we-work-section.about_us:before{
      font-size: 4rem;
    }
    .our-happy-clients-image {display: none;}
    .our-happy-clients-section{
        background: #0e2b5c;
    } 
    .situation_section .ss_content_section{margin-bottom: 0 !important;}
    .situation_section{padding-bottom: 6rem !important; }
    .situation_section:before{
      font-size: 4rem !important;
    }
    .who-we-work-image{display: none;}
    .section--process .box{ bottom: -25px;}
    .process-block:hover .process__head .icon-process{
      
    }
    .process-block .process__head {
        height: 100% !important;
    }
    .process-block .process__head h3{ padding-top: 4rem !important;}
    .hero_container_slider button.slick-arrow:hover{
      outline: none;
      background: #e82e31;
      color: #fff;
    }
    .hero-recent-work .button{padding: 13px 16px 13px;}
}


@media screen and (max-width: 1100px){
  .chr-footer-top .contact-details-part {padding-left: 80px;margin-top: 12px;}
  .chr-footer-top .social-networks {margin-top: 10px;}
  .sub_2left,.img_cnt.sub_3_left, {margin-left: 0;}
  .ul_img ul li {margin-bottom: 50px;width: 30%;}
  .section_img_left .sub_3_right {margin-left: 0;}
  .section_img_right .sub_3_right {margin-left: 0; margin-right: 0;}
  .sub_3page .ul_tab.wd_sub li,.sub_6page .ul_tab.wd_sub li {padding: 0 10px;}
  .left_p3,.right_p3 {padding-left: 0;}
  .fq_main h2 {font-size: 1.65rem;}
  .what-do-right {padding: 0 15px;}
  .content_page.hero {min-height: 260px;}
  .detail_part a,.detail_part p {font-size: 14px;font-weight: 600;}
  .service_page,.blog_page_title {padding: 0 2em;text-align: center;}
  .service_page h2 {margin-bottom: 2em;text-align: center;}
  .blog_page {background-color: #f7f7f7;}
  .demo {padding-bottom: 4em;}
  .blog_details_page {padding: 0 2em;}  
}
@media(max-width:992px){
    .custom-layout{display:flex;flex-wrap:wrap}
    /*.custom-layout .col-left{text-align:right;width:25rem;padding-right:4rem}*/
    .custom-layout .col-main{margin-top:0;width:100%}
    /*.custom-layout .col-main{margin-top:0;width:calc(100% - 25rem)}*/
    .process__steps{padding:0 2%}
}

@media(max-width:991px){
    .section--process .sub-title{margin-bottom:5rem}
    .serviceBox{ margin: 0 0 30px; }
    .section-three.front-page:before, .section.section--process:before, .contact_main:before{font-size:3rem;}
    .section-three.front-page, .section.section--process, .contact_main {padding-bottom: 6rem;}
    .ul_tab ul li a img {max-width: 180px;}
    .wd_main .ul_tab ul li {max-width: 28%;}
    .sub_t {font-size: 38px;}
    .contact_main:before { bottom:0px;}
    form .g-recaptcha {transform: scale(0.70);-webkit-transform: scale(0.70);}
    .blog-menu-main{max-width: 100%; padding: 0 43px;}
    ul.blog-menu li{margin: 0 10px;}
    .blog-post-main{display: block; max-width: 570px; padding: 0;}
    .blog-post{display: block; width: auto; padding: 0;}
    .who-work-grid ul {margin-bottom: 20px;}
    .front-page .section-three-heading-part .title-part{}
    .ad_lf, .ad_rg {max-width: 100%;width: 100%;padding: 0 6rem;}
    .ad_cn {padding: 0;float: none;max-width: 100%;width: 100%;margin: auto auto 3rem;text-align: center;}
    .who-work-grid{margin-bottom: 0}
    .fremework_sec .framework_inner .fminner_listing .f_work>li {width: 194px;}
    .detail_part a,.location_ic.detail_part a:last-child,.detail_part p {margin-top: 3.2em !important;}
    .map_main.animation-scroll-right {position: relative;}
    .contact_sub_cnt h2 {font-size: 2.125rem;}
    .contact_sub_cnt p {font-size: 1.175rem;}
    .sub_6page .ul_tab.wd_sub li {width: 32.633333%;}
    .web_sub{margin-bottom: 2em;} 
    .hero_container_text{
      min-height: 50vh;
    }   
    .about_us .who-we-work-text {
      padding: 60px 70px 10px !important;
    }
    .section-three.front-page .sub_title{
      font-size: 26px;
      line-height: 150%;
    }  
    .who-we-work-text {
      padding: 35px 70px 0;
    }
    .processBox{margin-bottom: 50px;}
    .section--process .box{display: none;}
    .project-form-wrapper .services-of-interest .project-form-list-item i{font-size: 55px;}
    .menu-overlay-main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: right;
      -ms-flex-pack: right;
      justify-content: right;
      text-align: right;
    }
    .web_section{
      max-width: 640px;
      order: 3;
      position: relative;
      left: 0;
    }
    .header_overlay_right figure.next-logo{display: none;}
}

@media(min-width:768px){
    .sub-title{font-size:2.2rem;line-height:2.6rem}.process__steps .process-block-listen:before{opacity:1;visibility:visible;transition:opacity .3s ease;transform:rotate(0);font-size:4rem;bottom:-2rem;right:-3rem;left:auto}.process-block .process__head{height:16rem}.process-block .process__head h3{padding-top:8rem}
    .process-block:hover .process__head h3{padding-top:0.2rem}.process-block .process__head h3{padding-top:8rem}
    .process__steps .process-block-labour:before {visibility: visible;opacity: 1;transition: opacity .3s ease;font-size: 4rem;top: -1.4rem;
    right: -3rem;bottom: auto;z-index:1;}
}


@media(max-width:767px){
    .web_section {position: relative;left: 1.6em;}    
    .front-page .section-three-heading-part {padding-top: 30px;padding-bottom: 30px;}
    .front-page .section-three-heading-part .title-part {width: 100%;padding:0;}
    .front-page { padding: 0 20px;}
    .brand_main ul li {max-width: 100%;}
    .section-three.front-page:before,.section.section--process:before, .contact_main:before
    {font-size: 2rem;}
    .display-1 {font-size: 2rem;}
    .btn-group-lg>.btn, .btn-lg {font-size: 1rem;}
    .lead_sm{margin-bottom: 1rem;}
    .ul_tab ul li {width: 49%;margin: 0 0 5px;padding: 0;text-align: left;}
    .ul_tab ul li a img {max-width: 100%;}
    .wd_main .ul_tab ul li {max-width: 100%;width: 100%;padding: 0;margin: 15px 0 0;}
    video.mt-md-5 {margin-bottom: 15px;}
    .video_name {padding-bottom: 15px;}
    form .submit-wrapper {float: none;width: 100%;padding: 0;margin: 0;text-align: left;}
    .front-page .sub_title, .front-page h2:not(.small-title):not(.h3-style):not(.h4-style):not(.h5-style):not(.h6-style) {
    font-size: 44px;}
    .fremework_sec .framework_inner .fminner_listing .f_work>li {width: 145px;}
    .our-happy-clients-section:before {font-size: 2.6rem;}
    .our-happy-clients-section { padding-bottom: 4rem;}
    .advantage_area h3 {font-size: 2rem;}
    .advantage_area_in {margin-top: 0;padding: 0;margin-bottom: 0;}
    .ad_rg .ad_bx_rg {left: 0;}.ad_bx_rg {right: 0;}
    .ad_lf .ad_bx_lf {padding:0;text-align: center;}
    .ad_rg .ad_bx_lf {padding:0;text-align: center;}
    /*.advantage_section:before {font-size: 3rem;line-height: normal;}*/
    .who-we-work-section:before {font-size: 2.2rem;}
    .who-we-work-section {padding-bottom: 2.2rem;}
    .custom-layout .col-main {width: calc(100% - 0rem);margin: auto;}
    .section-three.front-page:before, .section.section--process:before, .contact_main:before {font-size: 3rem;}
    .hero_container_text {min-height: calc((var(--vh, 1.6vh) * 50) - 0.4em);}
    .hero_container_text {padding: 0 30px;}
    .hero_container_text_space {padding-top: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);
    position: absolute;top:calc(50% - 0px);left: auto;right: auto;width:calc(100% - 100px);padding-right: 0;}
    .hero-bg-fill {height: 100px;}
    .hero_container_section {position: relative;width: 100%;overflow: hidden;padding-bottom: 40px;}
    .hero_container_text p{margin-bottom: 30px;}
    .who-we-work-text {padding: 35px 30px 20px;}
    .who-we-work-section.about_us:before { font-size: 4rem;}
    .who-work-grids .slick-list {padding-bottom: 0px;}
    .who-we-work-section.about_us {padding-bottom: 5.2rem;}
    .front-page __inner {margin: 0 6%;}
    .section-three.front-page:before{font-size: 2.4rem;}
    .our-happy-clients-text {padding: 30px;}
    .ad_lf, .ad_rg {padding: 0 0.6rem;}
    .advantage_section:before {font-size: 2.5rem;line-height: normal;}
    .advantage_area { padding: 75px 0 70px 0;}
    .ad_bx_rg {padding: 0;float: none;position: relative;display: inline-block;}
    .ad_bx {text-align: center;}
    .process_title {padding: 15px 0;}
    .size_2 {font-size: 2rem;}
    .lead_md {font-size: 1.2rem;}
    .ml_2 {padding-left: 0;}
    .ul_img ul li{width:100%;text-align: center;}
    .mt_65.mx_1072 {margin: 3rem auto 3rem;}
    .section_img_right .sub_3_right {margin-left: 0rem;margin-right: 0rem;}
    .mb_61 {margin-bottom: 3rem;}
    .sub_3page .ul_tab.wd_sub li {padding: 0 2rem;width: 100%;}
    .video_section {margin-left: 0 !important;}
    .ptl24 {padding-top: 3rem;padding-left: 1rem;}
    .sub_6page .ul_tab.wd_sub li {padding: 0 20px;width: 100%;}
    .detail_part a,.detail_part p {margin-top: 1.3em !important;}
    .location_ic.detail_part a:last-child,.detail_part p {margin-top: 0.6em !important;}
    .contact_sub_cnt p {font-size: 1.175rem;}
    .map_img img {height: 30vh;margin-top: 2em;}
    .img_cnt.sub_3_left {margin-left: 0;}
    .service_page {padding: 0em;}
    .service_page h2 {margin-bottom: 2em;text-align: center;}
    .service_page.sub_6page .ul_tab.wd_sub li {padding: 0 1em;text-align: center;}
    span.bms_ic {display: inline-block;}
    h3.tb_title {padding: 1.2em 1em 1em 0;max-width: 100%;text-align: center;}
    .service_slider {padding-bottom: 3em !important;}
    .service_lets {padding: 3em 0;}
    .blog_details_slider.gallery_info h2.title {margin: 0.5em 0 0em 0.7em;padding: 1em 0;}
    .blog_details_slider {padding-bottom: 2em !important;}
    .blog_details_page h3 {font-size: 1.825rem;margin: 1.2em 0;}
    .blog_details_page {padding: 0 1em;}
    .detail_part .rd_bg {padding-left: 6em;}
    .detail_part .rd_bg:before {left: 20px;}
    .detail_part .rd_bg img,.detail_part .rd_bg i {left: 0;}
    .hero {padding-top: 2rem;padding-bottom: 2rem;}
    .size_24 {text-align: center;}
    .ticker-slide-line{}
    .ticker-slide-main p{font-size: 12px;}
    .hero-bg-fill{
          bottom: 30px; height: 60px;
    }
    .hero-progress-main,.home-view-case-btn{
          bottom: -22px;
    }
    .hero-progress-main{left: 30px;}
    .home-view-case-btn {right: 0px;} 
    .about_us .who-we-work-text {
      padding: 60px 30px 10px !important;
    }
    .about_us .btn_section{
        margin: 30px 0 0;
    }
    .who-work-grid{
      margin:0;
    }
    form .submit-wrapper{
      margin-top:15px;
    }
    .custom-layout{
      padding: 0 15px;
    }
    .process__steps{
      padding: 0;
    }
    section.section.section--process{padding-bottom: 4rem;padding-top: 20px;}
    .situation_section .ss_title_section{padding: 50px 20px !important;}
    .situation_section .ss_content_section{
        margin: -40px 20px 0 !important;
    }
    .situation_section .card{
      margin-bottom: 15px;
    }
    footer .line_center{
          margin-top: 0 !important;
    }
    .web_sub{
        max-height: 83px;
    }
    .menu-overlay-main{
       -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
    }
   /* .header_overlay_right{
      width: 100%;
    }*/
    .web_section{order:3;margin-top: 20px;}
    ul.menu-list li {
      margin-bottom: 15px;
    }
    .web_sub img{ width: 100%;}
    .web_sub .web_sub_title{
      bottom: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .situation_section .card .card_title{font-size: 18px !important;}
    .header_quote_btn{
        display: none;
    }
    .header_quote_text{
      padding-top: 27px;
      width: 220px;
    }
    .who-work-grids.slick-initialized .slick-slide{
          margin-left: 0 !important;
    }
    .detail_part {
        margin-bottom: 3em;
    }
}


@media(max-width: 767px) and (min-width: 576px){
  .hero_container_text{
    min-height: 100vh;
  }
}

@media(max-width: 575px){
  .ticker-slide-line{
      width: calc(100% - 130px);
  }
}
/*RESPONSIVE END CSS*/

button:focus{
  outline:none !important;
}

.article_box{
    background-color: #f7f7f7;
    padding: 20px;
}

.article_box h2{
    border-bottom: 1px solid rgb(255 0 0 / 50%); 
    padding: 10px;
}

@media(min-width: 1900px){
.blog_start.container{
    max-width: 1600px;
}
}

.article_title h3:after{
    width: 4rem;
    height: 2px;
    background-color: #e82e31;
    display: block;
    content: "";
    margin: 0.4em 0;
}



@media(max-width: 768px){
    .blog_page .img_wrap img{
        height: calc(var(--vh,1vh) * 50);
        object-fit: cover;
        
    }
    
    .blog_page .blog_title{
            top: 50%;
    width: 80%;
    left: 40px;
    }
    
    .blog_page .blog_title h1{
        font-size: 20px;
    }
    
    .article_title{
        padding: 20px 0px 15px 0px;
    }
    
    section.sub_1page{
        margin: 0px;
        margin-bottom: 3rem;
    }
}

.default_share{
    padding: 15px;
    
}

.card_image{
    height: 170px;
    overflow: hidden;
}