@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
  font-family:'Formular-Light';
  src: url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Light.eot');
  src: local('Formular Light'),local('Formular-Light'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Light.eot#iefix') format('embedded-opentype'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Light.woff2') format('woff2'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Light.woff') format('woff'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family:'Formular';
  src: url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular.eot');
  src: local('Formular'),local('Formular'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular.eot#iefix') format('embedded-opentype'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular.woff2') format('woff2'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular.woff') format('woff'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family:'Formular-Italic';
  src: url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Italic.eot');
  src: local('Formular Italic'), local('Formular-Italic'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Italic.eot#iefix') format('embedded-opentype'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Italic.woff2') format('woff2'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Italic.woff') format('woff'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display:swap;
}

@font-face {
  font-family:'Formular-Medium';
  src: url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Medium.eot');
  src: local('Formular Medium'), local('Formular-Medium'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Medium.eot#iefix') format('embedded-opentype'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Medium.woff2') format('woff2'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Medium.woff') format('woff'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family:'Formular-Bold';
  src: url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Bold.eot');
  src: local('Formular Bold'), local('Formular-Bold'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Bold.eot#iefix') format('embedded-opentype'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Bold.woff2') format('woff2'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Bold.woff') format('woff'),
    url('https://188845.fs1.hubspotusercontent-na1.net/hubfs/188845/Cast%20and%20Crew/fonts/Formular-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Intial declartaion of css */

* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html { -webkit-text-size-adjust: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 62.5%; height: 100%; -webkit-font-smoothing: antialiased;}
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 }
:focus { outline: 0; }
*:before, *:after {box-sizing: border-box;}
embed, iframe, img, object, svg { max-width: 100%; width: auto; height: auto; }

/* hubspot */

.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }
.row-fluid [class*="span"] {min-height: 0px !important;}

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

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;}
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; }

/* For modern browsers */ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
::selection { background: #d5e3f0; color:#626264; }
::-moz-selection {background: #d5e3f0 ;color: #626264;}

/* body */

body { overflow-x: hidden;color:#626264; line-height:1.31;font-size:16px; font-family:'Inter', sans-serif; font-weight: 400; -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;  }
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:color 0.2s linear;text-decoration:none;color: inherit;}
svg path{transition:fill 0.5s ease,stroke 0.5s ease; }
a:focus { outline: none; text-decoration: none; }


h1 { font-family: 'Inter', sans-serif; font-size:48px; line-height:1.35; margin-bottom: 20px;  }
h2 { font-family: 'Inter', sans-serif; font-size:36px; line-height:1.35; margin-bottom: 20px;  }
h3 { font-family: 'Inter', sans-serif; font-size: 20px; line-height:1.35; margin-bottom: 20px;   }
h4 { font-family: 'Inter', sans-serif; font-weight:600; font-size: 18px; line-height:1.35; margin-bottom: 20px;  }
h5 { font-family: 'Inter', sans-serif; font-size: 16px; line-height:1.35; margin-bottom: 20px; text-transform: uppercase;}
.font14{ font-size:14px; line-height:1.5; }

.post-item .post-topic a{
color:#0000ff;
    line-height: 1;
    font-weight: 600;
}

.blog-pagination .pages {
color:#0000ff;
}

.post-item h3 a {
color:black;
}

.post-read-more a {
   
    padding: 10px;

  color: #0000ff;
    font-weight: 600;
}

.post-read-more a:hover {
    color: black;
    font-weight: 600;
}

.help-cnt .post-read-more a {
  border: 1px solid #0000ff;
  background-color: #0000ff;
  border-radius: 10px;
  color: white;
  display: block;
  margin-top:15px;
}

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex{display:flex;flex-wrap:wrap;}
.dis-flex.side { flex-flow: row wrap;}
.feature-post-section .dis-flex.side .post-img { width:66.67%;}
.feature-post-section .dis-flex.side .post-content { width:33.33%;}
.vmiddle{align-items:center;}
.vbottom{align-items:flex-end;}
.hcenter{justify-content:center;}
.hright{justify-content:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.container,.row-fluid .span12.container{ max-width: 1280px; margin-left: auto !important; margin-right: auto !important; float: none; padding-left: 80px; padding-right: 80px; }
.dis-flex > .row-fluid-wrapper>.row-fluid:before, .dis-flex > .row-fluid-wrapper>.row-fluid:after{display:none;}
.dis-flex .detail-content.post-body { width: 100%;}

.common-cta a { background: #3C9DD7; transition: color 0.2s linear,background 0.2s linear; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); border-radius: 4px; color: #fff; display: inline-block; padding: 15px 30px; text-transform: capitalize; line-height: 1.25; font-weight: 500; margin-top: 20px; }
.common-cta a:hover,form .hs_submit input:hover{background: #fff;color: #3C9DD7;}

.detail-content { line-height:1.69; }
.detail-content h1 { font-family:'Inter'; font-size:36px; line-height:1.3; margin-bottom: 20px;  }
.detail-content p { margin-bottom: 28px; }
.detail-content li { color:#000000;  }
.detail-content ul,.detail-content ol{margin-bottom:25px;margin-top:20px;padding-left: 40px;}
.detail-content blockquote {overflow: hidden; font-size: 2.8rem; line-height: 1.25; font-style: italic; color: #4676c0; position: relative; font-weight: 600; padding: 142px 45px 20px 45px; }
.detail-content blockquote:before { position: absolute; content: "“"; font-size: 32rem; line-height: 1; color: #2f3338; opacity: 0.12; font-style: italic; left: -23px; top: 0; }
.detail-content > *:last-child,.hs_cos_wrapper_type_rich_text > *:last-child{margin-bottom:0;}
.detail-content strong { font-weight: 700; }
.detail-content iframe,.detail-content video{max-width:100%!important;height: 100%;}
.detail-content form { margin-bottom:30px; }
.detail-content a { color: #3C9DD7; }

/* Form CSS Start here */
.header-container-wrapper input::-webkit-input-placeholder { color: #fff; } /* WebKit browsers */
.header-container-wrapper input:-moz-placeholder { color: #fff; } /* Mozilla Firefox 4 to 18 */
.header-container-wrapper input::-moz-placeholder { color: #fff; } /* Mozilla Firefox 19+ */
.header-container-wrapper input:-ms-input-placeholder { color: #fff; } /* Internet Explorer 10+ */

input::-webkit-input-placeholder { color: #92929B; opacity:1; } /* WebKit browsers */
input:-moz-placeholder { color: #92929B; opacity:1; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #92929B; opacity:1; } /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #92929B; opacity:1; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color:#92929B; opacity:1; } /* WebKit browsers */
textarea:-moz-placeholder { color: #92929B; opacity:1; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #92929B; opacity:1; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #92929B; opacity:1; } /* Internet Explorer 10+ */

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { padding-left: 10px !important; -webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset; box-shadow: 0 0 0 100px #fff inset;	color: #626264; -webkit-text-fill-color:  #626264;}

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: color 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family:inherit;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:color 0.5s ease;}
textarea { overflow: auto; vertical-align: top; resize:none; height:18.4vw; }

form ul.hs-error-msgs{font-size:14px;line-height:normal;display:block;color:#f3ac21;}
form .hs_error_rollup {display: none;}


/******************************************** Fieldset CSS*******************************************************/
form fieldset{max-width:100%;}
form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;width: 100%;margin-bottom: 25px;}
form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5%;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4%;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}

/******************************************** input CSS*******************************************************/
form .input{margin-right:0 !important;}
form .hs-form-field > label {width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0 0 10px;font-weight: 600;}
form textarea,
form input[type="text"],
form input[type="password"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="week"],
form input[type="number"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,.theme-filter select {
  color:#626264; background-color: #fff; padding: 15px 23px; width: 100% !important; font-size: inherit; margin: 0 0 0px; border-radius: 4px;}

form input[type="text"]:-ms-input-placeholder, form input[type="text"]::-webkit-input-placeholder, form input[type="text"]::-moz-placeholder, form input[type="text"]:-moz-placeholder, form input[type="text"]::placeholder { color: #959698; }

/******************************************** Select CSS*******************************************************/
form select,.theme-filter select {-moz-appearance: none;-webkit-appearance: none; background-image: url("https://4783957.fs1.hubspotusercontent-na1.net/hubfs/4783957/ThisInstitute_February2019/Images/arrow.png");background-position: 96% center;background-repeat: no-repeat;background-size: 18px auto;padding-right: 10%; }

/******************************************** Radio Button CSS*******************************************************/
form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #dd0031 ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 5px #fff inset;   }
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 24px;height: 24px; padding: 2px; margin-right: 10px; text-align: center; border:solid 0.5px rgba(85, 85, 85, 0.85);border-radius:50%;}

/******************************************** Check Box CSS*******************************************************/
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before { content: '\f00c'; font-family: 'Font Awesome 5 Regular'; font-weight: 300; color: #dd0031; font-size: 14px; line-height: 18px; }
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 24px;height: 24px; padding: 2px; margin-right: 10px; text-align: center; border:solid 0.5px rgba(85, 85, 85, 0.85);}

/******************************************** Button CSS*******************************************************/
form .hs_submit input { text-align: center; background: #3c9dd7; transition: color .2s linear,background .2s linear; box-shadow: 0px 0px 10px rgba(0,0,0,0.16); border-radius: 4px; color: #fff; display: inline-block; padding: 15px 30px; text-transform: capitalize; line-height: 1.25; font-weight: 500; box-sizing: border-box !important; }


form div.hs-form-field .input > ul > li > label{cursor:pointer;}
/***************************Check Box & Radio Button One Col********************************/
form div.hs-form-field .input > ul > li{margin:0 0 10px;}

form ul, .detail-content form ul { list-style: none; padding: 0; margin: 0; }
.submitted-message { margin: 20px 0; font-size:18px; }
form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0!important; }
form .hs-form-required { display: none; }

/* Header */
/* .body-container-wrapper { padding-top: 135px; } */
header{ line-height: 1.15; color: #FFFFFF;position: relative; width: 100%; top: 0; left: 0; transition: background .5s; background: linear-gradient(80.46deg,#30aba3 0%,#3c9dd7 100%); }
/* header{ line-height: 1.15; color: #FFFFFF;position: relative; width: 100%; top: 0; left: 0; transition: background .5s; background: linear-gradient(45deg,#1F262D 0%,#000000 100%); } */
/* .small-header header{background:#384455;} */
header .top-part { background: #131820; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 2; letter-spacing: 0.1em; padding: 7px 0; }

/* header .main-header { padding: 25px 7.5rem; position: absolute; width: 100%; z-index: 1000} */
header .main-header { padding: 25px 7.5rem; width: 100%; z-index: 1000}

header .hero {position: relative;}
/* header .hero .img-w {position: relative; min-height: 350px; max-height: 550px;} */
/* header .hero .img-w:before {position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(80.46deg, rgba(48, 171, 163, 0.70) 0%, rgba(60, 157, 215, 0.70) 100%); background-blend-mode: hard-light; opacity: 0;} */
/* header .hero .img-w.n-listing:before {background: linear-gradient(80.46deg, #30ABA3 0%, #3C9DD7 100%); opacity: 1;} */
/* header .hero img { width: 100%; height: 100%; object-fit: cover; max-height: 550px;} */
.hs-breadcrumb-menu-item {
  float: none;
}

/* header .hero .cnt {position: absolute; top:50%; left: 50%; transform: translate(-50%, -35%); width: 50%; text-align: center;} */
header .hero .cnt {text-align: center; padding: 40px 20px 64px; }

header .hero .cnt h1 {font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 48px; text-align: center; margin-bottom: 48px;}
header .hero .cnt h1 strong {font-family: 'Inter'; font-weight: 700;}
header .hero .cnt a { font-family: 'Inter'; font-size: 16px; }
header .hero .cnt .author-date { font-weight: 500; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 56px; }

.hero .cnt .post-topic { margin-bottom: 16px; } 
.hero .cnt h1.post-title { margin-bottom: 16px; } 
.cnt .author-date a.author-link { display: inline-flex; align-items: center; position: relative; margin-right: 22px; }
.cnt .author-date a.author-link:hover,.breadcrumb-menu ul a:hover{ color:#F3AC21 ;}
.cnt .author-date .author-img { height: 40px; width: 40px; background-size: cover; background-position: center; border-radius: 50%; display: inline-block; margin-right: 14px; }
.cnt .author-date a.author-link:after { position: absolute; content: "|"; right: -13px; color:#fff; top: 50%; transform: translateY(-50%); }
.cnt .author-date .date { display: inline-block; }
.cnt .author-date .date.Case-Study { display: none; }


.cnt .author-image { height: 183px; width: 183px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat;  border: 1px solid #fff;}
.cnt .author-info { width: calc(100% - 183px); padding-left: 35px; text-align: left; }
.cnt .author-main .author-info h1 { margin-bottom: 8px; text-align: left; }
.cnt .author-main .author-info h6 { font-weight: 500; margin-bottom: 16px; line-height: 1.31; }
.cnt .author-main .author-info .detail-content > *:not(:first-child) { display: none; }
.cnt .author-main .author-info .detail-content { font-family: "Inter"; font-size: 16px; line-height: 21px; margin-bottom: 16px;}

.cnt form.search-box {display: flex;}
.cnt form.search-box input[type="text"] { border-radius: 4px 0px 0px 4px; }
.cnt form.search-box input[type="submit"]{ background: url(https://www.groovecommerce.com/hubfs/Cast%20and%20Crew/images/Search.png) center no-repeat, linear-gradient(239.86deg, #F3AC21 0%, #F28020 100%); max-width: 70px; height: 100%; width: 16.67%; background-color: ; border-radius: 0px 4px 4px 0px; padding: 15px; }
.cnt input::-webkit-input-placeholder { color: #626264;} 
.cnt input:-moz-placeholder { color: #626264;} 
.cnt input::-moz-placeholder { color: #626264;  } 
.cnt input:-ms-input-placeholder { color: #626264;}

header .logo { width: 205px; }
header .logo img{ position: relative; left: -11px;}
header .header-right-part { width: calc(100% - 205px); padding-left:25px; }
header .cta-group > a { background: transparent; transition: background .3s linear, border-color .3s linear; border-radius: 6px; font-size: 12px; display: inline-flex; max-width: 108px; width: 100%; padding: 7.5px 9px;    border: 1px solid #fff; align-items: center; justify-content: center; margin-left: 16px; text-align: center; }
header .cta-group > a:hover { background: rgba(255, 255, 255, 0.45);  }
header .cta-part { width: 250px; }
header .header-right-part > .dis-flex{justify-content: flex-end;}
header .open-menu-icon { font-size: 12px; cursor: pointer; padding: 3px 0; margin-left: 22px; font-weight:700; }
header .open-menu-icon  span,header .close-menu-icon  span{display: inline-block; margin-right: 15px;}
header .open-menu-icon i,header .close-menu-icon i { position: relative; height: 3px; width: 30px; background-color: #ffffff; }
header .open-menu-icon i:before,header .close-menu-icon i:before { height: 3px; width: 100%; background-color: #ffffff; position: absolute; content: ""; top: -8px; left: 0; }
header .open-menu-icon i:after,header .close-menu-icon i:after { height: 3px; width: 100%; background-color: #ffffff; position: absolute; content: ""; bottom: -8px; left: 0; }
header .close-menu-icon { position: absolute; transform: translate(2rem, -50%); font-size: 12px; padding: 20px 10px; cursor: pointer; top: 9.6rem; left: auto; right: 9rem; z-index: 2; -webkit-transition: all 0.5s; transition: all 0.5s; font-weight: 700; }
header .menu-part { position: fixed; top: 0; right: 0; width: 70%; overflow: hidden; height: 100%; background: #384455; color: #fff; padding: 9rem 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 7;-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0;}
.menu-open header .menu-part {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; padding: 9rem 9rem 9rem 25rem; }
header .menu-part .inner-mrnu-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
header .menu .hs-menu-depth-1 > a { font-size: 5.3rem; display: inline-block; padding: 1.5rem 0; line-height: 4.5rem; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; font-weight: 500;}
header .menu .hs-item-has-children > a { padding-right: 9rem; background: url(https://www.castandcrew.com/wp-content/themes/castcrew/images/icon-09.png) no-repeat 100% 50%; display: inline-block;   }
header .menu .hs-menu-depth-1 .hs-item-has-children > a { padding-right: 5.5rem; }
header .menu .hs-menu-depth-1 > a:before { content: ""; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1.1rem; background: #30ABA3; z-index: -1; width: 0; transition: 0.5s; }
header .menu .hs-menu-depth-2 > a:before,header .menu .hs-menu-depth-3 > a:before {content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 1.1rem; background: #b2845a; z-index: -1; width: 0; transition: 0.5s;}
header .menu .hs-menu-depth-1 > a:hover:before,header .menu .hs-menu-depth-2 > a:hover:before ,header .menu .hs-menu-depth-3 > a:hover:before,header .menu .hs-menu-depth-1.hs-item-has-children.hover > a:before,header .menu .hs-menu-depth-2.hs-item-has-children.hover > a:before { width: 100%; }
header .menu .hs-menu-depth-1 .wrap{ position: absolute; background: #213152; top: 0; right: 0; bottom: 0; width: 70%; transition: all 0.5s; transform: translateX(100%); z-index: 11; display: flex; align-items: center; }
header .menu .hs-menu-depth-1.hover > .wrap,header .menu .hs-menu-depth-2.hover > .wrap{transform: translateX(0%);}
header .menu .hs-menu-depth-1 > .wrap > ul.hs-menu-children-wrapper { overflow: hidden; max-width: 90%; padding: 1rem 1rem 1rem 18rem; }
header .menu .hs-menu-depth-2 > a, header .menu .hs-menu-depth-3 > a{font-size: 2.2rem; font-weight: 300;  color: #b2bacc; padding: 0; transition: all 0.5s; position: relative;}
header .menu .hs-menu-depth-2,header .menu .hs-menu-depth-3 { margin: 3rem 0; }
header .menu .hs-menu-depth-3 > a {font-size: 1.8rem; }
header .menu-part li.hs-menu-depth-2 > .wrap{width: 50%; background: #2f4364;justify-content: center; z-index: 31;}
header .menu .hs-menu-depth-2.hover>a, header .menu .hs-menu-depth-3.hover>a{ color:#fff; }
.menu-back { display: none; }
.top-menu { position: relative; z-index: 1; }
.top-menu a { display: inline-block; color: #30ABA3; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; margin: 0 6.7rem 0 0; letter-spacing: 1px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.top-menu a:hover{ color: #fff; }
.top-menu li { display: inline; }
.menu ul { font-family: 'Inter'; font-size: 24px;}
.menu ul li a:hover {color: #30ABA3;}
.social-menu { display: flex; justify-content: space-between; position: relative; }
.social-menu p { font-size: 1.4rem; color: #fff; padding: 0; font-weight: 300; }
.social-menu ul { margin: 0 0 0 5px; }
.social-menu ul li { display: inline; }
.social-menu ul a { display: inline-block; padding: 0 33px 0 0; position: relative; color: #fff; font-size: 1.2rem; letter-spacing: 1px; -webkit-transition: all 0.5s; transition: all 0.5s; font-weight: 700; }
.social-menu ul a:hover { color: #7d604d; }
.social-menu ul li:not(:last-child) a:before{content: "."; position: absolute; height: 2px; width: 2px; top: -11px; right: 15px;font-size: 20px; color: #fff; }
.social-menu ul li:last-child a{ padding-right:0; }
.wrap .social-menu{position: absolute; bottom: 9rem; right: 8rem;}
.wrap .social-menu p{display:none; }

header + section { z-index: 10; }
/* footer */
footer { padding: 5.1rem 8rem 7.1rem 12.3rem; position: relative; background: #fff; line-height:1.15; }
footer .inn .side { width: 50%; font-size: 1.5rem;  color: #666; }
footer .inn .side:nth-child(2) { font-size: 1.2rem; text-align: right; }
footer .inn .side:nth-child(1) p { padding: 0 0 0.6rem; }
footer .inn .side strong { font-weight:700; color: #b08258; }
footer .side a {color: #000;-webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
footer .side a:hover {opacity:0.7;}
footer .inn .side:nth-child(2) p { padding: 0 0 0.8rem; }
footer .inn .side:nth-child(2) p a { text-transform: uppercase; font-weight:700; padding: 0 0 0 1.7rem; display: inline-block; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; }
footer .inn .side:nth-child(2) p a:before { background: url(https://www.castandcrew.com/wp-content/themes/castcrew/images/sprites.png) no-repeat; position: absolute; content: ""; background-position: -35px -136px; width: 5px; height: 7px; top: 50%; transform: translateY(-50%); left: 0; }
footer .inn .side ul li { display: inline; }
footer .inn .side ul li a { display: inline-block; padding: 0 33px 0 0; position: relative; font-weight: 700; -webkit-transition: all 0.5s; transition: all 0.5s; }
footer .inn .side ul li a:before { content: "."; position: absolute; height: 2px; width: 2px; top: -11px; right: 15px; color: #000; font-size: 20px; }
footer .inn .side ul li:last-child a:before{ display:none; }
footer .inn .side ul li:last-child a { padding: 0; }
footer .inn .side ul li a:hover { color: #999; }
footer .inn .side:nth-child(2) p a:hover { background-position: 3px 50%; color: #999; }
footer .arrow-top { position: absolute; top: 50%; left: 5rem; background: url(https://www.castandcrew.com/wp-content/themes/castcrew/images/icon-08.png) no-repeat center; width: 26px; height: 42px; background-size: 26px; z-index: 4; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: all 0.6s; transition: all 0.6s; cursor: pointer; }


@media(max-width:1400px){
  header .menu-part { width: 75%; }
  header .menu .hs-menu-depth-1>.wrap>ul.hs-menu-children-wrapper { padding: 1rem 1rem 1rem 8rem; }
  header{ font-size:80%; }
}

@media(max-width:1300px){
  .menu-open header .menu-part  { padding: 9rem 2.5rem 9rem 5rem; }
  header .menu .hs-menu-depth-1>.wrap>ul.hs-menu-children-wrapper { padding: 1rem 1rem 1rem 8rem; }
}

@media(max-width:1200px){
  html{ font-size:58%; }
  header .menu-part { width: 85% }
}

@media(max-width:1100px){
  header .menu .hs-menu-depth-1 .wrap { width: 80%; }
  header .menu .hs-menu-depth-1>.wrap>ul.hs-menu-children-wrapper {padding: 1rem 1rem 1rem 4rem;}
  header .menu .hs-menu-depth-1>a { font-size: 3.3rem;}
}

@media(max-width:1024px){
  html{ font-size:55%; }
  header .main-header { padding: 20px 7.5rem; }
  header .top-part { letter-spacing:0; padding: 5px 0;font-size: 12px; }
  header .hero img { width: auto; max-height: 550px;}
/*   header .hero .cnt {width: 60%;} */
  header .hero .cnt .author-date { 
    margin-bottom: 56px;
  }
  footer { overflow: hidden; clear: both; }
}

@media(max-width:1023px){
  header .menu .hs-menu-depth-1>.wrap>ul.hs-menu-children-wrapper {padding: 1rem 1rem 1rem 2rem;}
  header .menu-part li.hs-menu-depth-2 > .wrap{width: 70%;}
  header .close-menu-icon{ right: 2rem; }
  .social-menu > span { width: 100%; display: block; }
  .social-menu { display: block; }
  header .main-header { padding:20px 15px; }
  header .logo { width: 175px; }
  header .header-right-part { width: calc(100% - 175px); padding-left: 0; }
   header .hero .cnt h1 {font-size: 36px;}
  footer .arrow-top { left: 0.3rem; background-size: 25px; width: 25px; }
  footer { padding-left: 6rem; }
  .container,.row-fluid .span12.container{padding-left: 15px; padding-right: 15px; }
}
@media(max-width: 991px){
  header .hero .cnt {
    padding: 16px 20px 64px;
  }
}

@media(max-width:768px){
  header .top-part{ display:none; }
  header .close-menu-icon{ top: 5rem; }
  .social-menu p {  width: 100%; margin-bottom: 1rem; }
  .feature-post-section .dis-flex.side .post-img { width:100%;}
  .feature-post-section .dis-flex.side .post-content { width:100%;}
   header .hero .cnt h1 {font-size: 32px; line-height: 40px;}
}

@media(max-width:767px){
  html{ font-size:50%; }
  .menu-open header .menu-part { padding:0;width: 100%; display: block; overflow: hidden; box-sizing: border-box;}
  header .menu-part{ padding:0;}
  header .menu-part .inner-mrnu-wrapper { display: block; overflow-y: auto;padding: 5rem 5% 5%;}
  .top-menu li { display: block; margin-bottom: 1rem; }
  .top-menu a{ margin:0; }
  .top-menu { margin-bottom: 2rem; }
  header .menu { margin-bottom: 4rem; padding-top: 2rem; }
  .social-menu {text-align: center; }
  .social-menu p { margin-bottom: 2rem; }
  header .menu .hs-menu-depth-1 .wrap { width: 100%; display: block; overflow-y: auto;overflow-x: hidden; }
  header .menu .hs-menu-depth-1>.wrap>ul.hs-menu-children-wrapper {padding-top: 5rem; }
  .wrap .social-menu { display: none; }
  .menu-back { display: block; }
  .menu-back span { position: relative; padding-left: 20px; font-size: 18px; font-weight:500; }
  .menu-back span:after { border: 3px solid transparent; border-right-width: 3px; border-right-style: solid; border-right-color: transparent; border-right: 6px solid #fff; left: 0; position: absolute; content: ""; top: 50%; margin-top: -3px; }
  header .menu-part li.hs-menu-depth-2>.wrap { width: 100%; padding: 1rem 1rem 1rem 2rem; padding-top: 5rem; }
/*   header .hero .cnt { width: 80%;} */
  header .hero .cnt {
    padding: 0px 20px 64px;
  }
  header .hero .cnt .author-date { 
    margin-bottom: 40px;
  }
  footer { padding-right: 1rem; }
  footer .inn .side { width: 100%; }
  footer .inn .side:nth-child(1) p,footer .inn .side:nth-child(2) p{ padding: 0 0 3rem; }
  footer .inn .side:nth-child(2) { text-align: left; margin: 3rem 0 0; }
}

@media(max-width:640px){
  header .cta-part{ display: none; }
  header .hero .cnt h1 {Font-size: 32px; }
  .cnt .author-main .dis-flex { justify-content: center; text-align: center;}
  .cnt .author-main .author-image { height: 100px; width: 100px; min-width:auto; }
  .cnt .author-main .author-info { width: 100%; padding-left: 0; margin-top: 35px; text-align: center;}
  .cnt .author-main .author-info h1 { text-align: center; }
  h1,h2 { font-size:21px; line-height:1.1; margin-bottom:15px; }
  h3 { font-size: 18px;  line-height:1.1; margin-bottom:15px;  }
}

@media(max-width:375px){
  header .open-menu-icon span{ display: none; }
  header .hero .img-w {max-height: 425px;}
  header .hero img { max-height: 425px;}
  header .hero .cnt h1 {font-size: 28px; line-height: 32px;}
  .cnt form.search-box input[type="submit"]{ max-width: 70px; width: 25%;}
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300400;500;600;700;800&display=swap');

.inner-topic-wrapper {
  padding-top: 20px;
}
.resource-topic {
	padding: 0 20px 20px;
  max-width: 100%;
}
.resource-topic > * {
	display: block;
}
.resource-topic span {
	font-weight: bold;
}
.resource-topic span.resource-topic-instructions {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.resource-topic select {
  height: 38px;
}
.resource-topic .selectric {
	border: none;
	border-radius: 3px;
}
.resource-topic .selectric-items {
  max-width: 100%;
}
.resource-topic .selectric-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.resource-topic .selectric-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.topic-filter-part .link-container {
	align-self: end;
}
.topic-filter-part .link-container a {
  margin-bottom: 20px;
  display: inline-block;
}
.topic-filter-part a.button {
	border-radius: 3px;
	padding: 5px 10px;
  display: inline-block;
}
.topic-filter-part a.button:hover {
	background-color: #0a58ca;
	border-color: #0a58ca;
	text-decoration: none;
}
/* Post Page */
body { overflow-x: hidden; }
.post-banner { position: relative; color: #fff; text-align: center; }
/*.post-banner:before,.blog-listing-wrapper:before{ position: absolute; content: ""; height: 565px; width: 100%; top: 0; left: 0; background: linear-gradient(1deg ,#131820 0%, #384455 100%), #f6f8fa; }*/

.post-banner .container,.blog-listing-wrapper .container{position: relative;}
.post-banner .post-topic { color: #F3AC21; font-weight: 500; margin-bottom: 10px;    letter-spacing: 0.1em; }
.post-banner .post-topic a:hover{ color: #ffffff;}
.post-banner h1 { max-width: 700px; margin-left: auto; margin-right: auto; }
.post-banner .author-date { font-weight: 500; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.post-banner a.author-link { display: inline-flex; align-items: center; position: relative; margin-right: 22px; }
.post-banner a.author-link:hover,.breadcrumb-menu ul a:hover{ color:#F3AC21 ;}
.post-banner .author-img { height: 40px; width: 40px; background-size: cover; background-position: center; border-radius: 50%; display: inline-block; margin-right: 14px; }
.post-banner a.author-link:after { position: absolute; content: "|"; right: -13px; color:#fff; top: 50%; transform: translateY(-50%); }
.post-banner .date { display: inline-block; }
.post-banner .post-featured-img { margin-top: -64px; border-radius: 8px; }
.post-banner .post-featured-img img { width: 100%; max-height: 375px; height: 100%; object-fit: cover; border-radius: 8px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);}

.post-main-content { padding: 55px 0 90px; }
.post-main-content .left-content { width: calc(72.50%); padding-right: 70px; }
.post-main-content .right-content { width: 27.50%; }
.post-main-content p, .post-main-content h1, .post-main-content h2, .post-main-content h3, .post-main-content h4, .post-main-content h5, .post-main-content h6 { color: #000000; }

.post-author-detail { margin-top: 55px; }
.post-author-detail .author-img { height: 80px; width: 80px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%; position: relative; border: 2px solid #F3AC21; }
.post-author-detail .author-img:before { position: absolute; content: ""; height: 100%; width: 100%; border-radius: 50%; border: 8px solid #fff; }
.post-author-detail .author-detail { width: calc(100% - 80px ); padding-left: 17px; }
.post-author-detail .detail-content p { margin-bottom: 0; }
.post-author-detail .detail-content p:nth-child(1),.post-author-detail .detail-content h6:nth-child(2){ display:inline; font-weight:700; color: #536881; text-transform: capitalize;} 
.post-author-detail .author-img a { display: block; height: 100%; width: 100%; position: relative; }

.post-topics { background: #F6F8FA; border: 1px solid #EBEBEB; min-width: 448px; display: inline-flex; padding: 11px 16px; margin-top: 59px; }
.post-topics .tag-label { display: inline-block; margin-right: 16px; }
.post-topics a.topic-link { color: #536881; text-transform: capitalize;font-weight: 500; }

.post-share { margin-bottom: 40px; }
.post-share ul,.author-social, ul.social{ list-style: none; }
.post-share li:first-child{ margin-right: 18px; margin-left: 0; }
.post-share li.vertical,.author-social li { overflow:hidden; height: 30px; width: 30px;  border-radius: 50%; margin: 0 6px; }
.post-share li.vertical{border: 1px solid #3C9DD7; }
.post-share a:hover svg path{ fill:#fff;}
.post-share li.vertical a,.author-social li a{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.post-share li.vertical a:hover { background: #3C9DD7; }

.sales-promo-banner { height: 415px; display: flex; align-items: flex-end; padding: 38px 30px; color: #fff; width: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;margin-bottom: 20px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.04); }
/* .sales-promo-banner:before { position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.2); top: 0; left: 0; content: ""; } */
.sales-promo-banner > div { position: relative; text-align: center;}
.sales-promo-banner h4,.help-promo h4{ margin-bottom:8px; }
.sales-promo-banner .common-cta a {font-family: 'Inter'; background: linear-gradient(85.66deg, #30ABA3 6.2%, #3C9DD7 100%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); border-radius: 4px;}

.help-promo { background: #F6F8FA; padding: 36px 30px; border-top: 10px solid #1AA199;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.04);}
.help-promo .common-cta a{ margin-top:24px; }





.hero .cnt.hasbreadcrumb { padding-top: 50px; }
.breadcrumb-wrapper { display: block; border-top: 1px solid #FFFFFF; margin-top: 20px; padding-top: 10px; }
.breadcrumb-wrapper .hs-breadcrumb-menu-item a { font-size: 12px; font-weight: bold; color: #FFFFFF; }



.blog-subscribe { background: #fff; color: #fff; padding: 70px 0 60px; }
.blog-subscribe .container{max-width: 1105px; padding: 0 70px; } 
.blog-subscribe .left-part { display: flex; justify-content: space-between; align-items: center; width: 52.50%; padding-right: 32px; }
.blog-subscribe .right-part { width: 47.50%; }
.blog-subscribe h2 { width: 80%; font-size: 22px; color: #626264; margin-bottom: 13px; margin: 0 auto;}
.blog-subscribe .subscribe-image { width: 20%; max-width: 70px; min-width: 60px; margin: 0; }
.blog-subscribe .detail-content { line-height: 1.5; }
.blog-subscribe form{display: flex; align-items: center;}
.blog-subscribe form div.hs-form-field{width: calc(100% - 155px); margin-bottom: 0;position: relative;}
.blog-subscribe .hs_submit.hs-submit { width: 155px; }
.blog-subscribe form .hs_submit input{ width:100%; border-radius: 0px 4px 4px 0px; background: linear-gradient(85.66deg, #30ABA3 6.2%, #3C9DD7 100%);}
.blog-subscribe form .hs-form-field>label { display: none;}
.blog-subscribe form .hs-input{ margin-bottom:0; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
border-radius: 4px 0px 0px 4px;}
.blog-subscribe form ul.hs-error-msgs { position: absolute; top: 100%; left: 0; margin-top: 5px; }
.blog-subscribe .form-title { display: none; }

.related-posts{ position:relative; }
.related-posts .inner-wrapper > .dis-flex{ justify-content:center; }
.related-posts h2{text-align: center; margin-bottom: 60px; }
.related-posts .inner-wrapper { border-top: 1px solid #EBEBEB; padding: 60px 0 40px; position:relative; }
.related-posts .inner-wrapper .post-topic {font-weight: bold;}

.post-item{background-color:#fff; width:100%;margin-bottom: 25px; transition: box-shadow .2s linear; border-radius: 8px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);}
.post-item:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.post-item .post-img { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 174px; width: 40%; }
.post-item .post-img a { height: 100%; width: 100%; display: block; }
.post-item .post-content { width: 60%; padding: 27px 32px; display: flex; flex-direction: column; justify-content: center;}
.post-item .post-topic{ font-weight: 500; letter-spacing: 0.1em; color: #1AA199; margin-bottom: 12px; }
.post-item .post-topic a:hover{ color:#626264;}
.post-item h3 { font-weight: 400; margin-bottom: 30px;}
.post-item h3 a:hover,.post-topics a.topic-link:hover,a.author-link:hover{ color:#3c9dd7;}
.post-item .date-time { margin-bottom: 0; }
.post-item .date-time ul { list-style: none; color: #99999C; padding: 0; justify-content: center; }
.post-item .date-time ul li:first-child { position: relative; margin-right: 22px; }
.post-item .date-time ul li:first-child:after { position: absolute; content: "|"; right: -13px; top: 50%; transform: translateY(-50%); }
.post-item.three-col .post-img{ height: 218px; width: 100%; border-radius: 8px 8px 0 0;}
.post-item.three-col .post-content { padding: 32px 22px 62px; width:100%; }
.post-item.three-col { position: relative; width: calc(33.33% - 22px); margin-right: 22px; margin-bottom:40px; }
.post-item.three-col .date-time{ margin: 0;}
.post-item.three-col h3 { font-weight: 400; margin-bottom: 30px; display: -webkit-box; max-width: 307px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.help-item { padding: 32px !important; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.help-item .img-w { width: 66px; margin: 0 auto 20px;}
.help-item .help-cnt h4 { font-size: 14px; }
.post-read-more { font-family: 'Inter'; text-transform: capitalize; color: #48A3D9; font-size: 14px;}
.post-item.three-col .post-read-more { position: absolute; bottom: 30px; left 15px; }
.post-read-more .rarr{ font-family: 'Inter'; font-size: 20px; margin-left: 8px;}
.help-item hr { width: 85%; border-top: 1px solid #D8D8D8; margin: 20px auto;} 
.help-item.post-item.three-col { margin-right: 0;}
.help-item.post-item.three-col hr, .help-item.post-item.three-col .help-social { display: none; }

.social { justify-content: center; }
.social li { margin: 0 6px; }
.social li:first-child { margin-left: 0; }
.social li:last-child { margin-right: 0; }
.social li a svg {max-width: 30px;}

.feature-post.post-item .date-time { margin-bottom: 36px; }

.blog-listing-wrapper { padding: 0 0 35px;position: relative;}
.breadcrumb-menu { color: #fff; margin-top: 32px; margin-left: 16px;}
.breadcrumb-menu ul { list-style: none;}
.breadcrumb-menu ul li:last-child { font-weight: 700; }
.breadcrumb-menu ul li:not(:first-child) { padding-left: 25px; position: relative; }
.breadcrumb-menu ul li:not(:first-child):before { position: absolute; content: ">"; left: 8px; font-weight: 400; }

.title-search { color: #626264; margin-bottom: 40px; display: none;}
.title-search > .dis-flex { justify-content: flex-end; align-items: center; }
.title-search h1 { font-size: 48px; margin-bottom: 0; line-height: 1.1;     width: calc(100% - 380px);}
.title-search form.search-box { display: none; }
.title-search form.search-box input[type="text"] { background: transparent;margin-bottom:0;  color: #626264; border-bottom: 1px solid #626264; padding: 8px 30px 8px 0; border-radius: 0; font-weight: 700; }
.title-search form.search-box input[type="submit"]{ background-image: url(https://www.groovecommerce.com/hubfs/Cast%20and%20Crew/images/Search.png); background-repeat: no-repeat; background-position: center; height: 17px; width: 17px; background-color: transparent; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.title-search input::-webkit-input-placeholder { color: #626264;} 
.title-search input:-moz-placeholder { color:#626264;} 
.title-search input::-moz-placeholder { color: #626264;  } 
.title-search input:-ms-input-placeholder { color: #626264;}
.title-search form.search-box { max-width: 350px; width: 100%; position: relative; }

.title-search .mobile-search-button { background: linear-gradient(80.46deg, #30ABA3 0%, #3C9DD7 100%); padding: 12px; border-radius: 4px;}

.feature-post{ width: calc(100% - 12px); margin-bottom: 40px; }
.feature-post .post-img { height: 400px; width: 66.67%;}
.feature-post .post-content { padding: 55px 30px; width:33.33%;}

.topic-filter-part {position: sticky; position: -webkit-sticky;   top: 0; width: calc(100%); background: linear-gradient(80.46deg, #30ABA3 0%, #3C9DD7 100%); border: 0; padding: 0; margin-bottom:45px; box-shadow: none; margin-right: -15px; color: #fff; z-index: 6; }
/* .topic-filter-part {position: sticky; position: -webkit-sticky;   top: 0; width: calc(100%); background: linear-gradient(45deg, #1F262D 0%, #000000 100%); border: 0; padding: 0; margin-bottom:45px; box-shadow: none; margin-right: -15px; color: #fff; z-index: 8; } */
.topic-filter-part ul { align-items: center; flex-wrap: wrap; overflow: visible; justify-content: center; padding-left: 0;}
.topic-filter-part ul a { font-family: 'Inter'; white-space: nowrap; padding-left: 25px; position: relative; padding: 7px 0 2px; margin: 0 12px 5px; border-bottom: 2px solid transparent; transition: all .25s ease-in-out; }
.topic-filter-part ul a:hover { border-bottom: 2px solid #FFF; color: #FFFFFF; }
.topic-filter-part ul li { display: block; width: auto; margin: 16px 0 ; }
.topic-filter-part .topic-title { display: none; }
.mobile-filter {display: none;}
.mobile-filter svg {width: 16px; fill: #FFFFFF;}
.filters-open .mobile-filter { margin-bottom: 10px; border-bottom: 1px solid #FFFFFF;}
.filters-open .mobile-filter svg:last-child { transform: rotate(-180deg); }
.mobile-filter span { font-family: 'Inter'; white-space: nowrap; padding-left: 25px; display: inline-block; position: relative; padding: 7px 12px; margin: 16px 0; }
.mobile-filter-part { display: block; pointer-events: none; position: absolute; top: 65px; left: 0; width: 100%; overflow: hidden; background: linear-gradient(80.46deg, #30ABA3 0%, #3C9DD7 100%);  color: #fff; -webkit-transition: all .25s; transition: all .25s;  z-index: 3;  opacity: 0;  -webkit-transform: translate3d(0,-5%,0);
    transform: translate3d(0,-5%,0);}

.blog-pagination { margin: 20px 0 25px; }
.blog-pagination ul { list-style: none; margin: 0; }
.blog-pagination ul a { padding: 5px 15px; display: inline-flex; color: #3C9DD7;}
.blog-pagination .pages { letter-spacing: 0.1em; margin-right: 25px; }
.blog-pagination .disabled path{fill:#E1E2E6!important;}
.blog-pagination a:hover path{fill:#656565!important;}
.blog-pagination .disabled { pointer-events: none; }
.blog-pagination li.current a{ font-weight: 700; color: #656565; }
.blog-pagination ul a:hover{color: #656565;}
.blog-pagination > .dis-flex { justify-content: center; }

.search-title { color: #626264; }
.no-post-msg { padding: 50px 0; }
.no-post-msg p { color: #000000; }
.no-post-msg p:not(:last-child) { margin-bottom: 15px; }

.author-banner { background: linear-gradient(1deg,#131820 0%,#384455 100%),#f6f8fa; color: #fff; padding: 170px 0 83px; }
.author-banner .breadcrumb-menu { margin-bottom: 11px; }
.author-banner .author-main { max-width: 500px; margin: 0 auto; }
.author-banner .author-image { height: 183px; width: 183px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.author-banner .author-info { width: calc(100% - 183px); padding-left: 35px;}
.author-banner h1 { margin-bottom: 8px; }
.author-banner h6 { font-weight: 500; margin-bottom: 16px; line-height: 1.31; }
.author-banner .author-info .detail-content > *:not(:first-child) { display: none; }

.author-social li {} }
.author-social li:first-child{margin-left:0; }
.author-social svg path{ fill:#fff;}
.author-social a:hover svg path{ fill:#3c9dd7;}
.author-social li:hover{background:#fff;}
.author-bio .detail-content.post-body > h6 {display: none;}

@media(min-width:641px){
  .mobile-search-button { display: none; }
}

@media(min-width:768px){ 
  /*.related-posts:before { position: absolute; content: ""; height: 60%; width: 100%; background: #F6F8FA; bottom: 0; left: 0; }*/
  .help-item .help-cnt h4 { font-size: 16px; }
  .post-read-more { font-size: 16px;}
  
  .breadcrumb-wrapper { margin-top: 30px; padding-top: 20px; }
  .breadcrumb-wrapper .hs-breadcrumb-menu-item a { font-size: 14px;}
}

@media(min-width:1024px){
  .post-main-content.author-bio { padding-bottom: 75px; }
  .hero .cnt.hasbreadcrumb { padding-top: 0; }
}

@media(max-width:1279px){
  .author-banner .breadcrumb-menu { margin-bottom: 32px; }
}

@media(max-width:1024px){
  .author-banner{ padding:160px 0 70px; }
  .post-main-content .left-content { padding-right: 35px; }
  .post-main-content { padding: 50px 0; }
  .post-topics { min-width: auto; margin-top: 50px; }
  .post-author-detail { margin-top: 50px; }
  .post-item.three-col .post-content { padding: 30px 15px 60px; }
  .feature-post-section .feature-post .post-content,.post-item .post-content { padding: 50px 25px; }
  .author-banner .author-image { height: 125px; width: 125px; min-width: 125px;}
  .author-banner .author-info { width:auto; padding-left: 25px; }
  .author-main > .dis-flex{justify-content: center; flex-wrap: nowrap;}
  .title-search h1 { font-size: 36px; }
  .post-share { margin-bottom: 25px; }
  .post-share li.vertical, .author-social li{ margin: 0 6px 6px; }
}

@media(max-width:1023px){
  .post-item.three-col { width: calc(33.33% - 10px); margin-right: 10px; margin-bottom: 25px; }
  .feature-post-section .feature-post { width: 100%; margin-right: 15px; margin-bottom: 25px; }
}

@media(max-width:768px){
  .blog-listing-wrapper{ padding:0 0 20px; }
  .author-banner{ padding:120px 0 50px; }
  .post-banner:before { height: 475px;}
  .post-main-content .left-content { width: 100%; padding-right: 0; order: 2; }
  .post-main-content .right-content { width: 100%; }
  .post-main-content .right-content .hs_cos_wrapper_type_module{ display:none; }
  .blog-subscribe .container { padding: 0 40px; }
  .blog-subscribe { padding: 50px 0; }
  .blog-subscribe .left-part { width: 100%; padding-right: 0; }
  .blog-subscribe .right-part { width: 100%; margin-top: 27px; }

  .post-item.three-col { width: calc(50% - 8px); margin-right: 8px;}
  .post-item.three-col:nth-child(2n) { margin-right: 0; }
  .post-item .date-time { margin-bottom: 24px; }
  .related-posts h2 { margin-bottom: 34px; }
  .related-posts .post-item.three-col:nth-child(3){ display:none; }
  .feature-post-section .feature-post { width: 100%; margin-right: 0; order: 2; }
  .blog-pagination { margin: 20px 0 15px; }
  .title-search h1 { width: calc(100% - 320px); }
  .title-search form.search-box { max-width: 300px; }
  .topic-filter-part ul { display: none; }
  .topic-filter-part .filters-open ul { display: flex; }
  .topic-filter-part .filters-open ul.dis-flex > .link-container { width: 100%; text-align: center; }
  .mobile-filter {display: flex; justify-content: center; cursor: pointer;}
  .filters-open .mobile-filter-part { pointer-events: all; opacity: 1; -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
  .mobile-filter-part ul {display: flex; flex-direction: column}
  .post-banner .post-featured-img img { min-height: 140px; object-fit: cover; }
}

@media(max-width:640px){
  .post-banner:before { height: 350px; }
  .post-banner h1 { max-width: 300px; }
  .post-author-detail .author-detail { width: 100%; padding-left: 0; margin-top: 13px; }
  .blog-subscribe .left-part { flex-direction: column; }
  .blog-subscribe h2 { text-align: center; }
  .blog-subscribe .subscribe-image { margin-bottom: 12px;}
  .blog-subscribe form { flex-wrap: wrap; }
  .blog-subscribe form div.hs-form-field { width: 100%; padding-right: 0; }
  .blog-subscribe .hs_submit.hs-submit { width: 100%; margin-top: 16px; }
  .post-item.three-col,.post-item { width: 100%; margin-right: 0;}
  .post-item.three-col .post-img,.post-item .post-img { /* min-height: 80px; width: 35%; */ height: 290px; }
  .post-item.three-col .post-content,.post-item .post-content{ padding: 25px; /*width: 65%;*/ }
  .post-item.three-col h3 { font-weight: 400; margin-bottom: 30px; display: -webkit-box; max-width: 505px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
  .post-item .date-time { margin-bottom: 16px; }
  .feature-post-section .feature-post { padding: 0; }
  .feature-post-section .feature-post .post-content{padding: 15px;}
  .title-search h1 { width: calc(100% - 30px); }
  .title-search form.search-box { max-width: 100%; width: 100%; margin-top: 15px; display:none; }
  .title-search { color: #fff; margin-bottom: 25px; }
  .breadcrumb-menu { display: none;}
  .blog-pagination .pages {  width: 100%; text-align: center; margin-bottom: 18px;     margin-right: 0; }
  .author-main .dis-flex { text-align: center;}
  .author-banner .author-image { height: 100px; width: 100px; min-width:auto; }
  .author-banner .author-info { width: 100%; padding-left: 0; margin-top: 35px; }
  .author-main > .dis-flex{ flex-wrap:wrap;}
  .author-banner h6{margin-bottom: 20px; }
  .blog-subscribe form ul.hs-error-msgs { position: relative; }
  .mobile-search-button { cursor: pointer; padding-left: 5px; }
  .mobile-search-button img { width: 17px; }
  .mobile-search-button .close { display:none; }
  .post-item,.feature-post-section .feature-post,.post-item.three-col{ margin-bottom: 15px; }
}
@media(max-width:480px){
  .topic-filter-part .filters-open ul.dis-flex a.button { width: calc(100% - 24px); text-align: center; }
}

@media(max-width:375px){
  .blog-listing-wrapper{ padding:0 0 25px; }
  .author-banner{ padding:75px 0 50px; }
  .post-banner .post-topic,.post-banner .author-date { font-size:9px;}
  .post-banner h1{ margin-bottom:10px;    max-width: 250px; }
  .post-banner .author-img{ margin-right:12px; }
  .post-banner .post-featured-img { margin-top: -30px; }ed
  .post-banner:before { height: 318px; }
  .post-main-content { padding: 22px 0 37px; }
  .post-share { margin-bottom: 22px; }
  .post-author-detail { margin-top: 28px; }
  .post-topics { margin-top: 24px; }
  .post-item .post-topic { font-size: 10px;}
  .post-item h3 { font-size: 16px; margin-bottom: 10px; }
  .post-item .date-time,.topic-filter-part ul a{ font-size: 13px; }
  .post-item.three-col,.post-item,.feature-post-section .feature-post { margin-bottom: 10px; }
  .post-read-more {font-size: 12px;}
  .related-posts .inner-wrapper { padding: 35px 0 50px; }
  .title-search h1,.blog-subscribe h2  { font-size: 21px;}
  .title-search { margin-bottom: 20px; }
  .blog-pagination .pages , .author-banner h6{ font-size:14px; }
  .blog-pagination { margin: 20px 0 10px; }
  .blog-listing-wrapper:before{ height:375px; }
  .feature-post .post-img { height: 152px; }
}


/* Case Studies */
.case-study-body {
  margin-bottom: 50px;
}
.case-study-page-container {
  width: 100%;
}
.back-to-case-studies {
  width: 100%;
  margin-top: 20px;
}

/* Blue Gradient Background */
.knowledge-base .hero,
.knowledge-base .header-container-wrapper .wrapper-header .main-header,
.product-suite .header-container-wrapper .wrapper-header .main-header,
.scrolled, .main-page .wrapper-header.scrolled,
.bg.hero-section,
.left-num,
.wrapper-header,
.course-hero,
section.blog-subscribe1,
.sm-hero-section,
.mobile-filter-part {
  background: #020304 !important;
}
/* Dark Gradient Background */
.hs-blog-listing header,
.hs-blog-listing .topic-filter-part,
.hs-blog-post header,
header .menu-part,
footer,
.header-container-wrapper .wrapper-header .main-header {
  background: linear-gradient(45deg, rgba(31,38,45,1) 0%, rgba(0,0,0,1) 100%) !important;
}
.no-nav-transition header,
.no-nav-transition .navbar.fixed-top,
.no-nav-transition .topic-filter-part {
  background: linear-gradient(90deg, rgba(31,38,45,1) 0%, rgba(0,0,0,1) 100%) !important;
}
/* Black */
body,
.hs-blog-listing .post-item .date-time ul,
.post-item .date-time ul,
.post-item .post-topic a:hover,
.product-suite .hero,
#popular-articles .articles .article-wrap .article .article-title,
#popular-articles .articles .article-wrap .article .copy,
.knowledge-base-menu .menu-body .card .card-body .content .card-links ul li a,
#contacts .contact-buttons .contact .contact-content .button-content h3.title,
#contacts .contact-buttons .contact .contact-content .button-content .subtitle,
h2.title,
.hero .back a,
#news-announcements .news-carousel .news-container .slick-track .news-item .news-wrap .card-content h2.headline,
#product-suite .product-suite .tab .suite-wrapper .suite-content h2.headline,
#product-suite .product-suite .tab .suite-wrapper .suite-content .copy,
#product-suite .product-suite ul.tab-nav li a,
#product-suite .product-suite .r-tabs-accordion-title a,
.sign-in .hs-menu-wrapper>ul li.hs-menu-item.hs-menu-depth-1:last-child a,
.learning-explianer-duration,
.weekday h4 a,
.weekday .duration {
  color: #000000;
}
#product-suite .product-suite ul.tab-nav li a .suite-image svg path,
#product-suite .product-suite .r-tabs-accordion-title a .suite-image svg path {
  fill: #000000;
}
/* Light Blue */

/* Medium Blue */
/* .hs-blog-post header h1, */
.hs-blog-listing .post-read-more,
.hs-blog-listing .blog-pagination ul a,
.post-read-more,
.top-menu a,
/* header .hero .cnt h1 strong, */
footer .inn .side strong,
.knowledge-base-menu .menu-body .card .card-body .icon-heading h3,
.knowledge-base-menu .menu-body .card .card-body .content .card-view-all a,
a.read-more,
.hero .hero-content .products div,
#product-suite .product-suite ul.tab-nav li.r-tabs-state-active a,
#product-suite .product-suite ul.tab-nav li.ui-state-active a,
#product-suite .product-suite .r-tabs-accordion-title.r-tabs-state-active a,
#product-suite .product-suite .tab .suite-wrapper .suite-content .products .product-name,
#product-suite .product-suite .tab .suite-wrapper .suite-content .products .product-name a,
.hs-blog-listing .post-item .post-topic,
.post-item .post-topic,
.detail-content a,
#news-announcements .news-carousel .news-container .slick-track .news-item .news-wrap .card-content .subheading,
.content-part h6,
.content-part a,
.question-btn,
.left-num span,
.left-grp h6 {
  color: #0000ff;
}
.left-num span {
  -webkit-text-fill-color: unset;
}
.hs-blog-listing .blog-pagination ul li.pagination-next a svg path,
#product-suite .product-suite ul.tab-nav li.r-tabs-state-active a .suite-image svg path,
#product-suite .product-suite ul.tab-nav li.ui-state-active a .suite-image svg path,
#product-suite .product-suite .r-tabs-accordion-title.r-tabs-state-active a .suite-image svg path,
.learning-explianer-duration svg path {
  fill: #0000ff;
}
.right-grp:before,
.content-part,
.faq-item {
  border-color:#0000ff;
}
/* Dark Blue */
.menu ul li a:hover,
.post-item h3 a:hover,
.post-topics a.topic-link:hover,
a.author-link:hover,
.social-menu ul a:hover,
#product-suite .product-suite ul.tab-nav li:hover a,
#product-suite .product-suite ul.tab-nav li:hover a .suite-image svg path,
.content-part a:hover,
.post-topics a.topic-link {
  color: #0036B0;
}
.detail-content a {
  text-decoration: underline;
}
/* Menu */
header .menu .hs-menu-depth-1 > a:before {
  background: #0000ff;
}
/* White */
.course-hero .detail-content,
footer .inn .side,
footer .side a,
footer li.hs-menu-item.hs-menu-depth-1>a,
footer li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>ul>li>a,
.footer-desc *,
.footer-desc .social a {
  color: #FFFFFF;
}
footer .arrow-top {
  filter: grayscale(1) contrast(10) invert(1);
}
/*********** 
  Buttons
***********/
/* Default */
/* .cnt form.search-box input[type="submit"]:hover {
  background: url(https://www.groovecommerce.com/hubfs/Cast%20and%20Crew/images/Search.png) center no-repeat, linear-gradient(239.86deg, #FFFFFF 0%, #FFFFFF 100%);
  padding: 13px;
} */
.cnt form.search-box input[type="submit"],
a.button,
.common-cta a {
  background: #0000ff;
  border: 2px solid #0000ff;
  color: #FFFFFF;
}
/* .cnt form.search-box input[type="submit"]:hover, */
a.button:hover,
.common-cta a:hover {
  background: #FFFFFF;
  border: 2px solid #0000ff;
  color: #0000ff;
  text-decoration: underline;
}
/* Default Inverse */
#contacts .contact-buttons .contact:last-of-type a {
  background: #FFFFFF;
  border: 2px solid #0000ff;
  color: #0000ff;
  text-decoration: underline;
}
#contacts .contact-buttons .contact:last-of-type a:hover {
  background: #0000ff;
  border-color: #0000ff;
  color: #FFFFFF;
  text-decoration: none;
}
/* MyCast&Crew */
header .cta-group > a:first-child {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}
header .cta-group > a:first-child:hover,
.sign-in .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1:last-child a:hover {
  background: #0000ff;
  border-color: #0000ff;
  color: #FFFFFF;
}
/* Search */
.cnt form.search-box input[type="submit"],
.search-wrapper form button {
  background: url(https://www.groovecommerce.com/hubfs/Cast%20and%20Crew/images/Search.png) center no-repeat, linear-gradient(239.86deg, #0000ff 0%, #0000ff 100%);
}

a.read-more .hs_cos_wrapper_widget:after {
  filter: grayscale(1) contrast(10) invert(1) invert(38%) sepia(24%) saturate(6416%) hue-rotate(193deg) brightness(94%) contrast(108%);
}

a.read-more {
    padding: 10px !important;
    color: #0000ff;
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'Inter', sans-serif !important;
    letter-spacing: inherit !important;
    text-transform: initial !important;
}