.text-right{text-align: right;}
  .text-left{text-align: left;}
  *, ::after, ::before {box-sizing: border-box;}
  html {scroll-behavior: smooth;}
  .container-box {max-width: 1140px;width:100%;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
    @media (min-width: 768px) {
      .column-md-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.3333%;flex: 0 0 8.3333%;max-width: 8.3333%;}
      .column-md-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
      .column-md-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}
      .column-md-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
      .column-md-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
      .column-md-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
      .column-md-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.6666%;flex: 0 0 66.6666%;max-width: 66.6666%;}
      .column-md-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    }
    @media (min-width: 992px) {
      .column-lg-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.3333%;flex: 0 0 8.3333%;max-width: 8.3333%;}
      .column-lg-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
      .column-lg-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}
      .column-lg-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
      .column-lg-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
      .column-lg-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
      .column-lg-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.6666%;flex: 0 0 66.6666%;max-width: 66.6666%;}
      .column_offset-lg-1{margin-left:8.3333333333%}  
  }
  .dnd-column{padding:0 !important}
  .row-fluid-1{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 0px;margin-left: 0px;}
  .column-md-1,.column-md-3,.column-md-4,.column-md-5,.column-md-6,.column-md-7,.column-md-8,.column-lg-1,.column-lg-3,.column-lg-4,.column-lg-5,.column-lg-6,.column-lg-7,.column-lg-8{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
  .hero-banner-gated{background-color: #002353;padding:50px 0px;}
  .hero-banner-gated h1{font-size:40px;color:#e7eefe;font-weight:500;line-height:46px;margin-bottom:0}
  .hero-banner{background-color: #002353;padding:70px 0px;position:relative;z-index:1;overflow:hidden}
  .hero-banner:before,.kh_gated_page:before{display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.citiustech.com/hubfs/assets/images/background-accent/background-accent@2x.png);transform:rotate(90deg) translateY(-80%);background-repeat:no-repeat;background-size:30%;background-position:70%;z-index:-1}
  .hero-banner h1{font-size:40px;color:#e7eefe;font-weight:500;line-height:46px;margin-bottom:15px}
  .hero-banner p{font-size:16px;color:#e7eefe;font-weight:400;line-height:21px;}
  .hero-banner .kh_search-bar{margin-top:50px;margin-bottom:50px}
  .hero-banner .categories span{font-size:16px;color:#e7eefe;font-weight:400;line-height:21px;}
  .hero-banner .categories ul{list-style-type: none;display: inline-block;padding:0;margin-left:-30px}
  .hero-banner .categories ul li{display: inline-block;padding: 10px 30px;position: relative;}
  .hero-banner .categories ul li:first-child{padding:10px 0px 0px 30px;}
  .hero-banner .categories ul li:first-child:after{display: none;}
  .hero-banner .categories ul li:after{content: '';display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 18px;background-color: rgba(141,156,190,.302);}
  .hero-banner .categories ul li a{color: #18BEB7;text-decoration: none;font-weight:400;transition: 0.3s;font-size: 15px;line-height:21px;}
  .hero-banner .categories ul li.active a{color:#e7eefe}
  .hero-banner .categories ul li a:hover{color: #139993;}
  .hero-banner .kh_search-bar{display:flex}
  .hero-banner .kh_search-bar .kh__search-bar-input{border-radius: 5px 0px 0px 5px;} 
  .hero-banner .kh_search-bar .cta-btn{border-radius: 0px 5px 5px 0px;width:90px}
  .hero-banner .kh_search-bar .kh_filter_btn{display:none;background:0;background-color: #004c8e;color: #fff;border-radius: 5px;padding: 10px 20px;border: 1px solid #004c8e;}
  .filter-cards{padding:100px 0px;}
  .filter-cards #results_count{margin-bottom:0}
  .filter-cards .active .panel{display:block;}
  .filter-cards .item{margin-bottom:40px}
  .filter-cards .item .btn-white{width:100%;text-align:left;transition:0.3s;background-color: #F3F5F9;cursor:pointer;border: 1px solid #E4EBFB;color: #002353;padding: 10px 15px 10px 15px;font-size: 14px;font-weight:400;border-radius: 5px;line-height:21px}
  .filter-cards .item.active .btn-white{background-color:#18beb7;color:#fff;}
  .filter-cards .item .btn-white i{bottom: 2px;font-size: 14px;line-height:21px;float:right;margin-left: 10px;color: #18beb7;transition:0.3s;}
  .filter-cards .item.active .btn-white i{transform: rotate(180deg);color:#fff;}
  .filter-cards .item p {margin: 20px;}
  .filter-cards .panel{display:none;padding:10px 20px;border-radius: 5px;background-color:#fff;box-shadow: 0 3px 30px rgb(142 156 190 / 18%);margin-top:10px;}
  .filter-cards .panel .form-check{position: relative;display: block;padding-left: 1.25rem;margin: 10px 0px;}
  .filter-cards .panel .form-check .form-check-input{width: 15px;height: 15px;position: absolute;margin-left: -1.25rem;border-color:#18beb7}
  .filter-cards .panel .form-check label{font-size:14px;margin-left:12px;font-weight:400;line-height:18px;display:block;color:#002353}
  .filter-cards .form-check-input:checked + .form-check-label {color:#18beb7;}
  .filter-cards .form-check-input:checked{background-color:#18beb7;color:#fff}
  .filter-cards .media-box{display:flex;position:relative;padding: 35px 0px;border-bottom:3px solid #e5ecfe;}
  .filter-cards .media-box:last-child{border-bottom:none}
  .filter-cards .media-box .image-sec{padding:0px 15px 0 0;}
  .filter-cards .media-box .image-sec img{max-width:100%;height: auto;}
  .filter-cards .media-box .content-sec{padding:0px 0 0 30px;position: relative;padding-right: 80px;}
  .filter-cards .media-box .content-sec h6{color:#18beb7;margin-bottom:15px;font-size:14px;line-height:18px;}
  .filter-cards .media-box .content-sec h4{color:#002353;font-weight:500;font-size:18px;margin-bottom:4px;line-height:24px}
  .filter-cards .media-box .content-sec p{color:#7396b7;font-size:14px;line-height:24px}
  .filter-cards .media-box .content-sec .view-modal{color:#18beb7;font-size:18px;position: absolute;right: 20px;top: 0;cursor:pointer;display:flex}
.filter-cards .media-box .content-sec .view-modal img{ width:80px; margin-right:20px }
  .filter-cards a, .hero-banner a{text-decoration:none}
  .filter-cards .results_count{text-align:right;color:#98A6C4;position:relative}

  .filter-cards .form-check-input {opacity: 0;cursor: pointer;z-index: 1;}
  .filter-cards .checkmark {position: absolute;top: 0px;left: 0;height: 15px;width: 15px;background-color: #fff;border: 1px solid #18BEB7;}
  .filter-cards .form-check-input:checked + .checkmark {background-color: #18BEB7;}
  .filter-cards  .checkmark:after {content: "";position: absolute;display: none;}
  .filter-cards input:checked ~ .checkmark:after {display: block;}
  .filter-cards .checkmark:after {left: 4px;top:0px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

  .popup{position:absolute;right:0;background:#fff;padding:20px;border-radius:3px;top:-150%;max-width:340px;width:100%;opacity:0;pointer-events:none;box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translate(0,-50%) scale(1.2);transition:top 0s .2s ease-in-out,opacity .2s 0s ease-in-out,transform .2s 0s ease-in-out}
  .popup.show{top:50%;opacity:1;pointer-events:auto;transform:translate(0,-50%) scale(1);transition:top 0s 0s ease-in-out,opacity .2s 0s ease-in-out,transform .2s 0s ease-in-out}
  .popup .field{display:flex;align-items:center;justify-content:space-between}
  .popup .close{display:flex;align-items:center;border-radius:50%;justify-content:center;transition:all .3s ease-in-out;position:absolute;right:25px;top:25px}
  .popup .close{color:#fff;font-size:12px;background:#8d9cbe;height:18px;width:18px;cursor:pointer}
  .popup .content .field{margin-bottom:25px;margin-top:20px;padding:0;border:1px solid #e1e1e1}
  .popup .field.active{border-color:#18beb7}
  .popup .field input{width:100%;height:100%;border:none;outline:0;font-size:14px;padding:0 15px}
  .popup h4{font-size:16px;line-height:28px;color:#002353}
  .popup .cta-btn{border-radius:0px 3px 3px 0px;width:80px;height:30px;text-align:center;line-height:30px;padding:0px;font-size:10px;line-height:18px;}
  .popup .icons{display: flex;align-items: center;}
  .popup .icons h4{margin-bottom: 0px;margin-right: 30px;}
  .popup .icons ul{margin: 0;padding: 0;display: block;}
  .popup .icons ul li{display: inline-block;width: 19px;height: 19px;background: #8D9CBE;text-align: center;line-height: 19px; color: #fff;border-radius: 50%;font-size: 12px;margin-right: 15px;}

.switch {position: relative;display: inline-block;width:45px;height:18px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #cccccc;-webkit-transition: .4s;transition: .4s;border-radius:20px;border: solid 1px #cccccc;}
.slider:before{position:absolute;content:"";height:22px;width:22px;left:-1px;top:50%;transform:translateY(-50%);background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%;box-shadow:-1px 3px 13px 0px rgb(0 0 0 / 16%)}
input:checked + .slider {background-color:#18beb7;border-color:#18beb7;}
input:focus + .slider {box-shadow: 0px 15px 45px -9px rgb(0 0 0 / 20%);}
input:checked + .slider:before {-webkit-transform: translate(25px,-50%);-ms-transform: translate(25px,-50%);transform: translate(25px,-50%);background-color: #fff;border: solid 1px #18beb7;}
.toggle-btn {display: block;margin-bottom:30px}
.toggle-btns{display:inline-block;margin-top:auto;margin-bottom:auto;}
.toggle-btns span{font-size:13px;line-height:17px;padding-left:7px}
.toggle-btns:first-child{margin-right:25px;}
.image-sec input[type=checkbox]{margin-right: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
  display:none;
}
.image-sec input[type=checkbox].show{
display:block
}
.results_count .view-modal{display:flex;justify-content:end;align-items:center}
.results_count .view-modal .share{margin-right:30px;color:#18beb7;cursor:pointer;display:none;text-transform: capitalize;font-size:13px;color:#fff}
.results_count .view-modal .share>i{color:#18beb7}
.results_count .view-modal .share:hover,.results_count .view-modal .share:hover>i, .results_count .view-modal .share:focus,.results_count .view-modal .share:focus>i{color:#fff}

  #loader{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
  span.filter_count{font-size:14px;display:inline-block;width:20px;height:20px;text-align:center;background:#fff;line-height:21px;margin-left:15px;border-radius:50%;color:#18beb7;display:none}
  ul.pagination{display:flex;align-items:center;justify-content:center;padding:0;margin:0;margin-top:15px;list-style:none}
  li.page-item.prev {width: 30px;height: 30px;border: 1px solid #6F6AA7;text-align: center;line-height: 30px;border-radius: 50%;margin-right:40px;margin-left:0;}
  li.page-item.next {width: 30px;height: 30px;border: 1px solid #6F6AA7;text-align: center;line-height: 30px;border-radius: 50%;margin-left:10px;margin-right:0;}
  li.page-item { margin-right: 30px;position:relative;}
  li.page-item .page-link{color:#6F6AA7;font-size:16px;line-height:30px;transition:0.5s;display:block }
  li.page-item .page-link:hover,li.page-item:hover{color:#18BEB7;border-color:#18BEB7;}
  li.page-item.active .page-link{color:#18BEB7;padding-right: 65px;}
  li.page-item.active:after {content: "";height: 1px;width: 35px;background: #18beb7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

  .kh_gated_page{padding: 90px 0;background: #004481;position:relative;z-index:1;overflow:hidden}
  .kh_gated_page .inner-box{padding: 80px;background: #F3F5F9;border-radius: 10px;}
  .kh_gated_page .inner-box .column-md-7{padding-right: 40px;border-right: 2px solid #DAE4F9;}
  .kh_gated_page .inner-box .column-md-7 .row-fluid-1{margin-bottom:45px}
  .kh_gated_page .inner-box .column-md-4{padding-left:0}
  .kh_gated_page .inner-box h6{font-size: 20px;line-height: 18px;color: #18BEB7;font-weight: 400;margin-bottom: 17px;}
/*   .kh_gated_page .inner-box .column-md-8 h3{font-size: 22px;line-height: 30px;color: #002353;font-weight: 500;} */
/*   .kh_gated_page .inner-box .column-md-7 p{font-size: 20px;line-height: 27px;} */
  .kh_gated_page .inner-box .column-md-5{padding-left:40px}
  .kh_gated_page .inner-box h3{font-size: 20px;color: #002353;line-height: 28px;font-weight: 500; margin-bottom: 12px;}
  .kh_gated_page .inner-box p{margin-bottom:23px}
  @media(max-width:1200px){.kh_gated_page .inner-box{padding:60px}}
  @media(max-width:992px){
     .filter-cards .media-box .image-sec{padding:0}
    .filter-cards .media-box .content-sec{padding:0 0 0 15px;padding-right:35px}
    .kh_gated_page .inner-box{padding:30px}
    .kh_gated_page .inner-box .column-md-7{padding-right:25px}
    .kh_gated_page .inner-box .column-md-5{padding-left:30px}
    .kh_gated_page .inner-box .column-md-7 .row-fluid-1{margin-bottom:30px}
  }
  @media(max-width:767px){
      .hero-banner{padding:30px 0}
      .hero-banner h1{font-size: 26px;}
      .hero-banner-gated h1{font-size: 26px;}
      .hero-banner .categories{margin-top:30px;margin-bottom:30px}
      .hero-banner .categories ul{margin-left:-15px;}
      .hero-banner .categories ul li{padding:8px 15px;}
      .hero-banner .categories ul li:first-child{padding:8px 0px 0px 15px;}
      .hero-banner .kh_search-bar{display:block}
      .hero-banner .kh_search-bar .kh__search-bar-input{border-radius: 5px;} 
      .hero-banner .kh_search-bar .cta-btn{border-radius: 5px;display:block; margin-top:20px;width:100%;height:50px}
      .filter-cards .media-box{display: block;}
      .filter-cards .media-box .content-sec{padding:0px;padding-right: 30px;margin-top:10px;}
      .hero-banner .kh_search-bar .kh_filter_btn{display:block;width:100%;height: 50px;margin-top:20px}  
      .filter-cards .media-box .image-sec{padding:0}
      .filter-cards{padding:30px 0}
      .filter-cards .column-md-4{display:none}  
      li.page-item.prev{margin-right:30px}
      li.page-item{margin-right:20px}
      li.page-item.active:after{width:20px}
      li.page-item.active .page-link{padding-right:30px}
      li.page-item.active{margin-right:15px}
      .kh_gated_page{padding:30px 0}
      .kh_gated_page .inner-box{padding:30px 10px}
      .kh_gated_page .inner-box .column-md-7{padding-right:15px;border-right:none}
      .kh_gated_page .inner-box .column-md-5{padding-left:15px}
      .kh_gated_page .inner-box .column-md-7 .row-fluid-1{margin-bottom:20px}
      .kh_gated_page .inner-box .column-md-4, .kh_gated_page .inner-box .column-md-8{padding:0}
      .kh_gated_page .inner-box h6{margin-top:20px}
      .kh_gated_page .inner-box .column-md-5 h3{margin-top:30px}
      .filter-cards .item{margin-bottom:15px}
     .filter-cards .media-box{padding:30px 0 15px}
  }
@media(max-width:992px){
  .filter-cards .media-box .content-sec .view-modal img{display:none}
}
a.modal-link{cursor:pointer}
.resource-link {
    text-align: center;
    display: none;
}
.resource-link.active {
    display: block;
}
.reset_filter{margin-bottom:15px;text-align:right;}
.reset_filter a{cursor:pointer}
#thankyou_content{display:none;text-align:center;font-size:18px}
p#thankyou_text {
    margin-bottom: 0;
    font-weight: 700;
}
#modal-form .submitted-message {
    display: none;
}
#thankyou_content: before{
    content: url(https://f.hubspotusercontent30.net/hubfs/8759937/assets/icons/Pop-Up-Success.svg);
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}