/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


* {margin: 0;padding: 0;box-sizing: border-box;}
h1.heading {font-family: Poppins;font-size: 45px;font-weight: 600;line-height: 52px;letter-spacing: 0em;text-align: left;color: #fff;}
p.content-graph {font-family: Poppins;font-size: 28px;font-weight: 600;line-height: normal;letter-spacing: 0em;text-align: left;color: #fff;}
.slideshow.main-slide:before{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.00) 102.85%);}
.slideshow::before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.slideshow { position: relative;width: auto;height: auto;}
.transpaernt-box li { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); background: #cfc9c942;background: hsla(0, 6%, 80%, .26);border-radius: 8px;list-style: none;padding: 30px;text-align: center;flex-basis: calc(33% - 10px);}
.transpaernt-box li a {font-family: Poppins;font-weight: 300;line-height: 30px;letter-spacing: 0em;text-align: left;color: #fff;}
.transpaernt-box h3 {font-family: Poppins;font-size: 25px;font-weight: 700;line-height: 38px;letter-spacing: 0em;text-align: right;color: #fff;margin-bottom: 0px;}
a:hover {text-decoration: none;}
.link-text {font-family: Poppins;font-size: 20px;font-weight: 500;line-height: 30px;letter-spacing: 0em;text-align: left;}
.links-in {text-align: right;font-family: Poppins;font-size: 20px;font-weight: 500;line-height: 30px;letter-spacing: 0em;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: #f7f7f7;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px; color: #000;display: block;transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.summit-header {display: flex;justify-content: space-between;align-items: center;}
.menu-rightside {align-items: center;display: flex;justify-content: flex-end;}
.header-upper {padding: 40px 40px 16px 40px;}
.hs-content-id-160232659878 .header-upper .button, .hs-content-id-160853059761 .header-upper .button .hs-content-id-160676833658 .header-upper .button {border-radius: 7px;background: #F2012C;line-height: normal;} 
.header-upper .button a {color: #FFF;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
.micro-humberger {margin-right: 20px;}
.footer-copyright-summit p {margin: 0;}
.footer-copyright-summit {padding: 5px 0;color: #000;font-family: Poppins;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;text-align: right;}
.link-text {display: flex;justify-content: space-between;}
h2.title-joiniee {color: #fff;}
.footer-contain {background-image: url('https://ci-hub.com/hubfs/footer-img.png');background-size: cover;width: 100%;background-repeat: no-repeat;background-position: center;text-align: center;padding: 104px;color: #fff;}
.footer-contain a {font-family: Poppins;font-size: 49px;font-style: normal;font-weight: 600;line-height: normal;text-align: center;color: #fff;}
.slideshow img {width: 100%;}
.home-form input {height: 49px;flex-shrink: 0;border: transparent;border-radius: 4px;padding: 13px;width: 100% !important;}
.home-form input, .home-form textarea, .home-form select {width: 100%;height: 51px; border-radius: 6px;border: 1px solid #59595980;}
.home-form textarea {flex-shrink: 0;border: transparent;border-radius: 4px;padding: 13px;width: 100% !important;}
ul.no-list.hs-error-msgs.inputs-list {margin: 0;}
li.hs-form-booleancheckbox input {height: auto;list-style: none;margin-right: 10px;margin-top: 0;width: 34px !important;height: 34px;vertical-align: middle;}
::marker { display: none !important;}
li.hs-form-booleancheckbox {margin: 20px 0;}
ul.no-list.hs-error-msgs.inputs-list li::marker {display: none !important;font-size: 0;}
li.hs-form-booleancheckbox::marker {display: none !important;font-size: 0;}
input.hs-button.primary.large {background: #e80029;color: #fff;font-family: 'Poppins';font-size: 20px;line-height: normal;}
.direction-flex {display: flex;justify-content: space-between;align-items: center;}
ul.inputs-list {padding: 0;}
.hs-form-booleancheckbox span {color: #000;font-family: Poppins;font-size: 18.674px;font-style: italic;font-weight: 400;line-height: normal;}
.right-section input::placeholder {color: #000;font-family: Poppins;font-size: 20.008px;font-style: normal;font-weight: 400;line-height: normal;}
.right-section textarea::placeholder {color: #000;font-family: Poppins;font-size: 20.008px;font-style: normal;font-weight: 400;line-height: normal;}
ul.inputs-list {padding: 0;text-align: left !important;}
.hs-form__field-row__column { padding: 0px !important; }
.hs-web-interactive  span.hs-form__field__checkbox__label-text {
  font-family: 'Inter' !important;
}
/*  14march */

.slideshow {background-image: url(https://ci-hub.com/hubfs/surfing-girl.webp);background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.slideshow-content {align-items: flex-start;justify-content: space-between;display: flex;flex-direction: column;height: 840px;padding: 65px 0 40px 0;position: relative;z-index: 1;}
.image-text {background: #E9E9E9;padding: 90px 0 120px 0;}
.slideshow-content ul.transpaernt-box {display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%;flex-wrap: wrap;}
.form-container .form-heading h1 {color: #ffffff;font-family: Poppins;font-size: 40.702px;font-style: normal;font-weight: 700;line-height: normal;}
.form-container {align-items: center;display: flex;gap: 4rem;justify-content: space-between;}
.form-area .main-form {border-radius: 6.6px;background: #F9F9F9;padding: 20px;}
.form-area {background-image: url(https://ci-hub.com/hubfs/form-bg-1.webp);background-repeat: no-repeat;background-size: cover;padding: 70px 0px 110px 0px;background-position: top;background-color: #e9002a;}
.form-area.managers-form{background-image: url(https://ci-hub.com/hubfs/form-bg-1.webp);background-repeat: no-repeat;background-size: cover;padding: 90px 0px 110px 0px;background-position: center;background-position: center;background-color: #e9002a;}
.image-text .how-we-are {display: flex;align-items: center;justify-content: center;column-gap: 2rem;}
.image-text .how-we-are .image-left, .form-area .form-heading{width: 40%;}
.image-text .how-we-are .image-left img{width: 100%;}
.image-text .how-we-are .content-right, .form-area .main-form  {width: 60%;}
::placeholder {color: #000;font-family: Poppins;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;}
label.hs-error-msg.hs-main-font-element {font-size: 12px;color: #e9002a;}
.transpaernt-box .links-in {font-family: Poppins;font-size: 27.361px;font-style: normal;font-weight: 400;line-height: normal;}
.content-right p {color: #070707;font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px;letter-spacing: 0px;}

/* managers page css */
.slideshow.second{background-image: url(https://ci-hub.com/hubfs/manager-bg.webp);background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.how-we-are.visual {align-items: end;}
/*  */
.slideshow.second h1.heading {line-height: normal;}
.image-text.manager-visual .image-left h2 {color: #fff;}
.manager-visual .content-right p.Creators {margin-top: 100px;margin-bottom: 0;}
.inputs-list li.hs-form-booleancheckbox span {color: #000;font-family: Poppins;font-size: 14px;font-style: italic;font-weight: 400;line-height: normal;}
.main-form input:focus-visible, .main-form textarea:focus-visible{outline: 0.4px solid #A7A7A7;}
/* toggle menu */
.custom-menu {background-color: #f7f7f7;transform: translatey(-100%);transition: 0.8s;}
.opened {transform: translatey(0);}
ul {list-style: none;padding: 0;}
.custom-menu {overflow: auto;padding: 80px 50px 0;position: fixed;top: 0;left: 0;right: 0; bottom: 0;z-index: 9;}
.menu-button {background: none;border: none;position: relative;}
.opened ~ .menu-button span {opacity: 0;}
.opened ~ .menu-button:before {content: ''; position: absolute;background-image: url(https://ci-hub.com/hubfs/menu-close.png);z-index: 9999;width: 40px;height: 40px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.custom-menu ul {display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
.custom-menu ul li a {color: #303030;display: block;font-size: 30px;line-height: 60px;}
fieldset { max-width: 100% !important;}
.row-fluid > div {width: 100% !important;}
.form-area.managers-form .form-container {align-items: flex-start;}
.form-area.managers-form h1 {font-family: Poppins;font-size: 37px;font-style: normal;font-weight: 700;line-height: 58px;padding: 0 100px;}
.slideshow.third {background-image: url(https://ci-hub.com/hubfs/music-bg.webp);background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.form-area.managers-form.music {background-color: #e9002a !important;background-image: none;background-image: url(https://ci-hub.com/hubfs/bg-image-resize-1.webp);}
.menu-center ul.menu-list {display: flex;align-items: center;justify-content: center;gap: 4rem;margin-bottom: 0px;}
/*  */
.Portfolio-box li.red-color { backdrop-filter: blur(2px); /*   background-color: #f2012c; */ background: linear-gradient(0deg, #e80029, #e80029), hsla(0, 6%, 80%, .26); border-radius: 8px; padding: 24px; background-image: url(https://ci-hub.com/hubfs/ci-hub-connecter-pro.webp); background-repeat: no-repeat; background-size: cover; background-position: center;}
.Portfolio-box li.black-color{ border-radius: 8px; background: linear-gradient(0deg, #000 0%, #000 100%), rgba(207, 201, 201, 0.26);  backdrop-filter: blur(2px); padding: 24px; /*   background-color: #0e0153; */ background-image: url(https://ci-hub.com/hubfs/ci-hub-connecter-corpo.webp);  background-repeat: no-repeat; background-size: cover; background-position: center;}
.Portfolio-box li.white{ /*   background-color: #7d1aa2; */  border-radius: 8px; background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), rgba(207, 201, 201, 0.26);  backdrop-filter: blur(2px); padding: 24px; background-image: url(https://ci-hub.com/hubfs/ci-hub-drive-new.webp); background-repeat: no-repeat; background-size: cover; background-position: center;} 
.Portfolio-box li.white .links-in { color: #fff;}
/* .Portfolio-box .red-color .links-in {
color: #e80029;
} */
ul.Portfolio-box { align-items: center; display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;width: 100%;}
ul.Portfolio-box li {flex-basis: calc(33% - 10px);list-style: none;text-align: center;}
ul.Portfolio-box a {color: #fff;}
.Portfolio-box .link-text .text p { margin-bottom: 0; line-height: normal;}
.Portfolio-box  li.white a { /*   color: #070707; */ font-family: Poppins; font-size: 25px; font-style: normal; font-weight: 500; line-height: normal;}
.custom-menu ul.menu-list li a {color: #070707;font-family: Poppins;font-size: 30px;font-style: normal;font-weight: 500;line-height: normal;padding: 10px 0;}
.Portfolio{width: 100%;}
.Portfolio > p { color: #ffffff; text-shadow: 0px 4px 4.7px rgba(0, 0, 0, 0.00);font-family: Poppins; font-size: 25px;font-style: normal;font-weight: 700;line-height: normal;opacity: 1; z-index: 1; position: relative;}
.Portfolio-box .link-text { margin-bottom: 2rem;}
.slideshow.connector {background-image: url(https://ci-hub.com/hubfs/connect-bg.png);background-position: center top 20%; background-size: cover;}
.menu-center ul.menu-list li a {color: #070707; font-family: Poppins; font-size: 15px;font-style: normal;font-weight: 500;line-height: normal; margin: 0px !important;}
.slideshow.fourth {background-image: url(https://ci-hub.com/hubfs/innovative.webp); background-position: bottom;background-repeat: no-repeat; background-size: cover;}
.slideshow.connector h1.heading { margin: 0px;}
.Portfolio-box .links-in { line-height: normal;font-weight: 400; text-shadow: 0 0 black;line-height: 24px;}
.Portfolio-box .text span {font-weight: 700;}
.slideshow.connector .slideshow-content {height: 1000px;}
/*  */
main#main-content .container-fluid.main { padding: 0px;}
.custom-menu ul.menu-list li a:hover, .custom-menu ul.menu-list a:hover  { text-decoration: underline;}
.menu-list .visit, .visit span a   { padding-top: 50px; color: #070707;font-family: Poppins;font-size: 30px;font-style: normal;font-weight: 500;line-height: normal;}
.menu-list .visit span:hover {text-decoration: underline;}
.right-image-sec ul li {font-family: 'Poppins';}
#micro-pages .container,  #micro-page .container-lg,  #micro-page .container-md,  #micro-page .container-sm,  #micro-page .container-xl,  #micro-page .wrapper { max-width: 1200px;}
#portfolio-pages .container-lg, #portfolio-pages .container-md, #portfolio-pages .container-sm, #portfolio-pages .container-xl, #portfolio-pages .wrapper, #portfolio-pages .container{ max-width: 1200px;}
.Portfolio-box .link-text .text {font-size: 25px;}
.Portfolio-box li.white .text, .Portfolio-box li.red-color .links-in { color: #0c0153;}
.transpaernt-box .link-text {max-height: 52px; min-height: 52px; margin-bottom: 1rem;}
#section_1711005996340 h1 span {font-family: 'inter' !important;}
header.email-header.upgrade { max-width: 1500px; margin: auto;}
.footer-copyright-summit a { color: #000 !important; font-weight: 400;}
.hs-form__field__input {;background-color: transparent !important; border: 1px solid #fff !important;}
/* ------------------upgrade account page  csss start here---------------------------- */
/*header style */
header.email-header {padding: 20px 0px;}
header.email-header a img { width: 50px;}
header.email-header a {align-items: center;display: flex;justify-content: flex-start;}
button.hs-form__actions__submit {background-color: #fff !important; border-color: #fff !important;}
.go1011812720 {pointer-events: auto !important; visibility: visible; opacity: unset !important; transition: unset !important;}
.body-wrapper.hs-content-id-99803431870.hs-web-interactive .hs-form_theme-linear .hs-form__field__input { border: 0; border-radius: 0; background: none !important; border: 2px solid #fff !important;}
form#hs-form-c56e8d45-a03b-476d-a8e8-44a34ffe2e7a-dcacebb2-d184-49bb-ae23-86d51bbd12b1 input { background-color: transparent;}
.hs-form-field .hs-error-msgs { color: #fff !important; }
/* end header style */
/* -------------------upgrade account page css ends here----------------- */
/* -------------------------------------------------------------------------------- */
@media only screen and (min-width: 1441px) {
  #micro-pages .container,  #micro-page .container-lg,  #micro-page .container-md,  #micro-page .container-sm,  #micro-page .container-xl,  #micro-page .wrapper { max-width: 1500px;}
  #portfolio-pages .container-lg, #portfolio-pages .container-md, #portfolio-pages .container-sm, #portfolio-pages .container-xl, #portfolio-pages .wrapper, #portfolio-pages .container{ max-width: 1500px;}
  .form-area .main-form {padding: 60px 80px;}
  .image-text .how-we-are, .form-area .form-container {column-gap: 8rem;}
  .image-text.manager-visual .container {max-width: 1400px;}
  .image-text .how-we-are .image-left, .form-area .form-heading{ width: 35%;} 
  .image-text .how-we-are .content-right, .form-area .main-form  {width: 65%;}
  .form-area .form-container, .image-text.manager-visual .how-we-are {column-gap: 6rem;}
  .image-text .how-we-are .content-right {padding-right: 200px;}
  .form-heading h1 {margin-top: 200px;}  
  .form-area.managers-form h1 {margin-top: 15rem;}
}

@media only screen and (max-width: 1440px) {
  ul.Portfolio-box li {width: 361px;flex-shrink: 0;}
  ul.Portfolio-box li {flex-basis: auto;}
  .Portfolio-box .link-text {margin-bottom: 1rem;}
}

@media only screen and (max-width: 1024px) {
  .footer-contain a {font-size: 40px;}
  .Portfolio > p{text-align: center;}
}

@media only screen and (max-width: 990px) {
  .slideshow .transpaernt-box li { flex-basis: calc(50% - 10px);}
  .form-container {flex-direction: column;text-align: center;}
  .form-area .main-form { width: max-content;margin: auto;}
  .form-area .form-heading{ width: 100%;}
  .form-heading, .how-we-are .image-left { width: 100%;}
  .footer-contain svg { width: 40px;}
  .footer-contain a {font-size: 34px;}
  .menu-center ul.menu-list {gap: 2rem;}

  /*    */
  .upgrade-account .main .form-text, .upgrade-account .upgrade-form{ width: 100%;}
  .upgrade-account {height: auto; }
  .upgrade-account .main .form-text { padding: 60px 50px 0 50px;}
  .upgrade-account .main { margin: 50px auto;}
}
@media only screen and (min-width: 750px) {
  .connect-mobile {display: none;}
}
@media only screen and (max-width: 767px) {
  .slideshow span.bold-red {display: block; width: max-content;}
  .slideshow .links-box {position: relative;}
  .slideshow p.content-graph {font-size: 16px;}
  .slideshow h1.heading {font-size: 22px;line-height: 30px;}
  .slideshow .transpaernt-box h3 {font-size: 20px;}
  .slideshow .links-in {font-size: 15px;line-height: 18px;}
  .image-text {background: #e9e9e9; padding: 50px; text-align: center; }
  .content-right { width: 100%;}
  .image-left { width: 100%;}
  .form-sectionjn .left-section,
  .form-sectionjn .right-section { display: block; width: 100%;position: inherit; padding: 20px 40px; }
  .direction-flex {display: block;}
  .right-section input::placeholder,
  .right-section textarea::placeholder { font-size: 16px;}
  .inputs-list li.hs-form-booleancheckbox input { width: 24px !important; height: 24px; margin: 5px;}
  .form-area .image-two {background: none;display: none;position: relative;}
  .hs-form-booleancheckbox span {font-size: 11px;}
  .form-area .image-one {background: none;display: none; position: relative;}
  .footer-contain {padding: 30px; font-size: 20px; }
  .footer-contain a {font-size: 20px;}
  .footer-copyright-summit p {text-align: center;}
  .footer-contain svg {width: 10px;}
  .header-upper { padding: 10px; }
  .slideshow-content {gap: 3rem;height: 550px; }
  .image-text .how-we-are {flex-direction: column;text-align: center;row-gap: 20px;}
  .image-text .how-we-are .image-left, .form-area .form-heading { width: 100%;}
  .form-area .main-form, .image-text .how-we-are .content-right {width: 100%;}
  .form-area.managers-form h1 {padding: 50px;}
  .form-area.managers-form {padding: 50px 0;}
  .menu-center ul.menu-list { display: none;}
  ul.Portfolio-box { align-items: center;display: flex;flex-wrap: nowrap;gap: 20px;justify-content: flex-start; overflow-x: scroll; overflow-y: scroll; scroll-snap-type: both mandatory; white-space: nowrap; width: 100%;}
  .slideshow-content ul.transpaernt-box {align-items: center; display: flex; gap: 20px; width: 100%; scroll-snap-type: both mandatory; white-space: nowrap; overflow-x: scroll;overflow-y: scroll;flex-wrap: nowrap; justify-content: flex-start; }
  .slideshow-content ul.transpaernt-box .link-text {gap: 4rem;}
}


@media only screen and (max-width: 575px) {
  .form-area .main-form {padding: 20px; width: 100%;}
  .link-text { gap: 3rem; }
  .transpaernt-box .link-text span svg {width: 15px;}
  .form-area { padding: 50px 0px 50px 0px; background-position: bottom;}
  .form-container {gap: 2rem;}
  .menu-rightside {flex-direction: row-reverse;gap: 10px;}
  .Portfolio-box .link-text {width: 250px;}
  ul.Portfolio-box li { flex-basis: calc(33% - 10px);}
  .Portfolio-box .link-text svg { width: 25px; height: 25px;}
  .slideshow.connector .slideshow-content {height: -webkit-fill-available; }
  .Portfolio-box .link-text{margin-bottom: 0px;}
  .left-content .text-btn-wrapper {flex-wrap: wrap;}
  .custom-menu ul.menu-list li a, .menu-list .visit, .visit span a {font-size: 20px;}
  .transpaernt-box .link-text {margin-bottom: 0rem; max-height: 50px; min-height: 50px; }
.inputs-list .hs-form-booleancheckbox label.hs-form-booleancheckbox-display{
display:inline-block; !important;
  }
  .form .hs-fieldtype-booleancheckbox.hs-form-field .input input{margin-top:0;}
  .hs-form-checkbox.select_all input+span:before{
    height: 20px;
      width:20px
}
}
.inputs-list li.hs-form-booleancheckbox{
margin:0px !important;
}

label.hs-form-booleancheckbox-display{
display:flex ;
align-items:center;
margin:0;
}
.inputs-list li.hs-form-booleancheckbox span {
    color: #767676;
    font-family: var(--font-basic);
    font-size: 1rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.5;
    font-style: normal;
}