@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-500-webfont.eot); src: url(../fonts/museo-500-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-500-webfont.woff2) format('woff2'), url(../fonts/museo-500-webfont.woff) format('woff'), url(../fonts/museo-500-webfont.ttf) format('truetype'), url(../fonts/museo-500-webfont.svg#museo500) format('svg'); font-weight: 400; font-style: normal}

@font-face {  font-family: museo700; src: url(../fonts/museo-700-webfont.eot); src: url(../fonts/museo-700-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/museo-700-webfont.woff2) format('woff2'), url(../fonts/museo-700-webfont.woff) format('woff'), url(../fonts/museo-700-webfont.ttf) format('truetype'), url(../fonts/museo-700-webfont.svg#museo700) 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 #d7d7d7; 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: #000;}

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: #fff !important;background:#000 !important;}

.navbar-nav > li:hover > a{ background:#000 ; color:#fff !important; }

.dropdown-menu > li > a:hover{background:#5b0074; color:#fff !important;}

.dropdown-menu > li:hover, .dropdown-menu > li:focus { background:#5b0074 url(../images/menu-leaf.png) 11px 20px no-repeat;  color:#fff !important; }



.navbar-nav > li > a.active  { background:#000 !important;color:#fff !important;}

.navbar-nav > li > a.active  .sprite{ background-color: #e0cd02 !important;color:#fff !important;   opacity: 1; border: 4px solid #e0cd02;}

.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 #44114b; box-sizing: content-box;    margin-top: -6px; } 

.dropdown-menu{background:#000 !important;font-family: 'museo700';font-size:20px;}

.navbar-nav > li > a:hover .sprite, .dropdown-menu > li > a:hover .sprite {opacity:1; background-color:#e0cd02;border: 4px solid #e0cd02; } 

.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:#000;}

.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: #eee;}

.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,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.26) 26%, rgba(0,0,0,0.92) 92%, rgba(0,0,0,1) 100%);

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.26) 26%,rgba(0,0,0,0.92) 92%,rgba(0,0,0,1) 100%);

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.26) 26%,rgba(0,0,0,0.92) 92%,rgba(0,0,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}

.listing-page .blog-detail h1{color:#ffff;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 figure img {width:100%; height: 100%; object-fit:cover}*/

.single-post .detail_image .author_info h3{color:#fff;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 #d7d7d7;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: #fff;font-size:18px;font-family: 'museo700';background: #c2c900;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:#898989} 

.single-post article .post-date.new ul li a:hover{color:#c2c900}

.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:#5c0075;list-style:none;text-align:justify}

.detail-listing .detail-right ul li{width:100%;display:block;line-height:30px;font-size:18px;color:#c2c800;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}





@media (max-width: 767px){

/*.navbar-nav > li > a{font-size: 13px;}*/

}

@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:#5a0074 !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 #5b0074;}

.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 #c0c830;width:100%;}

.blog article.post h2 a, .search article.post h2 a, .date article.post h2 a, .category article.post h2 a{color:#5b0074 !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:#edecec;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:#baca34;color:#fff;}

.blog .pagination .page-numbers.current, .search .pagination .page-numbers.current, .date .pagination .page-numbers.current, .category .pagination .page-numbers.current{background-color:#baca34;color:#fff;}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{border:none!important;margin:0!important;vertical-align:top;}

.yarpp-thumbnails-horizontal .yarpp-thumbnail img{border:10px solid #edecec;}

/*************************** / blog section ********************/

.readmorebtn{font-size:16px;font-family:"museo700";float:right;}

.readmorebtn>a{color:#5b0074;float:left;padding:15px 0px;text-decoration:none;}

.readmorebtn>a:hover{color:#c1c800;}

.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:#4f0c80;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:#000;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;}

/*

.max-1200{width:1200px; padding:0 30px}

.max-1512{width:1512px; padding:0 30px}

*/

figure{margin:0px;}

.d-block{display:block;}

.white{color:#fff;}

.leaf{position:relative;display:inline-block;line-height:inherit;}

.leaf:after{content:"";background:url(../images/icons/css-sprites.png) left top no-repeat;background-position:-238px -192px;top:inherit;width:42px;height:50px;position:absolute;margin:-15px 0px 0px 5px;transform:scale(1);line-height:1;}

.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 #e1e1e0;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:#fff;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:rgba(0, 0, 0, 0.15);-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;}

.btn::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0, 0, 0, 0.15);-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:hover::before, .btn:hover::after{-webkit-transform:translate(0, 0);transform:translate(0, 0);}

.btn span{position:relative;z-index:2;}

.btn-purple{background-color:#5c0075;border:1px solid #5c0075;}

.btn-border-green{background-color:transparent;color:#000;border:2px solid #c2c900;}

.btn-border-green:hover{background-color:#c2c900;color:#fff;}

.btn-green{background-color:#c2c900;border:1px solid #c2c900;color:#000;}

.btn-green:hover{color:#fff;}

.wrapper{float:left;width:100%;}

.small-btn {

    font-size: 0.9rem;

    line-height: 46px;

    height: 46px;

    padding: 0 1.4rem;  

}

.purple{background:#5c0075;}

.purple .btn{color:#fff !important;}

header, footer{float:left;width:100%;}

.inlineBlock{display:inline-block !important;}

.block-hidden{display:block;overflow:hidden;}

label{margin:0px;}

.header.blog-header{/*padding-bottom:15px;*/background:#5c0075;}

strong{font-weight:500;}

.herobanner{background:url(../images/background/casestudy-banner.jpg) center center no-repeat #333;min-height:100vh;background-size:cover;float:left;width:100%;position:relative;padding-top:12.5%;padding-bottom:2.5%;}

.herobanner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, .7);}

.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:#c2c900;text-transform:uppercase;}

.herobanner .herobanner-content h1 span{color:#fff;font-family:museo300;display:block;font-weight:normal;font-size:3.437rem;}

.herobanner .herobanner-content p{color:#fff;font-size:1.675rem;padding:0px 13%;width:75%;display:inline-block;}

.herobanner.case-innerpage-banner{padding-top:28%;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 rgba(255, 255, 255, 0.3);}

.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:#c3c801;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:#fff;}

.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;}*/

.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:#ced433;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:#f5f5f5;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 #c2c900;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 #e1e1e0;}

.listing-page .secondary .widget_categories ul li a, .listing-page .secondary .widget_archive ul li a, .widget_lc_taxonomy ul li a{color:#000;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:#c2c900;}

/* .listing-page .secondary .s2_form_widget{float:left;width:100%;border: 3px solid #3b0142;padding: 30px 30px;background: url('https://www.chilliapple.newsoftdemo.info/blog/wp-content/uploads/2022/04/newsletter-bg.png') top center no-repeat #3b0142;color: #fff;background-size: cover;} */
.listing-page .secondary .s2_form_widget{float:left;width:100%;border: 3px solid #e1e1e1;padding: 30px 30px;background: url(https://www.chilliapple.co.uk/blog/app/uploads/2023/04/stayInTouchBg.png) top center no-repeat #e1e1e1;
    color: #000;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, .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:#000; float:left;width:100%;margin-bottom:15px;font-size:0.875rem;background: #fff;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:#fff;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:#5c0075;border:1px solid #5c0075;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/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;}

.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:#f5f5f5;margin-bottom:3.6%; border:1px solid #f5f5f5} 

.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:#000;}

.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:#000;}

.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:#f1f2c2;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:#efefef;}

.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:#efefef;}

.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:3% 0px 3%;background:url(../images/background/footer-bg.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:rgba(0, 0, 0, 0.7);}

.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 rgba(255, 255, 255, 0.3);}

.footer .lets-talk .lets-talk-add .contact-mail{font-size:1.12rem;color:#fff;float:left;width:100%;padding:20px 0px;letter-spacing:1.5px;}

.footer .lets-talk .lets-talk-add .contact-mail a{color:#fff;text-decoration:none;outline:none;}

.footer .lets-talk .lets-talk-add .contact-mail+.contact-mail{border-top:1px solid rgba(255, 255, 255, 0.2);}

.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.call{background:url('../images/icons/css-sprites.png') left top no-repeat;background-position:-233px -53px;}

.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img.mail{background:url('../images/icons/css-sprites.png') left top no-repeat;background-position:-228px 5px;}

.footer .lets-talk .lets-talk-add .contact-mail .contact-mail-img.address{background:url('../images/icons/css-sprites.png') left top no-repeat;background-position:-229px -126px;} */

.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 #d9dadb;padding:0px 15px;margin-bottom:8px;background-color:#fff;color:#000;}

.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;}

.contact-form #mail-status{color:#fff;padding:0px 15px;display:none;margin-bottom:15px;text-align:center;}

.contact-form #mail-status.error{background:#d60606ab;display:block;padding:10px 0;margin-top:30px;}

.contact-form #mail-status.success{background-color:#35880cab;display:block;padding:10px 0;margin-top:10px;}

.footer .footer-slider{float:left;width:100%;background:#5c0075;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:#fff;opacity:.1;}

.footer .copyright{float:left;width:100%;background:#4a035d;color:#fff;padding:21px 0px;}

.footer .copyright p{font-size:13px;margin:0px;}

.footer .copyright p a{color:#fff;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:#efefef;}

.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 #c2c800;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:#62047c;font-family:museo700;margin:0}

.grey_bg hr{border-top:1px solid rgba(78,78,78,.2);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:#d0d0d0;height:auto !important;width:100%;}

.post-content table td{padding:10px 15px;line-height:1.8;}

.csbwfs-fb a{background:none repeat scroll 0 0 #4a66b7 !important;}

.csbwfs-tw a{background:none repeat scroll 0 0 #000000 !important;}

.csbwfs-li a{background:none repeat scroll 0 0 #007BB6 !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: #c2c800;

  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 0px;

  background: #ededed;

  width: 80%;

  text-align: center;

  padding: 30px 0;

}

.platform_icon_small img {

  max-width: 100px;

}



/*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: #c2c900;  opacity: 0; }

header ul#menu1.header3 > li:hover > a:before { opacity: 1; width: 40%; transition: all .5s ease; }

*/

.fof img { max-width: 754px;width: 70%; }

.fof h2 {font-size: 2.375rem; font-weight: 500; margin-top: 30px; }

body.error404 h1 { color: #c2c900; 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: #fff;  margin: 3px; padding:10px 30px; border-radius:30px; background: #510267;  float: left;  letter-spacing: 1.5px}

.fofbox .call-info span a { color: #fff;  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: #ffffff; 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: #5c0175; text-align: right; line-height: 1.4; }

.single-post article .post-content blockquote.quote p strong small {color: #000; display: inline-block; }

.single-post article .post-content a { color: #c2c900; 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: #ffffff; 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 #fff; border-radius: 50px; top: 10px;}

.popup-close span {width: 14px; background: #fff; 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: rgba(0,0,0,0.5); 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: #5c0075; 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: #5e097a; background: #e2ea00; border-color: #e2ea00; }

.alert-box-content {flex: 1 0 0; padding: 20px; }

.alert-box-header img { max-width: 90px; }

.breadcrumb {

    float: left;

    width: 100%;

    padding: 15px 0px;

    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:#000; position:relative; font-size:14px; }

.breadcrumb ul li a{color:#000; 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 #000; border-bottom:1px solid #000; }

.breadcrumb ul li span{color:#5c0075; }

.breadcrumb ul li a:hover{color:#5c0075; }

.footer_location{display:flex; font-size: 13px; margin:8px 0 0; padding:0; justify-content: center; flex-wrap: wrap}

.footer_location li{display:block; margin:0 15px; position:relative}

.footer_location li:before{content:''; width:1px; height:14px; background:#fff; position:absolute; left:-15px; top:-1px }

.footer_location li:first-child:before{display:none}

.footer_logos{background: #5c0075;padding:5px 0;position: relative;overflow: hidden;float: left;width: 100%;display: inline-block;min-height: 100px;}

.footer_logos:after{content: '';position:absolute;top: -40px;width: 307px;height: 277px;right: 0;background: url(../images/icons/footer_leaf.png) 0 0 no-repeat;}

.footer_logos ul{width: 94%;margin: 0 auto;}

.footer_logos ul li{display: block;position:relative;overflow: hidden;padding: 0 20px;}
.footer_logos ul li 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 ul li:before{content:"";position:absolute;top: 31px;width:1px;left:0;background:#fff;opacity:.1;height: 90px;}

.footer_logos ul li 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:#fff;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: 0 15px;}

.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:#fff; 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;} 

/*.single-post .new_cta_banner.default h2, .new_cta_banner.default h2{margin-bottom:0}*/

.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: #adbc27;}

.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 #c2c900; text-align: center;padding: 20px;margin-bottom: 35px;} */
.free-cons-cta{width: 100%;height: auto;border: 3px solid #c2c900;text-align: center;padding: 37px;margin-bottom: 35px;background: url(https://www.chilliapple.newsoftdemo.info/blog/wp-content/uploads/2022/04/newsletter-bg.png) top center no-repeat #3b0142;border: 3px solid #3b0142;color: #fff;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: #baca34;color: #000;}

/* .free-cons-cta .small-btn:hover, .listing-page .secondary .s2_form_widget input[type="submit"]:hover{color:#fff; background:#c2c900; border-color:#c2c900}  */

.free-cons-cta .small-btn:hover, .listing-page .secondary .s2_form_widget input[type="submit"]:hover{color:#fff; background:#c2c900; border-color:#c2c900} 

.sidebar_main .sticky{max-width:292.5px;}

#sidebarfixed.fixed { position:fixed; top:0;}

/*

.listing-page.row{display: flex; justify-content: space-between;}

.listing-page .col-md-9.blog-listing{  display: flex; flex-direction: column;}

.listing-page .col-md-9.blog-listing + .col-md-3{position: sticky;}

*/





@media screen and (min-width:768px){

.footer_form h2{display: none}	

/*	

header ul#menu1 li ul{transition:transform 0.3s ease, opacity 0.3s ease;transform:translateY(100px);display:block !important;pointer-events:none;}

header ul#menu1 li:hover>ul{transform:translateY(11px);transition:transform 0.5s ease, opacity 0.5s ease;}

header ul#menu2 li.relative ul li{width:100%;}

header ul#menu2 li.relative ul.simple-dropdown{min-width:250px;left:50%;transform:translate(-50%, 100px);}

header ul#menu1 li.relative ul li .submenu-icons .menu-content h5{margin:0px;}

header ul#menu2 li.relative ul li, header ul#menu1 li.relative ul li{border-left-width:0px;}

header ul#menu2 li ul{transition:transform 0.5s ease, opacity 0.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:#c2c900;}

header ul#menu2 li.case-study ul li{width:14.286%;}

*/	

}











@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%}	

	

/*header ul#menu1 li.relative ul li{width:33.33%;}

header ul#menu1 li.relative ul.simple-dropdown{min-width:950px;left:50%;transform:translate(-66.5%, 100px);}

header ul#menu1 li.relative:hover>ul, header ul#menu2 li.relative:hover>ul{transform:translate(-66.5%, 2px);}

*/}

@media screen and (min-width:1200px){

/*header ul#menu1 li ul>div{justify-content:center;flex-direction:row;}

*/.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;}

/*.header .nav ul li{margin:0px 20px;}

header ul#menu1.header3 li ul>div{padding-left:0px;padding-right:0px;}

.header .nav ul li{margin:0px 15px;}

.header .nav ul li.dropdown > a{padding-right:15px;}

*/.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:1512px) and (min-width:1025px){

header ul#menu1 li ul li .submenu-icons .menu-icons{width:100%;position:relative;padding-top:35%;}

header ul#menu1 li ul li .submenu-icons .menu-icons img{max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

header ul#menu1 li ul li .submenu-icons .menu-content{width:100%;padding-left:0px;padding-top:10px;text-align:center;}

header ul#menu2 li ul li .submenu-icons .menu-content{width:100%;padding-left:0px;padding-top:10px;}

header ul#menu2 li ul{padding-left:50px;padding-right:50px;}

header ul#menu2 li.relative ul{padding-left:0px;padding-right:0px;}

header ul#menu2 li:hover>ul{transform:translateY(75px);}

header ul#menu2 li ul li .submenu-icons{padding:10px 0px;}

header ul#menu1 li:hover>ul{transform:translateY(8px);}

header ul#menu1 li ul>div{padding-left:50px;padding-right:50px;}

header ul#menu1 li.relative ul>div{padding-left:0px;padding-right:0px;}

header ul#menu1 li ul li:first-child{padding-left:0px;}

header ul#menu1 li ul li:last-child{padding-right:0px;}

header ul#menu1 li.relative ul li:first-child{padding-left:10px;}

header ul#menu1 li.relative ul li:last-child{padding-right:10px;}

header ul#menu1 li.relative ul.simple-dropdown, header ul#menu2 li.relative ul.simple-dropdown{min-width:680px;transform:translate(-64%, 100px);}

header ul#menu1 li.relative:hover>ul, header ul#menu2 li.relative:hover>ul{transform:translate(-64%, 7px);}

header ul#menu1 li ul{padding-top:50px;}

header ul#menu1 li.relative:hover>.arrowDown, header ul#menu2 li.relative:hover>.arrowDown{transform:translateY(42px);}

}

*/

@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;}

.leaf:after{margin-left:0px;transform:scale(.8);}

.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:#5c0075f2;}

.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}	

}

@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;}

.leaf:after{transform:scale(.8);}

.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 .lets-talk .contact-form{padding:30px;margin-top:50px;}

.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 #c4cb09;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 #c4cb09;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;}

.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;
}

	@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 rgba(255, 255, 255, 0.3);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:#c2c900; *//* color: #fff; *//* padding:10px 15px; *//* border-radius:5px; */line-height: 160%;}

#nav-above.navigation .nav-next a:hover, #nav-above.navigation .nav-next a:hover{background:#000}

@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: #5c0075}

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: #fff;font-weight: 600;float: left;letter-spacing: 1.5px}

.header .call-info span a { color: #fff;  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: #fff;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: #fff;  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 #c2c900;  border-color: #c2c900 transparent transparent transparent}

.header .mobmenu-open { display: none;    padding: 12px;  float: right;  margin-left: 20px;  cursor: pointer; border: 1px solid #fff;}

.header .mobmenu-open span { width: 25px;  background: #fff;  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: 3px solid #c2c900;  border-radius: 50px;  top: 25px}

.header .mobmenu-close span { width: 30px;  background: #fff;  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: #101010eb;  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);  display: flex;  width: 100%;  flex-wrap: wrap; justify-content: center;}

header ul#menu1.header3 li ul>div { background: #000;  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: #c2c900;  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: #000;  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: #dcdcdc;  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: #afafaf}

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: #b0b401;  background: #000000eb}

header ul#menu1.header3 li ul li:hover > a .submenu-icons { border-color: transparent;  background: #333333eb}

header ul#menu1 li ul li:hover > a .submenu-icons .menu-content .h5 { color: #c3c801}

header ul#menu1 li ul li:hover > a .submenu-icons .menu-content p { color: #fff}

header ul#menu1 li .arrowDown { border: solid transparent;  margin-left: 56px;  visibility: hidden;  content: " ";  position: absolute;  pointer-events: none;  border-color: rgba(255, 255, 255, 0);  border-bottom-color: #101010;  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: #ffffffeb;  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);  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: #000;  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: #4a4a4a;  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: #4a4a4a}

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: #c3c801}

header ul#menu2 li ul li:hover .submenu-icons .menu-content p { color: #fff}

header ul#menu2 li .arrowDown { border: solid transparent;  margin-left: 56px;  visibility: hidden;  content: " ";  position: absolute;  pointer-events: none;  border-color: rgba(255, 255, 255, 0);  border-bottom-color: #ffffffeb;  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: #000000eb}

.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 rgba(255,255,255,0.5);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:#000}

.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: rgba(0,0,0,0.9);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:#fff;font-size: 24px;outline:none;padding: 25px 10px;border-bottom:2px solid #fff;font-weight: 400;}

.search_block input:-webkit-input-placeholder{color:#fff; opacity:1}

.search_block input:-ms-input-placeholder{color:#fff; opacity:1}

.search_block input::placeholder{color:#fff; 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:#222}

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: #181818;display: block;align-items: center;padding: 15px 30px;color: #fff;text-decoration: none;min-height: 95px;transition: all 0.4s ease 0s;}

ul.auto_suggest li a:hover{background:#5c0075}

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 #000; }

.widget-area ul.wpp-list li, .widget_recent_entries ul li{margin: 12px 0 18px; padding:0;font-size: 13px;color: #000; font-weight:600; line-height: 148%;display: block;} 

.widget-area ul.wpp-list li span, .widget_recent_entries ul li span{color:#7f7f7f; 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:#000; transition: all 0.4s ease 0s;}

.widget-area ul.wpp-list li a:hover, .widget_recent_entries ul li a:hover{color:#c2c900}

.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: #c2c900; margin-bottom: -10px;}

.listing-page .secondary .s2_form_widget p.s2_message a{color:#c2c900; text-decoration:underline}







@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: #c2c900}

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 #000;position:absolute;bottom: -30px;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: rgba(0,0,0,0.95);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:#c2c900;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:#fff;height: auto;line-height: 150%;font-size: 14px;display: flex;align-items: center;}

 header ul#menu li .subdropdown_menu ul li a:hover{color:#c2c900}

 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:#2a2a2a;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}

header ul#menu > li:hover> .subdropdown_menu.small{} 

.menu-circle{width: 40px;height: 40px;background:#2a2a2a;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:#c2c900; 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: #333; */padding: 0;align-items: center;justify-content: center;/*! border: 1px solid #333; */}

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;
}

}

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#menu1 li ul li { padding: 0}

header ul#menu1 li ul div li .submenu-icons .menu-content .h5 { font-size: 14px}

header ul#menu1 li ul li .submenu-icons .menu-icons { width: 100%;  position: relative;  padding-top: 35%}

header ul#menu1 li ul li .submenu-icons .menu-icons img { max-height: 80%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%)}

header ul#menu1 li ul div li .submenu-icons .menu-icons img { max-height: 70%}

header ul#menu1 li ul li .submenu-icons .menu-content { width: 100%;  padding-left: 0;  padding-top: 10px;  text-align: center}

*/

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}

/*

header ul#menu1 li:hover>ul { transform: translateY(12px)}

header ul#menu1 li ul>div { padding-left: 50px;  padding-right: 50px}

header ul#menu1 li.relative ul>div { padding-left: 0;  padding-right: 0}

header ul#menu1 li ul li:first-child { padding-left: 0}

header ul#menu1 li ul li:last-child { padding-right: 0}

header ul#menu1 li.relative ul li:first-child { padding-left: 10px}

header ul#menu1 li.relative ul li: last-child { padding-right: 10px}

header ul#menu1 li.relative ul.simple-dropdown,header ul#menu2 li.relative ul.simple-dropdown { min-width: 830px;  transform: translate(-70%, 100px)}

header ul#menu1 li.relative:hover>ul,header ul#menu2 li.relative:hover>ul { transform: translate(-70%, 5px)}

header ul#menu1 li.relative:hover>.arrowDown,header ul#menu2 li.relative:hover>.arrowDown { transform: translateY(42px)}

*/

}

@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) {

/*p, .listing-page .secondary .widget_categories ul li, .listing-page .secondary .widget_archive ul li{font-size:1.2rem;}	*/

.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) {

/*

header ul#menu1 li ul { padding-top: 30px}

header ul#menu1.header3 li.dropdown > a:before { top: 35px; }

header ul#menu1.header3 li.dropdown.relative > a:before { top: 38px; }

header ul#menu1 li ul div.seven li,header ul#menu1 li ul li { width: 33.33%;  padding: 10px 10px}

header ul#menu1 li ul li .submenu-icons .menu-content .h5 { font-size: 16px}

*/

.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:#dcdcdc;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 #c2c900;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:#c2c900;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:#fff;padding: 0;}

header ul#menu li .subdropdown_menu ul li{padding: 10px 18px;padding-left: 35px;display: block;}

.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%;}

.subdropdown_menu .open .h3{padding: 0 24px 5px;}

.menu-circle{display:none}

.subdropdown_menu .col-3{margin: 0;border-top: 1px solid #ffffff24;padding: 9px 15px;}

.subdropdown_menu .col-3.open{/* border:1px solid #ffffff24; *//* background:#111; */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}

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.header3 li ul li.subdropdown ul.submenu li{border-top:1px solid #ffffff17; }

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:#c2c900;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 #c2c900;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:#c2c900; 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;
}

.subdropdown_menu .col-2 {margin: 0; border-top: 1px solid #ffffff24;padding: 10px 15px;width: 100%;position: relative;
        display: inline-block;}
        header ul#menu li .subdropdown_menu ul li > a{
            font-size: 14px;
        }

     

}









@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:#000000f0; 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:1px solid #ffffff24; }

.header .nav > ul > li:last-child{border-bottom:1px solid #ffffff24; }

.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% 10px; 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:#c2c900; 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 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: #000000f0;  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 { border-top: 1px solid #ffffff24}

.header .nav > ul > li:last-child {border-bottom: 1px solid #ffffff24; }

.header .nav ul li a { display: block;  padding: 3% 0}

.nav .open > a:focus { background: transparent; }

.header .nav ul li a:hover { border-color: 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: #c2c900;  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;}

}

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

.header .nav ul { margin: 5% 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: 5%}

.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: 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#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 #fff; 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: #fff;  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: #000000; 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 rgba(0,0,0,0.5); }

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 #000000 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: #c2c900}

}

@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 #ffffff17; }

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: #c2c900; 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 #c2c900; 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: #c2c900; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); border-radius: 10px; }

/* mobile menu */

header .isdevice ul#menu1.header3 li ul{background:#000;}header .isdevice ul#menu1.header3 li ul li{padding:0}header .isdevice ul#menu1.header3 li ul li a{color:#dcdcdc;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 #c2c900;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:#c2c900;position:absolute;left:15px;top:50%;transform:translateY(-50%);border-radius:10px;border:0}

}

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

.header .nav {position: fixed; overflow-y: auto; width: 100%; transition: .5s; background: #000000f0; 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 {border-top: 1px solid #ffffff24; }

.header .nav > ul > li:last-child {border-bottom: 1px solid #ffffff24; }

.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; }

.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: #c2c900; 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; }

}

@media screen and (max-width:991px) and (min-width: 768px) {

.header .call-info {padding-top: 5% !important; }

} 

@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; }	

}

header .top_bar_info { display:none; }

#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: #d3da27;

    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: #fff;

	text-decoration:none;

}

.navigation li {

	display: inline;

}

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

	background-color: #ecebe9;

	border-radius: 0px;

	cursor: pointer;

	padding: 15px;

	color: #363636;

	font-weight:500

}

.navigation li a:hover,

.navigation li.active a {

	background-color: #baca34;

	color: #fff;

}

.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;}

/*@media (max-width:1340px){

	/*header .container{ width:inherit;}

	header ul{ float:right; padding-left:0;}

}*/



.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:#000;}

.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;}

/*#owl-example3 .owl-item .one img{ width:169px; height: 322px;margin: 55px 22px;}

#owl-example3 .owl-item .two img{ width:207px; height: 355px;margin: 55px 22px;}

#owl-example3 .owl-item .three img{ width:177px; height: 321px;margin: 55px 22px;}*/

.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}

	

}

@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;}

/*	.case-studies-listing span:hover .port_details a{    display: none;}*/

.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: #000;font-size: 22px;} 

.single-post .detail_image .author_info h3{color:#000}

.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;}	

.footer .lets-talk .footer_form h2{display: none} 

.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%} 



	

@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;}

/*.single-case-studies h2 span { display: block;}*/

.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: #f5f5f5;
    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: #f5f5f5;
    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: #000;
}

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: #fff;
color: #fff;
line-height: 1.8;
border-bottom: 1px solid #cbd6e2;
border-top: 1px solid #cbd6e2;
box-shadow: 0 1px 5px #eaf0f6;
text-align: center;
bottom: 0;
opacity: 1;
display: none;
text-align: center;
font-size: 17px;
color: #000;
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: #000;
}

@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: #5c0075;
    position: relative;
    padding: 3% 5%;
    color: #fff;
    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: #c4cb09;
    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 #c4cb09;
    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:#fff;
}

.image-right_c .detail-right {
    text-align: center;
    margin-top: 45px !important;
}

.partner_used h4 {
    font-size: 25px;
    font-family: 'Museo500';
    font-weight: 500;
}

.partner_used {
    margin-top: 40px;
}

.partner_logos {
    display: flex;
    gap: 21px;
}

.logo-section {
	background: #fcfcfc;
    border: 1px solid #d7d7d7;
    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: #f9f9f9;
    padding: 60px 0px;
}

.technology_logos {
    display: flex;
    justify-content: center;
    gap: 25px;
	margin-top: 40px;
}

.image_box {
    background: #eae8ed;
    border: 2px dashed #bbb;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    height: 120px;
    width: 120px;
    align-items: center;
    justify-content: center;
}



.image_box img {
    max-width: 100%;
    max-height: 100%;
}

.technology_logos span {
    font-size: 17px;
    color: #000;
    margin-top: 12px;
    display: block;
}

span.no-image {
    background: #fff;
    border: 2px dashed #bbb;
    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 0px 0px;
}



.service_we-offer_sec img {
    margin-top: 20px;
}

.technical_integation {
    padding: 60px 0px 20px;
}

ul.technical_points {
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 0px 40px;
    margin: 0 auto;
}

.full_desktop-image {
    text-align: center;
    background: transparent;
	position: relative;
}
.full_desktop-image:before {
	content: "";
    background: #a8a8a8;
    width: 100%;
    height: 175px;
    position: absolute;
    bottom: 0;
    left: 0;
   
}

.full_desktop-image img {
    position: relative;
}

.Process_sec {
    padding: 60px 0px;
}

.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 0px 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: 0px;
    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: #fff;
}

.full_desktop-image {
    margin-top: 40px;
}

.image-right_c:has(.app_logos) {
    display: flex;
    gap: 15px;
    align-items: center;
}
.app_logos {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 20px;
}

section.before_after {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 60px 0px;
}

.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;
    /* height: 459px; */
    margin: 0 auto;
    padding: 50px 67px;
    display: block;
    text-align: center;
}

/* .after-sec {
   
    background: url(https://www.chilliapple.newsoftdemo.info/blog/wp-content/uploads/2025/05/macbook-air.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 530px;
    height: 459px;
    margin: 0 auto;
    padding: 59px 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: #000;
    padding: 14px 60px;
    color: #BACA34;
    font-size: 32px;
    border-radius: 4px;
    line-height: 38px;
    z-index: -1;
}

.before-sec .owl-carousel button.owl-dot{
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.before-sec .owl-carousel button.owl-dot span{
    background: #fff;
    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: #c2c900 !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: 10px;
    font-size: 14px;
}
.service_we-offer_sec h2 {
    margin-bottom: 15px;
}

.list-items-leaf ul.service_points li {
   
    margin-top: 10px;
    
}

.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 #c4cb09;
        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: 0px;
    }

    .service_we-offer_sec img {
        margin-top: 0px;
    }

    .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%;
    }
    #owl-example2 .owl-item img{
        height: 370px;
    }
    .before-sec .owl-carousel .owl-dots {
        display: none;}
        section.before_after{
                padding: 60px 0px 0px;
        }
	
}



@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 0px;
    }

    .Process_sec .container {
        padding: 0px 4px;
    }

    .process_box {
        padding-left: 0px;
    padding-right: 0px;
    }
   
}

@media (max-width: 600px) {
    #owl-example2 .owl-item img {
        height: 218px;
    }
    .Process_sec {
    padding: 30px 0px;
}
.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;
    /* justify-content: center; */
}

.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: rgba(194, 201, 0, .12);
    border: 1px solid #c2c900;
    padding: 10px 20px;
    border-radius: 3px;
    transition: .4s;
    color: #fff;
    text-decoration: none;
    width: auto;
}

.contact_btn a:hover {
    background: rgba(194, 201, 0, .9);
}

@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: #c2c900;
        width: fit-content;
        color: #000 !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: 0px;
    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: #0C0C0C;
        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: #2a2a2a;height: 100%;width: 1px;}


}

.last-menu:before{display: none;}
.without-border:before{display:none}

@media(min-width:1480px) {
    .subdropdown_menu p {
        font-size: 16px;
    }

    .subdropdown_menu .h3 {
        color: #c2c900;
        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: #c2c900;
        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: #0c0c0c;
        margin: 0;
        padding: 40px;
    }

    .last-menu label.h3 {
        padding-left: 17px;
    }

    .header-container {
        position: relative;
        max-width: 1560px;
        margin: 0 auto;
        width: 100%;
    }

    /* header ul#menu>li:hover>.subdropdown_menu {
        transform: translateY(-5px);
    } */
}

.category-filter {
    display: flex;
   gap: 1%;
    margin-bottom: 40px;
    padding: 15px 0px;
    justify-content: space-between;
}



.cat-btn {
   background: transparent;
    border: 0;
    font-size: 19px;
    font-weight: bold;
    border: 1px solid #D1D1D1;
    padding: 15px 18px;
    width: max-content !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 127px;
    color: #000;
    line-height: 16px;
   font-family: museo700; 
}

.cat-btn:hover {
    background: #c2c900;
}


.cat-btn.active {
    background: #c2c900;
}

.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 0px;
     gap:1.5%;
   
}
}

@media(max-width:487px){
    .custom-pagination li a, .custom-pagination li span{
        padding: 8px 5px !important;
        font-size: 9px;
    }

}