/* 1a. Containers */




/* 1b. Colors */






 

/* 1c. Typography */















/* 1d. Buttons */










/* 1e. Forms */











/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








.content-wrapper,.container {
    float:none !important;margin:0 auto !important;padding-left:15px;padding-right:15px;width:100%;
}

.dnd-section,
.content-wrapper--vertical-spacing {
    padding: 80px 15px;
}



@media (min-width:768px){
    .dnd-section > .row-fluid,.content-wrapper,.container{max-width:750px;}
}
@media (min-width:992px){
    .dnd-section > .row-fluid,.content-wrapper,.container{max-width:970px;}
}
@media (min-width:1200px){
    .dnd-section > .row-fluid,.content-wrapper,.container{max-width:1170px;}
}

@media (min-width:1366px){
    .dnd-section > .row-fluid,.content-wrapper,.container{max-width: 1730px;}
}








body {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400; text-decoration: none; font-family: Poppins, serif; font-style: normal;
    color: #141D3A;

}

/* Paragraphs */

p {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 400; text-decoration: none; font-family: Poppins, serif; font-style: normal;
    color : #292524
}

/* Anchors */

a {
    color: #F05325;
}

a:hover,
a:focus {
    color: #666666;
}

a:active {
    color: #666666;
}

/* Headings */

h1 {
    font-weight: 800; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #141D3A;
    font-size: 64px;
    line-height: 1.1;
}
.title.h1 h2{font-size: 64px;line-height: 1.3;}
.title.h1 p{font-size: calc(20px + 6px);line-height: 1.1;}
h2 {
    font-weight: 800; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #141D3A;
    font-size: 60px;
    line-height: 1.3;
    text-transform:uppercase;
    letter-spacing : 0.4px;
}

h3 {
    font-weight: 800; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #141D3A;
    font-size: 30px;
    line-height: 1.3;
}

h4 {
    font-weight: normal; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #292524;
    font-size: 24px;
    line-height: 1.3;
}

h5 {
    font-weight: 700; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #000000;
    font-size: 18px;
    line-height: 1.3;
}

h6 {
    font-weight: 500; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #141D3A;
    font-size: 16px;
    line-height: 1.3;
}

/* Blockquote */

blockquote {
    border-left-color: #141D3A;
}





button,.hs-button,.cta_button,
.button {
    background-color: 

  
  
    
  


  rgba(240, 83, 37, 1.0)

;
    border: 1px solid #F05325;
    border-radius: 500px;
    color: #ffffff;
    padding: 13px 30px;display:inline-block;
    font-size:22px;
    font-weight: 600;
    letter-spacing: -0.44px;
    border-radius: 500px;
    line-height : 1.090;

}
.hs-button:hover,.cta_button:hover,.hs-button:focus,.cta_button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: transparent;
    border-color: #F05325;
    color: #F05325;
}

button:active,
.button:active {
    background-color:  transparent;
    border-color: #F05325;
    color: #F05325;
}

.buttonv1,.hs-buttonv1,.cta_buttonv1,
.buttonv1, .backup-unsubscribe form  input[type="submit"] {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 500px !important;
    color: 

  
  
    
  


  rgba(240, 83, 37, 1.0)

;
    padding: 13px 30px;display:inline-block;
    font-size:20px;
    font-weight: 700;
    border-radius: 10px;
    line-height : 1.1;
    text-transform: uppercase;
}
.hs-buttonv1:hover,.cta_buttonv1:hover,.hs-buttonv1:focus,.cta_buttonv1:focus,
.buttonv1:hover,
.buttonv1:focus,
.buttonv1:hover,
.buttonv1:focus, .backup-unsubscribe form input[type="submit"]:hover,  .backup-unsubscribe form input[type="submit"]:focus {
    background-color: 

  
  
    
  


  rgba(240, 83, 37, 1.0)

;
    border-color: #ffffff;
    color: #ffffff;
}

.buttonv1:active,
.buttonv1:active,.backup-unsubscribe form  input[type="submit"]:active {
    background-color: 

  
  
    
  


  rgba(240, 83, 37, 1.0)

;
    border-color: #ffffff;
    color: #ffffff;
}






form,
.submitted-message {
    font-weight: 400; text-decoration: none; font-family: Poppins, serif; font-style: normal;
}

/* Form title */

.form-title {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: #141D3A;
}

/* Form label */

form label {
    color: #141D3A;
}

/* Form help text */

form legend {
    color: #141D3A;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
    border-color: #000000;
    color: #141D3A;
    background-color:

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
    border-color: #292524;
}

/* Form placeholder text */

::-webkit-input-placeholder {
    color: #292524;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
    color: #292524;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
    background: #292524;
}

.fn-date-picker td .pika-button:hover {
    background-color: #292524 !important;
}

.fn-date-picker td.is-today .pika-button {
    color: #292524;
}

/* Submit button */

form input[type=submit],
form .hs-button {
    background-color: 

  
  
    
  


  rgba(240, 83, 37, 1.0)

;
    border: 1px solid #F05325;
    border-radius: 500px;
    color: #ffffff;
    padding: 13px 30px;
    line-height:1.09;
    font-weight:600;
    font-size:22px ; 
    text-transform:unset;
    width:100%;
    letter-spacing: -0.44px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-color: #F05325;
    color: #F05325;
}
form .actions { text-align: center; }
form input[type=submit]:active,
form .hs-button:active {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-color: #F05325;
    color: #F05325;

}
.inner-form form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px rgba(246,246,248,1) inset !important;
    -moz-box-shadow: 0 0 0 100px rgba(246,246,248,1) inset !important;
    box-shadow: 0 0 0 100px rgba(246,246,248,1) inset !important;
    -webkit-text-fill-color: #000 !important;
    -moz-text-fill-color: #000 !important;
    text-fill-color: #000 !important;
}
form .hs-dependent-field label input {
    margin-right: 15px !important;
}




