/* ============================================================================
   Colour variables for the blog. Same --ca-* names and values as the main
   site palette in header-footer-new.css, plus blog-only tokens.
   ============================================================================ */
:root{
    /* Brand */
    --ca-black-pure:#000;
    --ca-black-80:#2b2b2b;
    --ca-white:#fff;
    --ca-button-green:#c2c900;
    --ca-green-muted:#c0c933;
    --ca-green-olive:#baca34;
    --ca-green-deep:#b0b401;
    --ca-olive-dark:#696d02;
    --ca-green-moss:#adbc27;
    --ca-green-light:#ced433;
    --ca-green-lighter:#d3da27;
    --ca-green-pale:#f1f2c2;
    --ca-mustard:#e0cd02;
    --ca-lime:#e2ea00;
    /* Brand (replaces every former purple shade) */
    --ca-navy:#1b1a40;
    /* Accents */
    --ca-linkedin:#007bb6;
    --ca-blue-bright:#008cef;
    --ca-blue-royal:#2c52cd;
    --ca-blue-steel:#4a66b7;
    --ca-teal:#179c98;
    --ca-teal-dark:#21808d;
    --ca-teal-muted:#5f9692;
    --ca-teal-soft:#74aa9c;
    --ca-rust:#b95439;
    --ca-coral:#de7356;
    /* Greys, light to dark */
    --ca-gray-30:#fcfcfc;
    --ca-gray-100:#f9f9f9;
    --ca-gray-150:#f5f5f5;
    --ca-gray-230:#efefef;
    --ca-gray-240:#ededed;
    --ca-gray-242:#edecec;
    --ca-gray-244:#ecebe9;
    --ca-gray-246:#eae8ed;
    --ca-gray-250:#eee;
    --ca-gray-390:#e1e1e1;
    --ca-gray-392:#e1e1e0;
    --ca-gray-400:#e0e0e0;
    --ca-gray-430:#dcdcdc;
    --ca-gray-450:#d9dadb;
    --ca-gray-470:#d7d7d7;
    --ca-gray-510:#d1d1d1;
    --ca-gray-520:#d0d0d0;
    --ca-gray-600:#ccc;
    --ca-gray-620:#bbb;
    --ca-gray-632:#afafaf;
    --ca-gray-634:#a8a8a8;
    --ca-gray-636:#898989;
    --ca-gray-638:#7f7f7f;
    --ca-gray-730:#4a4a4a;
    --ca-gray-790:#363636;
    --ca-gray-800:#333;
    --ca-gray-850:#2a2a2a;
    --ca-gray-870:#222;
    --ca-gray-880:#212121;
    --ca-gray-900:#191919;
    --ca-gray-905:#181818;
    --ca-gray-940:#111;
    --ca-gray-945:#101010;
    --ca-gray-950:#0c0c0c;
    --ca-gray-990:#030303;
    /* Cookie bar */
    --ca-cookie-border:#cbd6e2;
    --ca-cookie-shadow:#eaf0f6;
    /* Transparent tints (number = alpha %) */
    --ca-black-a0:rgba(0,0,0,0);
    --ca-black-a15:rgba(0,0,0,.15);
    --ca-black-a26:rgba(0,0,0,.26);
    --ca-black-a50:rgba(0,0,0,.5);
    --ca-black-a70:rgba(0,0,0,.7);
    --ca-black-a90:rgba(0,0,0,.9);
    --ca-black-a92:rgba(0,0,0,.92);
    --ca-black-a95:rgba(0,0,0,.95);
    --ca-white-a0:rgba(255,255,255,0);
    --ca-white-a9:#ffffff17;
    --ca-white-a14:#ffffff24;
    --ca-white-a20:rgba(255,255,255,.2);
    --ca-white-a30:rgba(255,255,255,.3);
    --ca-white-a50:rgba(255,255,255,.5);
    --ca-white-a92:#ffffffeb;
    --ca-gray-720-a20:rgba(78,78,78,.2);
    --ca-gray-800-a92:#333333eb;
    --ca-gray-945-a92:#101010eb;
    --ca-navy-a95:#1b1a40f2;
    --ca-button-green-a12:rgba(194,201,0,.12);
    --ca-button-green-a90:rgba(194,201,0,.9);
    --ca-success-a67:#35880cab;
    --ca-error-a67:#d60606ab;
    --ca-copyright-bg: #141336;
    --ca-black-a65:rgba(0,0,0,.65);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700;900&display=swap');
@font-face {  font-family: museo300; src: url(../fonts/museo-300-webfont.eot); src: url(../fonts/museo-300-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-300-webfont.woff2) format('woff2'), url(../fonts/museo-300-webfont.woff) format('woff'), url(../fonts/museo-300-webfont.ttf) format('truetype'), url(../fonts/museo-300-webfont.svg#museo300) format('svg'); font-weight: 400; font-style: normal}
@font-face{font-family:Museo500;
	src:url(../fonts/museo/museo500-regular-webfont.eot);src:url(../fonts/museo/museo500-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/museo/museo500-regular-webfont.woff) format('woff'),url(../fonts/museo/museo500-regular-webfont.ttf) format('truetype'),url(../fonts/museo/museo500-regular-webfont.svg#Museo500) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Museo700;
	src:url(../fonts/museo/museo700-regular-webfont.eot);src:url(../fonts/museo/museo700-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/museo/museo700-regular-webfont.woff) format('woff'),url(../fonts/museo/museo700-regular-webfont.ttf) format('truetype'),url(../fonts/museo/museo700-regular-webfont.svg#Museo700) format('svg');font-weight:400;font-style:normal}
#ez-toc-container{padding:20px; border: 1px solid var(--ca-gray-470); margin-bottom: 25px;}
div#ez-toc-container ul li{margin:10px 0}
div#ez-toc-container ul li li{margin:5px 0}
.single-post article .post-content img.alignright{float: right; margin:30px 0 30px 30px; clear: both}
.single-post article .post-content img.alignleft{float:left; margin:30px 0 30px 30px; clear: both}
.single-post article .post-content p.clearfix{margin:10px 0; clear: both; width: 100%; line-height: 0}
.single-post article .post-content .ecommerce_step img{max-width:200px;}
.single-post article .post-content .new_cta_banner a.btn{font-size:15px;}
.popular-posts{margin-top: 30px; margin-bottom: 10px;}
.popular-posts .post-stats{display: none!important}
ul.wpp-list li span{display: none!important}
input {  border-radius: 0px;}
input[type="submit"],input[type="button"] {  -webkit-appearance: none;}
a {  outline: none;}
* {  box-sizing: border-box; letter-spacing: .4px;}
html {  font-size: 16px; margin: 0; padding: 0;}
body {  font-family: 'Montserrat'; transition: .5s; margin: 0; padding: 0; color: var(--ca-black-pure);}
h1,h2 {  line-height: 1.2; margin-top: 0px; font-family: 'museo500';}
h3 {  line-height: 1.2; margin-top: 0px;}
h1 {  font-size: 6.3125rem; font-family: 'museo700';}
h2 {font-size: 2rem;font-weight: 500;}
h3 {  font-size: 1.75rem;}
h4 {  font-size: 1.4rem; margin-top: 0px;}
p {  font-size: 1.1rem; line-height: 1.6; margin-top: 0;}
img {  max-width: 100%;}
.text-justify{text-align:justify;}
.single-case-studies .green_bg, .single-case-studies .hide-class{display: none;}
.navbg .navbar-nav {white-space: nowrap;}
.header .logo { z-index: 1; }
.header .nav { z-index: 2; }
.dropdown-menu >ul {max-width: 250px;float:left;}
.dropdown-menu>li{width:100%;float:left;display:block!important;padding-left:30px;text-transform:lowercase;background:url(../images/menu-leaf.png) 11px 20px no-repeat;}
.dropdown-menu{left:auto;padding:0;}
.navbar-nav>li>a{padding:18px 8px;font-weight:normal;text-rendering:optimizeSpeed;}
.dropdown-menu > li > a{padding: 12px 20px;}
.navbar-nav > li{border:none;}
.navbar-nav > li > a:hover {color: var(--ca-white) !important;background:var(--ca-black-pure) !important;}
.navbar-nav > li:hover > a{ background:var(--ca-black-pure) ; color:var(--ca-white) !important; }
.dropdown-menu > li > a:hover{background:var(--ca-navy); color:var(--ca-white) !important;}
.dropdown-menu > li:hover, .dropdown-menu > li:focus { background:var(--ca-navy) url(../images/menu-leaf.png) 11px 20px no-repeat;  color:var(--ca-white) !important; }
.navbar-nav > li > a.active  { background:var(--ca-black-pure) !important;color:var(--ca-white) !important;}
.navbar-nav > li > a.active  .sprite{ background-color: var(--ca-mustard) !important;color:var(--ca-white) !important;   opacity: 1; border: 4px solid var(--ca-mustard);}
.navbar-nav > li > a:hover .caret, .navbar-nav > li:hover > a .caret{transform:rotate(180deg);} 
.caret{transition:all ease 0.5s;}
.sprite { background: url('../images/menuicon.png') no-repeat top left; width: 24px; height: 24px; float: left; margin-right: 5px; opacity:0.3;transition:all ease 0.5s;border: 4px solid var(--ca-navy); box-sizing: content-box;    margin-top: -6px; } 
.dropdown-menu{background:var(--ca-black-pure) !important;font-family: 'museo700';font-size:20px;}
.navbar-nav > li > a:hover .sprite, .dropdown-menu > li > a:hover .sprite {opacity:1; background-color:var(--ca-mustard);border: 4px solid var(--ca-mustard); } 
.navbar-nav > li > a:hover .caret{transform:rotate(180deg);} 
.sprite.blogger16 { background-position: 0 0; } 
.sprite.businessman65 { background-position: -34px 0; } 
.sprite.cart3 { background-position: -68px 0; } 
.sprite.list6 { background-position: -102px 0; } 
.sprite.mail30 { background-position: -136px 0; } 
.sprite.mobile208 { background-position: -170px 0; } 
.sprite.monitor7 { background-position: -204px 0; } 
.sprite.painter14 { background-position: -238px 0; } 
.sprite.portfolio35 { background-position: -272px 0; } 
.sprite.responsive16 { background-position: -306px 0; } 
.sprite.shopping82 { background-position: -340px 0; } 
.sprite.spanner2 { background-position: -374px 0; } 
.sprite.web-programming { background-position: -408px 0; } 
.sprite.wordpress11 { background-position: -442px 0; } 
.sprite.cs-cart { background-position: -476px 0; } 
.sprite.magento { background-position: -510px 0; } 
.sprite.node { background-position: -544px 0; } 
.sprite.opencart { background-position: -578px 0; } 
.sprite.woo { background-position: -612px 0; } 
.single-post article .entry-content p{color:var(--ca-black-pure);}
.single-post .post-thumb{float:left;width:100%;margin-bottom: 15px;}
.single-post .post-thumb .post-thumbnail{margin:0px;}
.single-post .post-thumb .detail_image{position: relative; min-height: 300px; background: var(--ca-gray-250);}
.single-post .post-thumb .detail_image img{width: 100%}
.single-post .post-thumb .detail_image .caption{width:100%; position: absolute;bottom: 0;padding: 30PX;background: -moz-linear-gradient(top,  var(--ca-black-a0) 0%, var(--ca-black-a26) 26%, var(--ca-black-a92) 92%, var(--ca-black-pure) 100%);
background: -webkit-linear-gradient(top,  var(--ca-black-a0) 0%,var(--ca-black-a26) 26%,var(--ca-black-a92) 92%,var(--ca-black-pure) 100%);
background: linear-gradient(to bottom,  var(--ca-black-a0) 0%,var(--ca-black-a26) 26%,var(--ca-black-a92) 92%,var(--ca-black-pure) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--ca-black-a0)', endColorstr='var(--ca-black-pure)',GradientType=0 );}
.listing-page .blog-detail h1{color:var(--ca-white);font-size: 35px;margin-bottom: 18px;}
.single-post .detail_image .author_info a{display:flex;align-items: center;}
.single-post .detail_image .author_info figure{width:62px;height: 62px;overflow: hidden;border-radius: 50%;margin-right: 14px;}
.single-post .detail_image .author_info h3{color:var(--ca-white);font-size:18px;font-family: 'Montserrat', sans-serif;font-weight: 400; line-height:150%}
.single-post .detail_image .author_info h3 span{font-size:13px; display:block}
.single-post article .post-date{float:left;width:100%;border-bottom: 1px solid var(--ca-gray-470);padding-bottom: 6px;}
.single-post article .post-date p{margin:0px;font-size:.9375rem;}
.single-post article .post-date.new{display:flex;flex-wrap:wrap;padding-bottom: 0;}
.single-post article .post-date.new p{width:50%; margin-bottom: 15px;}
.single-post article .post-date.new p span{width:37px;height: 32px;display: inline-block;align-items: center;justify-content: center;color: var(--ca-navy);font-size:18px;font-family: 'museo700';background: var(--ca-button-green);vertical-align: middle;margin-right: 5px;text-align: center;line-height: 34px;}
.single-post article .post-date.new ul{width:50%;display:flex;justify-content:flex-end;margin-bottom: 0; margin-top: 0}
.single-post article .post-date.new ul li{background:none;margin-bottom: 0;margin-left: 10px;padding-bottom: 10px; display: block}
.single-post article .post-date.new ul li:first-child{margin-left:0}
.single-post article .post-date.new ul li a{font-size: 30px; color:var(--ca-gray-636)} 
.single-post article .post-date.new ul li a:hover{color:var(--ca-button-green)}
.single-post article .post-content p{margin-bottom:15px;}
.single-post article .post-date.new ul.social_new i.fa-linkedin-square{width:27px; height: 27px; background: url(../images/linkedin-icon.jpg) 0 0 no-repeat; display: block; margin-top:2px; }
.detail-listing ul{margin-top:30px;padding:0}
.detail-listing .detail-left ul li{background:url(../images/green-leaf2.png) left 5px no-repeat;padding:0 0 19px 45px;width:100%;float:left;line-height:160%;color:var(--ca-navy);list-style:none;text-align:justify}
.detail-listing .detail-right ul li{width:100%;display:block;line-height:30px;font-size:18px;color:var(--ca-button-green);list-style:none;margin-bottom:5px;} 
.widget_recent_entries .post-date{display: none!important}
#post-3042 h1{display: none}
.page-id-3042 .breadcrumb{opacity:0}
.new_cta_banner.type1 ul li:marker{display: none}
.new_cta_banner ul li{display: block}
.menu-bottom-part{display:none;}
.footer_logos.mobile{display:none;}
.form-control.d-flex.justify-content-start.align-items-center{padding:.75em;border:0;color:var(--ca-white);width:auto;height:auto;background:none;font-weight:normal;font-size:13px;line-height:1;}
@media screen and (min-width: 1025px) {
.dropup, .dropdown {position: static !important; }
}
.about_content h2{width:100%;text-align:left;text-decoration:none;font-weight:normal;font-size:26px;margin-top:10px;line-height:31px;}
.about_content h1{width:90%;float:left;text-align:left;text-decoration:none;font-size:43px;font-weight:normal;margin-bottom:25px !important;}
.about_content h3{width:88%;float:left;text-align:left;text-decoration:none;font-size:30px;font-weight:normal;margin-top:17px !important;}
.breadcrumb{padding:0px;}
.hentry+.hentry, .page-header+.hentry, .page-header+.page-content{margin-top:30px !important;}
.yarpp-related .yarpp-thumbnail-title{color:var(--ca-navy) !important;font-family:'latoregular' !important;}
.widget{float:left !important;width:100%;}
.mobile-bg.mobile-only{position:relative;right:inherit;bottom:inherit;}
.mobile-bg.mobile-only #owl-example2 .owl-nav{font-size:0;}
.mobile-bg.mobile-only #owl-example2 .owl-nav .owl-prev{background:url(../images/left_icon.png) no-repeat top center;width:64px;height:64px;position:absolute;left:-30%;top:35%;}
.mobile-bg.mobile-only #owl-example2 .owl-nav .owl-next{background:url(../images/right_icon.png) no-repeat top center;width:64px;height:64px;position:absolute;right:-30%;top:35%;}
.mobile-bg.mobile-only .owl-carousel .owl-controls .owl-nav .owl-prev, .mobile-bg.mobile-only .owl-carousel .owl-controls .owl-nav .owl-next{display:block !important;}
.mobile-bg.mobile-only #owl-example2 .owl-controls{display:block !important;}
/*************************** blog section ********************/
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name span{line-height: 120%} 
.blog_header{width:100%;float:left;background:url(../images/blog-header.jpg) 100% 100% no-repeat;background-size:contain;height:178px;}
.blog_header .page-title{text-transform:uppercase;font-size:40px;font-family:'ralewayregular', sans-serif;}
#search-2 h2{margin:0;padding:0;display:none;}
.search-form label{display:block;}
.read-more{border-bottom:1px solid var(--ca-navy);}
.yarpp-thumbnails-horizontal{margin:10px 0 20px;}
.yarpp-related .yarpp-promote{display:none;}
.relatedpost{margin-bottom:0px;}
.relatedpost img{max-width:100%;min-height:146px;margin-bottom:15px;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{width:180px;}
article.post{float:left;width:100%;}
.blog article.post, .search article.post, .date article.post, .category article.post{border-bottom:1px dashed var(--ca-green-muted);width:100%;}
.blog article.post h2 a, .search article.post h2 a, .date article.post h2 a, .category article.post h2 a{color:var(--ca-navy) !important;}
.post-thumbnail img{width:100%;display:block;margin:0 auto;}
.post-thumbnail-list{float:left;margin-bottom:20px;margin-right:3%;}
.blog-listing .post-thumbnail-list{width:195px;}
.author-avatar{width:76px;float:left;}
.author-avatar img{width:70px;float:left;margin-bottom:10px;}
.hentry.has-post-thumbnail ul, .single-post .entry-content .post-content ul{margin:0px;padding:0 0 0 0px; clear:both;margin-bottom:1.6842em;}
.hentry.has-post-thumbnail li, .single-post .entry-content .post-content ul li{background:url(../images/pink-arrow.png) left 10px no-repeat;padding:0px 0px 5px 18px;margin-bottom:5px;line-height:1.8;list-style:none;}
.blog .pagination .page-numbers, .search .pagination .page-numbers, .date .pagination .page-numbers, .category .pagination .page-numbers{background-color:var(--ca-gray-242);padding:0 20px;}
.blog .pagination .page-numbers:hover, .search .pagination .page-numbers:hover, .date .pagination .page-numbers:hover, .category .pagination .page-numbers:hover{background-color:var(--ca-green-olive);color:var(--ca-white);}
.blog .pagination .page-numbers.current, .search .pagination .page-numbers.current, .date .pagination .page-numbers.current, .category .pagination .page-numbers.current{background-color:var(--ca-green-olive);color:var(--ca-white);}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{border:none!important;margin:0!important;vertical-align:top;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail img{border:10px solid var(--ca-gray-242);}
/*************************** / blog section ********************/
.readmorebtn{font-size:16px;font-family:"museo700";float:right;}
.readmorebtn>a{color:var(--ca-navy);float:left;padding:15px 0px;text-decoration:none;}
.readmorebtn>a:hover{color:var(--ca-button-green);}
.entry-content a.more-link{display:none;}
.post-thumbnail{margin-bottom:20px;}
.pagination{float:right;margin:20px 0 !important;}
.next.page-numbers{right:auto !important;}
.navigation.pagination{float:left !important;}
.prev.page-numbers, .next.page-numbers{display:none !important;}
.about_content h1.blog_title{text-align:left;text-decoration:none;font-family:museo700, sarif;font-size:22px;margin:17px 0 10px 10px !important;color:var(--ca-navy);font-weight:400;float:left;width:auto;line-height:inherit !important;text-transform:capitalize;}
*{line-height:1;}
body{font-family:'Montserrat', sans-serif;margin:0;padding:140px 0 0;color:var(--ca-black-pure);font-weight:400;}
body.single-case-studies{padding-top:0 !important;}
body.is_open{overflow:hidden;height:100vh;}
h1, h2, h3, h4, h5, h6{line-height:1.2;margin-top:0px;font-family:'Museo500';}
h3{line-height:1.2;margin-top:0px;}
h1{font-size: 2.3rem;font-weight:500;}
h3{font-size:1.5rem;font-weight:500;margin-bottom:15px;}
h4{font-size:1rem;margin-top:0px; margin-bottom: 15px; font-family:"museo700";}
h5{font-size:1rem;margin-top:0px; margin-bottom: 15px; font-family:"museo700";}
.single-post article .entry-content h4{font-size:15px;}
body{font-size:15px;}
p{font-size: 15px;line-height: 170%;margin-top:0;}
img{max-width:100%;}
.padding_right{padding-right:30px;}
.padding_left{padding-left:30px;}
.container{margin:0 auto; max-width:1230px; padding:0 15px; width:100%}
.mini-container{margin:0px auto;max-width:1200px;width:100%;clear:both;padding:0px;}
figure{margin:0px;}
.d-block{display:block;}
.white{color:var(--ca-white);}
.leaf{position:relative;display:inline-block;line-height:inherit;}
.leaf:after{content:"";background:url(../images/icons/leaf.svg) left top no-repeat;top:inherit;width:20px;height:20px;position:absolute;line-height:1;top:unset;margin-left:5px;background-size:100%;bottom:9px;}
.mar-0{margin:0;}
.mar-t-0{margin-top:0px !important;}
.mar-t-100{margin-top:8.3%;}
.mar-b-100{margin-bottom:8.3%;}
.mar-t-70{margin-top:4.6%;}
.mar-b-70n{margin-bottom:-5%;}
.mar-t-30{margin-top:30px !important;}
.mar-t-40{margin-top:40px;}
.mar-b-20{margin-bottom:20px;}
.mar-b-15{margin-bottom:15px;}
.mar-b-40{margin-bottom:40px !important;}
.mar-b-70{margin-bottom: 3.5% !important;}
.mar-b-30{margin-bottom:30px !important;}
.mar-b-15{margin-bottom:15px;}
.mar-30n{margin:0px -30px;}
.bod-top{border-top:1px solid var(--ca-gray-392);text-align: center;}
.text-center{text-align:center;}
.btn{border:0px none;border-radius:0px;font-size:1.2rem;font-weight:700;line-height:60px;height:60px;display:inline-block;text-align:center;text-transform:uppercase;padding:0 2.5rem;color:var(--ca-white);text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:relative;overflow:hidden;}
.btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:var(--ca-black-a15);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(13%, 190%) rotate(-30deg);transform:translate(13%, 190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);}
.btn::before{-webkit-transition-delay:0.2s;transition-delay:0.2s;opacity: 0;}
.btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:var(--ca-black-a15);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(-13%, -190%) rotate(-30deg);transform:translate(-13%, -190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);opacity: 0;}
.btn:hover::before, .btn:hover::after{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity: 1;}
.btn span{position:relative;z-index:2;}
.btn-purple{background-color:var(--ca-navy);border:1px solid var(--ca-navy);}
.btn-border-green{background-color:transparent;color:var(--ca-black-pure);border:2px solid var(--ca-button-green);}
.btn-border-green:hover{background-color:var(--ca-button-green);color:var(--ca-white);}
.btn-green{background-color:var(--ca-button-green);border:1px solid var(--ca-button-green);color:var(--ca-black-pure);}
.btn-green:hover{color:var(--ca-white);}
.wrapper{float:left;width:100%;}
.small-btn{font-size:.9rem;line-height:46px;height:46px;padding:0 1.4rem}
.purple{background:var(--ca-navy);}
.purple .btn{color:var(--ca-white) !important;}
header, footer{float:left;width:100%;}
.inlineBlock{display:inline-block !important;}
.block-hidden{display:block;overflow:hidden;}
label{margin:0px;}
.header.blog-header{background:var(--ca-navy);position:fixed;}
strong{font-weight:500;}
.herobanner{background:url(../images/background/casestudy-banner.jpg) center center no-repeat var(--ca-gray-800);min-height:100vh;background-size:cover;float:left;width:100%;position:relative;padding-top:12.5%;padding-bottom:3.5%;}
.herobanner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ca-black-a70);}
.herobanner .herobanner-content .banner-logo{max-width:30%;margin-bottom:30px;}
.herobanner .herobanner-content{float:left;width:100%;padding:0px 10%;position:relative;}
.herobanner .herobanner-content h1{color:var(--ca-button-green);text-transform:uppercase;}
.herobanner .herobanner-content h1 span{color:var(--ca-white);font-family:museo300;display:block;font-weight:normal;font-size:3.437rem;}
.herobanner .herobanner-content p{color:var(--ca-white);font-size:1.675rem;padding:0px 13%;width:75%;display:inline-block;}
.herobanner.case-innerpage-banner{padding-top:30%;min-height:inherit;}
.herobanner.case-innerpage-banner .herobanner-content{position:absolute;top:50%;transform:translate(-50%, -30%);width:100%;left:50%;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex{float:left;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-img{float:left;text-align:center;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont{display:block;overflow:hidden;width:80%;margin-left:4%;padding-left:5%;border-left:1px solid var(--ca-white-a30);}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1{margin-bottom:15px;line-height:1;font-family:museo700;text-transform:inherit;color:inherit;font-size:4rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont p{padding:0px;width:100%;margin:0px;font-size:1.3rem;line-height:1.4;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm{padding:0px !important;width:80%;margin:0px !important;border:0px none !important;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p{width:80%;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{margin-bottom:30px;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name{color:var(--ca-button-green);font-size:1.325rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name span{font-size:.925rem;color:var(--ca-white);}
.main-content{float:left;width:100%;}
.main-content>.container>section{float:left;width:100%;}
.list-items-leaf{display:flex;flex-wrap:wrap;margin:0px -15px;}
.list-items-leaf ul{margin:0px;padding:0px;}
.list-items-leaf ul li{position:relative; display:block; padding-left:55px; margin-top: 20px; line-height:150%}
.list-items-leaf ul li:before{content:"";background:url(../images/icons/css-sprites.png) left top no-repeat;background-position:-238px -197px;width:42px;height:42px;position:absolute;left:0px;top:-8px;transform:scale(.8);}
.list-items-leaf h6{color:var(--ca-green-light);font-size:2.375rem;}
.listing-page .blog-listing{padding-right:3%;}
.listing-page .sidebar{float:right;width:100%;max-width:320px;}
.listing-page .secondary .widget_search{float:left;width:100%;padding:10px;background:var(--ca-gray-150);position:relative;margin-bottom:50px;}
.listing-page .secondary .widget_search *{outline:none;}
.listing-page .secondary .widget_search .swidget-title, .listing-page .secondary .widget_search .screen-reader-text{display:none;}
.listing-page .secondary .widget_search .search-field{background:transparent;font-size:0.875rem;border:0px none;padding-right:66px;width:100%;line-height:56px;height:45px;text-transform:uppercase;}
.listing-page .secondary .widget_search .search-submit{position:absolute;top:10px;right:10px;bottom:10px;cursor:pointer;height:auto;padding:0px;width:56px;background:url(../images/icons/search-icon.png) center center no-repeat var(--ca-button-green);border:0px none;text-indent:-9999px;display:block;overflow:hidden; opacity: 0}
.listing-page .secondary .leaf{padding:0px;letter-spacing:0;}
.listing-page .secondary .leaf:after{margin:-18px 0px 0px 0px;transform:scale(.8);}
.listing-page .secondary .widget_categories, .listing-page .secondary .widget_archive, .widget.widget_lc_taxonomy{float:left;width:100%;margin-bottom:30px;}
.listing-page .secondary .widget_categories ul, .listing-page .secondary .widget_archive ul, .widget_lc_taxonomy ul{padding:0px;list-style:none;}
.listing-page .secondary .widget_categories ul li, .listing-page .secondary .widget_archive ul li, .widget_lc_taxonomy ul li{display:block;padding:12px 0px;border-bottom:1px solid var(--ca-gray-392);}
.listing-page .secondary .widget_categories ul li a, .listing-page .secondary .widget_archive ul li a, .widget_lc_taxonomy ul li a{color:var(--ca-black-pure);text-decoration:none;display:block;}
.listing-page .secondary .widget_categories ul li a:hover, .listing-page .secondary .widget_archive ul li a:hover, .widget_lc_taxonomy ul li a:hover{color:var(--ca-button-green);}
/* .listing-page .secondary .s2_form_widget{float:left;width:100%;border: 3px solid var(--ca-navy);padding: 30px 30px;background: url('https://www.chilliapple.newsoftdemo.info/blog/wp-content/uploads/2022/04/newsletter-bg.png') top center no-repeat var(--ca-navy);color: var(--ca-white);background-size: cover;} */
.listing-page .secondary .s2_form_widget{float:left;width:100%;border: 3px solid var(--ca-gray-390);padding: 30px 30px;background: url(https://www.chilliapple.co.uk/blog/app/uploads/2023/04/stayInTouchBg.png) top center no-repeat var(--ca-gray-390);
    color: var(--ca-black-pure);background-size: cover;}
.listing-page .secondary .s2_form_widget br{margin:10px 0; display: block!important;}
.listing-page .secondary .s2_form_widget .search, .listing-page .secondary .s2_form_widget .subscribe-section{line-height: 170%;font-size: 13px;}
.listing-page .secondary .s2_form_widget h2.widget-title{margin-bottom: 15px;text-align: left;     font-size: 1.3rem;font-weight: 600;}
.listing-page .secondary .s2_form_widget label{position: absolute;z-index: -999;}
 .listing-page .secondary .s2_form_widget br{display:none;}
.listing-page .secondary .s2_form_widget p{float:left;width:100%;text-align: left;margin:0px;}
.listing-page .secondary .s2_form_widget p input[type="email"]{color:var(--ca-black-pure); float:left;width:100%;margin-bottom:15px;font-size:0.875rem;background: var(--ca-white);border:0px none;outline:none;text-align:center;padding:0px 10px;height: 44px;line-height:44px;border-radius: 6px; }
.listing-page .secondary .s2_form_widget input[type="submit"]{border:0px none;font-weight:700;font-size: 0.85rem;line-height:50px;height: 48px;padding:0px 1.5rem;display:inline-block;text-align:center;text-transform:uppercase;padding: 0 2rem;color:var(--ca-white);text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;background-color:var(--ca-navy);border:1px solid var(--ca-navy);width: 100%;border-radius: 6px;}
.listing-page .secondary h2.widget-title{position:relative;font-size: 1.4rem;}
.listing-page .secondary h2.widget-title:after{content:"";background:url(../images/icons/leaf.svg) left top no-repeat;width:24px;height:24px;position:absolute;margin:0px;bottom:1px;transform:scale(0.6);line-height:1;}
.listing-page .blog-detail h1{font-size: 1.8em; line-height: 1.3;}
.blog-listing .leaf{padding-left:0px;}
.blog-list{display:flex;flex-wrap:wrap;background:var(--ca-gray-150);margin-bottom:3.6%; border:1px solid var(--ca-gray-150)} 
.blog-list:last-child{margin-bottom:0px;}
.blog-list .image{float:left;width:50%;position:relative; overflow: hidden}
.blog-list .image img{display:block;position:absolute;height:100%;width:auto;max-width:inherit;left:50%;top:50%;transform:translate(-50%,-50%);}
.blog-list .content{float:left;width:50%;padding:3%;min-height: 300px;}
.blog-list .content h3{margin-bottom:5px;font-size: 1.3rem;font-weight:normal;}
.blog-list .content h3 a{color:var(--ca-black-pure);}
.blog-list .content p.small{font-size:0.9rem;margin-bottom:15px;margin-top:0px;border:0px none;}
.blog-list .content .entry-content .blog-list .content .entry-content p{letter-spacing:0px;margin-bottom:0px;}
.blog-list .btn-cont.mar-t-30{margin-top: 20px!important}
.single-post article .entry-content p{color:var(--ca-black-pure);}
.single-post article .post-date{float:left;width:100%;}
.single-post article .post-date p{margin:0px;font-size:.9375rem;}
.single-post article .post-content{float:left;width:100%;}
/*.single-post article .post-content p{margin-bottom:40px;}*/
.single-post article .post-content blockquote{background:var(--ca-green-pale);display:block;clear:both;margin:0px 0px 40px;padding:2% 3.5%;}
.single-post article .post-content blockquote:not(.quote) p{font-size:1.3125rem;line-height:1.4;margin:0px 0px 15px;}
.single-post article .post-content blockquote:not(.quote) p strong{margin-bottom:20px;display:inline-block;}
.single-post article .yarpp-related,.page article .yarpp-related{float:left;width:100%;margin-top:70px;}
.single-post article #socialButtonOnPage .csbwfs-sbutton-post a,.page article #socialButtonOnPage .csbwfs-sbutton-post a{width:inherit;text-align:left;}
.single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-fb img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-tw img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-li img, .page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-fb img, .page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-tw img, .page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-li img{width:auto;height:auto;max-height:45px;}
.single-post article .leftSocialButtonOnPage{padding:10px 30px;background-color:var(--ca-gray-230);}
.single-post article .leftSocialButtonOnPage .csbwfs-sbutton-post{padding:0px;margin:0px 2px;}
.single-post article .leftSocialButtonOnPage .csbwfs-sbutton-post:first-child{margin-left:0px;}
.single-post article .leftSocialButtonOnPage .csbwfs-sbutton-post:last-child{margin-right:0px;}
.page article .leftSocialButtonOnPage{padding:10px 30px;background-color:var(--ca-gray-230);}
.page article .leftSocialButtonOnPage .csbwfs-sbutton-post{padding:0px;margin:0px 2px;}
.page article .leftSocialButtonOnPage .csbwfs-sbutton-post:first-child{margin-left:0px;}
.page article .leftSocialButtonOnPage .csbwfs-sbutton-post:last-child{margin-right:0px;}
.single-post article .yarpp-related>h3{margin-bottom:50px;font-weight:normal;position:relative;font-size:1.75rem;}
.single-post article .yarpp-related>h3 .leaf:after{content:"";background:url(../images/icons/css-sprites.png) left top no-repeat;background-position:-238px -192px;width:42px;height:50px;position:absolute;margin:0px;top:-30px;transform:scale(0.8);line-height:1;}
.footer{float:left;width:100%;}
.footer .lets-talk{float:left;width:100%;position:relative;padding:5% 0 3%;background:url(../images/background/footer-image-n.webp) center center no-repeat;background-size:cover;overflow:hidden;}
.footer .lets-talk h2{position:relative;z-index:1;}
.footer .lets-talk:before{position:absolute;content:"";top:0px;left:0px;right:0px;bottom:0px;background:var(--ca-black-a65);}
.footer .lets-talk .lets-talk-add{float:left;width:45%;padding:0px 30px;position:relative;z-index:1;}
.footer .lets-talk .contact-form{float:left;width:55%;padding:30px;z-index:1;position:relative;border:1px solid var(--ca-white-a30);}
.footer .lets-talk .lets-talk-add .contact-mail{font-size:1.12rem;color:var(--ca-white);float:left;width:100%;padding:20px 0px;letter-spacing:1.5px;}
.footer .lets-talk .lets-talk-add .contact-mail a{color:var(--ca-white);text-decoration:none;outline:none;}
.footer .lets-talk .lets-talk-add .contact-mail+.contact-mail{border-top:1px solid var(--ca-white-a20);}
.footer .lets-talk .lets-talk-add .contact-mail strong{display:block;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img{float:left;width:60px;height:60px;margin-right:20px;position:relative;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us span{float:left;margin:5px 20px 0px 0px;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-content {  display: block; overflow: hidden; line-height: 1.5; font-size: 1.125rem;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-content span {  text-transform: uppercase;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-content strong {  font-size: 1.1rem; line-height: 26px;font-weight: 600;letter-spacing: 0px;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us ul{margin:0px;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us ul li{float:left;display:block;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us ul li+li{margin-left:10%;}
.contact-form .fields{float:left;width:100%;}
.contact-form .form-field{float:left;width:100%;font-size:13px;border:1px solid var(--ca-gray-450);padding:0px 15px;margin-bottom:8px;background-color:var(--ca-white);color:var(--ca-black-pure);}
.contact-form input.form-field{line-height:50px;height:50px;}
.contact-form select.form-field{line-height:50px;height:50px;}
.contact-form textarea.form-field{padding-top:20px;padding-bottom:20px;}
.contact-form .recap-cha{float:left;margin-right:8px;}
.contact-form .btn-green{font-size:1rem;line-height:50px;margin-top:10px;height:50px;padding:0px 1.5rem;color: var(--ca-white);}
.contact-form #mail-status{color:var(--ca-white);padding:0px 15px;display:none;margin-bottom:15px;text-align:center;}
.contact-form #mail-status.error{background:var(--ca-error-a67);display:block;padding:10px 0;margin-top:30px;}
.contact-form #mail-status.success{background-color:var(--ca-success-a67);display:block;padding:10px 0;margin-top:10px;}
.footer .footer-slider{float:left;width:100%;background:var(--ca-navy);padding:30px 0px;}
.footer .footer-slider .herobanner-slider{float:left;}
.footer .footer-slider .herobanner-slider img{max-width:80%;display:inline-block;width:auto;}
.footer .footer-slider .herobanner-slider .owl-stage{display:flex;}
.footer .footer-slider .herobanner-slider .owl-item+.owl-item:before{content:"";position:absolute;top:10%;bottom:10%;width:1px;left:0px;background:var(--ca-white);opacity:.1;}
.footer .copyright{float:left;width:100%;background:var(--ca-copyright-bg);color:var(--ca-white);padding:21px 0px;}
.footer .copyright p{font-size:13px;margin:0px;}
.footer .copyright p a{color:var(--ca-white);text-decoration:none;padding: 0 5px;}
.footer .copyright p a:hover{text-decoration:underline;}
.blog .navigation, .search .navigation{width:100%;}
.casestudy-list-inner .row{display:block;flex-wrap:wrap;}
.casestudy-list-inner .row:nth-child(2n){flex-direction:row-reverse;}
.full_pic img{width:auto;max-width:100%;}
.casestudy-list-inner .wp-project{float:left;width:100%;overflow:hidden;position:relative;}
.casestudy-list-inner .wp-project .wp-pro-img{float:left;width:100%;overflow:hidden;position:relative;background:var(--ca-gray-230);}
.casestudy-list-inner .wp-project .wp-pro-img img{display:block;position:absolute;transition:2.5s;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);min-width:100%;height: 100%;object-fit: cover;}
.casestudy-list-inner .wp-project .wp-pro-cont img.pro-platform{position:absolute;top:-80px;}
.casestudy-list-inner .wp-project .wp-pro-cont{position:absolute;bottom:-100%;transition:1s;padding:30px;left:0px;right:0px;}
.casestudy-list-inner .wp-project:hover .wp-pro-cont{bottom:0px;}
.casestudy-list-inner .wp-project:hover .wp-pro-img img{transform:translate(-50%, -50%) scale(1.05);}
.casestudy-list-inner .wp-project .wp-pro-img.big-image{padding-top:135%}
.casestudy-list-inner .wp-project .wp-pro-img.small-image{padding-top:calc(67.5% - 15px);}
.main-content .case-studies-detail{border-top:0px solid var(--ca-button-green);padding:0px;}
.main-content .case-studies-detail:before{display:none;}
.main-content .heading-h2{width:100%;}
.main-content div:not(.requirments) .heading-h2 h2{font-size: 2rem;font-weight:500;}
.main-content .case-studies-detail .leaf:after{right:inherit;}
.main-content .detail-listing h3{font-family:museo500;font-weight:500;font-size: 2rem;color:inherit;text-transform:inherit;margin-bottom: 0;}
.main-content .detail-right.platform_used{margin:0px;}
.main-content .detail-right.platform_used.mar-b-70{margin-bottom:50px !important;}
.main-content .detail-right.platform_used.mar-b-70:first-child{margin-bottom:30px !important;}
.main-content .detail-right.platform_used.mar-b-70:last-child{margin-bottom:0px !important;}
.main-content .detail-listing .detail-right ul li{color:inherit;font-family:inherit;font-weight:500;position:relative;text-align:left;padding-left:15px;}
.main-content .detail-listing .detail-right ul li:before{content:"-";position:absolute;left:0px;}
.main-content .detail-listing .detail-right .leaf:after{transform:scale(.8);margin-right:0px;}
.main-content .detail-listing .detail-left ul{margin:0px 0px 30px;padding:0 0 0 0px;float:left;width:100%;}
.main-content .detail-listing .detail-left ul li{color:inherit;/*padding:0 0 5px 40px;*/background-position:left 0px;}
.main-content .detail-listing .detail-left ul li strong{font-weight:600;}
.detail-slider {position: relative;margin: 37px 0 65px;}
.main-content .detail-slider{margin-left:auto;margin-right:auto;max-width:100%;display: inline-block;}
.macbg{background:url(../images/mac-bg12.webp) no-repeat 0 0;width:956px;height:729px;display:block;margin:0 auto;padding:30px 0}
.mobile-bg{background:url(../images/moblie-bg1.webp) no-repeat 0 0;width:198px;height:394px;display:block;margin:0 auto;padding:30px 0;position:absolute;right:55px;bottom:-2px;z-index:1}
.mobile-bg1{background:url(../images/moblie-bg1.webp) no-repeat 0 0;width:198px;height:394px;display:block;margin:0 auto;padding:30px 0;right:55px;bottom:-2px;z-index:1;display:none}
.mobile-bg2{background:url(../images/moblie-bg2.webp) no-repeat 0 0;width:613px;height:505px;display:block;margin:0 auto;padding:65px 0;z-index:1;text-align:left}
.grey_bg h2{font-size:47px;color:var(--ca-navy);font-family:museo700;margin:0}
.grey_bg hr{border-top:1px solid var(--ca-gray-720-a20);margin-bottom:37px}
#owl-example1 .owl-item img{width:auto;margin:8px 34px}
#owl-example2 .owl-item img{margin:27px 21px;position:relative;width:157px;height:280px;}
#owl-example1 .owl-nav{font-size:0}
#owl-example1 .owl-nav .owl-prev{background:url(../images/left_icon.png) no-repeat top center;width:64px;height:64px;position:absolute;left:-15%;top:35%; font-size:0;}
#owl-example1 .owl-nav .owl-next{font-size:0; background:url(../images/right_icon.png) no-repeat top center;width:64px;height:64px;position:absolute;right:-15%;top:35%}.social-detail{margin:30px 0 20px}.social-detail a{margin:0 22px}.social-detail a:hover{opacity:.5}.case-studies-detail .leaf:after,.purpleleaf:after,.whiteleaf:after{right:-5px}
.both-side-padding{padding:0 140px;}
.post-content table{margin-bottom:30px;border-color:var(--ca-gray-520);height:auto !important;width:100%;}
.post-content table td{padding:10px 10px;line-height:1.8;}
.csbwfs-fb a{background:none repeat scroll 0 0 var(--ca-blue-steel) !important;}
.csbwfs-tw a{background:none repeat scroll 0 0 var(--ca-black-pure) !important;}
.csbwfs-li a{background:none repeat scroll 0 0 var(--ca-linkedin) !important;}
.detail-listing ul{margin-top: 20px;padding:0;}
.detail-listing .detail-right ul li{width:100%;display:block;line-height:26px;font-size:16px;color:var(--ca-button-green);list-style:none;margin-bottom:10px;font-family:latobold;}
.platform_icon_small{position:absolute;right:10px;top:10px;z-index:1;}
.platform_used_inner{margin:30px 0;background:var(--ca-gray-240);width:80%;text-align:center;padding:30px 0;}
.platform_icon_small img{max-width:100px;}
.fof img { max-width: 754px;width: 70%; }
.fof h2 {font-size: 2.375rem; font-weight: 500; margin-top: 30px; }
body.error404 h1 { color: var(--ca-button-green); font-size: 3.75rem; margin-bottom: 10px;}
.fofbox { float: left; width: 100%; }
.fofbox p { font-size: 1.25rem; }
.fofbox .call-info { display: flex;flex-wrap: wrap; text-align: center; min-width: 100%; margin-left: -3px; margin-right: -3px; justify-content: center; }
.fofbox .call-info span.call:before { content: "";  background: url(../images/icons/css-sprites.png) top left no-repeat;  float: left;  width: 20px;  height: 17px;  margin-right: 10px;  background-position: -237px -255px;  position: relative}
.fofbox .call-info span.mail:before { content: "";  background: url(../images/icons/css-sprites.png) top left no-repeat;  float: left;  width: 20px;  height: 17px;  margin-right: 10px;  background-position: -262px -255px;  position: relative}
.fofbox .call-info span { font-size: 1.12rem; width: auto;  color: var(--ca-white);  margin: 3px; padding:10px 30px; border-radius:30px; background: var(--ca-navy);  float: left;  letter-spacing: 1.5px}
.fofbox .call-info span a { color: var(--ca-white);  text-decoration: none;  font-weight: 600;}
.post-content {counter-reset: num;}
.post-content h3.count::before {counter-increment: num; content: counter(num); margin-right: 10px; display: inline-block;}
.hentry.has-post-thumbnail ol.num-list { padding-left: 0px; margin-bottom: 30px; }
.hentry.has-post-thumbnail ol.num-list > li ul, .hentry.has-post-thumbnail ol.num-list > li ol {margin-top: 15px; }
.hentry.has-post-thumbnail ol.num-list > li {list-style: inside decimal; display: list-item; padding-left: 0px; background: transparent; }
.hentry.has-post-thumbnail p strong, .hentry.has-post-thumbnail p b { font-weight: 600; }
.single-post article .post-content blockquote p:last-child { margin-bottom:0px; }
.single-post article .post-content blockquote.quote {background: var(--ca-white); display: block; clear: both; margin: 0px; padding: 1.5% 2.5%; position: relative; font-size: 1em; }
.single-post article .post-content blockquote.quote:last-child { margin-bottom: 40px; }
.single-post article .post-content blockquote.quote:after, .single-post article .post-content blockquote.quote:before { left:0; content: ""; position: absolute; top: 0; width: 60px; height: 60px; background: url(../images/quotes.png) center center no-repeat; background-size: contain;  }
.single-post article .post-content blockquote.quote:after { top:initial; bottom: 0px; left: initial; right: 0; transform: rotate(180deg);}
.single-post article .post-content blockquote.quote p strong {display: block; margin-top: 20px; margin-bottom: 0px; color: var(--ca-navy); text-align: right; line-height: 1.4; }
.single-post article .post-content blockquote.quote p strong small {color: var(--ca-black-pure); display: inline-block; }
.single-post article .post-content a { color: var(--ca-navy); font-weight: 500; }
.single-post article .post-content a:hover { text-decoration: underline; }
.detail-listing h2 { text-align: left; padding-left: 0px; } 
.navigation ul { padding-left:0; }
.navigation ul li a { display: inline-block; }
.archive .navigation {margin: 50px 0;}
.alert-popup { position: fixed; display: none; font-size: 45px; left: 0; right: 0; bottom: 0; top: 0; z-index: 11;}
.alert-popup .alert-box {position: absolute; padding: 0; top: 50%; left: 50%; width: 80%; max-width: 650px; background: var(--ca-white); transform: translate(-50%,-50%); display: flex; flex-wrap: wrap;}
.alert-popup .alert-box p { font-size: 17px; letter-spacing: initial; font-weight: 400; margin:0; line-height: 1.4;}
.alert-popup .popup-close { position: absolute; transform: translate(0%, 0%); cursor: pointer; right: 10px; padding: 10px 4px; border: 2px solid var(--ca-white); border-radius: 50px; top: 10px;}
.popup-close span {width: 14px; background: var(--ca-white); float: left; height: 2px; clear: both; }
.popup-close span + span {margin-top: -2px; }
.popup-close span:last-child {transform: rotate(-45deg); }
.popup-close span:first-child {transform: rotate(45deg); }
.alert-box-bg { background: var(--ca-black-a50); display: none;  left: 0; right: 0; bottom: 0; top: 0; position: fixed; z-index: 10; }
.btn-div {display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 20px; }
.alert-popup .btn {line-height: 40px; height: 40px; padding: 0 20px; font-size: 18px; text-transform: capitalize;}
.alert-box-header {margin: 0px; padding: 0px; background: var(--ca-navy); width: 170px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  }
.alert-popup .btn.btn-green:before, .alert-popup .btn.btn-green:after { display: none; }
.alert-popup .btn.btn-green {outline: 0px none;}
.alert-popup .btn.btn-green:hover {color: var(--ca-navy); background: var(--ca-lime); border-color: var(--ca-lime); }
.alert-box-content {flex: 1 0 0; padding: 20px; }
.alert-box-header img { max-width: 90px; }
.breadcrumb{float:left;width:100%;padding:15px 0;font-size:12px;background:none;margin:15px 0}
.breadcrumb ul{margin:0; padding:0; }
.breadcrumb ul li{list-style:none; display:inline-block; float:left; color:var(--ca-black-pure); position:relative; font-size:14px; }
.breadcrumb ul li a{color:var(--ca-black-pure); text-decoration:none; }
.breadcrumb ul li + li{padding-left:20px; margin-left:20px; }
.breadcrumb ul li + li:before{content:''; position:absolute; top:8px; left:0px; transform:translate(-50%,-50%) rotate(-45deg ); width:6px; height:5px; border-right:1px solid var(--ca-black-pure); border-bottom:1px solid var(--ca-black-pure); }
.breadcrumb ul li span{color:var(--ca-navy); }
.breadcrumb ul li a:hover{color:var(--ca-navy); }
.footer_location{display:flex; font-size: 13px; margin:8px 0 0; padding:0; justify-content: center; flex-wrap: wrap;gap:12px 0px;}
.footer_location li{display:block; margin:0 15px; position:relative}
.footer_location li:before{content:''; width:1px; height:14px; background:var(--ca-white); position:absolute; left:-15px; top:-1px }
.footer_location li:first-child:before{display:none}
.footer_logos{background: var(--ca-navy);padding:5px 0;position: relative;overflow: hidden;float: left;width: 100%;display: inline-block;min-height: 100px;}
.footer_logos:after{content:"";position:absolute;width:307px;height:100%;right:0;bottom:0; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="307" height="156" viewBox="0 0 307 156" fill="none"><path opacity="0.05" d="M210.484 212.359C320.969 112.428 306.361 0 306.361 0C306.361 0 295.94 19.7949 262.595 33.3272C190.695 63.5135 143.787 48.9278 65.6217 106.18C10.4095 146.775 1.02528 229.013 0 272.734C13.5262 240.466 38.5464 199.866 78.1534 169.681C148.554 116.927 189.124 113.506 189.634 113.465C189.349 113.601 141.553 136.55 84.4058 194.663C56.2733 222.767 41.6865 256.082 35.4209 275.86C37.4915 274.822 38.5444 273.771 40.6129 273.767C92.7241 251.907 154.216 264.407 210.484 212.359Z" fill="white"/></svg>');background-repeat: no-repeat; background-size: 100% 100%;}
.footer_logos ul{width: 94%;margin: 0 auto;}
.footer_logos .item-footer-logo{display: block;position:relative;overflow: hidden;padding: 0 20px;}
.footer_logos .item-footer-logo figure a svg{display:flex;width:85%;margin:0 auto;}
.footer_logos .owl-carousel .owl-item img {max-width:75%;display: inline-block; width: auto;}
.footer_logos  .item-footer-logo:before{content:"";position:absolute;top: 31px;width:1px;left:0;background:var(--ca-white);opacity:.1;height: 90px;}
.footer_logos .item-footer-logo figure{min-height:150px;display:flex;align-items:center;justify-content: center;text-align: center;}
.footer_logos .owl-carousel .owl-item:first-child li:before{display:none}
img {max-width: 100%;height: auto;width: auto;}
.footer_logos .owl-carousel .owl-stage{display: flex}
.new_cta_banner{background: url(https://www.chilliapple.co.uk/blog/app/uploads/2023/04/bottom-cta-bg.png); background-size: cover; padding: 32px 120px 35px; color:var(--ca-white);text-align: center; position:relative;margin: 30px 0 30px;overflow: hidden;}
.new_cta_banner .leaf:after{background-image: url(../images/small-leaf.png);background-position: center;bottom: 0;}
.new_cta_banner *{position:relative; z-index:1}
.single-post article .post-content .new_cta_banner p{margin:0}
.single-post .new_cta_banner h2, .new_cta_banner h2{/*font-family:'latoregular';font-family: 'Montserrat', sans-serif;*/font-family: 'Museo500'; font-size: 18px; line-height: 1.6;padding: 0;}
.single-post .new_cta_banner h2 strong, .new_cta_banner h2 strong{font-weight:700; /* display:block; */}
.new_cta_banner.default:after, .new_cta_banner.type2 .type2_img{background:url(../images/mobile-col-bg.png) 0 0 no-repeat; max-width:308px; height:215px; content:'';position: absolute;TOP: 32PX;right: -110PX; width: 100%}  
.new_cta_banner.type2 .type2_img{top:0; background: none}
.single-post article .post-content .new_cta_banner a.btn{color:var(--ca-navy); text-transform:uppercase; font-weight:700;font-family: 'Montserrat', sans-serif;font-size: 16px; text-decroration:none;/* height: auto; */}
.single-post .new_cta_banner h2 + small{display: block; line-height:160%; font-size:14px;} 
.new_cta_banner.default h2 + small{margin-bottom: 15px;}
.new_cta_banner.type1{padding:20px 15px}
.new_cta_banner.type1 ul{display: flex; justify-content: space-around; align-items: center;margin: 0 -15px; margin-bottom: 0!important}
.new_cta_banner.type1 ul li{padding: 0 15px; /* width:33.33%; */background: none;}
.new_cta_banner.type1 ul li h2{margin-bottom: 0;max-width: 350px;padding: 0;}
.new_cta_banner.type1 ul li:nth-child(3) img{max-width:160px;}
.new_cta_banner.type1.type2{min-height:190px; display: flex}
.new_cta_banner.type1.type2 ul{/*max-width: calc(100% - 175px);*/ width: 100%; margin: 0;} 
.single-post .entry-content .post-content .new_cta_banner.type1 ul li{background:none;padding-bottom: 0;margin-bottom: 0;}
.new_cta_banner.type1.type2 .small-btn{margin-left:20px;}
.new_cta_banner.type2:after{display: none}
.single-post article .post-content .new_cta_banner.type1 a.btn{padding:12px 15px; font-size:15px; margin-left: 10px; height: auto; line-height: 1; display: block}
.single-post article .post-content .new_cta_banner a.btn:before, .single-post article .post-content .new_cta_banner a.btn:after{opacity:0;background: var(--ca-green-moss);}
.single-post article .post-content .new_cta_banner a.btn:hover:before, .single-post article .post-content .new_cta_banner a.btn:hover:after{opacity:1}	
.single-post article .post-content .new_cta_banner a.btn:hover{text-decoration: none}
.free-cons-cta{width: 100%;height: auto;border: 3px solid var(--ca-button-green);text-align: center;padding: 37px;margin-bottom: 35px;background: url(/blog/app/uploads/2026/09/newsletter.webp) top center no-repeat var(--ca-navy);border: 3px solid var(--ca-navy);color: var(--ca-white);background-size: cover;}
.free-cons-cta .cta_image{padding:0;display: block;/* margin: -50px 0 0 0; */margin-bottom: 20px;}
.free-cons-cta p{font-weight: 500;line-height: 140%;font-family: 'Museo500';font-size: 22px;}
.free-cons-cta p:last-child{margin-bottom:0}
.free-cons-cta .small-btn{font-size: 0.8rem; line-height: 42px; height: 42px;background: var(--ca-green-olive);color: var(--ca-black-pure);}
.free-cons-cta .small-btn:hover, .listing-page .secondary .s2_form_widget input[type="submit"]:hover{color:var(--ca-white); background:var(--ca-button-green); border-color:var(--ca-button-green)} 
.sidebar_main .sticky{max-width:292.5px;}
#sidebarfixed.fixed { position:fixed; top:0;}
@supports (-webkit-hyphens:none) { 
.footer .lets-talk { background-image: url(../images/background/footer-bg.jpg)}
.mobile-bg2{background:url(../images/moblie-bg2.png) no-repeat 0 0;}	
.mobile-bg1{background:url(../images/moblie-bg1.png) no-repeat 0 0;}
.mobile-bg{background:url(../images/moblie-bg1.png) no-repeat 0 0;}	
.macbg{background:url(../images/mac-bg12.png) no-repeat 0 0;}	
}
@media screen and (min-width:1025px){
.list-items ul li p{font-size:1.375rem;line-height:1.5;}
.relative{position:relative !important;}
.header .nav ul li.technlogy_menu{text-align: center;}
.header .nav ul li.technlogy_menu .nav_heading{display:flex;justify-content: center;margin-bottom:0px;margin-top: 15px;}
.header .nav ul li.technlogy_menu .menu-circle{position:relative; }
.header .nav ul li.technlogy_menu .subdropdown_menu .h3{display:inline-block;padding-left: 15px;}
header ul#menu li.technlogy_menu .subdropdown_menu ul li{position:relative; margin:5px 0;}
header ul#menu li.technlogy_menu .subdropdown_menu ul li:before{content:''; background:url(../images/menu-leaf.png) 0 0 no-repeat; width:26px; height:24px; position:absolute; left:-30px; top:5px}
header ul#menu li.technlogy_menu .subdropdown_menu .col-3{margin-top:30px;}   
.subdropdown_menu .row .col-12{width: 100%}	
}
@media screen and (min-width:1200px){
.single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-fb img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-tw img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-li img{max-height:35px;}
.page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-fb img, .page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-tw img, .page article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-li img{max-height:35px;}
header ul#menu li .subdropdown_menu ul li>a{font-size:15px;}
.header .nav ul li.technlogy_menu .nav_heading{margin-top:30px}
header ul#menu li.technlogy_menu .subdropdown_menu ul li:before{left:-40px}	 
}
@media screen and ( max-width:1512px){
.leaf{padding:0px;}
.container{padding:0px 40px;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p{width:100%;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont p{font-size:1rem;}
}
@media screen and (max-width:1399px){
header ul#menu li .subdropdown_menu ul li>a{font-size:13px;}
}
@media screen and (max-width:1366px){
body{padding-top:157px;}
h3{font-size:1.625rem;}
.blog-list .image{width:100%;padding-top:60%;position:relative;overflow:hidden;}
.blog-list .image img{display:block;width:100%;position:absolute;height:100%;top:0%;left:50%;transform:translate(-50%, 0%);}
.blog-list .content{width:100%;min-height:inherit;}
.herobanner .herobanner-content p{width:100%;}
.herobanner .herobanner-content h1.mar-b-40, .herobanner .herobanner-content p.mar-b-70{margin-bottom:20px;}
html{font-size:13px;}
.herobanner.case-innerpage-banner{padding-top:35%;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us span{margin:11px 20px 0px 0px;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img.call, .footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img.mail{margin-top:-5px;}
header ul#menu li .subdropdown_menu ul li>a{padding-bottom:0;}
}
@media screen and (max-width: 1249px) {
.container {padding: 0 20px; }
}
@media screen and (max-width:1200px){
body{padding-top:127px;}
h3{font-size:1.25rem;margin-bottom:0.5rem;}
.single-post article .post-content p{font-size:14px;}	
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p{width:95%;font-size:13px;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{font-size:40px;}
.small-btn{font-size:0.8rem;line-height:30px;height:30px;padding:0px 1rem;}
.casestudy-list-inner .wp-project .wp-pro-cont img.pro-platform{top:-55px;transform:scale(.6);left:8px;}
.detail-listing .detail-left ul li {font-size: 15px;}	
}
@media screen and ( max-width:1024px){
 .header .nav ul li .mobile-a a{padding:initial;display:block}
body{padding-top:114px;}
.container{padding:0px 20px;}
.herobanner .herobanner-content h1 span{font-size:2.25rem;}
.mar-t-100{margin-top:5%;}
.mar-b-40{margin-bottom:25px;}
h1, .main-content  div:not(.requirments) .heading-h2 h2{font-size:2.125rem;}
.herobanner{padding-top:20%;}
.herobanner .herobanner-content p{padding:0;font-size:1.25rem;}
.footer .lets-talk .contact-form .form-field{line-height:40px;}
.footer .copyright{padding:15px 0px;}
.herobanner{min-height:inherit;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1, .herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span{font-size:4rem;}
.herobanner.case-innerpage-banner{padding-top:40%;}
.casestudy-list-inner .wp-project .wp-pro-cont{padding:5%;}
.casestudy-list-inner .wp-project .wp-pro-cont.purple{background:var(--ca-navy-a95);}
.casestudy-list-inner h2{padding-left:0px;margin-top:0px;}
header ul#menu li.technlogy_menu .subdropdown_menu ul{display: block!important}
header ul#menu li.technlogy_menu .nav_heading{display: none}
header ul#menu li.technlogy_menu .subdropdown_menu .col-3{ padding:0;}
header ul#menu li.technlogy_menu .subdropdown_menu .submenu{display: none}	
.contact_btn.mobile-contact-view.btn.btn-green.flt-left{height:40px;line-height:40px;border-radius:3px;}
.contact_btn.mobile-contact-view.btn.btn-green.flt-left a{color:var(--ca-black-80)}
}
@media screen and (min-width:992px) and (max-width:1024px){
.casestudy-list-inner h2{margin-bottom:10px;}
}
@media screen and (min-width:992px){
.listing-page .col-md-9.blog-listing{width:74.8%;}
}
@media screen and (min-width:768px) and ( max-width:1024px){
.relative{position:static !important;}
}
@media screen and (max-width:991px){
body{padding-top:100px;}
h1, .main-content  div:not(.requirments) .heading-h2 h2{font-size:2.875rem;}
.herobanner .herobanner-content{padding:0px 5%;}
.footer .lets-talk .lets-talk-add, .footer .lets-talk .contact-form{width:100%;}
.footer .lets-talk{padding-bottom:4.6%;}
.footer .copyright p, .footer_location{font-size:.8rem;}
.herobanner .herobanner-slider img{max-width:65%;}
.list-items-leaf h6{font-size:1.125rem;margin-bottom:1rem;}
.list-items-leaf ul li{padding-left:55px;margin-bottom:20px;margin-top:0px;}
.list-items-leaf ul li:before{transform:scale(.8);top:0px;}
.footer-talk{display:flex;flex-wrap:wrap;flex-direction:column-reverse;gap:30px;}
.footer .lets-talk .contact-form{padding:30px;margin-top:0px;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us span{float:left;margin:5px 0px 0px 0px;width:100%;text-align:center;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us ul{margin:15px 0 0 0;display:inline-block;width:100%;padding:0px;text-align:center;}
.footer .lets-talk .lets-talk-add .contact-mail.follow-us ul li{float:none;display:inline-block;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1, .herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span{font-size:3.5rem;}
.herobanner.case-innerpage-banner{padding-top:45%;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont p{font-size:1.125rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name{font-size:1.125rem;}
.list-items-leaf{margin:0px;}
.contact-form .mini-container{padding-left:22px;}
.contact-form .contact-inner{padding:20px 15px;}
.contact-form .contact-inner:after{border:2px solid var(--ca-button-green);transform:translate(-22px, 22px);}
.both-side-padding{padding:0 0px;}
.footer .lets-talk .lets-talk-add .contact-mail{padding:15px 0px;}
.col-sm-12.padding_right { padding-right: 15px; }
.col-sm-12.padding_left { padding-left: 15px; }
}
@media (max-width:990px){
.yarpp-related .yarpp-thumbnail-title{margin-bottom:30px !important;float:left !important;}
.secondary{margin:0px !important;padding:0px !important;display:block !important;}
.secondary .widget_search, .widget.widget_categories{margin-bottom:30px !important;}
.about_content h2{font-size:21px;line-height:25px;}
#archives-2>ul, #categories-2>ul{padding-left:15px !important;}
.readmorebtn{float:left;}
.author-avatar{display:none;}
.about_content h3{font-size:26px;line-height:32px;margin-bottom:20px;}
.copyright{margin-top:0px;}
}
@media screen and (max-width:767px){
body{padding-top:90px;}
.nav-open{overflow:hidden;position:fixed;width:100%;right:280px;}
h1, .main-content  div:not(.requirments) .heading-h2 h2{font-size:2.125rem;}
.herobanner{padding-top:20%;}
.herobanner .herobanner-slider .owl-item+.owl-item:before{display:none;}
.herobanner .herobanner-content p{font-size:1rem;}
.herobanner .mar-t-100{margin-top:0%;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img{transform:scale(.7);margin-right:5px;margin-top:-8px;}
.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img img{top:10px;left:0px;transform:translate(0, 0);}
.pad-5xp{padding:0px;}
.herobanner .herobanner-content{padding:0;}
h4{font-size:1.25rem;}
.list-items-leaf ul li{margin-bottom:10px;padding-left:45px;}
.list-items-leaf ul li:before{transform:scale(0.7);top:-12px;}
.list-items-leaf ul li h3{font-size:1rem;font-weight:500;}
.contact-form .mini-container{padding-left:0px;}
.contact-form .contact-inner{width:auto;min-width:100%;padding:30px 20px;margin:0px -20px;float:none;}
.contact-form .contact-inner:after{top:10px;left:10px;content:"";right:10px;bottom:10px;position:absolute;z-index:0;border:2px solid var(--ca-button-green);transform:translate(0, 0);}
#socialButtonOnPage{width:100%;}
.single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-fb img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-tw img, .single-post article #socialButtonOnPage .csbwfs-sbutton-post .csbwfs-li img{max-height:45px;}
.detail-listing.text-justify{text-align:inherit;}
.heading-h2{text-align:center;}
.main-content .detail-listing h3{font-size:1.675rem;}
.padding_right{padding-right:15px;}
.padding_left{padding-left:15px;}
.main-content .detail-listing h3.mar-b-30{margin-bottom:10px !important;}
.platform_used_inner{margin:15px 0px;width:100%;padding:15px 0;}
.main-content .detail-listing .detail-right ul li{font-size:14px;margin-bottom:0px;line-height:1.6;}
.main-content .detail-right.platform_used.mar-b-70{margin-bottom:0px !important;margin-top:30px;}
.casestudy-list-inner .wp-project .wp-pro-cont{bottom:0px;left:0px;right:0px;position:relative;float:left;width:100%;}
.casestudy-list-inner h2{padding:0px 46px;text-align:center;}
.casestudy-list-inner .wp-project .wp-pro-cont img.pro-platform{top:-60px;transform:scale(.7);}
.single-post article .leftSocialButtonOnPage .csbwfs-sbutton-post,.page article .leftSocialButtonOnPage .csbwfs-sbutton-post{padding:0px;margin:5px 0px;width:100%;}
.footer .footer-slider .herobanner-slider .owl-item+.owl-item:before{display:none;}
.herobanner.case-innerpage-banner{padding-top:65%;}
.herobanner.case-innerpage-banner .herobanner-content{top:43%;}
.footer .lets-talk .contact-form .recap-cha{float:none;display:inline-block;position:relative;left:50%;margin-right:0px;clear:both;transform:translate(-50%, 0px);}
.footer .lets-talk .contact-form .btn-green{float:none;position:relative;clear:both;left:50%;transform:translate(-50%, 0px);display:block;}
.main-content .bod-top .heading-h2 h2 {padding:0px 35px 0px 17.5px !important;}
.breadcrumb ul li+li{    padding-left: 10px; margin-left: 10px;}
.breadcrumb ul{display:flex}
.breadcrumb ul li{white-space:nowrap;}
.breadcrumb ul li:nth-child(3){white-space:nowrap; text-overflow: ellipsis; overflow: hidden}
.footer_logos ul li figure a svg{display:flex;width:85%;margin:0 auto;}
.footer_logos{display:none;}
 .footer_logos.mobile .logos-mobile-footer{display:flex;padding:0;flex-wrap:wrap;gap:16px 0;padding:20px 0;justify-content:center}
    .footer_logos .logos-mobile-footer .item{flex:0 0 33%;align-items:center;padding:0 16px}
   .footer_logos .logos-mobile-footer .item:first-child{flex:0 0 50%}
   .footer_logos .logos-mobile-footer .item figure{min-height:fit-content}
   .footer_logos .logos-mobile-footer .item svg{width:100%;height:100%}
 .footer_logos:after{display:none}
}
	@media(max-width:600px){
	.footer_location li{margin: 0 5px 10px;}
	.footer_location li:before{left:-5px; height: 10px;}
}
@media (max-width:479px){
body{padding-top:75px;}
.post-thumbnail-list{width:100%;float:left;}
.about_content h2{float:left;width:100%;line-height:24px;margin-bottom:10px;}
.entry-meta{float:left;margin-bottom:10px;}
.about_content h1{font-size:30px;line-height:36px;}
.about_content h3{font-size:22px;line-height:27px;margin-bottom:20px;}
.relatedpost{margin-bottom:-20px !important;}
.alert-box-header { padding: 20px 0; width: 100%; }
.alert-popup .alert-box p { text-align: center; }
.alert-popup .alert-box .btn-div { justify-content: center; }
}
@media screen and ( max-width:479px){
h1, .main-content  div:not(.requirments) .heading-h2 h2{font-size:1.825rem;padding:0 30px 0 0;}
.main-content .bod-top .heading-h2 h2 {padding:0px 30px 0px 15px !important;}
.mar-t-70{margin-top:10%;}
.mar-b-70{margin-bottom:10%;}
.herobanner{padding-top:30%;}
.footer .lets-talk{padding-top:10%;padding-bottom:10%;}
.herobanner .herobanner-content h1 span{font-size:1.5rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont{width:100%;margin-left:0px;padding-left:0px;border-left:0px none;margin-top:15px;padding-top:15px;border-top:1px solid var(--ca-white-a30);float:left;text-align:center;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-img{width:100%;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-img img{max-height:130px;max-width:150px;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex{flex-wrap:wrap;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm p.client-company-name{font-size:1rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont p{font-size:1rem;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1, .herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont h1 span{font-size:2.25rem;}
.herobanner.case-innerpage-banner .herobanner-content{transform:translate(-50%, -35%);}
.herobanner.case-innerpage-banner{padding-top:120%;}
.list-items-leaf ul li{padding-left:45px;}
.list-items-leaf ul li:before{transform:scale(.6);top:-8px;}
.main-content .detail-listing h3{font-size:1.375rem;}
.main-content .detail-listing .detail-right .leaf:after{transform:scale(.6);margin:-25px 0px 0px -5px;}
.footer .lets-talk .contact-form{padding:15px;margin-top:30px;}
}
.fof img{margin-bottom:20px;}
.fof p{text-transform:uppercase;}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{text-indent:-9999px;overflow:hidden;}
#nav-above.navigation{display: flex;width:100%;margin: 0;line-height: 150%;text-align: center;padding: 30px 0 0;}
#nav-above.navigation .nav-next{padding-left:20px; margin-left:20px;}  
.single-post article .leftSocialButtonOnPage,.page article .leftSocialButtonOnPage{padding:15px 20px}
#nav-above.navigation .nav-previous{width:50%;text-align:left;position: relative; padding-left:15px;}
#nav-above.navigation .nav-next{width:50%;  text-align:right; position:relative; padding-right:15px;}
#nav-above.navigation .nav-previous i{font-style:normal; position:absolute; left:0; top:3px}
#nav-above.navigation .nav-next i{font-style:normal; position:absolute; right:0; top:3px}
#nav-above.navigation .nav-next a, #nav-above.navigation .nav-previous a{/* background:var(--ca-button-green); *//* color: var(--ca-white); *//* padding:10px 15px; *//* border-radius:5px; */line-height: 160%;}
#nav-above.navigation .nav-next a:hover, #nav-above.navigation .nav-next a:hover{background:var(--ca-black-pure)}
@media(max-width: 991px){
#nav-above.navigation{margin-bottom:30px;}
}
@media(max-width: 640px){
#nav-above.navigation{display:inline-block; margin:0; padding:30px 0; }
#nav-above.navigation .nav-previous{width:100%}
#nav-above.navigation .nav-next{width:100%;margin: 20px 0 0;}
#nav-above.navigation .nav-next{border-left:0; padding-left:0; margin-top:15px;}
}
.header {left: 0;top: 0;right: 0;padding-top: 1.5%;padding-bottom: 0;position: absolute;z-index: 5}
body.four-o-four .header { background: var(--ca-navy)}
body.four-o-four .main-content { padding-top: 4%}
.header .logo { max-width: 35%;  float: left}
.header .logo img { max-width: 100%}
.header .nav-call-info { float: right}
.header .call-info {float: right;padding-top: 0;margin-bottom: 15px;display: flex;gap:15px;justify-content: end;} 
.header .call-info span.call:before { content: "";  background: url(../images/icons/css-sprites.png) top left no-repeat;  float: left;  width: 20px;  height: 17px;  margin-right: 10px;  background-position: -237px -255px;  position: relative}
.header .call-info span.mail:before { content: "";  background: url(../images/icons/css-sprites.png) top left no-repeat;  float: left;  width: 20px;  height: 17px;  margin-right: 10px;  background-position: -262px -255px;  position: relative}
.header .call-info span {font-size: 0.9rem;color: var(--ca-white);font-weight: 600;float: left;letter-spacing: 1.5px}
.header .call-info span a { color: var(--ca-white);  text-decoration: none}
.header .call-info span+span { margin-left: 0px}
.header .nav { float: right;  clear: both}
.header .nav ul { float: left;  width: 100%;  padding: 0;  margin: 20px 0 0}
.header .nav ul li {float: left;font-size: 1.1rem;color: var(--ca-white);margin: 0 14px;text-transform: uppercase;font-weight: 600;list-style: none;position: relative;}
.header .nav ul li img { width: auto; height: auto; }
.header .nav>ul>li { border-left-width: 0}
.header .nav ul li:first-child { margin-left: 0;  border-left-width: 0}
.header .nav ul li:last-child { margin-right: 0}
.header .nav ul li a { color: var(--ca-white);  text-decoration: none;  padding-bottom: 5px;  cursor: pointer}
.header .nav ul li.dropdown>a { position: relative;  z-index: 1;  padding-right: 20px}
.header .nav ul li.dropdown>a:after { content: "";  width: 0;  height: 0;  position: absolute;  top: 5px;  right: 0;  border: 5px solid var(--ca-button-green);  border-color: var(--ca-button-green) transparent transparent transparent}
.header .mobmenu-open { display: none;    padding: 12px;  float: right;  margin-left: 20px;  cursor: pointer; border: 1px solid var(--ca-white);}
.header .mobmenu-open span { width: 25px;  background: var(--ca-white);  float: left;  height: 3px;  clear: both}
.header .mobmenu-open span+span { margin-top: 5px}
.header .moblogo { display: none}
.header .mobmenu-close{display:none;position:absolute;cursor:pointer;right:30px;padding:24px 10px;border:none;border-radius:50px;top:25px;}
.header .mobmenu-close span { width: 30px;  background: var(--ca-black-pure);  float: left;  height: 3px;  clear: both}
.header .mobmenu-close span:first-child { transform: rotate(45deg)}
.header .mobmenu-close span+span { margin-top: -3px}
.header .mobmenu-close span:last-child { transform: rotate(-45deg)}
header ul#menu1 li ul { visibility: hidden;  position: absolute;  opacity: 0;  /*overflow: hidden;*/  margin: 0;  padding: 40px 0 5px 0;  z-index: 1001;  width: 100%;  left: 0;  top: 62%}
header ul#menu1 li ul>div { background: var(--ca-gray-945-a92);  box-shadow: 0 2px 4px var(--ca-black-a50);  display: flex;  width: 100%;  flex-wrap: wrap; justify-content: center;}
header ul#menu1.header3 li ul>div { background: var(--ca-black-pure);  position: relative; }
header ul#menu1.header3 > li > a { position: relative; }
header ul#menu1.header3 > li > a:before { position: absolute;  content: ""; transition: all .5s ease; bottom: -5px;  left: 50%;  transform: translateX(-50%);  width: 0%;  height: 3px;  background: var(--ca-button-green);  opacity: 0; }
header ul#menu1.header3 > li:hover > a:before { opacity: 1; width: 40%; transition: all .5s ease; }
header ul#menu1 li ul>div * { transition: .5s}
header ul#menu1 li ul li { position: relative;  float: left;  width: 16.66%;  padding: 20px 10px;  margin: 0}
header ul#menu1.header3 li ul div li { padding: 0!important}
header ul#menu1 li ul div.seven li { width: 14.285%}
header ul#menu1 li ul div li .submenu-icons { padding: 10px 5px}
header ul#menu1.header3 li ul div li .submenu-icons { padding: 30px 15px}
header ul#menu1 li ul li>a { text-transform: inherit;  padding: 0;  font-size: 18px;  display: block;  padding-left: 0;  color: var(--ca-black-pure);  height: 100%}
header ul#menu1 li ul li .submenu-icons { width: 100%;  padding: 10px;  border-bottom: 3px solid transparent;  background: 0 0;  display: flex;  flex-wrap: wrap;  height: 100%;  align-items: center;  justify-content: center}
header ul#menu1.header3 li ul li .submenu-icons { border-bottom: 0 none}
header ul#menu1 li ul li .submenu-icons .menu-icons { float: left;  width: 20%;  text-align: center}
header ul#menu1 li ul li .submenu-icons .menu-icons img { max-width: 100%;  -webkit-filter: grayscale(1);  filter: grayscale(1) }
header ul#menu1 li ul li .submenu-icons .menu-content { float: left;  width: 80%;  text-align: left;  padding-left: 10px;  text-transform: initial}
header ul#menu1 li ul li .submenu-icons .menu-content .h5 { display: block; font-weight: 600;  font-size: 18px;  margin: 0 0 8px;  color: var(--ca-gray-430);  line-height: 1.2}
header ul#menu1 li ul div li .submenu-icons .menu-content .h5 { font-size: 16px}
header ul#menu1 li ul li .submenu-icons .menu-content p { font-weight: 400;  font-size: 14px;  line-height: 1.3;  margin: 0;  color: var(--ca-gray-632)}
header ul#menu1 li ul div li .submenu-icons .menu-content p { font-size: 13px}
header ul#menu1 li ul li:hover > a .submenu-icons .menu-icons img { -webkit-filter: grayscale(0);  filter: grayscale(0)}
header ul#menu1 li ul li:hover > a .submenu-icons { border-color: var(--ca-green-deep);  background: var(--ca-black-a92)}
header ul#menu1.header3 li ul li:hover > a .submenu-icons { border-color: transparent;  background: var(--ca-gray-800-a92)}
header ul#menu1 li ul li:hover > a .submenu-icons .menu-content .h5 { color: var(--ca-button-green)}
header ul#menu1 li ul li:hover > a .submenu-icons .menu-content p { color: var(--ca-white)}
header ul#menu1 li .arrowDown { border: solid transparent;  margin-left: 56px;  visibility: hidden;  content: " ";  position: absolute;  pointer-events: none;  border-color: var(--ca-white-a0);  border-bottom-color: var(--ca-gray-945);  border-width: 8px;  top: 81%;  opacity: 0}
header ul#menu1 li ul li>a:hover { border-color: transparent}
header ul#menu2 li ul { height: 0;  visibility: hidden;  position: absolute;  opacity: 0;  overflow: hidden;  margin: 0;  padding: 50px 0 5px 0;  z-index: 1001;  width: 100%;  left: 0;  top: 62%}
header ul#menu2 li ul>div { background: var(--ca-white-a92);  box-shadow: 0 2px 4px var(--ca-black-a50);  display: flex;  width: 99.99%;  flex-wrap: wrap}
header ul#menu2 li ul>div * { transition: .5s}
header ul#menu2 li ul li { position: relative;  float: left;  width: 16.66%;  padding: 10px;  margin: 0}
header ul#menu2 li ul li>a { text-transform: inherit;  padding: 0;  font-size: 18px;  display: block;  padding-left: 0;  color: var(--ca-black-pure);  height: 100%}
header ul#menu2 li ul li .submenu-icons { width: 100%;  padding: 10px;  border-bottom: 3px solid transparent;  background: 0 0;  display: flex;  flex-wrap: wrap;  height: 100%;  align-items: center;  justify-content: center}
header ul#menu2 li ul li .submenu-icons .menu-icons { float: left;  width: 100%;  text-align: center;  padding-top: 25%;  position: relative}
header ul#menu2 li ul li .submenu-icons .menu-icons img { max-width: 100%;  -webkit-filter: grayscale(.5);  filter: grayscale(.5);  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  max-height: 90%}
header ul#menu2 li ul li .submenu-icons .menu-content { float: left;  width: 100%;  text-align: center;  padding-left: 0;  text-transform: initial;  padding-top: 10px}
header ul#menu2 li ul li .submenu-icons .menu-content .h5 { font-weight: 600;  font-size: 18px;  margin: 0 0 8px;  color: var(--ca-gray-730);  line-height: 1.2}
header ul#menu2 li ul li .submenu-icons .menu-content p { font-weight: 400;  font-size: 14px;  line-height: 1.3;  margin: 0;  color: var(--ca-gray-730)}
header ul#menu2 li ul li:hover > a .submenu-icons .menu-icons img { -webkit-filter: grayscale(0);  filter: grayscale(0)}
header ul#menu2 li ul li:hover .submenu-icons .menu-content .h5 { color: var(--ca-button-green)}
header ul#menu2 li ul li:hover .submenu-icons .menu-content p { color: var(--ca-white)}
header ul#menu2 li .arrowDown { border: solid transparent;  margin-left: 56px;  visibility: hidden;  content: " ";  position: absolute;  pointer-events: none;  border-color: var(--ca-white-a0);  border-bottom-color: var(--ca-white-a92);  border-width: 8px;  top: 81%;  opacity: 0}
header ul#menu2 li ul li>a:hover { border-color: transparent}
header ul#menu2 li ul li:hover { background: var(--ca-black-a92)}
.header .nav ul li.dropdown>a:after { border-bottom-width: 0!important}
.header .logo { max-width: 18%; z-index: 1;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: transparent;  }
.header .nav ul li:last-child {margin-right: 0; }
@media (max-width: 767px) {
    .header .container{padding:0 15px}
}
.search_top_btn{border:1px solid var(--ca-white-a50);width: 38px;height: 38px;border-radius: 50%;text-align: center;display: none;align-items: center;justify-content: center;transition: all 0.4s ease 0s;margin-left:20px;cursor: pointer}
.search_top_btn:hover{background:var(--ca-black-pure)}
.header .call-info span.search_top_btn{margin-left:20px;margin-top: 0;}
.header_search{position: fixed;top:0;left:0;width: 100%;height:100%;background: var(--ca-black-a90);z-index: 10000000; padding:0 15px; display: none}
.header_search .close_search{text-align:right; margin:50px 0 0;}
.header_search .close_search img{margin-right:-120px;}
.search_block{margin: 130px 0 0 0;position: relative;}
.search_block input{width:100%;background:none;border:0;color:var(--ca-white);font-size: 24px;outline:none;padding: 25px 10px;border-bottom:2px solid var(--ca-white);font-weight: 400;}
.search_block input:-webkit-input-placeholder{color:var(--ca-white); opacity:1}
.search_block input:-ms-input-placeholder{color:var(--ca-white); opacity:1}
.search_block input::placeholder{color:var(--ca-white); opacity:1}
.search_block button{background:none;border:0;position:absolute;top: 22px;padding: 5px 0px;width: 40px;height: 40px;right: 5px;border-radius:3px;transition: all 0.4s ease 0s;}
.search_block button:hover{background:var(--ca-gray-870)}
ul.auto_suggest{margin: 20px 0 0 0;padding:0}
ul.auto_suggest li{margin: 15px 0;padding:0;} 
ul.auto_suggest li a{background: var(--ca-gray-905);display: block;align-items: center;padding: 15px 30px;color: var(--ca-white);text-decoration: none;min-height: 95px;transition: all 0.4s ease 0s;}
ul.auto_suggest li a:hover{background:var(--ca-navy)}
ul.auto_suggest li p{font-size:20px;font-weight:600;margin:5px 0 7px 0; line-height: 140%;}
ul.auto_suggest li span{display:block; word-break:break-word; line-height: 140%;}
.listing-page .secondary .s2_form_widget .space{display: block; margin: -7px 0; float: none}
.widget-area ul.wpp-list, .widget_recent_entries ul{margin: 0 0 40px 0; padding:10px 0 0 0;border-top: 2px solid var(--ca-black-pure); }
.widget-area ul.wpp-list li, .widget_recent_entries ul li{margin: 12px 0 18px; padding:0;font-size: 13px;color: var(--ca-black-pure); font-weight:600; line-height: 148%;display: block;} 
.widget-area ul.wpp-list li span, .widget_recent_entries ul li span{color:var(--ca-gray-638); display:block; font-size:12px; padding-top:5px;}
.widget-area ul.wpp-list li span span, .widget_recent_entries ul li span span{padding-top: 0}
.widget-area ul.wpp-list li a, .widget_recent_entries ul li a{color:var(--ca-black-pure); transition: all 0.4s ease 0s;}
.widget-area ul.wpp-list li a:hover, .widget_recent_entries ul li a:hover{color:var(--ca-button-green)}
.secondary .s2_form_widget .search p.note, .secondary .s2_form_widget .subscribe-section p.note, .listing-page .secondary .s2_form_widget p.note{font-size: 11px;margin: 25px 0 0;line-height: 180%;}
.listing-page .secondary .s2_form_widget p.s2_message{margin-top: 15px; font-size: 13px; font-weight: 600; color: var(--ca-button-green); margin-bottom: -10px;}
.listing-page .secondary .s2_form_widget p.s2_message a{color:var(--ca-button-green); text-decoration:underline}
.footer-copyright{padding:0 25px;justify-content:space-between;flex-wrap:nowrap;align-items:center;display: flex;}
.copyright-left{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center;}
.terms-links{display:flex;}
.terms-links a{color:var(--ca-white);text-decoration:none;font-size:13px;position:relative;padding:0 15px;line-height:1;}
.terms-links a:before{content:"";width:1px;height:12px;background:var(--ca-white);position:absolute;left:0;top:1px;}
@media (hover:hover) and (pointer: fine) {
header ul#menu1.header3 > li:hover > a:before { opacity: 1; width: 40%;  transition: all .5s ease; }
header ul#menu1 > li.relative:hover>ul,header ul#menu1 > li.show > ul,header ul#menu1 > li:hover>ul { transform: translateY(0)}
}
@media screen and (min-width:768px) and (hover:hover) and (pointer: fine) {
header:not(.newhead03) ul#menu1 > li:hover>ul {visibility: visible; opacity: 1; pointer-events: initial; }
header:not(.newhead03) ul#menu1 > li:hover>ul { transform: translateY(20px);  transition: transform .5s ease, opacity .5s ease}
}
@media screen and (min-width:1025px) and (hover:hover) and (pointer: fine) {
header:not(.newhead03) ul#menu1 > li:hover>ul {visibility: visible; opacity: 1; pointer-events: initial; }
header:not(.newhead03) ul#menu1 > li:hover>ul { transform: translateY(20px);  transition: transform .5s ease, opacity .5s ease}
}
@media screen and (min-width: 992px) and (max-width:1200px)  and (hover:hover) and (pointer: fine) {
header:not(.newhead03) ul#menu1 > li:hover>ul {transform: translateY(20px); }
}
@media screen and (min-width: 1025px) and (max-width:1200px)  and (hover:hover) and (pointer: fine) {
header ul#menu1 > li:hover>ul {transform: translateY(20px); }
}
@media screen and (max-width: 991px) and (min-width: 768px) and (hover:hover) and (pointer: fine) {
header:not(.newhead03) ul#menu1 > li:hover>ul {transform: translateY(10px); }
}
@media screen and (max-width: 1512px) and (min-width: 1025px) and (hover:hover) and (pointer: fine) {
header ul#menu1 > li:hover>ul { transform: translateY(12px)}
}
@media screen and (min-width: 768px) {
header:not(.newhead03) ul#menu1 > li > ul { transition: transform .3s ease, opacity .3s ease;  transform: translateY(100px);  display: block!important;  pointer-events: none}
header:not(.newhead03) ul#menu1 > li:hover>ul { transform: translateY(20px);  transition: transform .5s ease, opacity .5s ease}
header:not(.newhead03) ul#menu2 li ul { transition: transform .5s ease, opacity .5s ease;  transform: translateY(100px)}
header:not(.newhead03) ul#menu2 li:hover>ul { transform: translateY(80px)}
header:not(.newhead03) ul#menu1 > li:hover>ul { visibility: visible;  opacity: 1;  pointer-events: initial}
header:not(.newhead03) ul#menu2 li:hover>ul { visibility: visible;  height: auto;  opacity: 1}
.header:not(.newhead03) .nav>ul>li:hover>a { border-color: var(--ca-button-green)}
header ul#menu2 li.case-study ul li { width: 14.286%}
.header .nav ul li.mar-r-0 { margin-right: 0}
}
@media screen and (min-width: 1025px) {
header ul#menu2 li.relative ul li { width: 100%}
header ul#menu1 li.relative ul li { width: 25%} /*33.33%*/
header ul#menu2 li.relative ul.simple-dropdown { min-width: 250px; left: 50%; transform: translate(-50%, 100px)}
header ul#menu1 li.relative ul.simple-dropdown { min-width: 1000px; left: 0; transform: translate(-68.5%, 100px)}
header ul#menu1 li.relative:hover>ul,header ul#menu2 li.relative:hover>ul { transform: translate(-68.5%, 5px)}
header ul#menu1 li.relative ul li,header ul#menu2 li.relative ul li { border-left-width: 0}
header ul#menu > li:hover .arrow-new{visibility:visible; opacity:1}
.arrow-new{width:0;height:0;border-left: 14px solid transparent;border-right: 14px solid transparent;border-bottom: 14px solid var(--ca-black-pure);position:absolute;bottom: -45px;left:0;right:0;margin:0 auto;opacity:0;/* display: none; */visibility:hidden;transition:transform .3s ease,opacity .3s ease}
 .header .nav ul li{padding-bottom: 30px;}
.subdropdown_menu{width: 100%;background: var(--ca-black-a95);position: absolute;left: 0;padding: 0px 50px;top: 100%;transition: transform .3s ease, opacity .3s ease;transform: translateY(50px);visibility: hidden;opacity: 0;z-index: -1;margin-top: 20px; display: none}	
.subdropdown_menu.small{min-width: 500px;left: -50px; padding: 0 60px;}
.subdropdown_menu.small.w390{min-width:390px; padding:0 50px}	
 .subdropdown_menu .h3{color:var(--ca-button-green);font-size: 16px;font-weight:bold;padding: 10px 10px 10px 27px; display: block; line-height:1.4}	 
 header ul#menu li .subdropdown_menu ul{position:relative;width: 100%;top: 0;padding: 0 0 0 20px;visibility: visible;opacity: 1; margin: 0}
 header ul#menu li .subdropdown_menu ul li>a{color:var(--ca-white);height: auto;line-height: 150%;font-size: 14px;display: flex;align-items: center;}
 header ul#menu li .subdropdown_menu ul li a:hover{color:var(--ca-button-green)}
 header ul#menu li .subdropdown_menu ul li{width:100%;margin: 0;padding: 7px 10px 0px;text-transform: none;font-weight: 500;}
.subdropdown_menu .row {display: flex; flex-wrap: wrap; min-width: 100%; margin: 0 -15px;}	
.subdropdown_menu .col-3{margin-bottom: 40px;position:relative;margin-top: 40px; width: 25%; padding-left: 15px; padding-right: 15px;}	
.subdropdown_menu .col-3:before{content:'';position:absolute;left: -50px;top:0;background:var(--ca-gray-850);height:100%;width: 1px;}
header ul#menu > li:hover> .subdropdown_menu{visibility: visible;opacity: 1;pointer-events: initial;transform: translateY(-20px);z-index: 10000; display: block}
.menu-circle{width: 40px;height: 40px;background:var(--ca-gray-850);display:flex;border-radius:50%;align-items: center;justify-content: center;padding: 12px;position: absolute;left: -17px;}
.menu-circle img{max-width: 100%;}
.header .nav ul li.realtive{position: relative!important;}
.subdropdown_menu .col-3.full{width:100%;margin: 30px 0;}
.subdropdown_menu .col-3.full::before{display: none}
header ul#menu li .subdropdown_menu .open ul{display:block}		
header ul#menu.header3 > li > a {position: relative;}
header ul#menu.header3 > li > a:before{position:absolute; content:""; transition:all .5s ease; bottom:-5px; left:50%; transform:translateX(-50%); width:0%; height:3px; background:var(--ca-button-green); opacity:0; }
header ul#menu.header3 > li:hover > a:before{opacity:1; width:40%; transition:all .5s ease; }	
.subdropdown_menu .col-3:nth-child(4n+1)::before{display: none}
.header .nav ul li.dropdown>a{display: block}	
header ul#menu li .subdropdown_menu .open ul{display:block}	
header ul#menu li .subdropdown_menu ul li i {width: 40px;display: flex;margin-right: 14px;text-align: center;height: 40px;border-radius: 50%;/*! background: var(--ca-gray-800); */padding: 0;align-items: center;justify-content: center;/*! border: 1px solid var(--ca-gray-800); */}
header ul#menu li .subdropdown_menu ul li i img{max-height: 35px;width: 100%;-webkit-filter: grayscale(1);filter: grayscale(1);}	
 label.h3.desktop-space-heading{padding-left:20px;}
 html.js-menu-ready header ul#menu>li:hover>.subdropdown_menu{visibility:hidden;opacity:0;transform:none;z-index:-55555;display:none}
html.js-menu-ready header ul#menu>li:hover .arrow-new{visibility:hidden;opacity:0}
html.js-menu-ready header ul#menu>li.menu-open>.subdropdown_menu{visibility:visible;opacity:1;pointer-events:initial;transform:translateY(-20px);z-index:10000;display:block}
html.js-menu-ready header ul#menu>li.menu-open>.subdropdown_menu.small{transform:translateY(-20px)}
html.js-menu-ready header.fixed-header ul#menu>li.menu-open>.subdropdown_menu{transform:translateY(-20px)}
html.js-menu-ready header ul#menu>li.menu-open .arrow-new{visibility:visible;opacity:0}
html.js-menu-ready header ul#menu.header3>li.menu-open>a:before{opacity:1;width:40%;transition:.5s}
}
label.h3.cpointer{cursor:pointer;}
@media screen and (min-width: 1200px) { header ul#menu1 li ul>div { justify-content: center;  flex-direction: row}
}
@media screen and (max-width: 1512px) {
.header .nav ul li { margin: 0 15px}
.header .nav ul li.dropdown>a { padding-right: 15px}
}
@media screen and (max-width: 1512px) and (min-width: 1025px) {
header ul#menu2 li ul li .submenu-icons .menu-content { width: 100%;  padding-left: 0;  padding-top: 10px}
header ul#menu2 li ul { padding-left: 50px;  padding-right: 50px}
header ul#menu2 li.relative ul { padding-left: 0;  padding-right: 0}
header ul#menu2 li:hover>ul { transform: translateY(75px)}
header ul#menu2 li ul li .submenu-icons { padding: 10px 0}
}
@media screen and (max-width: 1512px) {
header ul#menu1.header3 li ul>div { padding-left: 0;  padding-right: 0}
}
@media screen and (max-width: 1512px) and (min-width: 1367px) {
header ul#menu1 li.relative ul.simple-dropdown { transform: translate(-65.5%, 100px)}
header ul#menu1 li.relative:hover>ul,header ul#menu2 li.relative:hover>ul { transform: translate(-65.5%, 5px)}
}
@media(max-width:1440px){
.subdropdown_menu .h3{font-size:14px; padding: 10px 10px 10px 27px}
header ul#menu li .subdropdown_menu ul li > a{font-size:14px}
.menu-circle{width: 40px; height:40px; padding:12px;}
header ul#menu li .subdropdown_menu ul{padding-left: 17px;}	
.subdropdown_menu .col-3::before{left:-37px;}
.subdropdown_menu .col-3{margin-top:20px; margin-bottom: 25px; }	
.subdropdown_menu.small {min-width: 400px;left: -50px;padding: 0 50px;}	
}
@media screen and (max-width: 1366px) {
.header .call-info { padding-top: 2.5%; margin-bottom: 10px;}
.header .call-info span:before { margin-top: -1px}
.subdropdown_menu .h3{font-size:13px; padding: 8px 15px 8px 17px}
header ul#menu li .subdropdown_menu ul li > a{font-size:13px}
.menu-circle{width: 35px; height:35px; padding:8px;}
header ul#menu li .subdropdown_menu ul{padding-left: 8px;}	
.subdropdown_menu .col-3::before{left:-37px;}
.subdropdown_menu .col-3{margin-top:15px; margin-bottom: 15px; }	
.subdropdown_menu.small {min-width: 400px;left: -50px;padding: 0 50px;}	
.subdropdown_menu.small.w390{min-width:350px;}		
header ul#menu li .subdropdown_menu ul li{padding:3px 10px 3px;}
.header .nav ul li.dropdown>a:after{top:5px;}
}
@media screen and (max-width: 1345px) {
    header ul#menu li .subdropdown_menu ul li>a{font-size:12px}
}
@media screen and (max-width: 1300px) {
	.subdropdown_menu .h3{font-size: 13px; padding-left: 17px; }
	header ul#menu li .subdropdown_menu ul li > a{font-size:12px;}
	.menu-circle{width: 35px; height:35px; padding:9px; top:0px}
      header ul#menu li .subdropdown_menu ul{padding-left:7px;padding-right:10px;}
	header ul#menu li .subdropdown_menu ul li{padding:5px 10px;}
}
@media screen and (max-width: 1249px) {
.header .logo { max-width: 22%}
.header .nav ul li { margin: 0 12px}
.header .nav ul li:first-child { margin-left: 0!important}
.header .nav ul li:last-child { margin-right: 0!important}
.header .call-info { padding-top: 2.5%}
.header .call-info span+span { margin-left: 0px}
.header .nav ul li.dropdown>a { padding-right: 12px}
}
@media screen and (max-width: 1200px) {
body, p, .listing-page .secondary .widget_categories ul li, .listing-page .secondary .widget_archive ul li{font-size:14px;}		
.header .logo { max-width: 22%}
.header .call-info {margin-bottom: 5px;}
header ul#menu1 li:hover>ul { transform: translateY(20px)}
.detail-listing .detail-left ul li{font-size:15px;}	
header ul#menu li .subdropdown_menu ul li > a{font-size:12px;font-weight: 500; line-height: 150%}
header ul#menu li .subdropdown_menu ul li{padding:4px 10px;}
.subdropdown_menu .col-3{margin-top:20px; margin-bottom: 20px; }
header ul#menu li .subdropdown_menu ul li > a br{display: none}	
}
@media screen and (max-width: 1074px) {
   .subdropdown_menu .h3{font-size:12px;padding-left:17px}
}
@media screen and (max-width: 1024px) {
.menu-bottom-part span.call{border:1px solid var(--ca-gray-400);padding:10px;display:flex;gap:8px;justify-content:center;align-items:center}
.menu-bottom-part span.mail{border:1px solid var(--ca-gray-400);padding:10px;display:flex;gap:8px;justify-content:center;align-items:center}
.menu-bottom-part a{color:var(--ca-black-80);text-decoration:none;font-family:Montserrat;font-size:14.4px;font-style:normal;font-weight:600;line-height:14.4px;letter-spacing:.4px}
.header .nav ul li { font-size: .875rem}
.header .call-info span { font-size: 1rem}
header ul#menu2 li ul { padding-top: 30px}
header ul#menu2 li ul li { width: 33.33%;  padding: 10px 10px}
header ul#menu2 li ul li .submenu-icons .menu-content .h5 { font-size: 16px}
header ul#menu2 li ul li .submenu-icons .menu-icons { padding-top: 18%}
.header .nav ul { margin-top: 15px}
.header .nav ul li { margin: 0 10px}
 h1 {  font-size: 3rem;}
 h2 {  font-size: 2.125rem; padding: 0px 46px 0px 23px;}
 h3 {  font-size: 1.25rem; margin-bottom: 1.125rem;}	
header .isdevice ul#menu.header3 li ul li{padding:0}
 header .isdevice ul#menu.header3 li ul li a{color:var(--ca-gray-430);font-weight:600;font-size:14px;text-transform:initial;padding:13px 15px 13px 30px}
header .isdevice ul#menu.header3 li ul li a:before{content:"";width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--ca-button-green);position:absolute;left:15px;top:15px}
header .isdevice ul#menu.header3 li ul li ul.submenu li a{padding-left:45px}
header .isdevice ul#menu.header3 li ul li ul.submenu li a:before, header ul#menu li .subdropdown_menu ul li:before{content:"";width:18px;height:2px;background:var(--ca-button-green);position:absolute;left:15px;top:50%;transform:translateY(-50%);border-radius:10px;border:0}	
.search_top_btn{margin-top:-12px; width: 32px; height: 32px;}	
.search_top_btn img{max-width: 14px;}		
header ul#menu li .subdropdown_menu ul{top: 0;padding: 0;float: left;margin: 0; display: none}
header ul#menu li .subdropdown_menu ul li a{color:var(--ca-black-80);padding: 0;}
header ul#menu li .subdropdown_menu ul li{padding: 10px 18px;padding-left: 35px;display: block;border-bottom: 0;}
.subdropdown_menu .h3{padding: 0 10px;font-size: 14px;margin:0;line-height:150%;/* text-transform: none; */font-weight: 500;display: inline-block;width: 100%;color: var(--ca-black-80);}
.subdropdown_menu .open .h3{padding: 0 24px 5px;}
.menu-circle{display:none}
.subdropdown_menu .col-3{margin: 0;border-top: 1px solid var(--ca-white-a14);padding: 9px 15px;}
.subdropdown_menu .col-3.open{/* border:1px solid var(--ca-white-a14); *//* background:var(--ca-gray-940); */padding: 10px 0px 0;}
header ul#menu li .subdropdown_menu .open ul{display: inline-block;}
.subdropdown_menu.small{padding: 0 15px;left:0;max-width: 100%;min-width: 0;}
.subdropdown_menu .col-3{width: 100%;position: relative;float: left;}
.header .nav ul li.dropdown.realtive .subdropdown_menu .h3, .header .nav ul li.dropdown.realtive .subdropdown_menu .submenu{display: none}
header ul#menu li.dropdown.realtive .subdropdown_menu ul{display: inline-block!important;}
header ul#menu li.dropdown.realtive .subdropdown_menu .col-3{padding:0}
header ul#menu li.dropdown.realtive .subdropdown_menu ul li{padding: 13px 25px;} 
header ul#menu li .subdropdown_menu ul li:first-child{border-top:0; border-bottom:0;}
header ul#menu li .subdropdown_menu ul li:before{width:14px;left: 10px;}
.header{padding-bottom: 10px;}	
.subdropdown_menu{display: none;padding: 0px 15px;}		
 header ul#menu.header3 li ul li a > .submenu-icons{padding:15px; padding-left:30px; position:relative; }
header ul#menu.header3 li ul li a > .submenu-icons .menu-icons, header ul#menu.header3 li ul li a > .submenu-icons .menu-content p{display:none; }
header ul#menu.header3 li ul li a > .submenu-icons .menu-content{padding-left:0px; width:100%; }
header ul#menu.header3 li ul li a > .submenu-icons .menu-content .h5{margin-bottom:0px; font-size:14px; }
header ul#menu li ul li.subdropdown ul.submenu{box-shadow:none; top:100%; left:0; transform:translateX(0); }
header ul#menu li ul li.subdropdown span.submenu, .subdropdown_menu .submenu{position:absolute;right:0;top: 6px;font-size:24px;padding:2px 0;width:30px;line-height:1;text-align:center;color:var(--ca-button-green);cursor:pointer;z-index:10;}
header ul#menu li ul li.subdropdown span.submenu:before, .subdropdown_menu .submenu:before{content:"+"; }
header ul#menu li ul li.subdropdown.open span.submenu:before, .subdropdown_menu .open span.submenu:before{content:"-"; }
header ul#menu li ul li.subdropdown ul.submenu{display:none !important; }
header ul#menu li ul li.subdropdown.open ul.submenu{display:block !important; }
header ul#menu.header3 li ul li .submenu-icons .menu-content{width:100%; }
header ul#menu.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons{padding-left:45px; }
header ul#menu li ul{margin-top: 0px;}
header ul#menu li ul div.seven li, header ul#menu2 li ul li, header ul#menu2 li.relative ul li{width:100%; }
.header .mobmenu-open{display:block; }
.header .nav{padding:20px; }
.header .mobmenu-close span:last-child{transform:rotate(-45deg); }
header ul#menu.header3 li ul li.subdropdown a{height:auto; }
header ul#menu.header3 li.dropdown > a:before{display:none !important; }
header ul#menu li ul li.subdropdown ul.submenu{top:initial; }
header ul#menu li ul li.subdropdown ul.submenu:before{display:none; }
header ul#menu.header3 li.dropdown ul > div > li > a > .submenu-icons:before, .subdropdown_menu .h3:before, header ul#menu li.dropdown.realtive .subdropdown_menu ul li:before{content:"";width:0px;height:0px;border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--ca-button-green);position:absolute;left: 10px;top: 19px;transform:translateY(-50%);background: none;border-radius: 0;}
header ul#menu.header3 li.subdropdown ul > li > a > .submenu-icons:before{content:""; width:18px; height:2px; background:var(--ca-button-green); position:absolute; left:15px; top:50%; transform:translateY(-50%); border-radius:10px; }
header ul#menu.header3 > li:hover > a:before{display:none !important; }	
header ul#menu li.dropdown.realtive .subdropdown_menu ul li:before{top:21px;}	
.contact_btn.blog-contact-view{display:none;}
header ul#menu.header3 li.dropdown ul>div>li>a>.submenu-icons:before,.subdropdown_menu .h3:before,header ul#menu li.dropdown.realtive .subdropdown_menu ul li:before{display:none;}
.subdropdown_menu .col-2{margin:0;border-top:1px solid var(--ca-white-a14);padding:10px 15px;width:100%;position:relative;display:inline-block;}header ul#menu li .subdropdown_menu ul li>a{font-size:14px}
      .menu-bottom-part{display:flex;clear:both;flex-direction:column;margin-top:96px;gap:8px}
   .header .nav ul li:first-child{margin:0 0!important}.header .nav ul li{border-bottom:1px solid var(--ca-gray-400)}
   .header .nav.open{display:flex;flex-direction:column}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
header ul#menu1 li.relative { position: static}
header ul#menu1 li ul>div { padding-left: 20px;  padding-right: 20px}
header ul#menu2 li ul { padding-left: 20px;  padding-right: 20px}
header ul#menu1 li ul li:first-child { padding-left: 0}
header ul#menu1 li ul li:last-child { padding-right: 0}
header ul#menu2 li.relative ul { padding-left: 0;  padding-right: 0}
header ul#menu1 li ul.relative>div { padding-left: 0;  padding-right: 0}
header ul#menu1 li ul li .submenu-icons .menu-icons img { max-width: 70%}
.header .logo { max-width: 18%}
.header .nav{position:fixed; overflow-y:auto; width:100%; transition:.5s; background:var(--ca-white); top:0; bottom:0; left:100%; max-width:375px; }
.header .moblogo{display:block; max-width:50%; }
.header .nav ul{margin:0; width:100%; margin:8% 0; }
.header .nav ul li{width:100%; margin:0; position:relative; font-size:1.2rem; padding:0; transform:translateY(0px) !important; }
header ul#menu li:hover>ul{transform:translateY(0px) !important; }
.header .nav ul li{border-top:none; border-bottom:1px solid var(--ca-gray-400);}
.header .nav ul li{font-size:1.3rem; }
header ul#menu li ul{visibility:visible; opacity:1; height:auto; display:none; }
header ul#menu li ul{position:relative; padding-top:0; }
 .header .nav.open{left:calc(100% - 375px); }
.header .mobmenu-close{display:block; transform:scale(.5); right:8px; top:15px; }
.header .nav ul li a{padding:4% 0px; display:block; }
.header .nav ul li.dropdown:after{content:"+"; position:absolute; right:0; top:8px; font-size:24px; padding:2px 0; width:30px; line-height:1; text-align:center; color:var(--ca-button-green); cursor:pointer; }
.header .nav ul li.dropdown.show:after{content:"-"; }
.header .nav ul li.dropdown>a:after{display:none}
header ul#menu li.relative{position:relative; }
header ul#menu li ul div.seven li, header ul#menu li ul li{width:100%; }
.header .nav ul li.dropdown:after, .header .nav ul li.dropdown.show:after, header ul#menu li ul li.subdropdown.open span.submenu{top:8px; }
.which-hiring-modal .subscription .price-box .price-box-inner .item ul li[data-title] p span{font-size:13px; }
.subscription .price-box .price-box-inner .item ul li, .subscription .whats-included ul li{padding:10px; }	
}
@media screen and (max-width: 991px) {
.header .nav ul li { font-size: .765rem}
.header .call-info span { font-size: .765rem}
.header .nav ul li.dropdown>a { padding-right: 10px}
.header .nav ul li.dropdown>a:after { border-width: 4px;  top: 3px}
.header .call-info { padding-top: 1%}
.header .nav ul li { margin: 0 10px}
.header .nav ul { margin-top: 15px}
header ul#menu1 li ul div.seven li,header ul#menu1 li ul li { width: 50%;  padding: 10px 10px}
header ul#menu2 li.relative ul li .submenu-icons .menu-content { width: 100%;  padding-left: 0;  padding-top: 0}
header ul#menu1 li.relative ul li .submenu-icons .menu-content .h5,header ul#menu2 li.relative ul li .submenu-icons .menu-content .h5 { margin: 0}
header ul#menu2 li ul li .submenu-icons .menu-icons { padding-top: 25%}
.header .call-info span+span { margin-left: 12px}
.header .call-info span:before { margin-top: -4px;  transform: scale(.7);  margin-right: 5px!important}
.header .nav ul li { margin: 0 6px}
.header .nav ul li.dropdown>a:after { top: 5px}
.header .call-info { padding-top: 1%;display: unset;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.header .logo { max-width: 20%}
.relative { position: static}
header ul#menu1 li:hover>ul { transform: translateY(10px)}
}
@media screen and (max-width: 767px) {
    .header .nav ul li.dropdown:after{display:none;}
header ul#menu1 li ul { visibility: visible;  opacity: 1;  height: auto;  display: none}
.header .mobmenu-open { display: block}
.header .moblogo { display: block}
.header .mobmenu-close { display: block}
.header .nav { position: fixed;  overflow-y: auto;  width: 100%;  transition: .5s;  background: var(--ca-white);  top: 0;  bottom: 0;  left: 100%;  padding: 5%}
.header .nav.open { left: 0}
.header .nav ul { margin: 0;  width: 100%;  margin: 8% 0}
.header .nav ul li { width: 100%;  margin: 0;  position: relative;  font-size: 1.2rem;  padding: 0}
.header .nav ul li a { display: block;  padding: 3% 0;color: var(--ca-black-80);}
.nav .open > a:focus { background: transparent; }
.header .nav ul li.dropdown:after { content: "+";  position: absolute;  right: 0;  top: 12px;  font-size: 24px;  padding: 2px 0;  width: 30px;  line-height: 1;  text-align: center;  color: var(--ca-button-green);  cursor: pointer}
.header .nav ul li.dropdown.show:after { content: "-"}
.nav-open { overflow: hidden;  position: fixed;  width: 100%;  right: 280px}
.header { padding-top: 3%}
.header .call-info { padding-top: 0}
.header .call-info span { clear: both}
.header .call-info span+span { margin-left: 0;  margin-top: 10px}
.header .nav ul li { font-size: 1rem}
.header .mobmenu-close { display: block; transform: scale(.6); right: 10px; top: 20px;}
.header .nav ul li ul li:after { display: none}
header ul#menu1 li ul { position: relative;  padding-top: 0}
header ul#menu2 li ul { position: relative;  padding-top: 0}
header ul#menu1 li ul div.seven li,header ul#menu1 li ul li,header ul#menu1 li.relative ul li { width: 100%}
header ul#menu1 li ul div.seven li,header ul#menu2 li ul li,header ul#menu2 li.relative ul li { width: 100%}
header ul#menu2 li ul li .submenu-icons .menu-icons img { position: static;  top: 0;  left: 0;  transform: translate(0, 0)}
header ul#menu2 li ul li .submenu-icons .menu-icons { width: 20%;  padding: 0}
header ul#menu2 li ul li .submenu-icons .menu-content,header ul#menu2 li.relative ul li .submenu-icons .menu-content { width: 80%;  text-align: left;  padding-top: 0;  padding-left: 10px}
header ul#menu1 li ul li:hover .submenu-icons { border-color: transparent}
header ul#menu1 li.show ul { visibility: visible;  height: auto;  opacity: 1}
header ul#menu2 li.show ul { visibility: visible;  height: auto;  opacity: 1}
header ul#menu1 li ul.case-studies li { width: 16.667%!important}
header ul#menu1 li ul.case-studies li .submenu-icons .menu-icons { width: 100%}
.header .nav ul li.dropdown>a:after { display: none}
header ul#menu2 li ul.case-studies li { width: 16.667%!important}
header ul#menu2 li ul.case-studies li .submenu-icons .menu-icons { width: 100%}
header ul#menu1 li.relative.show ul,header ul#menu1 li.relative:hover>ul,header ul#menu1 li.show ul,header ul#menu1 li:hover>ul { transform: translateY(0)}
.mob-none { display: none}
.header .call-info { padding-top: 5px}
.header .call-info span:before { margin-top: -5px}
.header .call-info span+span { margin-left: 0}
.header .nav ul li { margin: 0}
.detail-listing h2{    margin-bottom: 15px!important; margin-top: 20px;}	
.partner-content-box{ padding: 0 10px;}
 .footer_logos.mobile{display:flex;flex-wrap:wrap}
   .footer_logos.mobile .logos-mobile-footer{display:flex;padding:0;flex-wrap:wrap;gap:16px 0;padding:20px 0;justify-content:center}
  .footer_logos .logos-mobile-footer .item{flex:0 0 33%;align-items:center;padding:0 16px;position:relative}
   .footer_logos .logos-mobile-footer .item:first-child{flex:0 0 50%}
    .footer_logos .logos-mobile-footer .item:before{content:"";position:absolute;top:0;width:1px;right:0;background:var(--ca-white);opacity:.1;height:100%;display:block;left:unset}
    .footer_logos .logos-mobile-footer .item figure{min-height:fit-content}
    .footer_logos .logos-mobile-footer .item svg{width:100%;height:100%}
      .advantage-box,.footer .copyright{padding:16px 20px 96px}
      .footer_location{font-size:13px;align-items:center;margin-bottom:0!important;gap:16px 0}.footer_location li:before{height:13px;top:0;left:0}
    .footer_location li{margin:0 0 0;padding:0 12px}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.header .nav ul { margin: 0% 0 0%}
.header .nav ul li { padding: 1% 0}
.header .nav ul li a { padding: 2% 15px}
}
@media screen and (max-width: 479px) {
 h1 {  font-size: 2.25rem;}
 h2 {  font-size: 1.825rem; padding: 0px 30px 0px 15px;}	
 .col-4 {  width: 100%;}	
.header .logo { max-width: 35%}
.header .call-info span { font-size: .725rem}
.header .call-info span+span { margin-left: 0;  margin-top: 8px}
.header .call-info span img { margin-right: 10px;  margin-top: -2px}
.header .call-info span:before { transform: scale(.7);  margin: -4px 5px 0 0!important}
.header { padding-top: 3%}
.header .moblogo { max-width: 50%; margin-top: 0px;}
.header .mobmenu-close {transform: scale(.5); right: 8px;  top: 20px}
.header .nav ul li a { padding: 4% 0}
.header .mobmenu-open span { height: 2px;  width: 20px}
.header .mobmenu-open { padding: 8px;  margin-left: 10px;  margin-top: 20px;}
header ul#menu1 li ul div.seven li,header ul#menu1 li ul li,header ul#menu1 li.relative ul li { width: 100%}
header ul#menu1 li ul div.seven li,header ul#menu2 li ul li,header ul#menu2 li.relative ul li { width: 100%}
header ul#menu1 li ul li .submenu-icons .menu-icons { width: 15%}
header ul#menu1 li ul li .submenu-icons .menu-content { width: 85%}
header ul#menu2 li ul li .submenu-icons .menu-icons { width: 15%}
header ul#menu2 li ul li .submenu-icons .menu-content { width: 85%}
.header .nav ul li.dropdown:after { top: 8px}
header ul#menu1 li ul.case-studies li { width: 33.33%!important}
header ul#menu2 li ul.case-studies li { width: 33.33%!important}
.header .mobmenu-close { transform: scale(.5)}
}
@media screen and (max-width: 360px) { .header .mobmenu-open { margin-left: 0}
.header .logo { max-width: 40%}
.header .call-info { padding-top: 0; }
.header .call-info span { font-size: 0;   border: 1px solid var(--ca-white); width: 36px;  height: 32px;  clear: none;  margin: 0 10px 0 0;  text-align: center;  line-height: 1;  position: relative}
.header .call-info span a { color: var(--ca-white);  text-decoration: none;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  z-index: 1}
.header .call-info span.call:before { display: inline-block;  margin: 7px 0 0 10px!important;  line-height: 1;  transform: scale(1)}
.header .call-info span.mail:before { display: inline-block;  margin: 7px 0 0 7px!important;  line-height: 1;  transform: scale(.9)}
.header .call-info span+span { margin-top: 0}
.logo img {height:auto;}
}
/*menunew1 css start here*/
header ul#menu1.header3 li ul div li .submenu-icons { padding:20px 20px; }
header ul#menu1 li ul li.subdropdown:hover ul.submenu {visibility: visible; opacity: 1; pointer-events: initial;}
header ul#menu1.header3 li ul li:hover .submenu-icons { background: transparent; }
header ul#menu1 li ul li.subdropdown ul.submenu {top: calc(100% - 15px); background: var(--ca-black-pure); padding: 0px; border-radius: 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transform: translateX(-50%); left: 50%; box-shadow: 0 0 10px var(--ca-black-a50); }
header ul#menu1 li ul li.subdropdown ul.submenu:before {content: ""; position: absolute; width: 0px; height: 0px; border-width: 0px 10px 8px 10px; border-style: solid; border-color: transparent transparent var(--ca-black-pure) transparent; left: 50%; top: -8px; border-radius: 8px; transform: translate(-50%, 0px); }
header ul#menu1 li ul li.subdropdown ul.submenu li {width: 100%; display: block; font-weight: normal; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons .menu-icons img { max-width: 100%; max-height: 100%;}
@media screen and (min-width: 1025px) {
header ul#menu1 > li > ul { transition: transform .3s ease, opacity .3s ease;  transform: translateY(100px);  display: block!important;  pointer-events: none}
header ul#menu1 > li:hover>ul {transform: translateY(7px);transition: transform .5s ease, opacity .5s ease}
header ul#menu2 li ul { transition: transform .5s ease, opacity .5s ease;  transform: translateY(100px)}
header ul#menu2 li:hover>ul { transform: translateY(80px)}
header ul#menu1 > li:hover>ul { visibility: visible;  opacity: 1;  pointer-events: initial}
header ul#menu2 li:hover>ul { visibility: visible;  height: auto;  opacity: 1}
.header .nav>ul>li:hover>a { border-color: var(--ca-button-green)}
}
@media screen and (max-width: 1512px) and (min-width: 1025px) { 
header ul#menu1 li ul li .submenu-icons .menu-icons {padding-top: 30%; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons { padding:15px 10px; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons .menu-icons {padding-top: 20%; width: 15%}
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons .menu-content { padding-top: 0px; text-align: left; padding-left: 10px; width: 85%;}
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons .menu-content .h5 { margin-bottom: 5px; font-size: 13px; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons .menu-content p { font-size: 12px;  }
}
@media screen and (max-width: 1024px) {
header ul#menu1.header3 li ul li a > .submenu-icons {padding: 15px; padding-left: 30px; position: relative;}
header ul#menu1.header3 li ul li a > .submenu-icons .menu-icons, header ul#menu1.header3 li ul li a > .submenu-icons .menu-content p { display: none; }
header ul#menu1.header3 li ul li a > .submenu-icons .menu-content { padding-left: 0px; width:100%; }
header ul#menu1.header3 li ul li a > .submenu-icons .menu-content .h5 { margin-bottom: 0px; font-size: 14px; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li { border-top: 1px solid var(--ca-white-a9); }
header ul#menu1 li ul li.subdropdown ul.submenu { box-shadow: none; top: 100%; left: 0; transform: translateX(0);}
header ul#menu1 li ul li.subdropdown span.submenu { position: absolute; right: 0; top: 10px; font-size: 24px; padding: 2px 0; width: 30px; line-height: 1; text-align: center; color: var(--ca-button-green); cursor: pointer; z-index: 10;}	
header ul#menu1 li ul li.subdropdown span.submenu:before {content: "+";}
header ul#menu1 li ul li.subdropdown.open span.submenu:before {content: "-";}
header ul#menu1 li ul li.subdropdown ul.submenu { display: none !important; }
header ul#menu1 li ul li.subdropdown.open ul.submenu { display: block !important; }
header ul#menu1.header3 li ul li .submenu-icons .menu-content { width: 100%; }
header ul#menu1.header3 li ul li.subdropdown ul.submenu li a > .submenu-icons {padding-left: 45px;}
header ul#menu1 li ul { margin-top: 5px;}
header ul#menu1 li ul div.seven li, header ul#menu2 li ul li, header ul#menu2 li.relative ul li { width: 100%; }
.header .mobmenu-open { display: block; }
.header .nav { padding: 20px ; }
.header .mobmenu-close span:last-child {transform: rotate(-45deg); }
header ul#menu1.header3 li ul li.subdropdown a { height: auto; }
header ul#menu1.header3 li.dropdown > a:before { display: none !important;}
header ul#menu1 li ul li.subdropdown ul.submenu {top: initial;}
header ul#menu1 li ul li.subdropdown ul.submenu:before { display: none; }
header ul#menu1.header3 li.dropdown ul > div > li > a > .submenu-icons:before {content: ""; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent var(--ca-button-green); position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
header ul#menu1.header3 li.subdropdown ul > li > a > .submenu-icons:before {content: ""; width: 18px; height: 2px; background: var(--ca-button-green); position: absolute; left: 15px; top: 50%; transform: translateY(-50%); border-radius: 10px; }
/* mobile menu */
header .isdevice ul#menu1.header3 li ul{background:var(--ca-black-pure);}header .isdevice ul#menu1.header3 li ul li{padding:0}header .isdevice ul#menu1.header3 li ul li a{color:var(--ca-gray-430);font-weight:600;font-size:14px;text-transform:initial;padding:13px 15px 13px 30px}header .isdevice ul#menu1.header3 li ul li a:before{content:"";width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--ca-button-green);position:absolute;left:15px;top:15px}header .isdevice ul#menu1.header3 li ul li ul.submenu li a{padding-left:45px}header .isdevice ul#menu1.header3 li ul li ul.submenu li a:before{content:"";width:18px;height:2px;background:var(--ca-button-green);position:absolute;left:15px;top:50%;transform:translateY(-50%);border-radius:10px;border:0}
.menu-bottom-part{display:flex;clear:both;flex-direction:column;margin-top:96px;gap:8px}
    header .top_bar_info{display:none}span.arrow-new{display:inline-flex;align-items:center;line-height:normal!important;height:5px;width:10px;background:url(/images/header/svg/border-stroke-n.svg);background-size:100%;background-repeat:no-repeat}
}
@media screen and (max-width:1024px) and (min-width: 768px) {
.header .nav {position: fixed; overflow-y: auto; width: 100%; transition: .5s; background: var(--ca-white); top: 0; bottom: 0; left: 100%; max-width: 375px; }
.header .moblogo {display: block; max-width: 50%; }
.header .nav ul {margin: 0; width: 100%; margin: 8% 0; }
.header .nav ul li {width: 100%; margin: 0; position: relative; font-size: 1.2rem; padding: 0; transform: translateY(0px) !important; }
header ul#menu1 li:hover>ul {transform: translateY(0px) !important;}
.header .nav ul li {font-size: 1rem; }
header ul#menu1 li ul {visibility: visible; opacity: 1; height: auto; display: none; }
header ul#menu1 li ul {position: relative; padding-top: 0; } 
.header .nav.open { left: calc(100% - 375px);  }
.header .mobmenu-close {display: block; transform: scale(.5); right: 8px; top: 15px; }
.header .nav ul li a {padding: 4% 10px; display: block; color: var(--ca-black-80);font-size:16px;font-style:normal;font-weight:600;}
.header .nav ul li.dropdown:after {content: "+"; position: absolute; right: 0; top: 8px; font-size: 24px; padding: 2px 0; width: 30px; line-height: 1; text-align: center; color: var(--ca-button-green); cursor: pointer; }
.header .nav ul li.dropdown.show:after {content: "-"; }
.header .nav ul li.dropdown>a:after { display: none}
header ul#menu1 li.relative { position: relative; }
header ul#menu1 li ul div.seven li, header ul#menu1 li ul li { width: 100%; }
.header .nav ul li.dropdown:after, .header .nav ul li.dropdown.show:after, header ul#menu1 li ul li.subdropdown.open span.submenu { top:8px; }
.header .nav ul li.dropdown:after{display:none;}
}
@media screen and (max-width:991px) and (min-width: 768px) {
.header .call-info {padding-top: 5% !important; }
} 
@media (max-width: 557px) {
   .menu-bottom-part{margin-top:56px}
}
@media screen and (max-width:479px) {
.header .nav ul li.dropdown:after, .header .nav ul li.dropdown.show:after { top:4px; }
 header ul#menu1 li ul li.subdropdown span.submenu { top: 6px; }
header ul#menu1.header3 li ul li a > .submenu-icons { padding-top: 12px; padding-bottom: 12px; }
.header .nav ul li a {padding-left: 10px; padding-right: 10px;}
}
/*menunew1 css end here*/
@media screen and (min-width: 1200px) and (max-width: 1511px ) {
header ul#menu1 li ul { padding-top: 30px; }	
}
@media screen and (min-width: 1025px) and (max-width: 1199px ) {
header ul#menu1 li ul { padding-top: 20px; }	
}
#cssmenu li.menu-item-has-children:before{display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-top:6px solid;border-right:6px solid transparent;border-left:6px solid transparent;color:var(--ca-green-lighter);content:"";position:absolute;right:0;top:17px;}
#cssmenu li .sub-menu li.menu-item-has-children:before{ display:none;}
.navigation{text-align:center;margin-bottom:50px;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled{color:var(--ca-white);text-decoration:none;}
.navigation li{display:inline;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled{background-color:var(--ca-gray-244);border-radius:0;cursor:pointer;padding:15px;color:var(--ca-gray-790);font-weight:500}
.navigation li a:hover,
.navigation li.active a{background-color:var(--ca-green-olive);color:var(--ca-white);}
.navigation li:last-child a{border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
.mobile-bg #owl-example2 .owl-controls{ display:none;}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel .owl-refresh .owl-item{display:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-item img{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:var(--ca-black-pure);}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;}
#owl-example3 .owl-item img, #owl-example4 .owl-item img, #owl-example5 .owl-item img{    width: inherit;}
.mobile-bg2 .owl-carousel.owl-loaded{display: inline-block;  vertical-align: top;}
.mobile-bg2 #owl-example3{ width:169px; margin-top: 29px; margin-left: 22px;}
.mobile-bg2 #owl-example4{ width:207px; margin-top: 6px; margin-left: 9px;}
.mobile-bg2 #owl-example5{ width:177px; margin-top:30px; margin-left: 8px;}
.mobile-bg2 .owl-controls{ display:none;}
.page-id-2541 .breadcrumb{display: none}
@media (max-width:1280px){
	#owl-example1 .owl-nav .owl-prev{ display:none !important;}
	#owl-example1 .owl-nav .owl-next{ display:none !important;}
	.case-detail-banner .banner-detail p{    font-size: 20px;    width: 81%;}
	.detail-listing .detail-right ul li { line-height: 22px; font-size: 13px;}
	.listing-page .secondary h2.widget-title{padding-left: 0}
}
@media (max-width:1024px){
	.case-detail-banner .banner-detail h1{ margin:0; font-size: 56px;}
	.case-detail-banner img{ height:inherit; }
	.deatils .viewproject{ width: auto;}
	.case-studies-listing .small_pic{ margin-bottom:0;}
	.green_bg h4{font-size: 22px;}
	.case-studies-listing .row .row{margin: 0px !important;}
	.case-detail-banner .banner-detail p{ display:none;}
	.case-detail-banner .banner-detail{ top:30px;}
	.mobile-bg2 #owl-example4{ margin-top: 6px; margin-left: 9px;}
	.mobile-bg2 #owl-example5{ margin-top:30px; margin-left: 8px;}
	.breadcrumb{margin-bottom:0;margin-top: 26px;}
	.breadcrumb ul li{margin-bottom:15px}
	.new_cta_banner.type1 ul li h2{font-size: 16px;}
}
@media (max-width:991px){
	.macbg{ width: 95%; height: 629px; background-size: 100%;}
	#owl-example1 .owl-item img{ max-width:93%; margin: 5px 30px;}
	.green_bg .strategy_row{    width: 33%;}
	.case-detail-banner .banner-detail p{ display:none;}
	.case-detail-banner .banner-detail{ top:50px;}
	.case-detail-banner .banner-detail h1{font-size: 66px;}
	.case-detail-banner .banner-detail h1{font-size: 36px;}
	.case-detail-banner .banner-detail .btn{ font-size: 20px; margin-top: 15px;    padding: 8px 27px;}
	.single-post article .post-content img.alignleft, .single-post article .post-content img.alignright{margin-top: 30px; margin-bottom: 30px; max-width: 250px;}
	.free-cons-cta{margin-top: 25px;}
	.new_cta_banner.type1 ul{flex-wrap: wrap;  text-align: center; margin: 0}
	.new_cta_banner.type1 ul li h2{max-width: 100%; margin-top:10px;}
	.new_cta_banner.type1 ul li{width: 100%; text-align: center}
	.new_cta_banner.type1 ul li:nth-child(2){margin:10px 0 30px}
	.sidebar_main .sticky{max-width: 100%}
	.single-post article .post-content .new_cta_banner.type1 a.btn{margin:0 auto; font-size:14px; max-width: 250px;}
    .new_cta_banner.type1.type2{flex-wrap: wrap;}	
	.new_cta_banner.type1.type2 ul{max-width: 100%; order:2}
	.new_cta_banner.type2 .type2_img{top: 10px; left: 0;height:auto;right: 0;margin: 0 auto; position: relative;; margin-bottom:30px;}
	.new_cta_banner.type2 .type2_img img{width:100%; height: auto; max-width: 250px;}
    .new_cta_banner.type2 .type2_img{max-width: 100%}
	.new_cta_banner.type1 ul li:nth-child(3){order:1; margin-bottom: 15px;}
	.new_cta_banner.type1 ul li:nth-child(1){order:2}
	.new_cta_banner.type1 ul li:nth-child(2){order:3}
	.single-post .entry-content .post-content .new_cta_banner.type1 ul li{padding-left: 0}
.footer-copyright{justify-content:center;flex-wrap:wrap;}
}
@media (max-width:899px) {
	#owl-example1 .owl-item img{ margin: 1px 30px;}
}
@media (max-width:849px) {
	#owl-example1 .owl-item img{ max-width:92%;}
}
@media (max-width:767px){
.padding_right_zero{ padding-right:15px;}
.padding_left_zero { padding-left: 15px;}
.green_bg .strategy_row{width: 100%;}
.detail-listing .detail-left ul li{text-align: left;}
.macbg{display: none;}
.mobile-bg{position: static;}
.detail-slider{margin: 20px 0;}
.case-detail-banner .banner-detail{ top:30px;}
.case-detail-banner .banner-detail .btn{margin-top: 10px;}
.case-detail-banner .banner-detail h1{font-size: 32px;}
.deatils{top: 0;}
.full_pic .case-studies-listing .deatils h4{    margin-top: 0;font-size: 20px;}
.detail-listing ul{margin-left: 2px;margin-top: 20px;}
.case-studies-detail hr{ margin-top: 10px; margin-bottom: 20px;}
.green_bg .strategy_row{ margin-top: 22px;}
.green_bg h4{margin-top: 20px;}
.single-post .post-thumb .detail_image .caption{position:relative;bottom:0;padding:20px;margin:10px 0 20px;}	
.listing-page .blog-detail h1{color: var(--ca-black-pure);font-size: 22px;} 
.single-post .detail_image .author_info h3{color:var(--ca-black-pure)}
.single-post .post-thumb{margin-bottom:0}
.single-post .post-thumb .detail_image .caption{background: none}	
.herobanner.case-innerpage-banner {padding-bottom: 0!important;padding-top: 100%!important;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{margin-top: 30px;}
.footer .lets-talk {background-image:url(../images/background/footer-bg-mobile.webp);}
.single-post article .post-content img.alignleft, .single-post article .post-content img.alignright{margin-top: 30px; margin-bottom: 30px; max-width: 250px;}	
.blog-list .content{padding:15px;}	
.new_cta_banner{padding: 330px 15px 30px;}	
.single-post .new_cta_banner h2, .new_cta_banner h2{font-size: 15px;line-height: 1.6;}
.new_cta_banner.default:after{top: 15px; left: 0;height: 315px;right: 0;margin: 0 auto; background-position: top center;}
.single-post article .post-content .new_cta_banner a.btn{padding:5px 15px; font-size:14px;height: auto;}	
.sidebar_main .sticky{max-width: 100%} 
.footer .lets-talk {background: 0 0;padding: 0;}
	.footer .lets-talk:before{background:var(--ca-black-pure)}
   .footer .container{padding:0}
    .footer .lets-talk h2{padding:0}
    .footer-col-form{padding:40px 20px;background-color:var(--ca-gray-900);position:relative}
     .footer .lets-talk .contact-form{margin-bottom:0;margin-top:0;border:0;padding:0}
@supports (-webkit-hyphens:none) { 	
.footer .lets-talk {background-image:url(../images/background/footer-bg-mobile.jpg);}	
}	
}
@media (max-width:600px){
.case-studies-banner h1{font-size: 42px;}
.case-detail-banner .banner-detail h1{    font-size: 24px;}
.case-detail-banner .banner-detail p{ display:none;}
.mobile-bg2{  width: 413px; background-size:100%;height: 340px;padding: 38px 0;}
.mobile-bg2 #owl-example3{ width:115px; margin-top:25px; margin-left: 13px;}
.mobile-bg2 #owl-example4{ width:141px; margin-top: 7px; margin-left: 6px;}
.mobile-bg2 #owl-example5{ width:120px; margin-top:26px; margin-left:2px;}
.case-detail-banner img { height: 160px;}
.case-detail-banner{ height:160px;}
#owl-example2 .owl-item img{height:218px;}
}
@media (max-width:567px){
.case-detail-banner .banner-detail{ top:30px;}
.case-studies-listing .deatils h4{font-size: 24px;}
.deatils { top: 10%;}
.full_pic .deatils { top: 0%;}
.case-detail-banner .banner-detail h1{    font-size: 22px;}
.mobile-bg2{  width: 330px; height: 290px;padding: 38px 0;} 
.mobile-bg2 #owl-example3{ width:92px; margin-top: 12px; margin-left: 11px;}
.mobile-bg2 #owl-example4{ width:112px; margin-top: -1px; margin-left: 3px;}
.mobile-bg2 #owl-example5{ width:95px; margin-top:13px; margin-left:2px;} 
.social-detail a{margin: 0 11px;}
.single-post article .post-content img.alignleft, .single-post article .post-content img.alignright{max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; margin-top: 20px;}	
}
@media (max-width:480px){
.green_bg .strategy_row{width: 100%;}
.case-studies-banner h1{font-size: 52px;}
.about-project p{ margin-top:0;}
.case-studies-listing .deatils h4{ font-size: 28px;}
.full_pic .deatils .viewproject{ display:none;}
.case-detail-banner .banner-detail { top: 30px;}
.case-studies-listing strong{font-size: 24px;}
.green_bg .strategy_row{ width:100%;}
.mobile-bg2{  width: 313px; height: 270px;} 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled { font-size:12px; padding: 15px 13px;  display: block; margin-bottom: 10px;}
.navigation li{    display: inline-block; vertical-align: top;}
.mobile-bg2 #owl-example3{ width:88px; margin-top: 6px; margin-left: 11px;}
.mobile-bg2 #owl-example4{ width:107px; margin-top: -2px; margin-left: 1px;}
.mobile-bg2 #owl-example5{ width:93px; margin-top:5px; margin-left:0px;} 
h2 {  font-size: 1.825rem; padding: 0px 30px 0px 15px;}	
} 
@media (max-width:380px){
.social-detail a{margin: 0 6px;}
.case-studies-listing strong{font-size: 20px;}
.green_bg h4{ font-size:18px;}
.mobile-bg2{ width: 300px;height: 250px;padding: 34px 0;}
.mobile-bg2 #owl-example3{ width:84px; margin-top: 12px; margin-left: 10px;}
.mobile-bg2 #owl-example4{ width:101px; margin-top: 0px; margin-left: 2px;}
.mobile-bg2 #owl-example5{ width:87px; margin-top:12px; margin-left:2px;} 
.green_bg p{line-height: 24px;font-size: 16px;}
.case-studies-listing .deatils h4{ font-size:24px;}
.case-studies-banner h1{font-size: 42px;}
} 
.blog-list.category-list .image img{position:unset;transform:unset;width:100%;height:100%;}
.yarpp .blog-list{background:none;border:0;}
.yarpp .blog-list .image{width:100%;height:189px;}
.yarpp .blog-list .image img{position:unset;transform:unset;width:100%;height:100%;}
.yarpp .blog-list .content{background:var(--ca-gray-150);padding:20px;width:100%;height:calc(100% - 190px);min-height:auto;}
.yarpp .blog-list .content h3{min-height:50px;}
@media(max-width:1366px){
	.yarpp .blog-list .image{padding-top:0}
}
@media (max-width:991px){
	.yarpp .blog-list .image {height:auto;}
 .yarpp .blog-list .col-md-4{margin-bottom:30px}
 .yarpp .blog-list .content{height:auto}
}
.blog-list.category-list{background:none;border:0;}
.blog-list.category-list .image{width:100%;height:189px;}
.blog-list.category-list .image img{position:unset;transform:unset;width:100%;height:100%;}
.blog-list.category-list .content{background:var(--ca-gray-150);padding:20px;width:100%;height:calc(100% - 190px);min-height:auto;}
.blog-list.category-list .content h4{min-height:79px;font-size:15px;font-family:'Montserrat';line-height:1.3;}
.blog-list.category-list .content h4 a{color:var(--ca-black-pure);}
article.post{margin-bottom:30px;}
@media(max-width:1366px){
	.blog-list.category-list .image{padding-top:0}
}
@media (max-width:991px){
	.blog-list.category-list .image {height:auto;}
	.blog-list.category-list .col-md-4{margin-bottom:30px}
	.blog-list.category-list .content{height:auto}
}
/*css cokies*/
.gdpr-cookie.bottom{position:fixed;left:0;right:0;height:auto;z-index:2147483647;background-color:var(--ca-white);color:var(--ca-white);line-height:1.8;border-bottom:1px solid var(--ca-cookie-border);border-top:1px solid var(--ca-cookie-border);box-shadow:0 1px 5px var(--ca-cookie-shadow);text-align:center;bottom:0;opacity:1;display:none;text-align:center;font-size:17px;color:var(--ca-black-pure);font-weight:400;font-family:'Montserrat';clear:both;}
.gdpr-cookie.bottom .content{padding:20px;width:100%;display:flex;align-items:center;align-items:center;justify-content:space-evenly;}
.gdpr-cookie.bottom .content p{font-size:12px;width:72%;text-align:left;margin-bottom:0;}
.empty-bg{background:0;color:var(--ca-black-pure);}
@media(max-width:669px){
.gdpr-cookie.bottom .content{display:block;text-align:center;}
.gdpr-cookie.bottom .content p{width:100%;text-align:center;margin-bottom:15px;}
}
section.case_study_about{padding-bottom:50px;}
.image-right_c{margin-top:60px;}
.partner_logos img{object-fit:contain;}
.technologies-sec p{width:95%;margin:0 auto;}
.lets-connect.big{margin-bottom:30px;}
.big{font-size:1.375rem;}
.lets-connect.big .mini-container{max-width:1240px;}
.lets-connect .mini-container{padding-left:44px;}
.lets-connect .lets-connect-inner{width:70%;background:var(--ca-navy);position:relative;padding:3% 5%;color:var(--ca-white);margin:auto;}
.lets-connect.big .lets-connect-inner{min-width:100%;padding:5%;}
.lets-connect .lets-connect-inner h2{font-size:2.375rem;padding:0;}
.lets-connect .lets-connect-inner h2 span{display:block;font-size:3rem;color:var(--ca-button-green);font-family:museo700;}
.lets-connect.big .lets-connect-inner h2 span{font-size:2.7rem;line-height:120%;}
.lets-connect .lets-connect-inner:after{border:4px solid var(--ca-button-green);left:0;bottom:0;right:0;z-index:-1;}
.lets-connect .lets-connect-inner:after{top:0;content:"";position:absolute;transform:translate(-15px,15px);}
.lets-connect.big .lets-connect-inner:after{transform:translate(-30px,30px);}
.lets-connect .lets-connect-inner .btn.btn-border-green{color:var(--ca-white);}
.image-right_c .detail-right{text-align:center;margin-top:45px!important;}
.partner_used h3{font-size:25px;font-family:'Museo500';font-weight:500;}
.partner_used{margin-top:40px;}
.partner_logos{display:flex;gap:21px;}
.logo-section{background:var(--ca-gray-30);border:1px solid var(--ca-gray-470);padding:15px 12px;min-width:143px;display:flex;justify-content:center;border-radius:5px;line-height:2;font-size:19px;font-weight:600;align-items:center;max-width:25%;}
.image-name-wrapper{display:flex;flex-direction:column;align-items:center;max-width:127px;}
.technologies-sec{background:var(--ca-gray-100);padding:60px 0;}
.technology_logos{display:flex;justify-content:center;gap:25px;margin-top:40px;flex-wrap:wrap;}
.image_box{background:var(--ca-gray-246);border:2px dashed var(--ca-gray-620);padding:15px;display:flex;flex-wrap:wrap;margin:0;height:120px;width:120px;align-items:center;justify-content:center;}
.technologies-sec a{text-decoration:underline;color:var(--ca-olive-dark);}.image_box img{max-width:100%;max-height:100%;}
.technology_logos span{font-size:16px;color:var(--ca-black-pure);margin-top:12px;display:block;line-height:normal;}
span.no-image{background:var(--ca-white);border:2px dashed var(--ca-gray-620);padding:20px;display:flex;flex-wrap:wrap;margin:0;height:120px;width:120px;align-items:center;justify-content:center;font-weight:600;}
.service_we-offer_sec{padding:60px 0 0;}
.service_we-offer_sec img{margin-top:20px;}
.technical_integation{padding:60px 0 20px;}
ul.technical_points{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0 auto;}
.full_desktop-image{text-align:center;background:transparent;position:relative;}
.full_desktop-image:before{content:"";background:var(--ca-gray-634);width:100%;height:175px;position:absolute;bottom:0;left:0}
.full_desktop-image img{position:relative;}.Process_sec{padding:60px 0;}
.process-box_border{position:relative;}
.process_box{text-align:center;position:relative;display:flex;flex-direction:column;height:100%;padding-left:50px;padding-right:10px;}
.process-box_border:before{content:"";background-image:url(../img/border-arrow-new.webp);height:100%;width:60px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:100% 100%;}
.Process_sec .row{display:flex;margin:0;}
.feedback-bg{padding:60px 0 40px;background-image:url(../img/client-feedback-bg.jpg);width:100%;height:100%;}
.container-mini{width:80%;display:flex;justify-content:center;margin:0 auto;margin-top:90px;}
.client_image{text-align:center;margin-bottom:20px;}.client_description{text-align:center;}
.client_description h4{margin-bottom:0;font-size:20px;}
.trustpilot-rating{margin-bottom:24px;}
.trustpilot-rating .rating{flex-wrap:wrap;display:flex;align-items:center;gap:10px;}
.client-feedback{position:relative;}
.quote_image{position:absolute;top:-16px;right:67px;}
.feedback_text p{font-size:17px;}
.about_content p{line-height:30px;font-size:18px;}
.process_icon{width:90px;height:90px;margin:0 auto;margin-bottom:4px;}
.technical_integation .content p{width:88%;margin-left:auto;margin-right:auto;}
.footer_location a{color:var(--ca-white);}
.full_desktop-image{margin-top:40px;}
.image-right_c:has(.app_logos){display:flex;gap:15px;align-items:center;}
.app_logos{display:flex;gap:20px;}
section.before_after{display:flex;width:100%;justify-content:center;padding:60px 0;}
.before-after-container{display:flex;width:100%;}
.before-after-container .col-lg-6{width:44%}
.before-sec,.after-sec{background:url(https://www.chilliapple.newsoftdemo.info/blog/wp-content/uploads/2025/05/macbook-air-dark.png);background-repeat:no-repeat;background-size:100% 100%;width:530px;margin:0 auto;padding:50px 67px;display:block;text-align:center;}
.before-sec #owl-example1 .owl-item img,.after-sec #owl-example2 .owl-item img{width:100%;height:334px;margin:auto;}
.before-sec #owl-example1 .owl-nav{display:none;font-size:0;}
.container_heading{position:absolute;left:50%;transform:translatex(-50%);top:-28px;background:var(--ca-black-pure);padding:14px 60px;color:var(--ca-green-olive);font-size:32px;border-radius:4px;line-height:38px;z-index:-1;}
.before-sec .owl-carousel button.owl-dot{background:var(--ca-white);width:20px;height:20px;border-radius:50%;border:2px solid var(--ca-gray-600);display:flex;justify-content:center;align-items:center;position:relative;}
.before-sec .owl-carousel button.owl-dot span{background:var(--ca-white);width:15px;height:15px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.before-sec .owl-carousel .owl-dots{display:flex;position:absolute;bottom:-50px;left:100%;gap:5px}
.before-sec .owl-carousel button.owl-dot.active span{background:var(--ca-button-green)!important;}
.before-sec .owl-carousel .owl-stage-outer{position:unset;}
.before-sec .owl-carousel,.owl-carousel .owl-item{position:unset;}
.service_we-offer_sec h3{margin-bottom:5px;}
.service_we-offer_sec p{line-height:1.4;margin-bottom:11px;font-size:14px;}
.service_we-offer_sec h2{margin-bottom:15px;}
.list-items-leaf ul.service_points li{margin-top:11px}
.service-sec-padding{padding-bottom:40px;}
.service-sec-padding ~section.Process_sec{display:none;}
@media (max-width: 1274px) {
.quote_image{position:absolute;top:-17px;right:67px;width:34%;}
}
@media (max-width: 1174px) {
    .quote_image{top:-4px;right:45px}
    .Process_sec .row{display:flex;flex-wrap:wrap}
    .process-box_border:before{display:none}
    .before-sec,.after-sec{padding:59px 52px}
}
@media (max-width: 1024px) {
   .lets-connect.big .lets-connect-inner:after{transform:translate(-15px,15px)}
    .contact_btn.blog-contact-view{display:none}
}
@media screen and (max-width: 991px) {
    .lets-connect .lets-connect-inner:after{border:2px solid var(--ca-button-green);transform:translate(-22px,22px)}
    .image-right_c{margin-top:50px}.container-mini{flex-wrap:wrap;width:100%}
    .about_content{line-height:25px;font-size:15px}
    .case_study_about .container{padding:0}
    .technologies-sec p{width:100%;margin:0 auto}
    .image-right_c{margin-top:0}
    .service_we-offer_sec img{margin-top:0}
    .technical_integation .content p{width:100%;margin-left:auto;margin-right:auto}
    .before-after-container{flex-direction:column;gap:30px}
    .before-after-container .col-lg-6{width:100%}
    .before-sec #owl-example1 .owl-item img,.after-sec #owl-example2 .owl-item img{width:85%;height:144px}
    #owl-example2 .owl-item img{height:370px}
    .before-sec .owl-carousel .owl-dots{display:none;}
    section.before_after{padding:60px 0 0}
    h2.white.opacity-0.mar-b-70{display:none;}
.partner_used{margin-bottom:30px;}
.logo-section{max-width:15%;min-width:auto;}
.copyright-left{gap:0}
.footer_location{margin: 15px 0 0;}
}
@media (max-width: 767px) {
    .lets-connect.big .lets-connect-inner h2 span{font-size:2rem}
    .lets-connect.big .lets-connect-inner:after{transform:none}
    .Process_sec .row{flex-wrap:wrap}
    .process-box_border:before{display:none}
    .quote_image{top:0;right:0}
    .technology_logos{flex-wrap:wrap}
    .lets-connect .mini-container{padding-left:0}
    .technical_integation{padding:20px 0}
    .Process_sec .container{padding:0 4px}
    .process_box{padding-left:0;padding-right:0}
    .lets-connect-inner span.leaf:after{top:unset;bottom:3px;}
    .technical_integation .leaf::after{top:unset;bottom:2px;}
    .client-feedback .leaf::after{top:unset;bottom:3px;}
    .single-case-studies .leaf::after{top:unset;bottom:3px;}
}
@media (max-width: 600px) {
   #owl-example2 .owl-item img{height:218px}
   .Process_sec{padding:30px 0;}
   .logo-section{min-width:118px;}
   .service_we-offer_sec .container{padding:0;}
}
@media (max-width:567px) {
ul.technical_points{grid-template-columns:1fr}
.client-feedback{text-align:center;}
.quote_image{display:none;}
.trustpilot-rating .rating{justify-content:center;}
.partner_logos{flex-wrap:wrap}
.partner_logos a{min-width:80px;}
.technology_logos a{flex-direction:column;width:120px;display:flex;height:120px;align-items:center;}
.case_study_about .container{padding:0;}
.image-right_c:has(.app_logos){flex-direction:column;gap:35px;margin-top:25px;}
.app_logos{justify-content:center;}
.herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont.no-pm h1{font-size:28px}
}
@media (max-width:457px) {
    #owl-example2 .owl-item img{height:141px}
}
.btn,.header .nav ul li{text-transform:capitalize;}
.contact_btn a{background:var(--ca-button-green-a12);border:1px solid var(--ca-button-green);padding:10px 20px;border-radius:3px;transition:.4s;color:var(--ca-white);text-decoration:none;width:auto;}
.contact_btn a:hover{background:var(--ca-button-green-a90);}
@media (max-width: 1440px) {
    .subdropdown_menu .col-4{margin-top:18px;margin-bottom:25px}
}
.header .nav ul li{text-transform:capitalise;}
@media(min-width:1024px) {
    .col-3.last-menu label.h3{padding-left:17px}
    .padding0{padding-left:0}
    .subdropdown_menu.small.w390{padding:0}
    li.submenu-icon{display:flex;gap:10px}
    header ul#menu li .subdropdown_menu ul li.submenu-icon i.menu-icon{position:unset!important;height:21px;margin-right:0;width:21px}
    .menu-icon img{filter:unset!important;height:100%}
    .subdropdown_menu p{font-size:12px;letter-spacing:-.5px;font-weight:400;padding:10px 20px;width:80%}
    .contact_btn-sub-menu a{padding:9px 20px!important;background:var(--ca-button-green);width:fit-content;color:var(--ca-black-pure)!important;font-weight:600;border-radius:4px}
    header ul#menu li .subdropdown_menu.dropdown-menu-leaf-icon ul{padding-left:11px}
    .last-menu{text-align:left}
    .desktop-col p{width:100%;text-transform:none!important}
    .menu-industries p{width:100%}
    i.menu-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;padding:0;position:absolute;left:4px;top:12px;width:21px;height:21px;}
    .header .nav ul li i.menu-icon img{width:100%;height:100%;}
    .bg-before:before{background:var(--ca-gray-950);content:"";right:0;top:0;position:absolute;width:28%;height:100%}
    .subdropdown_menu .col-2 {margin-bottom: 30px;position: relative;margin-top: 40px;width: 20%; padding-left: 15px;padding-right:15px;}
    .subdropdown_menu .col-2:before {content: '';position: absolute;left: -32px;top: 0;background: var(--ca-gray-850);height: 100%;width: 1px;}
}
.last-menu:before{display: none;}
.without-border:before{display:none}
@media(min-width:1400px){
    .herobanner.case-innerpage-banner .herobanner-content .magento-flex .magento-cont p{font-size:14px}
}
@media(min-width:1480px) {
    .subdropdown_menu p{font-size:16px}
    .subdropdown_menu .h3{color:var(--ca-button-green);font-size:16px}
}
@media(max-width:1390px) {
    .header .nav ul li{font-size:1.1rem}
}
@media(max-width:1024px){i.menu-icon{display: none;}label.h3.desktop-space-heading {padding-left: 10px;}.subdropdown_menu p{display: none;}}
@media(max-width:1080px) {
    .header .nav ul li{font-size:1.3rem}
    .header .call-info.desk_view{width:58%}
}
@media (max-width: 1024px) {
    .subdropdown_menu .col-4{margin:0}
}
@media(min-width:1950px) {
    .header{display:flex}
    .mega-menu-container{max-width:1560px;margin:0 auto}
    .header .container{max-width:1560px;margin:0 auto}
    .header .nav ul li{float:left;font-size:1.1rem}
    header ul#menu li .subdropdown_menu ul li>a{font-size:15px}
    .subdropdown_menu .h3{color:var(--ca-button-green);font-size:17px}
    .header .nav ul li.dropdown>a:after{top:9px}
    .subdropdown_menu p{font-size:15px}
    i.menu-icon{display:flex;border-radius:50%;align-items:center;justify-content:center;padding:0;position:absolute;left:4px;width:21px;height:21px;top:12px}
    .menu-icon img{width:100%;height:100%}.col-3.last-menu{background:var(--ca-gray-950);margin:0;padding:40px}.last-menu label.h3{padding-left:17px}
    .header-container{position:relative;max-width:1560px;margin:0 auto;width:100%}
}
.category-filter{display:none;gap:1%;margin-bottom:40px;padding:15px 0;justify-content:space-between;}
.cat-btn{background:transparent;border:0;font-size:19px;font-weight:bold;border:1px solid var(--ca-gray-510);padding:15px 18px;width:max-content!important;display:flex;justify-content:center;align-items:center;min-width:127px;color:var(--ca-black-pure);line-height:16px;font-family:museo700}
.cat-btn:hover{background:var(--ca-button-green);}
.cat-btn.active{background:var(--ca-button-green);}
.custom-pagination .navigation li.active a{padding:8px 12px;}
.custom-pagination .navigation li a:hover{padding:8px 12px;}
.archive .custom-pagination .navigation{margin-bottom:0;}
.custom-pagination ul{margin-bottom:0;}
@media(max-width:1156px){
.cat-btn{font-size:18px;line-height:18px;min-width:fit-content;}
.category-filter{overflow-x:auto;padding:10px 0;gap:1.5%}
}
@media(max-width:991px){
    .single-post h3 .leaf:after{bottom:3px;transform:scale(.8);}
}
@media(max-width:600){
.post-content table{overflow-x:scroll;display:flex;}
}
@media(max-width:487px){
   .custom-pagination li a,.custom-pagination li span{padding:8px 5px!important;font-size:9px}
}
/*client-rating*/
.client-rating{display:flex;align-items:center;gap:5px;}
.client-rating span{font-weight:600;font-size:18px;}
.ai-share-buttons h3{margin:0!important;display:flex;align-items:center;font-size:16px!important;font-weight:600;}	
.ai-share-buttons.ai-share .ai-share-button{padding-top:10px;font-size: 13px;}	
.ai-share-buttons { display: flex; align-items: center; flex-wrap: wrap; column-gap: 10px; row-gap: 5px;  margin: 0 0 20px 0; }
.ai-share-buttons a.ai-share-button {  display: block; width: max-content; max-width: 100%; height: 35px;   border-radius: 100px; position: relative; margin-left: 0; background-color: var(--ca-blue-royal); color: var(--ca-black-pure) !important; text-decoration: none; transition: 0.1s ease; padding: 5px 15px;  text-decoration:none;}
.ai-share-buttons.ai-share-icon a.ai-share-button { width: 40px; min-width: 40px; border-radius: 50%; color: transparent; overflow: hidden; padding: 0; }
.ai-share-buttons a.ai-share-button:hover { background-color: var(--ca-blue-bright);  text-decoration:none !important;}
.ai-share-buttons.ai-share-icon a.ai-share-button::after { content: ""; display: block; background-repeat: no-repeat;
  background-position: center center; background-size: contain; width: 25px; height: 25px; position: absolute;
  top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
/* Icon Backgrounds */
.ai-share-buttons.ai-share-icon a.ai-share-button.chatgpt::after { background-image: url(../img/chatgpt.png); }
.ai-share-buttons.ai-share-icon a.ai-share-button.perplexity::after { background-image: url(../img/ratlosigkeit.png); }
.ai-share-buttons.ai-share-icon a.ai-share-button.claude::after { background-image: url(../img/claude.png); }
.ai-share-buttons.ai-share-icon a.ai-share-button.google-ai::after { background-image: url(../img/google.png); }
.ai-share-buttons.ai-share-icon a.ai-share-button.grok::after { background-image: url(../img/grok.png); }
/* Background Colors */
.ai-share-buttons a.ai-share-button.chatgpt { background-color: var(--ca-teal-soft); }
.ai-share-buttons a.ai-share-button.perplexity { background-color: var(--ca-teal-dark); color:var(--ca-white) !important; }
.ai-share-buttons a.ai-share-button.claude { background-color: var(--ca-coral); }
.ai-share-buttons a.ai-share-button.google-ai { background-color: var(--ca-navy); }
.ai-share-buttons a.ai-share-button.grok { background-color: var(--ca-gray-880); color:var(--ca-white) !important;}
/* Hover Background Colors */
.ai-share-buttons a.ai-share-button.chatgpt:hover {  background-color: var(--ca-teal-muted); }
.ai-share-buttons a.ai-share-button.perplexity:hover {background-color: var(--ca-teal); }
.ai-share-buttons a.ai-share-button.claude:hover { background-color: var(--ca-rust); }
.ai-share-buttons a.ai-share-button.google-ai:hover { background-color: var(--ca-navy); }
.ai-share-buttons a.ai-share-button.grok:hover { background-color: var(--ca-gray-990); }
/* Responsive */
@media screen and (max-width: 480px) {
  .ai-share-buttons > p { font-size: 16px; }
  .ai-share-buttons.ai-share-icon a.ai-share-button { width: 32px; min-width: 32px; height: 32px; }
  .ai-share-buttons.ai-share-icon a.ai-share-button::after { width: 22px; height: 22px;}
}
/*ada-coplaince*/
#text-4 {margin-top: 20px;}
 .call-info span.call:before{display: none;}
.header .call-info span.mail:before {display: none;}
.header .call-info span{ display: flex; align-items: center; gap: 10px; justify-content: center}
.logo img{ width: 100%; height: 70px}
@media(min-width:1025px){
ul.desktop-menu{ display: flex;} .desktop-menu li{ padding: 4px 0px 4px 0px !important; width: auto !important} .desktop-menu li a{ font-size: 11px !important; font-weight: 300 !important; border-right: 1px solid; line-height: 1 !important; padding-right: 4px !important; padding-left: 4px !important}.desktop-menu li:last-child a{ border-right: 0 !important; padding-right: 0 !important}.desktop-menu li a:hover{ border-right: 1px solid; border-color:var(--ca-white) !important}.desktop-menu li:last-child a:hover{ border-right: 0 !important;}
}
/* new css for header udpate on 18-11-25 */
@media screen and (max-width: 360px){ .header .call-info span.call:before{ display: none;}}
.header .call-info.desk_view{width: 70%}.whatsapp-icon{ width: 22px; margin-right: 0 !important}
@media (min-width: 768px) and (max-width: 992px) {.header .call-info span {gap: 5px;}}
header.fixed-header .logo img{ width: 100%; height: 70px;}
.whatsapp_chat{display:none;}
@media (max-width: 768px){
.whatsapp_chat{ position: fixed; bottom: 16px; right: 40px; width: 60px; height: 60px; z-index: 9999; border-radius: 50% 50% 50% 0; cursor: pointer; display:block}
.footer_logos{display: none;}
.footer_logos.mobile{display:flex;flex-wrap:wrap}
.footer_logos.mobile .logos-mobile-footer{display:flex;padding:0;flex-wrap:wrap;gap:16px 0;padding:20px 0;justify-content:center}
.footer_logos .logos-mobile-footer .item{flex:0 0 24%;display:flex;align-items:center;padding:0 16px;position:relative;}
.footer_logos .logos-mobile-footer .item:before{content:"";position:absolute;top:0;width:1px;right:0;background:var(--ca-white);opacity:.1;height:100%;display:block;left:unset}
.footer_logos .logos-mobile-footer .item:last-child{flex:0 0 15%}
.footer_logos .logos-mobile-footer .item:nth-child(4):before{display:none}
/* span.mobile-second-row{display:block} */
.footer_logos .logos-mobile-footer .item:last-child:before{display:none}
.footer_logos .item-footer-logo.footer-first:before{display:none}
.footer_logos .logos-mobile-footer .item svg{width:100%;height:100%}
.footer_location{font-size:13px}
.footer_location li{margin:0 0 16px;padding:0 12px}
.footer_location li:before{height:13px;top:0;left:0}
.footer .copyright p,.footer_location{font-size:13px;line-height:22.1px;letter-spacing:.4px;margin-bottom:7px}
.footer .copyright{padding:16px 20px 96px}
.footer .container,.wantto-see h2{padding:0} 
}
.custom-dropdown{ position: relative; width: 100%; cursor: pointer;} .dropdown-selected{ background: var(--ca-white); position: relative;}
    .dropdown-selected::after{ content: ""; position: absolute; width: 18px; height: 10px; right: 12px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: transform 0.2s; background-image: url('../images/arrow-down-black.svg');background-repeat: no-repeat;background-size: 100%;cursor: pointer;}
    .custom-dropdown.active .dropdown-selected::after{ background-image: url('../images/arrow-up-black.svg');}
	#dropdownSelected{ height: 50px; line-height: 50px; font-style:normal}
    .dropdown-options{ display: none; position: absolute; top: 87%; left: 0; width: 100%; background: var(--ca-white); border: 1px solid var(--ca-gray-600); border-top: none; z-index: 10;}
    .dropdown-option{ padding: 10px 12px; border-bottom: 1px solid var(--ca-gray-600); transition: background 0.2s; color:var(--ca-black-pure); line-height: 21px;}
    .dropdown-option:hover{ background: var(--ca-navy); color: var(--ca-white);}
    .dropdown-option:last-child{ border-bottom: none;}
	.contact-form textarea.form-field.text-message{ padding-top: 20px; padding-bottom: 20px; height: 90px}
   .process_content ul li {text-align: left;margin-bottom: 10px;}
  .about_content ul li {font-size: 15px;margin-bottom: 12px;line-height:normal;}