@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*** font-family: "Open Sans", sans-serif; ***/

/*** var ***/
























































































/*** button ***/
a.cta_button { box-sizing: border-box !important; }
.btn-group > div { display: inline-block; margin: 0 6px; vertical-align: middle; }
.btn-group > div:first-child { margin-left: 0; margin-bottom: 5px; }
.btn-group > div:last-child { margin-right: 0; margin-bottom: 5px; }

[class*="button-"] a { padding: 10px 20px 10px 52px; display: inline-block; font-size: 20px; line-height: 24px; font-weight: 600; border-radius: 40px; min-width: 188px; font-family: Open Sans , sans-serif; text-align: center; position: relative; z-index: 1; }
[class*="button-"] a span.arrow { width: 44px; height: 44px; position: absolute; top: 0; left: 0; border-radius: 100px; background: #63A8FC; z-index: -1; display: flex; align-items: center; transition:400ms; }
[class*="button-"] a path { transition:400ms; }
[class*="button-"] a path#noun-1833077-FFFFFF { transform: translate(37.072px , 12.21px); }
[class*="button-"] a path#Path_946 { transform: translate(-30px); }
[class*="button-"] a:hover { padding-left: 65px; }
[class*="button-"] a:hover span.arrow { width: 100%; padding-left: 20px; }
[class*="button-"] a:hover path#noun-1833077-FFFFFF { transform: translate(43.072px , 12.21px); }
[class*="button-"] a:hover path#Path_946 { transform: translate(10px); }

.button-1 a { background-color: #F1F7FF; color: #002855; }
.button-1 a:hover { color: #002855; }

.button-2 a { background-color: #F1F7FF; color: #002855; }
.button-2 a span.arrow { background: #002855; }
.button-2 a span path#noun-1833077-FFFFFF { fill: #FFFFFF; }
.button-2 a span path#Path_946 { stroke: #FFFFFF; }
.button-2 a:hover { color: #FFFFFF; }

.normal_btn a { background: #002855; color: #fff; padding: 8px 20px; height: 40px; display: inline-block; border-radius: 25px; position: relative; }
.normal_btn a:hover { background: #F1F7FF; color: #002855; }

.link-style a { display: flex; align-items: center; gap: 0 8px; font-size: 16px; line-height: 22px; color: #63A8FC; }
.link-style a:after { content: "\f105"; display: inline-block; vertical-align: middle; transition:400ms; font-family: 'fontAwesome'; position: relative; left: 0; font-size: 20px; }
.link-style a:hover:after { left: 3px; }
.link-style a:hover .link-style a:hover:after { color: #002855; }

.link-style.orange a { display: flex; align-items: center; color: #002855; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
.link-style.orange a:after { content: ''; margin-left: 15px; position: relative; left: 0; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M12.9502 5.25527L0.482422 5.25527L0.482422 6.22017L0.482422 6.44204L0.482422 6.66391L0.482422 7.62881L12.9502 7.62881L8.1763 12.3223L11.677 12.3223L17.3086 6.44204L11.677 0.561812L8.1763 0.561812L12.9502 5.25527Z" fill="%23E53913"/></svg>'); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; transition:400ms; }
.link-style.orange a:hover:after { left: 3px; }

[class*="button-"] a:focus-visible { outline: none; border-color: transparent; }

@media(min-width: 992px) {
  
  .button-3 a { padding: 8px 20px; min-width: 100%; background: 
    
    
        
    
    rgba(0, 40, 85, 1)
; color: #FFFFFF; }
  .button-3 a span.arrow { display: none; }
  .button-3 a:hover { padding: 8px 20px; background: #F1F7FF; color: #002855; }

}

@media(max-width: 991px) {

  [class*="button-"] a { padding-left: 65px; font-size: 16px; }
  [class*="button-"] a span.arrow { width: 100%; padding-left: 20px; height: 100%; }
  [class*="button-"] a path#noun-1833077-FFFFFF { transform: translate(43.072px , 12.21px); }
  [class*="button-"] a path#Path_946 { transform: translate(10px); }
  
  .button-1 a { color: #002855; }
  .button-2 a { color: #fff !important; }
  
  .button-2 a { color: #002855; }
  .button-2 a span path#noun-1833077-FFFFFF { fill: #fff; }
  .button-2 a span path#Path_946 { stroke: #fff; }

  .normal_btn a:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/right-arrow-blue.svg) no-repeat center / contain; width: 23px; height: 20px; display: inline-block; position: absolute; top: 10px; left: 10px; }
  .normal_btn a { background: #63A9FF; padding: 8px 15px 8px 40px; color: #002855; font-weight: 600; }
}

@media(max-width: 414px) {
  [class*="button-"] a span.arrow { padding-left: 12px; }
  [class*="button-"] a span.arrow svg { width: 26px; }
  [class*=button-] a { padding-left: 52px; }
}
/*** form ***/
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border: none; background: #D3EEFC; height: 40px; padding:0 20px; font-size:14px; line-height: 20px; font-weight: 500; width:100%; font-family: Open Sans , sans-serif; border: none; color:#002855; border-radius: 20px; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:107px; font-family: Open Sans , sans-serif; background: #D3EEFC; }
select { background: #D3EEFC url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow_down_darkblue.svg') no-repeat center right 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.hs_submit { text-align: center; }
input[type=submit] , button { padding: 10px 22px; display: inline-block; width: auto; height: auto; font-size: 18px; line-height: 24px; font-weight: 600; border-radius: 100px; min-width: 132px; background: #002855; color: #FFF; cursor: pointer; transition:400ms; text-align: center; }
input[type=submit]:hover , button:hover { background-color: #D3EEFC; color: #002855; }

input:focus { outline: none; }
.hs_error_rollup { display: none; }
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin: 0 !important; }
.hs-form .hs-form-field { padding:0 0 18px; }
.hs-form fieldset.form-columns-2 .input , .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.hs-form fieldset.form-columns-2 .field { padding:0 0 18px 10px }
.hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 18px 0; }
.hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 18px; }
.hs-form fieldset .hs-input { width:100% !important; }
.hs-form fieldset { max-width:none; max-width: 100% !important; }
.hs-form fieldset input[type="checkbox"] , .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:0; list-style:none; }

.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.inputs-list .hs-form-booleancheckbox { padding: 15px 0 15px 40px; }
.inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 15px; height: 15px; }
.inputs-list input[type="checkbox"] + span { display: block; position:relative; }
.inputs-list input[type="checkbox"] + span:before , .inputs-list input[type="radio"] + span:before  { position:absolute; left: 0; top: 5px; content:''; width:15px; height:15px; border:1px solid #002855; color:#63A8FC; border-radius: 100px; }
.inputs-list input[type="checkbox"]:checked + span:after , .inputs-list input[type="radio"]:checked + span:after { content: ""; width: 9px; height: 9px; position:absolute; left: 3px; top: 8px; line-height: 15px; text-align:center; background: #63A8FC; border-radius: 20px; }
/* .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #63A8FC; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; } */

.inputs-list input[type="checkbox"] + span:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #002855; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 10px; border-radius: 0; left: 0 !important; top: 16px !important; }
.inputs-list input[type="checkbox"]:checked + span:after { content: ''; display: block; position: absolute; top: 20px !important; left: 9px !important; width: 6px; height: 14px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius: 0; background: transparent; }

.legal-consent-container .field.hs-form-field { padding: 0; }
body .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 0; position: static; }
.legal-consent-container { font-size: 16px; line-height: 22px; font-weight: 500; }

.hs-error-msgs { font-size: 14px; line-height: normal; color: red; }
.hs-form .hs-form-field > label { margin-bottom: 10px; display: inline-block; }
.hs-form .hs-form-field > legend { font-size: 16px; }

.hs-fieldtype-checkbox .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-checkbox .inputs-list li { width: 100%; margin: 0 0 8px; padding: 0; }
.hs-fieldtype-checkbox .inputs-list li > label { padding: 0 0 0 10px; min-height: 100%; display: flex; align-items: center; border: 0; border-radius: 5px; font-size: 16px; line-height: 22px; font-weight: 500; cursor: pointer; }
.inputs-list .hs-form-booleancheckbox a { color: #005ed1; }

.hs-fieldtype-radio .inputs-list { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.hs-fieldtype-radio .inputs-list li { width: 100%; margin: 0; padding: 0; } 
.hs-fieldtype-radio .inputs-list li > label { min-height: 100%; display: flex; align-items: center; padding: 5px 8px 5px 36px; font-size: 16px; line-height: 27px; font-weight: 500; cursor: pointer; border-radius: 5px; border: 0.5px solid rgba(255, 255, 255, 0.20); }
.submitted-message { text-align: center; }

.get-touch .right .inputs-list input[type="checkbox"] + span:before {content: '';-webkit-appearance: none;background-color: transparent;border: 2px solid #002855;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: inline-block;position: absolute;vertical-align: middle;cursor: pointer;margin-right: 10px;border-radius: 0;left: 0 !important;top: 16px !important;}
.get-touch .right .inputs-list input[type="checkbox"]:checked + span:after {content: '';display: block;position: absolute;top: 4px !important;left: 9px !important;width: 6px;height: 14px;border: solid #0079bf;border-width: 0 2px 2px 0;transform: rotate(45deg);border-radius: 0;background: transparent;}


input::placeholder , textarea::placeholder { opacity: 1; color: #002855 !important; }

.get-touch .right .inputs-list input[type="radio"] + span:before,
.get-touch .right .inputs-list input[type="checkbox"] + span:before { top: 10px; left: 10px; }
.get-touch .right .inputs-list input[type="checkbox"]:checked + span:after,
.get-touch .right .inputs-list input[type="radio"]:checked + span:after { top: 13px; left: 13px; }
.get-touch .right .inputs-list input[type="radio"] + span:before { top: 12px; }
.get-touch .right .inputs-list .hs-form-radio input[type="radio"]:checked + span:after { top: 15px; }
.get-touch .right .inputs-list .hs-form-booleancheckbox input[type="radio"]:checked + span:after { top: 33px; }
.get-touch .right .inputs-list .hs-form-booleancheckbox input[type="checkbox"] + span:before { top: 6px; left: 0; }
.get-touch .right .inputs-list .hs-form-booleancheckbox input[type="checkbox"]:checked + span:after { top: 19px !important; }

.get-touch .right .hs-fieldtype-radio>label { margin: 0 0 5px; }

.get-touch .right .hs-fieldtype-checkbox .inputs-list { margin: 0; }
.get-touch .right .hs-fieldtype-checkbox .inputs-list li.hs-form-checkbox > label { padding: 0; }
.get-touch .right .inputs-list .hs-form-checkbox input[type="checkbox"] + span { padding: 8px 0 8px 40px; }
.get-touch .right .inputs-list .hs-form-checkbox input[type="checkbox"] + span:before { top: 8px !important; }
.get-touch .right .inputs-list .hs-form-checkbox input[type="checkbox"]:checked + span:after { top: 11px !important; }


@media(max-width: 991px) {

    .hs-fieldtype-radio .inputs-list li > label { min-height: 72px; }
    .hs-fieldtype-checkbox .inputs-list li > label { padding: 0; }

}

@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  
}

@media(max-width: 500px) {

    .hs-fieldtype-checkbox .inputs-list { margin: 0; }
    .hs-fieldtype-checkbox .inputs-list li { width: 100%; }
    input[type=submit], button { min-width: 190px; }
    
    .hs-fieldtype-radio .inputs-list { margin: 0; }
    .hs-fieldtype-radio .inputs-list li { padding: 8px 0; width: 100%; }

}
header.header { padding: 38px 40px 20px; position: relative; z-index: 999; }
header.header .language { font-size: 14px; line-height: 19px; text-transform: uppercase; font-weight: 500; }

header.header .logo { width: 115px; margin-top: -20px; }
header.header .logo img { max-width: 115px; }
header.header .right-part { width: calc(100% - 115px); padding: 0 0 0 104px; }
header.header .right-part ul { margin: 0; padding: 0; list-style-type: none; display: flex; gap: 70px; }
header.header .right-part ul li { margin: 0; padding: 0; }
header.header ul li:after { display: none; }
header.header .right-part .right .menu-in { background: #F1F7FF; padding: 0 38px; border-radius: 21px; gap: 0 70px; }
.search-icon { line-height: 0; cursor: pointer; font-size: 0; }

.menu-nav .hs-menu-wrapper > ul > li.hs-item-has-children a img { height: 42px !important; object-fit: contain; width: 100%; filter: brightness(0) saturate(100%) invert(9%) sepia(65%) saturate(3700%) hue-rotate(199deg) brightness(95%) contrast(102%); }
.menu-nav .hs-menu-wrapper > ul > li.hs-item-has-children a:hover img { filter: inherit; }

.search-input { position: absolute; top: 100%; left: 0; width: 100%; padding: 18px 40px 70px 240px; background: #F1F7FF; display: none; }
.search-input input { padding: 0 20px 0 60px; font-size: 18px; }
.search-input button { width: auto; background: transparent; position: absolute; left: 0; top: 0; min-width: auto; }
.search-input .hs-search-field__bar button svg { height: 18px; }
.search-input .hs-search-field__input:focus { outline: none; }
.search-input input[type="search"]::placeholder { color: #002855 !important; }
.hs-search-field__suggestions-container { padding: 10px 0 0; }
.search-input .hs-search-field__suggestions-container li , .search-input .hs-search-field__suggestions-container li.results-for a , .search-input .hs-search-field__suggestions a:hover { font-size: 16px; line-height: 30px; position: relative; padding: 0 0 0 22px !important; font-weight: 400; text-align: left; background: transparent; color: #002855; }
.search-input .hs-search-field__suggestions-container li:before { content: "\f107"; font-family: 'fontAwesome'; font-size: 20px; color: #63A8FC; transform: rotate(45deg); margin-right: 10px; position: absolute; top: 0; left: 0; font-weight: 300; }
.search-input .hs-search-field--open .hs-search-field__suggestions, .search-input .inpage-editor-active-field .hs-search-field__suggestions { background: transparent; border: none; box-shadow: none; padding: 10px 0; }

.search-input .hs-search-field--open .hs-search-field__suggestions { position: relative; top: auto; left: auto; }
.search-input .hs-search-field__suggestions a { font-size: 16px; line-height: 30px; position: relative; padding: 0; font-weight: 400; text-align: left; background: transparent; color: #002855; }
.search-input .hs-search-field__suggestions a:hover { padding: 0 !important; }

header.header .globe_class { background: none; width: auto; height: auto; font-size: 14px; line-height: 20px; text-transform: uppercase; }
header.header .globe_class .lang { padding: 0 8px; display: flex; align-items: center; }
header.header .globe_class .lang:before { content: ''; margin-right: 6px; width: 13px; height: 13px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/globe.svg') no-repeat; }
header.header .globe_class .lang:after { content: "\f107"; margin-left: 5px; font-family: 'fontAwesome'; }

header.header .mega_menu .box a { display: flex; align-items: center; }
.mega_menu .box { width: calc(25% - 23px); }
.mega_menu .box .icon { width: 42px; line-height: 0; margin-right: 15px; }

.search-input input[type="search"]::-webkit-search-decoration,
.search-input input[type="search"]::-webkit-search-cancel-button,
.search-input input[type="search"]::-webkit-search-results-button,
.search-input input[type="search"]::-webkit-search-results-decoration { display: none; }

header.header-lp { padding: 15px; }
header.header-lp .container { padding: 0; }

header.header-lp .logo { width: 170px; }
header.header-lp .logo img { width: 100% !important; height: 100% !important; }

@media(min-width: 992px) {
  
  .menu-social { display: none; }
  .in-logo { display: none; }
  .search-input .close { display: none; }
  
  header.header .right-part ul li.hs-menu-item.cta { display: none; }
  
  header.header .right-part ul li a { padding: 8px 0; display: inline-block; position: relative; font-weight: 400; }
  header.header.hover , header.header.open { background: #F1F7FF; }
  .mainmenu .search-input , .mainmenu .language { display: none; }
  
  .menu-nav .hs-menu-wrapper ul li:hover > a , .mainmenu .hs-menu-wrapper ul li:hover > a { color: #63A8FC; }

  .mainmenu .hs-menu-wrapper > ul { display: flex; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { content: "\f107"; font-family:"fontAwesome"; display: inline-block; font-size: 24px; vertical-align: middle; margin: -3px 0 0 12px; font-weight: 300; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { content: ''; width: 100%; height: 40px; position: absolute; top: 100%; left: 0; }
  .mainmenu .hs-menu-wrapper ul li ul { width:100%; padding: 20px 20px 65px 261px; margin: 0px; position: absolute; top: 100%; left:0; gap: 50px 100px; background: #F1F7FF; visibility: hidden; opacity: 0; transition: .2s; pointer-events: none; }

  .mainmenu .hs-menu-wrapper ul li ul li { padding: 0px; margin: 0px; display: inline-block; float: none; text-transform: none; position: inherit; position: initial; }
  .mainmenu .hs-menu-wrapper ul li ul li a { padding: 6px 0; color: #002855; width:100%; font-size: 16px; line-height: 26px; text-transform: none; }
  .mainmenu .hs-menu-wrapper ul li ul li a:before { content: ''; width: 28px; height: 30px; display: inline-block; vertical-align: middle; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Circles_Menu.svg') no-repeat center center; margin-right: 15px; transition:400ms; }
  .mainmenu .hs-menu-wrapper ul li ul li a:hover:before { transform: rotate(45deg); }
  .mainmenu .hs-menu-wrapper ul li ul li a:hover { color:#63A8FC;  }
  .mainmenu .hs-menu-wrapper ul li ul li a:before { content: ''  }

  .mainmenu .hs-menu-wrapper ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; pointer-events: inherit; display: flex; }
  
  .menu-nav .hs-menu-wrapper ul > li.hs-item-has-children:hover > .hs-menu-children-wrapper { visibility: visible; opacity: 1; pointer-events: inherit; }
  .menu-nav .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { content: "\f107"; font-family:"fontAwesome"; display: inline-block; font-size: 24px; vertical-align: middle; margin: -3px 0 0 12px; font-weight: 300; }
  .menu-nav .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { content: ''; width: 100%; height: 40px; position: absolute; top: 100%; left: 0; }

  .mainmenu .hs-menu-wrapper > ul .megamenu { display: none; }
  
  .mega_menu { position: absolute; top: 100%; left: 0; width: 100%; background: #FFF; padding: 8px 0 55px 260px; visibility: hidden; opacity: 0; transition: .2s; pointer-events: none; }
  .mega_menu > div { gap: 15px 30px; }
  
  .mainmenu .search-input { display: none !important; }
  
  header.header .lang_list_class { background: #FFF; padding: 10px; width: 100%; font-size: 14px; line-height: 20px; top: 100%; border-radius: 0 0 4px 4px; }
  header.header .lang_list_class:after,
  header.header .lang_list_class:before { display: none; }
  
  header.header .lang_list_class li { border: none !important; background: transparent; font-size: 14px; }
  header.header .lang_list_class li:last-child { padding: 0; background: transparent; }
  header.header .lang_list_class li a { color: #B0CAEA; }
  header.header .lang_list_class li.active { display: none; }
  
  header.header .right-part .right { gap: 0 15px; }
  .menu-btn a { padding: 10px 20px; min-width: 130px; background: #63A8FC; }
  .menu-btn a span.arrow { display: none; }
  .menu-btn a:hover { padding: 10px 20px; background: #F1F7FF; }
  
}

@media(max-width: 1700px) {

  header.header .right-part ul { gap: 50px; } 

}

@media(max-width: 1500px) {

  header.header { padding: 38px 20px 20px; }
  header.header .right-part { padding: 0 0 0 30px; }
  header.header .right-part ul { gap: 24px; }
  header.header .right-part .right .menu-in { padding: 0 30px; gap: 36px; }
  .mega_menu { padding: 0 0 75px 165px; }
  
  .search-input { padding-left: 140px; }
  
}

@media(max-width: 1300px) {
    header.header .right-part ul { gap: 13px; }
}

@media(max-width: 1200px) {

  header.header .right-part ul { gap: 15px; }
  header.header .right-part ul { gap: 15px; }
  header.header .right-part .right .menu-in { gap: 0 15px; }
  header.header .right-part ul li a { font-size: 14px; line-height: 28px; }
  .menu-btn a { font-size: 14px; }

}

@media(max-width: 1024px) {
    header.header .right-part { padding: 0 0 0 10px; }
}

@media(max-width: 991px) {
  
  .in-logo { position: absolute; top: 60px; left: 0; right: 0; max-width: 750px; width: 100%; padding: 0 15px; margin: auto; text-align: left; z-index: 9; }
  .in-logo img { max-width: 130px; }
  .in-logo.white img { filter: brightness(0) invert(1); }

  header.header { position: fixed; top: 0; left: 0; background: rgba(241, 247, 255, 0.65); padding: 0; width: 100%; backdrop-filter: blur(10px); z-index: 99999; }
  header.header .logo { margin: 0; min-height: 44px; width: 40px; position: absolute; top: 0; left: 12px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/home-icon.svg') no-repeat center center; pointer-events: none; visibility: hidden; opacity: 0; z-index: 9999; }
  header.header .logo a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  header.header .logo img { display: none; }
  .mobile-open header.header .logo { pointer-events: auto; visibility: visible; opacity: 1; }
  
  header.header .right-part { width: 100%; padding: 0; }
  header.header .right-part ul .mega_menu { display: none; }
  header.header .right-part .right .menu-in { gap: 0; }
  
  .main-header { flex-direction: column-reverse; }
  .menu-nav { width: 100%; padding: 0 15px; }
  
  header.header .menu-nav ul li a { font-size: 14px; line-height: 20px; font-weight: 600; padding: 12px 0; display: inline-block; }
  header.header .menu-nav ul li.megamenu > a:before { content: ''; width: 13px; height: 10px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/arrow-right.svg') no-repeat; display: inline-block; margin: 0 5px 0 0; transform: rotate(-45deg); }
  header.header .menu-nav ul { gap: 0 16px; }
  
  .language { display: none; }
  
  header.header .mega_menu .box a { line-height: 20px; }
  .mega_menu > div { padding: 10px 0; gap: 20px; }
  .mega_menu .box { width: calc(50% - 10px); display: flex; align-items: center; }
  .mega_menu .box .icon { width: 30px; }
  .mega_menu .box a img { filter: brightness(0) saturate(100%) invert(9%) sepia(65%) saturate(3700%) hue-rotate(199deg) brightness(95%) contrast(102%); }
  .mega_menu .box a:hover img { filter: inherit; }
  
  .mainmenu .search-input { padding: 50px 30px 30px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
  .mainmenu .search-input button { right: 0; top: 8px; left: auto; min-width: auto; }
  .mainmenu .search-input input { padding: 0 20px; width: 100px; height: 50px; border-bottom: 1px solid #63A8FC; border-radius: 0; color: #002855; font-size: 20px; line-height: 24px; font-weight: 600; }
  .search-input .close { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 0; right: 5px; }
  .search-input .close svg { width: 16px; height: 16px; }
  .main-header + .search-input { display: none !important; }
}


@media (max-width:991px){
  
  .mainmenu .hs-menu-wrapper > ul { width: 100%; }
  .mainmenu .hs-menu-wrapper ul { transition: none; }
  .header .mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 12px 0; font-size: 20px; line-height: 30px; font-weight: 600; }
  
  .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
  a.mobile-trigger { width: 44px; height: 44px; cursor:pointer; position:absolute; top: 0; right: 5px; display: flex; align-items: center; justify-content: center; text-align:center; background:transparent; padding: 0; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; z-index: 11; }
  a.mobile-trigger:hover { text-decoration:none; }
  a.mobile-trigger span { display:inline; }
  a.mobile-trigger span:before { position:absolute; content:'Menu'; }
  a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }
  .mobile_menu_toggle .mobile-trigger { top:2px; }

  .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
  .mobile-open a.mobile-trigger span:after { opacity:1; }
  .mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; }

  a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; }
  a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; }
  a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; height: 2px; background-color: #002855; display: inline-block; }
  a.mobile-trigger i:before { margin-top: -8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
  a.mobile-trigger i:after { margin-top: 8px; -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }

  .mobile-open a.mobile-trigger i { background-color: rgba(0, 0, 0, 0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
  .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
  .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

  span.child-triggerm { display:block; cursor:pointer; position:absolute; top:0px; right:0; width:54px; height: 54px; padding:0; }
  span.child-triggerm span { position:absolute; height:100%; width:100%; left:50%; top:1px; transition:all ease .5s; transform:translateX(-50%); background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Hamburger.svg') no-repeat center center; }
  span.child-triggerm.child-open span { transform:translateX(-50%) rotate(180deg); }

  .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; padding: 0 0 10px; }  
  .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

  .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; height:100vh; top: 0; left: 0; width: 100%; max-width:100%; padding:0px; z-index:1; display: none; background: #F1F7FF; padding: 44px 25px 35px; overflow-y: scroll !important; }
  .mainmenu.js-enabled .hs-menu-flow-horizontal:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 44px; background: #63A8FC; opacity: 0.4; }
  
  .mainmenu .hs-menu-flow-horizontal > ul > li { border-bottom: 1px solid #63A8FC; position:relative; }

  .mainmenu ul ul li.hs-menu-item a { font-size: 16px; line-height: 26px; padding: 10px 0; text-transform: none; font-weight: 500; display: flex; align-items: center; }
  .mainmenu ul ul li.hs-menu-item a:before { content: "\f107"; font-family: 'fontAwesome'; font-size: 20px; color: #63A8FC; transform: rotate(45deg); margin-right: 10px; }
  .mainmenu ul ul { padding: 0 0 20px; }

  header.header .mainmenu ul { flex-flow: column; gap: 0; }
  
  .menu-social { margin: 100px 0 0; gap: 20px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
  .menu-social .search-icon { width: 100%; height: 50px; font-size: 20px; line-height: 24px; border-bottom: 1px solid #63A8FC; display: flex; align-items: center; justify-content: space-between; font-weight: 600; color: #002855; padding: 0 10px 0 0; }
  .menu-social .menu-btn { display: block; }
  .menu-social .language { display: block; }
  .menu-social .menu-btn a { padding-left: 65px; min-width: 150px; font-weight: 700; }
  .menu-social .menu-btn a span.arrow { width: 100%; padding-left: 20px; }
  .menu-social .menu-btn a path#noun-1833077-FFFFFF { transform: translate(43.072px , 12.21px); }
  .menu-social .menu-btn a path#Path_946 { transform: translate(10px); }
  
  header.header.open .mobile-trigger { opacity: 0; visibility: hidden; display: none; }
  header.header .globe_class .lang { padding: 8px 20px; background: #002855; color: #FFF; font-weight: 700; font-size: 12px; text-transform: capitalize; border-radius: 100px; border: 2px solid #002855; position: relative; z-index: 999; }
  header.header .globe_class .lang::after { display: none; }
  header.header .globe_class .lang:before { background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/globe-1.svg') no-repeat; width: 17px; height: 18px; }
  
  header.header .globe_class ul.lang_list_class { display: none; }
  header.header .mainmenu + .search-icon { display: none; }
  
  header.header .lang_switcher_class { position: inherit; }
  header.header .globe_class ul.lang_list_class { position: absolute; bottom: 0; left: 0; top: auto; right: auto; width: 100%; transform: inherit; background: #002855; padding: 25px 35px 100px; }
  header.header .globe_class ul.lang_list_class li { border: none; background: transparent; }
  header.header .globe_class ul.lang_list_class li a { font-size: 20px; line-height: 30px; padding: 12px 0; color: #FFF; font-weight: 600; display: inline-block; width: 100%; border-bottom: 1px solid #63A9FF; text-transform: capitalize; display: flex; align-items: center; justify-content: space-between; }
  .lang_list_class li.active a:after { content: 'active'; display: inline-block; font-size: 8px; line-height: 1; padding: 5px 10px; border-radius: 20px; border: 1px solid #63A8FC; text-transform: uppercase; }
  header.header .globe_class ul.lang_list_class li:last-child a { border-bottom: none; }
  header.header .globe_class.open:before { content: ''; width: 100%; height: 100vh; position: absolute; bottom: 0; left: 0; z-index: 1; background: rgb(241, 247, 255,0.70); display: block; backdrop-filter: blur(10px); opacity: 0.95 }
  
  header.header .lang_list_class:after,
  header.header .lang_list_class:before { display: none; }
  
  header.header .globe_class.open .lang { border-color: #63A8FC; position: absolute; bottom: 30px; right: 30px; }
  .mainmenu .hs-menu-flow-horizontal.show { overflow: visible !important; }
  
  .button-1.menu-btn { display: none; }
  .menu-social .button-1.menu-btn { display: block; }
  
  header.header-lp .logo { width: 103px; }
}
  
@media(max-width: 500px) {

  .mega_menu .box { width: 100%; }

}












.d-block {
    display:block;
}

.d-inline-block {
    display:inline-block;
}

.d-flex {
    display:flex;
}

.d-inline-flex {
    display:inline-flex;
}

.d-none {
    display:none;
}



.align-center {
    align-items:center;
}

.align-flex-start {
    align-items:flex-start;
}

.align-flex-end {
    align-items:flex-end;
}

.align-normal {
    align-items:normal;
}



.justify-center {
    justify-content:center;
}

.justify-flex-end {
    justify-content:flex-end;
}

.justify-flex-start {
    justify-content:flex-start;
}

.justify-space-around {
    justify-content:space-around;
}

.justify-space-between {
    justify-content:space-between;
}



.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}



.direction-column {
    flex-direction:column;
}

.direction-column-reverse {
    flex-direction:column-reverse;
}

.direction-row {
    flex-direction:row;
}

.direction-row-reverse {
    flex-direction:row-reverse;
}




.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }




.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }




.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }

.m-5 {  margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }




.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }

.m-10 {  margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }




.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }

.m-15 {  margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }




.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }

.m-20 {  margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }




.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }

.m-25 {  margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }




.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }




.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }

.m-30 {  margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }




.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }

.m-35 {  margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }




.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }

.m-40 {  margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }




.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }

.m-45 {  margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }




.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }

.m-50 {  margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }




.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }

.m-55 {  margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }




.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }

.m-60 {  margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }




.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }

.m-65 {  margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }




.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }

.m-70 {  margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }




.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }

.m-75 {  margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }




.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }

.m-80 {  margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }




.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }

.m-85 {  margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }




.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }

.m-90 {  margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }




.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }

.m-95 {  margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }




.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }

.m-100 {  margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }




.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }

.m-105 {  margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }







.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }

.m-110 {  margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }







.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }

.m-115 {  margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }







.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }

.m-120 {  margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }







.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }

.m-125 {  margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }







.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }

.m-130 {  margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }







.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }

.m-135 {  margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }







.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }

.m-140 {  margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }







.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }

.m-145 {  margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }







.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }

.m-150 {  margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.max-auto { max-width:100%; }

/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
    padding: 0 !important;
}

div[class*=full-width-section] > div > div {
    padding: 0 !important;
}


.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }

.col-1 { max-width:8.333%; flex:0 0 8.333%; }

.col-2 { max-width:16.666%; flex:0 0 16.666%; }

.col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }

.col-4 { max-width:33.332%; flex:0 0 33.332%; }

.col-5 { max-width:41.665%; flex:0 0 41.665%; }

.col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }

.col-7 { max-width:58.331%; flex:0 0 58.331%; }

.col-8 { max-width:66.664%; flex:0 0 66.664%; }

.col-9 { max-width:74.997%; flex:0 0 74.997%; }

.col-10 { max-width:83.33%; flex:0 0 83.33%; }

.col-11 { max-width:91.663%; flex:0 0 91.663%; }

.col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }


    .max-50 { max-width:50px; }
    .text-2{ font-size:2px; } 

    .max-100 { max-width:100px; }
    .text-4{ font-size:4px; } 

    .max-150 { max-width:150px; }
    .text-6{ font-size:6px; } 

    .max-200 { max-width:200px; }
    .text-8{ font-size:8px; } 

    .max-250 { max-width:250px; }
    .text-10{ font-size:10px; } 

    .max-300 { max-width:300px; }
    .text-12{ font-size:12px; } 

    .max-350 { max-width:350px; }
    .text-14{ font-size:14px; } 

    .max-400 { max-width:400px; }
    .text-16{ font-size:16px; } 

    .max-450 { max-width:450px; }
    .text-18{ font-size:18px; } 

    .max-500 { max-width:500px; }
    .text-20{ font-size:20px; } 

    .max-550 { max-width:550px; }
    .text-22{ font-size:22px; } 

    .max-600 { max-width:600px; }
    .text-24{ font-size:24px; } 

    .max-650 { max-width:650px; }
    .text-26{ font-size:26px; } 

    .max-700 { max-width:700px; }
    .text-28{ font-size:28px; } 

    .max-750 { max-width:750px; }
    .text-30{ font-size:30px; } 

    .max-800 { max-width:800px; }
    .text-32{ font-size:32px; } 

    .max-850 { max-width:850px; }
    .text-34{ font-size:34px; } 

    .max-900 { max-width:900px; }
    .text-36{ font-size:36px; } 

    .max-950 { max-width:950px; }
    .text-38{ font-size:38px; } 

    .max-1000 { max-width:1000px; }
    .text-40{ font-size:40px; } 

    .max-1050 { max-width:1050px; }
    .text-42{ font-size:42px; } 

    .max-1100 { max-width:1100px; }
    .text-44{ font-size:44px; } 

    .max-1150 { max-width:1150px; }
    .text-46{ font-size:46px; } 

    .max-1200 { max-width:1200px; }
    .text-48{ font-size:48px; } 

    .max-1250 { max-width:1250px; }
    .text-50{ font-size:50px; } 

    .max-1300 { max-width:1300px; }
    .text-52{ font-size:52px; } 

    .max-1350 { max-width:1350px; }
    .text-54{ font-size:54px; } 

    .max-1400 { max-width:1400px; }
    .text-56{ font-size:56px; } 

    .max-1450 { max-width:1450px; }
    .text-58{ font-size:58px; } 








@media(min-width:768px){
    
    
    .sm\:d-block {
        display:block;
    }
    
    .sm\:d-inline-block {
        display:inline-block;
    }
    
    .sm\:d-flex {
        display:flex;
    }
    
    .sm\:d-inline-flex {
        display:inline-flex;
    }
    
    .sm\:d-none {
        display:none;
    }
    
    
    
    .sm\:align-center {
        align-items:center;
    }
    
    .sm\:align-flex-start {
        align-items:flex-start;
    }
    
    .sm\:align-flex-end {
        align-items:flex-end;
    }
    
    .sm\:align-normal {
        align-items:normal;
    }
    
    
    
    .sm\:justify-center {
        justify-content:center;
    }
    
    .sm\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .sm\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .sm\:justify-space-around {
        justify-content:space-around;
    }
    
    .sm\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .sm\:text-left {
        text-align:left;
    }
    
    .sm\:text-right {
        text-align:right;
    }
    
    .sm\:text-center {
        text-align:center;
    }
    
    
    
    .sm\:direction-column {
        flex-direction:column;
    }
    
    .sm\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .sm\:direction-row {
        flex-direction:row;
    }
    
    .sm\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .sm\:p--0 { padding:0px !important; }
    .sm\:p-0 { padding:0px; }
    .sm\:pt-0 { padding-top:0px; }
    .sm\:pb-0 { padding-bottom:0px; }
    .sm\:pl-0 { padding-left:0px; }
    .sm\:pr-0 { padding-right:0px; }

    .sm\:m-0 {  margin:0px; }
    .sm\:mt-0 { margin-top:0px; }
    .sm\:mb-0 { margin-bottom:0px; }
    .sm\:ml-0 { margin-left:0px; }
    .sm\:mr-0 { margin-right:0px; }

    .sm\:ml--0 { margin-left:-0px; }
    .sm\:mr--0 { margin-right:-0px; }

    .sm\:mt--0 { margin-top:-0px; }
    .sm\:mb--0 { margin-bottom:-0px; }

    .sm\:max--0 { max-width:0%; }
    .sm\:mt---0 { margin-top:-0%; }
    .sm\:mb---0 { margin-bottom:-0%; }
    
    
    .sm\:p--5 { padding:5px !important; }
    .sm\:p-5 { padding:5px; }
    .sm\:pt-5 { padding-top:5px; }
    .sm\:pb-5 { padding-bottom:5px; }
    .sm\:pl-5 { padding-left:5px; }
    .sm\:pr-5 { padding-right:5px; }

    .sm\:m-5 {  margin:5px; }
    .sm\:mt-5 { margin-top:5px; }
    .sm\:mb-5 { margin-bottom:5px; }
    .sm\:ml-5 { margin-left:5px; }
    .sm\:mr-5 { margin-right:5px; }

    .sm\:ml--5 { margin-left:-5px; }
    .sm\:mr--5 { margin-right:-5px; }

    .sm\:mt--5 { margin-top:-5px; }
    .sm\:mb--5 { margin-bottom:-5px; }

    .sm\:max--5 { max-width:5%; }
    .sm\:mt---5 { margin-top:-5%; }
    .sm\:mb---5 { margin-bottom:-5%; }
    
    
    .sm\:p--10 { padding:10px !important; }
    .sm\:p-10 { padding:10px; }
    .sm\:pt-10 { padding-top:10px; }
    .sm\:pb-10 { padding-bottom:10px; }
    .sm\:pl-10 { padding-left:10px; }
    .sm\:pr-10 { padding-right:10px; }

    .sm\:m-10 {  margin:10px; }
    .sm\:mt-10 { margin-top:10px; }
    .sm\:mb-10 { margin-bottom:10px; }
    .sm\:ml-10 { margin-left:10px; }
    .sm\:mr-10 { margin-right:10px; }

    .sm\:ml--10 { margin-left:-10px; }
    .sm\:mr--10 { margin-right:-10px; }

    .sm\:mt--10 { margin-top:-10px; }
    .sm\:mb--10 { margin-bottom:-10px; }

    .sm\:max--10 { max-width:10%; }
    .sm\:mt---10 { margin-top:-10%; }
    .sm\:mb---10 { margin-bottom:-10%; }
    
    
    .sm\:p--15 { padding:15px !important; }
    .sm\:p-15 { padding:15px; }
    .sm\:pt-15 { padding-top:15px; }
    .sm\:pb-15 { padding-bottom:15px; }
    .sm\:pl-15 { padding-left:15px; }
    .sm\:pr-15 { padding-right:15px; }

    .sm\:m-15 {  margin:15px; }
    .sm\:mt-15 { margin-top:15px; }
    .sm\:mb-15 { margin-bottom:15px; }
    .sm\:ml-15 { margin-left:15px; }
    .sm\:mr-15 { margin-right:15px; }

    .sm\:ml--15 { margin-left:-15px; }
    .sm\:mr--15 { margin-right:-15px; }

    .sm\:mt--15 { margin-top:-15px; }
    .sm\:mb--15 { margin-bottom:-15px; }

    .sm\:max--15 { max-width:15%; }
    .sm\:mt---15 { margin-top:-15%; }
    .sm\:mb---15 { margin-bottom:-15%; }
    
    
    .sm\:p--20 { padding:20px !important; }
    .sm\:p-20 { padding:20px; }
    .sm\:pt-20 { padding-top:20px; }
    .sm\:pb-20 { padding-bottom:20px; }
    .sm\:pl-20 { padding-left:20px; }
    .sm\:pr-20 { padding-right:20px; }

    .sm\:m-20 {  margin:20px; }
    .sm\:mt-20 { margin-top:20px; }
    .sm\:mb-20 { margin-bottom:20px; }
    .sm\:ml-20 { margin-left:20px; }
    .sm\:mr-20 { margin-right:20px; }

    .sm\:ml--20 { margin-left:-20px; }
    .sm\:mr--20 { margin-right:-20px; }

    .sm\:mt--20 { margin-top:-20px; }
    .sm\:mb--20 { margin-bottom:-20px; }

    .sm\:max--20 { max-width:20%; }
    .sm\:mt---20 { margin-top:-20%; }
    .sm\:mb---20 { margin-bottom:-20%; }
    
    
    .sm\:p--25 { padding:25px !important; }
    .sm\:p-25 { padding:25px; }
    .sm\:pt-25 { padding-top:25px; }
    .sm\:pb-25 { padding-bottom:25px; }
    .sm\:pl-25 { padding-left:25px; }
    .sm\:pr-25 { padding-right:25px; }

    .sm\:m-25 {  margin:25px; }
    .sm\:mt-25 { margin-top:25px; }
    .sm\:mb-25 { margin-bottom:25px; }
    .sm\:ml-25 { margin-left:25px; }
    .sm\:mr-25 { margin-right:25px; }

    .sm\:ml--25 { margin-left:-25px; }
    .sm\:mr--25 { margin-right:-25px; }

    .sm\:mt--25 { margin-top:-25px; }
    .sm\:mb--25 { margin-bottom:-25px; }

    .sm\:max--25 { max-width:25%; }
    .sm\:mt---25 { margin-top:-25%; }
    .sm\:mb---25 { margin-bottom:-25%; }
    
    
    .sm\:p--30 { padding:30px !important; }
    .sm\:p-30 { padding:30px; }
    .sm\:pt-30 { padding-top:30px; }
    .sm\:pb-30 { padding-bottom:30px; }
    .sm\:pl-30 { padding-left:30px; }
    .sm\:pr-30 { padding-right:30px; }

    .sm\:m-30 {  margin:30px; }
    .sm\:mt-30 { margin-top:30px; }
    .sm\:mb-30 { margin-bottom:30px; }
    .sm\:ml-30 { margin-left:30px; }
    .sm\:mr-30 { margin-right:30px; }

    .sm\:ml--30 { margin-left:-30px; }
    .sm\:mr--30 { margin-right:-30px; }

    .sm\:mt--30 { margin-top:-30px; }
    .sm\:mb--30 { margin-bottom:-30px; }

    .sm\:max--30 { max-width:30%; }
    .sm\:mt---30 { margin-top:-30%; }
    .sm\:mb---30 { margin-bottom:-30%; }
    
    
    .sm\:p--35 { padding:35px !important; }
    .sm\:p-35 { padding:35px; }
    .sm\:pt-35 { padding-top:35px; }
    .sm\:pb-35 { padding-bottom:35px; }
    .sm\:pl-35 { padding-left:35px; }
    .sm\:pr-35 { padding-right:35px; }

    .sm\:m-35 {  margin:35px; }
    .sm\:mt-35 { margin-top:35px; }
    .sm\:mb-35 { margin-bottom:35px; }
    .sm\:ml-35 { margin-left:35px; }
    .sm\:mr-35 { margin-right:35px; }

    .sm\:ml--35 { margin-left:-35px; }
    .sm\:mr--35 { margin-right:-35px; }

    .sm\:mt--35 { margin-top:-35px; }
    .sm\:mb--35 { margin-bottom:-35px; }

    .sm\:max--35 { max-width:35%; }
    .sm\:mt---35 { margin-top:-35%; }
    .sm\:mb---35 { margin-bottom:-35%; }
    
    
    .sm\:p--40 { padding:40px !important; }
    .sm\:p-40 { padding:40px; }
    .sm\:pt-40 { padding-top:40px; }
    .sm\:pb-40 { padding-bottom:40px; }
    .sm\:pl-40 { padding-left:40px; }
    .sm\:pr-40 { padding-right:40px; }

    .sm\:m-40 {  margin:40px; }
    .sm\:mt-40 { margin-top:40px; }
    .sm\:mb-40 { margin-bottom:40px; }
    .sm\:ml-40 { margin-left:40px; }
    .sm\:mr-40 { margin-right:40px; }

    .sm\:ml--40 { margin-left:-40px; }
    .sm\:mr--40 { margin-right:-40px; }

    .sm\:mt--40 { margin-top:-40px; }
    .sm\:mb--40 { margin-bottom:-40px; }

    .sm\:max--40 { max-width:40%; }
    .sm\:mt---40 { margin-top:-40%; }
    .sm\:mb---40 { margin-bottom:-40%; }
    
    
    .sm\:p--45 { padding:45px !important; }
    .sm\:p-45 { padding:45px; }
    .sm\:pt-45 { padding-top:45px; }
    .sm\:pb-45 { padding-bottom:45px; }
    .sm\:pl-45 { padding-left:45px; }
    .sm\:pr-45 { padding-right:45px; }

    .sm\:m-45 {  margin:45px; }
    .sm\:mt-45 { margin-top:45px; }
    .sm\:mb-45 { margin-bottom:45px; }
    .sm\:ml-45 { margin-left:45px; }
    .sm\:mr-45 { margin-right:45px; }

    .sm\:ml--45 { margin-left:-45px; }
    .sm\:mr--45 { margin-right:-45px; }

    .sm\:mt--45 { margin-top:-45px; }
    .sm\:mb--45 { margin-bottom:-45px; }

    .sm\:max--45 { max-width:45%; }
    .sm\:mt---45 { margin-top:-45%; }
    .sm\:mb---45 { margin-bottom:-45%; }
    
    
    .sm\:p--50 { padding:50px !important; }
    .sm\:p-50 { padding:50px; }
    .sm\:pt-50 { padding-top:50px; }
    .sm\:pb-50 { padding-bottom:50px; }
    .sm\:pl-50 { padding-left:50px; }
    .sm\:pr-50 { padding-right:50px; }

    .sm\:m-50 {  margin:50px; }
    .sm\:mt-50 { margin-top:50px; }
    .sm\:mb-50 { margin-bottom:50px; }
    .sm\:ml-50 { margin-left:50px; }
    .sm\:mr-50 { margin-right:50px; }

    .sm\:ml--50 { margin-left:-50px; }
    .sm\:mr--50 { margin-right:-50px; }

    .sm\:mt--50 { margin-top:-50px; }
    .sm\:mb--50 { margin-bottom:-50px; }

    .sm\:max--50 { max-width:50%; }
    .sm\:mt---50 { margin-top:-50%; }
    .sm\:mb---50 { margin-bottom:-50%; }
    
    
    .sm\:p--55 { padding:55px !important; }
    .sm\:p-55 { padding:55px; }
    .sm\:pt-55 { padding-top:55px; }
    .sm\:pb-55 { padding-bottom:55px; }
    .sm\:pl-55 { padding-left:55px; }
    .sm\:pr-55 { padding-right:55px; }

    .sm\:m-55 {  margin:55px; }
    .sm\:mt-55 { margin-top:55px; }
    .sm\:mb-55 { margin-bottom:55px; }
    .sm\:ml-55 { margin-left:55px; }
    .sm\:mr-55 { margin-right:55px; }

    .sm\:ml--55 { margin-left:-55px; }
    .sm\:mr--55 { margin-right:-55px; }

    .sm\:mt--55 { margin-top:-55px; }
    .sm\:mb--55 { margin-bottom:-55px; }

    .sm\:max--55 { max-width:55%; }
    .sm\:mt---55 { margin-top:-55%; }
    .sm\:mb---55 { margin-bottom:-55%; }
    
    
    .sm\:p--60 { padding:60px !important; }
    .sm\:p-60 { padding:60px; }
    .sm\:pt-60 { padding-top:60px; }
    .sm\:pb-60 { padding-bottom:60px; }
    .sm\:pl-60 { padding-left:60px; }
    .sm\:pr-60 { padding-right:60px; }

    .sm\:m-60 {  margin:60px; }
    .sm\:mt-60 { margin-top:60px; }
    .sm\:mb-60 { margin-bottom:60px; }
    .sm\:ml-60 { margin-left:60px; }
    .sm\:mr-60 { margin-right:60px; }

    .sm\:ml--60 { margin-left:-60px; }
    .sm\:mr--60 { margin-right:-60px; }

    .sm\:mt--60 { margin-top:-60px; }
    .sm\:mb--60 { margin-bottom:-60px; }

    .sm\:max--60 { max-width:60%; }
    .sm\:mt---60 { margin-top:-60%; }
    .sm\:mb---60 { margin-bottom:-60%; }
    
    
    .sm\:p--65 { padding:65px !important; }
    .sm\:p-65 { padding:65px; }
    .sm\:pt-65 { padding-top:65px; }
    .sm\:pb-65 { padding-bottom:65px; }
    .sm\:pl-65 { padding-left:65px; }
    .sm\:pr-65 { padding-right:65px; }

    .sm\:m-65 {  margin:65px; }
    .sm\:mt-65 { margin-top:65px; }
    .sm\:mb-65 { margin-bottom:65px; }
    .sm\:ml-65 { margin-left:65px; }
    .sm\:mr-65 { margin-right:65px; }

    .sm\:ml--65 { margin-left:-65px; }
    .sm\:mr--65 { margin-right:-65px; }

    .sm\:mt--65 { margin-top:-65px; }
    .sm\:mb--65 { margin-bottom:-65px; }

    .sm\:max--65 { max-width:65%; }
    .sm\:mt---65 { margin-top:-65%; }
    .sm\:mb---65 { margin-bottom:-65%; }
    
    
    .sm\:p--70 { padding:70px !important; }
    .sm\:p-70 { padding:70px; }
    .sm\:pt-70 { padding-top:70px; }
    .sm\:pb-70 { padding-bottom:70px; }
    .sm\:pl-70 { padding-left:70px; }
    .sm\:pr-70 { padding-right:70px; }

    .sm\:m-70 {  margin:70px; }
    .sm\:mt-70 { margin-top:70px; }
    .sm\:mb-70 { margin-bottom:70px; }
    .sm\:ml-70 { margin-left:70px; }
    .sm\:mr-70 { margin-right:70px; }

    .sm\:ml--70 { margin-left:-70px; }
    .sm\:mr--70 { margin-right:-70px; }

    .sm\:mt--70 { margin-top:-70px; }
    .sm\:mb--70 { margin-bottom:-70px; }

    .sm\:max--70 { max-width:70%; }
    .sm\:mt---70 { margin-top:-70%; }
    .sm\:mb---70 { margin-bottom:-70%; }
    
    
    .sm\:p--75 { padding:75px !important; }
    .sm\:p-75 { padding:75px; }
    .sm\:pt-75 { padding-top:75px; }
    .sm\:pb-75 { padding-bottom:75px; }
    .sm\:pl-75 { padding-left:75px; }
    .sm\:pr-75 { padding-right:75px; }

    .sm\:m-75 {  margin:75px; }
    .sm\:mt-75 { margin-top:75px; }
    .sm\:mb-75 { margin-bottom:75px; }
    .sm\:ml-75 { margin-left:75px; }
    .sm\:mr-75 { margin-right:75px; }

    .sm\:ml--75 { margin-left:-75px; }
    .sm\:mr--75 { margin-right:-75px; }

    .sm\:mt--75 { margin-top:-75px; }
    .sm\:mb--75 { margin-bottom:-75px; }

    .sm\:max--75 { max-width:75%; }
    .sm\:mt---75 { margin-top:-75%; }
    .sm\:mb---75 { margin-bottom:-75%; }
    
    
    .sm\:p--80 { padding:80px !important; }
    .sm\:p-80 { padding:80px; }
    .sm\:pt-80 { padding-top:80px; }
    .sm\:pb-80 { padding-bottom:80px; }
    .sm\:pl-80 { padding-left:80px; }
    .sm\:pr-80 { padding-right:80px; }

    .sm\:m-80 {  margin:80px; }
    .sm\:mt-80 { margin-top:80px; }
    .sm\:mb-80 { margin-bottom:80px; }
    .sm\:ml-80 { margin-left:80px; }
    .sm\:mr-80 { margin-right:80px; }

    .sm\:ml--80 { margin-left:-80px; }
    .sm\:mr--80 { margin-right:-80px; }

    .sm\:mt--80 { margin-top:-80px; }
    .sm\:mb--80 { margin-bottom:-80px; }

    .sm\:max--80 { max-width:80%; }
    .sm\:mt---80 { margin-top:-80%; }
    .sm\:mb---80 { margin-bottom:-80%; }
    
    
    .sm\:p--85 { padding:85px !important; }
    .sm\:p-85 { padding:85px; }
    .sm\:pt-85 { padding-top:85px; }
    .sm\:pb-85 { padding-bottom:85px; }
    .sm\:pl-85 { padding-left:85px; }
    .sm\:pr-85 { padding-right:85px; }

    .sm\:m-85 {  margin:85px; }
    .sm\:mt-85 { margin-top:85px; }
    .sm\:mb-85 { margin-bottom:85px; }
    .sm\:ml-85 { margin-left:85px; }
    .sm\:mr-85 { margin-right:85px; }

    .sm\:ml--85 { margin-left:-85px; }
    .sm\:mr--85 { margin-right:-85px; }

    .sm\:mt--85 { margin-top:-85px; }
    .sm\:mb--85 { margin-bottom:-85px; }

    .sm\:max--85 { max-width:85%; }
    .sm\:mt---85 { margin-top:-85%; }
    .sm\:mb---85 { margin-bottom:-85%; }
    
    
    .sm\:p--90 { padding:90px !important; }
    .sm\:p-90 { padding:90px; }
    .sm\:pt-90 { padding-top:90px; }
    .sm\:pb-90 { padding-bottom:90px; }
    .sm\:pl-90 { padding-left:90px; }
    .sm\:pr-90 { padding-right:90px; }

    .sm\:m-90 {  margin:90px; }
    .sm\:mt-90 { margin-top:90px; }
    .sm\:mb-90 { margin-bottom:90px; }
    .sm\:ml-90 { margin-left:90px; }
    .sm\:mr-90 { margin-right:90px; }

    .sm\:ml--90 { margin-left:-90px; }
    .sm\:mr--90 { margin-right:-90px; }

    .sm\:mt--90 { margin-top:-90px; }
    .sm\:mb--90 { margin-bottom:-90px; }

    .sm\:max--90 { max-width:90%; }
    .sm\:mt---90 { margin-top:-90%; }
    .sm\:mb---90 { margin-bottom:-90%; }
    
    
    .sm\:p--95 { padding:95px !important; }
    .sm\:p-95 { padding:95px; }
    .sm\:pt-95 { padding-top:95px; }
    .sm\:pb-95 { padding-bottom:95px; }
    .sm\:pl-95 { padding-left:95px; }
    .sm\:pr-95 { padding-right:95px; }

    .sm\:m-95 {  margin:95px; }
    .sm\:mt-95 { margin-top:95px; }
    .sm\:mb-95 { margin-bottom:95px; }
    .sm\:ml-95 { margin-left:95px; }
    .sm\:mr-95 { margin-right:95px; }

    .sm\:ml--95 { margin-left:-95px; }
    .sm\:mr--95 { margin-right:-95px; }

    .sm\:mt--95 { margin-top:-95px; }
    .sm\:mb--95 { margin-bottom:-95px; }

    .sm\:max--95 { max-width:95%; }
    .sm\:mt---95 { margin-top:-95%; }
    .sm\:mb---95 { margin-bottom:-95%; }
    
    
    .sm\:p--100 { padding:100px !important; }
    .sm\:p-100 { padding:100px; }
    .sm\:pt-100 { padding-top:100px; }
    .sm\:pb-100 { padding-bottom:100px; }
    .sm\:pl-100 { padding-left:100px; }
    .sm\:pr-100 { padding-right:100px; }

    .sm\:m-100 {  margin:100px; }
    .sm\:mt-100 { margin-top:100px; }
    .sm\:mb-100 { margin-bottom:100px; }
    .sm\:ml-100 { margin-left:100px; }
    .sm\:mr-100 { margin-right:100px; }

    .sm\:ml--100 { margin-left:-100px; }
    .sm\:mr--100 { margin-right:-100px; }

    .sm\:mt--100 { margin-top:-100px; }
    .sm\:mb--100 { margin-bottom:-100px; }

    .sm\:max--100 { max-width:100%; }
    .sm\:mt---100 { margin-top:-100%; }
    .sm\:mb---100 { margin-bottom:-100%; }
    
    
    .sm\:p--105 { padding:105px !important; }
    .sm\:p-105 { padding:105px; }
    .sm\:pt-105 { padding-top:105px; }
    .sm\:pb-105 { padding-bottom:105px; }
    .sm\:pl-105 { padding-left:105px; }
    .sm\:pr-105 { padding-right:105px; }

    .sm\:m-105 {  margin:105px; }
    .sm\:mt-105 { margin-top:105px; }
    .sm\:mb-105 { margin-bottom:105px; }
    .sm\:ml-105 { margin-left:105px; }
    .sm\:mr-105 { margin-right:105px; }

    .sm\:ml--105 { margin-left:-105px; }
    .sm\:mr--105 { margin-right:-105px; }

    .sm\:mt--105 { margin-top:-105px; }
    .sm\:mb--105 { margin-bottom:-105px; }

    .sm\:max--105 { max-width:105%; }
    .sm\:mt---105 { margin-top:-105%; }
    .sm\:mb---105 { margin-bottom:-105%; }
    
    
    .sm\:p--110 { padding:110px !important; }
    .sm\:p-110 { padding:110px; }
    .sm\:pt-110 { padding-top:110px; }
    .sm\:pb-110 { padding-bottom:110px; }
    .sm\:pl-110 { padding-left:110px; }
    .sm\:pr-110 { padding-right:110px; }

    .sm\:m-110 {  margin:110px; }
    .sm\:mt-110 { margin-top:110px; }
    .sm\:mb-110 { margin-bottom:110px; }
    .sm\:ml-110 { margin-left:110px; }
    .sm\:mr-110 { margin-right:110px; }

    .sm\:ml--110 { margin-left:-110px; }
    .sm\:mr--110 { margin-right:-110px; }

    .sm\:mt--110 { margin-top:-110px; }
    .sm\:mb--110 { margin-bottom:-110px; }

    .sm\:max--110 { max-width:110%; }
    .sm\:mt---110 { margin-top:-110%; }
    .sm\:mb---110 { margin-bottom:-110%; }
    
    
    .sm\:p--115 { padding:115px !important; }
    .sm\:p-115 { padding:115px; }
    .sm\:pt-115 { padding-top:115px; }
    .sm\:pb-115 { padding-bottom:115px; }
    .sm\:pl-115 { padding-left:115px; }
    .sm\:pr-115 { padding-right:115px; }

    .sm\:m-115 {  margin:115px; }
    .sm\:mt-115 { margin-top:115px; }
    .sm\:mb-115 { margin-bottom:115px; }
    .sm\:ml-115 { margin-left:115px; }
    .sm\:mr-115 { margin-right:115px; }

    .sm\:ml--115 { margin-left:-115px; }
    .sm\:mr--115 { margin-right:-115px; }

    .sm\:mt--115 { margin-top:-115px; }
    .sm\:mb--115 { margin-bottom:-115px; }

    .sm\:max--115 { max-width:115%; }
    .sm\:mt---115 { margin-top:-115%; }
    .sm\:mb---115 { margin-bottom:-115%; }
    
    
    .sm\:p--120 { padding:120px !important; }
    .sm\:p-120 { padding:120px; }
    .sm\:pt-120 { padding-top:120px; }
    .sm\:pb-120 { padding-bottom:120px; }
    .sm\:pl-120 { padding-left:120px; }
    .sm\:pr-120 { padding-right:120px; }

    .sm\:m-120 {  margin:120px; }
    .sm\:mt-120 { margin-top:120px; }
    .sm\:mb-120 { margin-bottom:120px; }
    .sm\:ml-120 { margin-left:120px; }
    .sm\:mr-120 { margin-right:120px; }

    .sm\:ml--120 { margin-left:-120px; }
    .sm\:mr--120 { margin-right:-120px; }

    .sm\:mt--120 { margin-top:-120px; }
    .sm\:mb--120 { margin-bottom:-120px; }

    .sm\:max--120 { max-width:120%; }
    .sm\:mt---120 { margin-top:-120%; }
    .sm\:mb---120 { margin-bottom:-120%; }
    
    
    .sm\:p--125 { padding:125px !important; }
    .sm\:p-125 { padding:125px; }
    .sm\:pt-125 { padding-top:125px; }
    .sm\:pb-125 { padding-bottom:125px; }
    .sm\:pl-125 { padding-left:125px; }
    .sm\:pr-125 { padding-right:125px; }

    .sm\:m-125 {  margin:125px; }
    .sm\:mt-125 { margin-top:125px; }
    .sm\:mb-125 { margin-bottom:125px; }
    .sm\:ml-125 { margin-left:125px; }
    .sm\:mr-125 { margin-right:125px; }

    .sm\:ml--125 { margin-left:-125px; }
    .sm\:mr--125 { margin-right:-125px; }

    .sm\:mt--125 { margin-top:-125px; }
    .sm\:mb--125 { margin-bottom:-125px; }

    .sm\:max--125 { max-width:125%; }
    .sm\:mt---125 { margin-top:-125%; }
    .sm\:mb---125 { margin-bottom:-125%; }
    
    
    .sm\:p--130 { padding:130px !important; }
    .sm\:p-130 { padding:130px; }
    .sm\:pt-130 { padding-top:130px; }
    .sm\:pb-130 { padding-bottom:130px; }
    .sm\:pl-130 { padding-left:130px; }
    .sm\:pr-130 { padding-right:130px; }

    .sm\:m-130 {  margin:130px; }
    .sm\:mt-130 { margin-top:130px; }
    .sm\:mb-130 { margin-bottom:130px; }
    .sm\:ml-130 { margin-left:130px; }
    .sm\:mr-130 { margin-right:130px; }

    .sm\:ml--130 { margin-left:-130px; }
    .sm\:mr--130 { margin-right:-130px; }

    .sm\:mt--130 { margin-top:-130px; }
    .sm\:mb--130 { margin-bottom:-130px; }

    .sm\:max--130 { max-width:130%; }
    .sm\:mt---130 { margin-top:-130%; }
    .sm\:mb---130 { margin-bottom:-130%; }
    
    
    .sm\:p--135 { padding:135px !important; }
    .sm\:p-135 { padding:135px; }
    .sm\:pt-135 { padding-top:135px; }
    .sm\:pb-135 { padding-bottom:135px; }
    .sm\:pl-135 { padding-left:135px; }
    .sm\:pr-135 { padding-right:135px; }

    .sm\:m-135 {  margin:135px; }
    .sm\:mt-135 { margin-top:135px; }
    .sm\:mb-135 { margin-bottom:135px; }
    .sm\:ml-135 { margin-left:135px; }
    .sm\:mr-135 { margin-right:135px; }

    .sm\:ml--135 { margin-left:-135px; }
    .sm\:mr--135 { margin-right:-135px; }

    .sm\:mt--135 { margin-top:-135px; }
    .sm\:mb--135 { margin-bottom:-135px; }

    .sm\:max--135 { max-width:135%; }
    .sm\:mt---135 { margin-top:-135%; }
    .sm\:mb---135 { margin-bottom:-135%; }
    
    
    .sm\:p--140 { padding:140px !important; }
    .sm\:p-140 { padding:140px; }
    .sm\:pt-140 { padding-top:140px; }
    .sm\:pb-140 { padding-bottom:140px; }
    .sm\:pl-140 { padding-left:140px; }
    .sm\:pr-140 { padding-right:140px; }

    .sm\:m-140 {  margin:140px; }
    .sm\:mt-140 { margin-top:140px; }
    .sm\:mb-140 { margin-bottom:140px; }
    .sm\:ml-140 { margin-left:140px; }
    .sm\:mr-140 { margin-right:140px; }

    .sm\:ml--140 { margin-left:-140px; }
    .sm\:mr--140 { margin-right:-140px; }

    .sm\:mt--140 { margin-top:-140px; }
    .sm\:mb--140 { margin-bottom:-140px; }

    .sm\:max--140 { max-width:140%; }
    .sm\:mt---140 { margin-top:-140%; }
    .sm\:mb---140 { margin-bottom:-140%; }
    
    
    .sm\:p--145 { padding:145px !important; }
    .sm\:p-145 { padding:145px; }
    .sm\:pt-145 { padding-top:145px; }
    .sm\:pb-145 { padding-bottom:145px; }
    .sm\:pl-145 { padding-left:145px; }
    .sm\:pr-145 { padding-right:145px; }

    .sm\:m-145 {  margin:145px; }
    .sm\:mt-145 { margin-top:145px; }
    .sm\:mb-145 { margin-bottom:145px; }
    .sm\:ml-145 { margin-left:145px; }
    .sm\:mr-145 { margin-right:145px; }

    .sm\:ml--145 { margin-left:-145px; }
    .sm\:mr--145 { margin-right:-145px; }

    .sm\:mt--145 { margin-top:-145px; }
    .sm\:mb--145 { margin-bottom:-145px; }

    .sm\:max--145 { max-width:145%; }
    .sm\:mt---145 { margin-top:-145%; }
    .sm\:mb---145 { margin-bottom:-145%; }
    
    
    .sm\:p--150 { padding:150px !important; }
    .sm\:p-150 { padding:150px; }
    .sm\:pt-150 { padding-top:150px; }
    .sm\:pb-150 { padding-bottom:150px; }
    .sm\:pl-150 { padding-left:150px; }
    .sm\:pr-150 { padding-right:150px; }

    .sm\:m-150 {  margin:150px; }
    .sm\:mt-150 { margin-top:150px; }
    .sm\:mb-150 { margin-bottom:150px; }
    .sm\:ml-150 { margin-left:150px; }
    .sm\:mr-150 { margin-right:150px; }

    .sm\:ml--150 { margin-left:-150px; }
    .sm\:mr--150 { margin-right:-150px; }

    .sm\:mt--150 { margin-top:-150px; }
    .sm\:mb--150 { margin-bottom:-150px; }

    .sm\:max--150 { max-width:150%; }
    .sm\:mt---150 { margin-top:-150%; }
    .sm\:mb---150 { margin-bottom:-150%; }
    
    

    
    .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .sm\:max-50 { max-width:50px; }
    .sm\:text-2{ font-size:2px; } 

    
    .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .sm\:max-100 { max-width:100px; }
    .sm\:text-4{ font-size:4px; } 

    
    .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .sm\:max-150 { max-width:150px; }
    .sm\:text-6{ font-size:6px; } 

    
    .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .sm\:max-200 { max-width:200px; }
    .sm\:text-8{ font-size:8px; } 

    
    .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .sm\:max-250 { max-width:250px; }
    .sm\:text-10{ font-size:10px; } 

    
    .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .sm\:max-300 { max-width:300px; }
    .sm\:text-12{ font-size:12px; } 

    
    .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .sm\:max-350 { max-width:350px; }
    .sm\:text-14{ font-size:14px; } 

    
    .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .sm\:max-400 { max-width:400px; }
    .sm\:text-16{ font-size:16px; } 

    
    .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .sm\:max-450 { max-width:450px; }
    .sm\:text-18{ font-size:18px; } 

    
    .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .sm\:max-500 { max-width:500px; }
    .sm\:text-20{ font-size:20px; } 

    
    .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .sm\:max-550 { max-width:550px; }
    .sm\:text-22{ font-size:22px; } 

    
    .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .sm\:max-600 { max-width:600px; }
    .sm\:text-24{ font-size:24px; } 

    
    .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .sm\:max-650 { max-width:650px; }
    .sm\:text-26{ font-size:26px; } 

    
    .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .sm\:max-700 { max-width:700px; }
    .sm\:text-28{ font-size:28px; } 

    
    .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .sm\:max-750 { max-width:750px; }
    .sm\:text-30{ font-size:30px; } 

    
    .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .sm\:max-800 { max-width:800px; }
    .sm\:text-32{ font-size:32px; } 

    
    .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .sm\:max-850 { max-width:850px; }
    .sm\:text-34{ font-size:34px; } 

    
    .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .sm\:max-900 { max-width:900px; }
    .sm\:text-36{ font-size:36px; } 

    
    .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .sm\:max-950 { max-width:950px; }
    .sm\:text-38{ font-size:38px; } 

    
    .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .sm\:max-1000 { max-width:1000px; }
    .sm\:text-40{ font-size:40px; } 

    
    .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .sm\:max-1050 { max-width:1050px; }
    .sm\:text-42{ font-size:42px; } 

    
    .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .sm\:max-1100 { max-width:1100px; }
    .sm\:text-44{ font-size:44px; } 

    
    .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .sm\:max-1150 { max-width:1150px; }
    .sm\:text-46{ font-size:46px; } 

    
    .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .sm\:max-1200 { max-width:1200px; }
    .sm\:text-48{ font-size:48px; } 

    
    .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .sm\:max-1250 { max-width:1250px; }
    .sm\:text-50{ font-size:50px; } 

    
    .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .sm\:max-1300 { max-width:1300px; }
    .sm\:text-52{ font-size:52px; } 

    
    .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .sm\:max-1350 { max-width:1350px; }
    .sm\:text-54{ font-size:54px; } 

    
    .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .sm\:max-1400 { max-width:1400px; }
    .sm\:text-56{ font-size:56px; } 

    
    .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .sm\:max-1450 { max-width:1450px; }
    .sm\:text-58{ font-size:58px; } 

    

    .sm\:max-full { max-width:100%; }
    .sm\:ml-auto{ margin-left:auto; }
    .sm\:mr-auto{ margin-right:auto; }
    .sm\:vh-100{ height:100vh; }
    .sm\:vh-auto{ height:auto; }
}


@media(min-width:992px){
    
    
    .md\:d-block {
        display:block;
    }
    
    .md\:d-inline-block {
        display:inline-block;
    }
    
    .md\:d-flex {
        display:flex;
    }
    
    .md\:d-inline-flex {
        display:inline-flex;
    }
    
    .md\:d-none {
        display:none;
    }
    
    
    
    .md\:align-center {
        align-items:center;
    }
    
    .md\:align-flex-start {
        align-items:flex-start;
    }
    
    .md\:align-flex-end {
        align-items:flex-end;
    }
    
    .md\:align-normal {
        align-items:normal;
    }
    
    
    
    .md\:justify-center {
        justify-content:center;
    }
    
    .md\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .md\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .md\:justify-space-around {
        justify-content:space-around;
    }
    
    .md\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .md\:text-left {
        text-align:left;
    }
    
    .md\:text-right {
        text-align:right;
    }
    
    .md\:text-center {
        text-align:center;
    }
    
    
    
    .md\:direction-column {
        flex-direction:column;
    }
    
    .md\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .md\:direction-row {
        flex-direction:row;
    }
    
    .md\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .md\:p--0 { padding:0px !important; }
    .md\:p-0 { padding:0px; }
    .md\:pt-0 { padding-top:0px; }
    .md\:pb-0 { padding-bottom:0px; }
    .md\:pl-0 { padding-left:0px; }
    .md\:pr-0 { padding-right:0px; }

    .md\:m-0 {  margin:0px; }
    .md\:mt-0 { margin-top:0px; }
    .md\:mb-0 { margin-bottom:0px; }
    .md\:ml-0 { margin-left:0px; }
    .md\:mr-0 { margin-right:0px; }

    .md\:ml--0 { margin-left:-0px; }
    .md\:mr--0 { margin-right:-0px; }

    .md\:mt--0 { margin-top:-0px; }
    .md\:mb--0 { margin-bottom:-0px; }

    .md\:max--0 { max-width:0%; }
    .md\:mt---0 { margin-top:-0%; }
    .md\:mb---0 { margin-bottom:-0%; }
    
    
    .md\:p--5 { padding:5px !important; }
    .md\:p-5 { padding:5px; }
    .md\:pt-5 { padding-top:5px; }
    .md\:pb-5 { padding-bottom:5px; }
    .md\:pl-5 { padding-left:5px; }
    .md\:pr-5 { padding-right:5px; }

    .md\:m-5 {  margin:5px; }
    .md\:mt-5 { margin-top:5px; }
    .md\:mb-5 { margin-bottom:5px; }
    .md\:ml-5 { margin-left:5px; }
    .md\:mr-5 { margin-right:5px; }

    .md\:ml--5 { margin-left:-5px; }
    .md\:mr--5 { margin-right:-5px; }

    .md\:mt--5 { margin-top:-5px; }
    .md\:mb--5 { margin-bottom:-5px; }

    .md\:max--5 { max-width:5%; }
    .md\:mt---5 { margin-top:-5%; }
    .md\:mb---5 { margin-bottom:-5%; }
    
    
    .md\:p--10 { padding:10px !important; }
    .md\:p-10 { padding:10px; }
    .md\:pt-10 { padding-top:10px; }
    .md\:pb-10 { padding-bottom:10px; }
    .md\:pl-10 { padding-left:10px; }
    .md\:pr-10 { padding-right:10px; }

    .md\:m-10 {  margin:10px; }
    .md\:mt-10 { margin-top:10px; }
    .md\:mb-10 { margin-bottom:10px; }
    .md\:ml-10 { margin-left:10px; }
    .md\:mr-10 { margin-right:10px; }

    .md\:ml--10 { margin-left:-10px; }
    .md\:mr--10 { margin-right:-10px; }

    .md\:mt--10 { margin-top:-10px; }
    .md\:mb--10 { margin-bottom:-10px; }

    .md\:max--10 { max-width:10%; }
    .md\:mt---10 { margin-top:-10%; }
    .md\:mb---10 { margin-bottom:-10%; }
    
    
    .md\:p--15 { padding:15px !important; }
    .md\:p-15 { padding:15px; }
    .md\:pt-15 { padding-top:15px; }
    .md\:pb-15 { padding-bottom:15px; }
    .md\:pl-15 { padding-left:15px; }
    .md\:pr-15 { padding-right:15px; }

    .md\:m-15 {  margin:15px; }
    .md\:mt-15 { margin-top:15px; }
    .md\:mb-15 { margin-bottom:15px; }
    .md\:ml-15 { margin-left:15px; }
    .md\:mr-15 { margin-right:15px; }

    .md\:ml--15 { margin-left:-15px; }
    .md\:mr--15 { margin-right:-15px; }

    .md\:mt--15 { margin-top:-15px; }
    .md\:mb--15 { margin-bottom:-15px; }

    .md\:max--15 { max-width:15%; }
    .md\:mt---15 { margin-top:-15%; }
    .md\:mb---15 { margin-bottom:-15%; }
    
    
    .md\:p--20 { padding:20px !important; }
    .md\:p-20 { padding:20px; }
    .md\:pt-20 { padding-top:20px; }
    .md\:pb-20 { padding-bottom:20px; }
    .md\:pl-20 { padding-left:20px; }
    .md\:pr-20 { padding-right:20px; }

    .md\:m-20 {  margin:20px; }
    .md\:mt-20 { margin-top:20px; }
    .md\:mb-20 { margin-bottom:20px; }
    .md\:ml-20 { margin-left:20px; }
    .md\:mr-20 { margin-right:20px; }

    .md\:ml--20 { margin-left:-20px; }
    .md\:mr--20 { margin-right:-20px; }

    .md\:mt--20 { margin-top:-20px; }
    .md\:mb--20 { margin-bottom:-20px; }

    .md\:max--20 { max-width:20%; }
    .md\:mt---20 { margin-top:-20%; }
    .md\:mb---20 { margin-bottom:-20%; }
    
    
    .md\:p--25 { padding:25px !important; }
    .md\:p-25 { padding:25px; }
    .md\:pt-25 { padding-top:25px; }
    .md\:pb-25 { padding-bottom:25px; }
    .md\:pl-25 { padding-left:25px; }
    .md\:pr-25 { padding-right:25px; }

    .md\:m-25 {  margin:25px; }
    .md\:mt-25 { margin-top:25px; }
    .md\:mb-25 { margin-bottom:25px; }
    .md\:ml-25 { margin-left:25px; }
    .md\:mr-25 { margin-right:25px; }

    .md\:ml--25 { margin-left:-25px; }
    .md\:mr--25 { margin-right:-25px; }

    .md\:mt--25 { margin-top:-25px; }
    .md\:mb--25 { margin-bottom:-25px; }

    .md\:max--25 { max-width:25%; }
    .md\:mt---25 { margin-top:-25%; }
    .md\:mb---25 { margin-bottom:-25%; }
    
    
    .md\:p--30 { padding:30px !important; }
    .md\:p-30 { padding:30px; }
    .md\:pt-30 { padding-top:30px; }
    .md\:pb-30 { padding-bottom:30px; }
    .md\:pl-30 { padding-left:30px; }
    .md\:pr-30 { padding-right:30px; }

    .md\:m-30 {  margin:30px; }
    .md\:mt-30 { margin-top:30px; }
    .md\:mb-30 { margin-bottom:30px; }
    .md\:ml-30 { margin-left:30px; }
    .md\:mr-30 { margin-right:30px; }

    .md\:ml--30 { margin-left:-30px; }
    .md\:mr--30 { margin-right:-30px; }

    .md\:mt--30 { margin-top:-30px; }
    .md\:mb--30 { margin-bottom:-30px; }

    .md\:max--30 { max-width:30%; }
    .md\:mt---30 { margin-top:-30%; }
    .md\:mb---30 { margin-bottom:-30%; }
    
    
    .md\:p--35 { padding:35px !important; }
    .md\:p-35 { padding:35px; }
    .md\:pt-35 { padding-top:35px; }
    .md\:pb-35 { padding-bottom:35px; }
    .md\:pl-35 { padding-left:35px; }
    .md\:pr-35 { padding-right:35px; }

    .md\:m-35 {  margin:35px; }
    .md\:mt-35 { margin-top:35px; }
    .md\:mb-35 { margin-bottom:35px; }
    .md\:ml-35 { margin-left:35px; }
    .md\:mr-35 { margin-right:35px; }

    .md\:ml--35 { margin-left:-35px; }
    .md\:mr--35 { margin-right:-35px; }

    .md\:mt--35 { margin-top:-35px; }
    .md\:mb--35 { margin-bottom:-35px; }

    .md\:max--35 { max-width:35%; }
    .md\:mt---35 { margin-top:-35%; }
    .md\:mb---35 { margin-bottom:-35%; }
    
    
    .md\:p--40 { padding:40px !important; }
    .md\:p-40 { padding:40px; }
    .md\:pt-40 { padding-top:40px; }
    .md\:pb-40 { padding-bottom:40px; }
    .md\:pl-40 { padding-left:40px; }
    .md\:pr-40 { padding-right:40px; }

    .md\:m-40 {  margin:40px; }
    .md\:mt-40 { margin-top:40px; }
    .md\:mb-40 { margin-bottom:40px; }
    .md\:ml-40 { margin-left:40px; }
    .md\:mr-40 { margin-right:40px; }

    .md\:ml--40 { margin-left:-40px; }
    .md\:mr--40 { margin-right:-40px; }

    .md\:mt--40 { margin-top:-40px; }
    .md\:mb--40 { margin-bottom:-40px; }

    .md\:max--40 { max-width:40%; }
    .md\:mt---40 { margin-top:-40%; }
    .md\:mb---40 { margin-bottom:-40%; }
    
    
    .md\:p--45 { padding:45px !important; }
    .md\:p-45 { padding:45px; }
    .md\:pt-45 { padding-top:45px; }
    .md\:pb-45 { padding-bottom:45px; }
    .md\:pl-45 { padding-left:45px; }
    .md\:pr-45 { padding-right:45px; }

    .md\:m-45 {  margin:45px; }
    .md\:mt-45 { margin-top:45px; }
    .md\:mb-45 { margin-bottom:45px; }
    .md\:ml-45 { margin-left:45px; }
    .md\:mr-45 { margin-right:45px; }

    .md\:ml--45 { margin-left:-45px; }
    .md\:mr--45 { margin-right:-45px; }

    .md\:mt--45 { margin-top:-45px; }
    .md\:mb--45 { margin-bottom:-45px; }

    .md\:max--45 { max-width:45%; }
    .md\:mt---45 { margin-top:-45%; }
    .md\:mb---45 { margin-bottom:-45%; }
    
    
    .md\:p--50 { padding:50px !important; }
    .md\:p-50 { padding:50px; }
    .md\:pt-50 { padding-top:50px; }
    .md\:pb-50 { padding-bottom:50px; }
    .md\:pl-50 { padding-left:50px; }
    .md\:pr-50 { padding-right:50px; }

    .md\:m-50 {  margin:50px; }
    .md\:mt-50 { margin-top:50px; }
    .md\:mb-50 { margin-bottom:50px; }
    .md\:ml-50 { margin-left:50px; }
    .md\:mr-50 { margin-right:50px; }

    .md\:ml--50 { margin-left:-50px; }
    .md\:mr--50 { margin-right:-50px; }

    .md\:mt--50 { margin-top:-50px; }
    .md\:mb--50 { margin-bottom:-50px; }

    .md\:max--50 { max-width:50%; }
    .md\:mt---50 { margin-top:-50%; }
    .md\:mb---50 { margin-bottom:-50%; }
    
    
    .md\:p--55 { padding:55px !important; }
    .md\:p-55 { padding:55px; }
    .md\:pt-55 { padding-top:55px; }
    .md\:pb-55 { padding-bottom:55px; }
    .md\:pl-55 { padding-left:55px; }
    .md\:pr-55 { padding-right:55px; }

    .md\:m-55 {  margin:55px; }
    .md\:mt-55 { margin-top:55px; }
    .md\:mb-55 { margin-bottom:55px; }
    .md\:ml-55 { margin-left:55px; }
    .md\:mr-55 { margin-right:55px; }

    .md\:ml--55 { margin-left:-55px; }
    .md\:mr--55 { margin-right:-55px; }

    .md\:mt--55 { margin-top:-55px; }
    .md\:mb--55 { margin-bottom:-55px; }

    .md\:max--55 { max-width:55%; }
    .md\:mt---55 { margin-top:-55%; }
    .md\:mb---55 { margin-bottom:-55%; }
    
    
    .md\:p--60 { padding:60px !important; }
    .md\:p-60 { padding:60px; }
    .md\:pt-60 { padding-top:60px; }
    .md\:pb-60 { padding-bottom:60px; }
    .md\:pl-60 { padding-left:60px; }
    .md\:pr-60 { padding-right:60px; }

    .md\:m-60 {  margin:60px; }
    .md\:mt-60 { margin-top:60px; }
    .md\:mb-60 { margin-bottom:60px; }
    .md\:ml-60 { margin-left:60px; }
    .md\:mr-60 { margin-right:60px; }

    .md\:ml--60 { margin-left:-60px; }
    .md\:mr--60 { margin-right:-60px; }

    .md\:mt--60 { margin-top:-60px; }
    .md\:mb--60 { margin-bottom:-60px; }

    .md\:max--60 { max-width:60%; }
    .md\:mt---60 { margin-top:-60%; }
    .md\:mb---60 { margin-bottom:-60%; }
    
    
    .md\:p--65 { padding:65px !important; }
    .md\:p-65 { padding:65px; }
    .md\:pt-65 { padding-top:65px; }
    .md\:pb-65 { padding-bottom:65px; }
    .md\:pl-65 { padding-left:65px; }
    .md\:pr-65 { padding-right:65px; }

    .md\:m-65 {  margin:65px; }
    .md\:mt-65 { margin-top:65px; }
    .md\:mb-65 { margin-bottom:65px; }
    .md\:ml-65 { margin-left:65px; }
    .md\:mr-65 { margin-right:65px; }

    .md\:ml--65 { margin-left:-65px; }
    .md\:mr--65 { margin-right:-65px; }

    .md\:mt--65 { margin-top:-65px; }
    .md\:mb--65 { margin-bottom:-65px; }

    .md\:max--65 { max-width:65%; }
    .md\:mt---65 { margin-top:-65%; }
    .md\:mb---65 { margin-bottom:-65%; }
    
    
    .md\:p--70 { padding:70px !important; }
    .md\:p-70 { padding:70px; }
    .md\:pt-70 { padding-top:70px; }
    .md\:pb-70 { padding-bottom:70px; }
    .md\:pl-70 { padding-left:70px; }
    .md\:pr-70 { padding-right:70px; }

    .md\:m-70 {  margin:70px; }
    .md\:mt-70 { margin-top:70px; }
    .md\:mb-70 { margin-bottom:70px; }
    .md\:ml-70 { margin-left:70px; }
    .md\:mr-70 { margin-right:70px; }

    .md\:ml--70 { margin-left:-70px; }
    .md\:mr--70 { margin-right:-70px; }

    .md\:mt--70 { margin-top:-70px; }
    .md\:mb--70 { margin-bottom:-70px; }

    .md\:max--70 { max-width:70%; }
    .md\:mt---70 { margin-top:-70%; }
    .md\:mb---70 { margin-bottom:-70%; }
    
    
    .md\:p--75 { padding:75px !important; }
    .md\:p-75 { padding:75px; }
    .md\:pt-75 { padding-top:75px; }
    .md\:pb-75 { padding-bottom:75px; }
    .md\:pl-75 { padding-left:75px; }
    .md\:pr-75 { padding-right:75px; }

    .md\:m-75 {  margin:75px; }
    .md\:mt-75 { margin-top:75px; }
    .md\:mb-75 { margin-bottom:75px; }
    .md\:ml-75 { margin-left:75px; }
    .md\:mr-75 { margin-right:75px; }

    .md\:ml--75 { margin-left:-75px; }
    .md\:mr--75 { margin-right:-75px; }

    .md\:mt--75 { margin-top:-75px; }
    .md\:mb--75 { margin-bottom:-75px; }

    .md\:max--75 { max-width:75%; }
    .md\:mt---75 { margin-top:-75%; }
    .md\:mb---75 { margin-bottom:-75%; }
    
    
    .md\:p--80 { padding:80px !important; }
    .md\:p-80 { padding:80px; }
    .md\:pt-80 { padding-top:80px; }
    .md\:pb-80 { padding-bottom:80px; }
    .md\:pl-80 { padding-left:80px; }
    .md\:pr-80 { padding-right:80px; }

    .md\:m-80 {  margin:80px; }
    .md\:mt-80 { margin-top:80px; }
    .md\:mb-80 { margin-bottom:80px; }
    .md\:ml-80 { margin-left:80px; }
    .md\:mr-80 { margin-right:80px; }

    .md\:ml--80 { margin-left:-80px; }
    .md\:mr--80 { margin-right:-80px; }

    .md\:mt--80 { margin-top:-80px; }
    .md\:mb--80 { margin-bottom:-80px; }

    .md\:max--80 { max-width:80%; }
    .md\:mt---80 { margin-top:-80%; }
    .md\:mb---80 { margin-bottom:-80%; }
    
    
    .md\:p--85 { padding:85px !important; }
    .md\:p-85 { padding:85px; }
    .md\:pt-85 { padding-top:85px; }
    .md\:pb-85 { padding-bottom:85px; }
    .md\:pl-85 { padding-left:85px; }
    .md\:pr-85 { padding-right:85px; }

    .md\:m-85 {  margin:85px; }
    .md\:mt-85 { margin-top:85px; }
    .md\:mb-85 { margin-bottom:85px; }
    .md\:ml-85 { margin-left:85px; }
    .md\:mr-85 { margin-right:85px; }

    .md\:ml--85 { margin-left:-85px; }
    .md\:mr--85 { margin-right:-85px; }

    .md\:mt--85 { margin-top:-85px; }
    .md\:mb--85 { margin-bottom:-85px; }

    .md\:max--85 { max-width:85%; }
    .md\:mt---85 { margin-top:-85%; }
    .md\:mb---85 { margin-bottom:-85%; }
    
    
    .md\:p--90 { padding:90px !important; }
    .md\:p-90 { padding:90px; }
    .md\:pt-90 { padding-top:90px; }
    .md\:pb-90 { padding-bottom:90px; }
    .md\:pl-90 { padding-left:90px; }
    .md\:pr-90 { padding-right:90px; }

    .md\:m-90 {  margin:90px; }
    .md\:mt-90 { margin-top:90px; }
    .md\:mb-90 { margin-bottom:90px; }
    .md\:ml-90 { margin-left:90px; }
    .md\:mr-90 { margin-right:90px; }

    .md\:ml--90 { margin-left:-90px; }
    .md\:mr--90 { margin-right:-90px; }

    .md\:mt--90 { margin-top:-90px; }
    .md\:mb--90 { margin-bottom:-90px; }

    .md\:max--90 { max-width:90%; }
    .md\:mt---90 { margin-top:-90%; }
    .md\:mb---90 { margin-bottom:-90%; }
    
    
    .md\:p--95 { padding:95px !important; }
    .md\:p-95 { padding:95px; }
    .md\:pt-95 { padding-top:95px; }
    .md\:pb-95 { padding-bottom:95px; }
    .md\:pl-95 { padding-left:95px; }
    .md\:pr-95 { padding-right:95px; }

    .md\:m-95 {  margin:95px; }
    .md\:mt-95 { margin-top:95px; }
    .md\:mb-95 { margin-bottom:95px; }
    .md\:ml-95 { margin-left:95px; }
    .md\:mr-95 { margin-right:95px; }

    .md\:ml--95 { margin-left:-95px; }
    .md\:mr--95 { margin-right:-95px; }

    .md\:mt--95 { margin-top:-95px; }
    .md\:mb--95 { margin-bottom:-95px; }

    .md\:max--95 { max-width:95%; }
    .md\:mt---95 { margin-top:-95%; }
    .md\:mb---95 { margin-bottom:-95%; }
    
    
    .md\:p--100 { padding:100px !important; }
    .md\:p-100 { padding:100px; }
    .md\:pt-100 { padding-top:100px; }
    .md\:pb-100 { padding-bottom:100px; }
    .md\:pl-100 { padding-left:100px; }
    .md\:pr-100 { padding-right:100px; }

    .md\:m-100 {  margin:100px; }
    .md\:mt-100 { margin-top:100px; }
    .md\:mb-100 { margin-bottom:100px; }
    .md\:ml-100 { margin-left:100px; }
    .md\:mr-100 { margin-right:100px; }

    .md\:ml--100 { margin-left:-100px; }
    .md\:mr--100 { margin-right:-100px; }

    .md\:mt--100 { margin-top:-100px; }
    .md\:mb--100 { margin-bottom:-100px; }

    .md\:max--100 { max-width:100%; }
    .md\:mt---100 { margin-top:-100%; }
    .md\:mb---100 { margin-bottom:-100%; }
    
    
    .md\:p--105 { padding:105px !important; }
    .md\:p-105 { padding:105px; }
    .md\:pt-105 { padding-top:105px; }
    .md\:pb-105 { padding-bottom:105px; }
    .md\:pl-105 { padding-left:105px; }
    .md\:pr-105 { padding-right:105px; }

    .md\:m-105 {  margin:105px; }
    .md\:mt-105 { margin-top:105px; }
    .md\:mb-105 { margin-bottom:105px; }
    .md\:ml-105 { margin-left:105px; }
    .md\:mr-105 { margin-right:105px; }

    .md\:ml--105 { margin-left:-105px; }
    .md\:mr--105 { margin-right:-105px; }

    .md\:mt--105 { margin-top:-105px; }
    .md\:mb--105 { margin-bottom:-105px; }

    .md\:max--105 { max-width:105%; }
    .md\:mt---105 { margin-top:-105%; }
    .md\:mb---105 { margin-bottom:-105%; }
    
    
    .md\:p--110 { padding:110px !important; }
    .md\:p-110 { padding:110px; }
    .md\:pt-110 { padding-top:110px; }
    .md\:pb-110 { padding-bottom:110px; }
    .md\:pl-110 { padding-left:110px; }
    .md\:pr-110 { padding-right:110px; }

    .md\:m-110 {  margin:110px; }
    .md\:mt-110 { margin-top:110px; }
    .md\:mb-110 { margin-bottom:110px; }
    .md\:ml-110 { margin-left:110px; }
    .md\:mr-110 { margin-right:110px; }

    .md\:ml--110 { margin-left:-110px; }
    .md\:mr--110 { margin-right:-110px; }

    .md\:mt--110 { margin-top:-110px; }
    .md\:mb--110 { margin-bottom:-110px; }

    .md\:max--110 { max-width:110%; }
    .md\:mt---110 { margin-top:-110%; }
    .md\:mb---110 { margin-bottom:-110%; }
    
    
    .md\:p--115 { padding:115px !important; }
    .md\:p-115 { padding:115px; }
    .md\:pt-115 { padding-top:115px; }
    .md\:pb-115 { padding-bottom:115px; }
    .md\:pl-115 { padding-left:115px; }
    .md\:pr-115 { padding-right:115px; }

    .md\:m-115 {  margin:115px; }
    .md\:mt-115 { margin-top:115px; }
    .md\:mb-115 { margin-bottom:115px; }
    .md\:ml-115 { margin-left:115px; }
    .md\:mr-115 { margin-right:115px; }

    .md\:ml--115 { margin-left:-115px; }
    .md\:mr--115 { margin-right:-115px; }

    .md\:mt--115 { margin-top:-115px; }
    .md\:mb--115 { margin-bottom:-115px; }

    .md\:max--115 { max-width:115%; }
    .md\:mt---115 { margin-top:-115%; }
    .md\:mb---115 { margin-bottom:-115%; }
    
    
    .md\:p--120 { padding:120px !important; }
    .md\:p-120 { padding:120px; }
    .md\:pt-120 { padding-top:120px; }
    .md\:pb-120 { padding-bottom:120px; }
    .md\:pl-120 { padding-left:120px; }
    .md\:pr-120 { padding-right:120px; }

    .md\:m-120 {  margin:120px; }
    .md\:mt-120 { margin-top:120px; }
    .md\:mb-120 { margin-bottom:120px; }
    .md\:ml-120 { margin-left:120px; }
    .md\:mr-120 { margin-right:120px; }

    .md\:ml--120 { margin-left:-120px; }
    .md\:mr--120 { margin-right:-120px; }

    .md\:mt--120 { margin-top:-120px; }
    .md\:mb--120 { margin-bottom:-120px; }

    .md\:max--120 { max-width:120%; }
    .md\:mt---120 { margin-top:-120%; }
    .md\:mb---120 { margin-bottom:-120%; }
    
    
    .md\:p--125 { padding:125px !important; }
    .md\:p-125 { padding:125px; }
    .md\:pt-125 { padding-top:125px; }
    .md\:pb-125 { padding-bottom:125px; }
    .md\:pl-125 { padding-left:125px; }
    .md\:pr-125 { padding-right:125px; }

    .md\:m-125 {  margin:125px; }
    .md\:mt-125 { margin-top:125px; }
    .md\:mb-125 { margin-bottom:125px; }
    .md\:ml-125 { margin-left:125px; }
    .md\:mr-125 { margin-right:125px; }

    .md\:ml--125 { margin-left:-125px; }
    .md\:mr--125 { margin-right:-125px; }

    .md\:mt--125 { margin-top:-125px; }
    .md\:mb--125 { margin-bottom:-125px; }

    .md\:max--125 { max-width:125%; }
    .md\:mt---125 { margin-top:-125%; }
    .md\:mb---125 { margin-bottom:-125%; }
    
    
    .md\:p--130 { padding:130px !important; }
    .md\:p-130 { padding:130px; }
    .md\:pt-130 { padding-top:130px; }
    .md\:pb-130 { padding-bottom:130px; }
    .md\:pl-130 { padding-left:130px; }
    .md\:pr-130 { padding-right:130px; }

    .md\:m-130 {  margin:130px; }
    .md\:mt-130 { margin-top:130px; }
    .md\:mb-130 { margin-bottom:130px; }
    .md\:ml-130 { margin-left:130px; }
    .md\:mr-130 { margin-right:130px; }

    .md\:ml--130 { margin-left:-130px; }
    .md\:mr--130 { margin-right:-130px; }

    .md\:mt--130 { margin-top:-130px; }
    .md\:mb--130 { margin-bottom:-130px; }

    .md\:max--130 { max-width:130%; }
    .md\:mt---130 { margin-top:-130%; }
    .md\:mb---130 { margin-bottom:-130%; }
    
    
    .md\:p--135 { padding:135px !important; }
    .md\:p-135 { padding:135px; }
    .md\:pt-135 { padding-top:135px; }
    .md\:pb-135 { padding-bottom:135px; }
    .md\:pl-135 { padding-left:135px; }
    .md\:pr-135 { padding-right:135px; }

    .md\:m-135 {  margin:135px; }
    .md\:mt-135 { margin-top:135px; }
    .md\:mb-135 { margin-bottom:135px; }
    .md\:ml-135 { margin-left:135px; }
    .md\:mr-135 { margin-right:135px; }

    .md\:ml--135 { margin-left:-135px; }
    .md\:mr--135 { margin-right:-135px; }

    .md\:mt--135 { margin-top:-135px; }
    .md\:mb--135 { margin-bottom:-135px; }

    .md\:max--135 { max-width:135%; }
    .md\:mt---135 { margin-top:-135%; }
    .md\:mb---135 { margin-bottom:-135%; }
    
    
    .md\:p--140 { padding:140px !important; }
    .md\:p-140 { padding:140px; }
    .md\:pt-140 { padding-top:140px; }
    .md\:pb-140 { padding-bottom:140px; }
    .md\:pl-140 { padding-left:140px; }
    .md\:pr-140 { padding-right:140px; }

    .md\:m-140 {  margin:140px; }
    .md\:mt-140 { margin-top:140px; }
    .md\:mb-140 { margin-bottom:140px; }
    .md\:ml-140 { margin-left:140px; }
    .md\:mr-140 { margin-right:140px; }

    .md\:ml--140 { margin-left:-140px; }
    .md\:mr--140 { margin-right:-140px; }

    .md\:mt--140 { margin-top:-140px; }
    .md\:mb--140 { margin-bottom:-140px; }

    .md\:max--140 { max-width:140%; }
    .md\:mt---140 { margin-top:-140%; }
    .md\:mb---140 { margin-bottom:-140%; }
    
    
    .md\:p--145 { padding:145px !important; }
    .md\:p-145 { padding:145px; }
    .md\:pt-145 { padding-top:145px; }
    .md\:pb-145 { padding-bottom:145px; }
    .md\:pl-145 { padding-left:145px; }
    .md\:pr-145 { padding-right:145px; }

    .md\:m-145 {  margin:145px; }
    .md\:mt-145 { margin-top:145px; }
    .md\:mb-145 { margin-bottom:145px; }
    .md\:ml-145 { margin-left:145px; }
    .md\:mr-145 { margin-right:145px; }

    .md\:ml--145 { margin-left:-145px; }
    .md\:mr--145 { margin-right:-145px; }

    .md\:mt--145 { margin-top:-145px; }
    .md\:mb--145 { margin-bottom:-145px; }

    .md\:max--145 { max-width:145%; }
    .md\:mt---145 { margin-top:-145%; }
    .md\:mb---145 { margin-bottom:-145%; }
    
    
    .md\:p--150 { padding:150px !important; }
    .md\:p-150 { padding:150px; }
    .md\:pt-150 { padding-top:150px; }
    .md\:pb-150 { padding-bottom:150px; }
    .md\:pl-150 { padding-left:150px; }
    .md\:pr-150 { padding-right:150px; }

    .md\:m-150 {  margin:150px; }
    .md\:mt-150 { margin-top:150px; }
    .md\:mb-150 { margin-bottom:150px; }
    .md\:ml-150 { margin-left:150px; }
    .md\:mr-150 { margin-right:150px; }

    .md\:ml--150 { margin-left:-150px; }
    .md\:mr--150 { margin-right:-150px; }

    .md\:mt--150 { margin-top:-150px; }
    .md\:mb--150 { margin-bottom:-150px; }

    .md\:max--150 { max-width:150%; }
    .md\:mt---150 { margin-top:-150%; }
    .md\:mb---150 { margin-bottom:-150%; }
    
    

    
    .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .md\:max-50 { max-width:50px; }
    .md\:text-2{ font-size:2px; } 

    
    .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .md\:max-100 { max-width:100px; }
    .md\:text-4{ font-size:4px; } 

    
    .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .md\:max-150 { max-width:150px; }
    .md\:text-6{ font-size:6px; } 

    
    .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .md\:max-200 { max-width:200px; }
    .md\:text-8{ font-size:8px; } 

    
    .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .md\:max-250 { max-width:250px; }
    .md\:text-10{ font-size:10px; } 

    
    .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .md\:max-300 { max-width:300px; }
    .md\:text-12{ font-size:12px; } 

    
    .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .md\:max-350 { max-width:350px; }
    .md\:text-14{ font-size:14px; } 

    
    .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .md\:max-400 { max-width:400px; }
    .md\:text-16{ font-size:16px; } 

    
    .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .md\:max-450 { max-width:450px; }
    .md\:text-18{ font-size:18px; } 

    
    .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .md\:max-500 { max-width:500px; }
    .md\:text-20{ font-size:20px; } 

    
    .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .md\:max-550 { max-width:550px; }
    .md\:text-22{ font-size:22px; } 

    
    .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .md\:max-600 { max-width:600px; }
    .md\:text-24{ font-size:24px; } 

    
    .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .md\:max-650 { max-width:650px; }
    .md\:text-26{ font-size:26px; } 

    
    .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .md\:max-700 { max-width:700px; }
    .md\:text-28{ font-size:28px; } 

    
    .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .md\:max-750 { max-width:750px; }
    .md\:text-30{ font-size:30px; } 

    
    .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .md\:max-800 { max-width:800px; }
    .md\:text-32{ font-size:32px; } 

    
    .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .md\:max-850 { max-width:850px; }
    .md\:text-34{ font-size:34px; } 

    
    .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .md\:max-900 { max-width:900px; }
    .md\:text-36{ font-size:36px; } 

    
    .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .md\:max-950 { max-width:950px; }
    .md\:text-38{ font-size:38px; } 

    
    .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .md\:max-1000 { max-width:1000px; }
    .md\:text-40{ font-size:40px; } 

    
    .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .md\:max-1050 { max-width:1050px; }
    .md\:text-42{ font-size:42px; } 

    
    .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .md\:max-1100 { max-width:1100px; }
    .md\:text-44{ font-size:44px; } 

    
    .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .md\:max-1150 { max-width:1150px; }
    .md\:text-46{ font-size:46px; } 

    
    .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .md\:max-1200 { max-width:1200px; }
    .md\:text-48{ font-size:48px; } 

    
    .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .md\:max-1250 { max-width:1250px; }
    .md\:text-50{ font-size:50px; } 

    
    .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .md\:max-1300 { max-width:1300px; }
    .md\:text-52{ font-size:52px; } 

    
    .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .md\:max-1350 { max-width:1350px; }
    .md\:text-54{ font-size:54px; } 

    
    .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .md\:max-1400 { max-width:1400px; }
    .md\:text-56{ font-size:56px; } 

    
    .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .md\:max-1450 { max-width:1450px; }
    .md\:text-58{ font-size:58px; } 

    

    .md\:max-full { max-width:100%; }
    .md\:ml-auto{ margin-left:auto; }
    .md\:mr-auto{ margin-right:auto; }
    .md\:vh-100{ height:100vh; }
    .md\:vh-auto{ height:auto; }
}


@media(min-width:1200px){
    
    
    .lg\:d-block {
        display:block;
    }
    
    .lg\:d-inline-block {
        display:inline-block;
    }
    
    .lg\:d-flex {
        display:flex;
    }
    
    .lg\:d-inline-flex {
        display:inline-flex;
    }
    
    .lg\:d-none {
        display:none;
    }
    
    
    
    .lg\:align-center {
        align-items:center;
    }
    
    .lg\:align-flex-start {
        align-items:flex-start;
    }
    
    .lg\:align-flex-end {
        align-items:flex-end;
    }
    
    .lg\:align-normal {
        align-items:normal;
    }
    
    
    
    .lg\:justify-center {
        justify-content:center;
    }
    
    .lg\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .lg\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .lg\:justify-space-around {
        justify-content:space-around;
    }
    
    .lg\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .lg\:text-left {
        text-align:left;
    }
    
    .lg\:text-right {
        text-align:right;
    }
    
    .lg\:text-center {
        text-align:center;
    }
    
    
    
    .lg\:direction-column {
        flex-direction:column;
    }
    
    .lg\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .lg\:direction-row {
        flex-direction:row;
    }
    
    .lg\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .lg\:p--0 { padding:0px !important; }
    .lg\:p-0 { padding:0px; }
    .lg\:pt-0 { padding-top:0px; }
    .lg\:pb-0 { padding-bottom:0px; }
    .lg\:pl-0 { padding-left:0px; }
    .lg\:pr-0 { padding-right:0px; }

    .lg\:m-0 {  margin:0px; }
    .lg\:mt-0 { margin-top:0px; }
    .lg\:mb-0 { margin-bottom:0px; }
    .lg\:ml-0 { margin-left:0px; }
    .lg\:mr-0 { margin-right:0px; }

    .lg\:ml--0 { margin-left:-0px; }
    .lg\:mr--0 { margin-right:-0px; }

    .lg\:mt--0 { margin-top:-0px; }
    .lg\:mb--0 { margin-bottom:-0px; }

    .lg\:max--0 { max-width:0%; }
    .lg\:mt---0 { margin-top:-0%; }
    .lg\:mb---0 { margin-bottom:-0%; }
    
    
    .lg\:p--5 { padding:5px !important; }
    .lg\:p-5 { padding:5px; }
    .lg\:pt-5 { padding-top:5px; }
    .lg\:pb-5 { padding-bottom:5px; }
    .lg\:pl-5 { padding-left:5px; }
    .lg\:pr-5 { padding-right:5px; }

    .lg\:m-5 {  margin:5px; }
    .lg\:mt-5 { margin-top:5px; }
    .lg\:mb-5 { margin-bottom:5px; }
    .lg\:ml-5 { margin-left:5px; }
    .lg\:mr-5 { margin-right:5px; }

    .lg\:ml--5 { margin-left:-5px; }
    .lg\:mr--5 { margin-right:-5px; }

    .lg\:mt--5 { margin-top:-5px; }
    .lg\:mb--5 { margin-bottom:-5px; }

    .lg\:max--5 { max-width:5%; }
    .lg\:mt---5 { margin-top:-5%; }
    .lg\:mb---5 { margin-bottom:-5%; }
    
    
    .lg\:p--10 { padding:10px !important; }
    .lg\:p-10 { padding:10px; }
    .lg\:pt-10 { padding-top:10px; }
    .lg\:pb-10 { padding-bottom:10px; }
    .lg\:pl-10 { padding-left:10px; }
    .lg\:pr-10 { padding-right:10px; }

    .lg\:m-10 {  margin:10px; }
    .lg\:mt-10 { margin-top:10px; }
    .lg\:mb-10 { margin-bottom:10px; }
    .lg\:ml-10 { margin-left:10px; }
    .lg\:mr-10 { margin-right:10px; }

    .lg\:ml--10 { margin-left:-10px; }
    .lg\:mr--10 { margin-right:-10px; }

    .lg\:mt--10 { margin-top:-10px; }
    .lg\:mb--10 { margin-bottom:-10px; }

    .lg\:max--10 { max-width:10%; }
    .lg\:mt---10 { margin-top:-10%; }
    .lg\:mb---10 { margin-bottom:-10%; }
    
    
    .lg\:p--15 { padding:15px !important; }
    .lg\:p-15 { padding:15px; }
    .lg\:pt-15 { padding-top:15px; }
    .lg\:pb-15 { padding-bottom:15px; }
    .lg\:pl-15 { padding-left:15px; }
    .lg\:pr-15 { padding-right:15px; }

    .lg\:m-15 {  margin:15px; }
    .lg\:mt-15 { margin-top:15px; }
    .lg\:mb-15 { margin-bottom:15px; }
    .lg\:ml-15 { margin-left:15px; }
    .lg\:mr-15 { margin-right:15px; }

    .lg\:ml--15 { margin-left:-15px; }
    .lg\:mr--15 { margin-right:-15px; }

    .lg\:mt--15 { margin-top:-15px; }
    .lg\:mb--15 { margin-bottom:-15px; }

    .lg\:max--15 { max-width:15%; }
    .lg\:mt---15 { margin-top:-15%; }
    .lg\:mb---15 { margin-bottom:-15%; }
    
    
    .lg\:p--20 { padding:20px !important; }
    .lg\:p-20 { padding:20px; }
    .lg\:pt-20 { padding-top:20px; }
    .lg\:pb-20 { padding-bottom:20px; }
    .lg\:pl-20 { padding-left:20px; }
    .lg\:pr-20 { padding-right:20px; }

    .lg\:m-20 {  margin:20px; }
    .lg\:mt-20 { margin-top:20px; }
    .lg\:mb-20 { margin-bottom:20px; }
    .lg\:ml-20 { margin-left:20px; }
    .lg\:mr-20 { margin-right:20px; }

    .lg\:ml--20 { margin-left:-20px; }
    .lg\:mr--20 { margin-right:-20px; }

    .lg\:mt--20 { margin-top:-20px; }
    .lg\:mb--20 { margin-bottom:-20px; }

    .lg\:max--20 { max-width:20%; }
    .lg\:mt---20 { margin-top:-20%; }
    .lg\:mb---20 { margin-bottom:-20%; }
    
    
    .lg\:p--25 { padding:25px !important; }
    .lg\:p-25 { padding:25px; }
    .lg\:pt-25 { padding-top:25px; }
    .lg\:pb-25 { padding-bottom:25px; }
    .lg\:pl-25 { padding-left:25px; }
    .lg\:pr-25 { padding-right:25px; }

    .lg\:m-25 {  margin:25px; }
    .lg\:mt-25 { margin-top:25px; }
    .lg\:mb-25 { margin-bottom:25px; }
    .lg\:ml-25 { margin-left:25px; }
    .lg\:mr-25 { margin-right:25px; }

    .lg\:ml--25 { margin-left:-25px; }
    .lg\:mr--25 { margin-right:-25px; }

    .lg\:mt--25 { margin-top:-25px; }
    .lg\:mb--25 { margin-bottom:-25px; }

    .lg\:max--25 { max-width:25%; }
    .lg\:mt---25 { margin-top:-25%; }
    .lg\:mb---25 { margin-bottom:-25%; }
    
    
    .lg\:p--30 { padding:30px !important; }
    .lg\:p-30 { padding:30px; }
    .lg\:pt-30 { padding-top:30px; }
    .lg\:pb-30 { padding-bottom:30px; }
    .lg\:pl-30 { padding-left:30px; }
    .lg\:pr-30 { padding-right:30px; }

    .lg\:m-30 {  margin:30px; }
    .lg\:mt-30 { margin-top:30px; }
    .lg\:mb-30 { margin-bottom:30px; }
    .lg\:ml-30 { margin-left:30px; }
    .lg\:mr-30 { margin-right:30px; }

    .lg\:ml--30 { margin-left:-30px; }
    .lg\:mr--30 { margin-right:-30px; }

    .lg\:mt--30 { margin-top:-30px; }
    .lg\:mb--30 { margin-bottom:-30px; }

    .lg\:max--30 { max-width:30%; }
    .lg\:mt---30 { margin-top:-30%; }
    .lg\:mb---30 { margin-bottom:-30%; }
    
    
    .lg\:p--35 { padding:35px !important; }
    .lg\:p-35 { padding:35px; }
    .lg\:pt-35 { padding-top:35px; }
    .lg\:pb-35 { padding-bottom:35px; }
    .lg\:pl-35 { padding-left:35px; }
    .lg\:pr-35 { padding-right:35px; }

    .lg\:m-35 {  margin:35px; }
    .lg\:mt-35 { margin-top:35px; }
    .lg\:mb-35 { margin-bottom:35px; }
    .lg\:ml-35 { margin-left:35px; }
    .lg\:mr-35 { margin-right:35px; }

    .lg\:ml--35 { margin-left:-35px; }
    .lg\:mr--35 { margin-right:-35px; }

    .lg\:mt--35 { margin-top:-35px; }
    .lg\:mb--35 { margin-bottom:-35px; }

    .lg\:max--35 { max-width:35%; }
    .lg\:mt---35 { margin-top:-35%; }
    .lg\:mb---35 { margin-bottom:-35%; }
    
    
    .lg\:p--40 { padding:40px !important; }
    .lg\:p-40 { padding:40px; }
    .lg\:pt-40 { padding-top:40px; }
    .lg\:pb-40 { padding-bottom:40px; }
    .lg\:pl-40 { padding-left:40px; }
    .lg\:pr-40 { padding-right:40px; }

    .lg\:m-40 {  margin:40px; }
    .lg\:mt-40 { margin-top:40px; }
    .lg\:mb-40 { margin-bottom:40px; }
    .lg\:ml-40 { margin-left:40px; }
    .lg\:mr-40 { margin-right:40px; }

    .lg\:ml--40 { margin-left:-40px; }
    .lg\:mr--40 { margin-right:-40px; }

    .lg\:mt--40 { margin-top:-40px; }
    .lg\:mb--40 { margin-bottom:-40px; }

    .lg\:max--40 { max-width:40%; }
    .lg\:mt---40 { margin-top:-40%; }
    .lg\:mb---40 { margin-bottom:-40%; }
    
    
    .lg\:p--45 { padding:45px !important; }
    .lg\:p-45 { padding:45px; }
    .lg\:pt-45 { padding-top:45px; }
    .lg\:pb-45 { padding-bottom:45px; }
    .lg\:pl-45 { padding-left:45px; }
    .lg\:pr-45 { padding-right:45px; }

    .lg\:m-45 {  margin:45px; }
    .lg\:mt-45 { margin-top:45px; }
    .lg\:mb-45 { margin-bottom:45px; }
    .lg\:ml-45 { margin-left:45px; }
    .lg\:mr-45 { margin-right:45px; }

    .lg\:ml--45 { margin-left:-45px; }
    .lg\:mr--45 { margin-right:-45px; }

    .lg\:mt--45 { margin-top:-45px; }
    .lg\:mb--45 { margin-bottom:-45px; }

    .lg\:max--45 { max-width:45%; }
    .lg\:mt---45 { margin-top:-45%; }
    .lg\:mb---45 { margin-bottom:-45%; }
    
    
    .lg\:p--50 { padding:50px !important; }
    .lg\:p-50 { padding:50px; }
    .lg\:pt-50 { padding-top:50px; }
    .lg\:pb-50 { padding-bottom:50px; }
    .lg\:pl-50 { padding-left:50px; }
    .lg\:pr-50 { padding-right:50px; }

    .lg\:m-50 {  margin:50px; }
    .lg\:mt-50 { margin-top:50px; }
    .lg\:mb-50 { margin-bottom:50px; }
    .lg\:ml-50 { margin-left:50px; }
    .lg\:mr-50 { margin-right:50px; }

    .lg\:ml--50 { margin-left:-50px; }
    .lg\:mr--50 { margin-right:-50px; }

    .lg\:mt--50 { margin-top:-50px; }
    .lg\:mb--50 { margin-bottom:-50px; }

    .lg\:max--50 { max-width:50%; }
    .lg\:mt---50 { margin-top:-50%; }
    .lg\:mb---50 { margin-bottom:-50%; }
    
    
    .lg\:p--55 { padding:55px !important; }
    .lg\:p-55 { padding:55px; }
    .lg\:pt-55 { padding-top:55px; }
    .lg\:pb-55 { padding-bottom:55px; }
    .lg\:pl-55 { padding-left:55px; }
    .lg\:pr-55 { padding-right:55px; }

    .lg\:m-55 {  margin:55px; }
    .lg\:mt-55 { margin-top:55px; }
    .lg\:mb-55 { margin-bottom:55px; }
    .lg\:ml-55 { margin-left:55px; }
    .lg\:mr-55 { margin-right:55px; }

    .lg\:ml--55 { margin-left:-55px; }
    .lg\:mr--55 { margin-right:-55px; }

    .lg\:mt--55 { margin-top:-55px; }
    .lg\:mb--55 { margin-bottom:-55px; }

    .lg\:max--55 { max-width:55%; }
    .lg\:mt---55 { margin-top:-55%; }
    .lg\:mb---55 { margin-bottom:-55%; }
    
    
    .lg\:p--60 { padding:60px !important; }
    .lg\:p-60 { padding:60px; }
    .lg\:pt-60 { padding-top:60px; }
    .lg\:pb-60 { padding-bottom:60px; }
    .lg\:pl-60 { padding-left:60px; }
    .lg\:pr-60 { padding-right:60px; }

    .lg\:m-60 {  margin:60px; }
    .lg\:mt-60 { margin-top:60px; }
    .lg\:mb-60 { margin-bottom:60px; }
    .lg\:ml-60 { margin-left:60px; }
    .lg\:mr-60 { margin-right:60px; }

    .lg\:ml--60 { margin-left:-60px; }
    .lg\:mr--60 { margin-right:-60px; }

    .lg\:mt--60 { margin-top:-60px; }
    .lg\:mb--60 { margin-bottom:-60px; }

    .lg\:max--60 { max-width:60%; }
    .lg\:mt---60 { margin-top:-60%; }
    .lg\:mb---60 { margin-bottom:-60%; }
    
    
    .lg\:p--65 { padding:65px !important; }
    .lg\:p-65 { padding:65px; }
    .lg\:pt-65 { padding-top:65px; }
    .lg\:pb-65 { padding-bottom:65px; }
    .lg\:pl-65 { padding-left:65px; }
    .lg\:pr-65 { padding-right:65px; }

    .lg\:m-65 {  margin:65px; }
    .lg\:mt-65 { margin-top:65px; }
    .lg\:mb-65 { margin-bottom:65px; }
    .lg\:ml-65 { margin-left:65px; }
    .lg\:mr-65 { margin-right:65px; }

    .lg\:ml--65 { margin-left:-65px; }
    .lg\:mr--65 { margin-right:-65px; }

    .lg\:mt--65 { margin-top:-65px; }
    .lg\:mb--65 { margin-bottom:-65px; }

    .lg\:max--65 { max-width:65%; }
    .lg\:mt---65 { margin-top:-65%; }
    .lg\:mb---65 { margin-bottom:-65%; }
    
    
    .lg\:p--70 { padding:70px !important; }
    .lg\:p-70 { padding:70px; }
    .lg\:pt-70 { padding-top:70px; }
    .lg\:pb-70 { padding-bottom:70px; }
    .lg\:pl-70 { padding-left:70px; }
    .lg\:pr-70 { padding-right:70px; }

    .lg\:m-70 {  margin:70px; }
    .lg\:mt-70 { margin-top:70px; }
    .lg\:mb-70 { margin-bottom:70px; }
    .lg\:ml-70 { margin-left:70px; }
    .lg\:mr-70 { margin-right:70px; }

    .lg\:ml--70 { margin-left:-70px; }
    .lg\:mr--70 { margin-right:-70px; }

    .lg\:mt--70 { margin-top:-70px; }
    .lg\:mb--70 { margin-bottom:-70px; }

    .lg\:max--70 { max-width:70%; }
    .lg\:mt---70 { margin-top:-70%; }
    .lg\:mb---70 { margin-bottom:-70%; }
    
    
    .lg\:p--75 { padding:75px !important; }
    .lg\:p-75 { padding:75px; }
    .lg\:pt-75 { padding-top:75px; }
    .lg\:pb-75 { padding-bottom:75px; }
    .lg\:pl-75 { padding-left:75px; }
    .lg\:pr-75 { padding-right:75px; }

    .lg\:m-75 {  margin:75px; }
    .lg\:mt-75 { margin-top:75px; }
    .lg\:mb-75 { margin-bottom:75px; }
    .lg\:ml-75 { margin-left:75px; }
    .lg\:mr-75 { margin-right:75px; }

    .lg\:ml--75 { margin-left:-75px; }
    .lg\:mr--75 { margin-right:-75px; }

    .lg\:mt--75 { margin-top:-75px; }
    .lg\:mb--75 { margin-bottom:-75px; }

    .lg\:max--75 { max-width:75%; }
    .lg\:mt---75 { margin-top:-75%; }
    .lg\:mb---75 { margin-bottom:-75%; }
    
    
    .lg\:p--80 { padding:80px !important; }
    .lg\:p-80 { padding:80px; }
    .lg\:pt-80 { padding-top:80px; }
    .lg\:pb-80 { padding-bottom:80px; }
    .lg\:pl-80 { padding-left:80px; }
    .lg\:pr-80 { padding-right:80px; }

    .lg\:m-80 {  margin:80px; }
    .lg\:mt-80 { margin-top:80px; }
    .lg\:mb-80 { margin-bottom:80px; }
    .lg\:ml-80 { margin-left:80px; }
    .lg\:mr-80 { margin-right:80px; }

    .lg\:ml--80 { margin-left:-80px; }
    .lg\:mr--80 { margin-right:-80px; }

    .lg\:mt--80 { margin-top:-80px; }
    .lg\:mb--80 { margin-bottom:-80px; }

    .lg\:max--80 { max-width:80%; }
    .lg\:mt---80 { margin-top:-80%; }
    .lg\:mb---80 { margin-bottom:-80%; }
    
    
    .lg\:p--85 { padding:85px !important; }
    .lg\:p-85 { padding:85px; }
    .lg\:pt-85 { padding-top:85px; }
    .lg\:pb-85 { padding-bottom:85px; }
    .lg\:pl-85 { padding-left:85px; }
    .lg\:pr-85 { padding-right:85px; }

    .lg\:m-85 {  margin:85px; }
    .lg\:mt-85 { margin-top:85px; }
    .lg\:mb-85 { margin-bottom:85px; }
    .lg\:ml-85 { margin-left:85px; }
    .lg\:mr-85 { margin-right:85px; }

    .lg\:ml--85 { margin-left:-85px; }
    .lg\:mr--85 { margin-right:-85px; }

    .lg\:mt--85 { margin-top:-85px; }
    .lg\:mb--85 { margin-bottom:-85px; }

    .lg\:max--85 { max-width:85%; }
    .lg\:mt---85 { margin-top:-85%; }
    .lg\:mb---85 { margin-bottom:-85%; }
    
    
    .lg\:p--90 { padding:90px !important; }
    .lg\:p-90 { padding:90px; }
    .lg\:pt-90 { padding-top:90px; }
    .lg\:pb-90 { padding-bottom:90px; }
    .lg\:pl-90 { padding-left:90px; }
    .lg\:pr-90 { padding-right:90px; }

    .lg\:m-90 {  margin:90px; }
    .lg\:mt-90 { margin-top:90px; }
    .lg\:mb-90 { margin-bottom:90px; }
    .lg\:ml-90 { margin-left:90px; }
    .lg\:mr-90 { margin-right:90px; }

    .lg\:ml--90 { margin-left:-90px; }
    .lg\:mr--90 { margin-right:-90px; }

    .lg\:mt--90 { margin-top:-90px; }
    .lg\:mb--90 { margin-bottom:-90px; }

    .lg\:max--90 { max-width:90%; }
    .lg\:mt---90 { margin-top:-90%; }
    .lg\:mb---90 { margin-bottom:-90%; }
    
    
    .lg\:p--95 { padding:95px !important; }
    .lg\:p-95 { padding:95px; }
    .lg\:pt-95 { padding-top:95px; }
    .lg\:pb-95 { padding-bottom:95px; }
    .lg\:pl-95 { padding-left:95px; }
    .lg\:pr-95 { padding-right:95px; }

    .lg\:m-95 {  margin:95px; }
    .lg\:mt-95 { margin-top:95px; }
    .lg\:mb-95 { margin-bottom:95px; }
    .lg\:ml-95 { margin-left:95px; }
    .lg\:mr-95 { margin-right:95px; }

    .lg\:ml--95 { margin-left:-95px; }
    .lg\:mr--95 { margin-right:-95px; }

    .lg\:mt--95 { margin-top:-95px; }
    .lg\:mb--95 { margin-bottom:-95px; }

    .lg\:max--95 { max-width:95%; }
    .lg\:mt---95 { margin-top:-95%; }
    .lg\:mb---95 { margin-bottom:-95%; }
    
    
    .lg\:p--100 { padding:100px !important; }
    .lg\:p-100 { padding:100px; }
    .lg\:pt-100 { padding-top:100px; }
    .lg\:pb-100 { padding-bottom:100px; }
    .lg\:pl-100 { padding-left:100px; }
    .lg\:pr-100 { padding-right:100px; }

    .lg\:m-100 {  margin:100px; }
    .lg\:mt-100 { margin-top:100px; }
    .lg\:mb-100 { margin-bottom:100px; }
    .lg\:ml-100 { margin-left:100px; }
    .lg\:mr-100 { margin-right:100px; }

    .lg\:ml--100 { margin-left:-100px; }
    .lg\:mr--100 { margin-right:-100px; }

    .lg\:mt--100 { margin-top:-100px; }
    .lg\:mb--100 { margin-bottom:-100px; }

    .lg\:max--100 { max-width:100%; }
    .lg\:mt---100 { margin-top:-100%; }
    .lg\:mb---100 { margin-bottom:-100%; }
    
    
    .lg\:p--105 { padding:105px !important; }
    .lg\:p-105 { padding:105px; }
    .lg\:pt-105 { padding-top:105px; }
    .lg\:pb-105 { padding-bottom:105px; }
    .lg\:pl-105 { padding-left:105px; }
    .lg\:pr-105 { padding-right:105px; }

    .lg\:m-105 {  margin:105px; }
    .lg\:mt-105 { margin-top:105px; }
    .lg\:mb-105 { margin-bottom:105px; }
    .lg\:ml-105 { margin-left:105px; }
    .lg\:mr-105 { margin-right:105px; }

    .lg\:ml--105 { margin-left:-105px; }
    .lg\:mr--105 { margin-right:-105px; }

    .lg\:mt--105 { margin-top:-105px; }
    .lg\:mb--105 { margin-bottom:-105px; }

    .lg\:max--105 { max-width:105%; }
    .lg\:mt---105 { margin-top:-105%; }
    .lg\:mb---105 { margin-bottom:-105%; }
    
    
    .lg\:p--110 { padding:110px !important; }
    .lg\:p-110 { padding:110px; }
    .lg\:pt-110 { padding-top:110px; }
    .lg\:pb-110 { padding-bottom:110px; }
    .lg\:pl-110 { padding-left:110px; }
    .lg\:pr-110 { padding-right:110px; }

    .lg\:m-110 {  margin:110px; }
    .lg\:mt-110 { margin-top:110px; }
    .lg\:mb-110 { margin-bottom:110px; }
    .lg\:ml-110 { margin-left:110px; }
    .lg\:mr-110 { margin-right:110px; }

    .lg\:ml--110 { margin-left:-110px; }
    .lg\:mr--110 { margin-right:-110px; }

    .lg\:mt--110 { margin-top:-110px; }
    .lg\:mb--110 { margin-bottom:-110px; }

    .lg\:max--110 { max-width:110%; }
    .lg\:mt---110 { margin-top:-110%; }
    .lg\:mb---110 { margin-bottom:-110%; }
    
    
    .lg\:p--115 { padding:115px !important; }
    .lg\:p-115 { padding:115px; }
    .lg\:pt-115 { padding-top:115px; }
    .lg\:pb-115 { padding-bottom:115px; }
    .lg\:pl-115 { padding-left:115px; }
    .lg\:pr-115 { padding-right:115px; }

    .lg\:m-115 {  margin:115px; }
    .lg\:mt-115 { margin-top:115px; }
    .lg\:mb-115 { margin-bottom:115px; }
    .lg\:ml-115 { margin-left:115px; }
    .lg\:mr-115 { margin-right:115px; }

    .lg\:ml--115 { margin-left:-115px; }
    .lg\:mr--115 { margin-right:-115px; }

    .lg\:mt--115 { margin-top:-115px; }
    .lg\:mb--115 { margin-bottom:-115px; }

    .lg\:max--115 { max-width:115%; }
    .lg\:mt---115 { margin-top:-115%; }
    .lg\:mb---115 { margin-bottom:-115%; }
    
    
    .lg\:p--120 { padding:120px !important; }
    .lg\:p-120 { padding:120px; }
    .lg\:pt-120 { padding-top:120px; }
    .lg\:pb-120 { padding-bottom:120px; }
    .lg\:pl-120 { padding-left:120px; }
    .lg\:pr-120 { padding-right:120px; }

    .lg\:m-120 {  margin:120px; }
    .lg\:mt-120 { margin-top:120px; }
    .lg\:mb-120 { margin-bottom:120px; }
    .lg\:ml-120 { margin-left:120px; }
    .lg\:mr-120 { margin-right:120px; }

    .lg\:ml--120 { margin-left:-120px; }
    .lg\:mr--120 { margin-right:-120px; }

    .lg\:mt--120 { margin-top:-120px; }
    .lg\:mb--120 { margin-bottom:-120px; }

    .lg\:max--120 { max-width:120%; }
    .lg\:mt---120 { margin-top:-120%; }
    .lg\:mb---120 { margin-bottom:-120%; }
    
    
    .lg\:p--125 { padding:125px !important; }
    .lg\:p-125 { padding:125px; }
    .lg\:pt-125 { padding-top:125px; }
    .lg\:pb-125 { padding-bottom:125px; }
    .lg\:pl-125 { padding-left:125px; }
    .lg\:pr-125 { padding-right:125px; }

    .lg\:m-125 {  margin:125px; }
    .lg\:mt-125 { margin-top:125px; }
    .lg\:mb-125 { margin-bottom:125px; }
    .lg\:ml-125 { margin-left:125px; }
    .lg\:mr-125 { margin-right:125px; }

    .lg\:ml--125 { margin-left:-125px; }
    .lg\:mr--125 { margin-right:-125px; }

    .lg\:mt--125 { margin-top:-125px; }
    .lg\:mb--125 { margin-bottom:-125px; }

    .lg\:max--125 { max-width:125%; }
    .lg\:mt---125 { margin-top:-125%; }
    .lg\:mb---125 { margin-bottom:-125%; }
    
    
    .lg\:p--130 { padding:130px !important; }
    .lg\:p-130 { padding:130px; }
    .lg\:pt-130 { padding-top:130px; }
    .lg\:pb-130 { padding-bottom:130px; }
    .lg\:pl-130 { padding-left:130px; }
    .lg\:pr-130 { padding-right:130px; }

    .lg\:m-130 {  margin:130px; }
    .lg\:mt-130 { margin-top:130px; }
    .lg\:mb-130 { margin-bottom:130px; }
    .lg\:ml-130 { margin-left:130px; }
    .lg\:mr-130 { margin-right:130px; }

    .lg\:ml--130 { margin-left:-130px; }
    .lg\:mr--130 { margin-right:-130px; }

    .lg\:mt--130 { margin-top:-130px; }
    .lg\:mb--130 { margin-bottom:-130px; }

    .lg\:max--130 { max-width:130%; }
    .lg\:mt---130 { margin-top:-130%; }
    .lg\:mb---130 { margin-bottom:-130%; }
    
    
    .lg\:p--135 { padding:135px !important; }
    .lg\:p-135 { padding:135px; }
    .lg\:pt-135 { padding-top:135px; }
    .lg\:pb-135 { padding-bottom:135px; }
    .lg\:pl-135 { padding-left:135px; }
    .lg\:pr-135 { padding-right:135px; }

    .lg\:m-135 {  margin:135px; }
    .lg\:mt-135 { margin-top:135px; }
    .lg\:mb-135 { margin-bottom:135px; }
    .lg\:ml-135 { margin-left:135px; }
    .lg\:mr-135 { margin-right:135px; }

    .lg\:ml--135 { margin-left:-135px; }
    .lg\:mr--135 { margin-right:-135px; }

    .lg\:mt--135 { margin-top:-135px; }
    .lg\:mb--135 { margin-bottom:-135px; }

    .lg\:max--135 { max-width:135%; }
    .lg\:mt---135 { margin-top:-135%; }
    .lg\:mb---135 { margin-bottom:-135%; }
    
    
    .lg\:p--140 { padding:140px !important; }
    .lg\:p-140 { padding:140px; }
    .lg\:pt-140 { padding-top:140px; }
    .lg\:pb-140 { padding-bottom:140px; }
    .lg\:pl-140 { padding-left:140px; }
    .lg\:pr-140 { padding-right:140px; }

    .lg\:m-140 {  margin:140px; }
    .lg\:mt-140 { margin-top:140px; }
    .lg\:mb-140 { margin-bottom:140px; }
    .lg\:ml-140 { margin-left:140px; }
    .lg\:mr-140 { margin-right:140px; }

    .lg\:ml--140 { margin-left:-140px; }
    .lg\:mr--140 { margin-right:-140px; }

    .lg\:mt--140 { margin-top:-140px; }
    .lg\:mb--140 { margin-bottom:-140px; }

    .lg\:max--140 { max-width:140%; }
    .lg\:mt---140 { margin-top:-140%; }
    .lg\:mb---140 { margin-bottom:-140%; }
    
    
    .lg\:p--145 { padding:145px !important; }
    .lg\:p-145 { padding:145px; }
    .lg\:pt-145 { padding-top:145px; }
    .lg\:pb-145 { padding-bottom:145px; }
    .lg\:pl-145 { padding-left:145px; }
    .lg\:pr-145 { padding-right:145px; }

    .lg\:m-145 {  margin:145px; }
    .lg\:mt-145 { margin-top:145px; }
    .lg\:mb-145 { margin-bottom:145px; }
    .lg\:ml-145 { margin-left:145px; }
    .lg\:mr-145 { margin-right:145px; }

    .lg\:ml--145 { margin-left:-145px; }
    .lg\:mr--145 { margin-right:-145px; }

    .lg\:mt--145 { margin-top:-145px; }
    .lg\:mb--145 { margin-bottom:-145px; }

    .lg\:max--145 { max-width:145%; }
    .lg\:mt---145 { margin-top:-145%; }
    .lg\:mb---145 { margin-bottom:-145%; }
    
    
    .lg\:p--150 { padding:150px !important; }
    .lg\:p-150 { padding:150px; }
    .lg\:pt-150 { padding-top:150px; }
    .lg\:pb-150 { padding-bottom:150px; }
    .lg\:pl-150 { padding-left:150px; }
    .lg\:pr-150 { padding-right:150px; }

    .lg\:m-150 {  margin:150px; }
    .lg\:mt-150 { margin-top:150px; }
    .lg\:mb-150 { margin-bottom:150px; }
    .lg\:ml-150 { margin-left:150px; }
    .lg\:mr-150 { margin-right:150px; }

    .lg\:ml--150 { margin-left:-150px; }
    .lg\:mr--150 { margin-right:-150px; }

    .lg\:mt--150 { margin-top:-150px; }
    .lg\:mb--150 { margin-bottom:-150px; }

    .lg\:max--150 { max-width:150%; }
    .lg\:mt---150 { margin-top:-150%; }
    .lg\:mb---150 { margin-bottom:-150%; }
    
    

    
    .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .lg\:max-50 { max-width:50px; }
    .lg\:text-2{ font-size:2px; } 

    
    .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .lg\:max-100 { max-width:100px; }
    .lg\:text-4{ font-size:4px; } 

    
    .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .lg\:max-150 { max-width:150px; }
    .lg\:text-6{ font-size:6px; } 

    
    .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .lg\:max-200 { max-width:200px; }
    .lg\:text-8{ font-size:8px; } 

    
    .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .lg\:max-250 { max-width:250px; }
    .lg\:text-10{ font-size:10px; } 

    
    .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .lg\:max-300 { max-width:300px; }
    .lg\:text-12{ font-size:12px; } 

    
    .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .lg\:max-350 { max-width:350px; }
    .lg\:text-14{ font-size:14px; } 

    
    .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .lg\:max-400 { max-width:400px; }
    .lg\:text-16{ font-size:16px; } 

    
    .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .lg\:max-450 { max-width:450px; }
    .lg\:text-18{ font-size:18px; } 

    
    .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .lg\:max-500 { max-width:500px; }
    .lg\:text-20{ font-size:20px; } 

    
    .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .lg\:max-550 { max-width:550px; }
    .lg\:text-22{ font-size:22px; } 

    
    .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .lg\:max-600 { max-width:600px; }
    .lg\:text-24{ font-size:24px; } 

    
    .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .lg\:max-650 { max-width:650px; }
    .lg\:text-26{ font-size:26px; } 

    
    .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .lg\:max-700 { max-width:700px; }
    .lg\:text-28{ font-size:28px; } 

    
    .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .lg\:max-750 { max-width:750px; }
    .lg\:text-30{ font-size:30px; } 

    
    .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .lg\:max-800 { max-width:800px; }
    .lg\:text-32{ font-size:32px; } 

    
    .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .lg\:max-850 { max-width:850px; }
    .lg\:text-34{ font-size:34px; } 

    
    .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .lg\:max-900 { max-width:900px; }
    .lg\:text-36{ font-size:36px; } 

    
    .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .lg\:max-950 { max-width:950px; }
    .lg\:text-38{ font-size:38px; } 

    
    .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .lg\:max-1000 { max-width:1000px; }
    .lg\:text-40{ font-size:40px; } 

    
    .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .lg\:max-1050 { max-width:1050px; }
    .lg\:text-42{ font-size:42px; } 

    
    .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .lg\:max-1100 { max-width:1100px; }
    .lg\:text-44{ font-size:44px; } 

    
    .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .lg\:max-1150 { max-width:1150px; }
    .lg\:text-46{ font-size:46px; } 

    
    .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .lg\:max-1200 { max-width:1200px; }
    .lg\:text-48{ font-size:48px; } 

    
    .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .lg\:max-1250 { max-width:1250px; }
    .lg\:text-50{ font-size:50px; } 

    
    .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .lg\:max-1300 { max-width:1300px; }
    .lg\:text-52{ font-size:52px; } 

    
    .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .lg\:max-1350 { max-width:1350px; }
    .lg\:text-54{ font-size:54px; } 

    
    .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .lg\:max-1400 { max-width:1400px; }
    .lg\:text-56{ font-size:56px; } 

    
    .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .lg\:max-1450 { max-width:1450px; }
    .lg\:text-58{ font-size:58px; } 

    

    .lg\:max-full { max-width:100%; }
    .lg\:ml-auto{ margin-left:auto; }
    .lg\:mr-auto{ margin-right:auto; }
    .lg\:vh-100{ height:100vh; }
    .lg\:vh-auto{ height:auto; }
}



[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.flex-start { align-items: flex-start; }
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.flex-wrap { flex-wrap:wrap; }
.no-gutter{margin:0;}
[class*=max-] {
    width: 100%;
    min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }

@media(min-width:1350px){
    
}

[class*=color\:] h1,
[class*=color\:] .h1,

[class*=color\:] h2,
[class*=color\:] .h2,

[class*=color\:] h3,
[class*=color\:] .h3,

[class*=color\:] h4,
[class*=color\:] .h4,

[class*=color\:] h5,
[class*=color\:] .h5,

[class*=color\:] h6,
[class*=color\:] .h6 {
    color:inherit;
}

[class*="row"][class*="p-"] {
/*     padding: 0 !important; */
}

.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }



.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3, 
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }









/* */

.color\:black{ color:#000000; }
.bg\:black{ background-color:#000000; }

.color\:green{ color:#F1F7FF; }
.bg\:green{ background-color:#F1F7FF; }

.color\:pink{ color:; }
.bg\:pink{ background-color:; }

.color\:dark_gray{ color:#7E848D; }
.bg\:dark_gray{ background-color:#7E848D; }

.color\:gray{ color:#CCD0D6; }
.bg\:gray{ background-color:#CCD0D6; }

.color\:light_gray{ color:#E9EAEE; }
.bg\:light_gray{ background-color:#E9EAEE; }

.color\:white{ color:#ffffff; }
.bg\:white{ background-color:#ffffff; }

@media(min-width:768px){
    
    .hover\:black:hover{ color:#000000; }
    .hoverbg\:black:hover{ background-color:#000000; }
    
    .hover\:green:hover{ color:#F1F7FF; }
    .hoverbg\:green:hover{ background-color:#F1F7FF; }
    
    .hover\:pink:hover{ color:; }
    .hoverbg\:pink:hover{ background-color:; }
    
    .hover\:dark_gray:hover{ color:#7E848D; }
    .hoverbg\:dark_gray:hover{ background-color:#7E848D; }
    
    .hover\:gray:hover{ color:#CCD0D6; }
    .hoverbg\:gray:hover{ background-color:#CCD0D6; }
    
    .hover\:light_gray:hover{ color:#E9EAEE; }
    .hoverbg\:light_gray:hover{ background-color:#E9EAEE; }
    
    .hover\:white:hover{ color:#ffffff; }
    .hoverbg\:white:hover{ background-color:#ffffff; }
    
    
    
}



.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }

.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }

.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }

.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }

.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }

.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }

.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }

.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }

.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }

footer.footer .container { font-weight: 500; gap: 0 20px; }
footer.footer .logo { width: 178px; }
footer.footer .logo img { max-width: 100%; height: auto; }
.footer .main { background: 
    
    
        
    
    rgba(0, 40, 85, 1.0)
; padding: 130px 0 125px; font-size: 14px; line-height: 24px; }
.footer .main ul > .hs-item-has-children > a , .footer .main h6 { font-size: 18px; line-height: 24px; margin: 0 0 25px; font-weight: 600; }
.footer .main ul { margin: 0; padding: 0; list-style-type: none; }
.footer .main ul li { padding: 0; }
.footer .main ul li a { margin: 2px 0; padding: 0; color: #FFFFFF; display: inline-block; }
.footer .main ul li a:hover { color: #63A8FC; }

.memberships { width: 280px; }
.memberships .box a { height: 53px; width: 128px; display: flex; align-items: center; }
.memberships .box a img { max-height: 100%; width: auto; }
.memberships .link a { color: #FFF; text-decoration: underline; }
.memberships .link a:hover { color: #63A8FC; }
.memberships .logos { gap: 15px 24px; }
.memberships .logos a { display: flex; align-items: center; justify-content: center; }

footer.footer .bottom { font-size: 14px; line-height: 24px; background: #F1F7FF; }
footer.footer .bottom .container { position: relative; }
footer.footer .bottom .social-media { position: absolute; left: 15px; top: 11px; }

footer.footer .social-media .font_icon { background: #002855; height: 25px; width: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 4px; }
footer.footer .social-media .font_icon svg { height: 16px;  width: 16px; position: relative; top: 3px; }
footer.footer .social-media .font_icon svg path { fill: #fff; }

.social-media ul { margin: 0; padding: 0; list-style-type: none; gap: 8px; }

.footer.footer_bx .box.footer_admenu > ul { display: flex; flex-flow: row wrap; }
.footer.footer_bx .box.footer_admenu { width: 55%; }
.footer.footer_bx .box.footer_admenu .hs-menu-wrapper > ul {display: flex;flex-flow: row wrap;gap: 15px;justify-content: space-between;}

@media(min-width: 1700px) {
  footer.footer .container { width: 1700px; font-weight: 500; gap: 0 20px; }
}
 
@media(min-width: 1301px) {
  footer.footer .about .address { justify-content: end; }
}

@media(max-width: 1300px) {
  footer.footer .container { gap: 0 15px; gap: 30px 15px; }
  .footer .main { padding: 80px 0; }
  
  .footer .address { margin-top: 40px; }
  .footer.footer .box { width: calc(33.33% - 15px); }
    
    .footer.footer_bx .box { width: calc(30% - 15px); }
    .footer.footer_bx .box.footer_admenu .hs-menu-wrapper > ul > li { width: 50%; }
    .footer.footer_bx .box.footer_admenu .hs-menu-wrapper > ul { gap: 0; row-gap: 20px; }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1300px){
    .footer.footer_bx .box.about { width: calc(20% - 15px); }
    .footer.footer_bx .box.footer_admenu { width: calc(50% - 15px); }
    
}

@media(min-width: 992px) {
  footer.footer .about .button-1 , footer.footer .about .social-media { display: none; }
  .address li:first-child span { display: none; }
  
  .social-media ul img.mob { display: none; }
  
  .footer .main .box.address { display: none; }
}

@media(max-width: 991px) {
  .social-media ul img.desk { display: none; }
  
  .footer .main ul > .hs-item-has-children > a:before { display: none; }

  footer.footer .container { gap: 45px 0; padding: 0 30px; }
  footer.footer .logo { width: 103px; margin: 0 auto; }
  .footer .main { padding: 65px 0 20px; }
  .footer.footer .box { width: 100%; }
  .footer.footer .box.about { text-align: center; }
  
  .footer .about .address { display: none; }
  .footer .main ul > .hs-item-has-children > a , .footer .main h6 { margin: 0 0 15px; font-size: 20px; line-height: 30px; padding: 0 0 15px; border-bottom: 1px solid #63A9FF; }
  .footer .ft-menu ul li a { display: flex; align-items: center; }
  .footer .ft-menu ul li a:before { content: "\f107"; font-family: 'fontAwesome'; font-size: 20px; color: #63A8FC; transform: rotate(45deg); margin-right: 10px; }

  .memberships { width: 100%; }
  .memberships .box a { height: 88px; width: 160px; display: flex; align-items: center; justify-content: center; }

  footer.footer .social-media { position: relative; top: auto; left: auto; }
  footer.footer .bottom .container { flex-flow: column; gap: 15px 0; justify-content: center; align-items: center; }
  
  .footer.footer .about .button-1 a { padding-left: 65px; min-width: 150px; font-weight: 700; }
  .footer.footer .about .button-1 a span.arrow { width: 100%; padding-left: 20px; }
  .footer.footer .about .button-1 a path#noun-1833077-FFFFFF { transform: translate(43.072px , 12.21px); }
  .footer.footer .about .button-1 a path#Path_946 { transform: translate(10px); }
  
  .about .social-media { margin: 20px 0 0; }
  .about .social-media ul { justify-content: center; }
  
  footer.footer .bottom { margin-top: -1px; padding-bottom: 50px; background: 
    
    
        
    
    rgba(0, 40, 85, 1.0)
; position: relative; }
  footer.footer .bottom:after { content: ''; position: absolute; top: 0; left: 30px; right: 30px; border-top: 1px solid #63A8FC; }
  footer.footer .bottom .social-media { display: none; }
  footer.footer .bottom .copyright { font-size: 12px; color: #FFF; }
  footer.footer .bottom .copyright a { color: #FFF; }
    
  footer.footer .social-media .font_icon { background: #002043; height: 40px; width: 40px; }
  footer.footer .social-media .font_icon svg path { fill: #63a9ff; }
  
  .memberships .link { text-align: center; }
  .memberships .logos { gap: 30px 24px; padding: 20px 0; }
  
  .footer .box.address { margin: 0; padding: 40px 0; border-top: 1px solid #63a8fc; }
  .footer .box.address ul li { display: flex; }
  .footer .box.address ul li span { color: #63A9FF; min-width: 100px; }
  .footer .box.address ul li:first-child { margin: 0 0 20px; }
    
    .footer.footer_bx .box.footer_admenu { width: 100%; }
    .footer.footer_bx .box.footer_admenu .hs-menu-wrapper > ul > li { width: 100%; }
}

@media(max-width: 767px) {
  .memberships .logos a { width: calc(50% - 12px); }
}
body { margin: 0; padding: 0; font-family: Open Sans , sans-serif; font-weight: 400; color: #002855; font-size: 18px; line-height: 1.35; /*opacity: 0;*/ }
/*body.bodyshow { opacity: 1; }*/

/* Paragraphs */
strong { font-weight: 700; }

a { transition:400ms; text-decoration: none; color: #002855; }
a:hover { text-decoration: none; color: #63A8FC; }

p { margin: 0 0 15px 0; }
p:last-child { margin: 0; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{ color:#fff; }

.ul-style ul { list-style: none; padding: 0; margin: 0; }
.ul-style li { padding-left: 20px; position: relative; margin-bottom: 20px; list-style: none; }
.ul-style li:after { background-color: #002855; border-radius: 100%; content: ''; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; }

.ul-check ul { list-style: none; padding: 0; margin: 0; font-size: 19px; }
.ul-check li { padding-left: 40px; position: relative; margin-bottom: 28px; }
.ul-check li:after { background: url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; }

.ul-circle ul { list-style: none; padding: 0; margin: 0; }
.ul-circle li { padding-left: 40px; position: relative; margin-bottom: 28px; }
.ul-circle li:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bulletpoint.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; }

.circle-bullet ul { list-style: none; padding: 0; }
.circle-bullet ul li { padding-left: 40px; position: relative; margin-bottom: 15px; }
.circle-bullet ul li:after { background: url(https://www.qbdgroup.com/hubfs/qbd-group-2024/image/Bullets.svg) no-repeat 50%/contain; content: ""; display: inline-block; height: 25px; left: 0; position: absolute; top: 1px; width: 25px; }

h1, h2, h3, h4, h5, h6 { margin-top:0px; font-weight:400; margin-bottom:15px; }
h1 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-size:40px; color:#031545; line-height:1.1; }
h2 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 600; text-decoration: none; font-size:36px; color:#002855; line-height:1.1; }
h3 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:30px; color:#031545; line-height:1.25; }
h4 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-size:24px; color:#031545; line-height:1.25; }
h5 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:22px; color:#031545; line-height:1.1; }
h6 { font-family: Open Sans , sans-serif; font-style: normal; font-weight: 400; text-decoration: none; font-size:20px; color:#031545; line-height:1.1; }

ul { margin: 20px 0; padding-left: 20px; }
li { margin-bottom: 10px; }

@media screen and (min-device-width: 1201px) and (max-device-width: 1600px) {
  h1 { font-size: 36px; line-height: 44px; }
  h2 { font-size: 30px; line-height: 42px; }
}

@media (max-width:1200px) {
  
  h1 { font-size: 40px; line-height: 46px; }
  h2 { font-size: 32px; line-height: 35px; }
  h3 { font-size: 28px; line-height: 36px; }
  h4 { font-size: 20px; line-height: 24px; }
    
}

@media (max-width:991px) {

  body { font-size: 16px; line-height: 22px; }
  h1 { font-weight: 300; }
  h2 { font-weight: 300; }
  h4 { font-weight: 600; }
  
  h1 span,
  h2 span { font-weight: 600; text-align: left; }
}
.hs-blog-post { color: #002855; }
.blogcontent_cover .blog-post p,
.blogcontent_cover .blog-post button,
.blogcontent_cover .blog-post h1,
.blogcontent_cover .blog-post h2,
.blogcontent_cover .blog-post h3,
.blogcontent_cover .blog-post h4,
.blogcontent_cover .blog-post h5,
.blogcontent_cover .blog-post h6 { margin: 15px 0; }

.blogcontent_cover .blog-post h1{margin-top:0;}
.blogcontent_cover .blog-post h2,
.blogcontent_cover .blog-post h3,
.blogcontent_cover .blog-post h4,
.blogcontent_cover .blog-post h5,
.blogcontent_cover .blog-post h6{margin-top:30px;}


.bloghero_sc { padding: 132px 0; }
.blogherobxsc_wrap { display: flex; flex-flow: row wrap; padding-left: calc((100% - 1640px) / 2); }
.blogherobxsc_wrap .left_part { width: calc(100% - 818px); }
.blogherobxsc_wrap .breadcrumb_menu ul { margin: 0; padding: 0; list-style: none; display: flex; }
.blogherobxsc_wrap .breadcrumb_menu ul li { position: relative; padding: 0 30px 0 0; color: #63A8FC; }
.blogherobxsc_wrap .breadcrumb_menu ul li a { font-size: 16px; line-height: 22px; color: #63A8FC; }
.blogherobxsc_wrap .breadcrumb_menu ul li:after { content: '>'; position: absolute; right: 9px; font-size: 16px; top: 3px; }
.blogherobxsc_wrap .breadcrumb_menu ul li:last-child:after { display: none; }
.blogherobxsc_wrap .breadcrumb_menu ul li:last-child,
.blogherobxsc_wrap .breadcrumb_menu ul li:last-child a { color: #002855; }
.blogherobxsc_wrap .breadcrumb_menu ul li:last-child { padding: 0; }
.blogherobxsc_wrap .left_content { max-width: 803px; padding-right: 50px; }
.blogherobxsc_wrap .left_content .content { color: #002855; }
.blogherobxsc_wrap .right_part .right_img { height: 775px; }
.blogherobxsc_wrap .right_part .right_img img { height: 100% !important; border-radius: 10px 0 0 10px; object-fit: cover; vertical-align: top; }
.blogherobxsc_wrap .left_content .title { font-size: 44px; color: #002855; font-weight: 600; }
.blogherobxsc_wrap .right_part { width: 818px; position: relative; height: 100%; }
.blogherobxsc_wrap .right_part .circle_img { position: absolute; bottom: 0; right: 0; width: 400px; z-index: 9; left: auto; }
.blogherobxsc_wrap .left_content .btn_group { gap: 25px; }

.blogherobxsc_wrap .breadcrumb_menu ul li span.hs-breadcrumb-menu-divider { display: none; }

.blogherobxsc_wrap.reverse_sec { flex-direction: row-reverse; padding-left: 0; padding-right: calc(50% - 820px); padding-top: 120px; padding-bottom: 120px; }
.blogherobxsc_wrap.reverse_sec .left_part { padding-left: calc(100% - 1505px); }
.blogherobxsc_wrap.reverse_sec .right_part .right_img img { border-radius: 0 10px 10px 0; }
.blogherobxsc_wrap.reverse_sec .left_content { padding-right: 0; }
.blogherobxsc_wrap.reverse_sec .circle_img img { border-radius: 8px; }

.categoryfil_sc { background: #f1f7ff; padding: 68px 0 35px; }
.categoryfil_wrap { display: flex; justify-content: center; flex-flow: row wrap; gap: 20px; }
.categoryfil_wrap .category-filter { display: flex; flex-flow: row wrap; align-items: center; width: auto; }
.categoryfil_wrap .category-filter p { font-size: 24px; color: #002855; margin: 0 15px 0 0; }

/* select2 css */
span.select2-selection.select2-selection--multiple { padding: 7px 35px 7px 15px; background: #002855 url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/white-pin.svg) no-repeat 93% 50% / 12px; min-width: 146px; color: #fff; border-radius: 40px; border: 0; }
.select2-container { width: 300px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: #000; font-size: 15px; white-space: break-spaces; }
::-webkit-input-placeholder { color: #fff !important; }
::-moz-placeholder { color: #fff !important; }
:-ms-input-placeholder { color: #fff !important; }
:-moz-placeholder { color: #fff !important; }
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder { color: #fff !important; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 40px; border-top-right-radius: 40px; }
.select2-container .select2-results__options { background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; overflow: hidden; }
.select2-container .select2-dropdown { background: transparent; top: 10px; border: 0; }
.select2-container .select2-results__option { font-size: 14px; color: #002855; }
.select2-container .select2-container--default .select2-results__option--highlighted[aria-selected] { background: transparent; color: #002855; }
.select2-container .select2-search--inline .select2-search__field { height: auto; padding: 0 5px; text-align: center; color: #fff; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 5px; width: 100%; }
.clearall_btn a { min-width: 150px; background: #002855; display: inline-block; padding: 10px 25px; border-radius: 50px; color: #fff; font-size: 16px; border: 1px solid #002855; font-weight: 600; }
.clearall_btn a:hover { background: transparent; color: #002855; }


.blog-section.bloglist_sc { background: #f1f7ff; padding: 65px 0 120px; position: relative; z-index: 9; overflow-x: clip; }
.bloglist_sc .post-listing { display: flex; flex-flow: row wrap; margin: 0 -15px; }
.bloglist_sc .blog_item { width: 25%; padding: 15px; }
.bloglist_sc .blogitem_in { position: relative; background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; overflow: hidden; }
.bloglist_sc .blogitem_in a { position: absolute; inset: 0; }
.bloglist_sc .blog_item img.hs-featured-image { transition: 0.4s; vertical-align: top; width: 100%; float: none; height: 257px; object-fit: cover; max-width: 100%; margin: 0; }
.bloglist_sc .post-header { padding: 20px; }
.bloglist_sc .post-header .datetime_text { font-size: 14px; margin: 0 0 20px; line-height: 19px; color: #002855; }
.bloglist_sc .blogitem_in:hover h4 { color: #63a8fc; }
.bloglist_sc .blogitem_in:hover .datetime_text { color: #63a8fc; }
.bloglist_sc .post-header .datetime_text a { display: inline-block; width: 100%; }
.bloglist_sc .readmore_btn { text-align: right; }
.bloglist_sc .readmore_btn .more-link { font-size: 16px; line-height: 22px; color: #63A8FC; }
.bloglist_sc .readmore_btn .more-link svg { width: 6px; margin: 0 0 0 4px; transition: 0.4s; }
.bloglist_sc .readmore_btn .more-link:hover { color: #002855; }
.bloglist_sc .readmore_btn .more-link:hover svg path { fill: #002855 !important; }
.circle_img { position: absolute; bottom: 0; left: 0; z-index: -1; }
.circle_img img { vertical-align: top; }
.no-data span { width: 100%; display: inline-block; font-size: 20px; font-weight: 600; }
.no-data { text-align: center; }
.no-data img { width: 100%; max-width: 330px; object-fit: cover; margin: 0 auto; }
.blog-section .pagination ul { padding: 0; margin: 40px 0 0; list-style: none; display: flex; align-items: center; gap: 15px; flex-flow: row wrap; justify-content: center; }
.blog-section .pagination ul li.number { background: transparent !important; color: #002855 !important; width: 35px; }
.blog-section .pagination ul li.number.active { font-weight: 700; }
.blog-section .pagination ul li { background: #63A9FF; width: 64px; height: 40px; border: 0; border-radius: 20px; color: #002855; display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center; cursor: pointer; }
.blog-section .pagination ul li.left-angle { transform: rotate(180deg); }
.blog-section .pagination ul li:hover { background: #002855; }
.blog-section .pagination ul li:hover path { stroke: #fff; }
.blog-section .pagination ul li.number.active { background: #002855; color: #fff; }
.blog-section .pagination ul li.disabled { opacity: 0.5; background: #fff; }
.blog-section .pagination ul li.disabled:hover { background: #002855; }

/*  */
.filter_check { display: flex; margin-bottom: 12px; }
.blogfilter_in { gap: 18px; }
.filter_check input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.filter_check label { padding-left: 25px; position: relative; cursor: pointer; font-size: 14px; line-height: 19px; color: #002855; width: 100%; display: flex; align-items: center; }
.blogfil_wrap ul { position: absolute; top: 113%; left: 0; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; z-index: 99; background: #fff; list-style: none; padding: 20px 12px; margin: 0; width: 194px; }
.blogfil_wrap { cursor: pointer; position: relative; background: #002855; padding: 10px 45px 10px 20px; display: inline-block; border-radius: 30px; }
.filter_check:last-child { margin-bottom: 0; }
.filter_check label:before { width: 15px; height: 15px; padding: 0; border-radius: 50%; border: 1px solid #002855; position: absolute; left: 0; content: ""; display: inline-block; -webkit-appearance: none; background-color: transparent; }
.filter_check input:checked+label:after { background: #002855; content: ''; height: 15px; width: 15px; display: inline-block; position: absolute; left: 0; border-radius: 50%; }
.blogfil_wrap:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow_down.svg) no-repeat 50%; background-size: 16px; content: ""; height: 12px; position: absolute; right: 14px; top: 16px; width: 11px; }

.eventcal_sc { padding: 140px 0 0; }
.eventcal_sc.paddingbtm { padding-bottom: 100px; }
.eventcalsc_filter { display: flex; flex-flow: row wrap; max-width: 800px; margin: 0 auto; justify-content: center; gap: 50px; }
.eventcalsc_filter .filter_bx { width: 30%; padding-right: 30px; }
.eventcalsc_filter .select2-container { width: 100% !important; }
.eventcalsc_filter .filter_bx:last-child { padding: 0; }
.eventmonth_bx .title { color: #002855; font-weight: 600; }
.eventmonth_bx:last-child { padding-bottom: 0; }
.eventmonth_main { display: flex; flex-flow: row wrap; position: relative; margin: 0 -15px; }
.eventmonth_main .eventmonth_in { width: 50%; padding: 15px; }
.eventmonth_box .readmore_btn .readbtn_link { color: #63a8fc; }
.eventmonth_main .eventmonth_box { transition: 0.4s; position: relative; padding: 20px; background: #F1F7FF; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; }
.eventmonth_box .eventdate_bx { flex-flow: row wrap; display: flex; justify-content: space-between; align-items: center; }
.eventdate_bx .industry_tag { text-align: center; background: #D3EEFC; padding: 5px 15px; border-radius: 40px; }
.eventmonth_box .event_name { font-weight: 600; font-size: 28px; line-height: 1; color: #002855; margin-bottom: 5px; }
.eventmonth_box .locandbtn { display: flex; flex-flow: row wrap; justify-content: space-between; color: #63A8FC; align-items: center; }
.eventmonth_box .locandbtn path { fill: #63a8fc; }
.eventmonth_box .locandbtn svg { width: 6px; margin-left: 4px; }
.eventmonth_box .eventdate_bx .datetodate { width: 180px; }
.eventmonth_box .eventdate_bx .industrytag_in { flex-flow: row wrap; width: calc(100% - 180px); display: flex; justify-content: end; gap: 8px; align-items: flex-start; }
.eventmonth_main .eventmonth_box:hover { background: #002855; }
.eventmonth_main .eventmonth_box:hover .event_name,
.eventmonth_main .eventmonth_box:hover .datetodate { color: #fff; }
.eventcal_sc .circle_box img { width: 100%; vertical-align: top; }
.eventcal_sc .circle_box { margin-bottom: -1px; }
.eventcalsc_wrap .loadmore_btn { background: #002855; border: 2px solid #002855; display: inline-block; width: auto; padding: 15px; border-radius: 35px; min-width: 180px; text-align: center; color: #fff; cursor: pointer; font-weight: 500; }
.eventcalsc_wrap .load_btn a:hover,
.eventcalsc_wrap .loadmore_btn:hover { background: transparent; border-color: #002855; color: #002855; }
.eventcalsc_wrap .load_btn a { background: #002855; border: 2px solid #002855; display: inline-block; width: auto; padding: 15px; border-radius: 35px; min-width: 180px; text-align: center; color: #fff; cursor: pointer; font-weight: 500; }

.eventcal_sc.relevent_sc .circle_box { position: absolute; bottom: 0; right: 0; z-index: -1; }
.eventcal_sc.relevent_sc .circle_box img { width: auto; }
.eventcal_sc.relevent_sc { position: relative; padding: 100px 0 200px; }

.upwebinar_sc { padding: 200px 0; background: #F1F7FF; }
.upwebinarsc_wrap { display: flex; flex-flow: row wrap; margin: 0 -15px; }
.upwebinarsc_wrap .upwebinarsc_main { padding: 15px; width: 50%; }
.upwebinarsc_bx { position: relative; background: #FFFFFF; box-shadow: 0px 3px 6px #00000029; display: flex; flex-flow: row wrap; overflow: hidden; border-radius: 10px; }
.upwebinarsc_bx a { position: absolute; inset: 0; }
.webinar_img img { width: 100%; height: 100%; vertical-align: top; object-fit: cover; }
.upwebinarsc_bx .webinar_img { width: 248px; }
.upwebinarsc_bx .webinar_content { width: calc(100% - 248px); padding: 20px 30px; color: #002855; display: flex; flex-direction: column; justify-content: space-between; }
.upwebinarsc_bx .webinar_content .contant { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 73px; }
.webinar_content .title { color: #002855; font-weight: 600; }
.webinar_content .tagbtn_bx { color: #63a8fc; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 10px; }
.webinar_content .tagbtn_bx .tag_strip { color: #fff; background: #FB5656; padding: 5px 15px; border-radius: 40px; }
.tagbtn_bx .readmore_btn svg { margin: 0 0 0 6px; width: 6px; position: relative; top: 1px; }
.tagbtn_bx .readmore_btn svg path { fill: #63a8fc; }
.tagbtn_bx .readmore_btn { display: flex; align-items: center; }
.upwebinarsc_bx:hover .tagbtn_bx .readmore_btn { color: #002855; }
.upwebinarsc_bx:hover .tagbtn_bx .readmore_btn svg path { fill: #002855 !important; }

.webinar_content .tagbtn_bx .tag_strip.tag-qualificationvalidation { background: #63A9FF; }
.webinar_content .tagbtn_bx .tag_strip.tag-businesscommunications { background: #97D800; }
.webinar_content .tagbtn_bx .tag_strip.tag-qualityassurance { background: #BC8CE7; }
.webinar_content .tagbtn_bx .tag_strip.tag-regulatoryaffairs { background: #238472; }
.webinar_content .tagbtn_bx .tag_strip.tag-clinical { background: #FFC810; }
.webinar_content .tagbtn_bx .tag_strip.tag-labservices { background: #5C43DE; }
.webinar_content .tagbtn_bx .tag_strip.tag-vigilance { background: #FB5656; }
.webinar_content .tagbtn_bx .tag_strip.tag-softwaresolutionsservices { background: #3CDBC0; }
.webinar_content .tagbtn_bx .tag_strip.tag-pharma { background: #63A8FC; }
.webinar_content .tagbtn_bx .tag_strip.tag-medicaldevices { background: #c296e9; }
.webinar_content .tagbtn_bx .tag_strip.tag-invitrodiagnostics { background: #248473; }

/* blog inner */
.blogfeature_img { padding: 287px 0; position: relative; z-index: 9; }
.blogfeature_img:after { content: ''; background-color: rgb(0 40 85 / 70%); height: 100%; width: 100%; position: absolute; display: inline-block; top: 0; z-index: -1; }
.blogfeature_img .blog_breadcum { position: absolute; top: 32px; padding: 0; margin: 0; display: flex; list-style: none; }
.blogfeature_img .breadcum_list { color: #63a8fc; padding-right: 30px; position: relative; }
.blogfeature_img .breadcum_list a { color: #63a8fc; font-size: 16px; line-height: 22px; display: inline-block; }
.blogfeature_img .breadcum_list a::first-letter { text-transform: uppercase; }
.blogfeature_img .breadcum_list:last-child a { color: #fff; cursor: auto; }
.blogfeature_img .breadcum_list a:after { content: ">"; font-size: 16px; position: absolute; right: 9px; top: 3px; color: #63a8fc; }
.blogfeature_img .breadcum_list a:hover { color: #fff; }
.blogfeature_img .breadcum_list:last-child a:after { display: none; }
.blogfeature_img .blog_title { color: #FFFFFF; font-size: 44px; line-height: 60px; margin: 0 auto; word-break: break-word; }
.blogfeature_img .blog_tag { display: flex; justify-content: center; gap: 10px; flex-flow: row wrap; cursor: auto; }
.blogfeature_img .blog_tag a { border: 1px solid #63A9FF; padding: 8px 15px; display: inline-block; border-radius: 22px; color: #fff; font-weight: 600; font-size: 14px; cursor: auto; pointer-events: none; }
.blogdate_hero time.blog-post__timestamp { font-size: 16px; }

/*  */
.blogshare_cover .share_btn { transition: 0.4s; height: 31px; background-color: #002855; color: #fff; border: none; border-radius: 21px; cursor: pointer; padding: 7px 12px; font-weight: 600; }
.blogshare_cover .share-options a { display: flex; align-items: center; padding: 8px 16px; text-decoration: none; font-size: 14px; line-height: 19px; font-weight: 500; }
.blogshare_cover .share_btn:hover { background-color: #F1F7FF; color: #002855; }
.blogshare_cover .share_btn:hover img { filter: inherit; }
.blogshare_cover .share-options .social-icon { width: 25px; height: 25px; background: #002855; display: flex; align-items: center; justify-content: center; margin-right: 8px; border-radius: 50%; padding: 5px; }
.blogshare_cover .share-options img { width: 18px; }
.blogshare_cover { position: relative; }
.blogshare_cover .share-options { display: none; background-color: #fff; margin-top: 10px; padding: 12px 0; position: absolute; z-index: 1; top: 100%; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; right: -15px; }
.blogshare_cover .share-options.show { display: block; }
.blogshare_cover .share_btn .share-img { width: 18px; margin-right: 10px; filter: brightness(0) invert(1); }
.blogdate_cover .blog-post__timestamp { padding-left: 20px; font-weight: 600; }
.copy-notification { z-index: 99; margin-top: -30px; margin-left: -85px; position: fixed; top: 50%; left: 50%; width: auto; display: block; text-align: center; font-size: 16px; background: #63a8fc; color: #fff; height: auto; text-align: center; padding: 12px 25px; border-radius: 35px; font-weight: 500; letter-spacing: 1px; width: auto; }
.author_details .person_img { height: 38px; width: 38px; display: flex; align-items: center; justify-content: center; background: #F1F7FF; border-radius: 50%; margin-right: 10px; }
.blogsharedate_wrap .blogauth_wrap { flex-direction: column; align-items: end; gap: 15px; }
.author_details .author_name { font-size: 17px; font-weight: 600; line-height: 1.7; }

/*  */
.blogcontent_cover { padding: 0px 0 160px; }
.blogcontent_cover .blog-post { max-width: 1082px; margin: 0 auto; word-break: break-word; }
.blogcontent_cover .blog-post img { display: flex; width: 100%; object-fit: cover; vertical-align: top; max-width: 800px; margin: 30px auto; }
.blogcontent_cover .blog-post th.jet-table__cell { background: #002855; padding: 0; overflow: hidden; color: #fff; }
.blogcontent_cover .blog-post .jet-table__cell-inner { padding: 15px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.blogcontent_cover .blog-post .jet-table__cell-content { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; margin-right: auto; text-align: left; }
.blogcontent_cover .blog-post table.jet-table.jet-table--fa5-compat { table-layout: auto; width: 100%; border-collapse: collapse; }
.blogcontent_cover .blog-post .jet-table-wrapper { width: 100%; max-width: 100%; }
.blogcontent_cover .blog-post tr.jet-table__head-row { box-sizing: border-box; }
.blogcontent_cover .blog-post table tbody>tr:nth-child(odd)>td,
.blogcontent_cover .blog-post table tbody>tr:nth-child(odd)>th { background-color: hsla(0, 0%, 50.2%, .0705882353); }
.blogcontent_cover .blog-post .elementor-element.elementor-widget.elementor-widget-text-editor .elementor-widget-container em { color: #0086bf; font-size: 14px; line-height: 1.75em; text-align: justify; }
.blogcontent_cover .blog-post .elementor-tab-title span.elementor-toggle-icon { display: none; }
.blogcontent_cover .blog-post .elementor-tab-title .elementor-toggle-title { cursor: pointer; display: inline-block; width: 100%; position: relative; padding-left: 20px; font-weight: 600; border-bottom: 1px solid #d5d8dc; padding: 15px 15px 15px 20px; }
.blogcontent_cover .blog-post .elementor-tab-title .elementor-toggle-title:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/arrow-pin-1.svg) no-repeat center / contain; height: 14px; width: 14px; display: inline-block; position: absolute; left: 0; top: 20px; }
.blogcontent_cover .blog-post .elementor-toggle-item .elementor-tab-content { display: none; }
.blogcontent_cover .blog-post .elementor-toggle-item.active .elementor-tab-content { display: block; }
.blogcontent_cover .blog-post .elementor-toggle-item.active a.elementor-toggle-title:after { transform: rotate(90deg); }
.blogcontent_cover .blog-post .listitem-box { background: #E7F3F8; padding: 50px 80px; margin: 15px 0; }
.blogcontent_cover .blog-post .listitem-box div,
.blogcontent_cover .blog-post ul li { padding-bottom: 10px; }
.blogcontent_cover .blog-post .listitem-box ul { padding: 0; list-style: none; margin: 0; }
.blogcontent_cover .blog-post a { color: #63A8FC; text-decoration: underline; }
.blogcontent_cover .blog-post blockquote { border-radius: 10px; background: #e7f3f8; margin: 60px 0 30px; padding: 55px 35px; position: relative; }
.blogcontent_cover .blog-post blockquote:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/quote-image.svg) no-repeat center / cover; height: 70px; width: 80px; display: inline-block; position: absolute; top: -30px; left: 40px; }
.blogcontent_cover .blog-post video { width: 100% !important; }

/*  */
.authorsc_wrap { padding: 40px; position: relative; background: #F1F7FF; border-radius: 10px; min-height: 330px; }
.authorsc_wrap .quote_img img { width: 211px; }
.authorsc_wrap .quote_img { position: absolute; top: -40px; left: -30px; }
.authorsc_wrap .circles_quote .circlequt_img { width: 500px; vertical-align: top; }
.authorsc_wrap .circles_quote { position: absolute; right: 0; bottom: 0; }
.authorsc_con .company_name { color: #63A8FC; }
.authorsc_con { position: relative; z-index: 9; }

/*  */
.newssubscribe_sc { padding: 100px 0 50px; }
.newssubscrsc_wrap { border-radius: 8px; padding: 50px; position: relative; overflow: hidden; min-height: 338px; display: flex; align-items: center; }
.newssubscrsc_in { max-width: 834px; background: #fff; padding: 28px 48px; border-radius: 8px; position: relative; z-index: 99; }
.newssubscrsc_in .button-2 a { font-size: 18px; font-weight: 600; background: #D3EEFC; }
.newssubscrsc_wrap .circle_img { right: 0; z-index: 9; left: auto; top: 0; }

.newssubscrsc_wrap.newssub_cstm { padding: 124px; }
.newssubscrsc_wrap.newssub_cstm .newssubscrsc_in { text-align: center; max-width: 100%; width: 100%; padding: 40px; }
.newssubscrsc_wrap.newssub_cstm .newssubscrsc_in .title { margin-bottom: 50px; }
.newssubscrsc_wrap.newssub_cstm .newssubscrsc_in .content { max-width: 1100px; margin: 0 auto; }

/*  */
.newssubscribev2_sc { padding: 152px 0; position: relative; }
.newssubscribev2_sc:after { content: ''; background: rgb(0 40 85 / 70%); height: 100%; width: 100%; display: inline-block; position: absolute; top: 0; left: 0; }
.newssubscrscv2_wrap { position: relative; z-index: 99; }
.newssubscrscv2_in [class*=button-] a { font-size: 18px; font-weight: 600; }
.newssubscribev2_sc .subcircle_img { position: absolute; top: 0; right: 0; height: 100%; z-index: 9; }
.newssubscribev2_sc .subcircle_img img { height: 100%; }

/*  */
.qbdbloglist_sc { padding: 40px 0 0; }
.qbdbloglist_sc.remove_padd { padding-bottom: 60px; }
.qbdbloglist_sc .circle_box { margin-bottom: -1px; position: relative; z-index: -1; }
.qbdbloglist_sc .circle_box img { vertical-align: top; } 
.qbdblogsec_wrap { display: flex; flex-flow: row wrap; }
.qbdblogsec_wrap .left_part { width: 20%; padding: 10px 0 0 0; }
.qbdblogsec_wrap .left_part .blogserach_bx { position: relative; }
.qbdblogsec_wrap .left_part .blogserach_bx svg { width: 15px; position: absolute; right: 14px; top: 8px; height: auto; cursor: pointer; }
.qbdblogsec_wrap .right_part { width: 80%; padding-left: 139px; }
.qbdblogsec_wrap .post-listing { display: flex; flex-flow: row wrap; margin: 0 -10px; }
.qbdblogsec_wrap .post-listing .blog_item { width: 33.33%; padding: 10px; }
.qbdblogsec_wrap .post-listing .blog_item.long_blog_design { width: 100%; padding: 18px 10px; }
.qbdblogsec_wrap .blogitem_in .post-header h4 { font-size: 18px; line-height: 24px; font-weight: 600; }
.qbdblogsec_wrap .blogitem_in:hover .more-link { color: #002855; }
.qbdblogsec_wrap .blogitem_in:hover .more-link svg path { fill: #002855 !important; }
.qbdblogsec_wrap .categoryfil_bx:not(:last-child) { margin-bottom: 40px; }
.qbdblogsec_wrap .loadmore_btn a { display: inline-block; background: #002855; color: #fff; padding: 12px 22px; border-radius: 35px; }
.qbdblogsec_wrap .loadmore_btn a:hover { background: #f1f7ff; color: #002855; }
.qbdblogsec_wrap .blogserach_bx input { height:30px; font-weight: 600; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; background: #fff; color: #002855; }
.qbdblogsec_wrap .blogitem_in { transition: all 0.4s ease-in-out; overflow: hidden; position: relative; background: #F1F7FF; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; }
.qbdblogsec_wrap .blogitem_in a { position: absolute; inset: 0; z-index: 9 }
.qbdblogsec_wrap .blogitem_in .post-header { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 270px; }
.qbdblogsec_wrap .hs-featured-image-wrapper img { float: none; height: 221px; margin: 0; max-width: 100%; object-fit: cover; transition: .4s; vertical-align: top; width: 100%; }
.qbdblogsec_wrap .readmore_btn { text-align: right; }
.qbdblogsec_wrap .readmore_btn .more-link { transition: all 0.4s ease-in-out; color: #63a8fc; font-size: 16px; line-height: 22px }
.qbdblogsec_wrap .readmore_btn .more-link svg { margin: 0; width: 7px; position: relative; top: 1px; transition: all .4s ease-in-out; left: 0; margin-left: 5px; }
.qbdblogsec_wrap .blogitem_in:hover .more-link svg { left: 6px; } 
.qbdblogsec_wrap .readmore_btn .more-link:hover { color: #002855 }
.qbdblogsec_wrap .readmore_btn .more-link:hover svg path { fill: #002855 !important }
.categoryfil_bx .categoryfil_select { position: relative; }
.categoryfil_select .radio_bx { position: relative; padding: 3px 0 8px 30px; cursor: pointer; }
/* .categoryfil_select .radio_bx input:checked + label:after { background-color: #002855; } */
/* .categoryfil_select .radio_bx label:after { content: ''; position: absolute; left: 0; top: 2px; height: 15px; width: 15px; display: inline-block; background: transparent; border: 1px solid #002855; border-radius: 50%; }
.categoryfil_select .radio_bx input:checked + label:after:active { background-color: #002855; } */
.categoryfil_select .radio_bx label:after { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #002855; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; margin-right: 10px; border-radius: 0; left: 0 !important; top: 0 !important; }
.categoryfil_select .radio_bx input:checked + label:before { content: ''; display: block; position: absolute; top: 4px !important; left: 9px !important; width: 6px; height: 14px; border: solid #002855; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius: 0; background: transparent; }
.categoryfil_select .radio_bx input:checked + label { font-weight: 600; }
.categoryfil_select .radio_bx input { opacity: 0; position: absolute; cursor: pointer; }
.categoryfil_select .radio_bx .button_select { display: flex; background-color: transparent; font-size: 14px; cursor: pointer; padding-left: 5px; }

.qbdbloglist_v2 .qbdblogsec_wrap .left_part { background: #F1F7FF; padding: 30px; width: 379px; border-radius: 10px; }
.qbdbloglist_v2 .qbdblogsec_wrap .right_part { padding-left: 30px; width: calc(100% - 379px); }

/*  */
.relatedpost_sc { overflow-x: clip; }
.relatedpost_sc .related_heading { padding-bottom: 40px; }
.relatedpost_item .blog-related-posts__post-image-wrapper { width: 40%; height: 310px; position: relative; }
.relatedpost_item .topic_name { background: #f1f7ff; border-radius: 20px; top: 10px; display: inline-block; font-size: 18px; left: 10px; line-height: 24px; padding: 2px 14px 4px; position: absolute; }
.relatedpost_item .blog-related-posts__post-image-wrapper img.blog-related-posts__image { width: 100%; height: 100%; object-fit: cover; }
.relatedpost_item .blog-related-posts__content { width: 60%; padding: 20px; }
.relatedpost_item { position: relative; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; background: #F1F7FF; overflow: hidden; }
.relatedpostsc_main .blog-related-posts__post { padding: 15px; }
.relatedpostsc_main .slick-list { overflow: visible; }
.relatedpostsc_main .slick-slide.slick-active { opacity: 1; }
.relatedpostsc_main .slick-slide { opacity: 0.3; }

.slick_cstm.slick-slider .slick-dots li button { width: 13px; font-size: 0; height: 13px; border: 1px solid #002856; }
.slick_cstm.slick-slider .slick-dots li.slick-active button { background: #002856; }
.slick_cstm.slick-slider .slick-dots li { height: auto; margin: 0 5px; }

.slick_cstm.slick-slider .slick-arrow:before { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/right-blue-arrow.svg) no-repeat 50%; opacity: 1; background-color: transparent; filter: inherit; }
.slick_cstm.slick-slider .slick-arrow { background: transparent; width: 50px; }
.slick_cstm.slick-slider .slick-arrow.slick-next { right: -60px; }
.slick_cstm.slick-slider .slick-prev.slick-arrow { left: -60px; }
.slick_cstm.slick-slider .slick-arrow:hover { background: transparent; }
.slick_cstm .blogcont_in { align-content: space-between; }
.slick_cstm .relatedpost_item .link-style { width: 100%; }

/*  */
.referenceslist_wrap { background: #f1f7ff; padding: 50px; }
.referenceslist_wrap .title { cursor: pointer; }
.referenceslist_in { display: inline-block; padding: 0 0 18px 40px; position: relative; width: 100%; }
.referenceslist_in a:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bullets.svg) no-repeat; transition: 0.4s; content: ""; height: 27px; left: 0; position: absolute; top: 1px; width: 27px; }
.referenceslist_in a:hover:after { transform: rotate(45deg); }
.referenceslist_in a { position: absolute; inset: 0; z-index: 9; }
.referenceslist_in:hover { color: #63a8fc; }
.referenceslist_main { border-top: 1px solid #002855; padding: 20px; margin-top: 25px; display: none; }
.referenceslist_wrap .title.active svg { transform: rotate(90deg); }
.referenceslist_wrap .title svg { transition: all 0.4s ease-in-out; }

/*  */
.imgslider_wrap .slick-list { margin: 0 -10px; }
.imgslider_item img { height: 526px !important; width: 100%; object-fit: cover; border-radius: 10px; }
.imgslider_item { padding: 10px; }
.imgslider_wrap .slick_cstm.slick-slider .slick-prev.slick-arrow { left: -50px; }
.imgslider_wrap .slick_cstm.slick-slider .slick-arrow.slick-next { right: -50px; }

/*  */
.downloadpdf_wrap { overflow: hidden; position: relative; display: flex; flex-flow: row wrap; }
.downloadpdf_wrap a { position: absolute; inset: 0; cursor: pointer; z-index: 99; }
.downloadpdf_wrap .left_part { width: 50%; position: relative; overflow: hidden; transition-duration: 1500ms; }
.downloadpdf_wrap .thumbnail_image { height: 650px; }
.downloadpdf_wrap .right_part { width: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center; background: #E7F3F8; overflow: hidden; z-index: 9; }
.downloadpdf_wrap .right_part .btn_text { border: 2px solid #00A499; padding: 10px 15px; display: inline-block; border-radius: 5px; min-width: 190px; text-align: center; font-weight: 600; }
.downloadpdf_wrap:hover .right_part .btn_text { background: #00a499; color: #fff; transition: 0.4s; }
.downloadpdf_wrap .left_part:after { bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all .4s; background: rgb(0 0 0 / 50%); height: 100%; width: 100%; display: inline-block; z-index: 2; content: ''; opacity: 0; transform: scale(0.5); }
.downloadpdf_wrap:hover .left_part:after { transition-duration: 1500ms; opacity: 1; transform: scale(1.5); }
.downloadpdf_wrap:hover .left_part { transform: scale(1.5); }


/* media query */

@media(min-width: 1201px){
  .qbdbloglist_sc .circle_box { margin-top: -90px; }
}

@media(min-width: 992px){  
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in { display: flex; flex-direction: row-reverse; height: 400px; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-body { width: 60%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-header { width: 40%; display: flex; flex-direction: column; justify-content: space-between; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .hs-featured-image-wrapper,
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .hs-featured-image-link,
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-body img.hs-featured-image { height: 100%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-header h4 { font-size: 24px; line-height: 30px; } 
  
  .blogshare_cover .share_btn .share-mobimg { display: none; }
  
  .mobfilter_main { display: none; }
  
  .eventmonth_in a.box_link { position: absolute; inset: 0; }
    
  .qbdbloglist_v2 .qbdblogsec_wrap { align-items: start; }
  .qbdbloglist_v2 .qbdblogsec_wrap .blogserach_bx input { height: 40px; font-size: 15px; box-shadow: none; }
  .qbdbloglist_v2 .qbdblogsec_wrap .left_part { margin: 10px 0 0; }
  .qbdbloglist_v2 .qbdblogsec_wrap .left_part .blogserach_bx svg { top: 12px; }
  .qbdbloglist_v2 .filtername { padding: 9.5px 20px; background: #fff; font-size: 15px; font-weight: 600; border-radius: 28px; cursor: pointer; }
  .qbdbloglist_v2 .filtertab_list { gap: 4px; }
  .qbdbloglist_v2 .filtername.active { background: #002855; color: #fff; }
  .qbdbloglist_v2 .leftbar_wrap .desk_filter .filter_name.title { border-bottom: 1px solid #63A9FF; }
  .qbdbloglist_v2 .desk_filter .filter_name:not(:last-child) { border-bottom: 1px solid rgb(99 169 255 / 25%); }
  .qbdbloglist_v2 .desk_filter .filter_name.title span { font-weight: 700; }
  .qbdbloglist_v2 .desk_filter .filter_name { font-size: 15px; padding: 8px 0; }
  .qbdbloglist_v2 .desk_filter .filter_name input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
  .qbdbloglist_v2 .desk_filter .filter_name label { text-indent: -9999px; transition: all 0.3s ease-in-out; cursor: pointer; width: 36px; height: 18px; background: #fff; display: block; border-radius: 35px; position: relative; }
  .qbdbloglist_v2 .desk_filter .filter_name label:after { content: ''; transition: all 0.3s ease-in-out; position: absolute; top: 2px; left: 4px; width: 14px; height: 14px; background: #63A9FF; border-radius: 50%; }
  .qbdbloglist_v2 .desk_filter .filter_name input:checked + label { background: #002855; }
  .qbdbloglist_v2 .desk_filter .filter_name input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); }
  .qbdbloglist_v2 .desk_filter .filter_name label:active:after { width: 36px; }
}

@media(min-width: 576px){
  .authorsc_wrap .circles_quote .circlemob_img { display: none; }
}


@media(max-width: 1700px){
  .blogherobxsc_wrap { padding-left: calc((100% - 1360px) / 2); }
  
  .blogherobxsc_wrap.reverse_sec .left_part {padding-left: 50px;}
  .blogherobxsc_wrap.reverse_sec { padding: 120px calc(50% - 680px) 120px 0; }
}

@media(max-width: 1500px){
  .relatedpost_item .blog-related-posts__post-image-wrapper { height: 340px; }
  .relatedpostsc_main .blog-related-posts__post { padding: 8px; }
}

@media(max-width: 1440px){
  .blogherobxsc_wrap { padding-left: calc((100% - 1270px) / 2); }
  .blogherobxsc_wrap .right_part { width: 650px; }
  .blogherobxsc_wrap .left_part { width: calc(100% - 650px); }
  
  .eventdate_bx .industry_tag { font-size: 14px; }
  
  .blogherobxsc_wrap.reverse_sec .left_part { padding: 0 40px; }
}

@media(max-width: 1300px){
  .blogherobxsc_wrap { padding-left: calc((100% - 1170px) / 2); }
}

@media(max-width: 1350px){
  .bloglist_sc .post-listing .blog_item { width: 33.33%; }
  
  .qbdblogsec_wrap .right_part { padding-left: 60px; }  
}

@media(max-width: 1200px){
  .categoryfil_sc { padding: 50px 0 0; }
  .blog-section.bloglist_sc { padding: 60px 0; }
  .categoryfil_wrap .category-filter p { font-size: 20px; }
  .bloghero_sc { padding: 80px 0; }
  
  .blogherobxsc_wrap { padding-left: 20px; }
  .blogherobxsc_wrap .right_part .right_img img { height: 100% !important; }
  .blogherobxsc_wrap .right_part .circle_img { width: 300px; }
  .blogherobxsc_wrap .right_part,
  .blogherobxsc_wrap .left_part { width: 50%; }
  .blogherobxsc_wrap .right_part .circle_img { width: 30%; }
  
  .eventcal_sc { padding: 80px 0 50px; }
  .bloglist_sc .related_title,
  .upwebinar_sc .heading,
  .eventcal_sc .heading { font-size: 40px; }
  
  .upwebinar_sc { padding: 100px 0; }
  .upwebinarsc_wrap .upwebinarsc_main { width: 100%; }

  .blogfeature_img { padding: 190px 0 170px; }  
      
  .blogcontent_cover { padding: 0px 0; }
  
  .newssubscribev2_sc { padding: 80px 0; }

  .slick_cstm.slick-slider .slick-prev.slick-arrow { left: -40px; }
  .slick_cstm.slick-slider .slick-arrow.slick-next { right: -40px; }
  
  .imgslider_item img { height: 400px !important; }
  
  .newssubscrsc_wrap.newssub_cstm { padding: 60px; }
  .newssubscrsc_wrap.newssub_cstm .newssubscrsc_in { padding: 30px; }
  .newssubscrsc_wrap.newssub_cstm .newssubscrsc_in .title { margin-bottom: 20px; }
    
  .qbdbloglist_v2 .qbdblogsec_wrap .left_part { padding: 20px; width: 315px; }
  .qbdbloglist_v2 .qbdblogsec_wrap .right_part { width: calc(100% - 315px); }
}

@media(max-width: 991px){
  .hs-blog-post h2 { font-weight: 600; }
  .blogherobxsc_wrap .right_part .in-logo { top: 20px; }
  .blogherobxsc_wrap .right_part,
  .blogherobxsc_wrap .left_part { width: 100%; position: relative; }
  .blogherobxsc_wrap .left_part { padding: 30px 20px 20px; margin-top: -20px; background: #fff; position: relative; z-index: 9; border-radius: 16px 16px 0 0; }
  .blogherobxsc_wrap .left_content .title { font-size: 38px; }
  .blogherobxsc_wrap { padding-left: 0; flex-direction: column-reverse; }
  .blogherobxsc_wrap .left_content { max-width: 100%; padding: 0; }
  .bloglist_sc .post-listing .blog_item { width: 50%; }
  .blogherobx_sc { padding: 44px 0 0; }
  .blogherobxsc_wrap .right_part { height: 350px; }
  .blogherobxsc_wrap .right_part .right_img { height: 100%; }
  .blogherobxsc_wrap .right_part .right_img img { height: 100% !important; border-radius: 0; object-fit: cover; }
  .blogherobxsc_wrap .right_part:after { content: ''; background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); height: 100%; width: 100%; display: inline-block; position: absolute; bottom: 0; }
  .breadcrumb_menu { display: none; }
  .blogherobxsc_wrap .right_part .title { position: absolute; bottom: 10px; padding: 30px; color: #fff; font-weight: 600; z-index: 9; margin: 0 auto; max-width: 750px; width: 100%; left: 0; right: 0; }
  .blogherobxsc_wrap .left_content .btn_group { gap: 10px; }
  
  .categoryfil_wrap .select2-container { width: 220px!important; }
  
  .newssubscrsc_wrap { background: #F1F7FF !important; padding: 0; flex-direction: column; border-radius: 8px; position: relative; }
  .newssubscrsc_wrap .mobbg_img img { vertical-align: top; width: 100%; }
  .newssubscrsc_wrap .mobbg_img { width: 100%; }
  .newssubscrsc_in { background: transparent; padding: 20px 15px; }
  .newssubscrsc_in h2.title { font-weight: 600; line-height: 1.2; }
  .newssubscrsc_in .button-2 a span.arrow svg { width: 20px; }
  .newssubscrsc_in .button-2 a span.arrow { padding-left: 10px; }
  .newssubscrsc_in .button-2 a { font-size: 16px; padding-left: 45px; }
  
  .newssubscribe_sc { padding: 50px 0; }
  .newssubscrsc_wrap.newssub_cstm { padding: 0; }
  .newssubscrsc_wrap.newssub_cstm .newssubscrsc_in { text-align: left; padding: 20px 15px; }
  .newssubscrsc_wrap.newssub_cstm .newssubscrsc_in .content { border-top: 2px solid #002855; padding-top: 20px; }
  
  .qbdbloglist_sc { background: #F1F7FF; padding: 0; }
  .qbdblogsec_wrap .left_part { display: none; }
  .qbdblogsec_wrap .right_part { padding: 15px 0 0; width: 100%; position: relative; z-index: 9; }
  .qbdblogsec_wrap .blogitem_in { background: #fff; box-shadow: 0px 2px 4px 0px #0028551A; }
  .qbdblogsec_wrap .post-listing .blog_item { width: 50%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design { padding: 10px; width: 50%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in { display: inline-block; height: auto; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-body { width: 100%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-header { width: 100%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-header h4 { font-size: 18px; line-height: 24px; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .hs-featured-image-link,
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .hs-featured-image-wrapper,
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-body img.hs-featured-image { height: auto; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design .blogitem_in .post-body img.hs-featured-image { height: 221px; }
  .qbdblogsec_wrap .categoryfil_bx:not(:last-child) { margin-bottom: 15px; }
  .bloglist_sc .readmore_btn .more-link,
  .qbdblogsec_wrap .readmore_btn .more-link { align-items: center; color: #63a8fc; display: flex; font-size: 16px; gap: 0 12px; line-height: 22px; justify-content: space-between; }
  .bloglist_sc .readmore_btn .more-link svg,
  .qbdblogsec_wrap .readmore_btn .more-link svg { display: none; }
  .bloglist_sc .readmore_btn .more-link:after,
  .qbdblogsec_wrap .readmore_btn .more-link:after { content:''; background: url("https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg") no-repeat 50%; content: ""; height: 20px; transform: rotate(45deg); width: 20px; }
  .qbdbloglist_sc .circle_box { position: inherit; margin-top: -130px; }
  
  .blogfeature_img .blog_breadcum { display: none; }
  .blogfeature_img .blog_title { font-size: 38px; line-height: 50px; }
  
  .authorsc_wrap .quote_img img { width: 110px; }
  .authorsc_wrap .quote_img { top: -40px; left: 40px; }
  .authorsc_wrap { min-height: 380px; height: 100%; padding: 60px 30px 190px 30px; }
  
  .blogsharedate_wrap .blogshare_cover { padding-left: 15px; }
  .blogsharedate_bx { border-radius: 16px 16px 0 0; padding: 25px 0 0; display: inline-block; width: 100%; background: #fff; margin-top: -25px; position: relative; z-index: 9; }
  .blogshare_cover .share-options { right: 0; }
  .blogdate_cover .blog-post__timestamp { padding-left: 10px; }
  .blogshare_cover .share_btn .share-img { display: none; }
  .blogshare_cover .share_btn { background: transparent; color: #002855; padding: 0; gap: 8px; flex-direction: row-reverse; }
  
  .blogherobxsc_wrap.reverse_sec { display: none; }
  
  .eventcalsc_filter .blogfil_wrap { background: #fff; }
  
  .relatedpost_sc { background: #f1f7ff; }
  .relatedpost_item .blog-related-posts__post-image-wrapper { width: 100%; }
  .relatedpost_item .blog-related-posts__content { width: 100%; padding: 22px 26px; }
  .relatedpost_item { background: #fff; }
  .relatedpost_sc .related_heading { padding: 0 40px 20px; }
  .relatedpostsc_main .slick-slide { opacity: 1; }
  .relatedpost_item .link-style a:after { background: url("https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg") no-repeat 50%; content: ""; height: 20px; transform: rotate(45deg); width: 20px; }
  .relatedpost_item .link-style a { justify-content: space-between; }
  .relatedpostsc_main .blog-related-posts__post { padding: 5px; }
  
  .eventcal_sc { background: #f1f7ff; }
  .eventcal_sc.paddingbtm { padding-bottom: 50px; }
  .eventmonth_bx .title { text-align: center; border-bottom: 1px solid #63A9FF; padding-bottom: 15px; }
  .eventmonth_main .eventmonth_box { background: #FFFFFF; }
  
  .eventcal_sc.relevent_sc { padding: 60px 0; }
  .eventcal_sc.relevent_sc .heading { font-size: 32px; }
  
  .eventmonth_box .eventdate_bx .datetodate { width: 100%; }
  .eventmonth_box .eventdate_bx .industrytag_in { width: 100%; justify-content: start; padding-top: 8px; }
  
  .upwebinarsc_bx .webinar_content .contant { height: 70px; }
  
  /*  */
  .mobfilter_wrap .mobserach_bx,
  .mobfilter_wrap .filtertog_main { width: 50%; padding: 8px; position: relative; }
  .mobfilter_main { background: #ffffff; border-radius: 0 0 10px 10px; padding: 20px 15px; }
  .mobfilter_wrap .mobserach_bx svg { position: absolute; right: 26px; top: 20px; }
  .mobfilter_wrap .mobserach_bx input { padding-right: 40px; font-size: 16px; font-weight: 600; background: #F1F7FF; }
  .mobfilter_main .filterbx_togg { background: #F1F7FF; height: 40px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; border-radius: 22px; padding: 5px 25px; }
  .filterbox_open { width: 100%; background: #F1F7FF; overflow: scroll; height: 100vh; position: fixed; top: 0; z-index: 9999999; display: none; }
  .filterbox_open .closepin { position: absolute; top: 15px; right: 10px; }
  .filteropen_main { padding: 40px 30px; position: relative; }
  .filtertab_list .filtername { background: #FFFFFF; padding: 9px 20px; border-radius: 22px; height: 40px; transition: 0.4s; }
  .filteropen_main .filtertab_list { gap: 8px; }
  .filtertab_list .filtername.active { background: #002855; color: #fff; }
  .filter_name input[type=checkbox] { height: 0; width: 0; visibility: hidden; }
  .filter_name label { text-indent: -9999px; transition: all 0.3s ease-in-out;cursor: pointer;width: 36px;height: 18px;background: #fff;display: block;border-radius: 35px;position: relative;}
  .filter_name label:after {content: ''; transition: all 0.3s ease-in-out;position: absolute;top: 2px;left: 4px;width: 14px;height: 14px;background: #63A9FF;border-radius: 50%;}
  .filter_name input:checked + label {background: #002855;}
  .filter_name input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%);}
  .filter_name label:active:after { width: 36px; }
  .filterdata_list .filter_name { border-bottom: 1px solid rgb(99 169 255 / 25%); padding: 6px 0; }
  .filterdata_list .filter_name.title { border-color: #63A9FF; font-weight: 700; }
  .filterbox_open.active { display: block; }
  .filtercancel { max-width: 300px; margin: 0 auto; }
  .filtercancel .cancel_btn a { background: #fff; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 8px 20px; border-radius: 25px; width: 100%; }
  .filtercancel .apply_filter a { background: #002855; font-weight: 500; display: flex; align-items: center; min-width: 200px; justify-content: space-between; padding: 8px 20px; border-radius: 25px; color: #fff; width: 100%; }
  .filtercancel .apply_filter { width: 45%; padding-left: 15px; } 
  .filtercancel .cancel_btn { width: 42%; }
  .filtercancel .apply_filter a svg { transform: rotate(-45deg); }

  .bloglist_sc .post-header { position: absolute; top: 0; background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); z-index: 9; height: 100%; color: #fff; display: flex; flex-direction: column; justify-content: end; }
  .bloglist_sc .post-header .datetime_text { color: #fff; margin: 0 0 5px; }
  .bloglist_sc .post-header h4 { color: #fff; min-height: auto !important; margin: 0; }
  .bloglist_sc .readmore_btn .more-link { font-size: 0; }
  .bloglist_sc .readmore_btn { position: absolute; right: 10px; }
  .bloglist_sc .post-header:hover { background: #002855; }
  .bloglist_sc .post-header:hover .more-link:after { filter: invert(0) brightness(100); }
  .bloglist_sc .blogitem_in:hover .datetime_text { color: #969DAC; }
    
  .eventcalsc_wrap .no-data { padding: 30px 0; font-weight: 600; }
  
  .blogfilter_in h4 { display: none; }
  .blog-section.bloglist_sc { padding: 0 0 30px; }
  .blog-section .pagination ul { margin: 20px 0 0; }
  .blogfilter_main { padding: 10px; background: #fff; border-radius: 0 0 8px 8px; }
  .blogfil_wrap { background: #f1f7ff; color: #002855; }
  .blogfil_wrap span.place_name { color: #002855; font-weight: 600; }
  .blogfil_wrap:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/right-blue-arrow.svg) no-repeat center / cover; transform: rotate(90deg); }

  .qbdbloglist_v2 .qbdblogsec_wrap .right_part { width: 100%; padding-left: 0; }
}

@media(max-width: 767px){
  .bloglist_sc .circle_img img { width: 250px; }
  
  .eventcalsc_filter .filter_bx { padding: 0 0 20px; width: 100%; text-align: center; }
  .eventcalsc_filter .select2-container { max-width: 350px; }
  .eventmonth_box .event_name { font-size: 20px; margin-bottom: 10px; }
  .eventmonth_box .locandbtn { flex-direction: row; gap: 10px; }
  .bloglist_sc .related_title,
  .upwebinar_sc .heading,
  .eventcal_sc .heading { font-size: 34px; }
  .eventcal_sc { padding: 40px 0 0; }
  
  .eventcal_sc .circle_box .circledesk_img { display: none; }
  
  .upwebinar_sc { padding: 60px 0; }
  .upwebinarsc_bx .webinar_content { padding: 15px; }
  
  .blogherobxsc_wrap .breadcrumb_menu ul li.hs-menu-item.hs-menu-depth-1 { padding-right: 20px; }
  .blogherobxsc_wrap .breadcrumb_menu ul li.hs-menu-item.hs-menu-depth-1:after { right: 5px; }
    
  .blogcontent_cover { padding: 40px 0 60px; }
  
  .blogsharedate_bx .blogdate_cover img { width: 22px; }
  .blogdate_cover .blog-post__timestamp { font-size: 15px; line-height: 1; }
  
  .newssubscribev2_sc .subcircle_img { display: none; }
  
  .relatedpost_sc .related_heading { padding: 0 20px 20px; }
  .relatedpost_item .topic_name { font-size: 16px; }
  
  .referenceslist_wrap { padding: 20px; }
  .referenceslist_main { padding: 20px 0; }
  
  .newssubscrsc_in h2.title { font-size: 20px; }
  
  .imgslider_item img { height: 290px !important; }
  
  .downloadpdf_wrap { border-radius: 8px; }
  .downloadpdf_wrap .right_part { position: absolute; background: transparent; height: 100%; width: 100%; }
  .downloadpdf_wrap .left_part { width: 100%; }
  .downloadpdf_wrap:after { content: ''; background: rgb(0 0 0 / 80%); height: 100%; width: 100%; display: inline-block; position: absolute; inset: 0; }
  .downloadpdf_wrap .right_part .pretext { color: #fff; }
  .downloadpdf_wrap .right_part .btn_text { color: #fff; border-color: #fff; }
  .downloadpdf_wrap .right_part svg path { fill: #fff !important; }
  .downloadpdf_wrap .thumbnail_image { background-position: 100% 0 !important; }
  
  .blog-listing-wrapper .no-data img { display: none; }
  
  .blogcontent_cover .blog-post .listitem-box { padding: 20px; }
  .blogcontent_cover .blog-post blockquote { padding: 55px 20px 30px; }
  .blogcontent_cover .blog-post blockquote:after { left: 20px; }
    
/*    .blogsharedate_wrap { flex-direction: column; align-items: start; gap: 15px; }
   .blogsharedate_wrap .blogauth_wrap { flex-direction: row; justify-content: space-between; width: 100%; } */
    
    .author_details .person_img { background: transparent; height: auto; width: auto; }
    .author_details .person_img img { width: 22px; }
}

@media(max-width: 600px){
  .eventmonth_main .eventmonth_in { width: 100%; }
  .eventmonth_box .eventdate_bx .datetodate { font-size: 17px; }
  .eventdate_bx .industry_tag { font-size: 15px; }
  .eventmonth_box .locandbtn { font-size: 16px; flex-direction: row; }
  .upwebinar_sc .heading,
  .eventcal_sc .heading { font-size: 30px; }
  
  .upwebinarsc_bx .webinar_img { width: 100%; height: 250px; }
  .upwebinarsc_bx .webinar_content { width: 100%; }
  
  .qbdblogsec_wrap .post-listing .blog_item { width: 100%; }
  .qbdblogsec_wrap .post-listing .blog_item.long_blog_design { width: 100%; }
  .qbdblogsec_wrap .blogitem_in .post-header { min-height: 100%; }
  .qbdblogsec_wrap .blogitem_in .postcont_txt { min-height: auto !important; }
  
  .eventmonth_box .eventdate_bx .datetodate { width: 100%; }
  .eventmonth_box .eventdate_bx .industrytag_in { width: 100%; justify-content: start; padding-top: 15px; margin: 0; }
  
  .authorsc_wrap .quote_img img { width: 90px; }
  
}

@media(max-width: 575px){
  .categoryfil_wrap .category-filter p { width: 100%; margin: 0 0 15px; }
  .categoryfil_wrap .category-filter { text-align: center; justify-content: center; }
  .bloglist_sc .post-listing .blog_item { width: 100%; }
  
  .newssubscrsc_in .button-1 a { font-size: 14px; }
  
  .blogfeature_img { padding: 240px 0 50px; }
  .blogfeature_img .blog_title { text-align: left; }
  
  .authorsc_wrap .circles_quote { width: 100%; }
  .authorsc_wrap .circles_quote .circlemob_img { width: 100%; vertical-align: top; border-radius: 0 0 10px 10px; }
  .authorsc_wrap .circles_quote .circlequt_img { display: none; }
  
  .downloadpdf_wrap .thumbnail_image { height: 540px; }
  
  .blogherobxsc_wrap .breadcrumb_menu ul li a { font-size: 14px; }
  
  .eventcalsc_filter { gap: 15px; justify-content: start; }
  .eventcalsc_filter .blogfil_wrap { width: 100%; max-width: 400px; }
  .eventcalsc_filter .blogfil_wrap ul { width: 100%; }
  
}
@media(max-width: 414px){
  .filtercancel .cancel_btn { width: 40%; }
  .filtercancel .apply_filter { width: 50%; }
  .filtercancel .apply_filter a { font-size: 14px; min-width: 138px; }
  .filtercancel .cancel_btn a { font-size: 14px; min-width: 100%; }
  
  .mobfilter_wrap .mobserach_bx,
  .mobfilter_wrap .filtertog_main { width: 100%; }
  
  .eventcalsc_filter .blogfil_wrap ul { left: 0; }
  .blogfil_wrap ul { left: -28px; width: 175px; }
}
.errorpage_sc { padding: 70px 0 150px; display: flex; align-items: center; text-align: center; position: relative; overflow: clip; }
.errorpage_sc h3 { font-size: 28px; }
.resultpage_sc h1,
.errorpage_sc h1 { font-weight: 600; }
.errorpage_sc a { text-decoration: underline; color: #63A8FC; }
.errorpage_sc .button-2 a { text-decoration: none; color: #002855; }
.errorpage_sc .button-2 a:hover { color: #fff; }

.errorpage_sc .form-container .hs-form-field { position: relative; margin-bottom: 20px; }
.errorpage_sc .form-container .hs-form-field label { margin-bottom: 10px; display: inline-block; }
.errorpage_sc .form-container .hs-submit { margin-top: 30px; }
.errorpage_sc .form-container span.form-separator { text-align: center; display: inline-block; width: 100%; margin: 20px 0; font-weight: 700; }
.errorpage_sc .form-container form >div { margin-bottom: 15px; }
.errorpage_sc .form-container .hs-form-field input[type="checkbox"] { position: absolute; top: 2px; left: 0; width: 18px; height: 18px; margin: 0; }
.errorpage_sc .form-container .hs-form-field label[for="hs-passwordless-auth-explicit-consent"] { padding-left: 30px; font-size: 16px; }
.errorpage_sc .form-container div#hs-login-self-registration-link { text-align: center; }
.errorpage_sc .form-container .hs-form-field label[for="hs-login-widget-remember"] { padding-left: 30px; font-size: 16px; }
.errorpage_sc .form-container .hs_cos_wrapper_type_rich_text a { color: #63A8FC; text-decoration: underline; }
.errorpage_sc .form-container .hs-form-field ul.no-list { display: none; }
.errorpage_sc .hs_cos_wrapper_type_password_prompt form input[type="password"] { height: 40px !important; font-size: 14px; line-height: 20px; margin: 0 0 25px !important; }
.errorpage_sc .hs_cos_wrapper_type_password_prompt form { margin-top: 30px; }

.errorpage_sc .email-prefs { text-align: left; margin-top: 30px; }
.errorpage_sc .email-prefs .item { margin-bottom: 15px; }
.errorpage_sc .email-prefs input[type=submit] { margin-top: 30px; }
.errorpage_sc .email-prefs .checkbox-row input[type=checkbox] { height: 18px; width: 18px; margin: 0; position: relative; top: 2px; }
.errorpage_sc .email-prefs .checkbox-row span { padding-left: 7px; }
.errorpage_sc .subscribe-options input[type=checkbox] { height: 18px; width: 18px; margin: 0; position: relative; top: 2px; }
.errorpage_sc .email-prefs .checkbox-row .fakelabel span { }
.errorpage_sc .email-prefs .subscribe-options span { padding-left: 7px; }
.errorpage_sc .email-prefs .checkbox-row span.fakelabel { padding-left: 0; }

.resultpage_sc { position: relative; overflow: clip; }
.resultpage_sc li.hs-search-results__listing__item { border-bottom: 1px solid #002855; padding-bottom: 30px; }
.resultpage_sc li.hs-search-results__listing__item:last-child { border-bottom: 0; }
.resultpage_sc nav.hs-search-results__pagination { margin-top: 40px; }
.resultpage_sc nav.hs-search-results__pagination { flex-flow: row wrap; gap: 8px; }
.resultpage_sc .hs-search-results__pagination__link--active { background: #002855; color: #fff; border: 0; }
.resultpage_sc .hs-search-results__listing__item .hs-search-results__content a:hover h2 { color: #63A8FC; }
.resultpage_sc .hs-search-results__listing__item .hs-search-results__content a h2 { font-size: 36px; transition: 0.4s; font-weight: 600; line-height: 1.2; }


/* media query */
@media(min-width: 992px) {
  .resultpage_sc,
  .errorpage_sc { min-height: 500px; }
  .resultpage_sc:after,
  .errorpage_sc:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/Website%202025%20-%20Colored%20Circles/circles-1.svg) no-repeat center / contain; height: 477px; width: 420px; position: absolute; display: inline-block; bottom: 0; right: -10px; z-index: -1; }
}

@media(max-width: 991px) {
  .errorpage_sc { padding: 100px 0 50px; }
  .errorpage_sc h3 { font-size: 22px; }
  
  .resultpage_sc nav.hs-search-results__pagination .hs-search-results__pagination__link--first:last-child,
  .resultpage_sc nav.hs-search-results__pagination .hs-search-results__pagination__link--first:first-child { display: none; }
  .resultpage_sc .hs-search-results__listing__item .hs-search-results__content a h2 { font-size: 24px; }
  
}


.container, .row-fluid .container { margin: 0 auto; padding: 0 15px; }

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

/* Slick - 1.9.0 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;width:auto;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*# sourceMappingURL=slick.min.css.map */

/* Slick css */
.slick-slider .slick-arrow { min-width: auto; padding: 0; border: none; z-index: 5; position: absolute; top: calc(50% - 40px); left: 0; width: 64px; height: 40px; font-size: 0px; color: #FFFFFF; transition:400ms; cursor: pointer; background: #FFFFFF; }
.slick-slider .slick-arrow:before { content: ''; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow_long.svg') no-repeat center center; filter: grayscale(100%); opacity: 0.4; }
.slick-slider .slick-arrow.slick-next { left: auto; right: 0; }
.slick-slider .slick-dots { text-align: center; padding: 0; margin: 20px 0 0 0; }
.slick-slider .slick-dots li { display: inline-block; margin: 0 3px; line-height: 0; height: 5px; }
.slick-slider .slick-dots li button { width: auto; height: auto; min-width: auto; padding: 0; line-height: normal; background: transparent; } 
.slick-slider .slick-dots li.slick-active button { font-weight: 700; }
.slick-slider .slick-prev.slick-arrow { transform: scale(-1); }
.slick-slider .slick-arrow:hover:before { filter: inherit; opacity: 1; }
.slick-slider .slick-arrow:hover { background: #63A8FC; }

.buttonArrow { padding: 0 0 70px; }
.buttonArrow.slick-slider button.slick-next.slick-arrow { left: calc(50% + 40px); transform: translateX(-50%) scale(1); }
.buttonArrow.slick-slider button.slick-arrow { bottom: 0; top: auto; left: calc(50% - 40px); transform: translateX(-50%) scale(-1); }

a.boxLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
.bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bg-img img { width: 100%; height: 100% !important; object-fit: cover; }

/* data-small-btn="true" */
.fancybox-slide .fancybox-content { margin: 60px 0 0; overflow: visible !important; }
body .fancybox-slide .fancybox-close-small { background: transparent; border-radius: 0; height: 50px; opacity: 1; padding: 2px; right: 0; top: -58px; width: 50px; min-width: auto; }
body .fancybox-slide .fancybox-close-small svg { color: #FFFFFF; }

@media (min-width:768px) { .container, .row-fluid .container { width:750px; } }
@media (min-width:992px) { .container, .row-fluid .container { width:970px; } }
@media (min-width:1201px) { .container, .row-fluid .container { width:1170px; } }
@media (min-width:1301px) { .container, .row-fluid .container { width:1270px; } }
@media (min-width:1501px) { .container, .row-fluid .container { width:1360px; } }
@media (min-width:1721px) { .container, .row-fluid .container { width:1640px; } }

body.loader-active { position: relative; width: 100%; height: 100%; }
.loader{ display:none; }
body.loader-active .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #ffffff; z-index: 9999; }
.loader .loader-inner{ border: 8px solid #f3f3f3; border-top: 8px solid #63a8fc; border-radius: 100%; width: 50px; height: 50px; animation: spin 1s linear infinite; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*  */
.material-icons-outlined,
.material-icons.material-icons--outlined,
.material-icons-two-tone,
.material-icons.material-icons--two-tone,
.material-icons-round,
.material-icons.material-icons--round,
.material-icons-sharp,
.material-icons.material-icons--sharp { font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-family: 'Material Icons Outlined'; }
.material-icons-two-tone,
.material-icons.two-tone { font-family: 'Material Icons Two Tone'; }
.material-icons.outlined { font-family: 'Material Icons Outlined'; }
.material-icons.rounded { font-family: 'Material Icons Round'; }
.material-icons.sharp { font-family: 'Material Icons Sharp'; }

.hero-section { padding: 100px 0; position: relative; min-height: 800px; }
.hero-section .text { max-width: 643px; width: 100%; text-shadow: 0px 3px 6px #00000029; }
.hero-section .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.hero-section .video video { width: 100%; height: 100%; object-fit: cover; }
.hero-section .bg-img:after , .hero-section .video:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent linear-gradient(90deg, #002855 0%, #002855CE 24%, #00081141 100%) 0% 0% no-repeat padding-box; opacity: 0.72; } 
.hero-section h1 { text-shadow: 0px 3px 6px #00000029; }
.hero-section.text-right .text { margin: 0 0 0 auto; }
.hero-section .brand_cir { position: absolute; bottom: 0; right: 0; z-index: -1; }
.hero-section .brand_cir img { vertical-align: top; }
.hero-section .btn_group { gap: 15px; }

.arrow-down { position: absolute; bottom: 40px; left: 0; right: 0; width: 30px; margin: auto; cursor: pointer; }

.industries-section .main-title { margin-left: auto; margin-right: auto; max-width: 804px; }
.industries-section .cover { background: #002855; border-radius: 10px; padding-left: 120px; padding-right: 120px; }
.industries-section .cover.less_padding { padding: 0; }
.industries-section .main { gap: 22px; justify-content: center; max-width: 1300px; margin: 0 auto; }
.industries-section .box { width: calc(33.33% - 14.7px); position: relative; }
.industries-section .box .image { position: relative; }
.industries-section .box .img { z-index: 9; margin: 0 auto; width: 215px; height: 215px; border-radius: 100%; overflow: hidden; position: relative; }
.industries-section .box .img:after { content:''; transform: scale(1.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #FFFFFF; opacity: 0; transition:400ms; } 
.industries-section .box .img img { width: 100%; height: 100% !important; object-fit: cover; }
.industries-section .box .shape { width: 170px; height: 170px; position: absolute; top: -5px; left: -20px; right: 0; margin: 0 auto; background: #F1F7FF; border-radius: 100%; transition:400ms; }
.industries-section .box .shape:before,
.industries-section .box .shape:after { content: ''; width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: -20px; left: 20px; background: #63A8FC; border-radius: 100%; opacity: 0.7; }
.industries-section .box .shape:after { bottom: -5px; top: auto; left: 30px; background: #F1F7FF; }
.industries-section .box h4 { margin: 0; transition:400ms; }
.industries-section .box h4:after { content: "\f105"; position: relative; top: -1px; font-family: 'fontAwesome'; font-weight: 300; margin: 0 0 0 14px; font-size: 28px; vertical-align: middle; }
.industries-section .box.linkarrow h4:after { display: none; }

.industries-section .box.hover:hover .img:after { opacity: 0.7; }
.industries-section .box.hover:hover .shape { transform: rotate(-40deg); }
.industries-section .box.hover:hover h4 { color: #63A8FC !important; }

.industries-section .box.team_shape .shape_bx span { height: 240px; width: 240px; }
.industries-section .box.team_shape .shape_bx span.shape_two { top: -30px; right: 75px; }
.industries-section .box.team_shape .shape_bx span.shape_one { background: #D3EEFC; left: 80px; }
.industries-section .box.team_shape.hover:hover .shape_bx { transform: rotate(-40deg); }

.our-services { padding: 100px 0 240px; }
.our-services .main-title { margin-left: auto; margin-right: auto; max-width: 804px; }
.our-services .main { gap: 30px; }
.our-services .box { width: calc(25% - 22.5px); background: #F1F7FF; border-radius: 10px; padding: 20px; position: relative; z-index: 1; overflow: hidden; transition:400ms; }
.our-services .box .icon { width: 75px; height: 75px; }
.our-services .box .icon img { width: auto; max-height: 100%; transition:400ms; }
.our-services .box .font_icon { width: 75px; height: 75px; }
.our-services .box .font_icon svg { width: 100%; height: 100%; }
.our-services .box h4 { transition:400ms; }
.our-services .box [class*="round-"] { position: absolute; top: -30px; right: -30px; width: 83px; height: 83px; border-radius: 100%; z-index: 1; transition:400ms; }
.our-services .box [class*="round-2"] { right: 10px; z-index: -1; opacity: 0.7; }
.our-services .box [class*="round-3"] { right: -30px; top: 20px; opacity: 0.7; }

.our-services .box.hover:hover { background: #002855; }
.our-services .box.hover:hover [class*="round-1"] { background: rgba(255,255,255,0.7) !important; }
.our-services .box.hover:hover .icon img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(246deg) brightness(103%) contrast(105%); }
.our-services .box.hover:hover .font_icon svg path { fill: #fff; }
.our-services .box.hover:hover h4 { color: #FFFFFF; }
.our-services .box.hover:hover h4 { color: #FFFFFF; }

.our-services .main.three_col { max-width: 1100px; margin: 0 auto; }
.our-services .main.three_col .box { width: calc(33.33% - 22.5px); }

.latest-news { background: #F1F7FF; position: relative; }
.latest-news .container { position: relative; z-index: 1; }
.latest-news .shape-btm { position: absolute; bottom: 0; left: 0; line-height: 0; }
.latest-news .box { width: calc(25% - 22.5px); border-radius: 10px; overflow: hidden; box-shadow: 0px 3px 6px #00000029; background: #FFFFFF; position: relative; }
.latest-news .main { gap: 30px; }
.latest-news .box .image { height: 257px; }
.latest-news .box .image img { width: 100%; height: 100%; object-fit: cover; }
.latest-news .box .text { padding: 20px; font-size: 14px; line-height: 20px; }
.latest-news .text .date { text-transform: uppercase; }

.latest-news .box:hover .link-style a:after { left: 3px; color: #002855; }
.latest-news .box:hover .link-style a { color: #002855; }

.latest-news .shape-btm.shape_top { top: 0; right: 0; left: auto; }

.resources-news { position: relative; }
.resources-news .shape-btm { line-height: 0; position: absolute; bottom: 0; left: 0; }
.resources-news .container { position: relative; z-index: 1; }
.resources-news .main { gap: 30px; }
.resources-news .box { width: calc(50% - 15px); border-radius: 15px; overflow: hidden; background: #F1F7FF; box-shadow: 0px 3px 6px #00000029; position: relative; }
.resources-news .box .image { width: 40%; position: relative; }
.resources-news .box .image img { width: 100%; height: 100%; object-fit: cover; }
.resources-news .box .text { width: 60%; padding: 22px 26px; display: flex; flex-direction: column; justify-content: space-between; }
.resources-news .box .content { word-break: break-word; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 73px; }

.resources-news .box.hover:hover .link-style a:after { left: 3px; color: #002855; }
.resources-news .box.hover:hover .link-style a { color: #002855; }

.resources-news .box .tag { background: #f1f7ff; padding: 2px 20px 4px; font-size: 18px; line-height: 24px; border-radius: 20px; display: inline-block; position: absolute; left: 20px; bottom: 20px; }
.resources-news .box .tag-whitepaper { background: #00E0FA; color: #002855; }
.resources-news .box .tag-casestudy { background: #63A8FC; color: #FFF; }
.resources-news .box .tag-webinar { background: #002855; color: #FFF; }

.hero-services { position: relative; }
.hero-services .main { margin: 0 auto; max-width: 804px; width: 100%; }
.hero-services h1 { font-weight: 600; }
.hero-service .main.textwidth_full .text { max-width: 1082px; width: 100%; margin: 0 auto 0; }
.btngrp_wrap { gap: 15px; }

.breadcrumb_main { position: absolute; top: 32px; }
.breadcrumb_main ul { display: flex; list-style: none; margin: 0; padding: 0; }
.breadcrumb_main ul li { padding-right: 30px; position: relative; }
.breadcrumb_main ul a { color: #63a8fc; font-size: 16px; }
.breadcrumb_main ul a:after { color: #63a8fc; content: ">"; font-size: 16px; position: absolute; right: 9px; top: 3px; }
.breadcrumb_main ul li:last-child a:after { display: none; }
.breadcrumb_main ul li:last-child a { color: #002855; }
.breadcrumb_main.white-text ul a { color: #fff; }
.breadcrumb_main.white-text ul a:after { color: #fff; } 

.services-section .main { gap: 50px 30px; } 
.services-section .box { width: calc(25% - 22.5px); position: relative; z-index: 1; overflow: hidden; border-radius: 10px; box-shadow: 0px 3px 6px #00000029; }
.services-section .box .cover-in { padding: 22px; min-height: 194px; display: flex; flex-flow: column; justify-content: space-between; background: #F1F7FF; position: relative; z-index: -1; transition:400ms; }
.services-section .box .icon { width: 75px; height: 75px; }
.services-section .box .icon img { width: auto; max-height: 100%; transition:400ms; }
.services-section .box h4 { margin: 10px 0 0; transition:400ms; }
.services-section .box [class*="round-"] { position: absolute; top: -30px; right: -30px; width: 83px; height: 83px; border-radius: 100%; z-index: 1; transition:400ms; }
.services-section .box [class*="round-2"] { right: 10px; z-index: -1; opacity: 0.7; }
.services-section .box [class*="round-3"] { right: -30px; top: 20px; opacity: 0.7; }
.services-section .box .text { padding: 20px 22px; }

.services-section .box.hover:hover .cover-in { background: #002855; }
.services-section .box.hover:hover [class*="round-1"] { background: rgba(255,255,255,0.7) !important; }
.services-section .box.hover:hover .icon img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(246deg) brightness(103%) contrast(105%); }
.services-section .box.hover:hover h4 { color: #FFFFFF; }
.services-section .box.hover:hover h4 { color: #FFFFFF; }

.services-table { display: inline-block; width: 100%; margin: 100px 0; }
.services-table h2 { margin: 0; }
.services-table .shape { margin-right: 45px; width: 93px; height: 93px; position: relative; transition:400ms }
.services-table .shape [class*="round-"] { position: absolute; top: 0; left: 0; width: 62px; height: 62px; border-radius: 100%; z-index: 1; transition:400ms; }
.services-table .shape [class*="round-2"] { left: 30px; top: 10px; z-index: -1; opacity: 0.7; }
.services-table .shape [class*="round-3"] { left: 10px; top: auto; bottom: 0; opacity: 0.7; }
.services-table .box-ttl:hover .shape { transform: rotate(45deg); }

.table-main { box-shadow: 0px 3px 6px #00000029; border-radius: 10px; background: #FFFFFF; overflow: hidden; position: relative; }
.table-title h4 { margin: 0; font-weight: 600; }

.table-title { gap: 30px; padding: 0 100px 0 20px; background: #D3EEFC; }
.table-title > div { width: 248px; padding: 10px 0; min-height: 81px; display: flex; align-items: center; justify-content: center; text-align: center; }
.table-title > div.ttl { width: calc(100% - 834px); }

.table-cover .table { gap: 30px; padding: 0 100px 0 20px; background: #F1F7FF; }
.table-cover .table:nth-child(even) { background: #FFFFFF; }

.table-cover .table > div.ttl { width: calc(100% - 834px); justify-content: flex-start; position: relative; transition: 0.4s; }
.table-cover .table > div.ttl a.title_link { position: absolute; inset: 0; }
.table-cover .table.title_hover >div.ttl:hover { text-decoration: underline; color: #63A8FC; }
.table-cover .table > div { width: 248px; padding: 10px 0; min-height: 81px; display: flex; align-items: center; justify-content: center; }
.table-cover .table > div svg { width: 25px; height: auto; }
.table-cover .table > div svg path { fill: #002855; }

.services-table .box-ttl br { display: none; }

/** **/
.hero-inner { position: relative; min-height: 504px; display: flex; align-items: center; }
.hero-inner h1 { font-weight: 600; font-size: 44px; line-height: 50px; }
.hero-inner .bg-img:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002855; opacity: 0.7; }
.hero-inner .main { max-width: 804px; width: 100%; margin: auto; }
/* .hero-inner .container { position: relative; z-index: 1; } */
.hero-inner .shape { position: absolute; bottom: 0; right: 0; line-height: 0; }
.hero-inner .breadcrumb_main ul li:last-child a { color: #fff; }

.service-industries .main { margin: 0 auto; max-width: 1020px; width: 100%; gap: 22px; }
.service-industries .box { width: calc(33.33% - 14.7px); position: relative; }
.service-industries .box .image { position: relative; }
.service-industries .box .img { margin: 0 auto; width: 160px; height: 160px; border-radius: 100%; overflow: hidden; position: relative; }
.service-industries .box .img:after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: #FFFFFF; opacity: 0; transition:400ms; } 
.service-industries .box .img img { width: 100%; height: 100% !important; object-fit: cover; }
.service-industries .box .shape { width: 170px; height: 170px; position: absolute; top: -5px; left: -20px; right: 0; margin: 0 auto; background: #D3EEFC; border-radius: 100%; transition:400ms; }
.service-industries .box .shape:before,
.service-industries .box .shape:after { content: ''; width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; top: -20px; left: 20px; background: #63A8FC; border-radius: 100%; opacity: 0.80; }
.service-industries .box .shape:after { bottom: -5px; top: auto; left: 30px; background: #B0CAEA; }
.service-industries .box h4 { margin: 0; transition:400ms; }
.service-industries .box h4:after { content: "\f105"; font-family: 'fontAwesome'; font-weight: 300; margin: 0 0 0 14px; font-size: 28px; vertical-align: middle; }

.service-industries .box.hover:hover .img:after { opacity: 0.7; }
.service-industries .box.hover:hover .shape { transform: rotate(-40deg); }
.service-industries .box.hover:hover h4 { color: #63A8FC; }

.why-QbD { padding: 150px 0; }
.why-QbD .main { background: #F1F7FF; border-radius: 10px; }
.why-QbD .left { width: 50%; padding: 130px; display: flex; flex-flow: column; justify-content: center; }
.why-QbD .right { padding: 100px 70px; gap: 90px 0; width: 50%; background: #63A8FC; border-radius: 10px; }
.why-QbD .right .box { width: 50%; padding: 0 20px; }
.why-QbD .right .box h4 { margin: 0; font-weight: 600; }
.why-QbD .right .box .icon { height: 130px; line-height: 0; display: flex; align-items: center; justify-content: center; margin: 0 0 50px; }
.why-QbD .right .box .font_icon { height: 130px; margin: 0 auto 50px; width: 130px; }
.why-QbD .right .box .font_icon svg { height: 100%; width: 100%; }
.why-QbD .right .box .icon img { width: auto; max-height: 100%; }

.about-hero { position: relative; }
.about-main .left .breadcrumb_main { position: absolute; top: 12px; }
.about-main .left { width: calc(100% - 818px); padding: 0 50px 230px; padding-left: calc((100% - 1610px) / 2); min-height: 939px; }
.about-main .left .inside { max-width: 667px; }
.about-main .right { width: 818px; border-radius: 10px 0 0 10px; overflow: hidden; position: relative; }
.about-main .right img { width: 100%; height: 100% !important; object-fit: cover; }
.about-main .brand_circle { position: absolute; bottom: 0; right: .0; }
.about-main .brand_circle img { width: auto; height: 100% !important; vertical-align: top; }

.counter-main { position: relative; margin: -235px 0 70px; }
.counter-main .desktop { display: none; }
.counter-main .main { border-radius: 10px; background: #002855; text-align: center; padding: 24px 30px; }
.counter-main .main h2 { font-size: 57px; line-height: 78px; }

.service-about .main { gap: 30px; }
.service-about .box { width: calc(33.33% - 20px); background: #F1F7FF; border-radius: 10px; padding: 40px; display: flex; flex-flow: row wrap; align-items: center; }
.service-about .box h2{font-size: 35px;}
.service-about .box .title h4 { display: none; }
.service-about .box .icon { line-height: 0; height: 93px; display: inline-block; height: 50px;}
.service-about .box .icon img { max-height: 100%; }
.service-about .box .font_icon { line-height: 0; height: 93px; width: 93px; }
.service-about .box .font_icon svg { width: 100%; height: 100%; }

.objective-section { background: #002855; position: relative; overflow: clip; }
.objective-section .main { margin: 0 auto; max-width: 700px; width: 100%; }
.objective-section .image { position: absolute; bottom: -100px; left: -200px; width: 600px; height: 600px; }
.objective-section .image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 100%; position: relative; z-index: 1; }
.objective-section .image:before,
.objective-section .image:after { content: ''; width: 450px; height: 450px; position: absolute; top: -140px; left: 60px; background: #4BC8DC; border-radius: 100%; }
.objective-section .image:after { background: #FFFFFF; top: -40px; left: 35%; }
.objective-section ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-flow: column; gap: 38px; }
.objective-section ul li { margin: 0; display: inline-block; width: 100%; font-size: 24px; line-height: 30px; font-weight: 300; padding: 0 0 0 48px; position: relative; }
.objective-section ul li:before { content: ''; width: 30px; height: 30px; position: absolute; top: 3px; left: 0; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bulletpoint.svg') no-repeat; }
.objective-section .shapebx_mob { position: absolute; right: 0; top: 0; z-index: 9; }
.objective-section .main_shape { background: #002855; border-radius: 50%; display: inline-block; height: 80px; width: 80px; position: relative; z-index: 9; top: -30px; left: 40px; }
.objective-section .shapein_bx:after { background: #3cdbc0; top: -20px; }
.objective-section .shapein_bx:after,
.objective-section .shapein_bx:before { border-radius: 50%; content: ""; height: 80px; position: absolute; right: 0; width: 80px; }
.objective-section .shapein_bx:before { background: rgb(75 200 220 / 50%); top: 15px; z-index: 99; left: 40px; }

.objective-section .main.keybene_cstm { max-width: 100%; padding-left: calc(100% - 1300px); padding-right: 100px; }
.objective-section .main.keybene_cstm ul li { font-size: 18px; line-height: 24px; font-weight: 400; }
.objective-section .main.keybene_cstm ul { gap: 24px; }
.objective-section .main.keybene_cstm ul li:before { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bulletpoint.svg) no-repeat; top: 50%; transform: translateY(-50%); vertical-align: top; }

.ecosystem-section { position: relative; overflow: clip; }
.ecosystem-section .text { max-width: 800px; padding: 110px 0; min-height: 714px; position: relative; z-index: 1; }
.ecosystem-section .image { position: absolute; bottom: -100px; right: -100px; width: 680px; height: 680px; }
.ecosystem-section .image img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; position: relative; z-index: 1; }
.ecosystem-section .image:before,
.ecosystem-section .image:after { content: ''; width: 100%; height: 100%; position: absolute; top: -200px; right: -120px; background: #63A8FC; border-radius: 100%; }
.ecosystem-section .image:after { background: #FFFFFF; top: -60px; right: 100px; opacity: 0.6; }
.ecosystem-section .text .buttons { gap: 10px 100px; }

.license-certificates { padding: 170px 0 0; overflow-x: clip; }
.license-certificates .main { gap: 30px; }
.license-certificates .box { width: calc(25% - 22.5px); min-height: 170px; padding: 20px; border-radius: 10px; background: #F1F7FF; position: relative; transition:400ms; }
.license-certificates .box .icon { width: 100px; line-height: 0; }
.license-certificates .box .icon img { max-width: 100%; height: auto; transition:400ms; }
.license-certificates .box .font_icon { width: 100px; height: 100px; line-height: 0; justify-content: center; display: flex; align-items: center; }
.license-certificates .box .font_icon svg { max-width: 100%; height: 100%; transition:400ms; }
.license-certificates .box.hover:hover .font_icon svg path { fill: #fff; }
.license-certificates .box .text { width: calc(100% - 100px); padding: 0 0 0 20px; }
.license-certificates .box .text h4 { margin: 0 0 12px; transition:400ms; color: #002855; }
.license-certificates .box .btn { padding: 7px 20px; background: #D3EEFC; display: inline-block; border-radius: 40px; font-size: 14px; line-height: 18px; }

.license-certificates .box.hover:hover { background: #002855; }
.license-certificates .box.hover:hover .text h4 { color: #FFFFFF; }
.license-certificates .box.hover:hover .icon img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(246deg) brightness(103%) contrast(105%); }
.license-certificates .shape { padding-top: 80px; position: relative; top: 1px; }
.license-certificates .shape img { width: 100%; vertical-align: top; }

.hero-service { position: relative; overflow: clip; }
.hero-service .shape { width: 580px; height: 580px; position: absolute; top: 0; left: -320px; bottom: 0; margin: auto; background: #FFC810; border-radius: 100%; opacity: 0.9; }
.hero-service .shape:before , .hero-service .shape:after { content: ''; width: 100%; height: 100%; position: absolute; top: auto; bottom: -270px; left: 280px; background: #FFE85A; border-radius: 100%; opacity: 0.7; }
.hero-service .shape:before { top: -210px; bottom: auto; left: 150px; }
.hero-service .main { min-height: 344px; padding: 40px 130px 40px 40px; background: rgba(255, 255, 255, 0.9); border-radius: 10px; color: #002855; position: relative; z-index: 1; }
.hero-service .logo { width: 50%; }
.hero-service .text { width: 50%; max-width: 665px; }
.hero-service .main h1 { font-size: 44px; line-height: 50px; }
.hero-service .logo img { min-width: 450px; }

.service-detail .main { gap: 30px; }
.service-detail .box { padding: 25px; width: calc(25% - 22.5px); border-radius: 10px; position: relative; }
.service-detail .box .serice-box { height: 100%; }
.service-detail .box .icon { line-height: 0; height: 53px; }
.service-detail .box .icon img { max-height: 100%; width: auto; }
.service-detail .box .font_icon { line-height: 0; height: 53px; width: 53px; }
.service-detail .box .font_icon svg { width: 100%; height: 100%; }
.service-detail .box [class*=button-] a { display: flex; position: relative; padding: 10px 52px 10px 20px; width: 100%; background: #FFC810; }
.service-detail .box [class*=button-] a span.arrow { right: 17px; left: auto; width: auto; background: transparent; }
.service-detail .box .normal_btn a { display: flex; align-items: center; position: relative; padding: 12px 20px 12px; width: 100%; background: #FFC810; justify-content: space-between; font-size: 20px; line-height: 24px; height: 46px; }
.service-detail .box .normal_btn a svg { width: 25px; }
.intro_para.right { margin-left: auto; }
.service-detail .box .serice-box .text { width: 100%; }
.service-detail .box .serice-box .normal_btn { width: 100%; }

.content-image .left { width: 50%; min-height: 685px; background: #FFE85A; display: flex; align-items: center; justify-content: end; padding: 100px 160px; /* padding-left: calc((100% - 1610px) / 2); */ }
.content-image.direction_reverse .left { justify-content: start; }
.content-image .right { width: 50%; }
.content-image .right img { width: 100%; height: 100%; object-fit: cover; }

.get-touch .left { width: 50%; background: #002855; min-height: 992px; position: relative; display: flex; align-items: center; justify-content: center; padding: 50px 50px 400px; }
.get-touch .right { width: 50%; padding: 95px 140px; padding-right: calc((100% - 1610px) / 2); background: #F1F7FF; }
.get-touch .left .shape { position: absolute; bottom: 0; left: 0; right: 0; line-height: 0; }
.get-touch .left .inside { width: 100%; max-width: 665px; margin: 0 auto; }
.get-touch .left .icon { line-height: 0; margin: 0 0 20px; }
.get-touch .right .inputs-list a,
.get-touch .left .text a { color: #005ed1; }
.get-touch .right .hs_submit.hs-submit { margin-top: 30px; }

.resources-service .main-title { gap: 15px 40px; }
.resources-service .main-title h2 { margin: 0; }
.resources-service .main { gap: 30px; }
.resources-service .box { width: calc(25% - 22.5px); border-radius: 15px; overflow: hidden; background: #F1F7FF; box-shadow: 0px 3px 6px #00000029; position: relative; transition:400ms; }
.resources-service .box .image { width: 100%; height: 241px; position: relative; line-height: 0; }
.resources-service .box .image img { width: 100%; height: 100%; object-fit: cover; }
.resources-service .box .text { width: 100%; height: calc(100% - 241px); padding: 22px; display: flex; flex-flow: column; justify-content: space-between; }

.resources-service .box:hover { background: #c5e1ff; }
.resources-service .box.hover:hover { background: rgba(255, 232, 90, 0.3); }
.resources-service .box.hover:hover .link-style a:after { left: 3px; color: #002855; }
.resources-service .box.hover:hover .link-style a { color: #002855; }

.resources-service .filter { width: 300px; position: relative; }
.resources-service .filter span.filter_topics { padding: 7px 50px 7px 20px; background: #002855; color: #FFF; border-radius: 100px; display: inline-block; width: 100%; font-size: 24px; line-height: 30px; position: relative; cursor: pointer; }
.resources-service .filter span.filter_topics:after { content: ''; width: 20px; height: 20px; position: absolute; top: 11px; right: 20px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow_down.svg') no-repeat center center; background-size: 16px; }
.resources-service .filter ul { margin: 0; padding: 20px; list-style-type: none; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; background: #FFF; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; z-index: 99; display: none; }
.resources-service .filter ul li { margin: 5px 0; display: inline-block; width: 100%; font-size: 18px; }
.resources-service .filter ul li a {  position: relative; padding: 0 0 0 25px; display: inline-block; color: #002855; }
.resources-service .filter ul li a:after { content: ''; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; background: transparent; border-radius: 20px; border: 1px solid #002855; }
.resources-service .filter ul li.active a:after { background: #002855; }

.resources-service { position: relative; }
.resources-service .bottom_shape_image { position: absolute; right: 0; bottom: -1px; z-index: -1; }
.resources-service .bottom_shape_image img { vertical-align: top; }

.body-container--software .hero-service .shape:after,
.body-container--software .hero-service .shape:before { background: #23BEA4; }
.body-container--software .hero-service .shape { background: #4BC8DC; }
.body-container--software .resources-service .box.hover:hover { background: rgba(35, 190, 164, 0.3); }

.twocard_sc { padding: 0 0 30px; }
.twocardsc_wrap .twocardsc_main { width: 50%; padding: 15px; }
.twocardsc_wrap .twocardsc_main .twocardsc_in { background: #F1F7FF; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; padding: 40px; display: flex; flex-flow: row wrap; align-items: center; }
.twocardsc_in .icon img { vertical-align: top; width: 60px; height: 60px !important; }
.twocardsc_wrap .twocardsc_in .content ul { padding-left: 20px; margin: 0; }
.twocardsc_wrap .twocardsc_in .content ul li { padding-bottom: 12px; }
.twocardsc_wrap.full_length .twocardsc_main { width: 100%; }

.blogstrip_wrap .blogstrip_main { width: 100%; }
.blogstrip_wrap { background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; padding: 40px 100px; margin-top: -83px; position: relative; z-index: 9; }
.blogstrip_in .icon { width: 55px; height: 55px; position: relative; }
.blogstrip_in { position: relative; }
/* .blogstrip_in .blogstrip_item:hover { color: #97D800; } */
.blogstrip_in .icon img { width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; transition: 0.4s; filter: brightness(0) saturate(100%) invert(77%) sepia(33%) saturate(6691%) hue-rotate(188deg) brightness(97%) contrast(105%); }
.blogstrip_in .icon img.hover_icon { opacity: 0; visibility: hidden; filter: none }
.blogstrip_in .blogstrip_cover:hover img.hover_icon { opacity: 1; visibility: visible; }
.blogstrip_in .blogstrip_cover:hover img.icon_bx { opacity: 0; visibility: hidden; }
.blogstrip_in .blogstrip_item { width: 100%; padding: 15px; transition: 0.4s; }
.blogstrip_in .blogstrip_item .box_link { position: absolute; inset: 0; }
.blogstrip_in .blogstrip_item .blogstrip_cover { position: relative; max-width: 340px; margin: 0 auto; } 
.blogstrip_in .author_details { width: 30%; position: relative; }
.blogstrip_in .strip_text_wrap { width: 70%; display: flex; flex-flow: row wrap; }
.blogstrip_in .strip_text { width: 50%; }
.blogstrip_in .strip_text_wrap.single_stripe .strip_text { width: 100%; }
.blogstrip_in .strip_text_wrap.single_stripe .strip_text .blogstrip_item { width: 50%; }

.blogstrip_in .author_details .avtar{min-width:60px;height:60px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.blogstrip_in .author_details .avtar img { width: 40px;}

.blogstrip_in .author_details .author-link { width: 100%; height: 100%; position: absolute; inset: 0; }
/* .blogstrip_in .author_details:hover { color: #97D800; transition: 0.4s; } */

.blogstrip_in .blogstrip_item[data-tag="qualification_&_validation"] .blogstrip_cover:hover .tag_name { color: #63A9FF; }
.blogstrip_in .blogstrip_item[data-tag="regulatory_affairs"] .blogstrip_cover:hover .tag_name { color: #238472; }
.blogstrip_in .blogstrip_item[data-tag="quality_assurance"] .blogstrip_cover:hover .tag_name { color: #BC8CE7; }
.blogstrip_in .blogstrip_item[data-tag="clinical"] .blogstrip_cover:hover .tag_name { color: #FFC810; }
.blogstrip_in .blogstrip_item[data-tag="lab_services"] .blogstrip_cover:hover .tag_name { color: #5C43DE; }
.blogstrip_in .blogstrip_item[data-tag="vigilance"] .blogstrip_cover:hover .tag_name { color: #FB5656; }
.blogstrip_in .blogstrip_item[data-tag="software_solutions_&_services"] .blogstrip_cover:hover .tag_name { color: #3CDBC0; }
.blogstrip_in .blogstrip_item[data-tag="pharma"] .blogstrip_cover:hover .tag_name { color: #63A8FC; }
.blogstrip_in .blogstrip_item[data-tag="medical_devices"] .blogstrip_cover:hover .tag_name { color: #63A8FC; }
.blogstrip_in .blogstrip_item[data-tag="in_vitro_diagnostics"] .blogstrip_cover:hover .tag_name { color: #63A8FC; }
.blogstrip_in .blogstrip_item[data-tag="business_&_communications"] .blogstrip_cover:hover .tag_name { color: #97d800; }

.post-listing .blog_item .hs-featured-image-link { position: relative; text-transform: uppercase; }
.post-listing .blog_item .tag { text-transform: capitalize; padding: 2px 20px 4px; font-size: 18px; line-height: 24px; border-radius: 20px; display: inline-block; position: absolute; left: 20px; bottom: 20px; background: #F1F7FF; color: #002855; }
.post-listing .blog_item .tag-whitepaper { background: #00E0FA; color: #002855; }
.post-listing .blog_item .tag-casestudy { background: #63A8FC; color: #FFF; }
.post-listing .blog_item .tag-webinar { background: #002855; color: #FFF; }

.titleconsc_main .content p { margin: 0; }

.oneimage_sc img { width: 100%; height: 652px !important; object-fit: cover; vertical-align: top; }

.twocontentbx_wrap { padding: 100px 138px; border-radius: 10px; }
.twocontentbx_main .content_box { padding: 15px; }

.herocontent_sc { padding: 200px 0 240px; position: relative; z-index: 9; }
.herocontent_sc:after { content: ''; background-color: rgb(0 40 85 / 70%); height: 100%; width: 100%; position: absolute; inset: 0; z-index: -1; }
.eventhero_sc .breadcrumb_main ul li:last-child a,
.herocontent_sc .breadcrumb_main ul li:last-child a { color: #fff; }

.registerform_main { box-shadow: 0px 3px 6px #00000029; border-radius: 10px; margin-top: -100px; position: relative; z-index: 9; padding: 75px 140px; }
.registerform_sc .formcircle_img img { vertical-align: top; }
.registerform_sc .formcircle_img { margin-top: -90px; margin-bottom: -1px; }

.imgwithconsc_main .left_part { width: 70%; }
.imgwithconsc_main .right_part { width: 30%; }
.imgwithconsc_main .right_part img { width: 100%; border-radius: 10px; vertical-align: top; height: 526px !important; object-fit: cover; }
.imgwithconsc_main .left_part .content p { margin: 0; }

.imgcontbg_sc .left_part { width: 50%; height: 1120px; }
.imgcontbg_sc .left_part img { width: 100%; vertical-align: top; height: 100% !important; object-fit: cover; }
.imgcontbg_sc .right_part { width: 50%; padding: 30px calc((100% - 1640px)/2) 30px 150px; }
.imgcontbg_sc .right_part .btn_style a { background: #D3EEFC; border-radius: 22px; padding: 10px 20px; display: inline-block; }
.imgcontbg_sc .right_part .btn_style a:hover { background: #f1f7ff; color: #002855; }
.imgcontbg_sc .right_part .content li { display: inline-block; width: 100%; padding: 0 0 30px 50px; position: relative; }
.imgcontbg_sc .right_part .content ul { padding: 0; margin: 50px 0 0; }
.imgcontbg_sc .right_part .content li:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bulletpoint.svg) no-repeat center / contain; height: 25px; width: 25px; display: inline-block; position: absolute; left: 0; top: 3px; }

.faqs_list .content { display: none; }
.faqs_list .title { font-size: 28px; line-height: 1; position: relative; border-bottom: 1.5px solid #002855; padding: 20px 50px; cursor: pointer; }
.faqs_list .content { padding: 50px 0; }
.faqs_list .content a { color: #63A8FC; }
.faqs_list .content a:hover { text-decoration: underline; }
.faqs_list .title.active { border-bottom: 0; }
.faqs_list span.toggle_bx { height: 31px; width: 31px; display: flex; align-items: center; justify-content: center; background: #002855; border-radius: 50%; position: absolute; right: 50px; top: 17px; }
.faqs_list span.toggle_bx svg { position: absolute; width: 18px; transition: 0.4s all ease-in-out; }
.faqs_list span.toggle_bx svg path { fill: #fff; }
.faqs_list span.toggle_bx svg.minus { opacity: 0; }
.faqs_list .title.active svg.minus { opacity: 1; }
.faqs_list .title.active svg.plus { opacity: 0; }

.logobx_sc .vector_img img { vertical-align: top; position: relative; bottom: -1px; }
.logobx_sc .vector_img { margin-top: -140px; text-align: right; position: relative; z-index: -1; }
.logoslider_wrap.slick-slider .slick-arrow { background: transparent; top: calc(50% - 20px); }
.logoslider_wrap.slick-slider .slick-arrow:before { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/right-blue-arrow.svg) no-repeat 50%; filter: inherit; opacity: 1; }
.logoslider_wrap.slick-slider .slick-arrow:hover { background: transparent; }
.logoslider_wrap.slick-slider .slick-dots li button { font-size: 0; }
.logoslider_wrap.slick-slider .slick-dots li { width: 12px; height: 12px; background: #63A9FF; border-radius: 50%; opacity: 0.25; }
.logoslider_wrap.slick-slider .slick-dots li.slick-active { opacity: 1; }
.logoslider_wrap { max-width: 1400px; margin: 0 auto; }
.logoslider_wrap .slick-list.draggable { margin: 0 50px; }
.logobx_sc.boxshd_hide { box-shadow: inherit; }
.logoslider_main img { height: 130px !important; width: 200px; object-fit: contain; }

.titlecon_sc .titlecon_wrap { border-radius: 10px; }

.cardbx_wrap .cardbx_item { width: 25%; padding: 15px; }
.cardbx_wrap .cardbx_main { min-height: 326px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; position: relative; overflow: hidden; }
.cardbx_wrap .cardbx_main .round { width: 320px; height: 320px; border-radius: 50%; position: absolute; }
.cardbx_wrap .cardbx_main .round-2 { left: -70px; top: -40px; z-index: 2; }
.cardbx_wrap .cardbx_main .round-1 { top: -80px; right: -40px; z-index: 3; }
.cardbx_wrap .cardbx_main .round-3 { bottom: -130px; left: -60px; }
.cardbx_main .cardbx_in img { height: 130px !important; vertical-align: top; }
.cardbx_main .cardbx_in .font_icon { height: 130px; width: 130px; margin: 0 auto; }
.cardbx_main .cardbx_in .font_icon svg { width: 100%; height: 100%; }
.cardbx_main .cardbx_in { position: relative; z-index: 9; padding: 15px; width: 100%; }
.cardbx_main .hover_bx { transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; position: absolute; display: flex; flex-direction: column; text-align: center; inset: 0; z-index: 9; justify-content: center; padding: 0 25px; background: rgb(255 255 255 / 70%); }
.cardbx_main:hover .hover_bx { opacity: 1; visibility: visible; }
.cardbx_main:hover .cardbx_in { opacity: 0; visibility: hidden; }
.cardbx_main .card_link { position: absolute; inset: 0; z-index: 9; }

.timeline_main { position: relative; }
.timeline_main .conttimebx_item { justify-content: space-evenly; font-size: 14px; min-height: 160px; width: 230px; display: flex; flex-direction: column; padding: 20px; text-align: center; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; }
.timeline_main .conttimebx_item img { width: 40px; }
.timeline_main .conttime_box { gap: 15px; }
.timeline_item .timeline_box { width: 50%; }
.timeline_item .timeyear_bx { width: 50%; }
.timeline_item { gap: 110px; position: relative; }
.timeline_item:nth-child(even) { flex-direction: row-reverse; }
.timeline_item:nth-child(even) .timeyear_bx { text-align: right; }
.timeline_item:nth-child(even) .conttime_box { justify-content: start; }
.timeline_item .timeyear_bx .year { background: #002855; display: inline-block; color: #fff; padding: 4px 38px; border-radius: 30px; }
.timeline_main .time_line { position: absolute; background: #D3EEFC; width: 3px; height: 100%; right: 50%; top: 0; display: inline-block; }
.timeline_main .blink_line { box-shadow: 0px 3px 6px #00000029; height: 24px; width: 24px; display: inline-block; border-radius: 50%; position: absolute; right: 50%; z-index: 9; transform: translateX(50%); }
.timeline_sc .circleshape img { vertical-align: top; width: 100%; }
.timeline_main .arrows { text-align: center; position: relative; bottom: -50px; display: flex; justify-content: center; }
.timeline_main .arrows svg { cursor: pointer; }
.timeline_main .top.arrows { transform: rotate(180deg); bottom: 0; top: -50px; }
.timeline_main .arrows.disable { display: none; }

.timeline_sc { overflow: clip; }
.mobtime_item { background: #F1F7FF; display: inline-block; padding: 60px 40px; border-radius: 8px; }
.mobtime_main .line { position: relative; margin: 20px 0; }
.mobtime_main .line span { position: relative; z-index: 9; background: #63A9FF; height: 12px; width: 12px; display: inline-block; border-radius: 50%; }
.mobtime_main .year_text { background: #63A9FF; display: inline-block; padding: 6px 18px; color: #fff; border-radius: 30px; font-size: 16px; }
.slick-slide.slick-active .mobtime_main .line span { background: #002855; }
.slick-slide.slick-active .mobtime_main .year_text { background: #002855; }
.timeline_mob .slick-list { overflow: visible; padding-left: 170px !important; padding-right: 280px !important; }
.timeline_mob .slick-slide:last-child .mobtime_main .line:after,
.timeline_mob .slick-slide:first-child .mobtime_main .line:before { display: none; }
.mobtime_item .icon img { filter: invert(59%) sepia(75%) saturate(2108%) hue-rotate(191deg) brightness(105%) contrast(101%); }
.mobtime_main .line:after { content: ''; background: #63A9FF; width: 50%; position: absolute; right: 0; height: 1px; top: 11px; }
.mobtime_main .line:before { background: #63a9ff; content: ""; height: 1px; position: absolute; left: 0; top: 11px; width: 50%; }

.ourmember_sc,
.ourmembersc_item { position: relative; }
.ourmembersc_box:not(:last-child) { padding-bottom: 150px; }
.ourmembersc_item .left_part { position: relative; width: 30%; } 
.ourmembersc_item .left_part .member_img { z-index: 9; border-radius: 100%; height: 285px; margin: 0 auto; overflow: hidden; position: relative; width: 285px; }
.ourmembersc_item .left_part .member_img img { height: 100% !important; object-fit: cover; width: 100%; }
.ourmembersc_item .right_part { width: 70%; padding-left: 100px; }
.ourmembersc_item .right_part .designation { color: #63A8FC; }
.ourmembersc_item .member_img svg { transition: 0.4s all ease-in-out; opacity: 0; visibility: hidden; position: absolute; top: 50%; z-index: 999; right: 50%; transform: translate(50%, -50%); }
.ourmembersc_item .member_img a:after { content: ''; transition: 0.4s all ease-in-out; opacity: 0; visibility: hidden; background: rgb(255 255 255 / 70%); height: 100%; width: 100%; display: inline-block; position: absolute; top: 0; right: 0; }
.ourmembersc_item .left_part.team_shape .shape_bx span { height: 300px; width: 300px; }
.ourmembersc_item .left_part.team_shape .shape_bx span.shape_one { left: 10px; }
.ourmembersc_item .left_part.team_shape .shape_bx span.shape_two { top: -30px; left: 60px; }
.ourmembersc_item .left_part.team_shape .shape_bx span.shape_three { right: 20px; }
.ourmembersc_item .left_part.team_shape:hover .member_img a svg:hover path { fill: #63A8FC !important; }
.ourmembersc_item .left_part.team_shape:hover .member_img a svg { opacity: 1; visibility: visible; }
.ourmembersc_item .left_part.team_shape:hover .member_img a:after { opacity: 1; visibility: visible; }
.ourmembersc_item .left_part.team_shape:hover .shape_bx { transform: rotate(45deg); }

.member_testimonail { margin-top: 100px; border-radius: 10px; position: relative; padding: 90px; background-color: rgba(241, 247, 255, 90%); color: rgba(0, 40, 85, 100%); }
.member_testimonail .testimonialsc_box .quote_img { position: absolute; top: -40px; left: -20px; display: inline-block; }
.member_testimonail .testimonialsc_in .client_det  .job_title { color: #63A8FC; }
.member_testimonail .testimonialsc_in .quote_img img { width: 140px; }
.member_testimonail .testimonialsc_in .circle_img { right: 0; left: auto; z-index: 9; }
.member_testimonail .testimonialsc_in .circle_img .deskcircle_img { width: 100%; }


.testimonial_sc { overflow: clip; }
.testimonialsc_item .quote_img img { width: 140px; }
.testimonialsc_item .quote_img { position: absolute; top: -40px; left: -20px; display: inline-block; }
.testimonialsc_main .slick-list { overflow: visible; }
.testimonialsc_item { padding: 50px 50px 30px 50px; max-width: 1082px; margin: 0 auto; }
.testimonialsc_item .testimonialsc_in { padding: 50px; border-radius: 10px; position: relative; }
.testimonialsc_main .slick-slide { text-align: center; }
.testimonialsc_item { opacity: 0.4; }
.testimonialsc_main .slick-slide.slick-active .testimonialsc_item { opacity: 1; }
.testimonialsc_in .client_det .job_title { color: #63A8FC; }
.testimonialsc_item .circle_img .deskcircle_img { width: 100%; }
.testimonialsc_item .circle_img { right: 0; left: auto; z-index: 9; opacity: 0; }
.slick-active .testimonialsc_item .circle_img { opacity: 1; }
.testimonialsc_main.testimonial_one { max-width: 100%; }
.testimonialsc_main.testimonial_one .slick-track { width: 100% !important; }
.testimonialsc_main.testimonial_one .testimonialsc_item { max-width: 100%; }
.testimonialsc_main.testimonial_one .testimonialsc_item .testimonialsc_in { padding: 90px; }

.foundation_sc { padding: 124px 0; position: relative; z-index: 9; }
.foundation_sc .foundation_main { border-radius: 10px; padding: 40px 40px 60px 40px; position: relative; z-index: 99; }
.foundation_sc .foundcricl_img { position: absolute; top: 0; right: 0; bottom: 0; z-index: 9; }
.foundation_sc .foundcricl_img img { height: 100% !important; width: 100%; }
.foundation_sc .foundation_main .foundation_box .content a { color: #63A8FC; }

.companydet_sc { position: relative; padding: 150px 0 200px; overflow: clip; }
.companydet_box { padding: 60px; border-radius: 10px; }
.companydet_box:not(:last-child) { margin-bottom: 50px; }
.companydet_box .left_part { width: 30%; }
.companydet_box .left_part img { height: 200px !important; object-fit: contain; }
.companydet_box .right_part { width: 70%; max-width: 950px; margin-left: auto; padding-left: 50px; }
.companydet_head .content a,
.companydet_box .content a { color: #63A8FC; }
.companydet_head .content a:hover,
.companydet_box .content a:hover { color: #002855; }
.companydet_sc .round_img { z-index: -1; position: absolute; bottom: -10px; right: 0; left: 0; }
.companydet_sc .round_img img { vertical-align: top; } 
.companydet_sc .round_img img.mobcircle_img { width: 100%; }
.companydet_sc.less_padding { padding-bottom: 50px; }

.networkin_name .member_name { transition: 0.4s; background: #F1F7FF; min-width: 384px; text-align: center; cursor: pointer; border-radius: 45px; padding: 10px 20px; }
.networkin_name { row-gap: 50px; column-gap: 15px; }
.networkin_name .member_name:hover { background: #002855; color: #fff; }
.networkin_name .member_name.active { background: #002855; color: #fff; }
.network_main .network_item { display: none; }
.network_main .network_item.active { display: block; }
.network_item .left_part { position: relative; width: 30%; margin-top: 50px; }
.network_item .left_part .network_img { border-radius: 100%; height: 285px; margin: 0 auto; overflow: hidden; position: relative; width: 285px; z-index: 9; }
.network_item .left_part .network_img a { position: absolute; inset: 0; z-index: 9; }
.network_item .left_part .network_img img { height: 100% !important; object-fit: cover; width: 100% }
.network_item .right_part { padding-left: 100px; width: 70% }
.network_item .right_part .designation { color: #63a8fc }
.network_item .network_img svg { right: 50%; top: 50%; transform: translate(50%, -50%); z-index: 999 }
.network_item .network_img svg,
.network_item .network_img a:after { opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden }
.network_item .network_img a:after { background: hsla(0, 0%, 100%, .7); content: ""; display: inline-block; height: 100%; right: 0; top: 0; width: 100% }
.network_item .left_part.team_shape .shape_bx { max-width: 350px; translate: -50%; left: 50%; }
.network_item .left_part.team_shape .shape_bx span { height: 300px; width: 300px; }
.network_item .left_part.team_shape .shape_bx span.shape_one { left: 10px; }
.network_item .left_part.team_shape .shape_bx span.shape_two { top: -30px; left: 40px; }
.network_item .left_part.team_shape .shape_bx span.shape_three { right: -10px; top: 10px; }
.network_item .left_part.team_shape:hover .network_img a svg:hover path { fill: #63A8FC !important; }
.network_item .left_part.team_shape:hover .network_img a svg { opacity: 1; visibility: visible; }
.network_item .left_part.team_shape:hover .network_img a:after { opacity: 1; visibility: visible; }
.network_item .left_part.team_shape:hover .shape_bx { transform: rotate(45deg); }

.activities_sc { padding: 50px 0; position: relative; overflow: clip; }
.activities_sc .acticircle_img { position: absolute; right: 0; bottom: 0; z-index: -1; }
.acticircle_img img { vertical-align: top; width: 100%; }
.activitiessc_item { width: 25%; padding: 15px; }
.activitiessc_item .activitiessc_in .activity_img .img_bx { height: 257px; vertical-align: top; object-fit: cover; }
.activitiessc_item .activitiessc_in .activity_img { width: 100%; }
.activitiessc_item .activitiessc_in .right_content { width: 100%; padding: 20px; }
.activitiessc_item .activitiessc_in { background: #F1F7FF; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; overflow: hidden; position: relative; }
.activitiessc_item .slick_cstm.slick-slider .slick-arrow.slick-next { right: 0; }
.activitiessc_item .slick_cstm.slick-slider .slick-prev.slick-arrow { left: 0; transform: translateY(-50%) rotate(180deg); }
.activitiessc_item .slick_cstm.slick-slider .slick-arrow { top: 50%; top':'; transform: translateY(-50%); }
.activitiessc_item .slick_cstm.slick-slider .slick-arrow:before { filter: invert(1) brightness(170%); }
.activitiessc_item .activitiessc_in .box_link { position: absolute; inset: 0; }
.activities_sc .loadmore_btn a { background: #002855; border-radius: 35px; color: #fff; display: inline-block; padding: 12px 22px; }
.activities_sc .loadmore_btn a:hover { background: #f1f7ff; color: #002855; }

.privcy_sc { padding: 140px 0 360px; position: relative; overflow: clip; }
.privcy_sc .brand_circle { position: absolute; bottom: 0; right: 0; z-index: -1; }
.privcy_sc .brand_circle img { vertical-align: top; }
.privcysc_main button { margin: 30px 0; }
.privcysc_main ul li { margin: 0; display: inline-block; width: 100%; padding: 0 0 0 34px; position: relative; }
.privcysc_main ul { margin: 0 0 40px; padding: 0; list-style-type: none; display: flex; flex-flow: column; gap: 10px; }
.privcysc_main ul li:before { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bullets.svg) no-repeat center / contain; top: 5px; vertical-align: top; content: ''; width: 22px; height: 22px; position: absolute; left: 0; }
.privcysc_main a { color: #63A8FC; text-decoration: underline; }

.privcy_sc.sitemap-details-main-wrap .content >ul>li>ul>li>ul>li>ul { margin-top: 10px; }
.privcy_sc.sitemap-details-main-wrap .content >ul>li>ul>li>ul>li>ul>li>ul { margin-top: 10px; }
.privcy_sc.sitemap-details-main-wrap .content >ul>li>ul>li>ul>li>ul>li>ul>li>ul { margin-top: 10px; }

.privcy_sc.sitemap-details-main-wrap { padding: 70px 0 180px; }

.eventhero_sc { padding: 201px 0 176px; position: relative; z-index: 9; }
.eventhero_sc .event_breadcum { display: flex; list-style: none; margin: 0; padding: 0; position: absolute; top: 32px; }
.eventhero_sc .event_breadcum .breadcum_list { color: #63a8fc; padding-right: 30px; position: relative; }
.eventhero_sc .event_breadcum .breadcum_list a { color: #63a8fc; font-size: 16px; line-height: 22px; }
.eventhero_sc .event_breadcum .breadcum_list:last-child a { color: #fff; cursor: auto; }
.eventhero_sc .event_breadcum .breadcum_list a:after { color: #63a8fc; content: ">"; font-size: 16px; position: absolute; right: 9px; top: 3px; }
.eventhero_sc .event_breadcum .breadcum_list:last-child a:after { display: none; }
.eventhero_sc:after { background-color: rgba(0, 40, 85, .7); content: ""; display: inline-block; height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; left: 0; }
.eventhero_sc .herocircle_img { position: absolute; bottom: 0; right: 0; }
.eventhero_sc .event_details { position: relative; z-index: 99; }
.eventhero_sc .herocircle_img img { vertical-align: top; }
.eventhero_sc .btn_group { gap: 20px; }
.event_strip .eventstr_main { box-shadow: 0px 3px 6px #00000029; border-radius: 10px; margin-top: -110px; position: relative; z-index: 9; background: #fff; padding: 45px 100px; }
.event_strip .eventstr_main .icon { width: 50px; }
.event_strip .eventstr_main .icon img { width: 100%; vertical-align: top; height: 45px !important; }
.event_strip .eventstr_main .eventdet_bx { width: calc(100% - 50px); }
.event_strip .eventstr_main .eventstr_item { width: 50%; }
.event_strip .eventstr_in { padding: 15px; position: relative; }
.eventstr_in a.item_link { position: absolute; inset: 0; }
.event_strip .eventstr_main .eventstr_item:nth-child(even) .eventstr_in { justify-content: center; }
.eventstr_main .eventstr_wrap { width: 70%; }
.eventstr_main .learnmore_bx { width: 30%; }
.eventstr_main .learnmore_bx .eventstr_in a.learn_link { width: 100%; position: absolute; inset: 0; }
.eventstr_main .learnmore_bx .eventstr_in:hover { color: #63A8FC; transition: 0.4s; }
.eventhero_sc .event_details [class*="button-"] a path#noun-1833077-FFFFFF { fill: #fff; }
.eventhero_sc .event_details [class*="button-"] a path#Path_946 { stroke: #fff; }
.event_content .button-1 a.addeventatc .addeventatc_icon, 
.eventhero_sc .event_details .event_content span.addeventatc_icon.atc_node.notranslate { background: transparent; width: 100%; height: 100%; top: 0; left: 0; background: transparent; }
.eventhero_sc .event_details .event_content .addeventatc_dropdown.addeventatc-selected { top: -180px !important; }
.eventhero_sc .event_details .event_content .addeventatc:hover { font-size: 20px; border-color: #63a8fc; }

.event_strip.webinar_strip .eventstr_wrap { width: 100%; }
.event_strip.webinar_strip .eventstr_wrap .eventstr_item { width: 23%; }
.event_strip.webinar_strip .eventstr_wrap .eventstr_item:first-child { width: 30%; }
.event_strip.webinar_strip .eventstr_main { padding: 60px 100px; }
.event_strip.webinar_strip .eventstr_main .eventstr_item:last-child .icon { left: 0; }
.blogsharedate_bx.eventshare_btn { position: relative; }
.blogsharedate_bx.eventshare_btn .arrow-down { bottom: -34px; }

.ourteam_main .ourteam_item { width: 25%; padding: 15px; }
.ourteam_main .ourteam_in { background: #F1F7FF; border-radius: 10px; padding: 50px 20px 30px 20px; }
.ourteam_in .team_img { position: relative; }
.team_img .user_img { border-radius: 100%; height: 228px; margin: 0 auto; overflow: hidden; position: relative; width: 228px; z-index: 9; }
.team_img .user_img img { height: 100% !important; object-fit: cover; width: 100%; }
.team_img .user_img a { position: absolute; inset: 0; z-index: 9; }
.team_img .user_img a svg { right: 50%; top: 50%; transform: translate(50%, -50%); z-index: 999; opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden; }
.team_img .user_img a:after { background: hsla(0, 0%, 100%, .7); content: ""; display: inline-block; height: 100%; right: 0; top: 0; width: 100%; opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden; }
.ourteam_in .team_img:hover .user_img a svg { opacity: 1; visibility: visible; }
.ourteam_in .team_img:hover .user_img a:after { opacity: 1; visibility: visible; }
.ourteam_item.team_shape .shape_bx span.shape_one { left: 30px; }
.ourteam_item.team_shape .shape_bx span.shape_two { right: 30px; }
.ourteam_item.team_shape .shape_bx span.shape_three { right: 30px; }
.ourteam_in .team_img:hover .user_img a svg:hover path { fill: #63A8FC !important; }
.ourteam_in .team_img:hover .user_img a svg { opacity: 1; visibility: visible; }
.ourteam_in .team_img:hover .user_img a:after { opacity: 1; visibility: visible; }
.ourteam_in .team_img:hover .shape_bx { transform: rotate(90deg); }


.executiveteam_sc { padding: 150px 0; }
.executiveteam_sc.lesspadd_bot { padding-bottom: 50px; }
.executiveteam_in { position: relative; }
.executiveteam_item .executiveteam_bx { max-width: 380px; margin: auto; }
.executiveteam_in:hover .user_img a svg:hover path { fill: #63A8FC !important; }
.executiveteam_in:hover .user_img a svg { opacity: 1; visibility: visible; }
.executiveteam_in:hover .user_img a:after { opacity: 1; visibility: visible; }
.executiveteam_in:hover .shape_bx { transform: rotate(90deg); }
.team_shape .user_img { border-radius: 100%; height: 228px; margin: 30px auto 70px; overflow: hidden; position: relative; width: 228px; z-index: 9; }
.team_shape .user_img img { height: 100% !important; object-fit: cover; width: 100%; }
.team_shape .user_img a { position: absolute; inset: 0; z-index: 9; }
.team_shape .user_img a svg { right: 50%; top: 50%; transform: translate(50%, -50%); z-index: 999; opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden; }
.team_shape .user_img a:after { background: hsla(0, 0%, 100%, .7); content: ""; display: inline-block; height: 100%; right: 0; top: 0; width: 100%; opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden; }
.team_shape .shape_bx span { position: absolute; height: 253px; width: 253px; display: inline-block; border-radius: 50%; }
.team_shape .shape_bx { position: absolute; top: 0; height: 100%; width: 100%; transition: 0.4s; }
.team_shape .shape_bx span.shape_one { z-index: 9; left: 50px; top: -10px; background-color: #002855; }
.team_shape .shape_bx span.shape_two { top: -30px; z-index: 9; right: 50px; background-color: rgb(99 168 252 / 70%); }
.team_shape .shape_bx span.shape_three { right: 60px; background-color: rgb(176 202 234 / 70%); }

.columncard_sc { padding: 50px 0 250px; position: relative; }
.columncard_sc .card_circle img { vertical-align: top; }
.columncard_sc .card_circle { position: absolute; bottom: 0; right: 0; z-index: -1; }
.columncard_sc.brandcir_padd { padding-bottom: 100px; }
.columncard_in { box-shadow: 0px 3px 6px #00000029; border-radius: 10px; overflow: hidden; background: #F1F7FF; position: relative; }
.columncard_in a { position: absolute; inset: 0; }
.columncard_in .card_image img { width: 100%; object-fit: cover; vertical-align: top; }
.columncard_in .readmore_btn .more-link { color: #63a8fc; font-size: 16px; line-height: 22px; }
.columncard_in .readmore_btn .more-link svg { position: relative; top: 1px; margin: 0 0 0 4px; transition: .4s; width: 6px; }
.columncard_in.button_hover:hover .more-link { color: #002855; }
.columncard_in.button_hover:hover .more-link svg path { fill: #002855 !important; }
.loadmore_btn a { display: inline-block; background: #002855; color: #fff; padding: 12px 22px; border-radius: 35px; transition: 0.4s; }
.loadmore_btn a:hover { background: #f1f7ff; color: #002855; }
/* .columncard_in .readmore_btn { height: 72px; } */

.twocolcon_main .left_part { width: 50%; }
.twocolcon_main .left_part img { vertical-align: top; border-radius: 0 10px 10px 0; }
.twocolcon_main .right_part { width: 50%; }
.twocolcon_main .right_content { max-width: 665px; margin: 0 auto; padding: 0 20px; }

.teamban_main { background: #F1F7FF; border-radius: 10px; padding: 80px; }
.teamban_main:not(:last-child) { margin-bottom: 50px; }
.teamban_item .left_part { width: 30%; position: relative; }
.teamban_item .right_part { width: 70%; max-width: 808px; margin: 50px auto; }
.teamban_item .right_part .designation { color: #63A9FF; }
.teamban_item .left_part { position: relative; width: 30%; margin-top: 50px; }
.teamban_item .left_part .network_img { border-radius: 100%; height: 335px; margin: 0 auto; overflow: hidden; position: relative; width: 335px; z-index: 9; }
.teamban_item .left_part .network_img a { position: absolute; inset: 0; z-index: 9; }
.teamban_item .left_part .network_img img { height: 100% !important; object-fit: cover; width: 100% }
.teamban_item .network_img svg { right: 50%; top: 50%; transform: translate(50%, -50%); z-index: 999 }
.teamban_item .network_img svg,
.teamban_item .network_img a:after { opacity: 0; position: absolute; transition: all .4s ease-in-out; visibility: hidden }
.teamban_item .network_img a:after { background: hsla(0, 0%, 100%, .7); content: ""; display: inline-block; height: 100%; right: 0; top: 0; width: 100% }
.teamban_item .left_part.team_shape .shape_bx { max-width: 350px; translate: -50%; left: 50%; }
.teamban_item .left_part.team_shape .shape_bx span { height: 345px; width: 345px; }
.teamban_item .left_part.team_shape .shape_bx span.shape_one { left: -20px; top; 0; }
.teamban_item .left_part.team_shape .shape_bx span.shape_two { top: -30px; left: 20px; }
.teamban_item .left_part.team_shape .shape_bx span.shape_three { right: -30px; top: 10px; }
.teamban_item .left_part.team_shape:hover .network_img a svg:hover path { fill: #63A8FC !important; }
.teamban_item .left_part.team_shape:hover .network_img a svg { opacity: 1; visibility: visible; }
.teamban_item .left_part.team_shape:hover .network_img a:after { opacity: 1; visibility: visible; }
.teamban_item .left_part.team_shape:hover .shape_bx { transform: rotate(45deg); }

.numbericon_box { background: #F1F7FF; padding: 55px 125px; }
.numiconbx_item .number { font-size: 220px; line-height: 1; color: #D3EEFC; }
.numiconbx_icon { width: 150px; position: absolute; bottom: 50px; right: 16px; }
.numiconbx_icon img { width: 100%; vertical-align: top; }
.numiconbx_item a.anchor_link { position: absolute; inset: 0; z-index: 9; }
.numiconbx_item .numiconbx_in { max-width: 230px; position: relative; }
.numiconbx_item:nth-child(2) .numiconbx_in { margin: 0 auto; }
.numiconbx_item:nth-child(3) .numiconbx_in { margin-left: auto; }

.numbericon_item .left_part { width: 40%; padding-right: 30px; }
.numbericon_item .right_part { width: 60%; }
.numbericon_item .left_box { z-index: 9; overflow: hidden; position: relative; max-width: 526px; padding: 50px; background: #F1F7FF; border-radius: 10px; text-align: center; height: 526px; display: flex; flex-direction: column; justify-content: center; }
.numbericon_item .left_box .content_bx { position: relative; z-index: 9; }
.numbericon_item .left_box .icon { width: 254px; margin: 0 auto 40px; }
.numbericon_item .left_box .icon img { width: 100%; }
.numbericon_item .round_shape span { height: 500px; width: 500px; display: inline-block; position: absolute; z-index: -1; border-radius: 50%; }
.numbericon_item .round_shape span.shape_one { background: rgb(116 155 209 / 70%); top: -80px; left: -100px; }
.numbericon_item .round_shape span.shape_two { background: rgb(211 238 252 / 70%); top: -150px; right: -80px; z-index: 1; }
.numbericon_item .round_shape span.shape_three { background: rgb(99 168 252 / 70%); left: -80px; bottom: -200px; }
.numbericon_item.section_rev { flex-direction: row-reverse; }
.numbericon_item.section_rev .left_part { padding: 0 0 0 20px; }
.numbericon_item.section_rev .left_part .left_box { margin-left: auto; }
.lastbox_main { position: relative; background: #F1F7FF; padding: 87px 20px 87px 120px; border-radius: 10px; z-index: 9; overflow: hidden; }
.lastbox_main .left_part { width: 21%; padding: 20px 30px 0 0; }
.lastbox_main .right_part { width: 79%; }
.lastbox_main .right_part .content { max-width: 960px; }
.lastbox_main:not(:last-child) { margin-bottom: 150px; }
.lastbox_main .left_part span { height: 500px; width: 500px; display: inline-block; position: absolute; z-index: -1; border-radius: 50%; }
.lastbox_main .left_part span.shape_one { background: rgb(99 168 252 / 70%); top: -80px; left: -100px; }
.lastbox_main .left_part span.shape_two { background: rgb(116 155 209 / 70%); left: -80px; bottom: -200px; }
.lastbox_main .left_part span.shape_three { background: rgb(211 238 252 / 70%); top: -150px; right: -80px; z-index: -1; }
.lastbox_main .left_part .content_bx .icon { max-width: 200px; margin-bottom: 20px; width: 100%; }
.lastbox_main .left_part .content_bx .icon img { width: 100%; }
.lastbox_main .content_bx { display: flex; flex-direction: column; align-items: center; }
.location_sc { position: relative; padding: 180px 0 140px; z-index: 9; }
.location_sc .brand_circle { position: absolute; right: 0; bottom: 0; z-index: -1; }
.location_sc .brand_circle img { vertical-align: top; width: 100%; }
.loactionmap_main .left_part { width: 65%; height: 686px; border-radius: 10px; }
.loactionmap_main .left_part iframe { width: 100%; height: 100%; } 
.loactionmap_main .right_part { width: 35%; text-align: center; padding-left: 20px; }
.mappin_box .mappin_dropdown { margin: 0 auto; position: relative; display: flex; align-items: center; flex-direction: column; }
.mappin_box .mappin_dropdown .location_text { min-width: 200px; transition: 0.4s; cursor: pointer; color: #fff; text-align: left; position: relative; }
.mappin_box .mappin_dropdown .location_text span.filter_select { width: 100%; display: inline-block; padding: 10px 40px 10px 20px; height: 45px;  border-radius: 23px; background: #002855; } 
.mappin_box .mappin_dropdown .location_text ul.location_list { background: #fff; border-radius: 10px; box-shadow: 0 3px 6px #00000029; left: 0; list-style: none; margin: 0; padding: 20px 12px; position: absolute; top: 113%; width: 100%; z-index: 99; }
.mappin_box .mappin_dropdown .location_text .filter_check label { font-weight: 400; display: inline-block; }
.mappin_box .mappin_dropdown .location_text .filter_check input:checked+label:after,
.mappin_box .mappin_dropdown .location_text .filter_check label:before { top: 3px; }
.mappin_box .mappin_dropdown .dropdown_list { display: none; position: absolute; background: #002855; top: 105%; margin: 0; padding: 0; width: 100%; list-style: none; border-radius: 5px; box-shadow: 0 0 3px; }
.mappin_box .mappin_dropdown .dropdown_list li a { color: #fff; display: inline-block; width: 100%; padding: 8px 10px; text-align: left; }
.mappin_box .mappin_dropdown .location_text svg { position: absolute; top: 20px; right: 18px; width: 13px; height: 8px; }
.mappin_box .mappin_dropdown .location_text:after { transition: 0.4s; content: "\f107"; font-family: "fontAwesome"; position: absolute; right: 10px; display: inline-block; font-size: 25px; font-weight: 500; top: 6px; }
.mappin_box .mappin_dropdown .location_text.active:after { transform: rotate(180deg); }
.right_part .mappin_details { background: #F1F7FF; max-width: 467px; margin: 130px auto 0; padding: 45px 80px; border-radius: 10px; }
.right_part .mappin_details .pin_title { gap: 15px; font-weight: 600; }
.right_part .mappin_details .normal_btn a:hover { background: #D3EEFC; }
.mappin_box .mappin_dropdown a.view_all { padding: 0 20px 10px 0; display: inline-block; position: relative; }
.mappin_box .mappin_dropdown a.view_all:after { transition: 0.4s; content: "\f054"; font-family: "fontAwesome"; position: absolute; display: inline-block; font-size: 16px; font-weight: 500; top: 3px; right: 0; }
.mappin_box .mappin_dropdown a.view_all:hover:after { transform: translateX(7px); } 

/*  */
.lpbanner_sc { padding: 80px 0 50px; }
.lpbanner_sc.lpbanner_top { padding-top: 70px; }
.lpbanner_main .left_part { width: 60%; padding-right: 30px; }
.lpbanner_main .right_part { width: 40%; background: #F1F7FF; padding: 37px 40px 80px 37px; border-radius: 10px; position: relative; }
.lpbanner_main .left_part .pretext { color: #63A8FC; }
.lpbanner_main .left_content .title { color: #002855; font-size: 44px; line-height: 50px; font-weight: 600; }
.lp_content ul { padding: 0; list-style: none; }
.lp_content ul li { position: relative; padding-left: 25px; }
.lp_content ul li:after { content: ''; height: 10px; width: 10px; background: #002855; display: inline-block; border-radius: 50%; position: absolute; left: 0; top: 8px; }
.lpbanner_main .right_part .brand_shape { position: absolute; bottom: 0; right: 0; }
.lpbanner_main .right_part .form { position: relative; z-index: 9; }
.lpbanner_main .right_part .form .hs-submit { margin-top: 40px; }
.lpbanner_main .right_part .form .hs-richtext { margin-bottom: 20px; }
.lpbanner_main .right_part .brand_shape .mob_img { width: 100%; }
.lpbanner_main .right_part .brand_shape img { vertical-align: top; }
.lpimgcont_sc.circle-bullet ul { list-style: none; padding: 0; }
.lpimgcont_sc.circle-bullet ul li { padding-left: 40px; position: relative; margin-bottom: 15px; }
.lpimgcont_sc.circle-bullet ul li:after { border-radius: 0; background: url(https://www.qbdgroup.com/hubfs/qbd-group-2024/image/Bullets.svg) no-repeat 50%/contain; content: ""; display: inline-block; height: 25px; left: 0; position: absolute; top: 1px; width: 25px; }

/*  */
.lpimgcont_sc { padding: 50px 0; }
.lpimgcont_main { background: #F1F7FF; border-radius: 12px 0 0 12px; overflow: hidden; }
.lpimgcont_main .left_part { width: 35%; }
.lpimgcont_main .right_part { position: relative; width: 65%; }
.lpimgcont_main .right_part .right_content { padding: 100px 30px; max-width: 786px; margin: 0 auto; }
.lpimgcont_main .left_part .brandcir_img { position: absolute; right: 0; bottom: 0; }
.lpimgcont_main .left_part .tab_img { height: 100%; width: 100%; }
.lpimgcont_main .left_part .tab_img img { height: 100% !important; width: 100%; vertical-align: top; }
.lpimgcont_main .right_part .brandcir_img { position: absolute; bottom: 0; left: 0; width: 277px; height: 242px; }
.lpimgcont_main .right_part .button-2 a { background-color: #D3EEFC; }

/*  */
.hsvideo_sc { max-width: 800px; margin: 0 auto; } 
.hsvideo_sc .video-container { position: relative; width: 100%; height: 450px; background-color: black; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.hsvideo_sc .video-container .video_bx { width: 100%; height: 100%; } 
.hsvideo_sc .thumbnail { width: 100%; height: 100%; cursor: pointer; }
.hsvideo_sc .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; }
.hsvideo_sc .play-button:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent white; margin-left: 3px; }
.hsvideo_sc .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.hsvideo_sc .video-container .hs-responsive-embed-wrapper { height: 100% !important; min-width: 100% !important; max-width: 100% !important; max-height: 100% !important; }
.hsvideo_sc .hs-responsive-embed-inner-wrapper { height: 100%; }

/*  */
.imgcontent_main .image_bx img { width: 100%; }

/*  */
.pillar-section { padding: 75px 0; }
.pillar-section .table-of-contents { border: 1px solid #031545; border-radius: 10px;  margin-top: 30px; margin-bottom: 26px; }
.pillar-section .table-content-click { display: flex; align-items: center;  margin-bottom: 0px; position: relative; padding: 16px 50px 16px 35px; cursor: pointer; }
.pillar-section .table-content-click svg { width: 20px; position: absolute; right: 12px; }
.pillar-section .table-content-click.active svg {transform: scaleY(-1);}
.pillar-section .table-content ul { list-style: none; margin: 0; padding: 0; }
.pillar-section .table-content ul li {  margin: 13px 0; }
.pillar-section .table-content { padding: 0 38px 24px; }
.pillar-section .table-content ul ul { padding-left: 20px; }
.pillar-section .table-content ul li a { position: relative; padding-left: 23px; display: block; }
.pillar-section .table-content ul li a span { position: absolute; left: 0; }
.pillar-section .table-content ul ul li a { padding-left: 48px; }
.pillar-item blockquote { box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); background: #F1F7FF; margin: 30px 0; padding: 35px 20px; border-radius: 8px; }
.pillar-item h3,.pillar-item h2 { margin-top: 25px;}
.pillar-item ul { margin-bottom: 0px;}
.pillar-text img { margin: 20px auto; display: flex; }
.pillar-text table { margin: 40px 0 20px; table-layout: auto; width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 0; background-color: transparent; border: none; text-align: left; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.pillar-text table th { border-block-start: 1px solid hsla(0, 0%, 50.2%, .5019607843); background-color: #002855; color: #fff; padding: 8px; }
.pillar-text tbody tr td { padding: 8px; }
.pillar-text tbody tr:nth-child(odd) { background: #ddd; }
.pillar-text .imgcontent_main { background: #F1F7FF; border-radius: 8px; margin: 30px 0; }

.sitemap-details-main-wrap .content > ul > li > ul,.sitemap-details-main-wrap .content > ul > li > ul > li > ul,.sitemap-details-main-wrap .content > ul > li > ul > li > ul > li > ul,.sitemap-details-main-wrap .content > ul > li > ul > li > ul > li > ul >li>ul,.sitemap-details-main-wrap .content > ul > li > ul > li > ul > li > ul >li>ul >li>ul { margin-bottom: 4px; }
.sitemap-details-main-wrap ul li > span { display: inline-block; margin-bottom: 10px; }


@media(min-width: 576px){
  .lpbanner_main .right_part .brand_shape .mob_img { display: none; }
  .member_testimonail .testimonialsc_in .mobcircle_img,
  .testimonialsc_item .mobcircle_img { display: none; }
}

@media(min-width: 992px){
  .faqs_list .title:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/bullet_clinical.svg) no-repeat center / contain; height: 30px; width: 30px; display: inline-block; position: absolute; left: 0; top: 20px; }
  
  .logobx_sc { box-shadow: 0px 3px 6px #00000029; position: relative; z-index: 9; }
  
  .content-image.direction_reverse { flex-direction: row-reverse; }
  
  .ourmembersc_item.reverse { flex-direction: row-reverse; }
  .ourmembersc_item.reverse .right_part { padding: 0 100px 0 0; }
  
  .ourmembersc_item .left_part.team_shape:hover .shape_bx span.shape_one { left: 0; }
  .ourmembersc_item .left_part.team_shape:hover .shape_bx span.shape_two { left: 50px; }
  .ourmembersc_item .left_part.team_shape:hover .shape_bx span.shape_three { right: auto; left: 0; top: 30px; }
  
  .foundation_sc.overlay:after { content: ''; background: rgb(0 40 85 / 90%); height: 100%; width: 100%; display: inline-block; position: absolute; inset: 0; z-index: -1; }
  .foundation_sc .foundation_main.text_left .foundation_box { margin: 0; text-align: left; }
  
  .resources-service .button-3 a { min-width: auto; padding: 8px 25px; }
  
  .service-industries .box { padding: 15px; }
  
  .eventhero_sc.webinarhero_sc { padding-bottom: 250px; }
  .event_strip.webinar_strip .eventstr_main { margin-top: -90px; } 
  .event_strip .eventstr_main .eventstr_item:last-child .icon { position: relative; left: -4px; }
  .event_strip.webinar_strip .eventstr_wrap .eventstr_item { display: flex; justify-content: center; }
  .event_strip.webinar_strip .eventstr_wrap .eventstr_item:last-child {  justify-content: end; }
 
  .mappin_box .mappin_dropdown .location_text svg path { fill: #fff !important; }
  
  .imgwithconsc_main.reverse_sec { flex-direction: row-reverse; }
  .imgwithconsc_main.reverse_sec .left_content { margin-left: auto; padding: 0 0 0 30px; }
  
  .lpbanner_sc { position: relative; }
  .lpbanner_main .left_content { max-width: 667px; }
  
}

@media(min-width: 1441px){
    .industries-section .box .text { padding-left: 30px; }
}

@media(max-width: 1799px){
  .objective-section .main.keybene_cstm { padding-left: calc(100% - 1180px); }
}

@media(max-width: 1720px) {
  
  .about-main .left { padding-left: calc((100% - 1330px) / 2); }
  .objective-section .main { margin-left: calc((100% - 400px) / 2); }
  
  .get-touch .right { padding: 95px 80px; padding-right: calc((100% - 1330px) / 2); }
/*   .content-image .left { padding: 100px 80px; padding-left: calc((100% - 1330px) / 2); } */
  .why-QbD .left { padding: 80px; }
  
  .get-touch .left { padding-left: calc((100% - 1330px) / 2); }
  
  .objective-section .main.keybene_cstm { margin-left: 0; padding-left: calc(100% - 1050px); }  
  
  .imgcontbg_sc .right_part { padding: 30px 50px; }
   
  .executiveteam_item.col-4 .executiveteam_bx { max-width: 300px; }
  
  .ourteam_item.team_shape .shape_bx span.shape_one { left: 0; top: 0; }
  .ourteam_item.team_shape .shape_bx span.shape_two { right: 0; top: -20px; }
  .ourteam_item.team_shape .shape_bx span.shape_three { right: 0; }
  .ourteam_item.team_shape  .shape_bx span { height: 220px; width: 220px; }
  
  .teamban_main { padding: 80px 40px; }
  .teamban_item .left_part.team_shape .shape_bx span { height: 320px; width: 320px; }
  .teamban_item .left_part .network_img { height: 300px; width: 300px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_one { left: 0; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_three { right: 0; }
}

@media(max-width: 1550px){
  .objective-section .main.keybene_cstm { padding-left: calc(100% - 970px); }
}

@media(max-width: 1500px) {
  .hero-section { min-height: 650px; padding: 100px 0; }

  .industries-section { padding-top: 100px; }
  .industries-section .cover { padding: 50px; }

  .our-services { padding: 80px 0; }
  .our-services .main { gap: 15px; }
  .our-services .box { width: calc(25% - 11.4px); }

  .table-title h4 { font-size: 18px; }
  .table-title > div { width: 190px; }
  .table-title > div.ttl { width: calc(100% - 660px); }

  .table-cover .table > div.ttl { width: calc(100% - 660px); }
  .table-cover .table > div { width: 190px; }

  .why-QbD .left { padding: 80px 60px; }
  .why-QbD .right { padding: 60px 30px; }
  
  .about-main .left { padding-left: calc((100% - 1240px) / 2); width: calc(100% - 700px); }
  .about-main .right { width: 700px; }
  .objective-section .main { margin-left: calc((100% - 400px) / 2); }
  
  .ecosystem-section .text { max-width: 700px; }
  .ecosystem-section .text .buttons { gap: 10px 30px; }
  .license-certificates .box { width: calc(33.33% - 20px); }
  
  .about-main .right { width: 580px; }
  .about-main .left { width: calc(100% - 580px); padding-left: calc((100% - 1140px) / 2); min-height: 800px; }

  .ecosystem-section .image { width: 600px; height: 600px; }
  .ecosystem-section .text { max-width: 630px; }
  .ecosystem-section .text .buttons { gap: 10px; }

  .counter-main { margin: -205px 0 40px; }
  .objective-section .main { margin-left: calc((100% - 230px) / 2); }
  
  .get-touch .right { padding-right: calc((100% - 1240px) / 2); }
/*   .content-image .left { padding-left: calc((100% - 1240px) / 2); } */
  .content-image .left { padding-left: 80px; padding-right: 80px; }
  .get-touch .left { padding-left: calc((100% - 1240px) / 2); }
  
  .why-QbD .right { padding: 60px 30px; }
  
  .executiveteam_item.three_col { max-width: 33.33%; flex: 0 0 33.33%; }
  
  .numbericon_item .round_shape span { width: 400px; height: 400px; }
  .numbericon_item .left_box { height: 450px; }

}

@media(max-width: 1440px) {
  .objective-section .main.keybene_cstm { padding-left: calc(100% - 880px); padding-right: 40px; }
  
  .cardbx_wrap .cardbx_main .round { width: 280px; height: 280px; }
  
  .networkin_name .member_name { min-width: 264px; }
}

@media(max-width: 1300px) {
  .our-services .box { width: calc(33.33% - 10px); }

  .latest-news .box { width: calc(50% - 15px); }

  .services-section .box { width: calc(33.33% - 20px); }
  .table-title { padding: 0 20px; }
  .table-title h4 { font-size: 16px; }
  .table-title > div { width: 160px; }
  .table-title > div.ttl { width: calc(100% - 570px); }

  .table-cover .table { padding: 0 20px; }
  .table-cover .table > div { width: 160px; }
  .table-cover .table > div.ttl { width: calc(100% - 570px); font-size: 16px; line-height: 22px; }

  .why-QbD .left { padding: 30px; }
  .why-QbD .right { padding: 50px 30px; gap: 50px 0; }
  .why-QbD .right .box .icon { margin: 0 0 20px; height: 80px; }
  .why-QbD .right .box .font_icon { height: 80px; width: 80px; margin: 0 auto 20px; }
  
  .about-main .right { width: 480px; }
  .about-main .left { width: calc(100% - 480px); padding-left: calc((100% - 890px) / 2); min-height: 800px; }
  .counter-main .main h2 { font-size: 40px; line-height: 44px; }
  
  .objective-section .image { left: -320px; }
  .ecosystem-section .image { right: -280px; }

  .service-about .box .text { margin-top: 30px; }
  .service-about .box .content { margin-top: 0; }
  
  .get-touch .right { padding-right: calc((100% - 1140px) / 2); }
  .content-image .left { padding-left: 80px; padding-right: 80px; }
  .get-touch .left { padding-left: calc((100% - 1140px) / 2); }
  
  .twocontentbx_wrap { padding: 70px 50px; }

  .ourteam_in .team_img .shape { width: 220px; height: 220px; }
  .team_img .user_img { height: 200px; width: 200px; }
  
  .team_shape .user_img { margin: 30px auto 40px; }
  
  .teamban_item .left_part.team_shape .shape_bx span { height: 280px; width: 280px; }
  .teamban_item .left_part .network_img { height: 260px; width: 260px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_three { right: 20px; }
  .teamban_item .right_part { padding-left: 20px; }
  
  .industries-section .box.team_shape .shape_bx span.shape_one { left: 50px; }
  .industries-section .box.team_shape .shape_bx span.shape_two { right: 50px; }
  .industries-section .box.team_shape .shape_bx span.shape_three { right: 50px; }
}

@media(max-width: 1200px) {
  .license-certificates .box { width: calc(50% - 15px); }
  
  .get-touch .right { padding-right: calc((100% - 940px) / 2); }
  .content-image .left { padding-left: 40px; padding-right: 40px; } 
  .get-touch .left { padding-left: calc((100% - 940px) / 2); }
  .get-touch .right form input, 
  .get-touch .right form select, 
  .get-touch .right form textarea { background: #fff; }
  .get-touch .right form .hs_submit input.hs-button { color: #002855; }

  .hero-service .main { padding: 30px; }
  .hero-service .main h1 { font-size: 40px; line-height: 46px; }
  .hero-service .logo img { min-width: 300px; }
  .hero-service .logo { width: 40%; }
  .hero-service .text { width: 60%; }
  
  .service-detail .main { gap: 15px; }
  .service-detail .box { width: calc(50% - 8px); }
  
  .resources-service .main { gap: 15px; }
  .resources-service .box { width: calc(33.3% - 10px); }

  .blogstrip_wrap { padding: 45px 20px; }
  
  .objective-section .main.keybene_cstm { padding-left: calc(100% - 720px); position: relative; z-index: 9; }
  
  .our-services .main.three_col .box { width: calc(33.33% - 10px); }
  
  .cardbx_wrap .cardbx_item { width: 50%; }
  .cardbx_wrap .cardbx_main .round-2 { left: -60px; }
  .cardbx_wrap .cardbx_main .round-3 { left: -30px; bottom: -100px; }
  .cardbx_wrap .cardbx_main .round { width: 320px; height: 320px; }
  
  .ourmembersc_box:not(:last-child) { padding-bottom: 80px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span { height: 280px; width: 280px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_one { left: -21px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_two { top: -20px; left: 20px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_three { right: 0; left: 30px; top: 20px; }
  .ourmembersc_item .left_part.team_shape:hover .shape_bx { transform: rotate(10deg); }
  
  .testimonialsc_main.testimonial_one .slick-list.draggable { padding: 0 !important; }
  .testimonialsc_main.testimonial_one .testimonialsc_item { padding: 50px 0 0 0; }
  .testimonialsc_main.testimonial_one .testimonialsc_item .testimonialsc_in { padding: 45px; }
  
  .foundation_sc { padding: 80px 0; }
  
  .networkin_name { gap: 15px; }
  
  .activitiessc_item { width: 33.33%; }
  
  .event_strip.webinar_strip .eventstr_main,
  .event_strip .eventstr_main { padding: 30px 20px 45px; }
  
  .ourteam_main .ourteam_item { width: 50%; }
  
  .ourteam_item.team_shape .shape_bx { max-width: 246px; left: 50%; translate: -50%; }
  
  .teamban_main { padding: 0 20px; }
  .teamban_item .left_part { width: 100%; }
  .teamban_item .right_part { width: 100%; }
  .teamban_item .right_part { text-align: center; }
  
  .industries-section .box .img { width: 200px; height: 200px; }
  .industries-section .box.team_shape .shape_bx span { height: 200px; width: 200px; }
  .industries-section .box.team_shape .shape_bx span.shape_two { top: -10px; right: 50px; }
  .industries-section .box.team_shape .shape_bx span.shape_three { right: 30px; bottom: -10px; }
  .industries-section .box.team_shape .shape_bx span.shape_one { left: 30px; top: -10px; }
  
  .timeline_main .conttimebx_item { width: 200px; }
  
  .numbericon_item .left_box { height: 370px; }
  .numbericon_item .left_box .icon { width: 180px; margin: 0 auto 20px; }
  .numbericon_box { padding: 30px; }
  .numiconbx_item .number { font-size: 180px; }
  .numiconbx_icon { width: 120px; right: 0; }
  .numiconbx_item .numiconbx_in { text-align: center; }
  .lastbox_main { padding: 60px 30px; }
  
  .right_part .mappin_details { padding: 20px; margin-top: 50px; }
  .location_sc { padding: 120px 0; }
  
  .lpbanner_main .left_content .title { font-size: 40px; line-height: 48px; }
  .lpbanner_main .left_part { width: 100%; padding: 0 0 25px; }
  .lpbanner_main .right_part { width: 100%; }
  .lpbanner_main .right_part .form_title { text-align: center; }
  .lpbanner_main { max-width: 700px; margin: 0 auto; }
  .lpbanner_sc { padding: 70px 0 50px; } 
  
  .lpimgcont_main .left_part { width: 100%; }
  .lpimgcont_main .right_part { width: 100%; }
  .lpimgcont_main .left_part .tab_img { width: 225px; margin: 0 auto; }
  .lpimgcont_main { padding: 64px 32px 32px 32px; border-radius: 8px; }
  .lpimgcont_main .right_part .brandcir_img { display: none; }
  .lpimgcont_main .right_part .right_content { padding: 60px 0 0; }
    
  .service-about { padding: 70px 0 !important; }
}

@media(max-width: 1024px){
  .objective-section .main.keybene_cstm { padding-left: calc(100% - 630px); padding-right: 30px; }
  
  .testimonialsc_item { padding: 50px 20px 30px; }
  
  .objective-section .main { margin-left: calc((100% - 310px) / 2); }
}

@media(min-width: 992px) {

  .latest-news .box .link-style a svg { display: none; }

  .titleTable.mobile { display: none; }
  .table-title > div .mobile { display: none; }
  ul.pagination_list { display: none; }
  
  .body-container--software .hero-service .logo img { min-width: 75%; }  

  .activities_sc { padding: 100px 0 220px; }
  .activitiessc_item:first-child { width: 100%; }
  .activitiessc_item:first-child .activitiessc_in { display: flex; flex-flow: row wrap; }
  .activitiessc_item:first-child .activitiessc_in .activity_img { width: 40%; }
  .activitiessc_item:first-child .activitiessc_in .right_content { width: 60%; padding: 50px 100px; }
  .activitiessc_item:first-child .activitiessc_in .activity_img .img_bx { height: 700px !important; }
  .activitiessc_item:first-child .activitiessc_in .right_content .title { margin-bottom: 50px; }
}

@media(max-width: 991px) {
  .breadcrumb_main { display: none; }

  .arrow-down { display: none; }
  .hero-section { min-height: 575px; padding: 180px 0 60px; align-items: flex-end; }
  .hero-section .text { padding: 0 15px; }

  .industries-section .box.team_shape .shape_bx { display: none; }
  .industries-section { padding: 40px 0; background: #FFFFFF; border-radius: 15px 15px 0 0; margin-top: -20px; }
  .industries-section .main-title { color:#002855 !important; padding: 0 15px; }
  .industries-section .main-title .text,
  .industries-section .main-title h2 { color:#002855 !important; }
  .industries-section .cover { padding: 0; text-align: left; border-radius: 0; background: transparent !important; }
  .industries-section .box { width: 100%; }
  .industries-section .box .image .shape { display: none; }
  .industries-section .box .img:after { content: ''; width: 100%; }
  .industries-section .box .img { width: 100%; border-radius: 8px; }
  .industries-section .box .img:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); display: block; opacity: 1; border-radius: 0; }
  .industries-section .box .text { z-index: 9; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; padding: 28px; }
  .industries-section .box h4 { color: #fff !important; display: flex; align-items: center; justify-content: space-between; }
  .industries-section .box h4:after { content: ''; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg') no-repeat center center; width: 20px; height: 20px; transform: rotate(45deg); }

  .our-services { padding: 40px 0; }
  .our-services .main-title { padding: 0 15px; text-align: left; }
  .our-services .box { width: 100%; }
  .our-services .box .font_icon,
  .our-services .box .icon { width: 48px; height: 48px; }
  .our-services .box .in { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
  .our-services .box h4 { margin: 0; width: calc(100% - 68px); padding-right: 80px; }
  
  .our-services .main.three_col .box { width: 100%; }
    
  .font_icon .fontawesome_icon .fontawesome_in:after,
  .font_icon ion-icon,
  .font_icon .material-icons { font-size: 60px !important; }

  .latest-news { background: #F1F7FF !important; position: relative; }
  .latest-news:after { content: ''; width: 100%; height: 200px; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
  .latest-news .shape-btm { display: none; }

  .resources-news { overflow-x: clip; background: #F1F7FF; }
  .resources-news .main { gap: 0; }
  .resources-news .main .slick-list { overflow: visible !important; }
  .resources-news .main .slick-track { display: flex; }
  .resources-news .main .slick-track .box { margin: 0 auto !important; max-width: calc(100% - 20px); display: block !important; }
  .resources-news .box .image { width: 100%; height: 175px; }
  .resources-news .box .tag { top: 20px; bottom: auto; }
  .resources-news .box .text { width: 100%; background: #FFFFFF; }
  .resources-news .box .link-style a { justify-content: space-between; }
  .resources-news .box .link-style a:after { content: ''; width: 20px; height: 20px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg') no-repeat center; transform: rotate(45deg); }
  .resources-news .box .content { height: 70px; }
  .resources-news .box a.boxLink { height: 12%; bottom: 0; top: auto; }
  
  .box-ttl.desktop { display: none; }
  .services-section .main { display: none; }

  .hero-services { padding: 180px 0 0; }
  .hero-services .main { text-align: left; }
  .hero-services h1 { font-weight: 300; }

  .services-table { margin: 0; }

  .table-main { margin: 15px 0 0; }
  .titleTable { background: #F1F7FF; padding: 30px 28px; border-radius: 10px; position: relative; overflow: hidden; z-index: 1; }
  .titleTable [class*="round-"] { position: absolute; top: -30px; right: -30px; width: 83px; height: 83px; border-radius: 100%; z-index: 1; transition: 400ms; }
  .titleTable [class*="round-2"] { right: 10px; z-index: -1; opacity: 0.7; }
  .titleTable [class*="round-3"] { right: -30px; top: 20px; opacity: 0.7; }
  .titleTable .ttl { display: flex; align-items: center; padding: 0 0 22px; margin-bottom: 22px; gap: 22px; border-bottom: 2px solid #002855; }
  .titleTable .ttl .icon { width: 48px; line-height: 0; }
  .titleTable .ttl h4 { margin: 0; }
  .titleTable .button-2 { display: inline-block; }

  .titleTable [class*=button-] a { text-align: left; background: #002855; color: #FFFFFF; }
  .titleTable [class*=button-] a span.arrow { padding: 0 20px; right: 0; left: 0; width: auto; background: transparent; }
  .titleTable [class*=button-] a span path#noun-1833077-FFFFFF { fill: #63A9FF; }
  .titleTable [class*=button-] a span path#Path_946 { stroke: #63A9FF; }

  .table-title > div { width: 120px; }
  .table-title > div.ttl { width: calc(100% - 450px); }
  .table-cover .table > div.ttl { width: calc(100% - 450px); }
  .table-cover .table > div { width: 120px; }
  
  .titlecon_sc .titlecon_wrap .title { border-bottom: 2px solid #002855; padding-bottom: 10px; }

  .table-title > div h4 { display: none; }

  .table-title > div .mobile { display: flex; flex-flow: column; align-items: center; font-weight: 600; }
  .table-title > div .mobile img { max-height: 28px; margin: 0 0 6px; }

  .hero-inner { padding: 200px 0 60px; display: flex; align-items: flex-end; min-height: auto; }
  .hero-inner .bg-img:after { background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); }
  .hero-inner .shape { position: absolute; bottom: 0; right: 0; display: none; }

  .service-industries { margin-top: -20px; background: #fff; border-radius: 16px 16px 0 0; }
  .service-industries .box { width: 100%; padding: 0; }
  .service-industries .main { gap: 80px 0; }
  
  .industryin_cstm .service-industries { margin-top: 0; padding-top: 50px; }

  .why-QbD { padding: 40px 0; }
  .why-QbD .left { width: 100%; }
  .why-QbD .right { width: 100%; background: transparent; gap: 15px; padding: 0 30px 30px; }
  .why-QbD .right .box { background: #FFFFFF; padding: 30px 30px; border-radius: 8px; width: calc(50% - 8px); }
  .why-QbD .right .box h4 { font-size: 14px; line-height: 20px; }

  .about-main { position: relative; }
  .about-main .left { width: 100%; padding: 60px 0 30px; min-height: 403px; display: flex; align-items: end; color: #FFFFFF; }
  .about-main .left .inside { max-width: 750px; margin: 0 auto; padding: 0 15px; width: 100%; }
  .about-main .left .text { display: none; }
  .about-main .left h1 { color: #FFFFFF; }
  .about-main .right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 0; }
  .about-main .right:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); }
  
  .counter-main { margin: -10px 0 0; padding: 30px 0; background: #FFFFFF; border-radius: 10px 10px 0 0; }

  .counter-main .main { background: #F1F7FF; color: #002855; padding: 30px; gap: 7px; }
  .counter-main .desktop { display: block; text-align: left; margin: 0 0 26px; }
  .counter-main .box { width: calc(50% - 4px); background: #002855; border-radius: 10px; padding: 30px 15px; }
  .counter-main .box .text { color: #FFFFFF; font-size: 14px; line-height: 20px; font-weight: 600; }
  .counter-main .main h2 { font-weight: 600; color: #63A9FF; }

  .service-about .main { gap: 8px; }
  .service-about .box { width: 100%; padding: 25px; }
  .service-about .box .title { display: flex; align-items: center; border-bottom: 2px solid #002855; padding: 0 0 20px; width: 100%; }
  .service-about .box .title .icon { width: 48px; height: unset; }
  .service-about .box .font_icon { width: 48px; height: 48px; }
  .service-about .box .title h4 { display: block; margin: 0; width: calc(100% - 48px); padding: 0 0 0 20px; }
  .service-about .box .text { margin-top: 20px; }
  .service-about .box .text h2 { display: none; }

  .objective-section { padding: 0 15px; position: relative; z-index: 1; }
/*   .objective-section .image { display: none; } */
  .objective-section .image { position: relative; }
  .objective-section { padding: 0; flex-direction: column-reverse; display: flex; margin: 0 15px; border-radius: 8px; overflow: hidden; }
  .objective-section .main { margin: 0 auto; width: 100%; max-width: 720px; padding: 30px; background: #002855; border-radius: 10px; }
  .objective-section h2 { font-size: 20px; line-height: 28px; margin: 0; padding: 0 0 20px; border-bottom: 1px solid #63A9FF; position: relative; z-index: 9; padding-right: 45px; }
  .objective-section ul li { font-size: 16px; line-height: 21px; padding: 0 0 0 31px; }
  .objective-section ul li:before { top: 0; width: 20px; height: 20px; background-size: 20px; }
  .objective-section ul { gap: 22px 0; }
  .objective-section .text { margin-top: 30px; }
  .objective-section .image { position: relative; left: 0; width: 225px; height: 225px; margin: 0 auto; bottom: -20px; }
  .objective-section .image:before { background: #F1F7FF; left: -180px; bottom: -90px !important; }
  .objective-section .image:after { background: #63A9FF; }
  .objective-section .image:after,
  .objective-section .image:before { top: auto; bottom: -150px; height: 300px; width: 300px; }
  
  .ecosystem-section { padding: 30px 0; overflow: visible; overflow-x: clip; }
  .ecosystem-section .container { display: flex; flex-flow: column; flex-direction: column-reverse; align-items: flex-end; }
  .ecosystem-section .text { max-width: 100%; padding: 0 20px; min-height: auto; }
  .ecosystem-section .image { right: -50px; top: 0; position: relative; width: 225px; height: 225px; }
  .ecosystem-section .image:after,
  .ecosystem-section .image:before { top: 0; right: 0; }
  .ecosystem-section .image:before { top: -50px; right: -40px; }

  .license-certificates { padding: 40px 0; background: #F1F7FF; }
  .license-certificates .shape { display: none; }
  .license-certificates h2 { font-weight: 600; }
  .license-certificates .main { gap: 8px; }
  .license-certificates .box { width: calc(50% - 4px); background: #FFFFFF; min-height: 110px; }
  .license-certificates .box .font_icon { width: 60px; height: 60px; }
  .license-certificates .box .icon { width: 60px; }
  .license-certificates .box .text { width: calc(100% - 80px); }
  .license-certificates .box .btn { font-size: 12px; line-height: 15px; }
  
  .hero-service { padding: 180px 0 0; }
  .hero-service .main { padding: 0; border-radius: 0; background: transparent; }
  .hero-service .logo { width: 100%; }
  .hero-service .bg-img { display: none; }
  .hero-service .logo img { min-width: 140px; }
  .hero-service .text { width: 100%; margin: 50px 0 0; }
  .hero-service .main h1 { font-weight: 300; }
  .hero-service .shape { top: -30px; bottom: auto; right: -40px; left: auto; width: 160px; height: 160px; opacity: 1; z-index: 1; }
  .hero-service .shape:before { left: 40px; top: 50px; }
  .hero-service .shape:after { top: -20px; left: -50px; }
  .hero-service .button-2 a span.arrow { background: #63A9FF; }

  .service-detail .box .title { display: flex; align-items: center; padding: 0 0 15px; border-bottom: 2px solid; width: 100%; margin: 0 0 20px; }
  .service-detail .box .icon { width: 48px; min-width: 48px; margin-right: 22px; }
  .service-detail .box .font_icon { height: 60px; width: 60px; margin-right: 22px; }
  .service-detail .box [class*=button-] a span.arrow { left: 0; }
  .service-detail .box [class*=button-] a { padding: 10px 16px 10px 70px; justify-content: center; max-width: 400px; }
  .service-detail .box .normal_btn a:after { display: none }
    
  .service-detail .box .serice-box .jakeicon-bx { display: flex; align-items: center; padding: 0 0 15px; border-bottom: 2px solid; width: 100%; margin: 0 0 20px; }

  .content-image { margin: 0 auto; max-width: calc(750px - 30px); width: calc(100% - 30px); border-radius: 10px; overflow: hidden; flex-direction: column-reverse; }
  .content-image .left { width: 100%; min-height: auto; padding: 24px; }
  .content-image .right { width: 100%; line-height: 0; }

  .get-touch { margin: 0 auto; max-width: calc(750px - 30px); width: 100%; border-radius: 10px; overflow: hidden; position: relative; }
  .get-touch .left { width: 100%; padding: 30px 30px 0; min-height: auto; position: static; }
  .get-touch .right { width: 100%; padding: 20px 20px 320px; background: #002855; color: #FFF; }
  .get-touch .right .actions { position: relative; display: inline-block; }
  .get-touch .right .actions:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/right-arrow-blue.svg) no-repeat center / contain; height: 19px; width: 30px; display: inline-block; position: absolute; left: 20px; top: 13px; }
  .get-touch .right input.hs-button { background: #63A9FF; color: #002855; padding: 10px 22px 10px 60px; }
  .get-touch .inputs-list input[type=checkbox]+span:before { border-color: #002855; }
  .get-touch .inputs-list .hs-form-booleancheckbox input[type="checkbox"] + span { color: #fff; }
  .get-touch .right .inputs-list .hs-form-booleancheckbox input[type="checkbox"] + span:before { border-color: #fff; }
    
    .get-touch .right .inputs-list input[type="radio"] + span:before { top: 20px; border-color: #fff; }
    .get-touch .right .inputs-list .hs-form-radio input[type="radio"]:checked + span:after { top: 23px; background: #fff; }
    .get-touch .right .inputs-list input[type="checkbox"] + span:before { border-color: #fff; }
    .get-touch .right .inputs-list input[type="checkbox"]:checked + span:after { border-color: #fff; }
  
  .why-QbD .right { background: transparent !important; }
  
  .resources-service .box { width: calc(50% - 8px); }
  
  .resources-service .load-more { display: none; }
  .resources-service .load-more a { color: #002855; }
  ul.pagination_list { display: flex; justify-content: center; width: 100%; padding: 0; list-style-type: none; gap: 16px; font-size: 14px; line-height: 18px; margin: 30px 0 0; }
  ul.pagination_list li.number.active { font-weight: 700; }
  ul.pagination_list li.left-angle,
  ul.pagination_list li.right-angle { width: 20px; text-align: center; font-size: 20px; margin-top: -1px; }
  
  .resources-service .main-title h2 { width: 100%; text-align: center; }
  .resources-service .filter span.filter_topics { width: 100%; max-width: 100%; background: #FFF; color: #002855; font-size: 16px; box-shadow: 0px 0 6px #00000029; font-weight: 600; }
  .resources-service .filter { width: 100%; }
  .resources-service .filter span.filter_topics:after { background-image: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow_down_darkblue.svg'); top: 12px; }
  
  .resources-service { background: #F1F7FF; position: relative; }
  .body-container--service .why-QbD { background: #F1F7FF; }
  .resources-service:after { content: ''; width: 100%; height: 80px; position: absolute; top: 0; left: 0; background: linear-gradient(360deg, #F1F7FF 0%, #FFFFFF 100%); }
  .resources-service > div { position: relative; z-index: 1; }
   
  .gettouch { background: #f1f7ff; padding: 0 15px 30px; }
  .resources-news .shape-btm { display: none; }
  .resources-service .box { background: #FFF; }
  
  .body-container--software .why-QbD { background: #F1F7FF; }
  
  .twocardsc_wrap .twocardsc_main .twocardsc_in { padding: 25px; }
  
  .blogstrip_wrap .blogstrip_main { width: 100%; }
  .blogstrip_wrap .blogstrip_main:not(:last-child) { padding-bottom: 20px; }
  .blogstrip_wrap { background: #F1F7FF; }
  .blogstrip_wrap { margin-top: 0; z-index: 1 }
  
  .objective-section .main.keybene_cstm ul li:before { height: 30px; width: 30px; }
  .objective-section .main.keybene_cstm .text,
  .objective-section .main.keybene_cstm h2 { color: #fff !important; }
  .objective-section .main.keybene_cstm ul li { padding-left: 45px; font-weight: 300; font-size: 16px; }
  .objective-section .main.keybene_cstm { padding-left: 30px; }
  
  .twocontentbx_wrap { padding: 0; background: #002855; color: #fff; border-radius: 8px; overflow: hidden; }
  .twocontentbx_sc { background: #F1F7FF; padding: 20px 0 30px; }
  .twocontentbx_main .title { font-weight: 500; color: #63A9FF; }
  .twocontentbx_main { padding: 30px; }
  .twocontentbx_main .content_box { padding: 0; }
  
  .oneimage_sc img { height: auto !important; }
  
  .herocontent_sc { padding: 220px 0 30px; }
  .herocontent_sc:after { background: linear-gradient(23.22deg, rgba(0, 40, 85, 0.72) 0%, rgba(0, 40, 85, 0.581647) 24%, rgba(0, 8, 17, 0.183529) 100%); }
  .heromobcon_bx { margin-top: -20px; background: #fff; border-radius: 16px 16px 0 0; position: relative; z-index: 9; }
  .heromobcon_bx .content_bx { max-width: 750px; margin: 0 auto; padding: 30px 15px 0; }
  .heromobcon_bx .content_bx .pretext { margin-bottom: 15px; font-size: 16px; font-weight: 400; line-height: 22px; color: #002855; }
  
  .registerform_main { margin-top: 30px; padding: 50px 32px; }
  .registerform_main .form_title { font-weight: 600; text-align: center; }
  .registerform_sc .formcircle_img { margin-top: -30px; }
  
  .imgwithconsc_main .left_part { width: 100%; padding: 30px; }
  .imgwithconsc_main .right_part { width: 100%; max-width: 500px; margin: 0 auto; }
  .imgwithconsc_main .right_part img { border-radius: 0; height: auto !important; }
  .imgwithconsc_main { background: #F1F7FF; flex-direction: column-reverse; border-radius: 8px; overflow: hidden; }
  .imgwithconsc_main .left_part .title { border-bottom: 2px solid #002855; padding-bottom: 15px; }
  
  .imgcontbg_sc .left_part { display: none; }
  .imgcontbg_sc .right_part { width: 100%; padding: 30px; position: relative; }
  .imgcontbg_sc { border-radius: 16px; width: 715px; margin: 0 auto; }
  .imgcontbg_sc .right_part .title { border-bottom: 2px solid #63A9FF; padding-bottom: 15px; margin-bottom: 20px; margin-right: 75px; }
  .imgcontbg_sc .right_part .content ul { margin: 30px 0 0; }
  .imgcontbg_sc .mobmask_img img { width: 100%; vertical-align: top; }
  .imgcontbg_sc .mobmask_img { width: 100%; }
  .imgcontbg_sc .right_part:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Services-Circles.svg) no-repeat center / cover; height: 130px; width: 130px; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1; }
  .imgcontbg_sc .right_content { z-index: 9; position: relative; }
  .imgcontbg_sc .right_part .btn_style a { background: #63A9FF; font-weight: 600; }
  .imgcontbg_sc .right_part .btn_style a svg { margin-right: 5px; }
  
  .faqs_list .content { padding: 20px 0; }
  .faqs_list span.toggle_bx { right: 0; top: 18px; width: 25px; height: 25px; top: 16px; }
  .faqs_list span.toggle_bx svg { width: 14px; }
  .faqs_list .title { padding: 20px 40px 20px 0; font-size: 20px; }
  .faqs_list span.toggle_bx svg path { fill: #63A9FF; }
  
  .logobx_sc .vector_img { display: none; }
  .logoslider_main { background: #F1F7FF; border-radius: 8px; padding: 20px; }
  .logoslider_wrap .slick-slide > div { padding: 8px; }
  
  .ourmembersc_item .left_part { width: 100%; margin-bottom: 80px; }
  .ourmembersc_item .right_part { width: 100%; padding: 0; text-align: center; }
  .ourmembersc_item .left_part .member_img { width: 260px; height: 260px; }
  .ourmembersc_item .right_part .content { text-align: left; }
  .ourmembersc_item .left_part.team_shape .shape_bx { max-width: 300px; translate: -50%; left: 50%; }
  .ourmembersc_item .left_part.team_shape .shape_bx span { height: 260px; width: 260px; }
  .member_testimonail { padding: 45px; margin-top: 60px; }
  .member_testimonail .testimonialsc_box .quote_img { left: 30px; top: -30px; }
  .member_testimonail .testimonialsc_in .quote_img img { width: 100px; }
  
  .testimonialsc_item .quote_img img { width: 100px; }
  .testimonialsc_item .quote_img { left: 30px; top: -30px; }
  .testimonialsc_item { padding: 35px 6px 0; }
  .testimonialsc_main .slick-list { padding: 0 15px !important; }
  .testimonialsc_item .circle_img,
  .testimonialsc_item { opacity: 1; }
  
  .post-listing .blog_item .tag { font-size: 12px; padding: 5px 15px; top: 20px; bottom: auto; }
  
  .foundation_sc { background: transparent !important; padding: 0; }
  .foundation_sc .foundation_main { padding: 0; background: #F1F7FF; overflow: hidden; }
  .foundation_sc .foundation_main .foundation_box { padding: 30px; text-align: left; color: #002855 !important; }
  .foundation_sc .foundation_main .foundation_box .title { font-weight: 600; border-bottom: 2px solid #002855; padding-bottom: 15px; color: #002855 !important; }
  
  .companydet_box { padding: 30px; }
  .companydet_sc { padding: 80px 0 150px; }
  
  .network_item .left_part { margin-bottom: 60px; width: 100%; }
  .network_item .right_part { width: 100%; padding: 0; text-align: center; }
  .network_item .left_part .network_img { height: 260px; width: 260px }
  .ournetwork_sc { background: linear-gradient(360deg, #F1F7FF 90%, #FFFFFF 100%); }
  .network_main .network_bx { background: #FFFFFF; border-radius: 22px; padding: 8px 42px 8px 20px; height: 40px; }
  .network_main .mob_down { background: #fff; position: absolute; top: 125%; width: 100%; z-index: 99; border-radius: 5px; padding: 10px 0; }
  .network_main .networkname_down { position: relative; margin-bottom: 50px; }
  .mob_down .namelist_down { padding: 7px 15px; }
  .network_main .network_bx:after { content: ''; transition: 0.4s; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/dorpdown-arrow.svg) no-repeat center / contain; height: 15px; width: 15px; position: absolute; right: 4%; top: 34%; }
  .network_main .networkname_down.active .network_bx:after { transform: rotate(180deg); }
  .network_item .left_part.team_shape .shape_bx span { height: 280px; width: 280px; }
  .network_item .left_part.team_shape .shape_bx span.shape_three { right: 20px; }
  
  .activitiessc_item .activitiessc_in { background: #fff; }
  .activities_sc { background: #F1F7FF; }
  .activitiessc_item .activitiessc_in .activity_img .img_bx:not(:first-child) { display: none; }
  .activitiessc_main .slick-list.draggable { overflow: visible !important; padding: 0 !important; }
  .activitiessc_item .link-style a:after { content: ''; width: 20px; height: 20px; background: url('https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg') no-repeat center; transform: rotate(45deg); }

  .privcy_sc .brand_circle { width: 250px; transform: translate(80px, 30px); }
  .privcy_sc { padding: 190px 0 260px; }
  .privcysc_main button { margin: 15px 0; }
  
  .privcysc_main ul li:before { width: 15px; height: 15px; }
  .privcysc_main ul li { padding: 0 0 0 28px; }
  .privcysc_main button { position: relative; padding: 10px 22px 10px 55px; }
  .privcysc_main button:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/mob-arrow-blue.svg) no-repeat center / contain; height: 14px; width: 30px; display: inline-block; position: absolute; left: 15px; top: 15px; }
  .privcy_sc .mob_circle { position: absolute; top: 0; right: 0; z-index: -1; }
  .privcy_sc .mob_circle img { width: 260px; }
  
  .eventhero_sc { padding: 250px 0 40px; }
  .eventhero_sc .event_breadcum { display: none; }
  .event_strip .eventstr_main { margin: 0; background: #F1F7FF; box-shadow: inherit; z-index: 1; }
  .event_strip .eventstr_main .eventstr_item { width: 100%; }
  .event_strip .eventstr_main .eventstr_item:nth-child(even) .eventstr_in { justify-content: start; }
  .event_strip { background: #fff; margin-top: -20px; position: relative; z-index: 9; border-radius: 16px 16px 0 0; padding-top: 40px; }
  .event_strip .eventstr_main .icon { width: 30px; }
  .event_strip .eventstr_main .icon img { height: 30px !important; }
  .eventstr_main .eventstr_wrap { width: 100%; max-width: 400px; margin: 0 auto; }
  .eventstr_main .learnmore_bx { width: 100%; max-width: 450px; margin: 40px auto 0; }
  .eventstr_main .learnmore_bx .icon { display: none; }
  .eventstr_main .learnmore_bx .eventstr_in { background: #FFFFFF; border-radius: 40px; height: 40px; padding: 9px 45px 9px 20px; }
  .eventstr_main .learnmore_bx .eventstr_in:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow-down.svg) no-repeat center / cover; height: 10px; width: 10px; display: inline-block; position: absolute; right: 20px; transform: rotate(-90deg); }
  .event_content { padding: 0 0 40px; }
  .event_content .button-1 a { background-color: #002855; color: #fff !important; }
  .event_content [class*="button-"] a span.arrow { background: #002855; }
  .event_content [class*="button-"] a span.arrow svg path#noun-1833077-FFFFFF { fill: #63A9FF; }
  .event_content [class*="button-"] a path#Path_946 { stroke: #63A9FF; }
  .blogsharedate_bx.eventshare_btn { background: transparent; max-width: 450px; margin: 20px auto 0; padding: 0; }
  .blogsharedate_bx.eventshare_btn .container { width: 100%; }
  .blogsharedate_bx.eventshare_btn .blogsharedate_wrap { margin: 0 -15px; }
  .blogsharedate_bx.eventshare_btn .blogsharedate_wrap .blogshare_cover { height: 40px; background: #FFFFFF; border-radius: 40px; padding: 10px 45px 10px 20px; width: 100%; position: relative; }
  .blogsharedate_bx.eventshare_btn .blogshare_cover .share_btn img { display: none; }
  .blogsharedate_bx.eventshare_btn .blogsharedate_wrap .blogshare_cover .share_btn { width: 100%; justify-content: start; height: auto; }
  .blogsharedate_bx.eventshare_btn .blogshare_cover .share_btn:hover { background: #fff; }
  .event_strip.webinar_strip .register_btn a:after,
  .blogsharedate_bx.eventshare_btn .blogsharedate_wrap .blogshare_cover:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow-down.svg) no-repeat center / cover; height: 10px; width: 10px; display: inline-block; position: absolute; right: 20px; transform: rotate(-90deg); top: 17px; }
  .blogsharedate_bx.eventshare_btn .share-options { width: 100%; }
  
  .event_strip.webinar_strip .register_btn { width: 100%; background: transparent; max-width: 450px; margin: 20px auto 0; padding: 0; }
  .event_strip.webinar_strip .register_btn a { font-weight: 500; background: #002855; color: #fff; border-radius: 40px; padding: 10px 45px 10px 20px; width: 100%; position: relative; display: inline-block; }
  .event_strip.webinar_strip .eventstr_wrap .eventstr_item:first-child,
  .event_strip.webinar_strip .eventstr_wrap .eventstr_item { width: 100%; }
  
  .imgcontent_main { background: #F1F7FF; border-radius: 8px; overflow: hidden; }
  .imgcontent_main .left_part { padding: 60px 20px; }
  .imgcontent_main .right_part { background: #002855; color: #fff; padding: 30px; }
  .imgcontent_main .right_part .title { color: #63A9FF; font-weight: 600; }
  
  .ourteam_sc { background: linear-gradient(360deg, #F1F7FF 96%, #FFFFFF 100%); }
  .team_details .normal_btn a { background: #002855; color: #fff; }
  .team_details .normal_btn a:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/mob-arrow-blue.svg)no-repeat center / contain; }

  .executiveteam_sc { padding: 50px 0; }
  .team_shape .shape_bx span.shape_one { left: 40px; }
  .team_shape .shape_bx span.shape_two { right: 50px; }
  .team_shape .shape_bx span.shape_three { right: 30px; }
  
  .columncard_sc { background: linear-gradient(360deg, #F1F7FF 94%, #FFFFFF 100%); padding: 50px 0 60px; }
  .columncard_in { background: #fff; }
  .columncard_main .columncard_item { padding: 0 0 25px; }
  .columncard_in .readmore_btn .more-link { align-items: center; color: #63a8fc; display: flex; font-size: 16px; gap: 0 12px; justify-content: space-between; line-height: 22px; }
  .columncard_in .readmore_btn .more-link:after { background: url("https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Arrow%20%284%29.svg") no-repeat 50%; content: ""; height: 20px; transform: rotate(45deg); width: 20px; }
  .columncard_in .readmore_btn .more-link svg { display: none; }
  
  .twocolcon_sc { padding: 0 15px; }
  .twocolcon_main { background: #F1F7FF; width: 750px; max-width: 100%; margin: 0 auto; border-radius: 8px; overflow: hidden; }
  .twocolcon_main .left_part { width: 100%; }
  .twocolcon_main .right_part { width: 100%; }
  .twocolcon_main .left_part img { object-fit: cover; height: 353px !important; border-radius: 0; }
  .twocolcon_main .right_content { padding: 30px; }
  .twocolcon_main .right_content h2.title { font-weight: 600; border-bottom: 2px solid #002855; padding-bottom: 15px; font-size: 20px; line-height: 1; }
  
  .teamban_sc { background: linear-gradient(360deg, #F1F7FF 91%, #FFFFFF 100%); }
  .teamban_main { background: transparent; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_two { left: 60px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_three { top: 10px; right: 0px; }
  .teamban_item .right_part { margin-bottom: 0; padding: 0; }
  
  .executiveteam_item.three_col { max-width: 50%; flex: 0 0 50%; }
  
  .timeline_sc .container { padding: 50px 0; }
  .timeline_main .conttime_box .slick-slide { padding: 8px; }
  .timeline_main .conttimebx_item img { width: 40px; margin: 0 auto 8px; }
  .timeline_item:nth-child(odd) .slick-list.draggable { margin: 0 0 0 -15px; }
  .timeline_item:nth-child(even) .slick-list.draggable { margin: 0 -15px 0 0; }
  
  .blogstrip_in .blogstrip_item .blogstrip_cover { max-width: 100%; }
  
  .numbericon_item .left_part { width: 100%; padding: 0; }
  .numbericon_item.section_rev .left_part { padding: 0; }
  .numbericon_item .right_part { width: 100%; padding: 0; }
  .numbericon_item .left_box { margin: 0 auto 60px; }
  .numbericon_item .left_box .icon { width: 130px; }
  .numbericon_item .button-2 a { color: #002855 !important; }
  .numbericon_item .button-2 a span.arrow { background: #63A9FF; }
  .numbericon_item .button-2 a span path#noun-1833077-FFFFFF { fill: #002855; }
  .numbericon_item .button-2 a span path#Path_946 { stroke: #002855; }
  
  .lastbox_main { padding: 80px 20px; }
  .lastbox_main .left_part .title { padding: 50px 0; }
  .lastbox_main .left_part { width: 100%; padding: 0; text-align: center; }
  .lastbox_main .left_part .content_bx .icon { margin: 0 auto; width: 130px; }
  .lastbox_main .right_part { width: 100%; }
  .lastbox_main .left_part span.shape_three { bottom: -170px; top: inherit; }
  .lastbox_main .left_part span.shape_two { top: -170px; left: auto; right: -90px; }
  .lastbox_main .left_part span { width: 400px; height: 400px; }
  
  .location_sc:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/contact-Circles.svg) no-repeat center / cover; height: 240px; width: 240px; display: inline-block; position: absolute; top: 0; right: 0; z-index: -1; }
  .loactionmap_main .left_part,
  .loactionmap_main .right_part { width: 100%; }
  .loactionmap_main .right_part { padding: 0; }
  .loactionmap_main { flex-direction: column-reverse; gap: 30px; }
  .mappin_box .mappin_dropdown .location_text span.filter_select { background: #fff; color: #002855; }
  .location_sc { padding: 190px 0 80px; background: linear-gradient(360deg, #F1F7FF 90%, #FFFFFF 100%); }
  .mappin_box .mappin_dropdown .location_text:after { top: 10px; color: #002855; }
  .loactionmap_main .left_part iframe { height: 465px; }
  .right_part .mappin_details { text-align: left; background: #fff; }
  
  .timeline_item .timeline_box { padding-left: 20px; }
  
  .lpbanner_sc { padding: 70px 0 50px; }
  .lpbanner_sc.lpbanner_top { padding-top: 40px; }
  .lpbanner_sc:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hub/7030766/hubfs/mobile-shape-1.svg) no-repeat center / cover; height: 220px; width: 220px; display: inline-block; position: absolute; top: 0; right: 0; z-index: -1; }
  .lpbanner_main .left_content .content ul { background: #F1F7FF; padding: 45px 25px; border-radius: 8px; }
  .lp_content ul li:after { background: url(https://7030766.fs1.hubspotusercontent-na1.net/hub/7030766/hubfs/qbd-group-2024/image/Bullets.svg) no-repeat center / contain; height: 15px; width: 15px; top: 5px; }
  .lpbanner_main .right_part .form .hs-form fieldset .hs-input { background: #fff; }
  
  .lpimgcont_main .right_part .title { line-height: 1; margin-bottom: 30px; }

  .pillar-text .table-cover { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .pillar-text .table-cover table { width: 800px; max-width: inherit; }
    
  .service-about { padding: 50px 0 !important; }
}

@media(max-width: 767px) {

  .our-services .box [class*=round-] { width: 65px; height: 65px; }
  .our-services .box [class*=round-2] { right: 0; top: -24px; }
  .our-services .box [class*=round-3] { top: 15px; }

  .resources-news .main .slick-track .box { max-width: calc(100% - 10px); }
  
  .blogstrip_in .blogstrip_item { width: 100%; }
  .blogstrip_in { max-width: 400px; margin: 0 auto; }
  .blogstrip_in .icon { width: 50px; height: 50px; }
  .blogstrip_in .strip_text_wrap { width: 100%; }
  .blogstrip_in .author_details { width: 100%; padding: 15px; justify-content: start; }
  .blogstrip_in .author_details .avtar{ min-width:50px; height:50px; }
  .blogstrip_in .author_details .avtar img { width: 100%; height: 100%; }
  .blogstrip_in .strip_text_wrap.single_stripe .strip_text .blogstrip_item { width: 100%; }
  .blogstrip_in .strip_text { width: 100%; }

  .latest-news .box { width: 100%; position: relative; }
  .latest-news .main { gap: 15px; }
  .latest-news .box .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .latest-news .box .image:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(23.22deg, rgba(0, 40, 85, .72), rgba(0, 40, 85, .582) 24%, rgba(0, 8, 17, .184)); }
  .latest-news .box .text { padding: 30px; min-height: 197px; display: flex; flex-flow: column; justify-content: flex-end; color: #FFFFFF; position: relative; z-index: 1; }
  .latest-news .box .text:before { content: ''; width: 100%; height: 80%; position: absolute; bottom: 0; left: 0; background: #002855; z-index: -1; ; opacity: 0; }
  .latest-news .box .text h4 { color: #FFFFFF; font-weight: 400; ; min-height: auto !important; }
  .latest-news .box .link-style { margin-top: -20px; }
  .latest-news .box .link-style a { font-size: 0; }
  .latest-news .box .link-style svg path { ; }
  .latest-news .box:hover .text h4 { color: #63A8FC; }
  .latest-news .box:hover .link-style svg path { fill: #FFFFFF; }
  .latest-news .box:hover .text:before { height: 100%; opacity: 1; }

  .table-title { background: transparent; padding: 0; }

  .table-main { margin: 20px 0 0; border-radius: 0; box-shadow: none; }
  .table-cover .table { padding: 0; border-radius: 10px; gap: 10px; }
  .table-cover .table > div { min-height: 61px; width: 72px; }
  .table-cover .table > div.ttl , .table-title > div.ttl { padding: 10px 15px; width: calc(100% - 246px); }

  .table-title { gap: 10px; }
  .table-title > div { min-height: 61px; width: 72px; }
  .table-main .table-con { border-right: 1px solid rgb(99 169 255 / 20%); }

  .table-title > div .mobile { font-size: 12px; line-height: 15px; }
  .table-cover .table > div svg { width: 15px; }
  .table-cover .table > div.ttl { font-size: 14px; line-height: 19px; }
  
  .counter-main .main { padding: 20px; }
  .counter-main .box { padding: 30px 10px; word-break: break-all; }
  
  .get-touch .right { padding-bottom: 50%; }

  .why-QbD .left { padding: 30px 20px; }
  .why-QbD .right { padding: 30px 20px; gap: 8px; }
  .why-QbD .right .box { padding: 20px; width: calc(50% - 4px); }
  .why-QbD .right .box .icon { height: 60px; }
  .why-QbD .right .box .font_icon { height: 60px; width: 60px; }
  
  .license-certificates .box { width: 100%; }
  
  .resources-service .box { width: 100%; background: #FFF; }
  .service-detail .box { width: 100%; }

  .twocard_sc { padding: 0 0 30px; } 
  .twocardsc_wrap .twocardsc_main { width: 100%; }
  .twocardsc_in .icontitle_bx { display: flex; align-items: center; width: 100%; border-bottom: 2px solid #002855; padding-bottom: 20px; margin-bottom: 20px; }
  .twocardsc_in .icontitle_bx .title { line-height: 1.2; padding-left: 15px; margin: 0; font-weight: 600; font-size: 26px; }
  .twocardsc_in .icon img { width: 50px; height: auto !important; }
  .twocardsc_in .content { min-height: auto !important; }
  .twocardsc_wrap .twocardsc_in .content ul { list-style: none; padding: 0; }
  .twocardsc_wrap .twocardsc_in .content ul li { position: relative; padding-left: 30px; }
  .twocardsc_wrap .twocardsc_in .content ul li:after { content: ''; background: url(https://7030766.fs1.hubspotusercontent-na1.net/hubfs/7030766/qbd-group-2024/image/Bullets.svg) no-repeat center / contain; height: 18px; width: 18px; display: inline-block; position: absolute; left: 0; top: 3px; }
   
  .registerform_sc .formcircle_img .circledesk_img { display: none; }
  
  .imgcontbg_sc { width: calc(100% - 30px); margin: 0 15px; } 
  
  .logoslider_wrap .slick-list.draggable { margin: 0 -15px; }
  
  .ecosystem-section [class*=button-] a { font-size: 14px; }
  
  .cardbx_wrap .cardbx_main .round { height: 280px; width: 280px; }
  .cardbx_wrap .cardbx_item { width: 100%; max-width: 400px; margin: 0 auto; }
  .cardbx_main .cardbx_in .font_icon,
  .cardbx_main .cardbx_in .icon { display: none; }
  .cardbx_main .cardbx_in { padding-bottom: 50px; }
  
  .ourmembersc_item .left_part .member_img { width: 220px; height: 220px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span { height: 220px; width: 220px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_one { left: 20px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_two { left: 50px; }
  .ourmembersc_item .left_part.team_shape .shape_bx span.shape_three { right: 30px; left: auto; }
  
  .companydet_box .left_part { width: 100%; text-align: center; border-bottom: 2px solid #63A9FF; padding-bottom: 30px; margin-bottom: 30px; }
  .companydet_box .right_part { width: 100%; padding: 0; max-width: 100%; }
  .companydet_box .left_part img { height: 130px !important; }
  
  .companydet_sc { padding: 50px 0 150px; }
  .companydet_box:not(:last-child) { margin-bottom: 20px; }
  
  .network_item .left_part .network_img { height: 220px; width: 220px }
  .network_item .left_part.team_shape .shape_bx span { height: 220px; width: 220px; }
  .network_item .left_part.team_shape .shape_bx span.shape_one { left: 40px; }
  .network_item .left_part.team_shape .shape_bx span.shape_two { left: 60px; }
  .network_item .left_part.team_shape .shape_bx span.shape_three { right: 40px; }
  
  .ourteam_main .ourteam_item { width: 100%; }
  .team_details .designation { color: #63A9FF; }
  .ourteam_item.team_shape .shape_bx span.shape_one { left: -10px; }
  .ourteam_item.team_shape .shape_bx span.shape_three { right: -10px; top: 20px; }
  .ourteam_item.team_shape .user_img { margin: 30px auto 70px; }
  
  .team_shape .shape_bx span.shape_one { left: 10px; }
  .team_shape .shape_bx span.shape_three { right: 20px; }
  .executiveteam_item .executiveteam_bx { max-width: 300px; }
  
  .teamban_item .left_part.team_shape .shape_bx span { height: 240px; width: 240px; }
  .teamban_item .left_part .network_img { height: 220px; width: 220px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_one { left: 30px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_two { left: auto; right: 40px; }
  .teamban_item .left_part.team_shape .shape_bx span.shape_three { top: 0; right: 20px; }
  
  .executiveteam_item.three_col { max-width: 100%; flex: 0 0 100%; }
    
  .hsvideo_sc .video-container { height: 300px; }

  .pillar-section .table-content-click { padding-left: 15px; }
  .pillar-section .table-content { padding: 0 15px 11px; }
    
  .privcy_sc.sitemap-details-main-wrap { padding: 70px 0 90px; }
}

@media(max-width: 575px) {
  .testimonialsc_item .circle_img .deskcircle_img { display: none; }
  .testimonialsc_item .circle_img { position: absolute; left: 0; }
  .testimonialsc_item .circle_img .mobcircle_img { width: 100%; border-radius: 8px; }
  .testimonialsc_item .testimonialsc_in { padding: 50px 20px 140px; }
  .testimonialsc_in .testimonialsc_box .client_det { position: relative; z-index: 99; }
  .testimonialsc_main.testimonial_one .testimonialsc_item .testimonialsc_in { padding: 50px 20px 250px; }
  
  .member_testimonail .testimonialsc_in .circle_img .deskcircle_img { display: none; }
  .member_testimonail { padding: 50px 20px 250px; }
  .member_testimonail .testimonialsc_in .circle_img .mobcircle_img { width: 100%; border-radius: 8px; }
  .member_testimonail .testimonialsc_in .circle_img { width: 100%; }
  
  .foundation_sc .foundation_main .foundation_box { padding: 20px 15px; }
  .foundation_sc .foundation_main .foundation_box .title { font-size: 20px; line-height: 1.2; }
  
  .activitiessc_item { padding: 5px; }
  
  .timeline_item { gap: 30px; }
  .timeline_main .conttimebx_item { padding: 10px; }
  .timeline_main .blink_line { height: 15px; width: 15px; }
  
  .numbericon_item .round_shape span { width: 300px; height: 300px; }
  .numbericon_item .round_shape span.shape_three { bottom: -100px; }
  .numbericon_item .left_box { height: 320px; margin-bottom: 30px; }
  .lastbox_main .left_part span { width: 300px; height: 300px; }
  .lastbox_main .left_part .title { padding: 30px 0; }
  
  .logoslider_main { padding: 0; }
  
  .lpbanner_sc:after { width: 180px; height: 180px; }
  .lpbanner_main .right_part .form_title span { display: inline-block; width: 100%; text-align: center; }
  .lpbanner_main .right_part .form_title { line-height: 1; }
  .lpbanner_main .right_part { padding: 30px 30px 140px 30px; }
  
  .lpbanner_main .right_part .brand_shape { width: 100%; } 
  .lpbanner_main .right_part .brand_shape .desk_img { display: none; }
  .lpbanner_main .right_part .form .hs-submit { margin-top: 20px; }
}

@media(max-width: 414px) {
  .mobtable-wrap .table-main { width: 400px; }
  .mobtable-wrap { overflow: auto; }
  
  .ecosystem-section .text { padding: 0; }
  
  .testimonialsc_main.testimonial_one .testimonialsc_item .testimonialsc_in { padding: 50px 20px 180px; }
  
  .member_testimonail { padding: 50px 20px 180px; } 
  
  .lpimgcont_main { padding: 64px 20px 32px 20px; }
  .lpbanner_main .normal_btn a,
  .lpimgcont_main .right_part .button-2 a { font-size: 15px; padding-right: 12px; }
  .lpbanner_main .left_content .content ul { padding: 45px 20px; }
}