table {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-color: #141D3A;
}

th,
td {
    border-color: #141D3A;
    color: #141D3A;
}

thead th,
thead td {
    background-color: 

  
  
    
  


  rgba(41, 37, 36, 1)

;
    border-bottom-color: #141D3A;
    color: #FFFFFF;
}

tfoot td {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    color: #141D3A;
}





.header,.header-no-navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
color: ;
font-family: Poppins, serif;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
color: ;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
color: ;
} */

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
    background-color: #292524;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-color: ;
}

body .submenu.level-2 > li:first-child:before {
    border-color: ;
}

.header__language-switcher .lang_list_class:before {
    border-bottom-color: ;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
    border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
    font-family: Poppins, serif;
}

.header__language-switcher-label-current:after {
    border-top-color: ;
}

@media(max-width: 767px) {
    .header__navigation {
        background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    }

    .header__navigation-toggle svg,
    .menu-arrow svg {
        fill: ;
    }
}





.footer {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    text-align: center;
}

/* Footer Content */
/* 
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
color: ;
} */





.blog-post,
.blog-header__inner,
.blog-related-posts {
    padding: 80px 0;
}

/* Blog listing */

.blog-index__post-title-link {
    color: #141D3A;
}

.blog-index__post-tag,
.blog-index__post-author-name {
    color: #141D3A;
}

/* Blog pagination */

.blog-pagination__link {
    color: #141D3A;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
    background-color: #292524;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
    fill: #141D3A;
}

/* Blog post */

.blog-post__meta a {
    color: #141D3A;
}

.blog-post__tag-link {
    color: #141D3A;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
    color: #000012;
}

.blog-post__tag-link:active {
    color: #3c4562;
}

/* Blog related posts */

.blog-related-posts__title a {
    color: #141D3A;
}

/* Blog comments */

.blog-comments {
    margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
    color: #F05325;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
    color: #c82b00;
}

#comments-listing .comment-reply-to:active {
    color: #ff7b4d;
}











.card__price {
    font-weight: 800; text-decoration: none; font-family: Antonio, sans-serif; font-style: normal;
    color: #141D3A;
    font-size: 30px;
}





.extrabold{font-weight:800;}
.free-demo-form .title h1,.free-demo-form .title h2,.free-demo-form .title h3,.free-demo-form .title h4,.free-demo-form .title h5,.free-demo-form .title h6{text-transform: uppercase;font-weight:800;}


/* Common Css */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*:before, *:after {box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0;box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }
:focus { outline: 0; }

/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

