/*
Theme Name: jc-web-design-child
Author: xyz
Description: abc
Version: 1.0.0
Text Domain: jc-web-design-child
Template: jc-web-design
Domain Path: /languages/
*/

@import url("../jc-web-design/style.css");

@font-face {
    font-family: 'Avenir-Heavy';
    src: url('fonts/Avenir-Heavy.eot');
    src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Heavy.woff2') format('woff2'),
        url('fonts/Avenir-Heavy.woff') format('woff'),
        url('fonts/Avenir-Heavy.ttf') format('truetype'),
        url('fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd';
    src: url('fonts/AvenirLTStd-Roman.eot');
    src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Roman.woff') format('woff'),
        url('fonts/AvenirLTStd-Roman.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Oranienbaum-Regular';
    src: url('fonts/Oranienbaum-Regular.eot');
    src: url('fonts/Oranienbaum-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Oranienbaum-Regular.woff2') format('woff2'),
        url('fonts/Oranienbaum-Regular.woff') format('woff'),
        url('fonts/Oranienbaum-Regular.ttf') format('truetype'),
        url('fonts/Oranienbaum-Regular.svg#Oranienbaum-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Light';
    src: url('fonts/AvenirLTStd-Light.eot');
    src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('fonts/AvenirLTStd-Light.woff') format('woff'),
        url('fonts/AvenirLTStd-Light.ttf') format('truetype'),
        url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Regular.eot');
    src: url('fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand-Regular.woff2') format('woff2'),
        url('fonts/Quicksand-Regular.woff') format('woff'),
        url('fonts/Quicksand-Regular.ttf') format('truetype'),
        url('fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-Bold';
    src: url('fonts/Quicksand-Bold.eot');
    src: url('fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand-Bold.woff2') format('woff2'),
        url('fonts/Quicksand-Bold.woff') format('woff'),
        url('fonts/Quicksand-Bold.ttf') format('truetype'),
        url('fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff'),
        url('fonts/Lato-Regular.ttf') format('truetype'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.ttf') format('truetype'),
        url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


*,*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*                           { margin: 0px; padding: 0px;}
a                       { text-decoration: none; }
ul                      { list-style-type: none; margin-left: 0; }
ul ul                   { list-style-type: none; margin-left: 0; }
a:focus , input:focus ,textarea:focus           { outline: none; }
body, html						{overflow-x: hidden !important; }
body                            { padding-top: 96px; font-family: "Avenir-Heavy"; background-color: #fff !important; color: #343434 !important;}
h1                              { font-size: 64px; line-height: 70px; font-family: "Oranienbaum-Regular" !important; font-weight: inherit; }
h2                              { font-size: 42px; line-height: 42px; font-family: "Oranienbaum-Regular" !important; font-weight: inherit; }
h4                              { font-size: 32px; line-height: 44px !important; font-family: "Oranienbaum-Regular" !important; font-weight: inherit; }
h5                              { font-size: 28px; line-height: 36px; font-family: "Oranienbaum-Regular" !important; font-weight: inherit; }
h6                              { font-size: 24px; line-height: 30px; font-family: "Avenir-Heavy" !important; font-weight: inherit; text-transform: unset; }

.entry-title                    { display: none !important; }
.entry-content                  { margin: 0 !important; }
.post-inner                     { padding-top: 0; }
.post-inner-content             { background: none; border: none; padding-top:0; padding-bottom: 0; }
.post-inner-content:first-child { border: none; }
.main-content-area              { margin: 0px auto; }
.page-header                    { margin: 0; padding: 0 !important; border: none; } 
.entry-header                   { margin: 0 !important; display: none; }
.footer-widgets .widget         { margin: 0 !important; }
.footer-social svg              { color: #fff !important; }
.footer-widgets                 { padding: 0px 15px; margin-left: 0 !important; }
.footer-widgets-outer-wrapper   { border: none; }
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background),
.entry-content > .alignfull,
.alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: 0 !important; margin-bottom: 0; }
.slick-slide                    { outline: none !important; }
.wp-block-group.alignfull       { margin: unset; }
.wa__popup_chat_box .wa__stt { background: #F1F2F3; }
.wa__popup_chat_box .wa__popup_heading .wa__popup_intro { color: #fff !important; }
.wa__btn_popup .wa__btn_popup_txt   { background-color: #fff !important; box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 10%); -webkit-box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 10%);  }
section#shadow-host-companion { padding: 0 !important;}

.page-template-collaborations.page-template-templatescollaborations-php.page-id-3043 .footer-nav-widgets-wrapper { display: none;}

/*Error Message style*/

div.wpcf7-response-output { padding: 15px; font-size: 14px; border-radius: 10px; border: none; text-align: center; box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.1); color: #fff;}
span.wpcf7-not-valid-tip { margin-top: 4px; font-size: 12px; line-height: 16px;}
div.wpcf7-response-output.wpcf7-validation-errors { background: #f7e700; color: #000;}
div.wpcf7-response-output.wpcf7-mail-sent-ok { background: #398f14;}
div.wpcf7 form.sent .wpcf7-response-output { background: #398f14; color: #000; border: none;}
div.wpcf7-response-output.wpcf7-mail-sent-ng,
div.wpcf7-response-output.wpcf7-aborted { background: #ff0000;}

/*Error Message style*/

/****** Header css ******/

body.home                       { padding-top: 0; }
header#site-header               { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 9997; background-color: #fff; transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
body.home header#site-header    { background-color: transparent !important; box-shadow: none !important; }
header .section-inner                   { max-width: 120rem; padding: 20px 0px 16px 0px; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.home-link                      { display: none; }
.primary-menu li                { text-decoration: none !important; }
.primary-menu li a              { margin-right: 0 !important; font-size: 13px; line-height: 18.2px; font-family: "Lato-Regular"; text-transform: uppercase;letter-spacing: 3.3px; color: #343434 !important; font-weight: 700; position: relative; text-decoration: none !important; transition: 0.5s;  }
.primary-menu li a:hover,
.primary-menu li.current-menu-item a { text-decoration: none; }
.primary-menu li a:hover         { color: #343434 !important; }
.primary-menu li.current-menu-item a:after { position: absolute; top: -12px; width: 25px; height: 3px; background-color: #E8644C; left:50%; transform: translateX(-50%); content: ''; transition: 0.5s; }
/*.primary-menu li.current-menu-item a:hover:after { width: 100%; }
*/
/* body.home img.parallax-slider 		{ height:120% !important;  } */

body.home ul.primary-menu           { padding-bottom: 21px; }
body.home header#site-header.stickey ul.primary-menu { padding-bottom: 0; }
.primary-menu li a:after { position: absolute; top: -12px; width: 0px; height: 3px; background-color: #E8644C; left:50%; transform: translateX(-50%); content: ''; transition: 0.5s; }
.primary-menu li a:hover:after { width: 25px; }
.site-logo                      { margin: 0 !important; padding:6px 0px !important; }
.home-logo                      { max-width: 145px; display: none; }
body.home .site-logo            { display: inline-block; width: 0; height: 0; transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; padding : 0; }
body.home .home-logo            { display: inline-block; transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; }
body.home header#site-header.stickey { background-color: #fff !important; /*box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1) !important; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1) !important;*/ }
body.home header#site-header.stickey .home-logo    { display: inline-block;  width: 0; height: 0; transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; max-height: 0; max-width: 0; }     
body.home header#site-header.stickey .site-logo    { display: inline-block; width: auto; height: 100%;  } 
body.home header#site-header.stickey .primary-menu li a { color: #343434 !important; text-shadow: none; }   
body.home header#site-header.stickey .primary-menu li a:hover { color: #343434 !important; }   
body.home .primary-menu li a    { color: #343434 !important; }
/*body.home .primary-menu li a:hover { color: #E8644C !important; }
*/.custom-logo-link               { display: inline-block !important; max-width: 55px; }
.custom-logo-link img 			{ max-width:100%; max-height:unset !important;}
.primary-menu li                { margin: 0px 20px; }
.header-titles                  { margin: 0; }
.header-btns                    { display: none; }
.home-logo img,
.site-logo img 					{ opacity:1 !important; background:transparent; }

/*Dropdown*/



ul.primary-menu                 { margin: 0; }
.primary-menu > li              { padding: 22px 0px; }
.primary-menu > li > .icon      { display: none; }
.primary-menu > li.menu-item-has-children > a       { padding-right: 0 !important; }
.sub-menu:after                 { display: none !important; }
.sub-menu                       { top: 56px !important; padding: 0 !important;  right: 0 !important; width: auto !important; background-color: #fff !important; padding: 0; box-shadow: 0px 15px 30px 0px rgba(52,52,52,0.3); transform: translateX(50%) !important; max-height: 0 !important; overflow: hidden; transition: 0.5s !important; }
.primary-menu > li.menu-item-has-children:hover .sub-menu { max-height: unset !important; }
.sub-menu ul                    { right: 0; opacity: 1; background-color: transparent !important; position: relative; }
.nav-deropdown                  { width: 100% !important; display: flex; color: #343434 ; }
.sub-menu li                    { margin: 0; }
.nav-deropdown:before,
.drop-catougery-list:before,
.nav-deropdown:after,
.drop-catougery-list:after     { display: none !important; }
.nav-deropdown                 { padding: 30px 15px !important; background: url('images/dropdown-img.png')no-repeat center center/cover !important; position: relative; }
.nav-deropdown:after            { position: absolute; top: 0 !important; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); content: '' !important; border: none !important;  display: block !important;}
.drp-catougery-title            { padding: 0px 30px; margin-top: 0; margin-bottom: 25px; font-size: 30px; line-height: 30px; font-family: "Oranienbaum-Regular"; color: #343434; }
.dropdown-catougery             { position: relative;z-index: 1; }
.drop-catougery-list,
.drop-catougery-list li a       { padding: 0 !important; }
.drop-catougery-list li a       { font-size: 16px; line-height: 25px; font-family: "Lato-Regular" !important; text-transform: unset !important; letter-spacing: unset !important; text-shadow: none !important; color: #343434 !important; font-weight: inherit; }
.drop-catougery-list li a:hover { color: #E8644C !important;  }
body.home .drop-catougery-list li a:hover { color: #E8644C !important;  }
.drop-catougery-list li a:focus,
.drop-catougery-list li a:active { font-family: "Lato-Regular" !important; color: #E8644C !important; }
body.home  .drop-catougery-list li a:focus,
body.home  .drop-catougery-list li a:active { font-family: "Lato-Regular" !important; color: #E8644C !important; }
.dropdown-catougery:first-child .drop-catougery-list li a { font-size: 18px; }
.dropdown-catougery a:after,
.drop-catougery-list li a:after { display: none !important; }
.drop-catougery-list            { width: 145px !important; }
.dropdown-catougery:last-child .drop-catougery-list { width: 170px !important; }
.dropdown-catougery:last-child .drop-content { border: none; }
.jc-drp-logo                    { width: 40px; height: 40px; background: url('images/jc-orange.png')no-repeat center center/cover; }
.drop-content                   { padding: 0px 30px; display: flex;flex-wrap: wrap; justify-content: space-between; flex-direction: column; height: calc(100% - 70px); border-right: 1px solid rgba(204, 204, 204, 0.75); }
.dropdown-catougery:first-child p { display: none; }
.dropdown-catougery a.orange-button { padding: 0; font-size: 15px !important; line-height: 21px !important; font-family: "Avenir-Heavy" !important; background-color: #E8644C; color: #fff !important; letter-spacing: unset !important; text-shadow: none !important; min-width: 170px; min-height: 45px; display: flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; border-radius: 5px;}
body.home .primary-menu li a.orange-button { color: #fff !important; }
.dropdown-catougery a.orange-button:hover { color: #fff !important; background-color: #343434; }
body.home .primary-menu > li .dropdown-catougery a.orange-button:hover { color: #fff !important; background-color: #343434; }
body.home .sub-menu             { background-color: #fff !important; }
body.home .drop-catougery-list li a{ color: #343434 !important;}
.drop-catougery-list li.active a { color: #E8644C !important; font-family: "Lato-Regular" !important; }
.menu-item-has-children         { position: relative; }
.menu-item-has-children:after   { content: '\f0d8'; font-size: 22px; line-height: 22px; font-family: "FontAwesome"; color: #E8644C; width: auto;height: auto; top: 40px; left: calc(50% - 8px); position: absolute; display: none; }
.primary-menu > li.menu-item-has-children:hover:after { display: block; }
header.stickey .dropdown-catougery a.orange-button { color: #fff !important; }
body.home header.stickey .dropdown-catougery a.orange-button { color: #fff !important; }
body.home header#site-header.stickey .primary-menu li a.orange-button,
body.home header#site-header.stickey .primary-menu li a.orange-button:hover { color: #fff !important; }
.header-inner 					{ align-items:flex-start !important; }
/*Dropdown*/
/****** Header css ******/

/****** Footer css ******/

footer#site-footer              { display: none; }
.footer-nav-widgets-wrapper     { margin-top: 0 !important; background-color: #343434; position: relative; }
.footer-widgets-wrapper         { width: 100%; margin: 0; }
.column-one                     { width: 30%; }
.column-two                     { width: 30%; padding: 0px 35px; display: flex;flex-wrap: wrap; justify-content: space-between; }
.column-three                   { width: 20%; padding: 0px 45px; }
.column-four                    { width: 20%; }
.footer-widgets-wrapper img     { max-width: 40px !important; margin-bottom: 30px; }
.footer-widgets-wrapper p       { font-size: 18px; line-height: 30px;font-family: "Oranienbaum-Regular"; color: #676767; }
.subscribe-form                 { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.subscribe-form .form-group     { max-width: 80%; width: calc(100% - 20px); margin-left: 0; }     
.subscribe-form input[type="email"] { background-color: transparent; border: none; border-bottom: 1px solid #676767; padding: 10px 10px 10px 3px; color: #fff; font-size: 14px; line-height: 20px; font-family: "Avenir-Light"; box-shadow: none; transition: 0.5s; }
.subscribe-form input[type="email"]:hover,
.subscribe-form input[type="email"]:focus       { border-color: #E8644C; }
.subscribe-form input[type="email"]::placeholder { color: #676767; }
.subscribe-form .wpcf7-submit                     { padding: 0 !important; text-indent: -999px; width: 10px; height: 20px; background-color: transparent !important; position: relative;z-index: 1;}
.footer-submit-btn                  { margin-top: 8px; margin-left: 10px; width: 100%; height: 20px; position: relative; display: inline-block;  }
.footer-submit-btn:after        { position: absolute; top: 0; left :0; width: 100%; height: 100%; content: '\f105'; font-family: "FontAwesome"; font-size: 20px; line-height: 20px;  color: #E8644C; text-align: center; z-index: 0;}
.subscribe-form .ajax-loader                    { display: none !important; }
.footer-widgets-wrapper .wpcf7-response-output { display: block !important; margin: 0 !important; border:none !important; box-shadow:none !important; }
.subscribe-form span.wpcf7-not-valid-tip { margin-top: 5px; font-size: 14px; line-height:16px; font-family: "Avenir-Light";color: #E8644C;  }
.footer-widgets-wrapper p.footer-title                   { font-size: 14px; line-height: 28px; font-family: "Avenir-Heavy"; color: #676767; text-transform: uppercase; letter-spacing: 3px; }
.column-two .widget_text        { width: 100%; }
.footer-widgets-wrapper .widget_nav_menu  { display: inline-block; }
.footer-widgets-wrapper .widget_nav_menu li,
.footer-widgets-wrapper .widget_nav_menu li a   { font-size: 16px; line-height: 24px; color: #676767; font-family: "Avenir-Light"; font-weight: inherit; }
.footer-widgets-wrapper .widget_nav_menu li.current-menu-item,
.footer-widgets-wrapper .widget_nav_menu li.current-menu-item a { color: #fff;  }
.footer-widgets-wrapper .widget_nav_menu li a:hover     { color: #fff; text-decoration: none; }
.footer-top.has-social-menu     { display: none; }
.footer-contact-details a       { margin-bottom: 3px; padding-left: 30px; position: relative; display: inline-block; font-size: 18px; line-height: 28px; color: #676767 !important; font-family: "Avenir-Light";  }
.footer-contact-details a:first-child { background: url('images/footer-mail-icon.svg')no-repeat center left/20px 20px; }
.footer-contact-details a:last-child { background: url('images/footer-call-icon.svg')no-repeat center left/20px 20px; }
.footer-social-wrapper          { margin: 50px 0px; }
ul.social-icons                 { justify-content: flex-end; }
.footer-social li               { width: 33px; height: 33px; background-color:  #828282 !important;margin: 0 !important; display:  flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.5s; }
.footer-social li a             { width: 20px; height: 20px; border-radius: unset; }
.footer-social li:hover             { transform: none; background: #fff !important; }
.footer-social li.linkdin-icon a  { background: url('images/linkdin.svg')no-repeat center center/100% 100%; }
.footer-social li.facebook-icon a  { background: url('images/facebook.svg')no-repeat center center/100% 100%; }
.footer-social li.instagram-icon a  { background: url('images/instagram.svg')no-repeat center center/100% 100%; }
.footer-social li.pinterest-icon a  { background: url('images/pintrest.svg')no-repeat center center/100% 100%; }
.footer-social a svg            { width: 23px; color: #343434 !important; display: none; }
.footer-social li               {margin: 0px 3px !important; }
.copyright-wrapper              { text-align: right; }
.footer-copyright,
#menu-footer-right-menu li a    { font-size: 10px !important; line-height: 13px !important; font-family: "Avenir-Light" !important; letter-spacing: 1.5px; }
#menu-footer-right-menu li a    { margin-right: 25px; text-transform: uppercase; position: relative; }
#menu-footer-right-menu li a:after  { position: absolute; top: 0; right: -15px; width: 1px; height: 100%; content: ''; background-color: #676767; }
.footer-copyright               { display: inline-block; }
.footer-copyright a             { color: #676767 !important; }
.footer-copyright a:hover       { color: #E8644C !important; }
.footer-title                   { color: #939090 !important; }

/****** Footer css ******/


/****** Home Page ******/

.home-banner-content                 { padding-bottom: 50px !important; }
.home-banner-sec.alignfull .kt-row-column-wrap { padding: 0; }
.home-banner-sec > .kt-row-has-bg > .kt-row-column-wrap {  display: flex;align-items: flex-start; }
.home-banner-sec h1                 {  margin: 0px auto !important; text-align: left;  margin: 0; color: #343434;letter-spacing: 0.5px; }
.typed-cursor                       {  display: inline-block;vertical-align: bottom; padding-bottom: 15px; }
.type-wrap                          { margin-top: 180px; }
.type-wrap h1                       { margin-right: 15px !important; display: inline-block; vertical-align: bottom; font-size: 100px; line-height: 100px; }
.type-wrap h1 strong                { font-weight: 400; }
.type-wrap h1 strong span                  { color: #E8644C; }
.home-banner-sec p                  { max-width: 50% !important; margin-top: 20px; text-align: left; font-size: 22px; line-height: 32px; font-family: "AvenirLTStd";  }
.home-banner-sec .wp-block-buttons  { margin: 0px -7px !important; margin-top: 15px !important; max-width: 100% !important; display:inline-block; }
.home-banner-sec .wp-block-button   { margin: 0 !important; margin: 0px 7px !important;  }
.wp-block-buttons a                 { padding: 0; border-radius: 5px; font-size: 15px; line-height: 21px; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; font-weight: bold; }
.home-banner-sec .wp-block-button a:hover { color: #fff !important; background-color: #343434 !important; text-decoration: none; }
.scroll-link                        { height: 55px; position: absolute; text-align: center; bottom: 50px; left: calc(50% - 12px); font-size: 10px; line-height: 15px; font-family: "Quicksand"; color: #9A9A9A; display: inline-block; }
.scroll-link img                    { display: none; margin-left: 12px; max-width: 100px; }
.scroll-link:before                 {display: block; position: absolute; top:20px; left:0; width: 22px; height: 35px; border: 2px solid #858585; border-radius: 12px; content:"";}
.scroll-link:after                   {display: block; position: absolute; top:30px; left:10px; width: 2px; height: 6px; background: #858585; border-radius: 1px; content:""; animation-name: scroll; animation-duration: 2s; animation-iteration-count: infinite; animation-delay: 2s; } 
@keyframes scroll {
  0% { opacity: 1; height: 8px;}
  20% { opacity: 1; height: 8px;}
  30% { transform: translateY(0); opacity: 1; height: 19px;}
  40% { opacity: 1;}
  80% { transform: translateY(19px); opacity: 0; height: 0;}
  81% { transform: translateY(0); opacity: 0; height: 8px;}
  100% { opacity: 1; height: 8px;}
}
.scroll-link:hover                  { color: #9A9A9A; }

#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon, #qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close { font-size:35px !important;}

.website-details-grp                { padding-top: 20px; }
.website-details-sec .kt-inside-inner-col { display: flex;flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.website-details-sec .wp-block-group p { max-width: 100% !important; margin: 0; font-size: 18px; line-height: 27px; font-family: "Avenir-Light";  }
.website-details-sec .wp-block-group p strong { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }
.website-details-sec .wp-block-group p a    { color: #343434; position: relative; display:inline-block; }

.website-details-sec .wp-block-group p a::before, .website-details-sec .wp-block-group p a::after {
    content: '';
    position: absolute;
    background-color: #E8644C;
    z-index: -1;
    height: 2px;
    bottom: 3px;
  }

.website-details-sec .wp-block-group p a::before {
    width: 0%;
    left: 0;
    bottom: 3px;
    transition: width ease 0.4s;
  }

.website-details-sec .wp-block-group p a::after {
    width: 100%;
    left: 0;
    bottom: 3px;
    transition: all ease 0.6s;
  }

.website-details-sec .wp-block-group p a:hover::before {
      width: 100%;
    }

.website-details-sec .wp-block-group p a:hover::after {
      left: 100%;
      width: 0%;
      transition: all ease 0.2s;
    }

.website-details-sec .wp-block-group p a:hover { text-decoration: none; color: #E8644C; }
.website-details-sec .wp-block-group    { max-width: 430px; margin: 0; margin-left: auto; }
.common-title                       { padding-left: 30px !important; max-width: 360px; margin: 0 !important; padding-left: 15px; position: relative; }
.common-title:after                 { position: absolute; top: calc(50% - 40px); left: 0px; width: 4px; height: 80px; background-color: #E8644C; content: ''; }
.animated.common-title:after            {  -webkit-animation: expand 2s; }
@-webkit-keyframes expand{
    0%{height:0px}
    100%{height:80px}
}
.website-slider-sec                 { padding: 55px 0px 80px 0px; position: relative; }
.website-slider-sec:after           { position: absolute; bottom: 0; left: 0; width: 100%; height: 230px; background-color: #f1f2f3; content: ''; z-index: 0; }
.website-img                        { width: 1000px; margin: 0px auto; min-height: 450px; background-size:cover; background-position:center center; background-repeat:no-repeat; position: relative; }
.website-img-slider.slick-dotted.slick-slider { touch-action: auto;-ms-touch-action: auto; }
.website-img-slider .slick-dots               { bottom: -70px; left: 50%; transform: translateX(-50%); width: auto; display: inline-block; position: absolute; z-index: 3; }
.website-img-slider .slick-dots li { width: 30px; height: auto; background: #9a9a9a;}
.website-img-slider .slick-dots li button { padding: 0px; width: 0%; height: 4px; background: #E8644C;}
.website-img-slider .slick-dots li button:before { display: none;}
.website-img-slider li.slick-active button { width: 100%; transition: all 3s; -webkit-transition: all 3s; transition-timing-function: linear; -webkit-transition-timing-function: linear;}



.middle-find-more-sec               { padding: 70px 20px 75px;  }
.middle-find-more-grp.alignfull .middle-find-more-sec .kt-row-column-wrap   { padding: 0px !important; }
.middle-find-more-sec p             { margin-bottom: 40px; font-size: 28px; line-height: 40px; font-family: "Avenir-Light";  }
.black-btn a:hover                    { text-decoration: none !important; background-color: #fff !important; color: #343434 !important; }
.middle-find-more-sec .wp-block-buttons .wp-block-button { margin: 0 !important; }

.design-details-sec .common-title   { margin-bottom: 45px !important; font-size: 49px; line-height: 49px; color: #FAFAFA; }
.design-details-sec p               { color: #FAFAFA; margin: 0; font-size: 18px; line-height: 27px; font-family: "Avenir-Light";}
.design-details-sec p strong        { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }
.design-details-sec > .kt-row-layout-inner > .kt-row-column-wrap { padding-top: 0; padding-bottom: 0; }
.design-details-sec > .kt-row-layout-inner  { position: relative; padding: 45px 0px; }
.design-details-sec > .kt-row-layout-inner:after  { position: absolute; top: 0; left: 0; width: 100%; height:100%; content: ''; background-color: rgba(52,52,52,0.6);z-index: 0; }
.design-details-desc .kt-inside-inner-col { max-width: 415px;  }
.design-details-grp .wp-block-group__inner-container  { position: relative; padding-bottom: 130px; }
.design-details-grp .wp-block-image.design-desktop-img { position: absolute; bottom: -50px; right: 0px; max-width: 50% !important; margin-bottom: 0 !important; }
.design-details-grp .wp-block-image.design-mobile-img   { display: none; }
.design-details-grp .wp-block-image img { width: 100%; }
.design-details-sec .wp-block-buttons { margin-top: 40px;  }
.design-details-sec .wp-block-buttons a:hover { text-decoration: none; background-color: #343434 !important; }
.design-details-desc .wp-block-buttons .wp-block-button { margin-top: 0 !important; }


.feature-work-grp .kt-row-column-wrap   { padding: 0 !important; }
.feature-work-header                { padding: 20px 0px 30px 0px; display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; }
.feature-work-header h1             { margin: 0 !important; }
.feature-work-header h1 span        { color: #E8644C; }
.view-all-link                      { padding-right: 30px; position: relative; font-size: 16px; line-height: 24px; font-family: "Avenir-Heavy"; color: #343434; letter-spacing: 4.8px;  }
.view-all-link:after                { position: absolute; top: 0; right: 0px; font-size: 24px; line-height: 26px; top: calc(50% - 13px); font-family: "FontAwesome"; content: '\f105'; color: #E8644C; transition: 0.5s; }
.view-all-link:hover                { color: #E8644C; }
.view-all-link:focus                { color: #E8644C; }
.view-all-link:hover:after          { right: 10px; }
.feature-work-section ul,
.feature-work-section li,
.feature-work-section p             { margin: 0; }
.feature-work-section .wp-block-kadence-rowlayout.alignwide { margin-top: 0; margin-bottom: 0; }
.feature-work-list                  { display: flex;flex-wrap: wrap; margin: 0px -18px !important;  }
.feature-work-list > li             { width: calc(100% / 2 - 36px); margin: 0px 18px 36px 18px; /*padding-top: 23%;*/ padding-top: 30%; position: relative; transition: 0.5s; -webkit-transition: 0.5s;}
.feature-hover-sec                  { opacity: 0; background-color: rgba(52,52,52,0.2); height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25);transition: 0.5s; -webkit-transition: 0.5s; }
.feature-work-list > li:hover .feature-hover-sec { opacity: 1; }
.feature-top-sec                    { position: absolute; right: 0; top: 0;  text-align: right;}
.explore-link                       { padding: 15px 60px 15px 45px; background-color: #343434; color: #fff;font-size: 14px; line-height: 19px; font-family: "Avenir-Heavy"; letter-spacing: 3.2px; text-transform: uppercase; display: inline-block; position: relative; transition: 0.5s; -webkit-transition: 0.5s; }
.explore-link:after                 { position: absolute; top: calc(50% - 14px); right: 30px; width: auto;height: auto; content: '\f105'; font-size: 24px; line-height: 24px; font-family: "FontAwesome"; color: #E8644C; }
.explore-link:hover                 { color: #E8644C; }
.feature-top-sec .services-list     { margin: 0 !important;  }
.feature-top-sec .services-list li  { font-size: 12px; line-height: 16px;font-family: "Avenir-Light"; }
.feature-top-sec .services-list li a { padding: 5px 15px; font-size: 12px; line-height: 16px; color: #343434; font-family: "Avenir-Light"; background-color: #fff; display: inline-block; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; cursor: default; }
.feature-top-sec .services-list li a:hover { background-color: #E8644C; color: #fff; }
.feature-bottom-sec                 { position: absolute; bottom: 0; left: 0;width: 100%; height: auto; display: flex;flex-wrap: wrap; }
.project-name                       { width: 100%; background-color: #343434; color: #fff; font-size: 24px; line-height: 35px !important; font-family: "Oranienbaum-Regular";padding: 7px 20px 7px 50px; text-align: left; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  overflow: hidden;  }
.project-name:after                 { position: absolute; left: 30px; content: '|'; font-size: 22px; line-height: 36px; top: calc(50% - 18px); color: #E8644C; font-family: "Avenir-Heavy"; }
.project-name:hover                 { color: #fff; }
.project-name p                     { display: inline-block; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  overflow: hidden;  }
.project-name .project-desc         { position: relative; margin-left: 20px; }
.project-name .project-desc:before  { position: absolute; top: 0; left: -13px; content: '|'; font-size: 22px; line-height: 36px; top: calc(50% - 18px); color: #E8644C; font-family: "Avenir-Heavy"; }

.feature-work-grp                   { background-color: #fff; }
.feature-work-slider .slick-slide   { padding: 30px 15px; cursor: pointer; }
.feature-work-slider .slick-slide.slick-active { cursor: unset; }
.feature-work-slider .slick-slide > div     { padding-top: 70%; position: relative; background-size:cover; background-position:center; }
.feature-work-slider .slick-slide > div:hover .feature-hover-sec { opacity: 1; }
.feature-work-slider .slick-list.draggable { padding-left: 25% !important; padding-right: 25% !important; }
.feature-work-slider .slick-prev    { width: 40px; height: 40px; left: 0;z-index: 2; background: #fff; opacity: 0; }
.feature-work-slider .slick-next    { width: 40px; height: 40px; right: 0;z-index: 2; background: #fff; opacity: 0; }
.feature-work-slider .slick-prev:before { position: absolute; top: calc(50% - 10px); left: calc(50% - 5px); width: 10px; height: 20px; background: url('images/project-arrow-left.svg')no-repeat center center/cover; content: ''; opacity: 0.6; }
.feature-work-slider .slick-next:before { position: absolute; top: calc(50% - 10px); left: calc(50% - 5px); width: 10px; height: 20px; background: url('images/project-arrow-right.svg')no-repeat center center/cover; content: ''; opacity: 0.6; }
.feature-work-slider:hover .slick-prev,
.feature-work-slider:hover .slick-next { opacity: 0.8; }
.feature-work-slider .slick-next:hover,
.feature-work-slider .slick-prev:hover { opacity: 1; }

.about-sec          { position: relative; padding: 100px 0px; background-attachment: fixed !important;   }
.about-sec:after    { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(232,100,76,0.8); content: '';   }
.about-sec h1                       { margin-top: 0 !important; margin-bottom: 30px !important; }
.about-content-sec .wp-block-kadence-column { margin-right: 0 !important; padding: 0px 50px;}
.about-content-sec p                { margin-bottom: 30px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.about-content-sec p strong         { font-family: "Avenir-Heavy"; letter-spacing: 5.4px; text-transform: uppercase; }
.about-sec .wp-block-image          { margin-top: 0 !important; margin-bottom: 20px !important; }
.about-sec .wp-block-buttons        { margin-top: 0 !important; margin-bottom: 0 !important; }
.about-sec .wp-block-button     { margin-top: 10px; margin-bottom: 20px; }
.about-content-sec figure           { margin-top: 30px !important; margin-bottom: 0px !important; }
.testinomail-grp                    { background-color: #fff; }
.testinomail-slide                  { margin-bottom: 0; }
.testinomail-slide                  { padding: 100px 0px; max-width: 80%; margin: 0px auto; }
.testinomail-icon                   { margin: 0px auto; display: block; width: 50px; height:50px; background: url('images/testinomail-icon.svg')no-repeat center center/cover; }
.testinomail-slide h5               { margin: 50px 0px 15px 0px !important; text-align: center; font-style: italic; }
.testi-person-info                  { text-align: center; }
.testi-person-info p                { margin :0; text-align: center; }
.testi-person-info .person-name     { font-size: 15px; line-height: 22px; font-family: "Avenir-Heavy"; }
.testi-person-info .person-designation  { font-size: 15px; line-height: 22px; font-family: "Avenir-Light"; }
.testi-person-info .company-name    { font-size: 12px; line-height: 17px; font-family: "Avenir-Heavy"; color: #343434; text-transform: uppercase; letter-spacing: 3.5px; }
.linkdin-link                       { margin-top: 15px; display: inline-block; font-size: 26px; line-height:30px; color: #343434; position: relative; }
.linkdin-link:hover                 { color: #E8644C; }
.linkdin-link img 					{ opacity:1 !important;}
.linkdin-link img.link-hover-img    { position: absolute; top: 0; left: 0; opacity: 0 !important; }
.linkdin-link:hover img             { opacity: 0; }
.linkdin-link:hover img.link-hover-img  { opacity: 1 !important; }
.testinomail-slider .slick-dots     { bottom: 10px; }
.testinomail-slider .slick-dots li { width: 6px; height: 6px; margin: 0px 6px; height: auto; background: #ccc; border-radius: 50%;}
.testinomail-slider .slick-dots li button { padding: 0px; width: 0%; height: 6px; background: #343434; border-radius: 50%;}
.testinomail-slider .slick-dots li button:before { display: none;}
.testinomail-slider li.slick-active button { width: 100%; transition-duration: 5s; -webkit-transition-duration: 5s; transition-timing-function: linear; -webkit-transition-timing-function: linear;}
.starts-img                     { max-width: 110px; margin: 0px auto; margin-bottom: 40px; }
.testinomail-slider .wp-block-kadence-rowlayout { margin-top: 0 !important; margin-bottom: 0 !important; }
.parallex-img                       { position: absolute; top: -50px; left: 0; width: 100%; height: 130%; }
.about-sec .kt-row-layout-inner,
.about-sec .kt-row-layout-inner .kt-row-column-wrap { position: unset; }
.about-sec .wp-block-buttons        { position: relative; }
.about-more-btn 					{ display: flex; -webkit-display: flex; justify-content:center; }


.footer-video-section               { position: relative; padding: 120px 0px; color: #fff; overflow-y: hidden; min-height: 650px; }
.footer-video-section .wp-block-kadence-rowlayout { position: relative;z-index: 3; text-align: center; margin-top: 0; margin-bottom: 0; }
.footer-video-section .footer-video { position: absolute; top: 0; left: 0; width: 100% !important;  z-index: 0; }
.footer-video-section:after         { position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(52,52,52,0.9); content: '';z-index: 1; }
.footer-video-section:before        { position: absolute; top: 0; left: 0; width:100%; height: 100%; background: url('images/pattern-bg.png')repeat top left/auto;  content: '';z-index: 2; }
.white-logo                         { width: 100px; height: 100px; margin: 0px auto; background:no-repeat center / cover; }
.footer-video-section h1            { margin-top: 35px !important; margin-bottom: 25px !important; }
.footer-video-section p             { margin-bottom: 0; font-size: 20px; line-height: 30px; font-family: "Avenir-Light"; }
.footer-video-section p strong      { font-size: 21px; line-height: 28px; font-family: "Avenir-Heavy"; }
.footer-btn                         { padding: 0; border-radius: 5px; margin-top: 35px; font-size: 15px; line-height: 21px; font-family: "Avenir-Heavy"; text-transform: uppercase; min-width: 195px; min-height: 45px; display: inline-flex; justify-content: center; align-items:  center; text-align: center; background-color: #E8644C; color: #fff; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; font-weight: bold;}
.footer-btn:hover                   { color: #fff; background-color: #343434; }
#typed-strings 						{display: none;}

.google-partner-logo .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter)  { margin: -45px 0 70px;}
.google-partner-logo .wp-block-image img { width: 248px; height: 52px}

/****** Home Page ******/

/****** Services Page ******/

.all-services-sec                   { padding: 0px 30px 0px 30px; }
.services-list-grp                  { padding-top: 32px; }
.service-list-data                  { margin: 0px -16px; }
.services-list-sec                  { margin: 0px; width: 100%;  display: grid;  grid-template-rows: 332px 332px 332px 332px;   grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);  grid-auto-flow: row; }
.services-item                      { margin: 0px 16px 32px 16px; padding: 0px 0px 15px 40px; position: relative; display: flex;align-items: flex-end; justify-content: flex-start; transition: 0.5s; background-size:cover; background-position:center center; }
.services-item div                  {  z-index: 1; }
.services-item .explore-link        { padding: 13px 60px 13px 45px; position: absolute; top: 0; right: 0; opacity: 0; transition: 0.5s; }
.service-short-desc                 { margin-top: 20px; min-height: 48px;  max-width: 90% !important; /*margin-bottom: -50px !important;*/ opacity: 0; color: #fff; transition: 0.5s; font-size: 16px; line-height: 24px !important; font-family: "Avenir-Light";  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden; }
.service-title-box                  { position: absolute; width: 80%; bottom: -55px; transition: 0.5s; }
.services-item:first-child          { grid-column: 1 / 3; grid-row: 1 / 3; }
.services-item:last-child          { grid-column: 3; grid-row: 3 / 5; }
.services-item:after                { position: absolute; bottom: 0; left: 0; width: 100%; height: 158px; background: url('images/shadow-image.png')no-repeat bottom center/100% 100%; content: ''; }
.services-item:first-child:after    { height: 480px; }
.services-item:last-child:after    { height: 185px; }
.services-item a.service-name       { margin: 0 !important; width: 100%; font-size: 34px; line-height: 38px; font-family: "Oranienbaum-Regular"; color: #fff; z-index: 1; max-width: 62%; transition: 0.5s; }
.services-item:first-child a.service-name { font-size: 54px; line-height: 60px; max-width: 50%; }
.services-item:last-child a.service-name { font-size: 40px; line-height: 45px; max-width: 100%; }
.service-catgouery                  { position: absolute; font-size: 12px; line-height: 18px; font-family: "Avenir-Heavy"; letter-spacing: 3.2px; text-transform: uppercase; right: -10px; bottom: 70px; transform: rotate(-90deg); color: #fff; z-index: 2; transition: 0.5s; }
.services-item:hover .service-catgouery { bottom: 90px; }
.service-catgouery:after            { position: absolute; left: -30px; top: calc(50% - 1px); width: 0px; height: 2px; background: #E8644C; content: ''; transition: 0.5s; }
.services-item:hover .service-catgouery:after { width: 20px; transition: 0.5s; }
.services-item:first-child .service-catgouery { right: 10px; }
.services-item:last-child .service-catgouery { right: 0px; }
.services-item:hover .service-short-desc {  opacity: 1; /*margin-bottom: 0 !important;*/ transition: 0.5s; }
.services-item:hover .explore-link { opacity: 1; }
.services-item:hover                 { box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); }
.services-item:hover .service-title-box { bottom: 10px; }

/****** Services Page ******/

/****** Our Work Page ******/

.work-banner                        { min-height: 440px; width: 100%; background-size:cover; background-position:center top;  }
.page-title                         { margin: 0 !important; margin-top: -60px !important; padding: 15px 160px 15px 0px; position: relative; color: #fff; background-color: #343434; display: inline-block; }
.page-title:after                   { position: absolute; top: 0; left: -1000px; width: 1000px;  height: 100%; background-color: #343434; content: ''; }
.page-title span                    { color: #E8644C;  }
.work-header-sec                    { margin-top: 0 !important; margin-bottom: 0 !important; }
.work-desc                          { margin: 55px 0px 20px 0px; display: flex; justify-content: space-between; align-items: flex-start; }
.work-desc > div                    { max-width: 570px; }
.work-desc p                        { font-size: 18px; line-height: 30px; font-family: "Avenir-Light"; }
.work-desc p strong 				{ font-family: "Avenir-Heavy"; }
.work-nav-sec                       { margin-bottom: 15px; display: flex;align-items: flex-start; }
.work-nav-slider                    { max-width: 85%; overflow-y: visible; margin-bottom: 0; }
.work-nav-slider .slick-list        { overflow-y: visible; padding: 20px 0px; }
.work-nav-slider li                 { margin: 20px 1px;  box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15);}
.work-nav-sec a,
.work-nav-slider a                  { padding: 11px 30px; display: inline-block; font-size: 16px; line-height: 22px; font-family: "Avenir-Light"; text-transform: uppercase; background-color: #fff; color: #343434;  }
.work-nav-sec a.all-work-link       { margin: 40px 1px; /* background-color: #E8644C; color: #fff;*/margin-right: 1px;box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15);}
.work-nav-sec a.all-work-link:hover{ /*background-color: #E8644C !important; color: #fff !important; */  background-color: #343434 !important; color: #fff !important;}
.work-nav-sec a.all-work-link.active-cat { background: #E8644C !important; color: #fff !important; }
.work-nav-slider a:hover            { background-color: #343434 !important; color: #fff !important; }
.work-nav-slider a.active-cat       { background: #E8644C !important; color: #fff !important; }
.work-nav-slider .slick-prev        { right: -25px; left: unset; top: 0; top: calc(50% - 5px);}
.work-nav-slider .slick-next        { right: -52px; top: calc(50% - 5px); }
.work-nav-slider .slick-arrow       { background-color: transparent !important; width: 17px; height: 30px; opacity: 1; }
.work-nav-slider .slick-next:before { position: absolute; top: 5px; left: 0; content: ''; width: 21px; height: 30px; background: url('images/next-arrow.svg')no-repeat center center/cover; opacity: 1 !important; }
.work-nav-slider .slick-prev:before { position: absolute; top: 5px; left: 0; content: ''; width: 21px; height: 30px; background: url('images/prev-arrow.svg')no-repeat center center/cover; opacity: 1 !important; }
.jcf-select-work-nav-mobile         { display: none !important; }
.work-page-section .inner-column-1  { width: 100% !important; }
.work-page-grp                      { margin: 0 !important; }
body.page-id-15 .feature-work-section  { overflow: hidden; }
body.service-template-default .feature-work-section  { overflow: hidden; }
body.work-tpl .feature-work-list > li { position: relative; }
body.work-tpl .work-feature-img                   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover; }
body.work-tpl .project-gallery-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s;  }
body.work-tpl .feature-work-list > li:hover .project-gallery-slider {opacity: 1;}
body.work-tpl .project-gallery-slider .slick-list.draggable { padding-left: 0 !important; padding-right: 0 !important; height: 100%; }
body.work-tpl .project-gallery-slider .slick-track  { height: 100%; }
body.work-tpl .project-gallery-slider .slick-slide { padding: 0 !important; height: 100%; }
body.work-tpl .project-gallery-slider .slick-slide div { width: 100%; height: 100%; background-size:cover; }
body.work-tpl .project-gallery-slider .slick-slide a { padding-top: 0 !important; height: 100%; }
body.work-tpl .feature-hover-sec    { z-index: 99; }
body.work-tpl .feature-work-list > li { width: calc(100% / 3 - 36px); padding-top: 23%; }

body.home .feature-work-slider .slick-slide > div { position: relative; }
body.home .project-gallery-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s;  }
body.home .feature-work-slider .slick-slide > div:hover .project-gallery-slider {opacity: 0;}
body.home .project-gallery-slider .slick-list.draggable { padding-left: 0 !important; padding-right: 0 !important; height: 100%; }
body.home .project-gallery-slider .slick-track  { height: 100%; }
body.home .project-gallery-slider .slick-slide { padding: 0 !important; height: 100%; }
body.home .project-gallery-slider .slick-slide a { padding-top: 0 !important; height: 100%; }
body.home .project-gallery-slider .slick-arrow { opacity: 0; }
body.home .feature-hover-sec    { z-index: 99; }

body.single-service .feature-work-slider .slick-slide > div { position: relative; }
body.single-service .project-gallery-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s;  }
body.single-service .feature-work-slider .slick-slide > div:hover .project-gallery-slider {opacity: 1;}
body.single-service .project-gallery-slider .slick-list.draggable { padding-left: 0 !important; padding-right: 0 !important; height: 100%; }
body.single-service .project-gallery-slider .slick-track  { height: 100%; }
body.single-service .project-gallery-slider .slick-slide { padding: 0 !important; height: 100%; }
body.single-service .project-gallery-slider .slick-slide a { padding-top: 0 !important; height: 100%; }
body.single-service .project-gallery-slider .slick-arrow { opacity: 0; }
body.single-service .feature-hover-sec    { z-index: 99; }

.work-desc > div > p                { display: none; }

.vp-portfolio .vp-filter__style-dropdown        { margin-bottom: 0; min-width: 200px; min-height: 40px; position: relative;display: inline-block;  }
.vp-portfolio .vp-filter__style-dropdown select { padding: 10px 20px !important; background: #E8644C !important; width: 100%; margin: 0; position: absolute; top: 0; left: 0; height: 100%;     display: flex;align-items: center; ; color: #fff; text-transform: uppercase; border-radius: 0 !important; font-size: 14px; -webkit-appearance: none;-moz-appearance: none; cursor: pointer !important; }
.vp-portfolio .vp-filter__style-dropdown select:hover { background-color: #E8644C; width: 100%; margin: 0; position: absolute; top: 0; left: 0; height: 100%;     display: flex;align-items: center; ; color: #fff; text-transform: uppercase; }
.vp-portfolio .vp-filter__style-dropdown select:focus { background-color: #E8644C; width: 100%; margin: 0; position: absolute; top: 0; left: 0; height: 100%;     display: flex;align-items: center; ; color: #fff; text-transform: uppercase; outline: none; }
select::-ms-expand {    display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
.vp-portfolio .jcf-select .jcf-select-text { padding: 10px 20px; background-color: #E8644C; width: 100%; margin: 0; position: absolute; top: 0; left: 0; height: 100%;     display: flex;align-items: center; ; color: #fff; text-transform: uppercase; font-size: 14px; cursor: pointer !important; }
.vp-portfolio .vp-filter__style-dropdown    { margin: 0 !important; position: relative; }
.vp-portfolio .vp-filter__style-dropdown:after  { position: absolute; right: 15px; content: '\f107'; font-family: "FontAwesome"; font-size: 20px; line-height: 20px; width: auto; height: auto; top: 50%; transform: translateY(-50%); color: #fff; }
.vp-portfolio .jcf-reset-appearance         { margin: 0 !important; padding: 0 !important; }
.vp-portfolio .jcf-select .jcf-select-opener { display: none; }
.vp-portfolio .jcf-select               { margin-bottom: 0; min-width: 200px; min-height: 40px; position: relative;display: inline-block;  }
.vp-portfolio .jcf-select:after          {     position: absolute; right: 15px; content: '\f107'; font-family: "FontAwesome"; font-size: 20px; line-height: 20px; width: auto; height: auto; top: 50%; transform: translateY(-50%); color: #fff; } 
.vp-portfolio .jcf-option-vp-filter__item { margin-left: 0;  }
.vp-portfolio *                         { border: none !important; }
.vp-portfolio__layout-elements          { margin-bottom: 40px !important; margin-top: 10 !important; }
.vp-portfolio__item-img-overlay         { background-color: #343434 !important; }
.vp-portfolio__layout-elements>*        { padding: 0 !important; margin: 0 !important; } 
.vp-portfolio__preloader-wrap           { display: none !important; } 
.vp-portfolio__item-wrap > figure:first-child { display:none !important; }



.vp-filter__style-default .vp-filter__item.vp-filter__item-active a  { background-color: #E8644C !important; cursor: pointer !important; color: #fff !important; }
.vp-filter__style-default .vp-filter__item.vp-filter__item-active a:hover { background-color: #343434 !important; color: #fff !important; }
.vp-filter__item a                      { padding: 11px 30px !important; box-shadow: 0px 15px 30px 0px rgb(0 0 0 / 15%) !important; -webkit-box-shadow :0px 15px 30px 0px rgb(0 0 0 / 15%) !important; background-color: #fff !important; border-radius: 0 !important; font-size: 16px !important; line-height: 22px !important; font-family: "Avenir-Light" !important; letter-spacing: 0 !important; color : #343434 !important; font-weight : inherit !important; }
.vp-filter__item a:hover                { background-color: #343434 !important; color: #fff !important; }
.vp-filter__item                        { margin: 0 !important; }
.vp-portfolio__layout-elements-align-center .vp-filter__style-default { margin: 0 !important; padding: 40px 20px !important; }
.vp-portfolio__layout-elements          { margin: 0 !important; margin-bottom: 20px !important; width: 100% !important; margin-top : -25px !important; }
.vp-portfolio__items-wrap               { margin-bottom: 20px !important; }


/*Load More*/

.load-more-loader                    { display: none; text-align: center;  width: 100%;}
.load-more-loader img               { max-width: 90px; margin: 0px auto; }
.cat-loading a.load-more-work       { margin: 10px auto 40px auto; background-color: #E8644C; color: #fff; padding: 0; font-size: 16px; line-height: 22px; font-family: "Avenir-Heavy"; text-transform: uppercase; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important;  }
.cat-loading a.load-more-work:hover { background-color: #343434; color: #fff; text-decoration: none; }

/*Load More*/
/****** Our Work Page ******/

/****** About Page ******/

.about-banner #kt-layout-id_471486-7a { min-height: 440px; }
.about-all-sections                 { padding-top: 80px; }
.about-all-sections .wp-block-kadence-rowlayout { margin-top: 0 !important; }
.about-all-sections figure          { margin-bottom: 0 !important; }
.abou-common-desc-sec               { max-width: 440px; margin-top:0px !important;  margin-left: 0 !important;  }
.abou-first-sec,
.abou-second-sec                    { padding-bottom: 75px !important; }
.abou-first-sec figure              { margin-top: 25px; max-width: 440px; position: relative; }
.abou-first-sec figure:after        { position: absolute; top: -20px; left: -40px; width: 80px; height: 80px; background: url('images/nubmer-curve.svg')no-repeat center center/cover; content: ''; }
.abou-first-sec figure:before      { position: absolute; bottom: 20px; width: 60px; height: 60px; right: 20px; background: url('images/logo-white.png')no-repeat center center/cover; content: ''; }
.abou-common-desc-sec p.about-sub-title { margin-bottom: 0 !important; font-size: 14px; line-height: 21px; font-family: "Quicksand"; text-transform: uppercase; letter-spacing: 2.1px; color: #343434; }
.about-common-title                 { margin: 15px 0px 45px 0px !important; font-size: 64px; line-height: 64px; padding-left: 30px; position: relative; }
.about-common-title:after           { position: absolute; top: calc(50% - 55px); left: 0px; width: 4px; height: 110px; background-color: #E8644C; content: '';  }
.animated.about-common-title:after  {  -webkit-animation: about-expand 3s; }
@-webkit-keyframes about-expand{
    0%{height:0px}
    100%{height:110px}
}
.abou-common-desc-sec p             { margin-bottom: 30px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.abou-common-desc-sec p strong      { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }

.abou-common-desc-sec p a           { position: relative; color: #343434; display:inline-block; }
.abou-common-desc-sec p a::before, .abou-common-desc-sec p a::after {
    content: '';
    position: absolute;
    background-color: #E8644C;
    z-index: -1;
    height: 2px;
    bottom: 3px;
  }

.abou-common-desc-sec p a::before {
    width: 0%;
    left: 0;
    bottom: 3px;
    transition: width ease 0.4s;
  }

.abou-common-desc-sec p a::after {
    width: 100%;
    left: 0;
    bottom: 3px;
    transition: all ease 0.6s;
  }

.abou-common-desc-sec p a:hover::before {
      width: 100%;
    }

.abou-common-desc-sec p a:hover::after {
      left: 100%;
      width: 0%;
      transition: all ease 0.2s;
    }


.about-all-sections .kt-inside-inner-col { position: relative; }
.abou-first-sec .about-number                       { margin-bottom: 0 !important; position: absolute; top: -30px; left: -30px; font-size: 160px; line-height: 160px !important; font-family: "Oranienbaum-Regular"; font-weight: inherit; z-index: 99; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 .kt-inside-inner-col { max-width: 85%; }
.abou-second-sec figure             { max-width: 100%; position: relative; }
.abou-second-sec figure:after       { position: absolute; top: -20px; right: -40px; width: 80px; height: 80px; background: url('images/nubmer-curve.svg')no-repeat center center/cover; content: ''; }
.abou-second-sec .about-number      { margin-bottom: 0 !important; position: absolute; top: -30px; right: -110px; font-size: 160px; line-height: 160px !important; font-family: "Oranienbaum-Regular"; font-weight: inherit; z-index: 99; }
.abou-second-sec .abou-common-desc-sec { margin-left: 15px !important; }
.abou-third-sec > .kt-row-layout-inner  { position: relative; padding: 100px 0px; }
.abou-third-sec > .kt-row-layout-inner:after  { position: absolute; top: 0; left: 0; width: 100%; height:100%; content: ''; background-color: rgba(52,52,52,0.6);z-index: 0; }
.abou-third-sec p                   { font-size: 30px; line-height: 30px; font-family: "Oranienbaum-Regular"; margin-bottom: 20px !important;  }
.abou-third-sec h4              { max-width: 75%; margin: 0px auto !important; }
.abou-fourth-sec .abou-common-desc-sec { padding: 100px 0px; margin-left: auto !important;   }
.abou-fourth-sec .inner-column-2 .kt-inside-inner-col   { height: 100%; }
.abou-fourth-sec .about-number      {  margin-bottom: 0 !important; position: absolute; top: 70px; left: 25%; font-size: 160px; line-height: 160px !important; font-family: "Oranienbaum-Regular"; font-weight: inherit; z-index: 99;  }
.abou-fourth-sec .black-btn a:hover { background-color: #E8644C !important; color: #fff !important;}
body.page-id-20 .page-title         { padding-left: 20px;  }
.about-all-sections p a:hover     { color: #E8644C !important; }
/****** About Page ******/


/****** Inghts Page ******/

.insight-banner                     { min-height: 450px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; background-size:cover; background-position:center bottom; }
.insight-banner:after               { position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(52,52,52,0.1); content: ''; }
.insight-banner h1                  { position: relative; color: #fff; margin : 0 !important; font-size: 80px; line-height: 80px;z-index: 1; }
.insight-banner h1 span             { color: #E8644C; }
.insght-key-words                   { padding: 10px 0px; background: #343434; color: #fff; text-align: center; }
.insght-key-words span              { margin: 0px 20px; display: inline-block; position: relative; font-size: 14px; line-height: 18px; letter-spacing: 4.2px; font-family: "Avenir-Light"; color: #fff; text-transform: uppercase; }
.insght-key-words span:after        { position: absolute; top: 50%; right: -30px; content: '-'; width: auto; height: 22px; font-size: 20px; line-height: 20px; color: #E8644C; transform: translateY(-50%); /*font-family: "FontAwesome";*/ }
.insght-key-words span:last-child:after { display: none; }
.insight-sec                        { padding: 50px 0px; }
.insight-sec .wp-block-kadence-rowlayout.alignwide  { margin-top: 0; margin-bottom: 0; }
.insight-sec .row                   { display: flex; flex-wrap: wrap; }
.insight-sec:nth-child(even)        { background-color: #fafafa; }
.insight-sec .row .col-sm-6         { width: calc(50% - 1px); }
.insight-sec:nth-child(even) .row   { flex-direction: row-reverse; }
.insight-sec:nth-child(even) .inghts-img-sec { padding-right: 0; padding-left: 30px; } 
.insight-sec:nth-child(even) .inghts-desc-sec { padding-left: 0; padding-right: 30px; } 
.inghts-img-sec                     { padding-right: 30px; }
.inghts-desc-sec                    { padding-left: 30px; }
.inght-img                          { min-height: 380px; background-size:cover; background-position: center center;  }
.inght-title                        { font-size: 42px; line-height: 42px; margin: 35px 0px 15px 0px; display: inline-block; font-family: "Oranienbaum-Regular"; color: #343434; }
.inght-title:hover                  { color: #343434; text-decoration: underline !important; }
.inghts-date                        { margin-bottom: 20px; font-size: 14px; line-height: 21px; font-family: "Avenir-Light"; display: inline-block; color: #E8644C; }
.inght-short-desc                   { margin-bottom: 25px; font-size: 18px; line-height: 27px !important; font-family: "Avenir-Light"; color: #343434; }
.inghts-details-link                { padding-right: 20px; font-size: 16px; line-height: 24px; font-family: "Avenir-Heavy"; letter-spacing: 4.8px; text-transform: uppercase; color: #343434; position: relative; }
.insight-sec:hover .inghts-details-link             { color: #E8644C; }
.insight-sec:hover .inght-title                { text-decoration: underline !important; }
.inghts-details-link:after          { position: absolute; top: calc(50% - 11px); right: 0px; width: auto;height: auto; content: '\f105'; font-size: 19px; line-height: 22px; font-family: "FontAwesome"; color: #E8644C;transition: 0.5s; }
.inghts-details-link:hover:after    { right: 5px; }
/*Pagination*/

.all-blog-pagination                { padding: 65px 0px; display: flex; justify-content: center; align-items: center; }
.all-blog-pagination a.page-numbers { margin: 0px 1px; width: 43px; height: 43px; background-color: #343434; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; border-radius: 5px;}
span.page-numbers.current           { margin: 0px 1px; width: 43px; height: 43px; background-color: #E8644C; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; border-radius: 5px;}
span.page-numbers.dots              { margin: 0px 15px; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; border-radius: 5px;}
/*Pagination*/

/****** Inghts Page ******/


/****** Contact Page ******/
figure.wp-block-image.size-large.is-resized.contact-jc-logo { margin-bottom: 35px !important;}
.contact-jc-logo img { height: auto !important;}
.contact-banner .kt-row-layout-inner { min-height: 440px; }
.contact-page-sec .kt-has-2-columns > .inner-column-1 { flex: 5 !important; margin-right: 0 !important; margin-top: -50px !important }
.contact-page-sec .kt-has-2-columns > .inner-column-2 { flex: 7 !important; }
.contact-page-sec .kt-has-2-columns > .inner-column-1 > .kt-inside-inner-col,
.contact-page-sec .kt-has-2-columns > .inner-column-2 > .kt-inside-inner-col { padding-top: 100px !important; height: 100%; }
.contact-left-info                  { max-width: 225px; margin: 0px auto !important; }
.contact-right-sec                  { padding-bottom: 75px; max-width: 580px; margin: 0px auto !important; }
.contact-left-info h1               { margin-top: 0 !important; margin-bottom: 40px !important; }
.contact-left-info p                { margin-bottom: 30px; font-size: 16px; line-height: 24px; font-family: "Avenir-Light"; }
.contact-left-info p strong         { font-family: "Avenir-Heavy";letter-spacing: 4.8px; }
.contact-left-info figure           { margin: 0px 0px 70px 0px !important; max-width: 45px; }
.wp-block-social-links li           { margin: 0; margin-right: 5px; background-color: #fff !important;  width: 30px; height: 30px;}
.wp-block-social-links li a         { padding: 5px; }
.wp-block-social-links li a,
.wp-block-social-links li a svg         { color: #fff !important; fill: #343434 !important; width:auto !important; height:auto !important; }
.contact-right-sec p                    { font-size: 20px; line-height: 30px; font-family: "Avenir-Light"; }
.contact-right-sec h6               { margin-bottom: 35px; margin-top: 0; }
.contact-info-grp                   { margin: 0; margin-top: 40px;  }                       
.contact-info-grp .wp-block-group__inner-container { display: flex; align-items: center;justify-content: space-between; }
.contact-info-grp .contact-link     { padding-left: 60px !important; margin-bottom: 0; }
.contact-info-grp .contact-link a   { font-size: 30px; line-height: 48px; font-family: "Avenir-Light"; color: #343434;}
.contact-info-grp .contact-link a:hover { color: #E8644C; }
.contact-info-grp .contact-link:first-child { background: url('images/contact-mail-icon.svg')no-repeat center left/40px 40px; }
.contact-info-grp .contact-link:last-child  { background: url('images/contact-call-icon.svg')no-repeat center left/40px 40px; }
.contact-form-sec                   { margin-top: 60px; }
.contact-right-sec p.form-title     { margin-bottom: 35px; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; letter-spacing: 4.2px; }
.all-input-grp                      { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0px -10px; }
.form-group                         { width: calc(50% - 20px); margin: 0px 10px 15px 10px; }
.form-group.full-width              { width: 100%;  }
.contact-form-sec .form-group input,
.contact-form-sec .form-group textarea                  { width: 100%; font-size: 14px; line-height: 20px; padding: 15px; font-family: "Avenir-Light"; color: #343434; border: 1px solid transparent; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s; -webkit-transition: 0.5s;  }
.contact-form-sec .form-group input:hover,
.contact-form-sec .form-group textarea:hover,
.contact-form-sec .form-group input:focus,
.contact-form-sec .form-group textarea:focus          { border-color: #E8644C !important; }
.contact-right-sec input[type="submit"] { font-size: 15px; }
.form-group textarea                { resize: none; height: 125px; }
.form-group input:focus             { border-color: transparent; text-decoration: none; }
.form-group input::placeholder,
.form-group textarea::placeholder       { color: #9A9A9A; text-transform: uppercase;   }
.form-group input[type="file"]::-webkit-file-upload-button {visibility: hidden; }       
.form-group input[type="file"]      { padding: 0; height: 100%; z-index: 2;}
.jcf-file .jcf-fake-input           { z-index: 1;font-size: 14px; line-height: 20px; padding: 15px 15px 15px 50px; background: url('images/upload-icon.svg')no-repeat center left 20px/20px 20px; font-family: "Avenir-Light"; color: #9A9A9A; }
.jcf-file.file-uploaded .jcf-fake-input { color:#343434;}
.file-input:hover .jcf-file .jcf-fake-input { background: url('images/upload-icon-orange.svg')no-repeat center left 20px/20px 20px; }
.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button        { border: none; height: 100%; width: 100%; }
.jcf-file .jcf-upload-button        { z-index: -1; }
.file-input                         { width: 100%;  }
.jcf-file 						{ width:100%; display:block; height: 50px; position: relative;box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); }
.jcf-file span                    { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  font-size: 14px; line-height: 20px; padding: 15px; font-family: "Avenir-Light"; color: #343434; background: #fff; }
.file-input span.wpcf7-form-control-wrap { z-index: 1; background: transparent; }
.form-group input[type="checkbox"]  { margin-right: 15px; border-color: #9A9A9A; background: #fff; width: 20px; height:  20px; padding: 0; top: 0; }
input[type="checkbox"]:checked::before { margin:-1px; width: 20px; height: 20px; content: '\f00c'; font-family: "FontAwesome"; text-align: center; color: #E8644C; }
.form-group input[type="checkbox"]:focus { outline: none; }
.checkbox-grp                       { margin-top: 20px; margin-bottom: 30px; }
.wpcf7-checkbox span.wpcf7-list-item { margin: 0; display: flex; align-items: center; }
.wpcf7-checkbox span.wpcf7-list-item-label { font-size: 14px; line-height: 14px; font-family: "Avenir-Light"; }
.contact-right-sec .wpcf7-submit    { width: 100%; font-family: "Avenir-Heavy"; border-radius: 5px; font-weight: bold; background-color: #E8644C !important; color: #fff; text-decoration: none; text-align: center; transition: 0.5s; }
.contact-right-sec .wpcf7-submit:hover  { text-decoration: none; background-color: #343434 !important; }
.contact-right-sec form p           { margin-bottom: 0; }
.contact-right-sec span.wpcf7-not-valid-tip { margin-top: 5px; font-size: 14px; line-height: 18px; font-family: "Avenir-Light"; display: inline-block; }
.contact-page-mobile-sec            { display: none; }
.contact-mobile-heading             { display: none; }
.form-group.checkbox-grp p { display: flex; align-items: center;}
.form-group.checkbox-grp p a { padding-left: 5px;}
.checkbox-grp .wpcf7-form-control-wrap.checkbox-707 { display: inline-block; vertical-align: top; }
.checkbox-grp a                     { font-size: 14px; line-height: 14px; font-family: "Avenir-Light"; color: #232323; text-decoration: underline; display:inline-block; vertical-align:top; margin-top:2px; }
.checkbox-grp a:hover,
.checkbox-grp a:focus               { color: #E8644C; text-decoration: underline; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background: #f7e700 !important;
color: #000;
border: none;
font-family: 'AvenirLTStd';
border-radius: 0;
padding: 8px;
font-weight: 600;
}
div.wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
	font-family: 'AvenirLTStd';
	border-radius: 0;
	padding: 8px;
	background: #398f14;
	font-weight: 600;
}
.grecaptcha-badge {
    display:none !important;
}
.wpcf7-not-valid { border-color: #dc3232 !important;}

/****** Contact Page ******/

/****** Services Inner Page ******/

/*Branding Page*/

.service-common-banner              { min-height: 295px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #fff; position: relative; background-size:cover; background-position:center center;}
.service-common-banner:after        { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(52,52,52,0.5); }
.service-common-banner div          { width: 100%; text-align: center; position: relative;z-index: 1; }
.service-catougery                  { margin-bottom: 25px; display: inline-block; font-size: 14px; line-height: 21px; letter-spacing: 4.2px; color: #9A9A9A; font-family: "Avenir-Light"; text-transform: uppercase; }
.service-title                      { margin: 0 !important; color: #fff;  }
.service-desc-sec                   { padding: 65px 0px 20px 0px; max-width: 950px; margin: 0px auto; text-align: center; }
.service-icon                       { width: 65px; height: 65px; color: #343434; margin: 0px auto; background-size:100% auto; background-position:center center; background-repeat:no-repeat;  }
.service-desc-sec h2                { margin: 30px auto; max-width: 80%; }
.service-desc-sec p                 { font-size: 18px; line-height: 27px; margin-bottom: 30px;  font-family: "Avenir-Light";}
.brandibg-list                      { margin-top: 45px; padding: 10px 35px; display: flex;flex-wrap: wrap; margin-bottom: 20px; }
.brandibg-list li                   { margin: 0px 15px 30px 15px; width: calc(100% / 3 - 30px); padding-top: 24%; box-shadow: 7px 7px 20px rgba(103,103,103,0.16); -webkit-box-shadow: 7px 7px 20px rgba(103,103,103,0.16); transition: 0.5s; position: relative; background-size:cover; background-position:center center; }
.brandibg-list li a                 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.brandibg-list .fancybox-toolbar button { background: transparent !important; }
.fancybox-slide                     { background: #fff !important; }
.brandibg-list li:hover             { transform: scale(0.97); }
.service-review-sec                 { padding: 30px 0px 40px 0px; }
.service-review-sec .wp-block-kadence-rowlayout.alignwide      { margin-top: 0; margin-bottom: 0; }
.service-review                     { max-width: 80%; margin: 0px auto; text-align: center; }
.service-review-icon                { width: 40px; height: 40px; background: url('images/person-icon.svg')no-repeat center center/cover; margin: 0px auto; }
.service-review h2                  { margin: 25px 0px !important; }
.service-review p                   { margin-bottom: 25px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.service-review p strong            { font-family: "Avenir-Heavy"; }
body.page-specialist .footer-video-section:after,
body.page-support .footer-video-section:after   { background-color: rgba(232,100,76,0.9); } 
body.page-specialist .footer-video-section h1,
body.page-support .footer-video-section h1      { margin-top: 20px !important; }
body.page-specialist .footer-video-section .footer-btn,
body.page-support .footer-video-section .footer-btn { margin-top: 55px; background-color: #343434; font-family: "Avenir-Light" }    
body.page-specialist .footer-video-section .footer-btn:hover,
body.page-support .footer-video-section .footer-btn:hover { background-color: #fff; color: #343434; }

.spcialist-details-sec              { margin-top: 0 !important; margin-bottom: 0 !important; }

/*Branding Page*/

/*Graphic Page*/

.image-slider                       { overflow: hidden; }
.graphic-img-slider                 { margin: 0px -15px; margin-bottom: 20px; overflow: hidden; }
.graphic-img-slider .slick-slide > div > div > div { min-height: 360px; position: relative; background-size:cover; background-position:center center; }
.graphic-img-slider .slick-slide > div > div > div a { position:  absolute; top: 0; left: 0; width: 100%; height: 100%; }
.graphic-img-slider .slick-slide    { margin: 0px 15px; }
.graphic-img-slider .slick-slide > div { margin-bottom: 20px; }
.graphic-img-slider .slick-prev                         { left: 45px; z-index: 1; width: 17px; height: 34px;  background-color: transparent !important; top: calc(50% - 30px); }
.graphic-img-slider .slick-next                         { right: 60px;z-index: 1; width: 17px; height: 34px; background-color: transparent !important; top: calc(50% - 30px); }
.graphic-img-slider .slick-prev:before                  { position: absolute; width: 100%; height: 100%; background: url('images/arrow-left.svg')no-repeat center center/cover; content: '';  }
.graphic-img-slider .slick-next:before                  { position: absolute; width: 100%; height: 100%; background: url('images/arrow-right.svg')no-repeat center center/cover; content: '';    }

/*Graphic Page*/

/*Copywite Page*/

.copywrite-desc-sec                 { padding: 90px 0px 75px 0px; margin: 0px auto; margin-bottom: 50px; max-width: 90%; background: url('images/wall-img.png')no-repeat center center/cover; text-align: center; position: relative; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); }
.copywrite-desc-sec:after           { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(255,255,255,0.6); }
.copywrite-desc-sec ul              { margin-bottom: 0 !important; }
.copywrite-desc-sec li              { margin: 0; position: relative;z-index: 1 }
.copywrite-desc-sec p               { padding: 0px 5px; margin-bottom: 15px; display: inline-block; font-size: 24px; line-height: 30px; font-family: "Avenir-Light"; }
.copywrite-desc-sec span            { display: inline-block; font-size: 16px; line-height: 24px; font-family: "Avenir-Heavy"; margin-bottom: 40px; position: relative;z-index: 1; letter-spacing: 4.2px; }
.copywrite-desc-sec li:nth-child(3n+1) p { background-color: #343434; color: #fff; }
.copywrite-desc-sec li:nth-child(3n+2) p { background-color: #E8644C; color: #fff; }
.copywrite-desc-sec li:nth-child(3n+3) p { background-color: #fff; color: #343434; }
.copywrite-desc-sec li:last-child p { background-color: #343434; color: #fff; }

/*Copywite Page*/

/*video-and-animations*/

.videos-tag-sec                    { text-align: center; }
.videos-tag-sec .wp-block-kadence-rowlayout.alignwide   { margin-top: 0; margin-bottom: 0; }
.videos-tag-sec span               { margin-bottom: 70px; display: inline-block; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy";  letter-spacing: 4.2px; color: #ccc; }
.videos-tag-list                   { max-width: 90%; margin: 0px auto; margin-bottom: 80px; }
.videos-tag-list li                { display: inline-block; margin: 0px 30px 15px 0px; padding: 5px; font-size: 36px; line-height: 38px; font-family: "Avenir-Light";   }
.videos-tag-list li:nth-child(3n + 1) { background-color: #343434; color: #fff; }
.videos-tag-list li:nth-child(3n + 2) { background-color: #fff; color: #343434; }
.videos-tag-list li:nth-child(3n + 3) { background-color: #E8644C; color: #fff; }
.all-work-videos                    { overflow: hidden; }
.all-work-videos ul                 { margin: 0px -18px; padding: 0px 25px; display: flex; flex-wrap: wrap; }
.all-work-videos li                 { width: calc(100% / 3 - 36px); margin: 0px 18px 50px 18px; text-align: center;}
.all-work-videos li .video-img             { padding-top: 53%; background-size:cover; background-position:center center; }
.fancybox-content                   { width: 75%; background-color: #343434; }
.fancybox-button:hover              { color: #343434 !important; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #343434 !important; }
.video-data                         { width: 100%; display: flex; flex-wrap: wrap;align-items: flex-start; }
.fancybox-slide                     { background: #fff !important; }
.fancybox-button                    { background-color: transparent !important; }
.fancybox-button.fancybox-button--arrow_left,
.fancybox-button.fancybox-button--arrow_right { padding: 0 !important; width: 32px; height: 32px;  opacity: 0.6 !important;}
.fancybox-button.fancybox-button--arrow_left svg,
.fancybox-button.fancybox-button--arrow_right svg { display: none !important; }
.fancybox-button.fancybox-button--arrow_left    { background: url('images/fancy-left.svg')no-repeat center center/cover; left: 20px; }
.fancybox-button.fancybox-button--arrow_right   { background: url('images/fancy-right.svg')no-repeat center center/cover;right: 20px; }
.video-duration span                { display: inline-block; margin-left: 20px; position: relative; }
.video-duration span:before         { position: absolute; top: calc(50% - 1.5px); left: -13px; width: 3px; height: 3px; content: ''; background: #fff; }
.video-img                          { padding: 10px 15px; display: flex; flex-wrap: wrap; align-items:  flex-end; justify-content: flex-end; position: relative; color: #fff; }
.video-img span.duration            { font-size: 12px; line-height: 14px; font-family: "HelveticaNeue-Roman"; color: #fff; }
.video-img a.play-btn               { position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); background: url(images/play-icon.svg)no-repeat center center/cover; width: 40px; height:40px; opacity: 0; transition: 0.5s; }
.video-img:hover a.play-btn         { opacity: 1; }
.video-title                        { font-size: 30px; line-height: 30px; font-family: "Oranienbaum-Regular"; color: #343434; margin-top: 20px; display: inline-block; transition: 0.5s; }
.video-title:hover,                  
.video-title:focus                  { color: #343434; opacity: 0.7; }
.video-details-section              { padding: 0px 30px; }
.video-details-section h6           { margin-top: 10px; margin-bottom: 15px; font-size: 14px; line-height: 22px; font-family: "Avenir-Light" !important; font-weight: inherit; letter-spacing: 4.2px;text-transform: uppercase; }
.all-work-videos p.video-desc       { font-size: 18px; line-height: 24px; font-family: "Avenir-Light"; font-weight: inherit; color: #343434;  display: none; margin-bottom: 0; overflow: hidden; transition: 0.5s max-height; }
.show-content-link                  { font-size: 20px; line-height: 20px; color: #E8644C; display: inline-block; transition: 0.5s;  }
.show-content-link:hover,
.show-content-link:focus            { color: #E8644C; }
.show-content-link.active           { transform: rotate(180deg); transition: 0.5s; }


/*video-and-animations*/

/** JC Core**/

.common-banner                      { min-height: 440px; }
body.page-jc-core .common-banner 	{ background-size:cover; background-position:bottom center; }
.service-common-section             { display: flex; flex-wrap: wrap; align-items: flex-start; }
.service-left-sec                   { width: 60%; }
.service-right-sec                  { width: 40%; background: #343434; }
.service-left-desc                  { padding: 30px 0px; max-width: 550px; margin: 0px auto; }
.service-left-sec h2                { margin-top: 0;  margin-bottom: 55px; font-size: 80px; line-height: 80px; font-family: "Oranienbaum-Regular"; letter-spacing: 0; color: #343434; }
.service-left-sec h2 span           { color: #E8644C; }
.service-left-sec p                 { font-size: 20px; line-height: 30px; font-family: "Avenir-Light"; }
.service-right-sec                  { padding: 50px 0px; }
.service-right-desc                 { max-width: 300px; margin: 0px auto; color: #fff; }
.jc-orange-logo                     { margin-bottom: 15px; width: 40px; height: 40px; background: url('images/jc-orange.png')no-repeat center center/cover; }
.service-right-desc h5              { font-size: 30px; line-height: 30px;margin-top: 0; margin-bottom: 20px; font-weight: bold; letter-spacing: 0; }
.service-right-desc p               { margin-bottom: 25px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.service-explore-link               { padding-right: 50px;  margin-bottom: 20px; display: inline-block; color: #fff; font-size: 16px; line-height: 24px; font-family: "Avenir-Heavy"; letter-spacing: 4.8px; position: relative; }
.service-explore-link:after         { position: absolute; top: calc(50% - 13px); right: 20px; width: auto;height: auto; content: '\f105'; font-size: 24px; line-height: 26px; font-family: "FontAwesome"; color: #E8644C; }
.service-explore-link:hover         { color: #E8644C; }
.service-common-btns                { margin-top: 40px; display:  flex; flex-wrap: wrap; }
.service-common-btns a              { padding: 0; margin-right: 20px; border-radius: 5px; font-size: 15px; line-height: 21px; font-weight: bold; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.service-common-btns a.orange-btn   { background-color: #E8644C; color: #fff;  }
.service-common-btns a.white-btn    { background-color: #fff; color: #343434;  }
.service-common-btns a:hover        { background-color: #343434 !important; color: #fff !important; }
.jc-core-sec                        { padding-bottom: 100px; background: url('images/what-we-do-bg.png')no-repeat center center/cover; position:relative; }
.jc-core-sec:after                  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); content: ''; }
.jc-core-detail-sec                 { position: relative; z-index: 1; }
.what-we-do-sec .wp-block-kadence-rowlayout.alignwide { margin-top: 0; margin-bottom: 0; }
.what-we-do-desc-sec                { width: 100%; display: flex;flex-wrap: wrap; flex-direction: column; }
.technologies-slider                { margin-top: 30px; }
.technologies-slider .slick-track div > div { width: 100%; height: 90px; filter: grayscale(1); background-size:100% 100%; background-position:center center; }
.technologies-slider .slick-slide   { padding: 0px; }
.technologies-slider .slick-prev        { left: 0; z-index: 1; width: 17px; height: 34px;  background-color: transparent !important; top: calc(50% - 30px); }
.technologies-slider .slick-next           { right: 0;z-index: 1; width: 17px; height: 34px; background-color: transparent !important; top: calc(50% - 30px); }
.technologies-slider .slick-prev:before    { position: absolute; width: 100%; height: 100%; background: url('images/arrow-left.svg')no-repeat center center/cover; content: '';  }
.technologies-slider .slick-next:before    { position: absolute; width: 100%; height: 100%; background: url('images/arrow-right.svg')no-repeat center center/cover; content: '';    }
.what-we-do-heading                 { margin-bottom: 60px !important; margin-top: 70px !important; width: 100%; text-align: center; font-size: 110px; line-height : 110px;  }
.what-we-do-heading span            { color: #E8644C; }
.what-we-do-list                    { margin-bottom: 35px; display: flex; flex-wrap: wrap; }
.what-we-do-list li                 { margin-left: 0; width: calc(100% / 3); margin-bottom: 30px; }
.what-we-do-details                 { max-width: 270px; margin: 0px auto; text-align: center;  }
.what-we-do-icon                    { width: 45px; height: 35px; margin: 0px auto; margin-bottom: 10px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; }
.what-we-do-title                   { margin: 15px 0px; display: inline-block; font-size: 18px; line-height: 22px; font-family: "Avenir-Heavy";letter-spacing: 4.8px; text-align: center; }
.service-desc                       { font-size: 18px; line-height: 27px !important; font-family: "Avenir-Light"; text-align: center; }
.what-we-do-desc                    { max-width: 85%; margin: 0px auto; text-align: center; }
.what-we-do-desc p                  { margin-bottom: 40px; font-size: 24px; line-height: 36px; font-family: "Lato-Regular"; text-align: center; }
.what-we-do-desc a                  { background-color: #343434; color: #fff; padding: 5px 20px; font-size: 15px; line-height: 21px; border-radius: 5px; font-weight: bold; font-family: "Avenir-Heavy"; text-transform: uppercase; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.what-we-do-desc a:hover            { background-color: #fff; color: #343434; }
.chart-section                      { margin-bottom: 60px; padding: 80px 0px 90px 0px; background: url('images/wood.jpg')no-repeat center center/cover; position: relative; }
.chart-section:after                { position: absolute; top: 0; left: 0; width: 100%; height:100%; content: ''; background-color: rgba(52,52,52,0.6);z-index: 0; }
.chart-section .alignwide           { position: relative;z-index: 1; color: #fff; margin-top: 0; margin-bottom: 0; }
.chart-header                       { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.chart-header .common-title span    { color: #E8644C; }
.chart-desc                         { max-width: 425px; }
.chart-desc p                       { margin-bottom: 0; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.chart-desc p strong                { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }
.chart-desc p b                			{ font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }

.chart-img-sec                      { max-width: 95%; margin: 0px auto; position: relative; box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); }
.chart-img-sec:after                { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(52,52,52,0.15); content: ''; }
.chart-img                          { width: 100%; height: 560px; position: relative; }

/*new chart-sec*/

.methodical-process-sec     { display: flex; flex-wrap: wrap; margin: 0px auto; justify-content: center;z-index: 1; position: relative;  }
.methodical-process-sec > li {padding: 50px 0px 65px 0px; max-width: 180px; text-align: center; color: #fff; margin: 0px 22px; }
.client-input-sec span      { width: 100%; margin-top: 5px; display: inline-block; text-align: center; font-size: 12px; line-height: 20px; font-family: "Avenir-Light"; }
.client-input-sec .input-img { margin: 5px auto; width: 34px; height: 34px;  display: block; }
.methodical-process-sec > li:nth-child(1) .input-img { background: url('images/4-lines.png')no-repeat bottom center/100% auto; }
.methodical-process-sec > li:nth-child(2) .input-img { background: url('images/3-lines.png')no-repeat bottom center/100% auto; }
.methodical-process-sec > li:nth-child(3) .input-img { background: url('images/1-lines.png')no-repeat bottom center/100% auto; }
.methodical-process-sec > li:nth-child(4) .input-img { background: url('images/2-lines.png')no-repeat bottom center/100% auto; }
.methodical-process-sec > li:nth-child(5) .input-img { background: url('images/1-lines.png')no-repeat bottom center/100% auto; }
.client-input-number        { margin: 15px auto;font-size: 40px; line-height: 60px; font-family: "Oranienbaum-Regular"; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; color: #343434;display: block; text-align: center;  }
.client-input-title         { margin-top: 20px; font-size: 16px; line-height: 20px; font-family: "Avenir-Heavy"; letter-spacing: 4.8px; text-transform: uppercase; }
.client-input-desc li       { margin: 0; font-size: 18px; line-height: 22px; font-family: "Avenir-Light"; }
.client-info-sec            { margin-top: 30px; }
.client-icon                { width: 36px; height: 27px; margin: 0px auto; background: url('images/client-icon.png')no-repeat center center/cover; display: block; }
.client-info-sec p          { margin: 0; margin-top: 10px;  font-size: 14px; line-height: 17px; font-family: "Avenir-Light"; font-style: italic; }
.white-line                 { position: absolute; top: 168px; left: 30px; width: calc(100% - 60px); height: 2px; background-color: #fff;z-index: -1;-webkit-animation: line-animate 4s;  }
@-webkit-keyframes line-animate{
    0%{width:0%}
    100%{width:calc(100% - 60px)}
}
.white-line:after           { position: absolute; top: -6px; left:0; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; z-index: 0; content: ''; }
.white-line:before          { position: absolute; top: -12px; right: -5px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; content: ''; }
.client-input-sec br            { display: none !important; }
.input-img + br                 { display: none; }
/*new chart-sec*/

/** JC Core**/

/** JC Support**/
/*Growth Marketing*/

body.page-support .common-banner 	{ background-size:cover; background-position:center center; }
.support-quote-msg h5               { margin-top: 20px; margin-bottom: 0 !important; font-size: 28px; line-height: 34px; font-family: "Avenir-Heavy"; font-weight: bold;font-style: italic; }
.support-quote-msg h4               { margin-top: 15px; color: #E8644C; font-family: "Avenir-Light" !important; font-size: 18px; line-height: 24px;  }
.jc-support-sec .service-left-sec  { padding-top: 60px; }
.jc-support-sec .service-right-sec  { margin-top: -50px; padding: 75px 0px; }
.jc-support-sec .service-right-desc  { max-width: 300px; }
.jc-support-sec .service-left-sec h2 { margin-bottom: 40px; }
.growth-maketing-sec .alignwide     { margin-top: 0 !important; margin-bottom: 0 !important; }
.growth-maketing-sec .row           { display: flex;flex-wrap: wrap; margin-top: 35px; }
.growth-img                         { width: 100%; height: 100%;background-size:cover; background-position:center center; }
.growth-desc-sec                    { padding: 0px 20px 40px 20px; }
.growth-maketing-sec .common-title   { margin-bottom: 40px !important; padding-left: 30px; font-size: 64px; line-height: 64px; max-width: 100%; }
.growth-maketing-sec .common-title:after { height: 90%; top: 5%; left: 0; }
.growth-maketing-sec .common-title.animated:after  {  -webkit-animation: growth-line-animate 3s !important; }
@-webkit-keyframes growth-line-animate{
    0%{height:0%}
    100%{height: 90%}
}
.growth-maketing-sec p              { font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; margin-bottom: 35px; }
.growth-maketing-sec p strong       { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }
.growth-services-sec                { margin-bottom: 40px; padding: 110px 0px 10px 0px; background: url('images/wood.jpg')no-repeat center center/cover; position: relative; }
.growth-services-sec:after          { position: absolute; top: 0; left: 0; width: 100%; height:100%; content: ''; background-color: rgba(52,52,52,0.6);z-index: 0;  }
.growth-services-list               { position: relative; color: #fff;z-index: 1; display: flex; flex-wrap: wrap; }
.growth-services-list li            { width: 50%; margin: 0; margin-bottom: 65px; }
.growth-services-desc               { max-width: 425px; margin: 0px auto; }
.growth-services-desc h2            { margin-top: 0 !important; margin-bottom: 10px !important; font-size: 80px; line-height: 80px; letter-spacing: 3px; font-weight: bold; padding-left: 60px; font-weight: inherit; background-size:42px 42px; background-position:center left; background-repeat:no-repeat; }
.growth-services-desc p             { margin-bottom: 20px; font-size: 18px; line-height: 30px !important; font-family: "Avenir-Light"; color: #fff;  }
.growth-services-desc p.growth-subtitle{ font-family: "Avenir-Heavy"; }

/*Growth Marketing*/

/*Web Hosting & Maintenance*/

.web-hosting-sec                    { margin-top: 140px; }
.monthly-price-sec .wp-block-kadence-rowlayout.alignwide    { margin-top: 0; margin-bottom: 0; }
.monthly-plan-sec                   { width: 100%; display: flex; flex-wrap: wrap; }
.monthly-plan-img                   { width: 50%;  min-height: 450px; background-size:cover; background-position:center center; }
.monthly-plan-desc-sec              { width: 50%; }
.monthly-plan-desc                  { max-width: 520px; margin: 0px auto; margin-left: 100px; }
.monthly-plan-desc h1               { margin: -55px 0px 50px -145px;  font-size: 110px; line-height: 110px; font-family: "Oranienbaum-Regular";  color: #343434; }
.monthly-plan-desc h1 span          { color: #E8644C; }
.monthly-plan-desc p                { font-size: 20px; line-height: 30px; font-family: "Avenir-Light"; }
.price-list-sec                     { margin-top: 80px; margin-bottom: 0; padding: 0px 80px 60px 80px; }
.price-list-sec li.price-list-item  { width: 520px; padding: 50px 45px;margin-right: 70px; margin-left: 0; margin-bottom: 60px; display: inline-block; text-align: left; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); vertical-align: top; background-color: #fff; }
.price-list-sec li.price-list-item:nth-child(2n + 2) { margin-right: 0; margin-top: -270px; margin-right: -100px; position: relative; }
.price-list-item h3                 { font-size: 54px; line-height: 54px; font-family: "Oranienbaum-Regular"; font-weight: inherit; margin-top: 0 !important; margin-bottom: 30px !important; }
.plan-cost                          { margin-bottom: 30px; font-size: 20px; line-height: 30px; font-family: "Avenir-Light";  }
.plan-cost span                     { font-family: "Avenir-Heavy"; margin-right: 10px; }
.plan-detail-list                   { margin: 0 !important; padding-left: 30px; }
.plan-detail-list li                { margin-left: 0; margin-bottom: 3px; margin-top: 0; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; position: relative; }
.plan-detail-list li:before         { position: absolute; top: 4px; left: -30px; width: 17px; height: 17px; content: '';background: url('images/list-icon.svg')no-repeat center center/cover; }
.price-list-item a.orange-btn       { margin-top: 40px; margin-bottom: 30px; padding: 5px; border-radius: 5px; background-color: #E8644C; color: #fff; font-size: 15px; line-height: 21px; font-weight: bold; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.price-list-item a.orange-btn:hover { color: #fff; background-color: #343434; }
.price-list-sec li.price-list-item:nth-child(2n + 2):after { position: absolute;bottom: -100px; right: 10px; content: '* All prices excl. Vat'; width: auto; height: auto; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; font-style: italic; }
.web-support-sec                    { width: 100%; display: flex; flex-wrap: wrap; }
.web-support-desc-sec,
.web-support-img                    { width: 50%; }
.web-support-img                   { background-size:cover; background-position:center center; }
.web-support-desc                   {  max-width: 450px; margin: 0px auto; padding: 90px 0px; }
.support-subtitle                   { margin-bottom: 20px; font-size: 14px; line-height: 21px; font-family: "Avenir-Light"; letter-spacing: 4.2px; }
.web-support-desc .common-title     { margin-bottom: 40px !important; padding-left: 30px; font-size: 64px; line-height: 64px;max-width: 100%; }
.web-support-desc .common-title:after { left: 0; height: 90%; top: 0;  }
.web-support-desc .common-title.animated:after  {  -webkit-animation: line-expand 3s !important; }
@-webkit-keyframes line-expand{
    0%{height:0%}
    100%{height: 90%}
}
.support-list-sec                   { margin-bottom: 0; }
.support-list-sec li                {margin: 0; }
.support-list-sec li p              { margin-bottom: 35px; }
.support-title                      { font-size: 20px; line-height: 30px; font-family: "Avenir-Light"; }
.support-title span                 { font-family: "Avenir-Heavy";margin-right: 20px; position: relative; display: inline-block; }
.support-title span:after           { width: 2px; height: 20px; background-color: #E8644C; top: 5px; right: -12px; content: ''; position: absolute;  }
.support-desc                       { font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
.web-support-desc a.black-btn       { margin-top: 20px; margin-bottom: 30px; padding: 5px; border-radius: 5px; background-color: #343434; color: #fff; font-size: 15px; line-height: 21px; font-weight: bold; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.web-support-desc a.black-btn:hover { background-color: #fff; color: #343434 }


/*Web Hosting & Maintenance*/
/** JC Support**/


/****** Services Inner Page ******/


/****** Work Inner Page ******/

.work-nav-section                       { background: url('images/wood.jpg')no-repeat center center/cover; position: relative; }
.work-nav-section:after                 {  position: absolute; top: 0; left: 0; width: 100%; height:100%; content: ''; background-color: rgba(52,52,52,0.6);z-index: 0;  }
.work-nav-section .wp-block-kadence-rowlayout.alignwide { position: relative; z-index: 1; margin-top: 0 !important; margin-bottom: 0 !important; }
.work-nav                               { padding: 50px 0px; display:flex; align-items: center; justify-content: space-between; }
.all-feature-work-link                  { padding-left: 40px; background: url('images/all-work-icon.svg')no-repeat left center/30px 20px; font-size: 14px; line-height: 30px; letter-spacing: 4.2px; color: #fff; font-family: "Avenir-Light"; }
.all-feature-work-link:hover            { color: #E8644C; }
.all-feature-work-link:focus            { color: #E8644C; }
.work-img                               { margin: 0px auto; height: 400px; position: relative;z-index: 1;  margin-top: -50px; max-width: 83%; background-position: center center; background-size:100% auto; background-repeat:no-repeat; }
.work-navigation a                      { font-size: 14px; line-height: 25px; font-family: "Avenir-Light"; color: #fff; display: inline-block;letter-spacing: 2.1px; }
.work-navigation a:hover                { color: #E8644C; }
.work-navigation a.prev                 { position: relative; padding-right: 25px; }
.work-navigation a.next                 { position: relative; padding-left: 25px; }
.work-navigation a.prev:after           { position: absolute; top: 0; right: 0px; width: 14px; height: 100%; background: url('images/work-prev-icon.svg')no-repeat center center/cover; content: ''; }
.work-navigation a.next:after           { position: absolute; top: 0; left: 0px; width: 14px; height: 100%; background: url('images/work-next-icon.svg')no-repeat center center/cover; content: ''; }
.work-info-section                      { background-color: #fff; padding-top: 115px; padding-bottom: 50px; margin-top: -140px; position: relative; }
.work-info-section .wp-block-kadence-rowlayout.alignwide { margin-top: 50px !important; }
.work-info-section:after                { position: absolute;  bottom: 0; left: 0; width: 100%; height: 350px; background: #F1F2F3;content: '';z-index: 0; }
.common-subtitle                        { font-size: 14px !important; line-height: 21px !important; font-family: "Avenir-Heavy" !important; text-transform: uppercase; letter-spacing: 4.2px; color: #E8644C; }
.work-header                            { margin-bottom: 30px; display: flex; align-items:  flex-start; justify-content: space-between; }
.work-title                             { max-width: 460px; font-size: 56px; line-height: 56px; margin-top: 0px !important; margin-bottom: 0 !important; }
.work-header .common-subtitle           { margin-bottom: 15px; }
.work-header-right                      { max-width: 420px; }
.work-expertise-list                    { min-width: 350px; width: 100%; display: flex; flex-wrap: wrap; }
.work-expertise-list li                 { width: 50%; padding-right: 5px; margin :0;  }
.work-expertise-list li span               { margin-bottom: 5px; display: inline-block; color: #343434; font-size: 20px; line-height: 28px; font-family: "Avenir-Light"; }
.video-img-laptop                       { width: 85%; margin: 0px auto; min-height: 500px; position: relative; background: url('images/laptop-img.png')no-repeat center center/auto 100%;}
.work-video-section                     { position: relative; z-index: 2; }
.work-video-sec                         { position: relative; }
/*.work-video-sec video                   { position: absolute; top: 9px; left: 23%; width: 54% !important; height: 90%;transform: scaleY(1.1); }
.work-video-sec video:focus             { outline: none; }*/
.work-video-sec .gif-video              { position: absolute; top: 5%; left: 23%; width: 54%; height: 84%; }
.video-page-title                       { margin-top: 45px; margin-bottom: 0; font-size: 10px; line-height: 15px !important; font-family: "Quicksand"; text-align: center; letter-spacing: 1.5px; }
.work-background-solution               { padding: 80px 0px 40px 0px; display: flex; align-items: flex-start; justify-content: space-between; }
.work-background                        { max-width: 425px; margin-right: 10px; }
.work-solution-sec                      { max-width: 440px; }
.work-background-sec p                  { margin-bottom: 30px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light";  }
.work-background p:last-child           { margin-bottom: 0; }
.work-background-sec p.common-subtitle  { margin-bottom: 20px; min-height: 21px; }
.work-site-link                         { padding-right: 30px; position: relative; font-size: 14px; line-height: 21px; font-family: "Quicksand-Bold"; letter-spacing: 2.1px; color: #343434; display: inline-block; }
.work-site-link:after                   { position: absolute; top:  0; right: 0px; content: '\f0da'; font-family: "FontAwesome"; width: auto; height: auto;color: #E8644C; font-size: 21px; line-height: 21px; transition: 0.5s; }
.work-site-link:hover                   { color: #E8644C; }
.work-site-link:focus                   { color: #E8644C; }
.work-site-link:hover:after             { right: 10px; }
.project-gallery-section                { margin-top: 40px; margin-bottom: 30px; }
.project-gallery-section .wp-block-kadence-rowlayout.alignwide  { margin-top: 0 !important; }
.project-gallery-slider .slick-slide a { padding-top: 70%; display: block; background-size:cover; background-position:center center; }
.project-gallery-slider .slick-slide    { padding: 0px 15px; cursor: pointer; }
.project-gallery-slider .slick-slide.slick-active { cursor: default; }
.project-gallery-slider .slick-list.draggable { padding-left: 15% !important; padding-right: 15% !important; }
.project-gallery-section .common-subtitle,
.photography-section .common-subtitle,
.video-production-section .common-subtitle { margin-bottom: 35px; }
.video-production-section,
.photography-section                    { margin-top: 90px; }
.video-production-sec                   { min-height: 600px; width: 100%; display: flex; align-items: center; justify-content: center; background-size:cover; background-position:center center; }
.video-production-link                  { width: 60px; height: 60px; background: url('images/puduction-play-icon.svg')no-repeat center center/cover; }
.photography-slider                     { margin-bottom: 25px; padding: 0px 15px; }
.photography-slider .slick-slide div    { min-height: 300px; position: relative; background-size:cover; background-position:center center; }
.photography-gallary-link               { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.photography-slider .slick-slide        { padding: 0px 15px; }
.project-gallery-slider .slick-prev     { width: 40px; height: 40px; left: 0;z-index: 2; background: #fff; opacity: 0; }
.project-gallery-slider .slick-next     { width: 40px; height: 40px; right: 0;z-index: 2; background: #fff; opacity: 0; }
.project-gallery-slider .slick-prev:before { position: absolute; top: calc(50% - 10px); left: calc(50% - 5px); width: 10px; height: 20px; background: url('images/project-arrow-left.svg')no-repeat center center/cover; content: ''; opacity: 0.6; }
.project-gallery-slider .slick-next:before { position: absolute; top: calc(50% - 10px); left: calc(50% - 5px); width: 10px; height: 20px; background: url('images/project-arrow-right.svg')no-repeat center center/cover; content: ''; opacity: 0.6; }
.project-gallery-slider:hover .slick-prev,
.project-gallery-slider:hover .slick-next { opacity: 0.8; }
.project-gallery-slider .slick-next:hover,
.project-gallery-slider .slick-prev:hover { opacity: 1; }
.photography-slider .slick-prev         { left: 40px; width: 17px; height: 34px; background: transparent; z-index: 2; }
.photography-slider .slick-next         { right: 40px; width: 17px; height: 34px; background: transparent; z-index: 2; }
.photography-slider .slick-prev:before { position: absolute; width: 17px; height: 34px; top: 0; left: 0; background: url('images/project-arrow-left.svg')no-repeat center center/cover; content: ''; opacity: 0.6;z-index: 3 }
.photography-slider .slick-next:before { position: absolute; width: 17px; height: 34px; top: 0; left: 0; background: url('images/project-arrow-right.svg')no-repeat center center/cover; content: ''; opacity: 0.6; z-index: 3; }
body.single-work-post .fancybox-button  { background-color: #343434 !important; color: #fff !important }
body.single-work-post .fancybox-button.fancybox-button--arrow_left,
body.single-work-post .fancybox-button.fancybox-button--arrow_right { background-color: transparent !important; }
body.single-work-post .fancybox-button svg  { color: #fff !important; }

/*pop up style*/

.pricingmodal                       { z-index: 9998; padding: 0 !important; background: url('images/pricing-bg.png')no-repeat center center/cover;  }
.pricingmodal:after                 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(52,52,52,0.9); content: ''; }
.pricingmodal h1                    { margin-top: 50px; margin-bottom: 20px; text-align: center; }
.pricingmodal h1 span               { color: #E8644C; }
.pricing-desc                       { margin-bottom: 60px ; }
.pricing-desc p                     { margin-bottom: 30px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; text-align: center;  }
.pricing-desc p strong              { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy";  }
.pricing-desc p span                { text-decoration: underline; }
.pricingmodal .modal-dialog,
.pricingmodal .modal-content        { padding: 0 !important; width: 100%;  margin: 0 !important; background: transparent; z-index: 1; color: #fff; box-shadow: none; }
.pricingmodal .modal-header         { border: none; }
.pricingmodal .modal-dialog         { height: 100%; overflow-y: auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.pricingmodal .modal-header,
.pricingmodal .modal-body           { padding: 0 !important; max-width: 850px; margin: 0px auto; text-align: center; }
.pricingmodal .orange-btn           { padding: 0; margin-right: 20px; font-size: 16px; line-height: 22px; font-family: "Avenir-Light"; background-color: #E8644C; color: #fff; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.pricingmodal .orange-btn:hover     { color: #fff; background-color: #343434; }
.pricingmodal .modal-header button              { float: none; font-size: 14px; line-height: 19px; font-family: "Avenir-Light"; background-color: transparent !important; color: #9A9A9A; opacity: 1 !important; text-shadow: none !important; }
.pricingmodal .modal-header button:hover            { color: #E8644C; }
.pricingmodal .modal-header button:focus            { outline: none; }

/*pop up style*/

/****** Work Inner Page ******/

/****** Privacy Page ******/

.privacy-banner > .kt-row-layout-inner{ padding: 70px 0px; }
.privacy-banner h1                  { margin: 0;  }
.privacy-banner p                   { margin-bottom: 25px;font-size: 14px; line-height: 21px; letter-spacing: 4.2px; text-transform:  uppercase; font-family: "Avenir-Heavy"; }
.privacy-details .kt-row-layout-inner   { max-width: 75%; margin :0px auto; padding-top: 65px; padding-bottom: 50px; }
.privacy-details h2                 {  margin-top: 0; margin-bottom: 35px; }
.privacy-details h6                 { margin-top: 0; margin-bottom: 30px; font-size: 16px; line-height: 24px; font-family: "Avenir-Heavy"; color: #343434; letter-spacing: 4.8px; text-transform: uppercase; }
.privacy-details p                  { margin-bottom: 25px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; color: #343434; }

/****** Privacy Page ******/

/****** insight details Page ******/

.insight-detail-sec                 { padding-bottom: 45px; }
.insight-details-banner             { min-height: 440px; background-size:cover; background-position: center center; }
.insight-detail-header              { padding: 80px 0px 50px 0px; }
.insight-header-left                { padding: 0px 50px; }
.insight-header-left h1             { margin: 0; position: relative; }
.insight-header-left h1:after       { position: absolute; bottom: -30px; left: 0; width: 100px; height: 4px; background-color: #E8644C; content: ''; }
.insight-detail-header .wp-block-kadence-rowlayout,
.insight-detail-sec .wp-block-kadence-rowlayout { margin-top: 0 !important; margin-bottom: 0 !important; }
.insight-header-right .orange-logo { width: 45px; height: 45px; background: url('images/jc-orange.png')no-repeat center center/cover; }
.insight-header-right               { max-width: 130px; margin: 0px auto; margin-left: 0; }
.insight-publish-detail                 { margin-top: 15px; }
.insight-publish-detail span        { display: inline-block; margin-bottom: 10px; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; letter-spacing: 4.2px;  }
.insight-publish-detail .insight-publish-date { font-size: 14px; line-height: 21px; font-family: "Avenir-Light";  }
.insight-details,
.insight-detail-footer              { padding: 0px 50px; } 
.insight-details p                  { margin-bottom: 30px; font-size: 18px; line-height: 27px; font-family: "Avenir-Light";  }
.insight-details p strong           { font-size: 20px; line-height: 30px; font-family: "Avenir-Heavy"; }
.insight-details figure             { margin-top: 0 !important; margin-bottom: 35px !important; }
.insight-details h1,
.insight-details h2,
.insight-details h3,
.insight-details h4,
.insight-details h5,
.insight-details h6                 { margin-top: 0 !important; margin-bottom: 30px !important; }
.insight-details h6                 { font-size: 14px; line-height: 27px; letter-spacing: 4.2px; font-family: "Avenir-Heavy"; text-transform: uppercase; }
.insight-details a                  { color: #E8644C; }
.insight-details a:hover            { text-decoration: underline; }
.backtoinsight-btn                  { margin-top: 15px; margin-bottom: 30px; padding: 5px; border-radius: 5px; background-color: #343434; color: #fff; font-size: 15px; line-height: 21px; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; }
.backtoinsight-btn:hover            { background-color: #E8644C; color: #fff; }
.insight-right-desc                 { margin-top: 40px; font-size: 14px; line-height: 21px; font-family: "Avenir-Heavy"; letter-spacing: 4.2px; color: #343434; text-transform: uppercase; }
.insight-detail-header .subscribe-form input[type="email"] { border-bottom-color: #343434; color: #343434; }
.insight-detail-header div.wpcf7-response-output.wpcf7-validation-errors { display: none !important; }
.insight-detail-header .subscribe-form { margin-top: 20px; }
.insight-details h4                 { font-size: 36px; line-height: 46px !important; }

/****** insight details Page ******/

/*404 Page*/

.error404 #site-content             { padding-top: 0 !important; }
body.error404 h1                    {  margin: 50px 0px; color: #343434; display: block !important;  }
body.error404 p                     { font-size: 18px; line-height: 27px; font-family: "Avenir-Light"; }
body.error404 #site-content a       { margin: 30px 0px; display: inline-block; padding: 5px; background-color: #343434; color: #fff; font-size: 16px; line-height: 22px; font-family: "Avenir-Heavy"; min-width: 195px; min-height: 45px; display: inline-flex;align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow : 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important;  }
body.error404 #site-content a:hover { background-color: #E8644C; }
/*404 Page*/


/*Loader*/

.loader                             { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; background: #fff;  }
.loader img                         { max-width: 175px; }

/*Loader*/

/* GDPR style */

div#cookie-law-info-bar 			{     max-width: 290px !important; margin: 0px auto;left: 0; transform: none; margin-bottom:10px; padding: 15px 20px !important; padding-right: 35px !important; margin-left: 15px; border-radius: 10px; }
.cli-style-v2 .cli-bar-message 		{ width: 100%; }
.cli-bar-message 	 				{ font-size:14px; line-height:20px;font-family: "Avenir-Light" !important; }
.cli-bar-message a 					{ text-decoration :none !important; color: #232323 !important; font-family: "Avenir-Heavy" !important; }
#cookie_action_close_header_reject 	{ background:transparent !important;     padding: 0; position: absolute; right: 12px; top: 12px; color : #232323 !important; width: auto; height:auto; background:transparent !important; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;  font-family: "Avenir-Heavy" !important;  font-size: 14px !important; margin: 0; }

/* GDPR style */











/* === Landing Page -Start === */
/* Header */
body.collaborations{padding: 0;}
header.custom-collaboration-header#site-header{ padding: 28px 0; background-color: transparent; position: absolute; }
.custom-collaboration-header .head-flex{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.custom-collaboration-header .head-logo{ display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; }
.custom-collaboration-header .head-logo .jc-logo img{ width: 147px; }
.custom-collaboration-header .head-logo a{display: block;}
.custom-collaboration-header .wp-logo span{ font-family: 'Oranienbaum-Regular'; font-weight: normal; display: block; margin-bottom: 10px; color: #ffffff; font-size: 18px; line-height: 1; }
.custom-collaboration-header .head-logo .wp-logo img{ width: 265px; }
.custom-collaboration-header .header-inner{ display: none !important; }
.custom-collaboration-header .visit-site-btn{ font-size: 16px; line-height: 1.5; text-transform: uppercase; letter-spacing: 3.2px; color: #ffffff; font-family: 'Avenir-Heavy'; font-weight: bold; position: relative; padding-right: 16px; }
.custom-collaboration-header .visit-site-btn::before{ position: absolute; content: ''; top: 50%; right: 0; display: block; width: 8px; height: 8px; border-top: 2px solid #E8644C; border-left: 2px solid #E8644C; transform: translateY(-50%) rotate(135deg); }
.custom-collaboration-header .visit-site-btn img{ width: 10px; transform: rotate(-90deg); display: none; }

/* Banner */
.landing-banner{ padding: 230px 0 110px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; }
.landing-banner::before{position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background:linear-gradient(123deg, #343434f5 6.11%, rgb(52 52 52 / 93%) 38.09%, rgb(52 52 52 / 65%) 59.76%, rgba(52, 52, 52, 0.00) 70.79%); pointer-events: none; z-index: -1; }
.landing-banner-desc{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 5;}
.landing-banner .landing-left-sec{ width: 44%; position: relative; }
.landing-banner .landing-right-sec{ width: 56%; } 
.landing-banner .landing-banner-btn{ margin-top: 56px; display: flex; flex-wrap: wrap; gap: 16px; flex-direction: row; }
.landing-banner .landing-banner-btn a{ padding: 0; font-size: 15px; line-height: 1.4; font-weight: bold; font-family: 'Avenir-Heavy'; min-width: 170px; min-height: 45px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; text-transform: uppercase; border-radius: 5px;}
.landing-banner .landing-banner-btn a.orange-btn{ background-color: #E8644C; color: #fff; }
.landing-banner .landing-banner-btn a.white-btn{ background-color: #fff; color: #343434; }
.landing-banner .landing-banner-btn a.orange-btn:hover,
.landing-banner .landing-banner-btn a.orange-btn:focus,
.landing-banner .landing-banner-btn a.white-btn:hover,
.landing-banner .landing-banner-btn a.white-btn:focus{ color: #fff !important; background-color: #343434 !important; text-decoration: none; }
.landing-banner .landing-left-sec h1{ margin: 0 0 35px; font-size: 70px; line-height: 1; font-family: 'Oranienbaum-Regular'; font-weight: normal; color: #ffffff; letter-spacing: 0; }
.landing-banner .landing-left-sec h1 span{ color: #E8644C; }
.landing-banner .landing-left-sec h3{ margin: 0 0 40px; font-size: 30px; line-height: 1.75; color: #ffffff; font-weight: normal; font-family: "AvenirLTStd"; }
.landing-banner .landing-left-sec h3 span{ font-family: 'Avenir-Heavy'; font-weight: bold; position: relative; white-space: nowrap; }
.landing-banner .landing-left-sec h3 span::before{ position: absolute; content: ''; left: 0; bottom: 6px; width: 100%; height: 4px; background-color: #E8644C; z-index: -1; }
.landing-banner .landing-left-sec p{ font-size: 22px; line-height: 1.28; font-weight: normal; font-family: "AvenirLTStd"; color: #ffffff; letter-spacing: 0; }
/* Form */
.landing-form{ padding: 45px 40px 30px; border-radius: 5px; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15), 0 1px 4px rgba(0,0,0,.6); background-color: #FBFBFB; max-width: 455px; margin: 0 0 0 auto; }
.landing-form .form-mx-width{ text-align: center; margin: 0 auto; max-width: 83%; }
.landing-form .text-line{ margin-bottom: 30px; position: relative; z-index: 1; }
.landing-form .text-line::before{ position: absolute; content: ''; left: 0; top: 50%; width: 100%; height: 3px; background-color: #E8644C; z-index: -1; }
.landing-form .text-line span{ padding: 0 10%; background-color: #FBFBFB; font-size: 14px; line-height: normal; font-family: 'Avenir-Heavy'; font-weight: bold; display: inline-block; color: #343434; letter-spacing: 2.1px; text-transform: uppercase; }
.landing-form h2{ margin: 0 0 16px; font-size: 46px; line-height: 1.27; color: #1C1C1C; font-family: 'Oranienbaum-Regular'; font-weight: normal; letter-spacing: 0; }
.landing-form p{ margin-bottom: 20px; font-size: 18px; line-height: 1.28; font-weight: 300;font-family: "Avenir-Light";  color: #1C1C1C; text-align: center; }
.landing-form .contact-form-sec{margin: 0;}
.landing-form .contact-form-sec .all-input-grp p,
.landing-form .submit-btn p{ margin-bottom: 0px;}
.landing-form .all-input-grp{ margin: 0px -5px; }
.landing-form .contact-form-sec .form-group { width: calc(50% - 10px); margin: 0px 5px 12px 5px; }
.landing-form .contact-form-sec .form-group.full-width{ width: 100%; }
.landing-form .contact-form-sec .form-group input, 
.landing-form .contact-form-sec .form-group select,
.landing-form .contact-form-sec .form-group .jcf-select{ border-radius: 5px; width: 100%; font-size: 14px; line-height: 20px; padding: 7px; font-family: "Avenir-Light"; color: #343434; border: 1px solid transparent; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s; -webkit-transition: 0.5s; position: relative; }
.landing-form .contact-form-sec .form-group select{ background-image: url('./images/down-arrow.svg'); background-size: 10px 5px; background-position: right 12px center; background-repeat: no-repeat; background-color: #ffffff; }
/* .landing-form .contact-form-sec .form-group .jcf-select{ margin: 0; height: 36px; } .landing-form .contact-form-sec .form-group .jcf-select .jcf-select-text{ margin-left: 0; font-family: "Avenir-Light"; color: #343434; font-size: 14px; line-height: 20px; } .landing-form .contact-form-sec .form-group .jcf-select .jcf-select-opener{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #E8644C; background-color: transparent; top: 50%; transform: translateY(-50%); right: 12px; } */
.landing-form .contact-form-sec .form-group input:hover, 
.landing-form .contact-form-sec .form-group select:hover{border-color: #dddddd !important; text-decoration: none;}
.landing-form .form-group input:focus,
.landing-form .contact-form-sec .form-group select             { border-color: transparent; text-decoration: none; }
.landing-form .contact-form-sec .form-group select:focus-visible { outline: none !important; }
.landing-form .form-group input::placeholder,
.landing-form .form-group select::placeholder       { color: #343434; text-transform: uppercase;   }
.landing-form .contact-form-sec .form-group.checkbox-grp{margin-block: 10px 12px;}
.landing-form .contact-form-sec .form-group input[type="checkbox"]{ margin-right: 10px; border-color: #d0d0d0; background: #fff; width: 18px; height: 18px; padding: 0; top: -1px; }
.landing-form .contact-form-sec .form-group.checkbox-grp a{text-decoration: none;}
.landing-form .wpcf7-submit{ width: 100%; background-color: #E8644C !important; color: #fff; text-decoration: none; text-align: center; transition: 0.5s; font-size: 15px; border-radius: 5px;}
.landing-form .wpcf7-submit:hover,
.landing-form .wpcf7-submit:focus{text-decoration: none;}
.landing-form .position-relative{ position: relative; }
.landing-form .ajax-loader{ position: absolute; margin: 0; top: 50%; transform: translateY(-50%); right: 8px; background-color: #ffffff; } 
.landing-form .ajax-loader::before{ background-color: #E8644C; }

/* What to expect? */
.expect-section{ padding: 110px 0 50px; } 
.expect-section .expect-row{ padding: 0 16px; max-width: 935px; margin: 0 auto; text-align: center; }
.expect-section .title-text{margin-bottom: 98px;}
.expect-section .title-text h1{ margin: 0; font-size: 94px; line-height: 1; font-family: 'Oranienbaum-Regular'; font-weight: normal; color: #343434; letter-spacing: 0; }
.expect-section .title-text h1 span{ position: relative; display: inline-block; }
.expect-section .title-text h1 span::before{ position: absolute; content: ''; left: 0; bottom: 11px; width: 103%; height: 10px; background-color: #E8644C; z-index: -1; }
.expect-section .title-text p{ margin: 26px 0 0; font-size: 22px; line-height: 1.43; font-weight: 300; font-family: 'Avenir-Light'; letter-spacing: 0; }
.expect-section .title-text p strong{ font-weight: bold; font-family: 'Avenir-Heavy'; }
.expect-common-list{ counter-reset: expect-counter;padding: 0; margin: 0; } 
.expect-common-list li{ margin: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.expect-common-list li:not(:last-child){margin-bottom: 112px;}
.expect-common-list .expect-left-sec{ width: 44%; padding: 0 35px; position: relative; }
.expect-common-list .expect-right-sec{ width: 56%; } 
.expect-common-list .expect-details{max-width: 484px; margin: 0 auto;}
.expect-common-list .expect-desc{ max-width: 592px; margin: 0px auto; width: 100%; }
.expect-common-list .expect-desc .expect-text{ padding: 7px 37px; display: block; font-size: 24px; line-height: 1.5; letter-spacing: 7.2px; color: #ffffff; text-transform: uppercase; background-color: #343434; font-weight: bold; font-family: 'Avenir-Heavy'; position: absolute; top: 180px; right: -28px; box-shadow: 0px 30px 30px 15px rgba(0,0,0,0.25); }
.expect-common-list .expect-desc .expect-text::after{ height: 100%; width: 100%; position: absolute; content: ''; background-color: #E8644C; top: 10px; left: 10px; z-index: -1; }
.expect-common-list .expect-image{ width: 100%; height: 548px; position: relative; }
.expect-common-list .expect-image::before{ counter-increment: expect-counter; content: counters(expect-counter, ".", decimal-leading-zero); top: 20px; right: 30px; font-size: 160px; line-height: 1; font-family: 'Oranienbaum-Regular'; color: #ffffff; position: absolute; }
.expect-common-list .expect-image .img-fuild{ height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: -2; position: relative; }
.expect-common-list .expect-image .logo{position: absolute; bottom: 60px; right: 30px; width: 208px;}
.expect-common-list .expect-right-sec h2{ margin: 0 0 30px; font-size: 64px; line-height: 1; font-family: 'Oranienbaum-Regular'; font-weight: normal; color: #343434; letter-spacing: 0; }
.expect-common-list .expect-right-sec h2 span{ color: #E8644C; display: inline-block; }
.expect-common-list .expect-right-sec h3{ margin: 0 0 30px; font-size: 20px; line-height: 1.3; color: #343434; letter-spacing: 0; font-weight: bold; font-family: 'Avenir-Heavy'; }
.expect-common-list .expect-right-sec p{ margin: 0 0 40px; font-size: 18px; line-height: 1.45; color: #343434; letter-spacing: 0; font-weight: 300; font-family: 'Avenir-Light';letter-spacing: 0; }
.expect-common-list .expect-right-sec p a{color: #343434; text-decoration: underline;}
.expect-common-list .expect-right-sec p a:hover,
.expect-common-list .expect-right-sec p a:focus{color: #E8644C;}
.expect-btn{ display: flex; flex-wrap: wrap; gap: 20px; }
.expect-btn a{ padding: 0; font-size: 15px; line-height: 1.4; font-weight: bold; font-family: 'Avenir-Heavy'; min-width: 170px; min-height: 45px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; text-transform: uppercase; border-radius: 5px;}
.expect-btn a.orange-btn{ background-color: #E8644C; color: #fff; }
.expect-btn a.white-btn{ background-color: #fff; color: #343434; }
.expect-btn a.orange-btn:hover,
.expect-btn a.orange-btn:focus,
.expect-btn a.white-btn:hover,
.expect-btn a.white-btn:focus{ color: #fff !important; background-color: #343434 !important; text-decoration: none; }
/* reverse */
.expect-common-list li:nth-child(even){flex-direction: row-reverse;}
.expect-common-list li:nth-child(even) .expect-image::before{left: 30px; right: auto;}
.expect-common-list li:nth-child(even) .expect-desc .expect-text{ left: -28px; right: auto;}
.expect-common-list li:nth-child(even) .expect-desc .expect-text::after{left: -10px;}
.expect-common-list .expect-logo{ width: 214px; height: auto;}
.expect-common-list .expect-logo img{width: 100%; height: 100%; object-position: center center; object-fit: cover;}

.landing-website-slide-section{padding: 86px 0 0;}
.landing-website-slide-section .website-title{display: flex; align-items: center; justify-content: space-between;}
.landing-website-slide-section .website-title h2{ padding-left: 25px !important; font-size: 64px; line-height: 1; margin: 0 !important; position: relative; letter-spacing: 0; }
.landing-website-slide-section .website-title h2::before{ top: 50%; transform: translateY(-50%); left: 0px; width: 4px; height: 90%; background-color: #E8644C; content: ''; position: absolute; }
.landing-website-slide-section .website-title img{width: 120px;}
.landing-website-slide-section .website-slider-sec{padding-block: 65px 100px;}
.landing-website-slide-section .website-slider-sec:after{z-index: -1;}
/* btn */
.visit-web-btn{ padding: 10px 20px; background-color: rgb(255 255 255 / 90%); border-radius: 5px; box-shadow: 0px 15px 30px 0px rgba(52,52,52,0.3); display: inline-block; position: absolute; top: 65%; right: 0; transform: translateY(-50%); z-index: 88; transition: all ease-in-out 0.65s; }
.visit-web-btn h5{ margin: 0; font-size: 20px; line-height: 1.3; font-weight: bold; font-family: 'Avenir-Heavy' !important; color: #343434; display: flex; align-items: baseline; justify-content: flex-start; gap: 8px; letter-spacing: 0; }
.visit-web-btn h5 span{ font-size: 18px; font-family: 'Avenir-Light'; font-weight: 300; display: inline-block; letter-spacing: 0; }
.visit-web-btn .btn{ font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 3.6px; color: #343434; font-family: 'Avenir-Heavy'; font-weight: bold; position: relative; padding: 0; padding-right: 16px; }
.visit-web-btn .btn:hover,
.visit-web-btn .btn:focus{color: #E8644C;}
.visit-web-btn .btn::before { position: absolute; content: ''; top: 49%; right: 0; display: block; width: 8px; height: 8px; border-top: 2px solid #E8644C; border-left: 2px solid #E8644C; transform: translateY(-50%) rotate(135deg); transition: all ease-in-out 0.35s; }
.visit-web-btn .btn:hover::before{ transform: translate(-1px, -50%) rotate(135deg); }
/* .website-img-slider .slick-slide .visit-web-btn{transform: translate(0, -50%) scaleX(-1); opacity: 0; visibility: hidden;}
.website-img-slider .slick-slide.slick-current .visit-web-btn,
.website-img-slider .slick-slide.slick-active .visit-web-btn{transform: translate(0, -50%) scaleX(1); opacity: 1; visibility: visible; } */

/* Client Testimonials */
.client-testimonial-section{ padding: 90px 0; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; }
.client-testimonial-section::before{ position: absolute; content: ''; height: 100%; width: 100%; background-color: rgb(249 249 250 / 50%); top: 0; left: 0; z-index: -1; }
.client-testimonial-section h2{ margin: 0; padding-inline: 15px; font-size: 64px; line-height: 1; color: #343434; font-family: 'Oranienbaum-Regular'; font-weight: normal; letter-spacing: 0; }
.client-testimonial-section .testinomail-slide{padding: 50px 0 0;}
.client-testimonial-section .testinomail-slider .slick-dots{display: none !important;}
.client-testimonial-section .testinomail-slider.slick-dotted.slick-slider{margin: 0 !important;}
.client-testimonial-section .testinomail-slider .testinomail-slide{ max-width: 86%; }
.client-testimonial-section .testinomail-slider .testinomail-slide h5{ letter-spacing: 0; }
.client-testimonial-section .testinomail-slider .testinomail-icon{ width: 44px; height: 44px; }

/* Text with Bg */
.content-area-section{ padding: 115px 0;  background-image: url('https://www.jcweb.co/wp-content/uploads/2021/04/wood.jpeg'); background-size: cover; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; position: relative; text-align: center; }
.content-area-section::before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(52,52,52,0.6); z-index: 0; }
.content-area-section h4{ max-width: 100%; font-size: 32px; line-height: 44px !important; font-family: "Oranienbaum-Regular" !important; font-weight: inherit; color: #ffffff; letter-spacing: 0; }
.content-area-section .abou-third-sec{ max-width: 65%; margin: 0 auto; position: relative; z-index: 5; }
.content-area-section .abou-third-sec a{ margin-top: 40px; padding: 0 35px; font-size: 15px; line-height: 1.4; font-weight: bold; font-family: 'Avenir-Heavy'; min-width: 170px; min-height: 45px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; text-transform: uppercase; background-color: transparent; color: #ffffff; border: 2px solid #ffffff; border-radius: 5px;}
.content-area-section .abou-third-sec a:hover,
.content-area-section .abou-third-sec a:focus{ background-color: #ffffff; color: #343434; }
.content-area-section .bg-white{background-color: #ffffff; color: #343434;}
.content-area-section .bg-orange{background-color: #E8644C; color: #ffffff;}
.content-area-section .bg-line{ position: relative; z-index: 1; display: inline-block; }
.content-area-section .bg-line::before{ position: absolute; content: ''; left: 0; bottom: 10px; width: 100%; height: 5px; background-color: #E8644C; z-index: -1; }


/* Next Step */
.next-step-section.jc-core-sec{padding-block: 70px 140px;}
.next-step-section .container{position: relative; z-index: 5; text-align: center; /*width: 100%; max-width: 1400px;*/}
.next-step-section .title-text{ text-align: center;}
.next-step-section .title-text h1{ margin: 0; font-size: 94px; line-height: 1; font-family: 'Oranienbaum-Regular'; font-weight: normal; color: #343434; letter-spacing: 0; }
.next-step-section .title-text h1 span{ position: relative; display: inline-block; }
.next-step-section .title-text h1 span::before{ position: absolute; content: ''; left: 0; bottom: 11px; width: 103%; height: 10px; background-color: #E8644C; z-index: -1; }
.next-step-section a{ margin-top: 40px; padding: 0 35px; font-size: 15px; line-height: 1.4; font-weight: bold; font-family: 'Avenir-Heavy'; min-width: 170px; min-height: 45px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); transition: 0.5s !important; -webkit-transition: 0.5s !important; text-transform: uppercase; background-color: transparent; color: #ffffff; background-color: #E8644C; color: #ffffff; border-radius: 5px;}
.next-step-section a:hover,
.next-step-section a:focus{ background-color: #343434; color: #ffffff; }

.next-step-section .step-row{ margin: 60px 0 0; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;} 
.next-step-section .step-row .card{text-align: center; width: calc((100%/3) - 60px);}
.next-step-section .step-row .card img{ height: 50px; display: block; margin: 0 auto 16px; }
.next-step-section .step-row .card h4{ margin: 0 0 28px; font-size: 32px; line-height: 48px; font-weight: normal; font-family: "AvenirLTStd" !important; color: #343434; letter-spacing: 0; } 
.next-step-section .step-row .card p{ padding: 0; font-size: 20px; line-height: 26px; font-weight: 300; font-family: 'Avenir-Light'; color: #343434; letter-spacing: 0; }
/* === Landing Page -End === */




/* === Booking Page -Start === */
/* Banner */
.booking-banner{ padding: 120px 0; min-height: 480px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; /*display: flex; align-items: center;*/ }
.booking-banner::before{position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: rgb(52 52 52 / 93%); pointer-events: none; z-index: -1; }
.booking-banner .banner-flex{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5; }
.booking-banner .banner-flex h1{ margin: 0; padding-left: 24px; font-size: 64px; line-height: 1.1; font-family: oranienbaum-regular!important; font-weight: inherit; position: relative; color: #ffffff; letter-spacing: 0; flex-shrink: 0; }
.booking-banner .banner-flex h1 span{ margin-bottom: 0; font-size: 20px; line-height: 30px; font-family: avenir-light; display: block; letter-spacing: 0; text-transform: capitalize; }
.booking-banner .banner-flex h1::before{ top: 50%; transform: translateY(-50%); left: 0px; width: 4px; height: 100%; background-color: #E8644C; content: ''; position: absolute; }
.booking-banner .banner-flex p{ max-width: 520px; margin: 0; font-size: 20px; line-height: 30px; font-family: avenir-light; display: block; letter-spacing: 0; color: #ffffff; }
.booking-detail-section{padding: 0;}
.booking-detail-section .booking-sec{ margin: -140px 0 100px; padding: 40px; /* box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.15); */ box-shadow: 0 15px 30px 0 rgba(0,0,0,.15); -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.15); border-radius: 8px; background-color: #ffffff; position: relative; z-index: 6; }
.calendly-inline-widget{height: 1100px !important;}
/* === Landing Page -End === */














/************ Responsive css ************/



@media (min-width: 1200px) and (max-width: 1599px) {
    .design-details-grp .wp-block-image.design-desktop-img { bottom: 0px;  max-width: 54% !important; right: 0px;  }

}

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

    .design-details-sec .wp-block-kadence-rowlayout { margin-top: 0; }
    .design-details-grp .wp-block-image.design-desktop-img { bottom: 20px; }

}
@media (min-width: 1950px){
    .design-details-grp .wp-block-image.design-desktop-img  { max-width: 40% !important; bottom: -15px !important; margin-top: 0 !important; }
}

@media (1200px) and (max-width: 1230px){
    .work-video-sec .gif-video              {  left: 22%; width: 56%;  }
}

/* Max-width */
@media (max-width: 1399px){
/* 	.next-step-section .container{max-width: 1140px;}
	.next-step-section .step-row .card{width: calc((100%/3) - 80px);} */
}

@media (max-width: 1199px){
    /* Landing Page */
    /* Header */
    header.custom-collaboration-header#site-header{padding-block: 24px;}
    .custom-collaboration-header .head-logo .jc-logo img{width: 132px;}
    .custom-collaboration-header .wp-logo span{font-size: 16px;}
    .custom-collaboration-header .head-logo .wp-logo img{width: 245px;}

    /* Banner */
    .landing-banner{padding-block: 180px 80px;}
    .landing-banner .landing-left-sec h1{font-size: 60px; margin-bottom: 28px;}
    .landing-banner .landing-left-sec h3{font-size: 26px; margin-bottom: 32px;}
    .landing-banner .landing-left-sec p{font-size: 20px;}
    .landing-banner .landing-banner-btn{margin-top: 42px;}
    /* Form */
    .landing-form{padding: 48px 30px 40px;}
    .landing-form h2{font-size: 42px;}
    .landing-form .text-line{margin-bottom: 24px;}
    .landing-form .text-line span{font-size: 13px;}
    .landing-form p{font-size: 17px;}

    /* What to expect? */
    .expect-section{padding-block: 80px 110px;}
    .expect-section .expect-row{max-width: 840px;}
    .expect-section .title-text{margin-bottom: 80px;}
    .expect-section .title-text h1{font-size: 85px;}
    .expect-section .title-text p{margin-top: 24px; font-size: 20px; line-height: 1.4;}
    .expect-common-list li:not(:last-child){margin-bottom: 80px;}
    .expect-common-list .expect-left-sec{width: 45%; padding-inline: 24px;}
    .expect-common-list .expect-right-sec{width: 55%;}
    .expect-common-list .expect-image{height: 480px;}
    .expect-common-list .expect-image::before{font-size: 125px;}
    .expect-common-list .expect-desc .expect-text { padding: 6px 34px; font-size: 20px; letter-spacing: 5.2px;}
    .expect-common-list .expect-details{max-width: 380px;}
    .expect-common-list .expect-right-sec h2,
    .expect-common-list .expect-right-sec h3{margin-bottom: 24px;}
    .expect-common-list .expect-right-sec h2{ font-size: 52px; }
    .expect-common-list .expect-right-sec h3{font-size: 18px;}
    .expect-common-list .expect-right-sec p{margin-bottom: 32px; font-size: 16px;}
    .expect-common-list .expect-logo{width: 180px;}
    .expect-common-list .expect-image .logo{width: 185px;}

    /* Website Slider */
    .landing-website-slide-section{padding-top: 65px;}
    .landing-website-slide-section .website-title h2{font-size: 56px;}
    .landing-website-slide-section .website-title img{width: 168px;}
    .landing-website-slide-section .website-slider-sec{padding-block: 48px 80px;}
	/* btn */
    .visit-web-btn { padding: 9px 18px}
    .visit-web-btn h5{font-size: 18px;}
    .visit-web-btn h5 span{font-size: 16px;}

    /* Client Testimonials */
    .client-testimonial-section{padding-block: 80px;}
    .client-testimonial-section h2{font-size: 56px;}
    .client-testimonial-section .testinomail-slider .testinomail-icon{height: 40px; width: 40px;} 

    /* Text with Bg */
    .content-area-section{padding-block: 100px;}
    .content-area-section .abou-third-sec{max-width: 90%;}
    .content-area-section h4{font-size: 28px; line-height: 40px !important;}
    .content-area-section .bg-line::before{height: 4px;}
    .content-area-section .abou-third-sec a { margin-top: 32px; padding-inline: 28px; font-size: 14px;}

    /* Next Step */
    .next-step-section.jc-core-sec { padding-block: 80px 100px; }
    .next-step-section .title-text h1{font-size: 85px;}
    .next-step-section .step-row{margin-top: 50px;}
    .next-step-section .step-row .card { width: calc((100%/3) - 40px); }
    .next-step-section .step-row .card img{height: 45px;}
    .next-step-section .step-row .card h4{font-size: 30px; margin-bottom: 24px;}
    .next-step-section .step-row .card p { font-size: 18px; line-height: 24px;}
    .next-step-section a { margin-top: 32px; padding-inline: 28px; font-size: 14px;}

    /* Booking Page */
    .booking-banner .banner-flex h1{font-size: 56px;}
    .booking-banner .banner-flex h1 span,
    .booking-banner .banner-flex p{font-size: 18px;}
    .booking-banner .banner-flex p{max-width: 480px;}

}   

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

.primary-menu-wrapper ul.primary-menu                   { margin: 0 !important; }
.header-titles-wrapper              { display: inline-block; }
.header-inner .toggle               { display: none; }
.header-inner.section-inner         { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.header-navigation-wrapper,
.primary-menu-wrapper               { display: block; height: 100%; }
	

}


@media (min-width: 992px) and (max-width: 1199px)
{

/*common css*/
body                                 { padding-top: 94px; }
h1                                      { font-size: 55px; line-height: 60px; }
h2                                   { font-size: 38px; line-height: 38px; }
h4                                  { font-size: 28px; line-height: 40px !important; }
h5                                   { font-size: 24px; line-height: 32px; }
h6                                  { font-size: 22px; line-height: 28px; }
.section-inner,
.wp-block-kadence-rowlayout.alignwide { max-width: 960px; }     

/*common css*/

/*Header*/

header .section-inner           { max-width: 960px; padding: 20px 0px; }
.home-logo                      { max-width: 150px; }

/*Header*/

/*Footer*/

.column-two                     { padding: 0px 20px; }
.column-three                   { padding: 0px 15px; }
.footer-widgets-wrapper img     { margin-bottom: 20px; }
.footer-widgets-wrapper p       { font-size: 16px; line-height: 24px; }
.subscribe-form                 { margin-top: 20px; }
.footer-widgets-wrapper .widget_nav_menu li, .footer-widgets-wrapper .widget_nav_menu li a { font-size: 14px; line-height: 20px; }


/*Footer*/

/****** Home Page ******/
/*.home-banner-sec > .kt-row-has-bg > .kt-row-column-wrap { min-height: 100vh; }
*/
.type-wrap h1                   { font-size: 86px; line-height: 86px; }
.home-banner-sec p              { font-size: 20px; line-height: 28px; }
.common-title:after             { left: 0; }
.website-details-sec .wp-block-group p { font-size: 16px; line-height: 25px; }
.website-details-sec .wp-block-group p strong   { font-size: 18px; line-height: 28px; }
.website-img                    { max-width: 82%; min-height: unset; padding-top: 38%; }
.middle-find-more-sec           { padding: 60px 20px; }
.middle-find-more-sec p         { font-size: 24px; line-height: 32px; }
.design-details-sec > .kt-row-layout-inner { padding: 50px 0px; }
.design-details-sec .common-title { font-size: 42px; line-height: 42px; }
.design-details-sec .wp-block-kadence-rowlayout { margin-top: 0; }
.design-details-grp .wp-block-image.design-desktop-img  { max-width: 65% !important;  bottom: 0px; }
.feature-work-list > li         { padding-top: 33%; }
.project-name                   { font-size: 22px; line-height: 30px !important; padding: 7px 10px 7px 30px; }
.project-name:after             { left: 15px; }
.about-sec      { padding: 80px 0px; }
.about-content-sec .wp-block-kadence-column { padding: 0px 15px; }
.about-content-sec p            { font-size: 16px; line-height: 24px; }
.about-sec .wp-block-buttons    { margin: 0 !important; }
.testinomail-slide              { padding: 80px 0px; max-width: 90%; }
.footer-video-section           { padding: 90px 0px; }
.footer-video-section h1        { margin-top: 20px !important; }



/****** Home Page ******/

/****** Services Page ******/

.services-item a.service-name   { font-size: 30px; line-height: 35px; }
.services-item:last-child a.service-name { font-size: 36px; line-height: 40px; }
.services-item:first-child a.service-name { font-size: 50px; line-height: 55px; }
.services-item                  { padding: 0px 0px 35px 35px; }


/****** Services Page ******/

/****** Our Work Page ******/

.work-banner                    { min-height: 350px; }
.work-desc p                    { font-size: 16px; line-height: 26px; }
.work-nav-slider                { max-width: 80%; }

body.work-tpl .feature-work-list > li { width: calc(100% / 2 - 36px); padding-top: 33%; }

/****** Our Work Page ******/


/****** About Page ******/

body.page-id-20 .page-title     { padding-left: 0; }
.about-common-title             { font-size: 55px; line-height: 55px; }
.abou-common-desc-sec p strong  { font-size: 18px; line-height: 27px; }
.abou-common-desc-sec p         { margin-bottom: 20px !important; font-size: 16px; line-height: 24px; }
.abou-first-sec .about-number   { font-size: 130px; line-height: 130px !important; top: -6px; left: -22px; }
.abou-second-sec .about-number  { font-size: 130px; line-height: 130px !important; top: -6px; right: -85px; }
.abou-fourth-sec .about-number  { font-size: 130px; line-height: 130px !important; }
.abou-first-sec, .abou-second-sec { padding-bottom: 60px; }
.abou-third-sec > .kt-row-layout-inner { padding: 80px 0px; }
.abou-fourth-sec .abou-common-desc-sec { padding: 80px 0px !important; }

/****** About Page ******/

/****** Inghts Page ******/

.insight-banner                 { min-height: 350px; }
.insight-banner h1              { font-size: 65px; line-height: 65px; }
.inght-title                    { font-size: 38px; line-height: 38px; }
.inght-short-desc               { font-size: 16px; line-height: 24px !important; }

/****** Inghts Page ******/

/****** Contact Page ******/

.contact-banner .kt-row-layout-inner { min-height: 350px; }
.contact-right-sec              { max-width: 550px; }
.contact-right-sec p            { font-size: 18px; line-height: 27px }
.contact-info-grp .contact-link a { font-size: 26px; line-height: 42px; }
.contact-form-sec               { margin-top: 50px; }

/****** Contact Page ******/

/****** Services Inner Page ******/

/*Branding Page*/

.service-icon                   { width: 50px; height: 50px; }
.service-desc-sec               { max-width: 800px; }
.service-desc-sec               { padding: 50px 0px 20px 0px; }
.brandibg-list li               { padding-top: 30%; }
.brandibg-list                  {margin-top: 30px; padding: 10px 25px; }

/*Branding Page*/

/*Copywite Page*/

.copywrite-desc-sec p           { font-size: 22px; line-height: 28px; }

/*Copywite Page*/

/*video-and-animations*/

.videos-tag-list li             { font-size: 30px; line-height: 35px; }
.video-details-section          { padding: 0px 10px; }
.video-title                    { font-size: 24px; line-height: 24px; }
.all-work-videos p.video-desc    { font-size: 16px; line-height: 22px; }
.fancybox-content               { width: 90%; }
.fancybox-content iframe        { width: 60% !important; height: 300px !important; }
.fancybox-data                  { width: 40%; padding: 0px 15px; }
.fancybox-data h6               { font-size: 22px; line-height: 30px; margin-bottom: 20px; }
.fancybox-data p.video-duration  { margin-bottom: 20px; }

/*video-and-animations*/

/** JC Core**/

.common-banner                  { min-height: 355px; }
.jc-core-sec                    { padding-bottom: 80px; }
.service-left-desc              { max-width: 450px; }
.service-right-desc             { max-width: 270px; }
.service-left-sec h2            { margin-bottom: 30px; font-size: 65px; line-height: 65px; }
.service-left-sec p             { font-size: 18px; line-height: 27px; }
.what-we-do-heading             { font-size: 90px; line-height: 90px; margin-top: 40px !important; margin-bottom: 30px !important;  }
.what-we-do-details             { max-width: 240px; }
.what-we-do-list                { margin-bottom: 25px; }
.what-we-do-list li             { margin-bottom: 30px; }
.what-we-do-desc p              { font-size: 22px; line-height: 30px; }

/*new chart-sec*/

.methodical-process-sec > li    { max-width: 165px; margin: 0px 7px; }
.client-input-title             { letter-spacing: 3.8px; }
.client-input-desc li           { font-size: 16px; }

/*new chart-sec*/


/** JC Core**/

/** JC Support**/
/*Growth Marketing*/

.jc-support-sec .service-left-sec   { padding-top: 30px; }
.jc-support-sec .service-right-sec  { padding: 45px 0px; }
.jc-support-sec .service-left-sec h2 { margin-bottom: 20px; }
.support-quote-msg h5           { font-size: 24px; line-height: 30px; }
.growth-maketing-sec .common-title  { font-size:65px; line-height: 65px;  }
.growth-services-desc           { max-width: 375px; }
.growth-services-desc h2        { font-size: 65px; line-height: 65px; }

/*Growth Marketing*/

/*Web Hosting & Maintenance*/

.monthly-plan-desc              { max-width: 420px; margin-left: 50px; }
.monthly-plan-img               { min-height: 400px }
.price-list-item h3             { font-size: 45px; line-height: 45px; }
.monthly-plan-desc h1           { margin: -40px 0px 30px -75px; font-size: 80px; height: 80px; }
.price-list-sec li.price-list-item { width: 400px; padding: 40px 45px; }
.price-list-sec li.price-list-item:nth-child(2n + 2) { margin-top: -230px; }
.price-list-sec                 { padding-bottom: 50px; }
.web-support-desc               { max-width: 400px; }
.web-support-desc .common-title     { font-size: 55px; line-height: 55px; }

/*Web Hosting & Maintenance*/
/** JC Support**/

/****** Services Inner Page ******/

/****** Work Inner Page ******/

.work-nav                       { padding: 35px 0px; }
.work-title                     { font-size: 48px;line-height: 48px; }
.video-img-laptop                      { width: 90%; }
/*.work-video-sec video           { left: 16%; width: 68% !important;top: 8px; }
*/
.work-video-sec .gif-video       { top: 6%; left: 16%; width: 68%; height: 81%; }
.project-gallery-slider .slick-list.draggable   { padding-left: 90px !important; padding-right: 90px !important; }
.video-production-sec            { min-height: 450px; }
.photography-slider .slick-slide { padding: 0px 10px; }

.work-img                       { height: 350px; }

/****** Work Inner Page ******/

/****** Privacy Page ******/

.privacy-details .kt-row-layout-inner   { max-width: 100%;  }

/****** Privacy Page ******/

/****** insight details Page ******/

.insight-details-banner             { min-height: 330px; }
.insight-details h4                 { font-size: 30px; line-height: 40px !important; }

/****** insight details Page ******/



}

/* Max-width */
@media (max-width: 991px){
    /* Banner */
    .landing-banner-desc{flex-direction: column; gap: 40px;}
    .landing-form{max-width: 100%;}
    .landing-banner .landing-left-sec, .landing-banner .landing-right-sec{width: 100%;}
	/* What to expect? */
    .expect-common-list .expect-image{height: 360px;}
	.expect-common-list .expect-image::before{font-size: 100px; top: 12px; right: 15px;}
	.expect-common-list .expect-desc .expect-text { padding-inline: 32px; font-size: 18px; letter-spacing: 4.2px; top: 120px; }
}

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

/*common css*/
body                                 { padding-top: 94px; }
h1                                   { font-size: 45px; line-height: 50px; }
h2                                   { font-size: 34px; line-height: 34px; }
h4                                   { font-size: 26px; line-height: 34px !important; }
h5                                   { font-size: 22px; line-height: 30px; }
.section-inner,
.wp-block-kadence-rowlayout.alignwide { max-width: 720px; }     

	/* 	GDPR */

	div#cookie-law-info-bar 			{ left: 40%;}	

/* 	GDPR */	
	
/*common css*/

/*Header*/

header .section-inner           { max-width: 720px; padding: 20px 0px; }
.home-logo                      { max-width: 120px; }
.primary-menu li                { margin: 0px 8px; }

/*Dropdown*/

.drop-content                       { padding: 0px 15px; }
.drop-catougery-list li a       { font-size: 14px; line-height: 22px; }
.drp-catougery-title            { font-size: 26px; line-height: 26px; }

/*Dropdown*/


/*Header*/

/*Footer css*/

.footer-inner.section-inner     { width: 100%; }
.footer-widgets                 { padding: 0px 10px; }
.subscribe-form .form-group     { width: 100%; }
.column-two                     { width: 25%; padding: 0px 15px; }
.column-three                   { width: 25%; }
.footer-social li               { margin: 0px 3px !important; width: 26px; height: 26px; }
.footer-social li a             { width: 18px; height: 18px; }
.footer-social-wrapper          { margin: 30px 0px; }
#menu-footer-right-menu li      { font-size: 10px; line-height: 13px;  }
.footer-widgets-wrapper .widget_nav_menu li, .footer-widgets-wrapper .widget_nav_menu li a { font-size: 14px; line-height: 22px; }
.footer-contact-details a       { font-size: 16px; line-height: 26px; }

/*Footer css*/

/****** Home Page ******/

/*.home-banner-sec > .kt-row-has-bg > .kt-row-column-wrap { min-height: 100vh; }*/
.type-wrap                      { margin-top: 145px; }
.type-wrap h1                   { font-size: 75px; line-height: 75px; } 
.home-banner-sec p              { font-size: 20px; line-height: 26px; }
.home-banner-sec .wp-block-buttons  { margin-top: 15px !important; }
.wp-block-buttons a             { font-size: 14px; line-height: 20px;min-width: 160px; min-height: 40px; }
.website-details-grp            { padding-top: 50px; }
.common-title:after             { left: 0; }
.common-title                   { max-width: 275px; }
.website-details-sec .wp-block-group { max-width: 325px; }
.website-details-sec .wp-block-group p { font-size: 16px; line-height: 25px; }
.website-details-sec .wp-block-group p strong   { font-size: 18px; line-height: 28px; }
.website-slider-sec             { padding: 50px 0px; }
.website-img-slider .slick-dots{ bottom: -50px; }
.website-img                    { max-width: 90%; min-height: unset; padding-top: 38%; }
.middle-find-more-sec           { padding: 40px 10px; }
.middle-find-more-sec p         { font-size: 22px; line-height: 30px; margin-bottom: 20px; }
.design-details-sec > .kt-row-layout-inner  { padding: 40px 0px; }
.design-details-sec .common-title { font-size: 36px; line-height: 36px; }
.design-details-grp .wp-block-image.design-desktop-img { max-width: 60% !important;  bottom: 0px; }
.design-details-desc .kt-inside-inner-col { max-width: 290px; }
.design-details-grp .wp-block-group__inner-container { padding-bottom: 70px; }
.view-all-link:after            { right: 5px; }
.feature-work-header            { padding: 30px 0px; }
.feature-work-list > li         { width: calc(100% / 2 - 36px);padding-top: 40%; }
.project-name                   { font-size: 22px; line-height: 30px !important; padding: 7px 10px 7px 30px; }
.project-name:after             { left: 15px; }
.about-content-sec .wp-block-kadence-column { padding: 0px 10px; }
.about-content-sec p            { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
.about-content-sec figure       { max-width: 35px; }
.about-sec      { padding: 50px 0px; }
.about-sec h1                   { margin-bottom: 30px !important; }
.testinomail-slide              { padding: 50px 0px; }
.testinomail-icon               { width: 40px; height: 40px; }
.testinomail-slider h5          { margin: 30px 0px; }
.testinomail-slider .slick-dots { bottom: 10px; }
.footer-video-section           { padding: 60px 0px; min-height: unset; }
.white-logo                     { width: 80px; height: 80px; }
.footer-video-section h1        { margin: 15px 0px !important;  }
.footer-btn                     { margin-top: 25px; font-size: 14px; line-height: 40px; min-width: 160px; }

.feature-work-slider .slick-list.draggable { padding-left: 25% !important; padding-right: 25% !important; }

/****** Home Page ******/

/****** Services Page ******/

.services-item                  { padding: 0px 0px 20px 20px; }
.services-item a.service-name   { font-size: 23px; line-height: 30px; }
.services-item:last-child a.service-name { font-size: 26px; line-height: 30px; }
.services-item:first-child a.service-name { font-size: 40px; line-height: 45px; }
.services-list-sec              { grid-template-rows : 300px 300px 300px 300px; }
.service-catgouery,
.services-item:last-child .service-catgouery { right: -20px; }
.services-item:first-child .service-catgouery { right: -15px; }

/****** Services Page ******/

/****** Our Work Page ******/

.work-banner                    { min-height: 300px; }
.work-desc p                    { font-size: 14px; line-height: 23px; }
.work-nav-sec a, .work-nav-slider a { padding: 8px 15px; font-size: 14px; line-height: 20px; }
.work-nav-slider                { max-width: 80%; }
.work-nav-slider .slick-next:before,
.work-nav-slider .slick-prev:before { width: 13px; height: 25px; }
.work-nav-slider .slick-next    { right: -65px; }
.work-nav-slider .slick-prev    { right: -40px; }
.work-desc > div                { max-width: 400px; }

body.work-tpl .feature-work-list > li { width: calc(100% / 2 - 36px); padding-top: 35%; }


/****** Our Work Page ******/


/****** About Page ******/

.about-banner #kt-layout-id_471486-7a { min-height: 300px; }
body.page-id-20 .page-title     { padding-left: 0; }
.about-all-sections             { padding-top: 60px; }
.about-common-title             { font-size: 45px; line-height: 45px; }
.about-common-title:after       { height: 90px; top: calc(50% - 45px); }
@-webkit-keyframes about-expand{
    0%{height:0px}
    100%{height:90px}
}
.abou-common-desc-sec p strong  { font-size: 16px; line-height: 24px; }
.abou-common-desc-sec p         { margin-bottom: 20px !important; font-size: 14px; line-height: 21px; }
.abou-first-sec .about-number   { font-size: 100px; line-height: 100px !important; top: 6px; left: -18px; }
.abou-second-sec .about-number  { font-size: 100px; line-height: 100px !important; top: 6px; right: -65px; }
.abou-fourth-sec .about-number  { font-size: 100px; line-height: 100px !important; }
.abou-third-sec h4              { max-width: 90%; }
.abou-first-sec, .abou-second-sec { padding-bottom: 60px; }
.abou-third-sec > .kt-row-layout-inner { padding: 60px 0px; }
.abou-fourth-sec .abou-common-desc-sec { padding: 60px 0px !important; }
.abou-common-desc-sec           { max-width: 330px; }
.abou-first-sec figure:after,
.abou-second-sec figure:after   { width: 70px; height: 70px; }

/****** About Page ******/

/****** Inghts Page ******/

.insight-banner                 { min-height: 300px; }
.insight-banner h1              { font-size: 55px; line-height: 55px; }
.insight-sec                    { padding: 35px 0px; }
.inght-title                    { font-size: 34px; line-height: 34px; }
.inght-short-desc               { font-size: 14px; line-height: 21px !important; }
.inghts-desc-sec,
.insight-sec:nth-child(even) .inghts-img-sec { padding-left: 15px; }
.insight-sec:nth-child(even) .inghts-desc-sec,
.inghts-img-sec                 { padding-right : 15px; }
.inght-img                      { min-height: 315px; }
.insght-key-words span          { font-size: 12px; }

/****** Inghts Page ******/

/****** Contact Page ******/

.contact-banner .kt-row-layout-inner { min-height: 300px; }
.contact-right-sec              { max-width: 430px; }
.contact-right-sec p            { font-size: 16px; line-height: 24px }
.contact-info-grp .contact-link a { font-size: 22px; line-height: 40px; }
.contact-form-sec               { margin-top: 30px; }

/****** Contact Page ******/

/****** Services Inner Page ******/

/*Branding Page*/

.service-common-banner          { background-position: center right !important; }
.service-icon                   { width: 50px; height: 50px; }
.service-desc-sec               { max-width: 650px; }
.service-review p,
.service-desc-sec p             { font-size: 16px; line-height: 24px; }
.service-desc-sec               { padding: 40px 0px 20px 0px; }
.brandibg-list li               { padding-top: 45%; width: calc(100% / 2 - 30px); }
.brandibg-list                  { margin-top: 20px; padding: 10px 25px; }
.service-review-sec             { padding: 20px 0px 25px 0px; }

/*Branding Page*/

/*Copywite Page*/

.copywrite-desc-sec             { padding: 60px 0px 45px 0px; }
.copywrite-desc-sec span        { margin-bottom: 30px; }
.copywrite-desc-sec p           { font-size: 20px; line-height: 26px; }

/*Copywite Page*/

/*video-and-animations*/

.videos-tag-list                { margin-bottom: 40px; }
.videos-tag-list li             { font-size: 24px; line-height: 26px;  }
.all-work-videos li             { width: calc(100% / 2 - 36px); margin: 0px 18px 30px 18px; }
.video-details-section          { padding: 0px 10px; }
.video-title                    { font-size: 22px; line-height: 22px; }
.video-details-section h6       { margin-bottom: 10px; }
.all-work-videos p.video-desc    { font-size: 16px; line-height: 22px; }
.fancybox-content               { width: 90%; }
.fancybox-content iframe        { width: 50% !important; height: 250px !important; }
.fancybox-data                  { width: 50%; padding: 0px 15px; }
.fancybox-data h6               { font-size: 22px; line-height: 30px; margin-bottom: 15px; }
.fancybox-data p.video-duration  { margin-bottom: 15px; }
.fancybox-data p                { font-size: 14px; line-height: 22px; }
.videos-tag-sec span            { margin-bottom: 35px; }

/*video-and-animations*/

/** JC Core**/

.common-banner                  { min-height: 300px; }
.jc-core-sec                    { padding-bottom: 60px; }
.service-left-desc              { max-width: 350px; }
.service-right-desc             { max-width: 240px; }
.service-left-sec h2            { margin-bottom: 30px; font-size: 50px; line-height: 50px; }
.service-left-sec p             { font-size: 16px; line-height: 24px; }
.what-we-do-heading             { font-size: 70px; line-height: 70px; margin-top: 30px !important; margin-bottom: 25px !important;  }
.what-we-do-details             { max-width: 230px; }
.what-we-do-list                { margin-bottom: 20px; }
.what-we-do-list li             { margin-bottom: 25px; }
.what-we-do-desc p              { font-size: 20px; line-height: 28px; }
.what-we-do-desc a,
.service-common-btns a          { font-size: 14px; line-height: 20px;min-width: 160px; min-height: 40px; margin-right: 10px; }
.chart-desc                     { max-width: 300px; }
.chart-desc p strong            { font-size: 18px; line-height: 27px;  }
.chart-desc p                   { font-size: 16px; line-height: 24px; }
.chart-img                      { height: 380px; }

/*new chart-sec*/

.chart-img-sec                  { max-width: 100%; }
.methodical-process-sec > li    { max-width: 140px; margin: 0px 2px; padding: 25px 0px 35px 0px; }
.client-input-title             { letter-spacing: 1px; }
.client-input-desc li           { font-size: 14px; }
.client-info-sec p              { font-size: 12px; line-height: 15px }
.client-input-title             { font-size: 14px; line-height: 18px; }
.client-input-number            { font-size: 30px; line-height: 40px; width: 40px; height: 40px; }
.white-line                     { top: 132px; width: calc(100% - 20px); left: 10px; }
@-webkit-keyframes line-animate{
    0%{width:0%}
    100%{width:calc(100% - 20px)}
}

/*new chart-sec*/

/** JC Core**/

/** JC Support**/
/*Growth Marketing*/

.jc-support-sec .service-left-sec   { padding-top: 20px; }
.jc-support-sec .service-right-sec  { padding: 35px 0px; }
.jc-support-sec .service-left-sec h2 { margin-bottom: 20px; }
.support-quote-msg h5           { font-size: 22px; line-height: 28px; }
.growth-maketing-sec .common-title  { font-size:50px; line-height: 50px;  }
.growth-services-desc           { max-width: 300px; }
.growth-services-desc h2        { font-size: 50px; line-height: 50px; }
.jc-support-sec .service-right-desc { max-width: 240px; }

/*Growth Marketing*/

/*Web Hosting & Maintenance*/

.monthly-plan-desc              { max-width: 350px; margin-left: 30px; }
.monthly-plan-img               { min-height: 400px }
.monthly-plan-desc h1           { margin: -40px 0px 30px -75px; font-size: 60px; line-height: 60px; }
.web-hosting-sec                { margin-top: 30px; }
.price-list-item h3             { font-size: 40px; line-height: 40px; }
.monthly-plan-desc p            { font-size: 18px; line-height: 27px; }
.price-list-sec li.price-list-item { width: 335px; padding: 35px 20px; margin-right: 40px; }
.price-list-sec li.price-list-item:nth-child(2n + 2) { margin-top: -230px; }
.price-list-sec                 { padding: 30px 10px; margin-top: 15px; }
.web-support-desc               { max-width: 350px; }
.web-support-desc .common-title     { margin-bottom: 25px !important; font-size: 45px; line-height: 45px; }
.support-list-sec li p          { margin-bottom: 20px; }
.price-list-sec li.price-list-item:nth-child(2n + 2):after { bottom: -50px; }
.support-title                  { font-size: 18px; line-height: 27px !important; }
.support-desc                   { font-size: 16px; line-height: 24px !important; }
.web-support-desc a.black-btn   { margin-bottom: 0; }

/*Web Hosting & Maintenance*/
/** JC Support**/


/****** Services Inner Page ******/

/****** Work Inner Page ******/

.work-nav                       { padding: 30px 0px; }
.work-img                       { height: 300px; }
.work-header-right              { max-width: 325px; }
.work-expertise-list li span       { font-size: 16px; line-height: 20px; margin-bottom: 0; }
.video-img                      { min-height: 350px; }
.work-title                     { font-size: 40px;line-height: 40px; max-width: 340px; }
.work-expertise-list            { min-width: 325px; }
.video-img-laptop                      { width: 100%;min-height: 420px; }
.work-info-section              { padding-bottom: 60px; }
.video-page-title               { margin-top: 30px; }
.work-info-section:after        { height: 250px; }
.work-background-solution       { padding: 50px 0px 30px 0px; }
.work-background,
.work-solution-sec              { max-width: 325px; }
.work-background-sec p          { font-size: 16px; line-height: 24px; }
/*.work-video-sec video           { left: 12%; width:76% !important; }
*/
.work-video-sec .gif-video       { top: 6%; left: 12%; width: 76%; height: 82%; }
.project-gallery-slider .slick-list.draggable   { padding-left: 50px !important; padding-right: 50px !important; }
.video-production-sec            { min-height: 350px; }
.photography-slider .slick-slide { padding: 0px 10px; }

/*pop up style*/

.modal-header, .modal-body       { max-width: 650px; }

/*pop up style*/


/****** Work Inner Page ******/

/****** Privacy Page ******/

.privacy-details .kt-row-layout-inner   { max-width: 100%;  }

/****** Privacy Page ******/

/****** insight details Page ******/

.insight-details-banner             { min-height: 300px; }
.insight-detail-header              { padding: 40px 0px 30px 0px; }
.insight-header-left,               
.insight-details, 
.insight-detail-footer              { padding: 0px 25px; }
.insight-details h4                 { font-size: 28px; line-height: 36px !important; }

/****** insight details Page ******/

}

@media (max-width:767px)
{

/*common css*/
body                                 { padding-top: 70px; }
body.home                            { padding-top: 104px; }
h1                                   { font-size: 39px; line-height: 39px; }
h2                                   { font-size: 32px; line-height: 37px; }
h4                                   { font-size: 24px; line-height: 30px !important; } 
h5                                   { font-size: 22px; line-height: 27px; }
h6                                   { font-size: 21px; line-height: 26px; }
.section-inner,
.wp-block-kadence-rowlayout.alignwide { max-width: 90%; margin-top: 0; }    
	.wa__btn_popup_txt 					{ display:none !important; }
/* 	body.home img.parallax-slider 		{ height:100% !important;  } */
/* .parallax-mirror 					{ top: -150px !important; } */
/*common css*/
	
	/* 	GDPR */

	div#cookie-law-info-bar 			{ max-width: 100%; max-width: 230px !important; margin-left: 10px; margin-bottom:10px; }
	#cookie_action_close_header_reject  { margin: 0 !important;  }

/* 	GDPR */	

/*Header*/
	.header-titles-wrapper,
	.header-inner .toggle{ align-items:flex-start !important;}
header .section-inner           { max-width: 90%; padding: 15px 0px; }
	.site-logo 					{ padding:0 !important;}
	.header-inner .toggle 		{ position:relative; width:26px; height:22px; margin-left:10px; margin-top:11px; }
	.header-btns ul 			{ padding-top:5px; }
	body.home .header-btns ul 	{padding-top:15px; }
	body.home .header-inner .toggle {margin-top:21px; }
	.header-titles-wrapper 		{ padding:0 !important;}
.home-logo                      { max-width: 90px; }
.primary-menu li                { margin: 0px 10px; }
.home-link                      { display: block; }
#mm-5 button,
#mm-6                           { display: none !important; }
nav.mm-menu                     { left: -100%; display: block !important; transition: 0.5s !important; }
nav.mm-menu_opened              { left: 0; transition: 0.5s !important; }
.menu-close-btn                 { transition: 0.5s; }
.mm-hidden                              { display: block !important; }
.mm-panel                               { position: relative !important; transform: none; }
.mm-navbar                              { display: block !important; }
.mm-navbar_size-2                       {  padding: 25px 20px !important; }
.mm-menu                                { z-index: 9998 !important; background: rgba(255,255,255,1) !important; }
.mm-panel, .mm-panels                   { background: transparent !important; }
.mm-listitem:after,
.mm-listview .mm-panel .mm-listview                  { display: none !important; }
.mm-panel.mm-panel_opened               { height: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.mm-panels                              { top: unset !important; height: unset;  }
#mm-2 .mm-navbar                        { display: none !important; }
.mm-navbar                              { background: transparent !important; height: 100%; }
ul.mm-listview                          { width: 100%; margin: 15px 0px 0px !important; }
.mm-listview .mm-panel                  { text-align: center; background: transparent !important; padding: 6px 0px; }
.mm-listview .mm-panel a                { font-size: 18px; line-height: 24px; font-family: "Avenir-Heavy"; letter-spacing: 4px; color: #343434; text-decoration: none solid rgb(204, 204, 204); text-transform: uppercase; }
.mm-listview .mm-panel a:hover          { color: #E8644C; }
.mm-listitem_selected a                 { color: #E8644C !important;}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout                  { transform: none !important; }
.mm-navbars_top                         { border: none; }
.menu-close-btn                         { position: absolute; top: -65px; right: 20px; text-indent: -9999px; width: 18px; height: 18px; background: url('images/close-icon.svg')no-repeat center center/100% auto; }
.nav-toggle .toggle-inner               { padding: 0; margin-top: 5px; }
.mobile-nav-toggle .toggle-icon                 { width: 20px; height: 18px; background: url('images/menu-icon.svg')no-repeat center center/cover; }
.mobile-nav-toggle:focus                        { outline: none; }
.mobile-nav-toggle .toggle-icon svg             { display: none !important; }
.mobile-nav-toggle .toggle-text                 { display: none !important; }
.mm-wrapper_blocking .mm-wrapper__blocker { height: 100%; overflow-y: auto; }
.mm-menu_offcanvas              { width: 100%; }
.mm-navbars_top,
.mm-panels, .mm-panels>.mm-panel        { position: relative; }
.mm-menu_navbar_top-1                    { display: none !important; }
.wpmm-header-image                       { position: relative; top: unset; left: unset; bottom: unset; right: unset; background-position: center left !important; min-height: 34px; }
.mobile-menu-header                      { padding: 0px; display: flex; display:  -webkit-flex; align-items: center; justify-content: center; }
.mobile-menu-header a                    { width: 40px; height: 40px; display: inline-block; }
.mobile-menu-header div                  { margin: 0px 15px; width: 95px; height:95px; background: url('images/menu-img.png')no-repeat center center/cover; border-radius: 50%; filter: grayscale(1); }
.mobile-call-icon                        { background: url('images/mobile-call-icon.svg')no-repeat center center/cover; }
.mobile-mail-icon                        { background: url('images/mobile-mail-icon.svg')no-repeat center center/cover; }
.mobile-menu-title                       { margin-top: 30px; padding: 0; min-height: unset; font-size: 12px; line-height: 14px; color: #E8644C; text-align: center; font-family: "Avenir-Heavy"; letter-spacing: 3px; }

button.close-nav-toggle                     { display: none; }
.menu-bottom                              { display: none !important; }
.menu-modal                             { top: 70px; max-height: 0; display: flex !important; transition: max-height 0.5s ease-in !important; opacity: 1 !important; left: 0 !important; right: 0 !important; z-index: 9999;  align-items: center; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.menu-modal.active                      {  top: 70px; height: calc(100% - 70px); overflow-y: auto; max-height: calc(100% - 70px); transition: max-height 0.5s ease-out !important; }
header.stickey + .menu-modal.active     { top: 70px; height: calc(100% - 70px); overflow-y: auto; max-height: calc(100% - 70px);transition: max-height 0.5s ease-out !important; }
body.home .menu-modal                             { top: 70px; max-height: 0; display: flex !important;  transition: max-height 0.5s ease-in !important; opacity: 1 !important; left: 0 !important; right: 0 !important; align-items: center; }
body.home .menu-modal.active                      {  top: 70px; height: calc(100% - 70px); overflow-y: auto; max-height: calc(100% - 70px); transition: max-height 0.5s ease-out !important; }
body.home header.stickey + .menu-modal.active     { top: 70px; height: calc(100% - 70px); overflow-y: auto; max-height: calc(100% - 70px);transition: max-height 0.5s ease-out !important; opacity: 1 !important; }
body.home header#site-header            { background-color: #fff !important; }
body.home .site-logo            { display: inline-block;  max-height: 0; width: 0; max-width: 0; overflow: hidden;  transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; height: auto; }
body.home header#site-header.stickey .site-logo { max-width: 80px; max-height: unset; }
body.home .home-logo            { display: inline-block; transition: all 0.5s ease 0s; -webkit-transition :all 0.5s ease 0s; }
ul.sub-menu.active              { top: 0 !important; display: block; max-height: 500px !important; transform: none !important; width: 100% !important; transition: max-height 0.5s linear !important; }
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a  { padding: 0; color: #000; text-transform: uppercase; font-family: "Lato-Regular"; font-size: 18px; line-height: 20px; letter-spacing: 4.2px; }
.modal-menu > li, .modal-menu > li      { padding: 7px 20px; border: none !important; }
button.sub-menu-toggle                  { padding: 0; margin: 0; border: none; outline: none; position: absolute; top: 6px; right: -22px; color: #E8644C !important; }
.modal-menu a:hover,
.modal-menu a:focus                     { color: #E8644C !important; }
.modal-menu .current-menu-item > .ancestor-wrapper > a                  { color: #E8644C !important; }
.sub-menu                               { /*padding-right: 10px !important;*/ box-shadow: none; margin-top: 0px !important; display: block !important; transition: max-height 0.5s linear !important; transform: none !important; width: 100%; left: 0 !important; right: unset !important; top: 0 !important }
.sub-menu li                            { border: none !important; padding: 7px 10px; }
.sub-menu li:first-child                { padding-top: 10px !important; }
.sub-menu li:last-child                 { padding-bottom: 10px !important; }
.sub-menu li a                          { padding: 0 !important; font-family: "Oranienbaum-Regular" !important; font-size: 22px; line-height: 24px; }
.sub-menu li .sub-menu                  { padding-right: 0 !important;/* padding-left: 15px !important;*/ }
.sub-menu li .sub-menu li               { padding: 4px 10px; }
.sub-menu li .sub-menu li a             { font-family:"Lato-Regular" !important; font-size: 14px; line-height: 20px;  }
.modal-menu .ancestor-wrapper           { width: auto; position: relative; }
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: none; }
.menu-item-has-children > .ancestor-wrapper > button.sub-menu-toggle     { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; width: 125%; height: 100%; }
#menu-item-1958 > .ancestor-wrapper > button.sub-menu-toggle  { display: none; }
.sub-menu li button.sub-menu-toggle     { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; width: 115%; height: 100%; }
button.sub-menu-toggle svg              { width: 12px; fill: #E8644C; margin-left: auto; }
#mobile-menu.active .toggle-icon       { background: url('images/close-icon.svg')no-repeat center center/100% auto; transition: 0.5s; }
.header-btns                            { margin-left: auto; display: block; }
.header-btns aside                      { margin-top: 0;  }
.header-btns ul                         { margin-bottom: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; }
.header-btns ul li                      { margin: 0; margin-left: 15px; }
.header-btns ul li a                    { width: 32px; height: 32px; text-indent: -9999px; display: inline-block; }
.header-btns ul li:first-child a        { background: url('images/header-mail-icon.svg')no-repeat center center/28px auto; }
.header-btns ul li:last-child a        { background: url('images/header-call-icon.svg')no-repeat center center/28px auto;  }
.sub-menu ul                            { width: 100% !important; }
.mobile-menu                            { margin-top: 15px; padding-bottom: 60px; }

.menu-wrapper.is-toggling               { pointer-events: unset; }
.menu-wrapper.is-toggling .menu-item    { position: relative; }
.menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 0ms !important; }
.menu-wrapper .menu-item                { transition: none !important; transform: none !important; justify-content: center; }
.menu-wrapper.is-toggling .toggling-target  { position: inherit; }
.menu-wrapper.is-animating.is-toggling .toggling-target { opacity: 1 !important; }
.menu-modal:after                       { position: absolute; bottom: 15px; left: 0; width: 100%; height: 1px; background: #f0f0f0; content: ''; }
.custom-logo-link                       { max-width: 50px; }
.sub-menu li a br                       { display: none; }
.mobile-nav-toggle  span                { display: inline-block; }
.mobile-nav-toggle .burger-icon         {     position: absolute;width: 26px; top: 50%;left: 50%; transform: translate(-50%, -50%); }
.mobile-nav-toggle .burger-icon span { background-color: #0074BD; height: 4px;  transform-origin: center center; position: relative; transition-duration: 0.5s; width: 100%; display: block; margin-bottom: 5px; }
.mobile-nav-toggle .burger-icon span:last-child     { margin-bottom: 0; }
.mobile-nav-toggle .burger-icon span    { background-color: #343434; }
.mobile-nav-toggle.active .burger-icon span:first-child {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px;}
.mobile-nav-toggle.active .burger-icon span:nth-child(2) { opacity: 0; }
.mobile-nav-toggle.active .burger-icon span:last-child {-webkit-transform: rotate(45deg); transform: rotate(45deg); top: -8px;}

/*Header

/*Footer*/
.footer-widgets-wrapper         { display: flex;flex-wrap: wrap;  }
.footer-inner.section-inner     { width: 100%; padding: 35px 20px 50px 20px; max-width: 100%; position: relative; } 
.footer-widgets.grid-item       { width: 100% !important; }
.subscribe-form                 { margin-top: 20px; }
.footer-submit-btn              { margin-left: 20px; }
.column-one,
.column-two                     { padding: 0px; }
.column-two                     { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.column-two .widget_nav_menu:last-of-type { order: 0; }
.column-two .widget_text        { order: -1; }
.column-two .widget_nav_menu    { order: 1; }
.footer-widgets-wrapper p.footer-title  { margin-bottom: 25px; }
.footer-widgets.column-three     { width: 50% !important; padding: 0; }
.footer-contact-details a       { font-size: 15px; line-height: 24px; margin-bottom: 5px; }
.footer-widgets.column-four     { width: 50% !important; padding: 0; }
.footer-social-wrapper          { margin: 10px 0px; }
.footer-widgets.column-four .copyright-wrapper  { position: absolute; bottom: 35px; left: 20px; }
.footer-social li                  { margin: 0px 4px !important; width: 22px; height: 22px; }
.footer-social li a             { width: 13px; height: 13px; }
.footer-widgets-wrapper .widget_nav_menu li, .footer-widgets-wrapper .widget_nav_menu li a { font-size: 15px; line-height: 23px; }
.footer-widgets-wrapper img         { max-width: 35px !important; margin-bottom: 20px; }

/*Footer*/

/****** Home Page ******/

body.home                       { padding-top: 76px; }
.typed-cursor                   { padding-bottom: 5px; }
.type-wrap                      { margin-top: 0px;}
.type-wrap h1                   { font-size: 53px !important; line-height: 53px !important;  margin-right: 5px !important; }
.home-banner-content            { padding-bottom: 0 !important; }
.home-banner-sec > .kt-row-has-bg > .kt-row-column-wrap { min-height: auto !important; }
.home-banner-sec > .kt-row-has-bg { padding-bottom: 230px; background-size: 100% auto !important; background-position: bottom left !important; }
.google-partner-logo { position: absolute; top: -205px;}
.google-partner-logo .wp-block-image img { width: 205px; height: auto;}
.home-banner-sec h1                 { margin-top: 50px !important; max-width: 100%; font-size: 30px; line-height: 30px; text-align: left !important; }
.home-banner-sec p              { font-size: 22px; line-height: 28px; text-align: left !important; margin-top: 15px; margin-bottom: 20px; max-width: 100% !important; }
.home-banner-sec .wp-block-buttons  { padding-left: 0px; margin: 0px -5px !important; margin-top: 0 !important; text-align: left; }
.home-banner-sec .wp-block-button a { min-width: 127px; min-height: 40px; }
.home-banner-sec .wp-block-button   { margin: 0px 5px !important; }
.website-details-grp            { padding-top: 35px; }
.website-img-slider .slick-dots     { width: 100%; }
.common-title:after             { left: 0; height: 95%; top: 0; }
@-webkit-keyframes expand{
    0%{height:0px}
    100%{height:95%}
}
.website-details-sec .kt-row-column-wrap { padding: 0 !important; }
.website-details-sec .kt-inside-inner-col { display: block; }
.website-details-sec .kt-inside-inner-col h2 { margin-bottom: 20px !important; }
.website-details-sec .wp-block-group p { padding: 0 !important; font-size: 15px; line-height: 23px; }
.website-details-sec .wp-block-group p strong   { font-size: 17px; line-height: 23px; }
.website-img                    { max-width: 100%; padding-top: 48%; min-height: unset; }
.website-slider-sec             { padding: 25px 0px 70px 0px; }
/* .website-slider-sec:after       { height: 75px; bottom: 75px; } */
.middle-find-more-sec .wp-block-buttons { margin-bottom: 15px !important; margin-top: 0 !important; }
.middle-find-more-sec .wp-block-buttons .black-btn { margin: 0 !important; }
.middle-find-more-sec           { padding: 20px 0px 35px 0px; }
.middle-find-more-sec p         { margin-bottom: 30px; font-size: 20px; line-height: 28px; }
.wp-block-buttons a             { font-size: 14px; line-height: 16px; min-height: 40px; min-width: 150px; letter-spacing: 0; }
.design-details-sec .kt-row-column-wrap { padding: 0 !important; }
.design-details-sec > .kt-row-layout-inner { padding: 50px 0px 135px 0px; }
.design-details-sec .common-title { margin-bottom: 20px !important; font-size: 32px; line-height: 37px; }
.design-details-sec p strong    { font-size: 17px; line-height: 25px;  }
.design-details-sec p           { margin-bottom: 3px; font-size: 15px; line-height: 22px; }
.design-details-sec p:first-of-type     { padding-right: 29%; }
.design-details-grp .wp-block-image.design-desktop-img  { max-width: 100% !important; margin-top: 0 !important; display: none; }
.design-details-grp .wp-block-image.design-mobile-img   { margin-top: -100px !important; margin-bottom: 0 !important; padding: 0px 15px; position: relative;z-index: 999; display: block; }
.design-details-grp .wp-block-group__inner-container { padding-bottom: 30px; }
.design-details-sec .wp-block-buttons   { margin-top: 20px; }
.view-all-link                  { margin-top: 8px; margin-left: 5px; display: inline-block; font-size: 12px; line-height: 18px; letter-spacing: 3.6px; }
.feature-work-header            { padding: 15px 0px 0px; display: block; }
.view-all-link:after            { right: 5px; font-size: 16px; line-height: 18px; top: calc(50% - 9px); }
.feature-work-list > li         { width: 100%; margin: 0px; margin-bottom: 4px; padding-top: 78%; }
.feature-work-list              { width: 100%; margin: 0% !important; }
.project-name                   { font-size: 22px; line-height: 24px !important; padding: 5px; padding: 7px 10px 7px 35px;  }
.project-name:after             { font-size: 12px; left: 20px; }
.project-name p                 {  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: unset; }
.explore-link                   { font-size: 12px; line-height: 18px; padding: 10px 30px 10px 25px; }
.explore-link:after             { font-size: 18px; right: 10px; }
.feature-top-sec .services-list li a    { font-size: 10px; line-height: 15px; padding: 3px 10px; }
.about-sec                      { padding: 50px 0px; }
.about-content-sec .kt-row-column-wrap { padding: 0 !important; }
.about-content-sec figure       { margin-top: 0 !important; margin-bottom: 20px !important; }
.about-content-sec .wp-block-kadence-column { padding: 0; margin-bottom: 15px !important; }
.about-content-sec p strong     { font-size: 16px; line-height: 24px; letter-spacing: 4.8px; }
.about-content-sec p            { font-size: 16px; line-height: 25px; margin-bottom: 12px; }
.about-sec h1                   { margin-bottom: 35px !important; }
.about-sec .wp-block-buttons    { margin-top: 15px; margin-bottom: 0; }
.testinomail-slider             { margin-bottom: 20px; }
.testinomail-slide              { padding: 50px 0px; max-width: 100%; }
.testinomail-icon               { width: 40px; height: 40px; }
.testinomail-slider h5          { margin: 30px 0px 10px 0px !important; }
.testi-person-info .person-name,
.testi-person-info .person-designation { font-size: 15px; line-height: 18px; }
.testi-person-info .company-name    { font-size: 15px; line-height: 17px; }
.testinomail-slider .slick-dots  { bottom: 15px; }
.footer-video-section           { padding: 50px 0px;min-height: 441px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; }
.white-logo                     { width: 55px; height: 66px; }
.footer-video-section h1        { font-size: 33px; line-height: 33px; margin: 5px 0px !important; margin-bottom: 20px !important;  }
.footer-video-section p strong  { font-size: 20px; line-height: 27px;  }
.footer-video-section p         { font-size: 20px; line-height: 26px; }
.footer-btn                     { margin-top: 20px; font-size: 16px; line-height: 40px; min-height: 40px; min-width: 150px; }
.footer-video video             { width: auto !important; }
.scroll-link                    { display: none; }
.common-title                   { padding-left: 15px !important; }

.feature-work-slider .slick-slide > div     { padding-top: 78%; position: relative; }
.feature-work-slider .slick-list.draggable { padding-left: 20px !important; padding-right: 20px !important; }
.feature-work-slider .slick-slide { padding: 16px 5px; }
#kt-layout-id_331ff4-49         { background-attachment:  }


.starts-img                     { margin-bottom: 20px; max-width: 90px; }
	
.home-digital-agency-slider .slick-list { overflow: visible;}
.home-digital-agency-slider.alignfull .kt-row-column-wrap { padding-left: 0; padding-right: 0;}
/****** Home Page ******/

/****** Services Page ******/

.services-list-sec              { width: 100%; display: block; }
.all-services-sec               { padding: 0px 15px; }
.service-title-box              { bottom: -65px; }
.services-item                  { min-height: 225px; padding: 0px 0px 20px 20px; margin: 0px 0px 5px 0px; }
.services-item a.service-name   { font-size: 30px !important; line-height: 33px !important; max-width: 100% !important; display: inline-flex; display: -webkit-inline-flex; align-items: flex-end; min-height: 70px; }
.services-item:first-child a.service-name { font-size: 34px; line-height: 34px; max-width: 60%; }
.service-short-desc             { max-width: 85%; min-height: 48px; }
.service-catgouery              { font-size: 11px; line-height: 16px; bottom: 55px; min-width: 90px; right: -25px !important;}
.services-item:after            { height: 150px !important; }
.services-list-grp              { padding-top: 0; }
.services-item .explore-link    {  padding: 10px 30px 10px 25px; }
.services-item .explore-link:after { top: calc(50% - 13px); right: 10px; }
.service-list-data              { margin: 0px -15px; }


/****** Services Page ******/

/****** Our Work Page ******/

.work-banner                    { min-height: 175px; }
.work-details-sec               { margin-top: -21px; }
.work-desc                      { display: block; margin: 25px 0px 15px 0px; }
.work-desc > div                { margin-top: 20px; max-width: 100%;  }
.work-desc p                    { font-size: 16px; line-height: 27px; }
.all-work-link,
.work-nav-slider                { display: none !important; }
.jcf-select-work-nav-mobile     { display: block !important; width: 100%;background-color: #E8644C; height: auto;min-height: inherit; }
.jcf-select-drop .jcf-select-drop-content,
.jcf-focus, .jcf-focus *,
.jcf-select                     { border-color: #E8644C !important; }
.jcf-select-opener              { display: none; }
.jcf-select .jcf-select-text    { font-size: 16px; line-height: 22px; font-family: "Avenir-Light"; color: #fff; padding: 9px 0px 9px 10px; text-transform: uppercase; position: relative; overflow: visible !important; }
.jcf-select-text:after          { position: absolute; right: -10px; content: '\f107'; font-family: "FontAwesome"; font-size: 20px; line-height: 20px; width: auto;height: auto; }
.jcf-list ul li                 { margin: 0; }
.jcf-list .jcf-option           { font-size: 16px; line-height: 22px; padding: 9px 0px 9px 10px; font-family: "Avenir-Light"; background-color: #fff; color: #343434; }
.jcf-list .jcf-option:hover     { background-color: #E8644C; color: #fff; }
.cat-loading a.load-more-work       {  font-size: 14px; line-height: 22px;  min-width: 150px; min-height: 40px;  }

body.work-tpl .feature-work-list > li { width: calc(100%); padding-top: 78%; margin : 10px 0px; }
.photography-slider             { padding: 0; }
.photography-slider .slick-slide        {padding: 0;}
.project-gallery-slider .slick-prev, .project-gallery-slider .slick-next { opacity: 1; }
body.work-tpl .feature-work-list    { margin-top: 5px !important; }

/*Load More*/
/****** Our Work Page ******/


/****** About Page ******/

.about-banner #kt-layout-id_471486-7a { min-height: 170px; }
.entry-content > .wp-block-group.alignfull.about-title-grp              { margin-top: -21px !important; margin-bottom: 20px !important; }
.page-title                     { padding: 5px 10px; margin-top: 0px !important;  font-size: 32px !important; line-height: 32px !important; }
.page-title:after               { }
.about-all-sections             { padding-top: 10px; }
.abou-common-desc-sec p.about-sub-title { padding-left: 18px; }
.about-common-title             { padding-left: 18px; max-width: calc(100% - 77px); margin: 5px 0px 25px 0px !important;  font-size: 32px; line-height: 32px;}
.about-common-title:after       { /*bottom: 0; top: unset;*/ bottom: 0; height: 85px; }
@-webkit-keyframes about-expand{
    0%{height:0px}
    100%{height:85px}
}
.abou-common-desc-sec           { max-width: 100%; }
.abou-common-desc-sec p strong  { font-size: 18px; line-height: 27px; }
.abou-common-desc-sec p         { margin-bottom: 20px !important; font-size: 16px; line-height: 24px; }
.abou-second-sec .abou-common-desc-sec { margin-left: auto !important; margin-right: auto !important; max-width: 90%;  }
.abou-first-sec figure          { margin-left: 10px; margin-top: 30px !important; }
.abou-first-sec .about-number   { font-size: 90px; line-height: 90px !important; top: -13px; left: -4px; }
.abou-first-sec figure:after    { width: 40px; height: 40px; top: -9px; left: -12px }
.abou-first-sec                 { padding-bottom: 50px !important; }
.abou-second-sec                { padding-bottom: 0 !important; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 { order: 1; margin-bottom: 0 !important; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 .kt-inside-inner-col { position: unset; }
.abou-second-sec .about-number  { font-size: 90px; line-height: 90px !important; top: -20px; right: 15px; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 .kt-inside-inner-col { max-width: 100%; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 .kt-inside-inner-col figure { margin-top: 10px !important; }
.abou-second-sec .kt-has-2-columns > .inner-column-1 .kt-inside-inner-col figure:after { display: none; }
.abou-third-sec > .kt-row-layout-inner { padding: 50px 0px; }
.abou-third-sec h4              { max-width: 100%; font-size: 25px; line-height: 35px !important; }
.abou-third-sec .kt-row-column-wrap     { padding: 0 !important; }
.abou-fourth-sec .inner-column-2    { order: -1; }
.abou-fourth-sec .inner-column-2 .kt-inside-inner-col { padding-top: 47%; }
.abou-fourth-sec .abou-common-desc-sec  { padding: 50px 15px 20px 15px; }
.abou-fourth-sec .about-number  { font-size: 47px; line-height: 47px !important; left: 20px; top: unset; bottom: 30px; }
.abou-second-sec figure      { padding-top: 47%; }
.abou-second-sec figure img  { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
.abou-fourth-sec  .black-btn    { margin-top: 10px !important; margin-bottom: 0; }
/****** About Page ******/

/****** Inghts Page ******/

.insight-banner                 { min-height: 175px; padding-bottom: 25px; align-items: flex-end;  }
.insight-banner h1              { font-size: 31px; line-height: 31px; }
.insght-key-words               { padding: 30px 15px 120px 15px;  }
.insght-key-words span          { font-size: 12px; line-height: 16px;letter-spacing: 2.2px; margin: 0px 10px;  }
.insght-key-words span:after    { right: -18px; }
.insight-sec .row               { display: block; }
.inghts-desc-sec,
.insight-sec:nth-child(even) .inghts-img-sec,
.insight-sec:nth-child(even) .inghts-desc-sec,
.inghts-img-sec                 { padding-right : 0px; padding-left: 0; }
.insight-sec                    { padding: 20px 0px 35px 0px; }
.all-inghts-section             { margin-top: -120px; }
.inght-img                      { min-height: 195px; }
.inght-title                    { margin : 15px 0px; font-size: 27px; line-height: 27px; }
.inghts-date                    { font-size: 13px; line-height: 19px; margin-bottom: 15px; }
.inght-short-desc               { margin-bottom: 15px; font-size: 16px; line-height: 24px !important; }
.inghts-details-link            { font-size: 14px; line-height: 21px; letter-spacing: 4.2px;  }
.insight-sec .row .col-sm-6         { width: 100%; }

/*Pagination*/

.all-blog-pagination a.page-numbers, 
span.page-numbers.current       { width: 30px; height: 30px; }
.all-blog-pagination            { padding: 30px 0px; }

/*Pagination*/


/****** Inghts Page ******/

/****** Contact Page ******/

.contact-banner .kt-row-layout-inner { min-height: 175px; }
.contact-page-sec .kt-has-2-columns > .inner-column-1 { max-width: 185px; margin-top: -100px !important; margin-bottom: 0px !important; display: none; }
.contact-mobile-info .wp-block-social-links li { margin: 0px 5px; }
.contact-left-info .wp-block-social-links { display: flex; position: absolute; left: 125%; margin-bottom: 0; bottom: 20px; }
.contact-left-info .wp-block-social-links li a,.contact-left-info .wp-block-social-links li a svg { fill:  #fff !important; color: #343434 !important; }
.contact-left-info .wp-block-social-links li { background-color:  #343434 !important; width: 25px; height: 25px; }
.contact-page-sec .kt-has-2-columns > .inner-column-1 > .kt-inside-inner-col, 
.contact-page-sec .kt-has-2-columns > .inner-column-2 > .kt-inside-inner-col { padding: 25px !important;  }
.contact-left-info figure       { margin-bottom: 0 !important; position: absolute; bottom: -95px; }
.contact-left-info p strong     { font-size: 8px; line-height: 12px; letter-spacing: 2.4px; }
.contact-left-info p            { margin-bottom: 20px;font-size: 14px; line-height: 21px; }
.contact-left-info h1           { margin-bottom: 15px !important; font-size: 33px; line-height: 33px; }
.contact-right-sec h6           { margin-bottom: 25px; }
.contact-right-sec p            { font-size: 17px; line-height: 25px; font-family: "Avenir-Heavy"; }
.contact-mobile-info p          { font-family: "Avenir-Light"; }
.contact-info-grp               { margin-top: 20px; }
.contact-info-grp .wp-block-group__inner-container  { display: block; }
.contact-info-grp .contact-link { padding-left: 45px !important; margin-bottom: 10px; }
.contact-info-grp .contact-link:first-child { background: url('images/contact-mail-icon.svg')no-repeat center left/25px 25px; }
.contact-info-grp .contact-link:last-child { background: url('images/contact-call-icon.svg')no-repeat center left/25px 25px; }
.contact-info-grp .contact-link a   { font-size: 22px; line-height: 35px; }
.contact-form-sec               { margin-top: 40px; }
.contact-right-sec p.form-title { margin-bottom: 20px; }
.form-group                     { width: 100%; margin: 0px 0px 18px 0px; }
.form-group input, .form-group textarea { height: auto;padding: 10px; font-size: 15px;  }
	.jcf-file 					{ height:52px; }
.jcf-file .jcf-fake-input       { font-size: 15px; padding: 10px 10px 10px 50px; display:flex; flex-wrap:wrap; align-items:center; }
.form-group textarea            { height: 120px; }
.checkbox-grp                   { margin: 15px 0px 25px 0px !important; }
.contact-right-sec .wpcf7-submit { padding: 0; width: 100%; height: 40px; font-size: 13px; line-height: 16px; margin: 0px auto !important; display: block; }
.contact-right-sec              { padding-bottom: 0; max-width: 100%; }
.contact-page-mobile-sec        { display: block; margin-top: 0 !important;}
.contact-mobile-info figure       { margin-bottom: 0 !important;  width: 50px; margin-top: 0 !important; }
.contact-mobile-info p strong     { font-size: 16px; line-height: 18px; letter-spacing: 2.4px; }
.contact-mobile-info p            { margin-bottom: 20px;font-size: 14px; line-height: 21px; }
.contact-mobile-info h1           { margin-bottom: 15px !important; font-size: 33px; line-height: 33px; }
.contact-mobile-info .kt-inside-inner-col { display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; }
.contact-mobile-info .wp-block-social-links     { margin-left: 60px; }
.wp-block-group.contact-mobile-info                { margin-top: 10px !important; max-width: calc(100% - 65px) !important; margin-left: 15px !important; width: 100%;  }
.wp-block-kadence-rowlayout.alignfull.contact-mobile-info { padding: 60px 55px 50px 15px; margin-top: 0 !important; min-height: 370px; }
.contact-banner .kt-row-layout-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-end; padding-left: 25px; }
.contact-mobile-heading         { display: block; margin-bottom: -40px !important; margin-top: 0 !important; background-color: #343434; padding: 8px 15px; padding-left: 20px; position: relative; font-size:35px !important; line-height:35px !important;  }
.contact-mobile-heading:after   { position: absolute; top: 0; right: 99%; width: 1000px; height: 100%; background-color: #343434; content: ''; }
.contact-page-sec               { margin-top: 25px !important; }

/****** Contact Page ******/

/****** Services Inner Page ******/

/*Branding Page*/

.service-common-banner          { background-position: center right !important; min-height: 175px; }
.service-common-banner h1       { font-size: 37px; line-height: 37px; }
.service-catougery              { margin-bottom: 10px; font-size: 13px; line-height: 20px; letter-spacing: 3.9px; }
.service-icon                   { width: 45px; height: 45px; }
.service-desc-sec               { padding: 30px 0px 10px 0px; }
.service-desc-sec h2            { font-size: 28px; line-height: 30px; max-width: 100%; margin: 15px 0px; }
.service-desc-sec p             { margin-bottom: 25px; font-size: 16px; line-height: 24px; }
.brandibg-list                  { padding: 0; margin-top: 15px; }
.brandibg-list li               { width: 100%; padding-top: 75%; max-height: 400px; margin: 0; margin-bottom: 4px; margin:10px 0px; }
.service-review-sec             { padding: 35px 0px 30px 0px; }
.service-review                 { max-width: 100%; }
.service-review h2              { font-size: 32px; line-height: 32px; margin: 20px auto 25px auto !important; }
.service-review p               { font-size: 16px; line-height: 24px; margin-bottom: 15px;  }

/*Branding Page*/

/*Photography Page*/

/*.graphic-img-slider .slick-slide > div > div > div { min-height: 125px; padding-top: 100%; }*/
.graphic-img-slider div > div { margin: 20px 0px; min-height: 125px; padding-top: 75%; background-size:cover; background-position:cover; background-repeat:no-repeat; }
.graphic-img-slider .slick-list.draggable { padding: 0px 75px !important; }

/*Photography Page*/

/*Copywite Page*/

.copywrite-desc-sec             { max-width: 100%; padding: 20px 10px; }
.copywrite-desc-sec p           { margin-bottom: 10px; font-size: 18px; line-height: 22px; }
.copywrite-desc-sec span        { font-size: 14px; line-height: 20px; margin-bottom: 20px; }

/*Copywite Page*/

/*video-and-animations*/

.videos-tag-sec span,
.videos-tag-list                { margin-bottom: 30px; }
.videos-tag-list li             { font-size: 24px; line-height: 24px; margin: 0px 15px 10px 0px; }
.all-work-videos li             { width: 100%; margin: 0px 5px 30px 5px; }
.video-details-section          { padding: 0px 10px; letter-spacing: 2px; }
.video-title                    { font-size: 20px; line-height: 20px; }
.video-details-section h6       { margin-bottom: 10px; }
.all-work-videos p.video-desc    { font-size: 16px; line-height: 22px; }
.all-work-videos li .video-img      { padding-top: 60%; }
.fancybox-content               { width: 100% }
.video-data                     { display: block; padding-top: 35px; }
.fancybox-content iframe        { width: 100% !important; height: 200px !important; }
.fancybox-data                  { width: 100%; padding: 0px 5px; }
.fancybox-data h6               { font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 15px; }
.fancybox-data p.video-duration { margin-bottom: 10px; }
.fancybox-data p                { font-size: 14px; line-height: 22px; }

/*video-and-animations*/

/** JC Core**/

.common-banner                  { min-height: 175px; }
.jc-core-sec                    { padding-bottom: 0px; }
.service-left-desc              { max-width: 100%; padding: 40px 0px; }
.service-right-desc             { max-width: 100%; }
.service-common-section         { display: block; }
.service-left-sec,
.service-right-sec              { width: 100%;padding: 0px 15px; }
.service-left-sec h2            { margin-bottom: 25px; font-size: 36px; line-height: 36px; }
.service-left-sec p             { font-size: 16px; line-height: 24px; }
.service-common-btns            { margin-top: 25px; margin-bottom: 10px; }
.service-common-btns a          { font-size: 14px; line-height: 19px; min-height: 40px; min-width: 140px; margin-right: 10px;  }
.service-common-btns a:last-child { margin-right: 0; }
.service-right-desc             { padding: 0px; }
.service-right-desc h5          { font-size: 24px; line-height: 24px; margin-bottom: 15px; }
.service-right-desc p           { font-size: 15px; line-height: 22px; margin-bottom: 20px; }
.service-explore-link           { font-size: 14px; line-height: 21px; letter-spacing: 4.2px;  }
.service-explore-link:after     { font-size: 14px; line-height: 21px; top: calc(50% - 10px); right: 30px; }
.technologies-slider .slick-slide { padding: 0px; }
.technologies-slider .slick-track div > div { height: 70px; }
.technologies-slider .slick-prev,
.technologies-slider .slick-next { width: 24px; height: 24px; top: calc(50% - 12px); display: none !important; }
.technologies-slider .slick-prev:before { left: -5px; }
.technologies-slider            { margin-top: 25px; }
.what-we-do-desc-sec            { padding-top: 25px; padding-bottom: 60px; }
.what-we-do-list + .wp-block-kadence-rowlayout { order: 3; }
.what-we-do-heading             { order: 1; font-size: 47px; line-height: 47px; margin-top: 50px !important; margin-bottom: 30px !important; }
.what-we-do-list                { margin-bottom: 20px; }
.what-we-do-list li             { width: 100%; margin-bottom: 25px; padding: 0px 20px; }
.what-we-do-title               { font-size: 16px; line-height: 22px;margin: 10px 0px 20px 0px; letter-spacing: 3.4px; }
.service-desc                   { font-size: 16px; line-height: 24px!important; margin-bottom: 0; }
.what-we-do-list                { order: 1; }
.what-we-do-icon                { width: 40px; height: 30px; }
.what-we-do-desc                { max-width: 100%; margin-top: 0px; }
.what-we-do-desc p              { font-size: 16px; line-height: 25px; margin-bottom: 30px; }
.what-we-do-desc a              { font-size: 14px; line-height: 19px; min-height: 40px; min-width: 190px;}
.what-we-do-details             { max-width: 350px; }
.chart-section                  { margin-bottom: 0px; padding: 40px 0px 25px 0px; }
.chart-desc                     { max-width: 100%; margin-top: 30px; }
.chart-desc p strong            { font-size: 18px; line-height: 27px; }
.chart-desc p                   { font-size: 16px; line-height: 24px; }
.chart-header                   { margin-bottom: 10px; }
.chart-img-sec                  { max-width: 100%; padding-top: 10px; padding-bottom: 20px; box-shadow: none; }
.chart-img                      { height: 170px; }


/*new chart-sec*/

.methodical-process-sec         { flex-direction: column; padding-left: 70px; padding-top: 50px; }
.methodical-process-sec > li    { margin-bottom: 25px; padding: 15px 0px; padding-left: 25px; max-width: unset; margin-left: 0; margin-right: 15px; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; text-align: left; }
.methodical-process-sec > li:last-child { margin-bottom: 0; }
.methodical-process-sec > li:after { position: absolute; top: 53px; width: calc(50% + 40px); left: -30px; height: 2px; background-color: #fff;  content: '';z-index: -1; display: none;  }
.methodical-process-sec > li.animated:after { -webkit-animation: mobile-line-animate 2s; }
@-webkit-keyframes mobile-line-animate{
    0%{width:0%}
    100%{width:calc(50% + 40px)}
}
.methodical-process-sec > li p       { margin-bottom: 0; }
.white-line                     { width: 2px; height: calc(100% - 20px); top: 10px;  left: 42px; /*display: none;*/ }
.white-line:before              { top: unset; bottom: -12px; transform: rotate(90deg); }
.white-line:after              { left: -5px; }
@-webkit-keyframes line-animate{
    0%{height:0%}
    100%{height:calc(100% - 20px)}
}
.client-input-number            { position: absolute; z-index: 3; margin: 0px; margin: 0; left: -57px; }
.client-input-title             { margin-top: 10px; margin-bottom: 10px !important; letter-spacing: 2.5px; }
.client-input-number:after      { position: absolute; top: calc(50% - 12px); left: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #fff; content: ''; display: none;  }
.client-input-number.animated:after {  -webkit-animation: tringle-animation 1s; }
@-webkit-keyframes tringle-animation{
    0%{opacity:0}
    100%{opacity:1}
}
.methodical-process-sec > li:before     { position: absolute; top: 48px; left: -30px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; z-index: 0; content: ''; display: none; }
.white-line:before,
.white-line:after               { /*display: none; */}
.client-info-sec                { margin-top: 20px; display: flex; display: -webkit-flex; flex-wrap: wrap; order: 3; }
.client-info-sec span            { margin-right: 10px; }
.client-info-sec p              { margin-top: 0; max-width: calc(100% - 46px); }
.client-input-desc              { margin-top: 15px; }
.client-input-desc li           { font-size: 16px; line-height: 22px; }
.client-input-sec .input-img    { margin: 0px; margin-right: 15px; background-position: center center !important; }

.client-input-sec               { order: 2; margin-top: 20px; margin-bottom: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; }
.client-input-sec span          { margin-top: 0; width: auto; }


/*new chart-sec*/


/** JC Core**/

/** JC Support**/
/*Growth Marketing*/

.jc-support-sec .service-left-sec { padding-top: 0px; }
.jc-support-sec .service-left-sec h2  { margin-bottom: 20px; }
.jc-support-sec .service-left-sec .service-common-btns a { padding: 0px 5px; margin-bottom: 15px; }
.jc-support-sec .service-right-sec  { margin-top: 0; padding: 25px 15px; }
.page-jc-core .service-right-sec  { margin-top: 0; padding: 25px; }
.support-quote-msg h5           { font-size: 22px !important; line-height: 30px !important; }
.support-quote-msg h4           { font-size: 18px; line-height: 22px; }
.growth-desc-sec                { padding: 10px 0px 25px 0px; }
.growth-maketing-sec .common-title { font-size: 36px; line-height: 36px;  margin-bottom: 20px !important; padding-left: 20px;}
.growth-maketing-sec p strong   { font-size: 18px; line-height: 27px;  }
.growth-maketing-sec p          { font-size: 16px; line-height: 24px; margin-bottom: 15px;   }
.growth-maketing-sec .row       { display: block; }
.growth-img                     { padding-top: 60%; margin-bottom: 20px; }
.growth-services-list li        { width: 100%; margin-bottom: 30px; }
.growth-services-desc           { max-width: 80%; }
.growth-services-sec            { padding: 50px 0px 0px 10px; }
.growth-services-desc h2        { font-size: 36px;line-height: 36px; background-size: 25px 25px !important; padding-left: 35px; }
.growth-services-desc p         { font-size: 16px !important; line-height: 22px !important; }

/*Growth Marketing*/

/*Web Hosting & Maintenance*/

.web-hosting-sec                { margin-top: 0; }
.monthly-plan-sec               { display: block; }
.monthly-plan-img               { width: 100%; min-height: 225px; }
.monthly-plan-desc-sec          { width: 100%; }
.monthly-plan-desc              { max-width: 100%; margin-left: 0; padding: 30px 20px; }
.monthly-plan-desc h1           { font-size: 36px; line-height: 36px; margin: 0px 0px 20px 0px; }
.price-list-sec                 { margin-top: 0; padding: 0; }
.monthly-price-sec .wp-block-kadence-rowlayout.alignwide { max-width: 100%; padding: 0px 10px; width: 100%; }
.plan-cost                      { font-size: 18px; line-height: 27px; margin-bottom: 25px; }
.plan-cost span                 { margin-right: 0; }
.price-list-sec li.price-list-item  { width: 100%; padding: 20px; margin: 0px 0px 20px 0px; }
.price-list-item h3             { margin-bottom: 15px !important; font-size: 34px; line-height: 34px; }
.price-list-sec li.price-list-item:nth-child(2n + 2)        { margin-top: 0; margin-right: 0; }
.plan-detail-list li            { font-size: 16px; line-height: 24px; }
.price-list-item a.orange-btn   { margin-top: 25px; margin-bottom: 20px; font-size: 14px; line-height: 19px; min-height: 40px; min-width: 130px; margin-right: 10px; }
.price-list-sec li.price-list-item:nth-child(2n + 2):after { display: none; }
.price-list-sec li.price-list-item:last-child:after { bottom: -60px;position: absolute; right: 10px; content: '* All prices excl. Vat'; width: auto; height: auto; font-size: 17px; line-height: 25px; font-family: "Avenir-Light"; font-style: italic; display: block;  }
.web-support-img                { order:-1; min-height: 175px; margin-top: 70px; }
.web-support-desc-sec, .web-support-img { width: 100%; }
.web-support-desc               { padding: 35px 20px; max-width: 100%;  }
.support-subtitle               { font-size: 13px; line-height: 19px !important; margin-bottom: 5px; padding-left: 20px; }
.web-support-desc .common-title { padding-left: 20px; font-size: 30px; line-height: 30px; }
.web-support-desc .common-title:after { top: -20px; height: calc(100% + 20px); transform: none; }
@-webkit-keyframes line-expand{
    0%{height:0%}
    100%{height: calc(100% + 20px)}
}
.support-title                  { font-size: 18px; line-height:27px !important; }
.support-title span             { margin-right: 15px; }
.support-title span:after       { right: -9px; }
.support-list-sec li p          { margin-bottom: 25px; }
.support-desc                   { font-size: 16px; line-height: 24px !important; }
.web-support-desc a.black-btn   { margin-top: 10px; font-size: 14px; line-height: 19px; min-height: 40px; min-width: 130px; margin-right: 10px; }

/*Web Hosting & Maintenance*/
/** JC Support**/

.vp-portfolio .jcf-select               { width: 100%; }
.vp-portfolio .vp-filter__style-dropdown { width: 90%; text-align: center !important; margin-left: 20px !important; }
.vp-portfolio__filter-wrap          { width: 100%; }
.vp-portfolio__layout-elements      { width: 100% !important; margin-top: 0 !important; margin-left: 0 !important; width: 100%; }
.vp-portfolio .vp-filter__style-dropdown:after  {  right: 10px;  }
.vp-portfolio .jcf-select:after          {    right: 10px;  } 


.vp-filter__item a                  { padding: 10px 15px !important; font-size: 14px !important; line-height: 20px !important; margin: 5px 2px !important; }
.vp-portfolio__layout-elements-align-center .vp-filter__style-default { padding: 20px !important; }
	.vp-portfolio figure.vp-portfolio__item { margin-top : 20px !important;}
	
/****** Services Inner Page ******/

/****** Work Inner Page ******/

.all-feature-work-link         { text-indent: -9999px; }
.work-navigation a              { font-size: 13px; line-height: 19px; }
.work-nav                       { padding: 15px; }
.work-img                       { width: 100%; height: auto; padding-top: 41%; margin-top: 0; max-width: 100%; }
.work-info-section              { margin-bottom: 20px; padding-top: 50px; margin-top: -40px; padding-bottom: 35px; }
.work-header                    { display: block; }
.common-subtitle                { font-size: 11px !important; line-height: 17px !important; letter-spacing: 3.2px; }
.work-info-section .wp-block-kadence-rowlayout.alignwide { margin-top: 0 !important; }
.work-header .common-subtitle   { margin-bottom: 5px; }
.work-title                     { margin: 0px !important; font-size: 32px; line-height: 32px; max-width: 100%; }
.work-header-right              { max-width: 100%; margin-top: 30px; }
.work-expertise-list            { min-width: unset; }
.work-expertise-list li         { padding-right: 0; width: 100%; }
.work-expertise-list li span       { margin-bottom: 2px; font-size: 15px; line-height: 21px; }
.video-img-laptop                      { padding: 0; width: 100%; padding-top: 60%; min-height: unset; }
/*.work-video-sec video           { top: 5px; left: 12%; width: 76% !important; height: 87%; }
*/
.work-video-sec .gif-video       { top: 6%; left: 11%; width: 78%; height: 82%; }
.video-page-title               { margin-top: 35px; }
.work-info-section:after        { height: 120px; bottom: 10px; }
.work-background-solution       { padding: 0px; display: block; }
.work-background,
.work-solution-sec              { width: 100%; margin: 0; }
.work-solution-sec              { margin-top: 30px; margin-bottom: 30px; }
.work-background-sec p.common-subtitle { margin-bottom: 15px; min-height: unset;}
.work-background-sec p          { font-size: 16px; line-height: 24px; margin-bottom: 25px; }
.work-site-link                 { padding-right: 25px; font-size: 13px; line-height: 19px; letter-spacing: 1.95px; }
.project-gallery-slider .slick-list.draggable { padding-left: 0 !important; padding-right: 0 !important; }
.project-gallery-slider .slick-slide { padding: 0; }
.project-gallery-slider .slick-slide a {  padding-top: 95%; }
.project-gallery-section .common-subtitle, .photography-section .common-subtitle, .video-production-section .common-subtitle { margin-bottom: 20px; }
.video-production-section, .photography-section { margin-top: 30px; }
.video-production-sec           { min-height: 150px; }
.photography-slider .slick-slide div { min-height: 200px; }
.photography-slider .slick-prev { left: 20px; }
.photography-slider .slick-next { right: 20px; }
.testinomail-slide h5           { margin: 20px 0px !important; }
.testi-person-info              { max-width: 80%; margin: 0px auto;  }
.work-nav-section .wp-block-kadence-rowlayout.alignwide { width: 100%; max-width: 100%; }
.photography-slider div div 	{ background-size:cover !important; background-position:center !important; }

/*pop up style*/

.pricingmodal h1                    { margin-top: 20px; margin-bottom: 20px; text-align: center; }
.pricingmodal h1 span               { color: #E8644C; }
.pricing-desc                       { margin-bottom: 40px ; }
.pricing-desc p                     { margin-bottom: 20px; font-size: 14px; line-height: 21px;   }
.pricing-desc p strong              { font-size: 16px; line-height: 24px;  }
.pricingmodal .modal-header,
.pricingmodal .modal-body           { max-width: 100%; padding: 0px 20px;  }
.pricingmodal .orange-btn           { font-size: 14px; line-height: 19px; min-height: 40px; min-width: 150px;}
.pricingmodal .modal-dialog         { padding: 20px 0px !important;  }
.pricingmodal .modal-content        { height: 100%; padding: 0px 20px !important; overflow-y: auto; }
.photography-slider  div div        { padding-top: 70%;display: block; margin: 20px 0px; }
.photography-slider  div            { outline: none !important; border: none !important; }
.project-gallery-slider > div > a        { padding-top: 70%; display: block; margin: 20px 0px; background-size:cover; background-position:center center; }

/*pop up style*/

/****** Work Inner Page ******/

/****** Privacy Page ******/

.privacy-banner > .kt-row-layout-inner  { padding: 30px 0px; }
.privacy-banner p                   { margin-bottom: 20px; }
.privacy-details .kt-row-layout-inner   { max-width: 100%; padding-top: 30px; padding-bottom: 30px;  }
.privacy-details h6                 { margin-bottom: 25px; }
.privacy-details p                  { margin-bottom: 20px; }

/****** Privacy Page ******/

/****** insight details Page ******/

.insight-details-banner             { min-height: 200px; }
.insight-detail-header              { padding: 20px 0px ; }
.insight-header-left,               
.insight-details, 
.insight-detail-footer              { padding: 0px; }
.insight-header-left h1             { margin-bottom: 50px; }
.insight-header-right               { max-width: 100%; }
.insight-publish-detail .insight-publish-date       { margin-bottom: 0 !important; }
.insight-details p strong           { font-size: 18px; line-height: 27px; }
.insight-details p                  { margin-bottom: 25px; font-size: 16px; line-height: 24px; }
.insight-details figure             { margin-bottom: 25px !important; }
.insight-details h1, .insight-details h2, .insight-details h3, .insight-details h4, .insight-details h5, .insight-details h6 { margin-bottom: 25px !important; }
.backtoinsight-btn                  { font-size: 14px; line-height: 19px; min-height: 40px; min-width: 150px; }
.insight-right-desc                 { margin-top: 15px; }
.insight-details h4                 { font-size: 25px; line-height: 32px !important; }


/****** insight details Page ******/


/****** Landing Page ******/
/* Header */
header.custom-collaboration-header#site-header{padding-block: 16px;}
.custom-collaboration-header .head-flex{flex-direction: column; gap: 30px;}
.custom-collaboration-header .head-logo{gap: 16px; width: 100%;}
.custom-collaboration-header .wp-logo span{font-size: 14px; margin-bottom: 4px;}
.custom-collaboration-header .visit-site-btn{display: none;}
.custom-collaboration-header .head-logo .jc-logo img{ width: 90px; }
.custom-collaboration-header .head-logo .wp-logo img{ width: 160px; }
/* Banner */
.landing-banner{padding-block: 120px 40px;}
.landing-banner .landing-left-sec h1{font-size: 54px; margin-bottom: 20px;}
.landing-banner .landing-left-sec h3{font-size: 24px; line-height: 28px; margin-bottom: 16px;}
.landing-banner .landing-left-sec h3 span::before{bottom: 3px}
.landing-banner .landing-left-sec p{font-size: 18px;}
.landing-banner .landing-banner-btn{margin-top: 24px; }
/* Form */
.landing-form{padding: 24px 16px 20px;}
.landing-form .text-line{margin-bottom: 16px;}
.landing-form .text-line span{font-size: 14px;}
.landing-form h2{font-size: 38px;}
.landing-form p{font-size: 16px;}
.landing-form .contact-form-sec .form-group.checkbox-grp{margin-block: 8px 10px;}
.landing-form .contact-form-sec .form-group input, .landing-form .contact-form-sec .form-group select, .landing-form .contact-form-sec .form-group .jcf-select{ font-size: 14px; }
.landing-form .wpcf7-submit{font-size: 14px;}
.landing-banner .landing-banner-btn a{ font-size: 14px; min-width: 145px; min-height: 41px; }


/* What to expect? */
.expect-section{padding-block: 60px 60px 40px;}
.expect-section .expect-row{max-width: 100%; padding: 0;}
.expect-section .title-text{margin-bottom: 24px;}
.expect-section .title-text h1{font-size: 54px;}
.expect-section .title-text h1 span::before { bottom: 5px; height: 5px; }
.expect-section .title-text p{margin-top: 20px; font-size: 18px;}
.expect-common-list li:not(:last-child){margin-bottom: 40px;}
.expect-common-list .expect-left-sec,
.expect-common-list .expect-right-sec{width: 100%; padding-inline: 16px;}
.expect-common-list .expect-image{height: 310px;}
.expect-common-list .expect-image::before,
.expect-common-list li:nth-child(even) .expect-image::before{font-size: 90px; left: 10px; right: auto;}
.expect-common-list li:nth-child(even) .expect-desc .expect-text::after{left: 8px;}
.expect-common-list .expect-desc .expect-text,
.expect-common-list li:nth-child(even) .expect-desc .expect-text{ padding: 6px 26px; font-size: 16px; letter-spacing: 1.2px; left: -16px; right: auto; top: 105px; }
.expect-common-list .expect-details{max-width: 100%; margin-top: 16px;}
.expect-common-list .expect-right-sec h2,
.expect-common-list .expect-right-sec h3{margin-bottom: 16px;}
.expect-common-list .expect-right-sec h2{ font-size: 38px; }
.expect-common-list .expect-right-sec h3{font-size: 20px;}
.expect-common-list .expect-right-sec p{margin-bottom: 24px; font-size: 18px;}
.expect-common-list .expect-logo{width: 168px;}
.expect-common-list .expect-image .logo{    width: 168px; bottom: 30px; right: 10px;} 
.expect-btn{gap: 12px;}
.expect-btn a { font-size: 14px; min-width: 145px; min-height: 41px; }

/* Website Slider */
.landing-website-slide-section{padding-top: 40px;}
.landing-website-slide-section .website-title h2{font-size: 43px; padding-left: 16px !important;}
.landing-website-slide-section .website-title img{width: 80px;}
.landing-website-slide-section .website-slider-sec{padding-block: 32px 56px;}
.landing-website-slide-section .website-slider-sec:after{ height: 100px; bottom: 0; }

/* Client Testimonials */
.client-testimonial-section{padding-block: 40px;}
.client-testimonial-section h2{font-size: 54px;}
.client-testimonial-section .testinomail-slider .testinomail-slide{max-width: 100%; padding-top: 24px;}
.client-testimonial-section .testinomail-slider .testinomail-icon{height:32px; width: 32px;} 
/* btn */
.landing-website-slide-section .slick-list{    overflow: visible;}
.visit-web-btn { margin-right: 15px; padding: 8px 16px; top: auto; bottom: -12px; transform: translate(50%, 24px); right: calc(50% - 100px); display: block;}
.visit-web-btn h5{font-size: 16px; white-space: nowrap;}
.visit-web-btn h5 span{font-size: 14px; display: none;}
.visit-web-btn .btn{font-size: 10px; line-height: 16px; padding-right: 12px; letter-spacing: 2px;}
.visit-web-btn .btn::before{width: 6px; height: 6px;}
/* .website-img-slider .slick-slide .visit-web-btn{transform: translate(50%, 24px) scaleX(-1); }
.website-img-slider .slick-slide.slick-current .visit-web-btn,
.website-img-slider .slick-slide.slick-active .visit-web-btn{transform: translate(50%, 24px) scaleX(1); } */

/* Text with Bg */
.content-area-section{padding-block: 40px;}
.content-area-section .abou-third-sec h4{ font-size: 29px !important; line-height: 36px !important; }
.content-area-section .abou-third-sec a { margin-top: 24px; padding-inline: 16px; font-size: 14px; min-width: 145px; min-height: 41px; }
.content-area-section .bg-line::before { height: 3px; bottom: 7px; }

/* Next Step */
.next-step-section.jc-core-sec { padding-block: 40px 50px; }
.next-step-section .title-text h1{font-size: 54px;}
.next-step-section .title-text h1 span::before { bottom: 5px; height: 5px; }
.next-step-section .step-row{margin-top: 24px;}
.next-step-section .step-row .card { width:100%; }
.next-step-section .step-row .card img{height: 40px;}
.next-step-section .step-row .card h4{font-size: 28px; margin-bottom: 16px;}
.next-step-sectio a { font-size: 14px; min-width: 145px; min-height: 41px; }
.next-step-section .step-row .card p { font-size: 18px; line-height: 26px; }

/* Booking Page */
.booking-banner { padding-block: 40px 80px; min-height: auto;}
.booking-banner .banner-flex{flex-direction: column; gap: 16px; align-items: flex-start; }
.booking-banner .banner-flex h1{font-size: 36px;}
.booking-banner .banner-flex h1 span,
.booking-banner .banner-flex p{font-size: 16px;}
.booking-banner .banner-flex p{max-width: 100%;}
.booking-detail-section .booking-sec{margin-block: -60px 40px; padding: 16px;}
}

@media (min-width: 375px) and (max-width: 575px){


    h1                                   { font-size: 43px; line-height: 48px; }
    h2                                   { font-size: 38px; line-height: 41px; }
    h4                                   { font-size: 24px; line-height: 30px !important; } 
    h5                                   { font-size: 25px; line-height: 30px; }
    h6                                   { font-size: 24px; line-height: 30px; }

    /*Menu*/

    .sub-menu                               { min-width: 350px; }
    .mobile-menu                            { padding-bottom: 0; }
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 32px !important; line-height: 42px !important; }
    /*button.sub-menu-toggle              { top: 18px !important; }*/
    button.sub-menu-toggle svg          { width: 16px; }
    .sub-menu li a                      { font-size: 34px !important; line-height: 37px !important; }
    .sub-menu li .sub-menu li a          { font-size: 22px !important; line-height: 28px !important; }
    .modal-menu > li, .modal-menu > li  {   padding: 3px 20px !important; }
    /*Menu*/

    /*Home Page*/
    
    .type-wrap h1                     { font-size: 58px !important; line-height: 58px !important; }
    .home-banner-sec h1               { font-size: 36px; line-height: 36px;  }
    .home-banner-sec p                { font-size: 22px; line-height: 29px; }
    .home-banner-sec .wp-block-button a     { min-width: 145px; }
    .website-details-sec .wp-block-group p strong { font-size: 20px; line-height: 27px; }
    .website-details-sec .wp-block-group p { font-size: 18px; line-height: 24px; }
    .middle-find-more-sec p            { font-size: 21px; line-height: 30px; }
    .design-details-sec p:first-of-type     { padding-right: 33%; } 
    .design-details-sec .common-title  { font-size: 38px; line-height: 42px; }
    .design-details-sec p               { margin-bottom: 5px; font-size: 18px; line-height: 24px; }
    .design-details-sec p strong        { font-size: 20px; line-height: 27px; }
    .wp-block-buttons a                 { min-width: 155px; }
    .about-content-sec p,
    .about-content-sec p strong         { font-size: 18px; line-height: 26px; }
    .footer-video-section h1            { font-size: 37px; line-height: 37px; margin: 0px 7px !important; margin-bottom: 25px !important; }

    /*Home Page*/

    /*Footer*/

    .footer-widgets-wrapper img         { max-width: 40px !important; }
    .footer-widgets-wrapper p           { font-size: 20px; }
    .footer-widgets-wrapper p.footer-title { font-size: 16px; }
    .footer-widgets-wrapper .widget_nav_menu li, .footer-widgets-wrapper .widget_nav_menu li a { font-size: 15px; line-height: 23px; }
    .footer-contact-details a           { font-size: 17px; line-height: 26px; }
    .testi-person-info .company-name    { font-size: 12px; line-height: 17px; letter-spacing: 1.5px; }
    .footer-video-section p strong      { font-size: 21px; line-height: 27px; }
    .footer-video-section p             { font-size: 20px; line-height: 26px; }
    .menu-footer-menu-container         { padding-right: 55px; }


    /*Footer*/

    /*Work Page*/

    .work-desc p                        { font-size: 18px; line-height: 29px; }
    .explore-link                       { font-size: 13px; line-height: 19px; }
    .feature-top-sec .services-list li a    { font-size: 11px; line-height: 16px; }
    .project-name                       { font-size: 23px; line-height: 25px !important; }

    /*Work Page*/

    /*Work Inner*/

    .common-subtitle                    { font-size: 13px !important; line-height: 19px !important; }
    .work-title                         { font-size: 36px !important; line-height: 36px !important; }
    .work-expertise-list li span        { font-size: 17px; line-height: 23px; }
    .common-subtitle                    { font-size: 15px; line-height: 21px !important; }
    .video-page-title                   { font-size: 13px; }
    .common-subtitle                    { font-size: 16px !important; line-height: 23px !important; }
    .work-background-sec p              { font-size: 18px; line-height: 26px; }
    .work-site-link                     { font-size: 15px; line-height: 20px; }
    .work-navigation a                  { font-size: 15px; line-height: 20px; }
    .testi-person-info .person-name, .testi-person-info .person-designation { font-size: 16px; line-height: 20px; }

    /*Work Inner*/


    /*Service Page*/

    .services-item a.service-name       { font-size: 33px !important; line-height: 36px !important; }
    .service-short-desc                 { font-size: 18px; line-height: 24px !important }

    /*Service Page*/

    /*About Page*/

    .about-common-title                 { font-size: 34px; line-height: 35px; }
    .abou-common-desc-sec p             { font-size: 18px; line-height: 26px; }
    .abou-common-desc-sec p strong      { font-size: 20px; line-height: 28px; }
    .abou-third-sec h4                  { font-size: 29px; line-height: 36px !important; }
    .about-common-title                 { font-size: 38px; line-height: 40px; }
    .footer-btn                         { min-width: 160px; }
    .page-title                         { padding: 8px 15px; font-size: 35px !important; line-height: 35px !important; }

    /*About Page*/

    /*Insight Page*/

    .insight-banner h1                  { font-size: 37px; line-height: 37px; }
    .inght-title                        { font-size: 30px; line-height: 32px; }
    .inghts-date                        { font-size: 15px;  }
    .inght-short-desc                   { font-size: 16px; line-height: 26px !important; }
    .inghts-details-link                { font-size: 15px; }
    .insight-header-left h1             { margin-bottom: 40px; font-size: 35px; line-height: 35px; }
    .insight-details p                  { margin-bottom: 20px; font-size: 18px; line-height: 26px; }
    .insight-details p strong           { font-size: 20px; line-height: 26px; }
    .insight-publish-detail span        { font-size: 16px; line-height: 22px; }
    .insight-publish-detail .insight-publish-date   { font-size: 16px; line-height: 22px; }

    /*Insight Page*/

    /*Contact Page*/

    .contact-right-sec p                { font-size: 18px; line-height: 26px; }
    .contact-mobile-info p strong       { font-size: 17px; line-height: 24px; }
    .contact-mobile-info p              { font-size: 15px; line-height: 23px; }

    /*Contact Page*/

    /*JC Core*/

    .common-banner                      { min-height: 220px; }
    .service-left-sec h2                { font-size: 40px; line-height: 40px; }
    .service-left-sec p                 { font-size: 18px; line-height: 26px; }
    .service-common-btns a              { min-width: 155px; }
    .jc-orange-logo                     { width: 50px; line-height: 50px; }
    .service-right-desc h5              { font-size: 26px; line-height: 26px; }
    .service-right-desc p               { font-size: 17px; line-height: 24px; }
    .service-explore-link               { font-size: 16px; line-height: 23px; }
    .what-we-do-heading                 { font-size: 50px; line-height: 50px; }
    .what-we-do-title                   { font-size: 18px; line-height: 24px; }
    .service-desc                       { font-size: 18px; line-height: 26px !important; }
    .what-we-do-list li                 { margin-bottom: 35px; }
    .what-we-do-desc p                  { font-size: 20px; line-height: 30px; }
    .chart-desc p                       { font-size: 18px; line-height: 26px; }
    .client-input-desc li               { font-size: 17px; line-height: 25px; }
    .client-info-sec p                  { font-size: 16px; line-height: 20px; }
    .client-input-sec span              { font-size: 14px; line-height: 22px; }
    .what-we-do-icon                    { width: 45px; height: 35px; }

    /*JC Core*/

    /*JC Support*/

    .service-desc-sec h2                { margin: 20px 0px; font-size: 30px; line-height: 34px; }
    .service-desc-sec p                 { font-size: 18px; line-height: 26px; }
    .service-review h2                  { font-size: 34px; line-height: 34px; }
    .service-review p                   { font-size: 18px; line-height: 26px; }
    .graphic-img-slider .slick-slide    { margin: 0px 10px; } 
    .service-review p                   { font-size: 18px; line-height: 26px; }
    .copywrite-desc-sec p               { font-size: 20px; line-height: 25px; }
    .videos-tag-sec span                { font-size: 16px; line-height: 22px; }
    .videos-tag-list li                 { font-size: 26px; line-height: 26px; }
    .video-title                        { font-size: 23px; line-height: 23px; }
    .video-details-section h6           { font-size: 16px; line-height: 24px; }

    /*JC Support*/

    /*JC Specialist*/

    .jc-support-sec .service-right-sec  { padding: 35px 15px; }
    .growth-maketing-sec .common-title      { font-size: 40px; line-height: 40px; }
    .growth-maketing-sec p              { font-size: 18px; line-height: 24px; }
    .growth-services-desc h2            { font-size: 40px; line-height: 40px; }
    .growth-services-desc p             { font-size: 17px !important; line-height: 25px !important; }
    .support-quote-msg h5               { font-size: 24px !important; line-height: 32px !important; }
    .monthly-plan-desc h1               { font-size: 40px; line-height: 40px; }
    .plan-detail-list li                { font-size: 18px; line-height: 26px; }
    .price-list-item a.orange-btn       { min-width: 145px; }
    .price-list-sec li.price-list-item  { margin-bottom: 35px; }
    .web-support-img                    { min-height: 220px; }
    .support-desc                       { font-size: 18px; line-height: 26px !important; }
    .web-support-desc .common-title     { font-size: 34px; line-height: 34px; }
    .web-support-desc a.black-btn       { min-width: 145px; }

    /*JC Specialist*/

}

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


    h1                                   { font-size: 46px; line-height: 52px; }
    h2                                   { font-size: 40px; line-height: 44px; }
    h4                                   { font-size: 24px; line-height: 30px !important; } 
    h5                                   { font-size: 27px; line-height: 33px; }
    h6                                   { font-size: 24px; line-height: 30px; }


    /*Menu */

    .sub-menu                               { min-width: 500px; }
    .mobile-menu                            { padding-bottom: 0; }
    .menu-modal .menu-modal-inner           { padding-bottom: 20px !important; }

    /*Menu */

    /*Home Page*/
    
    .type-wrap h1                     { font-size: 61px !important; line-height: 61px !important; }
    .home-banner-sec h1               { font-size: 38px; line-height: 38px;  }
    .home-banner-sec p                { font-size: 22px; line-height: 29px; }
    .home-banner-sec .wp-block-button a     { min-width: 155px; }
    .website-details-sec .wp-block-group p strong { font-size: 22px; line-height: 29px; }
    .website-details-sec .wp-block-group p { font-size: 20px; line-height: 26px; } 
    .middle-find-more-sec p            { font-size: 20px; line-height: 29px; }
    .design-details-sec .common-title  { font-size: 40px; line-height: 46px; }
    .design-details-sec p               { margin-bottom: 5px; font-size: 20px; line-height: 26px; }
    .design-details-sec p strong        { font-size: 22px; line-height: 29px; }
    .design-details-grp .wp-block-image.design-mobile-img   { margin-top: -140px !important; }
    .wp-block-buttons a                 { min-width: 155px; }
    .about-content-sec p,
    .about-content-sec p strong         { font-size: 20px; line-height: 28px; }
    .footer-video-section h1            { font-size: 37px; line-height: 37px; margin: 0px 7px !important; margin-bottom: 25px !important; }
    .website-details-sec .wp-block-group { margin-left: 0; }


    /*Home Page*/

    /*Footer*/

    .footer-widgets-wrapper img         { max-width: 40px !important; }
    .footer-widgets-wrapper p           { font-size: 20px; }
    .footer-widgets-wrapper p.footer-title { font-size: 18px; }
    .footer-widgets-wrapper .widget_nav_menu li, .footer-widgets-wrapper .widget_nav_menu li a { font-size: 19px; line-height: 26px; }
    .footer-contact-details a           { font-size: 20px; line-height: 27px; }
    .testi-person-info .company-name    { font-size: 20px; line-height: 21px; }
    .footer-video-section p             { font-size: 20px; line-height: 27px; }
    .footer-copyright, #menu-footer-right-menu li a { font-size: 12px; line-height: 15px; }

    /*Footer*/

    /*Work Page*/

    .work-desc p                        { font-size: 18px; line-height: 29px; }
    .explore-link                       { font-size: 15px; line-height: 20px; }
    .feature-top-sec .services-list li a    { font-size: 13px; line-height: 19px; }
    .project-name                       { font-size: 24px; line-height: 30px !important; }

    /*Work Page*/

    /*Work Inner*/

    .common-subtitle                    { font-size: 13px !important; line-height: 19px !important; }
    .work-title                         { font-size: 40px !important; line-height: 40px !important; }
    .work-expertise-list li span        { font-size: 18px; line-height: 25px; }
    .common-subtitle                    { font-size: 15px; line-height: 21px !important; }
    .video-page-title                   { font-size: 13px; }
    .common-subtitle                    { font-size: 17px !important; line-height: 25px !important; }
    .work-background-sec p              { font-size: 18px; line-height: 26px; }
    .work-site-link                     { font-size: 16px; line-height: 20px; }
    .work-navigation a                  { font-size: 16px; line-height: 20px; }
    .testi-person-info .person-name, .testi-person-info .person-designation { font-size: 17px; line-height: 22px; }

    /*Work Inner*/


    /*Service Page*/

    .services-item a.service-name       { font-size: 37px !important; line-height: 40px !important; }
    .service-short-desc                 { font-size: 18px; line-height: 24px !important }

    /*Service Page*/

    /*About Page*/

    .about-common-title                 { font-size: 34px; line-height: 35px; }
    .abou-common-desc-sec p             { font-size: 20px; line-height: 28px; }
    .abou-common-desc-sec p strong      { font-size: 20px; line-height: 28px; }
    .abou-third-sec h4                  { font-size: 30px; line-height: 37px !important; }
    .about-common-title                 { font-size: 42px; line-height: 45px; }
    .footer-btn                         { min-width: 160px; }
    .page-title                         { padding: 8px 15px; font-size: 41px !important; line-height: 41px !important; }
    .abou-common-desc-sec p.about-sub-title     { font-size: 16px; line-height: 22px; }

    /*About Page*/

    /*Insight Page*/

    .insight-banner h1                  { font-size: 37px; line-height: 37px; }
    .inght-title                        { font-size: 30px; line-height: 32px; }
    .inghts-date                        { font-size: 15px;  }
    .inght-short-desc                   { font-size: 16px; line-height: 26px !important; }
    .inghts-details-link                { font-size: 15px; }
    .insight-header-left h1             { margin-bottom: 40px; font-size: 35px; line-height: 35px; }
    .insight-details p                  { margin-bottom: 20px; font-size: 18px; line-height: 26px; }
    .insight-details p strong           { font-size: 20px; line-height: 26px; }
    .insight-publish-detail span        { font-size: 16px; line-height: 22px; }
    .insight-publish-detail .insight-publish-date   { font-size: 16px; line-height: 22px; }
    .insght-key-words span              { font-size: 14px; line-height: 18px; }
    .inght-short-desc                   { font-size: 18px; line-height: 28px !important; }

    /*Insight Page*/

    /*Contact Page*/

    .contact-right-sec p                { font-size: 20px; line-height: 28px; }
    .contact-mobile-info p strong       { font-size: 14px; line-height: 24px; }
    .contact-mobile-info p              { font-size: 19px; line-height: 27px; }

    /*Contact Page*/

    /*JC Core*/

    .common-banner                      { min-height: 220px; }
    .service-left-sec h2                { font-size: 40px; line-height: 40px; }
    .service-left-sec p                 { font-size: 20px; line-height: 27px; }
    .service-common-btns a              { min-width: 155px; }
    .jc-orange-logo                     { width: 50px; line-height: 50px; }
    .service-right-desc h5              { font-size: 28px; line-height: 28px; }
    .service-right-desc p               { font-size: 18px; line-height: 25px; }
    .service-explore-link               { font-size: 18px; line-height: 25px; }
    .what-we-do-heading                 { font-size: 55px; line-height: 55px; }
    .what-we-do-title                   { font-size: 18px; line-height: 24px; }
    .service-desc                       { font-size: 18px; line-height: 26px !important; }
    .what-we-do-list li                 { margin-bottom: 35px; }
    .what-we-do-desc p                  { font-size: 18px; line-height: 27px; }
    .chart-desc p                       { font-size: 18px; line-height: 26px; }
    .client-input-desc li               { font-size: 17px; line-height: 25px; }
    .client-info-sec p                  { font-size: 16px; line-height: 20px; }
    .client-input-sec span              { font-size: 14px; line-height: 22px; }
    .what-we-do-icon                    { width: 45px; height: 35px; }

    /*JC Core*/

    /*JC Support*/

    .service-desc-sec h2                { margin: 20px 0px; font-size: 30px; line-height: 34px; }
    .service-desc-sec p                 { font-size: 18px; line-height: 26px; }
    .service-review h2                  { font-size: 34px; line-height: 34px; }
    .service-review p                   { font-size: 18px; line-height: 26px; }
    .graphic-img-slider .slick-slide    { margin: 0px 10px; } 
    .service-review p                   { font-size: 18px; line-height: 26px; }
    .copywrite-desc-sec p               { font-size: 20px; line-height: 25px; }
    .videos-tag-sec span                { font-size: 16px; line-height: 22px; }
    .videos-tag-list li                 { font-size: 26px; line-height: 26px; }
    .video-title                        { font-size: 23px; line-height: 23px; }
    .video-details-section h6           { font-size: 16px; line-height: 24px; }

    /*JC Support*/

    /*JC Specialist*/

    .jc-support-sec .service-right-sec  { padding: 35px 15px; }
    .growth-maketing-sec .common-title      { font-size: 40px; line-height: 40px; }
    .growth-maketing-sec p              { font-size: 18px; line-height: 24px; }
    .growth-services-desc h2            { font-size: 40px; line-height: 40px; }
    .growth-services-desc p             { font-size: 17px !important; line-height: 25px !important; }
    .support-quote-msg h5               { font-size: 24px !important; line-height: 32px !important; }
    .monthly-plan-desc h1               { font-size: 40px; line-height: 40px; }
    .plan-detail-list li                { font-size: 18px; line-height: 26px; }
    .price-list-item a.orange-btn       { min-width: 145px; }
    .price-list-sec li.price-list-item  { margin-bottom: 35px; }
    .web-support-img                    { min-height: 220px; }
    .support-desc                       { font-size: 18px; line-height: 26px !important; }
    .web-support-desc .common-title     { font-size: 34px; line-height: 34px; }
    .web-support-desc a.black-btn       { min-width: 145px; }

    /*JC Specialist*/

}

@media(min-width: 450px) and (max-width: 767px){
    .contact-left-info figure       { bottom: -85px; }
}
@media(min-width: 350px) and (max-width: 767px){
    .work-expertise-list li         { width: 50%; padding-right: 10px; }
    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size:20px; line-height: 22px;  }
    .sub-menu li a                  { font-size: 26px; line-height: 28px; }
    .sub-menu li .sub-menu li a     { font-size: 18px; line-height: 24px; }
    .menu-modal .menu-modal-inner   { padding-bottom: 70px; }
	.vp-portfolio__layout-elements-align-center .vp-filter__style-default { padding:20px 40px !important;}
}

@media (max-height: 650px)
{
    .home-banner-sec > .kt-row-has-bg > .kt-row-column-wrap { min-height: 100vh; }
}

/************ Responsive css ************/