::selection { background: #227f7f; color: #FFFFFF; }
::-moz-selection {background: #227f7f;color: #FFFFFF;}

body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
p,li { margin-bottom: 15px;}
h1,h2,h3,h4,h5,h6{margin-bottom: 20px;}
.row-fluid [class*="span"] {min-height: auto;}
ul{padding:revert;margin:revert;}

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}


/*********************************************** remove auto fill yellow color ************************************/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px rgba(246,246,248,1) inset;-moz-box-shadow: 0 0 0 100px rgba(246,246,248,1) inset;-webkit-text-fill-color: #FFFFFF;box-shadow: 0 0 0 100px #FFFFFFinset;	color:#333 ;}

/*********************************************** Form CSS **********************************************/
form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#ff0000;}
form .hs_error_rollup {display: none;}
form ul.hs-error-msgs{margin:0 0 -14px;}
input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }
.hs-form textarea,.hs-form input[type="text"],.hs-form input[type="password"],.hs-form input[type="datetime"],.hs-form input[type="datetime-local"],.hs-form input[type="date"],.hs-form input[type="month"],.hs-form input[type="time"],.hs-form input[type="week"],.hs-form input[type="number"],.hs-form input[type="email"],.hs-form input[type="url"],.hs-form input[type="search"],.hs-form input[type="tel"],.hs-form input[type="color"],.hs-form select{padding:20px 15px;width:100% !important;font-size: 16px;border-radius: 4px;background-color:#FFFFFF;}
.hs-form input:focus{outline:0;}
.hs-form select{-webkit-appearance:none;}

.hs-form-field > label.red{color:#DA0000;}
.hs-form-field > label.sel{color:#21BAD1;font-size:12px;line-height:14px;top:-11px;}
.hs-form-field > label.upM{color:#21bad1;font-size:12px;line-height:14px;top:-11px;}
.hs-recaptcha{margin-bottom:30px;}
.hs-form-field{position:relative;margin-bottom:15px;}
.hs-form input[type="checkbox"]{margin-right:25px;}
.hs-form textarea{height:130px!important;resize:none!important;resize:none;width:100%!important;}
input[type="submit"]{-webkit-appearance:none; margin-top:30px;display:inline-block;text-decoration:none;}
input[type="submit"]:hover{text-decoration:none;}
.hs-form-field .input{display:table;width:100%;margin:0!important;}
.hs-error-msgs{position:relative;}
.hs-error-msgs li label{font-size:12px;line-height:14px;color:#DA0000;}
.hs-error-msgs li{list-style-type:none;}
.hs-form-checkbox{width:100%;float:left;list-style-type:none;}
.hs-form-radio{width:33.3%;float:left;list-style-type:none;}
.hs-form-checkbox input,.hs-form-radio input{margin-right:27px;}
form .hs-richtext{text-align:center;}
form{max-width:100%;width:100%;float:none!important;}
form legend{color:#8B8B8B;font-size:18px;margin-bottom:0;}
.submitted-message{text-align:center;font-size:20px;overflow:hidden!important;line-height:normal;}
form select { background-image: url('https://27090519.fs1.hubspotusercontent-eu1.net/hubfs/27090519/Shellcase%20Images/Rectangle%2031%20%281%29.svg'); background-repeat: no-repeat; background-position: 97% 50%; }
/* Form Two Col Section */

.form-columns-2 , .form-columns-1{max-width:100% !important;}
.form-columns-2 > div { width: 48% !important; }
.form-columns-2 > div:first-child{float:left !important;}
.form-columns-2 > div:last-child{float:right !important;}

/* Radio Button Style */

.hs-form-radio label.hs-form-radio-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-radio-display .hs-input { display: none; }
.hs-form-radio label.hs-form-radio-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-radio label.hs-form-radio-display input+span:before { width: 25px; height: 25px; content: ''; background-color: #cbcbcb; display: inline-block; border-radius: 100%; margin-right: 13px;transition:0.5s ease all; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background-color:#111d33;}
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 8px; width: 9px; height: 9px; background-color: #FFFFFF; top: 11px; border-radius: 100%;transition:0.5s ease all; }

/* Checkbox Style */

.hs-form-checkbox:not(:last-child){margin-bottom:29px;}
.hs-form-checkbox label.hs-form-checkbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-booleancheckbox>label{font-size: 16px;}
.hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 25px; height: 25px; content: ''; background-color: #cbcbcb; display: inline-block;margin-right: 13px;transition:0.5s ease all; }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#111d33;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: ''; position: absolute; left: 8px; width: 9px; height: 9px; background-color: #FFFFFF; top: 11px; border-radius: 100%;transition:0.5s ease all; }

/* Slick Dots Css */
ul.slick-dots li button{padding:0;font-size:0;background-color:transparent;border:2px solid #F05325;border-radius:100%;width:18px;height:18px;}
ul.slick-dots{padding:0;margin:20px 0 0;list-style:none;text-align:center;vertical-align:middle;line-height:0;}
ul.slick-dots li{display:inline-block;margin:0 9px;line-height:0;}
ul.slick-dots li.slick-active button,ul.slick-dots li button:hover{background-color:#F05325;}

.title{text-align:center;margin-bottom:50px;}
.dis-flex{display:flex;flex-wrap:wrap;}
.hero-banner-sec .hero-banner-content { max-width: 700px; width: 100%; }

/* Header-No-Navigation */
.header-no-navigation{padding:30px 0;}
.header-no-navigation.left .header-logo{text-align:left;}
.header-no-navigation.right .header-logo{text-align:right; margin : 0 0 0 auto}
.header-no-navigation.center .header-logo{text-align:center; margin : 0 auto}
/* 16/09/2022 css */
.centerClass .hero-content.wow.fadeInUp.animated { text-align: center; margin: 0 auto; }
.centerClass .hero-image.wow.fadeIn.animated { display: none; }
.thak .hero-content {
    /* padding-right: 8%; */ width: 100%;max-width: 646px;}
.thak .centerClass .hero-content.wow.fadeInUp.animated { margin: 0 auto; text-align: center; }
.header-no-navigation .header-logo {max-width: 191px;width: 100%;}
.header-no-navigation .header-logo a { width: 100%;}
.header-no-navigation .header-logo a img { width: 100%; height: 100%; object-fit: contain;}
/* button#slick-slide-control00, button#slick-slide-control01 {
* 
* 
border: 2px solid orange !important;
} */
/* Hero */
.hero-banner-sec{border-radius:0 0 50px 50px;}
.hero-sec{position:relative;padding:120px 0 121px;}
.hero-sec{background-position:center;background-size:cover;background-repeat:no-repeat;}
.hero-wp{align-items:center;}
.hero-content{width:60%;padding-right:6%;}
.hero-image{width:40%;position:absolute;right:0;top:-70px;max-width:640px;height:100%;text-align: right;}
.hero-image img{object-fit:contain;}
.hero-content .hs-button{margin-top:20px;}
.hero-content .hs-button img{margin-left:15px;}
.hero-content h1, .hero-content h2, .hero-content h3, .hero-content h4, .hero-content h5, .hero-content h6,, .hero-content p { color : #FFFFFF }
.hero-content h1 {  letter-spacing: 0.7px;}
.hero-sec .hero-content h1,.hero-sec .hero-content h2,.hero-sec .hero-content h3,.hero-sec .hero-content h4,.hero-sec .hero-content h5,.hero-sec .hero-content h6,.hero-sec .hero-content p {
    color: #FFFFFF;
}
.zig-zag-sec.thankyoupage .content a { margin-top: 50px; background: #F05325; color: #FFFFFF; border-color:  #F05325;}
.zig-zag-sec.thankyoupage .content a:hover { color:  #F05325; background: #FFFFFF;}

.zig-zag-wrapper .outter .content,   .zig-zag-wrapper .outter .image { width: 50%; max-width: 100%;}
.thankyoupage .outter.wow.fadeInUp.dis-flex.swap.animated { gap: 0;padding: 50px 71px !important;}
/* Customers Logos */
.cus-logos-sec{padding:120px 0 120px;}
.cus-logos-wp{justify-content:center;margin:0 -15px;}
.cus-logos-wp .logo{width:14.66%;text-align:center;padding:0 15px;height:45px;display:flex;align-items:center;justify-content:center;}
.cus-logos-wp .logo img{width:100%;height:100%;object-fit:scale-down;}
.cus-logos-sec .title {  margin-bottom: 60px;}
/* Feature */
.feature-sec{padding:120px 0;position:relative;z-index:1;}
.feature-sec .shap{position:absolute;top:0;z-index:-1;left:0;width:100%;}
.feature-wp {
    position: relative;
}
.feature-wp .outter .content h4 strong {
    color: #141D3A;
}
.feature-wp .outter{margin-bottom:39px;}
.feature-wp .outter .icon img { width: 100%; max-width:70px !important;object-fit: contain; height: 100% !important; }
.feature-wp .outter .icon{margin-bottom:40px;}
.feature-wp .outter .content p{margin-bottom:7px;}
.feature-wp .middle-img { height: 100%; left: 50%;  position: absolute;  text-align: center; transform: translatex(-50%); width: 100%;  max-width: 414px; max-height: 358px; bottom: 0; }
.feature-wp .outter{width:50%;}
.contentParent{width:52%;}
.feature-wp .middle-img img{object-fit:contain;height:100%;}
.feature-wp .outter:nth-child(even) .contentParent{margin:0 0 0 auto;}
.feature-wp .content span {   font-weight: 400;  color: #292524;}
.feature-sec .title p { color: #292524;}

/* Tab */
.lp-tab-sec{padding:120px 0;position:relative;z-index:1;}
.tab-content-wp{position:relative;}
.tab-content-wp .content{width:50%;}
.tab-content-wp  .image{width:50%;padding-left:40px;}
.tab-panel ul{padding:0;margin:0;list-style:none;text-align:center;}
.tab-panel ul li{display:inline-block;margin:0 23px;}
.tab-panel ul li h3{border-bottom:7px solid transparent;padding-bottom:15px;opacity: 0.5;text-transform:uppercase;transition:all 0.3s linear;cursor:pointer; margin-bottom : 0}
.tab-panel ul li.current h3,.tab-panel ul li:hover h3{border-color:#F05325;opacity: 1;}
.tab-panel ul li.current h3{pointer-events:none;}
.tab-content-wp .outter{align-items:center;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transition:all 0.5s linear; justify-content : space-between}
.tab-content-wp .outter.current{position:relative;opacity:1;visibility:visible;}
.lp-tab-sec .shap{position:absolute;bottom:0;right:0;z-index:-1;width:100%;line-height:0;height:auto;}
.tab-content-wp { margin-top : 80px} 
.tab-content-wp .content h2 { font-weight: 800;text-transform:uppercase;}
/* 
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button {background:#F05325;border: none;}
.slick-dots li button{border:2px solid #F05325 !important;}
button#slick-slide-control00 { border: 2px solid #F05325!important;}
button#slick-slide-control01 { border: 2px solid #F05325 !important;}
*/
/* Testimonial */
.testimonial-sec{padding:120px 0;}
.testimonial-slider .slider-inner{align-items:center;}
.testimonial-slider .content{width:52%;padding-right:3%;}
.testimonial-slider .image{width:48%;}
.testimonial-slider .content h3{font-weight:400;}
.testimonial-slider .content .test-detail{margin-top:45px;}
.lp-tab-sec .title.h1 > h2 { font-size: 40px; }
.testimonial-slider .content h3 { color: #292524;}
.testimonial-slider .content .test-detail h3 span { color: #292524;}
.testimonial-slider .content .test-detail h3 { margin : 0}

/* 2 Column Zig Zag */
.zig-zag-sec{padding:150px 0;border-radius: 50px;}

.zig-zag-wrapper .outter {margin:0 -20px;}
.zig-zag-wrapper .outter .content{width:50%;padding:0 20px;}
.zig-zag-wrapper .outter .image{width:50%;padding:0 20px;}
.zig-zag-wrapper .outter.no-swap .image{padding-left:20px;}
.zig-zag-wrapper .outter.swap .image{padding-right:20px;}
.zig-zag-wrapper .outter{  align-items: center;}
.zig-zag-wrapper .outter+* { margin-top : 120px }
.zig-zag-wrapper .outter.swap{flex-direction:row-reverse;}
.zig-zag-wrapper .outter .content h6 { color: #F05325; font-weight : 400}
/* .zig-zag-wrapper .outter .content { max-width: 550px; width: 100%;}
.zig-zag-wrapper .outter .image { max-width: 524px; width: 100%; padding-left: 0 !important;} */
/* .zig-zag-wrapper .outter { justify-content: space-between; gap: 20px;} */
.zig-zag-wrapper .outter .content p { margin: 0;}

/* How does it work */
.how-work-sec{padding:60px 0;}
.how-work-wp{margin:0 -20px;justify-content: center;}
.how-work-wp .outter{width:calc(33.33% - 40px);margin:10px 15px 15px;box-shadow: 0px 14px 30px 10px rgba(0, 0, 0, 0.13);border-radius:12px;padding:30px;}
.how-work-wp .outter .content p { margin: 0;}
.how-work-wp .outter .number{width:58px;height:58px;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:100%;}
.how-work-wp .outter .number h3{color:#FFFFFF;margin-bottom:0;}
.how-work-wp .outter .top{align-items:center;margin:0 0 32px;}
.how-work-wp .outter .label{padding-left:26px;width: calc(100% - 60px);}
.how-work-wp .outter .label h3{margin-bottom:0;}
.testimonial-sec .content > h3 {font-size: 25px;line-height: 40px;}

/* Free Demo Form */
.free-demo-form-wp{max-width:910px;margin:0 auto;}
.free-demo-form{padding:60px 0 120px;}
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox { position: relative;}
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input { position: absolute; width: 100%; height: 100%; opacity: 0;}
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox  span { padding-left: 27px; display: block;position: relative; cursor : pointer }
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span:before { position: absolute;width: 12px; height: 12px; left: 0; top: 8px; border: 1px solid #292524; content: ''; border-radius: 2px; transition: all ease-in-out 0.3s;}
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input:checked ~ span:before { background: #292524;}
.free-demo-form-wp .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span a { color: #F05325;}

/* Footer */
.footer p { font-size: 16px; }
.footer-wp p{ margin : 0 }
.footer { border-top:2px solid #CDBF9B;padding: 30px 0 32px; }  
.footer-wp p a { color :  #F05325 !important} 

/*****************************************************************/
/******************* Landing Template 1- Guide *******************/
/*****************************************************************/


/* Banner */

.hero-banner-content{width:65%;}
.hero-right-image{width:35%;padding-left:4%;}
.hero-banner-sec{padding:170px 0px;position:relative;background-repeat:no-repeat;background-size:cover;width:100%;float:left;background-position:center left;color:#000;font-size:20px;font-weight:100;}
.hero-banner-sec .hero-banner-content {
    width: 51%;
}
.banner-form{z-index:1;}
.hero-banner-sec{position:relative;z-index: 0;overflow:hidden;}
.hero-banner-sec:after { content: ''; position: absolute; right: -20px; background-image: url(https://27090519.fs1.hubspotusercontent-eu1.net/hubfs/27090519/Shellcase%20Images/bgshape.png); background-repeat: no-repeat; background-size: contain; width: 1024px; height: 884px; bottom: -150px; z-index: -1;}
.headerMain{background-color: #f1eee5;}
.banner-logo{padding-bottom:30px;}
.hero-banner-sec a.hs-button{margin-top:29px;}
form input[type="submit"] , .inner-form  form input[type="submit"] {  background-color: #F05325; border-color: #F05325; color: #FFFFFF !important;}
form input[type="submit"]:hover , .inner-form  form input[type="submit"]:hover { background-color : #FFFFFF; color : #F05325 !important; }
.hero-banner-content h1, .hero-banner-content h2, .hero-banner-content h3, .hero-banner-content h4, .hero-banner-content h5, .hero-banner-content h6,.hero-banner-content p {
    color:  #292524;
}
.inner-form form .hs-richtext p a {
    color: #292524;
}

.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span, .inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span { position: relative; padding-left: 20px; display: flex; cursor:pointer;}
.lp2-right-form form .hs-richtext a {  color: #F05325 !important;}
.lp2-right-form form .hs-richtext p, .inner-form form .hs-richtext p {font-size: 16px;font-weight: 300;color: #292524;margin-bottom: 15px !important;}
.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox,.inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox { position: relative;}
.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input,.inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input { position: absolute; width: 100%; height: 100%; opacity: 0; }

.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span:before,.inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox span:before { position: absolute; content: ''; width: 12px; height: 12px; border: 1px solid #141D3A; top:6px;left: 0; border-radius: 2px;}
.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox,.inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox { margin: 0;}
.lp2-right-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input:checked ~ span:before,.inner-form form .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox input:checked ~ span:before { background:  #141D3A;}

.banner-form ul>li { font-weight: 300; color: #292524;margin:0;}
.con-form-sec.guideform .content-left p, .con-form-sec.guideform .content-left  li {  color: #292524;}
/* Content and Form */

.content-left{width:50%;}
.right-form{width:50%;padding-left:9%;}
.inner-form{margin-top:0;padding:30px;box-shadow: 0px 10px 40px 5px rgba(0, 0, 0, 0.16);color:#000;background-color: #FFFFFF;}
.con-form-sec{padding:50px 0;}
.hs-dependent-field p{font-size:16px;cursor:pointer;}
.hs-dependent-field label{}
.hs-dependent-field label input{margin:0!important;position: relative; top: 0;}
.inner-form h3{font-family:{font=Poppins, font_set=GOOGLE, styles={font-family=Poppins, serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#141D3A, variant=null, fallback=serif, style=font-family: Poppins, serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #141D3A;font-family: Poppins, serif;}; text-align:center;color:#F05325;margin-bottom:30px;}
.testimonial-sec .content h3 { font-size: 24px !important; line-height: 1.5 !important; }
.testimonial-sec ul.slick-dots { margin-top: 60px;}
.title.h1 h2 { font-size: 40px !important; }
.txt-center {text-align: center;}
.full-width-banner {width: 100%;}
.full-height-banner { height: 100vh;}

.text-cta-section{padding:50px 0;}
.img-cta-btn .cta_button { padding: 0; background: none !important; border: 0 none;}
.pad-tb-50{padding:50px 0;}

.left-img { display: flex; flex-wrap: wrap; margin: 30px -10px;}
.con-imgg { width: 200px; height: 200px; margin: 0 10px 20px;}
.con-imgg img { width: 100%; height: 100% !important; object-fit: cover; object-position: center center;}
.content-left-sc {  width: 57%;}
.right-form-sc {  width: 43%; padding-left: 3%;}

.inner-col-two{display:flex;flex-wrap:wrap;}
.left-textt{width:50%;}
.right-textt{width:50%;padding-left:10%;}
.tw-col-text{padding:100px 0 70px;}
.inner-textt ul li{list-style:none;position:relative;padding-left:45px;}
.inner-textt ul li:before{content:"";background-image:url(https://cdn2.hubspot.net/hub/4913829/hubfs/4.png);width:37px;height:35px;position:absolute;left:0;top:0;background-size:contain;background-repeat:no-repeat;}
.inner-textt ul{padding-left:0;}

.th-col-text{padding:70px 0;}
.inner-col-th{display:flex;flex-wrap:wrap;margin:0 -15px;justify-content: center;}
.itemm{width:calc(33.33% - 30px);margin:0 15px 30px;}
.itemm, .itemm * { text-align: center !important; }
.item-img{width:150px;margin:0 auto 25px;}
.item-text p{line-height:1.1;}
.item-text ul li{margin:0;}
.item-text ul{padding-left:20px;}
.header-partt{margin-bottom:50px;}

.hero-right-form{width:40%;padding-left:4%;}
.lp2 .hero-banner-content{width:60%;}
.inner-form0sec{padding:30px 20px 20px;box-shadow:0 0 8px rgb(0 0 0 / 10%);color:#000;background-color:#FFFFFF;border-radius:5px;}
.inner-form0sec h3 {
    text-align: center;
    font-size: 25px;
}
.con-form-sec.guideform .inner-form {
    border-radius: 20px;
}

.con-form-sec.guideform .right-form {
    padding-left: 7%;
}
.feature-sec .outer-parent { margin: 0 -80px; }
.testimonial{padding:100px 0 75px;}
.testimonial .title {max-width: 850px;margin: 0 auto;width: 100%;}
.testimonial .slick-slide img { width: 100%; height: 100% !important; object-fit: cover; }
.testimonial .testimonailImg { width: 223px; height: 223px; border-radius: 50%; overflow: hidden; }
.testimonial .sliderBoxMain{align-items:center;}
.testimonial .testimonailContentAndName{width:calc(100% - 223px);padding-left:65px;text-align: center;}
.testimonial .widthWrapper{max-width:100%;padding-left:calc(100% - 1480px);}
.testimonial .sliderBoxMain { border-radius: 30px; background:  #FFFFFF; box-shadow: 0px 3.302px 41.275px 0px rgba(0, 0, 0, 0.15); padding: 60px; } 
.testimonial .sliderWrapper { padding: 50px; }
.testimonial .sliderArrows { display: flex; gap: 20px; justify-content:center;margin:0 auto; }
.testimonial .slickArrow.slick-disabled { opacity: .2;cursor:not-allowed; }
.testimonial .slickArrow { width: 64px; height: 64px; cursor:pointer;border: 2px solid #F05325;color:#F05325;font-weight:300; display: flex !important; align-items: center; justify-content: center; border-radius: 50%; }
.testimonial .testimonailContent p { font-size: 18px; font-style: italic; line-height: normal; }
.testimonial .testimonailName p { margin: 0; font-size: 18px; font-weight: 800; }
.testimonial .topColon { position: relative; margin-bottom:30px;} 
.testimonial .slick-current { position: relative; } 
.testimonial .slick-current:after { content: ''; background: #F05325; position: absolute; top: 0; width: 4px; height: 50%; } 
.testimonial .slick-current:before { content: ''; background: #F05325; position: absolute; bottom: 0; width: 4px; right:2px ; height: 50%; }
.testimonial .topColon:after{left:0;right:auto;}
.testimonial .topColon:before{right:0;left:auto;}
.testimonial .title h2 { text-transform: uppercase; } 
.testimonial .title p,.title p{ font-size: 24px; font-weight: 500; }
.testimonial .title,.testimonial {position: relative; z-index: 2;}
.testimonial .topColon:after,
.testimonial .topColon:before { content: ''; background: #E3DBC8; width: 36%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); }
.testimonial .sectionShape{ position: absolute; bottom:0; left: 0; z-index: -1; }
.testimonial span.bgShape { position: absolute; top: -100px; left: 79%; transform: translateX(-79%); z-index: -1; }
.testimonial .widthWrapper { position: relative; z-index: 0; } 
.testimonial .testimonailName { margin-top: 35px; }
.free-demo-form .title p{font-size:20px;}
@media(max-width: 1480px){
    .how-work-wp{margin:0 -15px;}
    .testimonial .sliderBoxMain{padding:40px 30px;}
    .testimonial .testimonailContentAndName{padding-left:30px;}
    .testimonial .widthWrapper{padding:0 15px;}
}
@media(min-width: 1200px){
    .feature-sec .title{margin-bottom:60px;}
    .lp-tab-sec .title{margin-bottom:60px;}
    .testimonial-slider .content h3{font-size: 36px;}
}

@media(max-width: 1365px){
    .feature-sec .outer-parent { margin: 0 -15px; }
    .zig-zag-wrapper .outter {margin:0 -15px;}
    h1,.title.h1 h2{font-size:48px;}
    button,.hs-button,.cta_button,.button{padding:10px 35px;font-size:20px;}
    .title.h1 p{font-size:calc(20px + 2px);}
}
@media(max-width:1199px){
    
    h1,.title.h1 h2{font-size:44px;}
    h2{font-size:36px;}
    h3{font-size:28px;}
    h5{font-size:24px}
    body{font-size:18px;}
    p{font-size:20px;}
    .header-no-navigation{padding:25px 0;}
    .hero-content .hs-button{margin-top:18px;}
    .hero-sec{padding:50px 0;}
    .cus-logos-sec{padding:50px 0 48px;}
    .feature-sec{padding:50px 0;}
    .hero-banner-sec { padding :120px 0 80px }
    .lp-tab-sec{padding:45px 0;}
    .testimonial-sec{padding:64px 0;}
    .testimonial-sec{padding:64px 0;}
    .how-work-sec{padding:50px 0;}
    .how-work-wp .outter .number{width:58px;height:58px;}
    .how-work-wp .outter .label{width: calc(100% - 60px);}
    .how-work-wp .outter{padding:20px;}
    .zig-zag-wrapper .outter+* { margin-top: 60px; }
    .zig-zag-sec{padding:60px 0 ;}
    .testimonial .testimonailImg { width: 153px; height: 153px;margin:0 auto; }
    .testimonial .testimonailContentAndName { width: calc(100% - 153px); padding-left:10px;}
    .testimonial span.bgShape { position: absolute; top: -100px; left: 100%; transform: translateX(-100%); z-index: -1; }
    .tab-content-wp .content {
        width: 50%;
    }
    .hero-banner-sec:after { width: 724px; height: 634px; bottom: -50px; }


    .thankyoupage .outter.wow.fadeInUp.dis-flex.swap.animated {
        padding: 50px 30px !important;
    }

}
@media(max-width:1024px){
.testimonial .testimonailImg { width: 153px; height: 153px; }
    .testimonial .testimonailContentAndName { width:100%;margin-top:30px;padding-left:0; }
    .testimonial .topColon:after, .testimonial .topColon:before{width:26%;}
}
@media(max-width:991px){
    .testimonial .testimonailName { margin-top: 25px; }
    .title p, .testimonial .title p { font-size: 20px;}
    .header-no-navigation .header-logo{max-width:200px;}
    h1,.title.h1 h2{font-size:38px;}
    p{font-size:18px;}
    h3, .h3 { font-size : 24px }
    button,.hs-button,.cta_button,.button{padding:10px 25px;font-size:18px;}
    .hero-content .hs-button img{margin-left:10px;width:28px;}
    h2{font-size:32px;}
    h5{font-size:20px;}
    h4{font-size:22px;}
    .title{margin-bottom:40px;}
    .testimonial-sec ul.slick-dots { margin-top: 40px;}
    .cus-logos-sec .title {  margin-bottom: 40px;}
    .hero-sec{padding:40px 0;}
    .cus-logos-sec{padding:40px 0;}
    .feature-sec{padding:40px 0;}
    .testimonial{padding:60px 0;}
    .feature-wp .outter .icon{width:60px;height:60px;}
    .tab-panel ul li h5{border-bottom:5px solid transparent;padding-bottom:6px;}
    .tab-content-wp{margin-top:20px;}
    .testimonial-sec{padding:40px 0;}
    .tab-panel ul li {margin: 0 13px; }
    .testimonial-slider .content .test-detail{margin-top:20px;}
    .zig-zag-wrapper .outter+* { margin-top:40px; }
    .zig-zag-sec{padding:50px 0;}
    .zig-zag-sec.thankyoupage {
        padding: 40px 0;
    }
    .testimonial .slickArrow{width:40px;height:40px;}
    .hero-banner-sec:after{display:none;}
    .how-work-sec{padding:40px 0;}
    .how-work-wp .outter .number{width:50px;height:50px;}
    .how-work-wp .outter .label{width:calc(100% - 50px);padding-left:15px;}
    .free-demo-form{padding:50px 0 80px;}
    form input[type=submit],form .hs-button{padding:11px 33px;font-size:22px;min-width:203px;}
    .testimonial-slider .content h3 { font-size: 24px;}
    .feature-wp .middle-img{position:unset;transform:none;margin:0 auto 30px;}
    .feature-wp .outter .contentParent{width:100%;}
    .feature-wp .outter{width:33.33%;text-align:center;min-height:auto!important;padding:0 15px;}
    .feature-wp .outter .icon{margin:0 auto 20px;}
    .feature-wp{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
    .feature-wp .outer-parent{margin:0 -15px;}
    .content-left-sc { width: 100%;}
    .right-form-sc { width: 100%; padding-left: 0;}
    .hero-right-form { width: 100%; padding-left: 0; margin-top: 40px;}
    .lp2 .hero-banner-content {width: 100%;}
    .itemm { width: calc(50% - 30px);}

    .tab-content-wp .outter { flex-direction: column;}
    .tab-content-wp .content { width: 100%;  order: 2;}
    .tab-content-wp .image { padding-left: 0;  width: 100%; text-align: center; margin-bottom: 20px;}
    .testimonial-slider .slider-inner { flex-direction: column;}
    .testimonial-slider .content { padding-right: 0; width: 100%; }
    .testimonial-slider .image {  width: 100%; text-align: center; margin-bottom: 20px;}
    .testimonial-slider .image img { display: inline-block;}


    .zig-zag-wrapper .outter .content {  order: 2;}
    .zig-zag-wrapper .outter.no-swap .image {   text-align: center; order: 1; margin-bottom :0}

    .how-work-wp .outter { width: calc(50% - 30px);}

    .hero-banner-sec .hero-banner-content {
        width: 100%;
    }
    .thankyoupage .outter.wow.fadeInUp.dis-flex.swap.animated { flex-direction: column; gap: 20px;}
    .thankyoupage .outter.dis-flex.swap.animated > div {  width: 100%;  text-align: center;}
    .thankyoupage .zig-zag-wrapper .outter .image { padding-right: 0;}

    .testimonial-sec .content h3 { font-size : 20px !important} 
.testimonial .sliderWrapper { padding: 40px 30px; }
    .con-form-sec.guideform .inner-form-wp.dis-flex {
        flex-direction: column;
    }

    .con-form-sec.guideform .inner-form-wp.dis-flex > div {
        width: 100%;
    }

    .con-form-sec.guideform .right-form {
        padding-left: 0;
    }
}
@media(min-width:768px){
    
    .tab-panel .select-tab {  display: none   }
    .hero-sec.swap .hero-wp{flex-direction:row-reverse;}
    .hero-sec.swap .hero-wp .hero-image{right:auto;left:0;top:0;}
    .hero-sec.swap .hero-wp .hero-content{padding-right:0;padding-left:8%;}

}
@media(max-width:767px){
    .testimonial .sliderWrapper { padding: 40px 20px; }
    .title p,.testimonial .title p { font-size: 18px;}
    .hs-form textarea, .hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form select{padding:10px 15px;}
    .form-columns-2 > div { width: 100% !important; }
    h1,.title.h1 h2{font-size:32px;}
    h2{font-size:28px;}
    h3{font-size:22px;}
    h4 { font-size : 20px; }
    .title.h1 p{font-size:20px;}
    .hero-content{width:100%;padding-right:0;text-align:center;}
    .hero-image{text-align: center;}
    .hero-image{width:100%;position:unset;max-width:400px;margin:0 auto 30px;}
    .hero-wp{flex-direction:column-reverse;}
    .cus-logos-wp .logo{width:25%;}
    .cus-logos-sec{padding:30px 0;}
    .feature-sec{padding:30px 0;}
    .feature-wp .middle-img{width:100%;max-width:400px;margin:0 auto 20px;}
    .feature-wp .outter { width: 50%;  }
    .feature-wp .outter .icon{margin:0 auto 20px;}
    .lp-tab-sec{padding:30px 0;}
    .lp-tab-sec{padding:30px 0;}
    .tab-content-wp .content{width:100%;text-align:center;}

    .tab-content-wp .image{width:100%;padding-left:0;margin-bottom:0;}
    .testimonial-slider .content{width:100%;padding-right:0;text-align:center;}
    .testimonial-slider .image{width:100%;margin:20px auto;}
    .testimonial-slider .image img { width : 100%; } 
    .testimonial-slider .slider-inner{flex-direction:column-reverse;}
    .zig-zag-wrapper .outter .content{width:100%;text-align:center;}
    .zig-zag-wrapper .outter.no-swap .image{padding-left:0;}
    .zig-zag-wrapper .outter.swap .image{padding-right:0;}

    .zig-zag-wrapper .outter .image{width:100%;max-width:400px;margin:0 auto 30px;}
    .how-work-wp .outter{width:calc(50% - 30px);}
    .free-demo-form{padding:40px 0 60px;}
    .tab-panel .select-tab{padding:15px 25px;border:1px solid #F05325;border-radius:35px;background-image:url('https://27090519.fs1.hubspotusercontent-eu1.net/hubfs/27090519/Shellcase%20Images/Rectangle%2031%20%281%29.svg');background-repeat:no-repeat;background-position:95% 50%;}
    .tab-panel .select-tab h5{margin-bottom:0;color:#F05325;}
    .tab-panel ul li{display:block;}
    .tab-panel ul{text-align:left;display:none;position: absolute; left: 0; top: 100%; width: 100%; z-index: 1; background-color: #FFFFFF;}
    .tab-panel ul li h5{margin-bottom:0;border:none;padding:0;}
    .tab-panel ul li{margin:0;padding:10px 20px;border-bottom:1px solid #292524;}
    .tab-panel ul{border:1px solid #292524;}
    .tab-panel ul li:last-child{border-bottom:0;}
    .tab-panel .select-tab.active { border-radius: 0; border-bottom: 0; }
    .tab-panel { position: relative; }
    .tab-panel ul li h3{padding:0;border:none;}
    .hero-banner-wp{flex-direction:column;}
    .hero-banner-content{width:100%;text-align:center;}
    .hero-right-image{width:100%;text-align:center;}
    .inner-form-wp{flex-direction:column;}
    .content-left{width:100%;}
    .right-form{width:100%;padding-left:0;margin-top:40px;}
    .con-form-sec.guideform .right-form {
        padding-left: 0;
    }
    .lp2-right-form {  width: 100%; padding-left: 0; }
    .lp2-content-left {  width: 100%; }
    .banner-form .inner-form { margin-top: 0; }

    .right-textt { width: 100%; padding-left: 0; margin-top: 20px; }
    .left-textt { width: 100%;}

    .inner-col-th { margin: 0;}
    .itemm { width: 100%; margin: 0 0 50px;}
    .item-img{width:100px;}

    .tab-content-wp .image img { width: 100%; height: 100%; object-fit: contain;}
    .tab-panel h3 { margin: 0;}

    .how-work-wp .outter { width: 100%;}

    .thankyoupage .zig-zag-wrapper .outter .image { margin : 0} 
    .zig-zag-sec.thankyoupage .content a { margin-top : 30px }

    .testimonial-sec .content h3 { font-size : 18px !important} 
}

@media(max-width:575px){
    h1,.title.h1 h2{font-size:28px;}
    h2{font-size: 24px}
    button,.hs-button,.cta_button,.button{padding:8px 20px;font-size:16px;}
    button,.hs-button,.cta_button,.button{padding:8px 20px;font-size:16px;}
    .cus-logos-wp .logo{width:50%;height:60px;}
    .testimonial-sec{padding:30px 0;}
    ul.slick-dots li button{width:13px;height:13px;}
    .how-work-wp .outter{width:calc(100% - 30px);}
    form input[type=submit],form .hs-button{padding:11px 33px;font-size:16px;min-width:169px;}
    .title.h1 p{font-size:18px;line-height:1.3;}
    .feature-wp .outter { width: 100%; margin: 0 auto 30px; max-width: 310px; }
    .hs-form textarea,.hs-form input[type="text"],.hs-form input[type="password"],.hs-form input[type="datetime"],.hs-form input[type="datetime-local"],.hs-form input[type="date"],.hs-form input[type="month"],.hs-form input[type="time"],.hs-form input[type="week"],.hs-form input[type="number"],.hs-form input[type="email"],.hs-form input[type="url"],.hs-form input[type="search"],.hs-form input[type="tel"],.hs-form input[type="color"],.hs-form select{padding:15px 15px;}

    .inner-form { padding : 20px }
}